@enegelai/bot-widget 1.12.6 → 1.13.0

package/dist/index.es.js

@@ -2,9 +2,9 @@ var ja = Object.defineProperty;
 var Ha = (c, e, a) => e in c ? ja(c, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : c[e] = a;
 var ge = (c, e, a) => Ha(c, typeof e != "symbol" ? e + "" : e, a);
 import { css as X, LitElement as ut, html as g, svg as le } from "lit";
-import { property as v, customElement as J, queryAll as Qt, query as Ce, eventOptions as Et } from "lit/decorators.js";
+import { property as v, customElement as J, queryAll as Qt, query as Ce, eventOptions as Tt } from "lit/decorators.js";
 import { unsafeHTML as W } from "lit-html/directives/unsafe-html.js";
-import { when as ie } from "lit/directives/when.js";
+import { when as ee } from "lit/directives/when.js";
 import { registerIconLibrary as Ba } from "@shoelace-style/shoelace";
 import "@shoelace-style/shoelace/dist/components/button/button.js";
 import "@shoelace-style/shoelace/dist/components/avatar/avatar.js";
@@ -234,8 +234,8 @@ var ca = { exports: {} };
     function N($, V) {
       var C = this, Ie, Le, ne, se = "loglevel";
       typeof $ == "string" ? se += ":" + $ : typeof $ == "symbol" && (se = void 0);
-      function mt(z) {
-        var R = (s[z] || "silent").toUpperCase();
+      function mt(j) {
+        var R = (s[j] || "silent").toUpperCase();
         if (!(typeof window === a || !se)) {
           try {
             window.localStorage[se] = R;
@@ -249,21 +249,21 @@ var ca = { exports: {} };
         }
       }
       function Re() {
-        var z;
+        var j;
         if (!(typeof window === a || !se)) {
           try {
-            z = window.localStorage[se];
+            j = window.localStorage[se];
           } catch {
           }
-          if (typeof z === a)
+          if (typeof j === a)
             try {
               var R = window.document.cookie, qe = encodeURIComponent(se), Ye = R.indexOf(qe + "=");
-              Ye !== -1 && (z = /^([^;]+)/.exec(
+              Ye !== -1 && (j = /^([^;]+)/.exec(
                 R.slice(Ye + qe.length + 1)
               )[1]);
             } catch {
             }
-          return C.levels[z] === void 0 && (z = void 0), z;
+          return C.levels[j] === void 0 && (j = void 0), j;
         }
       }
       function Qe() {
@@ -278,11 +278,11 @@ var ca = { exports: {} };
           }
         }
       }
-      function ve(z) {
-        var R = z;
+      function ve(j) {
+        var R = j;
         if (typeof R == "string" && C.levels[R.toUpperCase()] !== void 0 && (R = C.levels[R.toUpperCase()]), typeof R == "number" && R >= 0 && R <= C.levels.SILENT)
           return R;
-        throw new TypeError("log.setLevel() called with invalid level: " + z);
+        throw new TypeError("log.setLevel() called with invalid level: " + j);
       }
       C.name = $, C.levels = {
         TRACE: 0,
@@ -293,25 +293,25 @@ var ca = { exports: {} };
         SILENT: 5
       }, C.methodFactory = V || T, C.getLevel = function() {
         return ne ?? Le ?? Ie;
-      }, C.setLevel = function(z, R) {
-        return ne = ve(z), R !== !1 && mt(ne), K.call(C);
-      }, C.setDefaultLevel = function(z) {
-        Le = ve(z), Re() || C.setLevel(z, !1);
+      }, C.setLevel = function(j, R) {
+        return ne = ve(j), R !== !1 && mt(ne), K.call(C);
+      }, C.setDefaultLevel = function(j) {
+        Le = ve(j), Re() || C.setLevel(j, !1);
       }, C.resetLevel = function() {
         ne = null, Qe(), K.call(C);
-      }, C.enableAll = function(z) {
-        C.setLevel(C.levels.TRACE, z);
-      }, C.disableAll = function(z) {
-        C.setLevel(C.levels.SILENT, z);
+      }, C.enableAll = function(j) {
+        C.setLevel(C.levels.TRACE, j);
+      }, C.disableAll = function(j) {
+        C.setLevel(C.levels.SILENT, j);
       }, C.rebuild = function() {
         if (f !== C && (Ie = ve(f.getLevel())), K.call(C), f === C)
-          for (var z in r)
-            r[z].rebuild();
+          for (var j in r)
+            r[j].rebuild();
       }, Ie = ve(
         f ? f.getLevel() : "WARN"
       );
-      var P = Re();
-      P != null && (ne = ve(P)), K.call(C);
+      var z = Re();
+      z != null && (ne = ve(z)), K.call(C);
     }
     f = new N(), f.getLogger = function(V) {
       if (typeof V != "symbol" && typeof V != "string" || V === "")
@@ -497,7 +497,7 @@ const Ke = /* @__PURE__ */ aa(Ua), Wa = X`
     color: white;
   }
 `;
-var Ya = Object.defineProperty, Xa = Object.getOwnPropertyDescriptor, At = (c, e, a, n) => {
+var Ya = Object.defineProperty, Xa = Object.getOwnPropertyDescriptor, Et = (c, e, a, n) => {
   for (var s = n > 1 ? void 0 : n ? Xa(e, a) : e, r = c.length - 1, f; r >= 0; r--)
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && Ya(e, a, s), s;
@@ -511,13 +511,13 @@ let Ge = class extends ut {
   }
 };
 Ge.styles = ia;
-At([
+Et([
   v({ type: String })
 ], Ge.prototype, "color", 2);
-At([
+Et([
   v({ type: String })
 ], Ge.prototype, "svg", 2);
-Ge = At([
+Ge = Et([
   J("cb-icon")
 ], Ge);
 let Ga = (c) => crypto.getRandomValues(new Uint8Array(c)), Za = (c, e, a) => {
@@ -803,7 +803,7 @@ var dc = Object.defineProperty, O = (c, e, a, n) => {
 };
 const A = Ke.noConflict();
 A.setLevel("info");
-const ee = "cb_";
+const te = "cb_";
 class L extends Ct {
   constructor() {
     super(...arguments), this.actionIdCounter = 0, this.currentLoadContext = {}, this.prefilledFormValues = {}, this.wsClient = null, this.replyMessage = null, this.streamingResponseInProgress = !1, this.streamingResponseLastText = null, this.streamingResponseBuffer = null, this.streamingResponseTagStartPos = 0, this.streamingResponseCurrentTag = null;
@@ -942,7 +942,7 @@ class L extends Ct {
       A.info("form has no fields", e);
       return;
     }
-    const r = `${ee}${this.setting.botId}.${this.conversationId}.form.${n}`, f = localStorage.getItem(r);
+    const r = `${te}${this.setting.botId}.${this.conversationId}.form.${n}`, f = localStorage.getItem(r);
     if (f) {
       let w = null;
       try {
@@ -984,19 +984,20 @@ class L extends Ct {
   }
   // Lazy initialization: avoid connecting until we actually need to send something
   async getWsClient() {
+    var s, r;
     if (this.wsClient)
       return this.wsClient;
-    const a = `${this.setting.url.startsWith("localhost") ? "ws" : "wss"}://${this.setting.url}/api/bot/connect/${this.setting.orgId}/${this.setting.botId}/${this.conversationId}`;
-    return A.info(`Initiating ws connection to ${a} ...`), this.wsClient = new tc({
+    let a = `${this.setting.url.startsWith("localhost") ? "ws" : "wss"}://${this.setting.url}/api/bot/connect/${this.setting.orgId}/${this.setting.botId}/${this.conversationId}`;
+    return ((r = (s = this.botSettings) == null ? void 0 : s.botAdvancedSettings) == null ? void 0 : r.enableMultiModalConnection) && (a += "?multiModal=true", A.info("MultiModal connection enabled - adding multiModal=true parameter")), A.info(`Initiating ws connection to ${a} ...`), this.wsClient = new tc({
       url: a,
       orgId: this.setting.orgId,
       botId: this.setting.botId,
       convId: this.conversationId,
-      onConnecting: (n) => {
-        this.handleWscConnecting(n);
+      onConnecting: (f) => {
+        this.handleWscConnecting(f);
       },
-      onMessage: (n) => {
-        this.handleWscMessage(n);
+      onMessage: (f) => {
+        this.handleWscMessage(f);
       }
     }), await this.wsClient.start(), this.connectWs = "true", this.wsClient;
   }
@@ -1034,7 +1035,7 @@ class L extends Ct {
             this.replyMessage ? this.insertMessage(n, -1) : this.addMessage(n);
           } else {
             if (this.replyMessage)
-              this.streamingResponseInProgress ? (this.finishStreamingResponse(e.text), this.streamingResponseInProgress = !1) : (this.replyMessage.data.text = e.text, this.updateMessage(this.replyMessage, "")), this.replyMessage = null;
+              "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 n = {
                 id: (e == null ? void 0 : e.id) || null,
@@ -1057,7 +1058,7 @@ class L extends Ct {
           break;
         }
         case "typing": {
-          this.replyMessage = {
+          this.replyMessage || (this.replyMessage = {
             id: (e == null ? void 0 : e.id) || null,
             author: "assistant",
             type: "text",
@@ -1065,7 +1066,37 @@ class L extends Ct {
             data: {
               text: ""
             }
-          }, this.addMessage(this.replyMessage);
+          }, 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 == null ? void 0 : 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 == null ? void 0 : e.id) || null,
+            author: "assistant",
+            type: "text",
+            data: {
+              text: "_Left chat_",
+              ...e.userName && { userName: e.userName },
+              ...e.userAvatar && { userAvatar: e.userAvatar }
+            }
+          });
           break;
         }
         case "form": {
@@ -1250,7 +1281,7 @@ class L extends Ct {
       A.info("submitForm: No form is active - ignored");
       return;
     }
-    const a = `${ee}${this.setting.botId}.${this.conversationId}.form.${this.form.name}`;
+    const a = `${te}${this.setting.botId}.${this.conversationId}.form.${this.form.name}`;
     await this.sendFormData(this.form.name, e), localStorage.setItem(a, JSON.stringify(e)), "name" in e && (this.feedbackName = e.name), "email" in e && (this.feedbackEmail = e.email), this.form = null;
   }
   async sendFormData(e, a) {
@@ -1355,42 +1386,42 @@ class L extends Ct {
   }
 }
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ value: "en" })
 ], L.prototype, "language");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ value: "light" })
 ], L.prototype, "theme");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ type: Boolean, value: !1 })
 ], L.prototype, "open");
 O([
   q({ type: Boolean, value: !1 })
 ], L.prototype, "alwaysOpen");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ value: "false" })
 ], L.prototype, "connectWs");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ value: xe() })
 ], L.prototype, "conversationId");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ value: 0 })
 ], L.prototype, "lastConversationUpdate");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ type: Array, value: [] })
 ], L.prototype, "messages");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ value: 0 })
 ], L.prototype, "unreadMessages");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({
     type: Array,
     value: []
@@ -1456,14 +1487,14 @@ O([
   q({ type: Boolean, value: !1 })
 ], L.prototype, "connected");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ value: "true" })
 ], L.prototype, "shouldEngage");
 O([
   q({ type: Boolean, value: !1 })
 ], L.prototype, "engage");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({
     type: Object,
     value: {
@@ -1483,7 +1514,7 @@ O([
   })
 ], L.prototype, "setting");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ type: Object, value: {} })
 ], L.prototype, "context");
 O([
@@ -1517,11 +1548,11 @@ O([
   q({ type: Array, value: [] })
 ], L.prototype, "feedbackMessages");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ type: String, value: "" })
 ], L.prototype, "feedbackName");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ type: String, value: "" })
 ], L.prototype, "feedbackEmail");
 const p = new L(), fc = X`
@@ -1607,7 +1638,7 @@ var lc = Object.defineProperty, bc = (c, e, a, n) => {
 Ba("system", {
   resolver: (c) => ""
 });
-class te extends ut {
+class ae extends ut {
   constructor() {
     super(...arguments), this.lang = "en";
   }
@@ -1624,14 +1655,14 @@ class te extends ut {
 }
 bc([
   v({ type: String })
-], te.prototype, "lang");
+], ae.prototype, "lang");
 var hc = Object.defineProperty, uc = Object.getOwnPropertyDescriptor, na = (c, e, a, n) => {
   for (var s = n > 1 ? void 0 : n ? uc(e, a) : e, r = c.length - 1, f; r >= 0; r--)
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && hc(e, a, s), s;
 };
 const pc = '<svg viewBox="0 0 16 16" width="16px" height="16px"><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"></path></svg>';
-let ot = class extends te {
+let ot = class extends ae {
   constructor() {
     super(...arguments), this.title = "ChatBot";
   }
@@ -1642,13 +1673,13 @@ let ot = class extends te {
   */
   renderExp() {
     return g` <header class="cb-header" part="header">
-      ${ie(
+      ${ee(
       p.setting.logoUrl !== "",
       () => g`<img class="cb-header-logo" part="header-logo" src="${p.setting.logoUrl}" />`,
       () => g`<div class="cb-header-logo" part="header-logo">${W(p.setting.logoSvg)}</div>`
     )}
       <div class="cb-header-title" part="header-title">${this.title}</div>
-      ${ie(
+      ${ee(
       p.alwaysOpen,
       () => g``,
       () => g`<div class="cb-header-close" part="header-close">${W(pc)}</div>`
@@ -1657,13 +1688,13 @@ let ot = class extends te {
   }
   render() {
     return g` <header class="cb-header" part="header">
-      ${ie(
+      ${ee(
       p.setting.logoUrl !== "",
       () => g`<img class="cb-header-img" part="header-logo" src="${p.setting.logoUrl}" />`,
       () => g`<div class="cb-header-logo" part="header-logo">${W(p.setting.logoSvg)}</div>`
     )}
       <div class="cb-header-title" part="header-title">${this.title}</div>
-      ${ie(
+      ${ee(
       p.alwaysOpen,
       () => g`<div></div>`,
       () => g`<div @click=${this._clickCloseHandler} class="cb-header-close" part="header-close">${W(p.setting.closeSvg)}</div>`
@@ -1720,7 +1751,7 @@ var mc = Object.defineProperty, yc = Object.getOwnPropertyDescriptor, vc = (c, e
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && mc(e, a, s), s;
 };
-let St = class extends te {
+let St = class extends ae {
   constructor() {
     super(...arguments), this.year = (/* @__PURE__ */ new Date()).getFullYear();
   }
@@ -2027,9 +2058,9 @@ var sa = { exports: {} };
     function D(t) {
       var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = i.onElement, d = i.withCallback, l = i.avoidDuplicate, h = l === void 0 || l, b = i.once, u = b !== void 0 && b, y = i.useCapture, m = y !== void 0 && y, x = arguments.length > 2 ? arguments[2] : void 0, k = o || [];
       function M(E) {
-        P(d) && d.call(x, E, this), u && M.destroy();
+        z(d) && d.call(x, E, this), u && M.destroy();
       }
-      return z(k) && (k = document.querySelectorAll(k)), M.destroy = function() {
+      return j(k) && (k = document.querySelectorAll(k)), M.destroy = function() {
         _(k, function(E) {
           var I = K(E, t, M);
           I.found && I.all.splice(I.evt, 1), E.removeEventListener && E.removeEventListener(t, M, m);
@@ -2061,14 +2092,14 @@ var sa = { exports: {} };
     function V(t) {
       var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", o = arguments.length > 2 && arguments[2] !== void 0 && arguments[2];
       if (!t || i === "") return !1;
-      if (i === "none") return P(o) && o(), !1;
+      if (i === "none") return z(o) && o(), !1;
       var d = mt(), l = i.split(" ");
       _(l, function(h) {
         T(t, "g" + h);
       }), D(d, { onElement: t, avoidDuplicate: !1, once: !0, withCallback: function(h, b) {
         _(l, function(u) {
           N(b, "g" + u);
-        }), P(o) && o();
+        }), z(o) && o();
       } });
     }
     function C(t) {
@@ -2106,17 +2137,17 @@ var sa = { exports: {} };
     }
     function Qe(t, i, o) {
       if (re(t)) console.error("Inject assets error");
-      else if (P(i) && (o = i, i = !1), z(i) && i in window) P(o) && o();
+      else if (z(i) && (o = i, i = !1), j(i) && i in window) z(o) && o();
       else {
         var d;
         if (t.indexOf(".css") !== -1) {
-          if ((d = document.querySelectorAll('link[href="' + t + '"]')) && d.length > 0) return void (P(o) && o());
+          if ((d = document.querySelectorAll('link[href="' + t + '"]')) && d.length > 0) return void (z(o) && o());
           var l = document.getElementsByTagName("head")[0], h = l.querySelectorAll('link[rel="stylesheet"]'), b = document.createElement("link");
-          return b.rel = "stylesheet", b.type = "text/css", b.href = t, b.media = "all", h ? l.insertBefore(b, h[0]) : l.appendChild(b), void (P(o) && o());
+          return b.rel = "stylesheet", b.type = "text/css", b.href = t, b.media = "all", h ? l.insertBefore(b, h[0]) : l.appendChild(b), void (z(o) && o());
         }
         if ((d = document.querySelectorAll('script[src="' + t + '"]')) && d.length > 0) {
-          if (P(o)) {
-            if (z(i)) return Re(function() {
+          if (z(o)) {
+            if (j(i)) return Re(function() {
               return window[i] !== void 0;
             }, function() {
               o();
@@ -2126,8 +2157,8 @@ var sa = { exports: {} };
         } else {
           var u = document.createElement("script");
           u.type = "text/javascript", u.src = t, u.onload = function() {
-            if (P(o)) {
-              if (z(i)) return Re(function() {
+            if (z(o)) {
+              if (j(i)) return Re(function() {
                 return window[i] !== void 0;
               }, function() {
                 o();
@@ -2141,10 +2172,10 @@ var sa = { exports: {} };
     function ve() {
       return "navigator" in window && window.navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(Android)|(PlayBook)|(BB10)|(BlackBerry)|(Opera Mini)|(IEMobile)|(webOS)|(MeeGo)/i);
     }
-    function P(t) {
+    function z(t) {
       return typeof t == "function";
     }
-    function z(t) {
+    function j(t) {
       return typeof t == "string";
     }
     function R(t) {
@@ -2157,7 +2188,7 @@ var sa = { exports: {} };
       return t && t.length && isFinite(t.length);
     }
     function _e(t) {
-      return n(t) === "object" && t != null && !P(t) && !qe(t);
+      return n(t) === "object" && t != null && !z(t) && !qe(t);
     }
     function re(t) {
       return t == null;
@@ -2315,7 +2346,7 @@ var sa = { exports: {} };
     function xa(t, i, o, d) {
       var l = t.querySelector(".gslide-media"), h = new Image(), b = "gSlideTitle_" + o, u = "gSlideDesc_" + o;
       h.addEventListener("load", function() {
-        P(d) && d();
+        z(d) && d();
       }, !1), h.src = i.href, i.sizes != "" && i.srcset != "" && (h.sizes = i.sizes, h.srcset = i.srcset), h.alt = "", re(i.alt) || i.alt === "" || (h.alt = i.alt), i.title !== "" && h.setAttribute("aria-labelledby", b), i.description !== "" && h.setAttribute("aria-describedby", u), i.hasOwnProperty("_hasCustomWidth") && i._hasCustomWidth && (h.style.width = i.width), i.hasOwnProperty("_hasCustomHeight") && i._hasCustomHeight && (h.style.height = i.height), l.insertBefore(h, l.firstChild);
     }
     function ka(t, i, o, d) {
@@ -2334,7 +2365,7 @@ var sa = { exports: {} };
         T(m, "".concat(k, "-video gvideo")), m.appendChild(I), m.setAttribute("data-id", b), m.setAttribute("data-index", o);
         var U = Y(l.settings.plyr, "config") ? l.settings.plyr.config : {}, fe = new Plyr("#" + b, U);
         fe.on("ready", function(de) {
-          y[b] = de.detail.plyr, P(d) && d();
+          y[b] = de.detail.plyr, z(d) && d();
         }), Re(function() {
           return t.querySelector("iframe") && t.querySelector("iframe").dataset.ready == "true";
         }, function() {
@@ -2348,7 +2379,7 @@ var sa = { exports: {} };
     }
     function Ca(t, i, o, d) {
       var l, h = this, b = t.querySelector(".gslide-media"), u = !(!Y(i, "href") || !i.href) && i.href.split("#").pop().trim(), y = !(!Y(i, "content") || !i.content) && i.content;
-      if (y && (z(y) && (l = ne('<div class="ginlined-content">'.concat(y, "</div>"))), R(y))) {
+      if (y && (j(y) && (l = ne('<div class="ginlined-content">'.concat(y, "</div>"))), R(y))) {
         y.style.display == "none" && (y.style.display = "block");
         var m = document.createElement("div");
         m.className = "ginlined-content", m.appendChild(y), l = m;
@@ -2362,13 +2393,13 @@ var sa = { exports: {} };
       if (!l) return console.error("Unable to append inline slide content", i), !1;
       b.style.height = i.height, b.style.width = i.width, b.appendChild(l), this.events["inlineclose" + u] = D("click", { onElement: b.querySelectorAll(".gtrigger-close"), withCallback: function(M) {
         M.preventDefault(), h.close();
-      } }), P(d) && d();
+      } }), z(d) && d();
     }
     function Sa(t, i, o, d) {
       var l = t.querySelector(".gslide-media"), h = function(b) {
         var u = b.url, y = b.allow, m = b.callback, x = b.appendTo, k = document.createElement("iframe");
         return k.className = "vimeo-video gvideo", k.src = u, k.style.width = "100%", k.style.height = "100%", y && k.setAttribute("allow", y), k.onload = function() {
-          k.onload = null, T(k, "node-ready"), P(m) && m();
+          k.onload = null, T(k, "node-ready"), z(m) && m();
         }, x && x.appendChild(k), k;
       }({ url: i.href, callback: d });
       l.parentNode.style.maxWidth = i.width, l.parentNode.style.height = i.height, l.appendChild(h);
@@ -2439,16 +2470,16 @@ var sa = { exports: {} };
       var t = this, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null, o = arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
       if (Q(i, "loaded")) return !1;
       var d = this.instance.settings, l = this.slideConfig, h = ve();
-      P(d.beforeSlideLoad) && d.beforeSlideLoad({ index: this.index, slide: i, player: !1 });
+      z(d.beforeSlideLoad) && d.beforeSlideLoad({ index: this.index, slide: i, player: !1 });
       var b = l.type, u = l.descPosition, y = i.querySelector(".gslide-media"), m = i.querySelector(".gslide-title"), x = i.querySelector(".gslide-desc"), k = i.querySelector(".gdesc-inner"), M = o, E = "gSlideTitle_" + this.index, I = "gSlideDesc_" + this.index;
-      if (P(d.afterSlideLoad) && (M = function() {
-        P(o) && o(), d.afterSlideLoad({ index: t.index, slide: i, player: t.instance.getSlidePlayerInstance(t.index) });
+      if (z(d.afterSlideLoad) && (M = function() {
+        z(o) && o(), d.afterSlideLoad({ index: t.index, slide: i, player: t.instance.getSlidePlayerInstance(t.index) });
       }), l.title == "" && l.description == "" ? k && k.parentNode.parentNode.removeChild(k.parentNode) : (m && l.title !== "" ? (m.id = E, m.innerHTML = l.title) : m.parentNode.removeChild(m), x && l.description !== "" ? (x.id = I, h && d.moreLength > 0 ? (l.smallDescription = this.slideShortDesc(l.description, d.moreLength, d.moreText), x.innerHTML = l.smallDescription, this.descriptionEvents(x, l)) : x.innerHTML = l.description) : x.parentNode.removeChild(x), T(y.parentNode, "desc-".concat(u)), T(k.parentNode, "description-".concat(u))), T(y, "gslide-".concat(b)), T(i, "loaded"), b !== "video") {
-        if (b !== "external") return b === "inline" ? (Ca.apply(this.instance, [i, l, this.index, M]), void (l.draggable && new jt({ dragEl: i.querySelector(".gslide-inline"), toleranceX: d.dragToleranceX, toleranceY: d.dragToleranceY, slide: i, instance: this.instance }))) : void (b !== "image" ? P(M) && M() : xa(i, l, this.index, function() {
+        if (b !== "external") return b === "inline" ? (Ca.apply(this.instance, [i, l, this.index, M]), void (l.draggable && new jt({ dragEl: i.querySelector(".gslide-inline"), toleranceX: d.dragToleranceX, toleranceY: d.dragToleranceY, slide: i, instance: this.instance }))) : void (b !== "image" ? z(M) && M() : xa(i, l, this.index, function() {
           var U = i.querySelector("img");
           l.draggable && new jt({ dragEl: U, toleranceX: d.dragToleranceX, toleranceY: d.dragToleranceY, slide: i, instance: t.instance }), l.zoomable && U.naturalWidth > U.offsetWidth && (T(U, "zoomable"), new wa(U, i, function() {
             t.instance.resize();
-          })), P(M) && M();
+          })), z(M) && M();
         }));
         Sa.apply(this, [i, l, this.index, M]);
       } else ka.apply(this.instance, [i, l, this.index, M]);
@@ -2509,15 +2540,15 @@ var sa = { exports: {} };
         typeof o == "function" && o.apply(this.el, arguments);
       }
     } }]);
-    function ae(t, i) {
+    function ce(t, i) {
       var o = new Ma(t);
       return o.add(i), o;
     }
-    var Ta = f(function t(i, o) {
+    var Aa = f(function t(i, o) {
       s(this, t), this.element = typeof i == "string" ? document.querySelector(i) : i, this.start = this.start.bind(this), this.move = this.move.bind(this), this.end = this.end.bind(this), this.cancel = this.cancel.bind(this), this.element.addEventListener("touchstart", this.start, !1), this.element.addEventListener("touchmove", this.move, !1), this.element.addEventListener("touchend", this.end, !1), this.element.addEventListener("touchcancel", this.cancel, !1), this.preV = { x: null, y: null }, this.pinchStartLen = null, this.zoom = 1, this.isDoubleTap = !1;
       var d = function() {
       };
-      this.rotate = ae(this.element, o.rotate || d), this.touchStart = ae(this.element, o.touchStart || d), this.multipointStart = ae(this.element, o.multipointStart || d), this.multipointEnd = ae(this.element, o.multipointEnd || d), this.pinch = ae(this.element, o.pinch || d), this.swipe = ae(this.element, o.swipe || d), this.tap = ae(this.element, o.tap || d), this.doubleTap = ae(this.element, o.doubleTap || d), this.longTap = ae(this.element, o.longTap || d), this.singleTap = ae(this.element, o.singleTap || d), this.pressMove = ae(this.element, o.pressMove || d), this.twoFingerPressMove = ae(this.element, o.twoFingerPressMove || d), this.touchMove = ae(this.element, o.touchMove || d), this.touchEnd = ae(this.element, o.touchEnd || d), this.touchCancel = ae(this.element, o.touchCancel || d), this.translateContainer = this.element, this._cancelAllHandler = this.cancelAll.bind(this), window.addEventListener("scroll", this._cancelAllHandler), this.delta = null, this.last = null, this.now = null, this.tapTimeout = null, this.singleTapTimeout = null, this.longTapTimeout = null, this.swipeTimeout = null, this.x1 = this.x2 = this.y1 = this.y2 = null, this.preTapPosition = { x: null, y: null };
+      this.rotate = ce(this.element, o.rotate || d), this.touchStart = ce(this.element, o.touchStart || d), this.multipointStart = ce(this.element, o.multipointStart || d), this.multipointEnd = ce(this.element, o.multipointEnd || d), this.pinch = ce(this.element, o.pinch || d), this.swipe = ce(this.element, o.swipe || d), this.tap = ce(this.element, o.tap || d), this.doubleTap = ce(this.element, o.doubleTap || d), this.longTap = ce(this.element, o.longTap || d), this.singleTap = ce(this.element, o.singleTap || d), this.pressMove = ce(this.element, o.pressMove || d), this.twoFingerPressMove = ce(this.element, o.twoFingerPressMove || d), this.touchMove = ce(this.element, o.touchMove || d), this.touchEnd = ce(this.element, o.touchEnd || d), this.touchCancel = ce(this.element, o.touchCancel || d), this.translateContainer = this.element, this._cancelAllHandler = this.cancelAll.bind(this), window.addEventListener("scroll", this._cancelAllHandler), this.delta = null, this.last = null, this.now = null, this.tapTimeout = null, this.singleTapTimeout = null, this.longTapTimeout = null, this.swipeTimeout = null, this.x1 = this.x2 = this.y1 = this.y2 = null, this.preTapPosition = { x: null, y: null };
     }, [{ key: "start", value: function(t) {
       if (t.touches) if (t.target && t.target.nodeName && ["a", "button", "input"].indexOf(t.target.nodeName.toLowerCase()) >= 0) console.log("ignore drag for this touched element", t.target.nodeName.toLowerCase());
       else {
@@ -2586,9 +2617,9 @@ var sa = { exports: {} };
         N(d, "greset");
       } }), d.style.opacity = "", h && (h.style.opacity = "");
     }
-    function Ea(t) {
+    function Ta(t) {
       if (t.events.hasOwnProperty("touch")) return !1;
-      var i, o, d, l = se(), h = l.width, b = l.height, u = !1, y = null, m = null, x = null, k = !1, M = 1, E = 1, I = !1, U = !1, fe = null, de = null, G = null, $e = null, ue = 0, Ve = 0, Fe = !1, De = !1, pe = {}, Oe = {}, Ft = 0, Dt = 0, La = document.getElementById("glightbox-slider"), ct = document.querySelector(".goverlay"), qa = new Ta(La, { touchStart: function(B) {
+      var i, o, d, l = se(), h = l.width, b = l.height, u = !1, y = null, m = null, x = null, k = !1, M = 1, E = 1, I = !1, U = !1, fe = null, de = null, G = null, $e = null, ue = 0, Ve = 0, Fe = !1, De = !1, pe = {}, Oe = {}, Ft = 0, Dt = 0, La = document.getElementById("glightbox-slider"), ct = document.querySelector(".goverlay"), qa = new Aa(La, { touchStart: function(B) {
         if (u = !0, (Q(B.targetTouches[0].target, "ginner-container") || $(B.targetTouches[0].target, ".gslide-desc") || B.targetTouches[0].target.nodeName.toLowerCase() == "a") && (u = !1), $(B.targetTouches[0].target, ".gslide-inline") && !Q(B.targetTouches[0].target.parentNode, "gslide-inline") && (u = !1), u) {
           if (Oe = B.targetTouches[0], pe.pageX = B.targetTouches[0].pageX, pe.pageY = B.targetTouches[0].pageY, Ft = B.targetTouches[0].clientX, Dt = B.targetTouches[0].clientY, y = t.activeSlide, m = y.querySelector(".gslide-media"), d = y.querySelector(".gslide-inline"), x = null, Q(m, "gslide-image") && (x = m.querySelector("img")), (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) > 769 && (m = y.querySelector(".ginner-container")), N(ct, "greset"), B.pageX > 20 && B.pageX < window.innerWidth - 20) return;
           B.preventDefault();
@@ -2596,8 +2627,8 @@ var sa = { exports: {} };
       }, touchMove: function(B) {
         if (u && (Oe = B.targetTouches[0], !I && !U)) {
           if (d && d.offsetHeight > b) {
-            var ce = pe.pageX - Oe.pageX;
-            if (Math.abs(ce) <= 13) return !1;
+            var ie = pe.pageX - Oe.pageX;
+            if (Math.abs(ie) <= 13) return !1;
           }
           k = !0;
           var Me, it = B.targetTouches[0].clientX, Oa = B.targetTouches[0].clientY, Pa = Ft - it, za = Dt - Oa;
@@ -2607,8 +2638,8 @@ var sa = { exports: {} };
       }, touchEnd: function() {
         if (u) {
           if (k = !1, U || I) return G = fe, void ($e = de);
-          var B = Math.abs(parseInt(Ve)), ce = Math.abs(parseInt(ue));
-          if (!(B > 29 && x)) return B < 29 && ce < 25 ? (T(ct, "greset"), ct.style.opacity = 1, yt(m)) : void 0;
+          var B = Math.abs(parseInt(Ve)), ie = Math.abs(parseInt(ue));
+          if (!(B > 29 && x)) return B < 29 && ie < 25 ? (T(ct, "greset"), ct.style.opacity = 1, yt(m)) : void 0;
           t.close();
         }
       }, multipointEnd: function() {
@@ -2620,14 +2651,14 @@ var sa = { exports: {} };
       }, pinch: function(B) {
         if (!x || k) return !1;
         I = !0, x.scaleX = x.scaleY = M * B.zoom;
-        var ce = M * B.zoom;
-        if (U = !0, ce <= 1) return U = !1, ce = 1, $e = null, G = null, fe = null, de = null, void x.setAttribute("style", "");
-        ce > 4.5 && (ce = 4.5), x.style.transform = "scale3d(".concat(ce, ", ").concat(ce, ", 1)"), E = ce;
+        var ie = M * B.zoom;
+        if (U = !0, ie <= 1) return U = !1, ie = 1, $e = null, G = null, fe = null, de = null, void x.setAttribute("style", "");
+        ie > 4.5 && (ie = 4.5), x.style.transform = "scale3d(".concat(ie, ", ").concat(ie, ", 1)"), E = ie;
       }, pressMove: function(B) {
         if (U && !I) {
-          var ce = Oe.pageX - pe.pageX, Me = Oe.pageY - pe.pageY;
-          G && (ce += G), $e && (Me += $e), fe = ce, de = Me;
-          var it = "translate3d(".concat(ce, "px, ").concat(Me, "px, 0)");
+          var ie = Oe.pageX - pe.pageX, Me = Oe.pageY - pe.pageY;
+          G && (ie += G), $e && (Me += $e), fe = ie, de = Me;
+          var it = "translate3d(".concat(ie, "px, ").concat(Me, "px, 0)");
           E && (it += " scale3d(".concat(E, ", ").concat(E, ", 1)")), C(x, it);
         }
       }, swipe: function(B) {
@@ -2645,7 +2676,7 @@ var sa = { exports: {} };
       } });
       t.events.touch = qa;
     }
-    var Bt = ve(), Rt = ve() !== null || document.createTouch !== void 0 || "ontouchstart" in window || "onmsgesturechange" in window || navigator.msMaxTouchPoints, Vt = document.getElementsByTagName("html")[0], Aa = { selector: ".glightbox", elements: null, skin: "clean", theme: "clean", closeButton: !0, startAt: null, autoplayVideos: !0, autofocusVideos: !0, descPosition: "bottom", width: "900px", height: "506px", videosWidth: "960px", beforeSlideChange: null, afterSlideChange: null, beforeSlideLoad: null, afterSlideLoad: null, slideInserted: null, slideRemoved: null, slideExtraAttributes: null, onOpen: null, onClose: null, loop: !1, zoomable: !0, draggable: !0, dragAutoSnap: !1, dragToleranceX: 40, dragToleranceY: 65, preload: !0, oneSlidePerOpen: !1, touchNavigation: !0, touchFollowAxis: !0, keyboardNavigation: !0, closeOnOutsideClick: !0, plugins: !1, plyr: { css: "https://cdn.plyr.io/3.6.12/plyr.css", js: "https://cdn.plyr.io/3.6.12/plyr.js", config: { ratio: "16:9", fullscreen: { enabled: !0, iosNative: !0 }, youtube: { noCookie: !0, rel: 0, showinfo: 0, iv_load_policy: 3 }, vimeo: { byline: !1, portrait: !1, title: !1, transparent: !1 } } }, openEffect: "zoom", closeEffect: "zoom", slideEffect: "slide", moreText: "See more", moreLength: 60, cssEfects: { fade: { in: "fadeIn", out: "fadeOut" }, zoom: { in: "zoomIn", out: "zoomOut" }, slide: { in: "slideInRight", out: "slideOutLeft" }, slideBack: { in: "slideInLeft", out: "slideOutRight" }, none: { in: "none", out: "none" } }, svg: { close: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve"><g><g><path d="M505.943,6.058c-8.077-8.077-21.172-8.077-29.249,0L6.058,476.693c-8.077,8.077-8.077,21.172,0,29.249C10.096,509.982,15.39,512,20.683,512c5.293,0,10.586-2.019,14.625-6.059L505.943,35.306C514.019,27.23,514.019,14.135,505.943,6.058z"/></g></g><g><g><path d="M505.942,476.694L35.306,6.059c-8.076-8.077-21.172-8.077-29.248,0c-8.077,8.076-8.077,21.171,0,29.248l470.636,470.636c4.038,4.039,9.332,6.058,14.625,6.058c5.293,0,10.587-2.019,14.624-6.057C514.018,497.866,514.018,484.771,505.942,476.694z"/></g></g></svg>', next: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"> <g><path d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"/></g></svg>', prev: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"><g><path d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"/></g></svg>' }, slideHTML: `<div class="gslide">
+    var Bt = ve(), Rt = ve() !== null || document.createTouch !== void 0 || "ontouchstart" in window || "onmsgesturechange" in window || navigator.msMaxTouchPoints, Vt = document.getElementsByTagName("html")[0], Ea = { selector: ".glightbox", elements: null, skin: "clean", theme: "clean", closeButton: !0, startAt: null, autoplayVideos: !0, autofocusVideos: !0, descPosition: "bottom", width: "900px", height: "506px", videosWidth: "960px", beforeSlideChange: null, afterSlideChange: null, beforeSlideLoad: null, afterSlideLoad: null, slideInserted: null, slideRemoved: null, slideExtraAttributes: null, onOpen: null, onClose: null, loop: !1, zoomable: !0, draggable: !0, dragAutoSnap: !1, dragToleranceX: 40, dragToleranceY: 65, preload: !0, oneSlidePerOpen: !1, touchNavigation: !0, touchFollowAxis: !0, keyboardNavigation: !0, closeOnOutsideClick: !0, plugins: !1, plyr: { css: "https://cdn.plyr.io/3.6.12/plyr.css", js: "https://cdn.plyr.io/3.6.12/plyr.js", config: { ratio: "16:9", fullscreen: { enabled: !0, iosNative: !0 }, youtube: { noCookie: !0, rel: 0, showinfo: 0, iv_load_policy: 3 }, vimeo: { byline: !1, portrait: !1, title: !1, transparent: !1 } } }, openEffect: "zoom", closeEffect: "zoom", slideEffect: "slide", moreText: "See more", moreLength: 60, cssEfects: { fade: { in: "fadeIn", out: "fadeOut" }, zoom: { in: "zoomIn", out: "zoomOut" }, slide: { in: "slideInRight", out: "slideOutLeft" }, slideBack: { in: "slideInLeft", out: "slideOutRight" }, none: { in: "none", out: "none" } }, svg: { close: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve"><g><g><path d="M505.943,6.058c-8.077-8.077-21.172-8.077-29.249,0L6.058,476.693c-8.077,8.077-8.077,21.172,0,29.249C10.096,509.982,15.39,512,20.683,512c5.293,0,10.586-2.019,14.625-6.059L505.943,35.306C514.019,27.23,514.019,14.135,505.943,6.058z"/></g></g><g><g><path d="M505.942,476.694L35.306,6.059c-8.076-8.077-21.172-8.077-29.248,0c-8.077,8.076-8.077,21.171,0,29.248l470.636,470.636c4.038,4.039,9.332,6.058,14.625,6.058c5.293,0,10.587-2.019,14.624-6.057C514.018,497.866,514.018,484.771,505.942,476.694z"/></g></g></svg>', next: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"> <g><path d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"/></g></svg>', prev: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"><g><path d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"/></g></svg>' }, slideHTML: `<div class="gslide">
     <div class="gslide-inner-content">
         <div class="ginner-container">
             <div class="gslide-media">
@@ -2669,7 +2700,7 @@ var sa = { exports: {} };
 </div>
 </div>` }, Ia = f(function t() {
       var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-      s(this, t), this.customOptions = i, this.settings = S(Aa, i), this.effectsClasses = this.getAnimationClasses(), this.videoPlayers = {}, this.apiEvents = [], this.fullElementsList = !1;
+      s(this, t), this.customOptions = i, this.settings = S(Ea, i), this.effectsClasses = this.getAnimationClasses(), this.videoPlayers = {}, this.apiEvents = [], this.fullElementsList = !1;
     }, [{ key: "init", value: function() {
       var t = this, i = this.getSelector();
       i && (this.baseEvents = D("click", { onElement: i, withCallback: function(o, d) {
@@ -2690,7 +2721,7 @@ var sa = { exports: {} };
         var b = document.createElement("style");
         b.type = "text/css", b.className = "gcss-styles", b.innerText = ".gscrollbar-fixer {margin-right: ".concat(h, "px}"), document.head.appendChild(b), T(l, "gscrollbar-fixer");
       }
-      T(l, "glightbox-open"), T(Vt, "glightbox-open"), Bt && (T(document.body, "glightbox-mobile"), this.settings.slideEffect = "slide"), this.showSlide(o, !0), this.elements.length === 1 ? (T(this.prevButton, "glightbox-button-hidden"), T(this.nextButton, "glightbox-button-hidden")) : (N(this.prevButton, "glightbox-button-hidden"), N(this.nextButton, "glightbox-button-hidden")), this.lightboxOpen = !0, this.trigger("open"), P(this.settings.onOpen) && this.settings.onOpen(), Rt && this.settings.touchNavigation && Ea(this), this.settings.keyboardNavigation && va(this);
+      T(l, "glightbox-open"), T(Vt, "glightbox-open"), Bt && (T(document.body, "glightbox-mobile"), this.settings.slideEffect = "slide"), this.showSlide(o, !0), this.elements.length === 1 ? (T(this.prevButton, "glightbox-button-hidden"), T(this.nextButton, "glightbox-button-hidden")) : (N(this.prevButton, "glightbox-button-hidden"), N(this.nextButton, "glightbox-button-hidden")), this.lightboxOpen = !0, this.trigger("open"), z(this.settings.onOpen) && this.settings.onOpen(), Rt && this.settings.touchNavigation && Ta(this), this.settings.keyboardNavigation && va(this);
     } }, { key: "openAt", value: function() {
       var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
       this.open(null, t);
@@ -2744,21 +2775,21 @@ var sa = { exports: {} };
         }
         (this.settings.preload && this.index == 0 && i == 0 || this.index - 1 == i || this.index + 1 == i) && this.preloadSlide(i), this.index === 0 && i === 0 && (this.index = 1), this.updateNavigationClasses(), u = this.slidesContainer.querySelectorAll(".gslide")[i], y = this.getSlidePlayerInstance(i), l.slideNode = u;
       }
-      this.trigger("slide_inserted", { index: i, slide: u, slideNode: u, slideConfig: d, slideIndex: i, trigger: null, player: y }), P(this.settings.slideInserted) && this.settings.slideInserted({ index: i, slide: u, player: y });
+      this.trigger("slide_inserted", { index: i, slide: u, slideNode: u, slideConfig: d, slideIndex: i, trigger: null, player: y }), z(this.settings.slideInserted) && this.settings.slideInserted({ index: i, slide: u, player: y });
     } }, { key: "removeSlide", value: function() {
       var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
       if (t < 0 || t > this.elements.length - 1) return !1;
       var i = this.slidesContainer && this.slidesContainer.querySelectorAll(".gslide")[t];
-      i && (this.getActiveSlideIndex() == t && (t == this.elements.length - 1 ? this.prevSlide() : this.nextSlide()), i.parentNode.removeChild(i)), this.elements.splice(t, 1), this.trigger("slide_removed", t), P(this.settings.slideRemoved) && this.settings.slideRemoved(t);
+      i && (this.getActiveSlideIndex() == t && (t == this.elements.length - 1 ? this.prevSlide() : this.nextSlide()), i.parentNode.removeChild(i)), this.elements.splice(t, 1), this.trigger("slide_removed", t), z(this.settings.slideRemoved) && this.settings.slideRemoved(t);
     } }, { key: "slideAnimateIn", value: function(t, i) {
       var o = this, d = t.querySelector(".gslide-media"), l = t.querySelector(".gslide-description"), h = { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlide, slideConfig: re(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: re(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, b = { 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 && l && (Le(l), l.style.display = ""), N(t, this.effectsClasses), i) V(t, this.settings.cssEfects[this.settings.openEffect].in, function() {
-        o.settings.autoplayVideos && o.slidePlayerPlay(t), o.trigger("slide_changed", { prev: h, current: b }), P(o.settings.afterSlideChange) && o.settings.afterSlideChange.apply(o, [h, b]);
+        o.settings.autoplayVideos && o.slidePlayerPlay(t), o.trigger("slide_changed", { prev: h, current: b }), z(o.settings.afterSlideChange) && o.settings.afterSlideChange.apply(o, [h, b]);
       });
       else {
         var u = this.settings.slideEffect, y = u !== "none" ? this.settings.cssEfects[u].in : u;
         this.prevActiveSlideIndex > this.index && this.settings.slideEffect == "slide" && (y = this.settings.cssEfects.slideBack.in), V(t, y, function() {
-          o.settings.autoplayVideos && o.slidePlayerPlay(t), o.trigger("slide_changed", { prev: h, current: b }), P(o.settings.afterSlideChange) && o.settings.afterSlideChange.apply(o, [h, b]);
+          o.settings.autoplayVideos && o.slidePlayerPlay(t), o.trigger("slide_changed", { prev: h, current: b }), z(o.settings.afterSlideChange) && o.settings.afterSlideChange.apply(o, [h, b]);
         });
       }
       setTimeout(function() {
@@ -2769,7 +2800,7 @@ var sa = { exports: {} };
       var t = this.prevActiveSlide;
       N(t, this.effectsClasses), T(t, "prev");
       var i = this.settings.slideEffect, o = i !== "none" ? this.settings.cssEfects[i].out : i;
-      this.slidePlayerPause(t), this.trigger("slide_before_change", { prev: { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlideIndex, slideConfig: re(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: re(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) } }), P(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" && (o = this.settings.cssEfects.slideBack.out), V(t, o, function() {
+      this.slidePlayerPause(t), this.trigger("slide_before_change", { prev: { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlideIndex, slideConfig: re(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: re(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) } }), z(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" && (o = this.settings.cssEfects.slideBack.out), V(t, o, function() {
         var d = t.querySelector(".ginner-container"), l = t.querySelector(".gslide-media"), h = t.querySelector(".gslide-description");
         d.style.transform = "", l.style.transform = "", N(l, "greset"), l.style.opacity = "", h && (h.style.opacity = ""), N(t, "prev");
       });
@@ -2933,7 +2964,7 @@ var sa = { exports: {} };
           t.events = null;
         }
         var d = document.body;
-        N(Vt, "glightbox-open"), N(d, "glightbox-open touching gdesc-open glightbox-touch glightbox-mobile gscrollbar-fixer"), t.modal.parentNode.removeChild(t.modal), t.trigger("close"), P(t.settings.onClose) && t.settings.onClose();
+        N(Vt, "glightbox-open"), N(d, "glightbox-open touching gdesc-open glightbox-touch glightbox-mobile gscrollbar-fixer"), t.modal.parentNode.removeChild(t.modal), t.trigger("close"), z(t.settings.onClose) && t.settings.onClose();
         var l = document.querySelector(".gcss-styles");
         l && l.parentNode.removeChild(l), t.lightboxOpen = !1, t.closing = null;
       });
@@ -2941,7 +2972,7 @@ var sa = { exports: {} };
       this.close(), this.clearAllEvents(), this.baseEvents && this.baseEvents.destroy();
     } }, { key: "on", value: function(t, i) {
       var o = arguments.length > 2 && arguments[2] !== void 0 && arguments[2];
-      if (!t || !P(i)) throw new TypeError("Event name and callback must be defined");
+      if (!t || !z(i)) throw new TypeError("Event name and callback must be defined");
       this.apiEvents.push({ evt: t, once: o, callback: i });
     } }, { key: "once", value: function(t, i) {
       this.on(t, i, !0);
@@ -3022,7 +3053,7 @@ var $c = Object.defineProperty, Mc = Object.getOwnPropertyDescriptor, oa = (c, e
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && $c(e, a, s), s;
 };
-let rt = class extends te {
+let rt = class extends ae {
   constructor() {
     super(...arguments), this.files = [];
   }
@@ -3062,7 +3093,7 @@ oa([
 rt = oa([
   J("cb-uploading")
 ], rt);
-const Tc = X`
+const Ac = X`
   ${me}
   :host {
   }
@@ -3083,10 +3114,10 @@ const Tc = X`
     margin-right: 0.2em;
   }
 `;
-var Ec = Object.defineProperty, Ac = Object.getOwnPropertyDescriptor, It = (c, e, a, n) => {
-  for (var s = n > 1 ? void 0 : n ? Ac(e, a) : e, r = c.length - 1, f; r >= 0; r--)
+var Tc = Object.defineProperty, Ec = Object.getOwnPropertyDescriptor, It = (c, e, a, n) => {
+  for (var s = n > 1 ? void 0 : n ? Ec(e, a) : e, r = c.length - 1, f; r >= 0; r--)
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
-  return n && s && Ec(e, a, s), s;
+  return n && s && Tc(e, a, s), s;
 };
 let Ze = class extends ut {
   constructor() {
@@ -3157,7 +3188,7 @@ const Ut = {
   doc: zc,
   docx: jc
 };
-let Je = class extends te {
+let Je = class extends ae {
   constructor() {
     super(...arguments), this.filename = "", this.url = "";
   }
@@ -3187,7 +3218,7 @@ let Je = class extends te {
         `;
   }
 };
-Je.styles = Tc;
+Je.styles = Ac;
 Lt([
   v({ type: String })
 ], Je.prototype, "filename", 2);
@@ -4672,7 +4703,7 @@ var Nc = Object.defineProperty, Uc = Object.getOwnPropertyDescriptor, Be = (c, e
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && Nc(e, a, s), s;
 };
-let ke = class extends te {
+let ke = class extends ae {
   constructor() {
     super(...arguments), this.store = new pt(this, p), this.type = "assistant", this.suppressFeedback = !1, this.lightbox = kc({
       touchNavigation: !0,
@@ -4755,12 +4786,12 @@ let ke = class extends te {
     });
   }
   render() {
-    return ie(
+    return ee(
       this.message.data || this.message.isThinking,
       () => g`
         <div class="cb-message-row" part="bot-message">
           <!-- message -->
-          ${ie(
+          ${ee(
         this._isBot,
         () => this.renderBotMessage(this.message),
         () => this.renderUserMessage(this.message)
@@ -4798,7 +4829,7 @@ let ke = class extends te {
   renderMessageContent(c) {
     var e;
     return c.isThinking ? g`<cb-thinking></cb-thinking>` : c.isUploading ? g`<cb-uploading .files="${c.data.files || []}"></cb-uploading>` : c.type === "text" ? g`<div class="cb-message-text">
-        ${ie(
+        ${ee(
       c.data.userName,
       () => g`<div class="assistant-message-user-name">${c.data.userName}</div>`,
       () => null
@@ -4865,7 +4896,7 @@ let ke = class extends te {
           <cb-icon slot="icon" svg="${Wt}" color="white"></cb-icon>
           //appState.appearanceUserMessageAvatarPosition
         </sl-avatar>-->
-        ${ie(
+        ${ee(
       p.appearanceUserMessageAvatarPosition === "left",
       () => g`
             <div class="avatar user-avatar">${W(p.setting.userIconSvg)}</div>
@@ -4888,7 +4919,7 @@ let ke = class extends te {
           <cb-icon slot="icon" svg="${Wt}" color="white"></cb-icon>
           //appState.appearanceUserMessageAvatarPosition
         </sl-avatar>-->
-        ${ie(
+        ${ee(
       p.appearanceUserMessageAvatarPosition === "left",
       () => g`
             <div class="avatar user-avatar">${W(p.setting.userIconSvg)}</div>
@@ -4932,7 +4963,7 @@ var Wc = Object.defineProperty, Yc = Object.getOwnPropertyDescriptor, ye = (c, e
 };
 const we = Ke.noConflict();
 we.setLevel("info");
-let be = class extends te {
+let be = class extends ae {
   constructor() {
     super(...arguments), this.messages = [], this.actions = [], this.form = null, this.suppressFeedback = !1, this.calendlyInjected = !1, this.activeCalendlyAction = -1, this.hubspotMeetingInjected = !1, this.activeHubspotMeetingAction = -1;
   }
@@ -5014,7 +5045,7 @@ let be = class extends te {
             return a || n[0], g`<div class="cb-form-field">
                 <label class="cb-form-field-label"
                   >${c.title}
-                  ${ie(
+                  ${ee(
               e,
               () => g`*`,
               () => g``
@@ -5242,13 +5273,13 @@ ye([
   Ce(".cb-input-form")
 ], be.prototype, "_inputForm", 2);
 ye([
-  Et({ capture: !1, passive: !0 })
+  Tt({ capture: !1, passive: !0 })
 ], be.prototype, "invokeLinkAction", 1);
 ye([
-  Et({ capture: !1, passive: !0 })
+  Tt({ capture: !1, passive: !0 })
 ], be.prototype, "invokeCalendlyAction", 1);
 ye([
-  Et({ capture: !1, passive: !0 })
+  Tt({ capture: !1, passive: !0 })
 ], be.prototype, "invokeHubspotMeetingAction", 1);
 be = ye([
   J("cb-message-list")
@@ -5301,7 +5332,7 @@ var Jc = Object.defineProperty, Kc = Object.getOwnPropertyDescriptor, Se = (c, e
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && Jc(e, a, s), s;
 };
-let he = class extends te {
+let he = class extends ae {
   constructor() {
     super(...arguments), this.placeholder = "Type a message...", this.sendButtonLabel = "Send", this.enableFileUpload = !1, this.value = "", this.loading = !1, this.disabled = !1, this.currentKey = "";
   }
@@ -5346,7 +5377,7 @@ let he = class extends te {
   }
   render() {
     return g`
-      ${ie(
+      ${ee(
       this.loading,
       () => g`<sl-progress-bar style="--height: 2px;" indeterminate></sl-progress-bar>`,
       () => g``
@@ -5368,22 +5399,30 @@ let he = class extends te {
           @keydown=${this._keyDownHandler}
         ></sl-textarea>
 
-        <span class="cb-input-buttons">
+        <div class="cb-input-buttons" part="user-input-buttons-wrapper">
           <sl-button @click=${this._sendHandler} name="send" label="Send" size="small" class="send-button" variant="text" ?disabled=${this.value.length === 0} ?loading=${this.loading} circle>
-            <cb-icon svg="${Gc}"></cb-icon>
+            ${ee(
+      p.setting.sendIconSvg !== "",
+      () => g`<cb-icon part="user-input-send-icon" svg="${p.setting.sendIconSvg}"></cb-icon>`,
+      () => g`<cb-icon part="user-input-send-icon" svg="${Gc}"></cb-icon>`
+    )}
           </sl-button>
-          ${ie(
+          ${ee(
       this.enableFileUpload,
       () => g`
               <sl-button @click=${this._sendFileHandler} name="paperclip" label="Attachment" size="small" class="paperclip-button" variant="text" circle>
-                <cb-icon svg="${Zc}"></cb-icon>
+                ${ee(
+        p.setting.attachIconSvg !== "",
+        () => g`<cb-icon part="user-input-attach-icon" svg="${p.setting.attachIconSvg}"></cb-icon>`,
+        () => g`<cb-icon part="user-input-attach-icon" svg="${Zc}"></cb-icon>`
+      )}
                 <!-- select file input -->
                 <input type="file" id="file" name="file" class="file-input" />
               </sl-button>
             `,
       () => g``
     )}
-        </span>
+        </div>
       </div>
     `;
   }
@@ -5459,7 +5498,7 @@ var ei = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, gt = (c, e
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && ei(e, a, s), s;
 };
-let Ne = class extends te {
+let Ne = class extends ae {
   constructor() {
     super(...arguments), this.open = !1, this.label = "Dialog", this.zindex = 100;
   }
@@ -5521,7 +5560,7 @@ var ai = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, la = (c, e
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && ai(e, a, s), s;
 };
-let dt = class extends te {
+let dt = class extends ae {
   constructor() {
     super(...arguments), this.open = !1;
   }
@@ -5634,7 +5673,7 @@ var ni = Object.defineProperty, si = Object.getOwnPropertyDescriptor, Ue = (c, e
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && ni(e, a, s), s;
 };
-let Ee = class extends te {
+let Te = class extends ae {
   constructor() {
     super(...arguments), this.open = !1, this.clearMessageDialogOpen = !1, this.customRequest = !1;
   }
@@ -5667,7 +5706,7 @@ let Ee = class extends te {
                             Enable it for your own backend.
                         </sl-switch>
                     </div> -->
-          ${ie(
+          ${ee(
       this.customRequest,
       () => null,
       () => this.renderInternalServices()
@@ -5754,25 +5793,25 @@ let Ee = class extends te {
     });
   }
 };
-Ee.styles = ii;
+Te.styles = ii;
 Ue([
   v({ type: Boolean })
-], Ee.prototype, "open", 2);
+], Te.prototype, "open", 2);
 Ue([
   v({ type: Object })
-], Ee.prototype, "setting", 2);
+], Te.prototype, "setting", 2);
 Ue([
   v({ type: Boolean })
-], Ee.prototype, "clearMessageDialogOpen", 2);
+], Te.prototype, "clearMessageDialogOpen", 2);
 Ue([
   Ce("sl-dialog")
-], Ee.prototype, "dialog", 2);
+], Te.prototype, "dialog", 2);
 Ue([
   v({ type: Boolean })
-], Ee.prototype, "customRequest", 2);
-Ee = Ue([
+], Te.prototype, "customRequest", 2);
+Te = Ue([
   J("cb-setting")
-], Ee);
+], Te);
 const oi = X`
   ${me}
   :host {
@@ -5892,7 +5931,7 @@ var ri = Object.defineProperty, di = Object.getOwnPropertyDescriptor, ba = (c, e
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && ri(e, a, s), s;
 };
-let ft = class extends te {
+let ft = class extends ae {
   constructor() {
     super(...arguments), this.store = new pt(this, p), this.open = !1;
   }
@@ -5931,12 +5970,12 @@ let ft = class extends te {
       <div class="cb-anchor ${this.open ? "open" : ""}" part="anchor" @click=${this._clickHandler.bind(this)}>
         <sl-popup placement="${this.getPopupPlacement()}" distance="16" ?active="${p.engage && !p.open}">
           <sl-button slot="anchor" label="Start" size="large" variant="primary" class="anchor-button" circle>
-            ${ie(
+            ${ee(
       this.open,
       () => g`<div class="cb-anchor-icon" part="anchor-icon">${le`${W(p.setting.anchorCloseSvg)}`}</div>`,
       () => g`<div class="cb-anchor-icon" part="anchor-icon">${le`${W(p.setting.anchorOpenSvg)}`}</div>`
     )}
-            ${ie(
+            ${ee(
       !this.open && p.unreadMessages > 0,
       () => g`<sl-badge part="anchor-badge" class="cb-anchor-badge" variant="${this.getBadgeVariant()}" pill>${p.unreadMessages}</sl-badge>`,
       () => null
@@ -5991,7 +6030,7 @@ const Gt = {
     icon: hi
   }
 };
-let lt = class extends te {
+let lt = class extends ae {
   constructor() {
     super(...arguments), this.status = "info";
   }
@@ -6012,7 +6051,7 @@ var gi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, yi = (c, e
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && gi(e, a, s), s;
 };
-let Mt = class extends te {
+let Mt = class extends ae {
   render() {
     return g` <sl-alert variant="danger" open>
             <cb-status-icon status="error" slot="icon"></cb-status-icon>
@@ -6037,6 +6076,16 @@ const vi = X`
     z-index: 1000;
   }
 
+  .cb-feedback-dialog {
+    --width: 60vw;
+  }
+
+  @media (max-width: 640px) {
+    .cb-feedback-dialog {
+      --width: 100vw;
+    }
+  }
+
   .cb-header {
     display: flex;
     padding: 0px 0px 20px 0px;
@@ -6112,7 +6161,7 @@ var wi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, We = (c, e
   return n && s && wi(e, a, s), s;
 };
 const Zt = Ke.noConflict(), ki = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16"><path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/></svg>';
-let Ae = class extends te {
+let Ee = class extends ae {
   constructor() {
     super(...arguments), this.store = new pt(this, p), this.zindex = 100;
   }
@@ -6131,7 +6180,7 @@ let Ae = class extends te {
   }
   // todo render empty if feedback is disabled
   render() {
-    return g` <sl-dialog ?no-header=${!0} ?open=${p.feedback} @sl-hide=${this._cancelHandler} style="--width: 60vw;">
+    return g` <sl-dialog ?no-header=${!0} ?open=${p.feedback} @sl-hide=${this._cancelHandler} class="cb-feedback-dialog">
       <div style="">
         <h2>Please share your feedback</h2>
         <div class="cb-feedback-messages-wrapper">
@@ -6176,25 +6225,25 @@ let Ae = class extends te {
     this._comments.value = "", await p.submitFeedback(c, e, a);
   }
 };
-Ae.styles = vi;
+Ee.styles = vi;
 We([
   v({ type: Number })
-], Ae.prototype, "zindex", 2);
+], Ee.prototype, "zindex", 2);
 We([
   Ce("#cb-feedback-rating-el")
-], Ae.prototype, "_rating", 2);
+], Ee.prototype, "_rating", 2);
 We([
   Ce("#cb-feedback-comments-el")
-], Ae.prototype, "_comments", 2);
+], Ee.prototype, "_comments", 2);
 We([
   Ce("#cb-feedback-name-el")
-], Ae.prototype, "_name", 2);
+], Ee.prototype, "_name", 2);
 We([
   Ce("#cb-feedback-email-el")
-], Ae.prototype, "_email", 2);
-Ae = We([
+], Ee.prototype, "_email", 2);
+Ee = We([
   J("cb-dialog-feedback")
-], Ae);
+], Ee);
 class Jt extends Error {
   constructor(a, n, s) {
     const r = a.status || a.status === 0 ? a.status : "", f = a.statusText || "", w = `${r} ${f}`.trim(), S = w ? `status code ${w}` : "an unknown error";
@@ -6267,7 +6316,7 @@ const ga = (c = {}, e = {}) => ({
   formData: "multipart/form-data",
   arrayBuffer: "*/*",
   blob: "*/*"
-}, xt = 2147483647, ya = Symbol("stop"), Ti = {
+}, xt = 2147483647, ya = Symbol("stop"), Ai = {
   json: !0,
   parseJson: !0,
   stringifyJson: !0,
@@ -6279,7 +6328,7 @@ const ga = (c = {}, e = {}) => ({
   throwHttpErrors: !0,
   onDownloadProgress: !0,
   fetch: !0
-}, Ei = {
+}, Ti = {
   method: !0,
   headers: !0,
   body: !0,
@@ -6296,7 +6345,7 @@ const ga = (c = {}, e = {}) => ({
   dispatcher: !0,
   duplex: !0,
   priority: !0
-}, Ai = (c) => ma.includes(c) ? c.toUpperCase() : c, Ii = ["get", "put", "head", "delete", "options", "trace"], Li = [408, 413, 429, 500, 502, 503, 504], qi = [413, 429, 503], Kt = {
+}, Ei = (c) => ma.includes(c) ? c.toUpperCase() : c, Ii = ["get", "put", "head", "delete", "options", "trace"], Li = [408, 413, 429, 500, 502, 503, 504], qi = [413, 429, 503], Kt = {
   limit: 2,
   methods: Ii,
   statusCodes: Li,
@@ -6343,7 +6392,7 @@ async function zi(c, { signal: e }) {
 const ji = (c, e) => {
   const a = {};
   for (const n in e)
-    !(n in Ei) && !(n in Ti) && !(n in c) && (a[n] = e[n]);
+    !(n in Ti) && !(n in Ai) && !(n in c) && (a[n] = e[n]);
   return a;
 };
 class bt {
@@ -6364,7 +6413,7 @@ class bt {
         beforeError: [],
         afterResponse: []
       }, a.hooks),
-      method: Ai(a.method ?? this._input.method),
+      method: Ei(a.method ?? this._input.method),
       // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
       prefixUrl: String(a.prefixUrl || ""),
       retry: Oi(a.retry),
@@ -6518,12 +6567,12 @@ class bt {
   }
 }
 /*! MIT License © Sindre Sorhus */
-const Tt = (c) => {
+const At = (c) => {
   const e = (a, n) => bt.create(a, nt(c, n));
   for (const a of ma)
     e[a] = (n, s) => bt.create(n, nt(c, s, { method: a }));
-  return e.create = (a) => Tt(nt(a)), e.extend = (a) => (typeof a == "function" && (a = a(c ?? {})), Tt(nt(c, a))), e.stop = ya, e;
-}, Hi = Tt();
+  return e.create = (a) => At(nt(a)), e.extend = (a) => (typeof a == "function" && (a = a(c ?? {})), At(nt(c, a))), e.stop = ya, e;
+}, Hi = At();
 Hi.extend({
   hooks: {
     beforeRequest: [
@@ -6558,9 +6607,9 @@ var Ri = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, H = (c, e,
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && Ri(e, a, s), s;
 };
-const Te = Ke.noConflict();
-Te.setLevel("info");
-let j = class extends te {
+const Ae = Ke.noConflict();
+Ae.setLevel("info");
+let P = class extends ae {
   constructor() {
     super(...arguments), this.store = new pt(this, p), this.displayLicense = !1, this.name = "ChatBot", this.orgId = "", this.botId = "", this.url = "ws://localhost:3070", this.logoUrl = "", this.logoSvg = `<svg width="34" height="34" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_830_887)">
@@ -6588,7 +6637,7 @@ let j = class extends te {
             <rect width="400" height="400" fill="white"/>
         </clipPath>
     </defs>
-</svg>`, this.popupLogoSvg = "", this.popupLogoUrl = "", this.botIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z" /></svg>', this.userIconSvg = '<svg fill="currentColor" viewBox="0 0 24 24" width="24" height="24">    <path  d="M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4Z" /></svg>', this.systemIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"/></svg>', this.agentIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M18.72,14.76C19.07,13.91 19.26,13 19.26,12C19.26,11.28 19.15,10.59 18.96,9.95C18.31,10.1 17.63,10.18 16.92,10.18C13.86,10.18 11.15,8.67 9.5,6.34C8.61,8.5 6.91,10.26 4.77,11.22C4.73,11.47 4.73,11.74 4.73,12A7.27,7.27 0 0,0 12,19.27C13.05,19.27 14.06,19.04 14.97,18.63C15.54,19.72 15.8,20.26 15.78,20.26C14.14,20.81 12.87,21.08 12,21.08C9.58,21.08 7.27,20.13 5.57,18.42C4.53,17.38 3.76,16.11 3.33,14.73H2V10.18H3.09C3.93,6.04 7.6,2.92 12,2.92C14.4,2.92 16.71,3.87 18.42,5.58C19.69,6.84 20.54,8.45 20.89,10.18H22V14.67H22V14.69L22,14.73H21.94L18.38,18L13.08,17.4V15.73H17.91L18.72,14.76M9.27,11.77C9.57,11.77 9.86,11.89 10.07,12.11C10.28,12.32 10.4,12.61 10.4,12.91C10.4,13.21 10.28,13.5 10.07,13.71C9.86,13.92 9.57,14.04 9.27,14.04C8.64,14.04 8.13,13.54 8.13,12.91C8.13,12.28 8.64,11.77 9.27,11.77M14.72,11.77C15.35,11.77 15.85,12.28 15.85,12.91C15.85,13.54 15.35,14.04 14.72,14.04C14.09,14.04 13.58,13.54 13.58,12.91A1.14,1.14 0 0,1 14.72,11.77Z" /></svg>', this.anchorOpenSvg = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M16 8c0 3.866-3.582 7-8 7a9 9 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234c-.2.032-.352-.176-.273-.362c.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7M5 8a1 1 0 1 0-2 0a1 1 0 0 0 2 0m4 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m3 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg>', this.anchorCloseSvg = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>', this.stream = !1, this.customRequest = !1, this.enableFileUpload = !1, this.uploadFileUrl = "", this.open = !1, this.alwaysOpen = !1, this.prefilledFormFields = "{}", this.loading = !1, this.showSetting = !1, this.showAuthAlert = !1, this.handleAddMessage = (c) => {
+</svg>`, this.popupLogoSvg = "", this.popupLogoUrl = "", this.botIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z" /></svg>', this.userIconSvg = '<svg fill="currentColor" viewBox="0 0 24 24" width="24" height="24">    <path  d="M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4Z" /></svg>', this.systemIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"/></svg>', this.agentIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M18.72,14.76C19.07,13.91 19.26,13 19.26,12C19.26,11.28 19.15,10.59 18.96,9.95C18.31,10.1 17.63,10.18 16.92,10.18C13.86,10.18 11.15,8.67 9.5,6.34C8.61,8.5 6.91,10.26 4.77,11.22C4.73,11.47 4.73,11.74 4.73,12A7.27,7.27 0 0,0 12,19.27C13.05,19.27 14.06,19.04 14.97,18.63C15.54,19.72 15.8,20.26 15.78,20.26C14.14,20.81 12.87,21.08 12,21.08C9.58,21.08 7.27,20.13 5.57,18.42C4.53,17.38 3.76,16.11 3.33,14.73H2V10.18H3.09C3.93,6.04 7.6,2.92 12,2.92C14.4,2.92 16.71,3.87 18.42,5.58C19.69,6.84 20.54,8.45 20.89,10.18H22V14.67H22V14.69L22,14.73H21.94L18.38,18L13.08,17.4V15.73H17.91L18.72,14.76M9.27,11.77C9.57,11.77 9.86,11.89 10.07,12.11C10.28,12.32 10.4,12.61 10.4,12.91C10.4,13.21 10.28,13.5 10.07,13.71C9.86,13.92 9.57,14.04 9.27,14.04C8.64,14.04 8.13,13.54 8.13,12.91C8.13,12.28 8.64,11.77 9.27,11.77M14.72,11.77C15.35,11.77 15.85,12.28 15.85,12.91C15.85,13.54 15.35,14.04 14.72,14.04C14.09,14.04 13.58,13.54 13.58,12.91A1.14,1.14 0 0,1 14.72,11.77Z" /></svg>', this.anchorOpenSvg = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M16 8c0 3.866-3.582 7-8 7a9 9 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234c-.2.032-.352-.176-.273-.362c.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7M5 8a1 1 0 1 0-2 0a1 1 0 0 0 2 0m4 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m3 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg>', this.anchorCloseSvg = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>', this.sendIconSvg = "", this.attachIconSvg = "", this.stream = !1, this.customRequest = !1, this.enableFileUpload = !1, this.uploadFileUrl = "", this.open = !1, this.alwaysOpen = !1, this.prefilledFormFields = "{}", this.loading = !1, this.showSetting = !1, this.showAuthAlert = !1, this.handleAddMessage = (c) => {
       this._addMessageHandler(c);
     }, this.handleStateEvent = (c) => {
       this._stateEventHandler(c);
@@ -6628,7 +6677,7 @@ let j = class extends te {
     p.addActions(c);
   }
   render() {
-    return p.disabled && !this.alwaysOpen ? (Te.info("Bot is disabled until settings are loaded"), null) : g`
+    return p.disabled && !this.alwaysOpen ? (Ae.info("Bot is disabled until settings are loaded"), null) : g`
       <div class="cb-wrapper${p.open ? " cb-open" : ""}" part="wrapper${p.open ? " open" : ""}" exportparts="wrapper${p.open ? " open" : ""}">
         <cb-header title="${this.name}" exportparts="header, header-logo, header-title, header-close"></cb-header>
         <cb-message-list
@@ -6654,11 +6703,11 @@ let j = class extends te {
       ?loading=${p.connecting}
       ?disabled=${p.connecting || p.form}
       ?enable-file-upload=${p.setting.uploadImages && p.connected}
-      exportparts="user-input-control,user-input, user-input-wrapper, user-input-base, user-input-textarea"
+      exportparts="user-input-control,user-input, user-input-wrapper, user-input-base, user-input-textarea, user-input-buttons-wrapper, user-input-send-icon, user-input-attach-icon"
     ></cb-user-input>`;
   }
   connectedCallback() {
-    super.connectedCallback(), Te.info("connectedCallback"), this.initCssVariables(), addEventListener("c7o:bot:stateEvent", this.handleStateEvent), addEventListener("message:send", this.handleAddMessage), addEventListener("chatbot:toggle", this.handleToggleEvent), addEventListener("form:submit", this.handleFormSubmitEvent), addEventListener("message:send:file", this._uploadFileHandler);
+    super.connectedCallback(), Ae.info("connectedCallback"), this.initCssVariables(), addEventListener("c7o:bot:stateEvent", this.handleStateEvent), addEventListener("message:send", this.handleAddMessage), addEventListener("chatbot:toggle", this.handleToggleEvent), addEventListener("form:submit", this.handleFormSubmitEvent), addEventListener("message:send:file", this._uploadFileHandler);
   }
   extractCssVariable(c, e, a) {
     let n = c.getPropertyValue(e).trim();
@@ -6687,26 +6736,26 @@ let j = class extends te {
   
     */
   disconnectedCallback() {
-    Te.info("disconnectedCallback"), super.disconnectedCallback(), window.removeEventListener("c7o:bot:stateEvent", this.handleStateEvent), window.removeEventListener("message:send", this.handleAddMessage), window.removeEventListener("chatbot:toggle", this.handleToggleEvent), window.removeEventListener("form:submit", this.handleFormSubmitEvent), window.removeEventListener("message:send:file", this._uploadFileHandler);
+    Ae.info("disconnectedCallback"), super.disconnectedCallback(), window.removeEventListener("c7o:bot:stateEvent", this.handleStateEvent), window.removeEventListener("message:send", this.handleAddMessage), window.removeEventListener("chatbot:toggle", this.handleToggleEvent), window.removeEventListener("form:submit", this.handleFormSubmitEvent), window.removeEventListener("message:send:file", this._uploadFileHandler);
   }
   // This is called when component is loaded, with all the settings (props) values
   // Use to initialize
   // This is also called when state changes - ??? - i.e. when message added to the array
   updated(c) {
-    super.updated(c), c.size > 0 && (Te.info("updated,_changedProperties:", c), this._initSetting()), setTimeout(() => {
+    super.updated(c), c.size > 0 && (Ae.info("updated,_changedProperties:", c), this._initSetting()), setTimeout(() => {
       this._scrollToBottom();
     }, 0);
   }
   // initialize setting
   _initSetting() {
-    Te.info("_initSetting");
+    Ae.info("_initSetting");
     const c = p.setting;
-    c.orgId = this.orgId, c.botId = this.botId, c.url = this.url, c.logoUrl = this.logoUrl, c.logoSvg = this.logoSvg, c.closeSvg = this.closeSvg, c.popupLogoSvg = this.popupLogoSvg, c.popupLogoUrl = this.popupLogoUrl, c.botIconSvg = this.botIconSvg, c.userIconSvg = this.userIconSvg, c.systemIconSvg = this.systemIconSvg, c.agentIconSvg = this.agentIconSvg, c.anchorOpenSvg = this.anchorOpenSvg, c.anchorCloseSvg = this.anchorCloseSvg, p.setSetting(c);
+    c.orgId = this.orgId, c.botId = this.botId, c.url = this.url, c.logoUrl = this.logoUrl, c.logoSvg = this.logoSvg, c.closeSvg = this.closeSvg, c.popupLogoSvg = this.popupLogoSvg, c.popupLogoUrl = this.popupLogoUrl, c.botIconSvg = this.botIconSvg, c.userIconSvg = this.userIconSvg, c.systemIconSvg = this.systemIconSvg, c.agentIconSvg = this.agentIconSvg, c.anchorOpenSvg = this.anchorOpenSvg, c.anchorCloseSvg = this.anchorCloseSvg, c.sendIconSvg = this.sendIconSvg, c.attachIconSvg = this.attachIconSvg, p.setSetting(c);
     let e = {};
     try {
       e = JSON.parse(this.prefilledFormFields);
     } catch (a) {
-      Te.error(`Failed to parse prefilled-form-fields attribute value, error: ${(a == null ? void 0 : a.message) || ""}`), e = {};
+      Ae.error(`Failed to parse prefilled-form-fields attribute value, error: ${(a == null ? void 0 : a.message) || ""}`), e = {};
     }
     p.setPrefilledFormFields(e), this.open && (p.open = !0), this.alwaysOpen && (p.open = !0, p.alwaysOpen = !0);
   }
@@ -6740,7 +6789,7 @@ let j = class extends te {
   // for example, user profile, current product user is viewing on the web page, etc.
   setContext(c = {}) {
     p.setContext(c).catch((e) => {
-      Te.error(`Failed to set context, error: ${(e == null ? void 0 : e.message) || ""}`);
+      Ae.error(`Failed to set context, error: ${(e == null ? void 0 : e.message) || ""}`);
     });
   }
   getContext() {
@@ -6828,91 +6877,97 @@ let j = class extends te {
     (e = this._messageList) == null || e.scrollToBottom();
   }
 };
-j.styles = Wa;
+P.styles = Wa;
 H([
   v({ type: Boolean, attribute: "display-license" })
-], j.prototype, "displayLicense", 2);
+], P.prototype, "displayLicense", 2);
 H([
   v({ type: String, attribute: "name" })
-], j.prototype, "name", 2);
+], P.prototype, "name", 2);
 H([
   v({ type: String, attribute: "org-id" })
-], j.prototype, "orgId", 2);
+], P.prototype, "orgId", 2);
 H([
   v({ type: String, attribute: "bot-id" })
-], j.prototype, "botId", 2);
+], P.prototype, "botId", 2);
 H([
   v({ type: String, attribute: "url" })
-], j.prototype, "url", 2);
+], P.prototype, "url", 2);
 H([
   v({ type: String, attribute: "logo-url" })
-], j.prototype, "logoUrl", 2);
+], P.prototype, "logoUrl", 2);
 H([
   v({ type: String, attribute: "logo-svg" })
-], j.prototype, "logoSvg", 2);
+], P.prototype, "logoSvg", 2);
 H([
   v({ type: String, attribute: "close-svg" })
-], j.prototype, "closeSvg", 2);
+], P.prototype, "closeSvg", 2);
 H([
   v({ type: String, attribute: "popup-logo-svg" })
-], j.prototype, "popupLogoSvg", 2);
+], P.prototype, "popupLogoSvg", 2);
 H([
   v({ type: String, attribute: "popup-logo-url" })
-], j.prototype, "popupLogoUrl", 2);
+], P.prototype, "popupLogoUrl", 2);
 H([
   v({ type: String, attribute: "bot-icon-svg" })
-], j.prototype, "botIconSvg", 2);
+], P.prototype, "botIconSvg", 2);
 H([
   v({ type: String, attribute: "user-icon-svg" })
-], j.prototype, "userIconSvg", 2);
+], P.prototype, "userIconSvg", 2);
 H([
   v({ type: String, attribute: "system-icon-svg" })
-], j.prototype, "systemIconSvg", 2);
+], P.prototype, "systemIconSvg", 2);
 H([
   v({ type: String, attribute: "agent-icon-svg" })
-], j.prototype, "agentIconSvg", 2);
+], P.prototype, "agentIconSvg", 2);
 H([
   v({ type: String, attribute: "anchor-open-svg" })
-], j.prototype, "anchorOpenSvg", 2);
+], P.prototype, "anchorOpenSvg", 2);
 H([
   v({ type: String, attribute: "anchor-close-svg" })
-], j.prototype, "anchorCloseSvg", 2);
+], P.prototype, "anchorCloseSvg", 2);
+H([
+  v({ type: String, attribute: "send-icon-svg" })
+], P.prototype, "sendIconSvg", 2);
+H([
+  v({ type: String, attribute: "attach-icon-svg" })
+], P.prototype, "attachIconSvg", 2);
 H([
   v({ type: Boolean, attribute: "stream" })
-], j.prototype, "stream", 2);
+], P.prototype, "stream", 2);
 H([
   v({ type: Boolean, attribute: "custom-request" })
-], j.prototype, "customRequest", 2);
+], P.prototype, "customRequest", 2);
 H([
   v({ type: Boolean, attribute: "enable-file-upload" })
-], j.prototype, "enableFileUpload", 2);
+], P.prototype, "enableFileUpload", 2);
 H([
   v({ type: String, attribute: "upload-file-url" })
-], j.prototype, "uploadFileUrl", 2);
+], P.prototype, "uploadFileUrl", 2);
 H([
   v({ type: Boolean, attribute: "open" })
-], j.prototype, "open", 2);
+], P.prototype, "open", 2);
 H([
   v({ type: Boolean, attribute: "always-open" })
-], j.prototype, "alwaysOpen", 2);
+], P.prototype, "alwaysOpen", 2);
 H([
   v({ type: String, attribute: "prefilled-form-fields" })
-], j.prototype, "prefilledFormFields", 2);
+], P.prototype, "prefilledFormFields", 2);
 H([
   v({ type: Boolean })
-], j.prototype, "loading", 2);
+], P.prototype, "loading", 2);
 H([
   v({ type: Boolean })
-], j.prototype, "showSetting", 2);
+], P.prototype, "showSetting", 2);
 H([
   v({ type: Boolean })
-], j.prototype, "showAuthAlert", 2);
+], P.prototype, "showAuthAlert", 2);
 H([
   Ce("cb-message-list")
-], j.prototype, "_messageList", 2);
-j = H([
+], P.prototype, "_messageList", 2);
+P = H([
   J("enegelai-bot")
-], j);
+], P);
 export {
-  j as default
+  P as default
 };