@enegelai/bot-widget 1.12.5 → 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 ke, eventOptions as Mt } 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";
@@ -25,7 +25,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 ze } from "lit/directives/repeat.js";
-import { until as Dt } from "lit-html/directives/until.js";
+import { until as kt } from "lit-html/directives/until.js";
 import Ra from "markdown-it";
 import Va from "markdown-it-link-attributes";
 import vt from "highlight.js";
@@ -47,7 +47,7 @@ const ht = class ht extends Event {
 };
 ht.eventName = "lit-state-changed";
 let He = ht;
-const Da = (c, e) => e !== c && (e === e || c === c), Lt = class Lt extends EventTarget {
+const Fa = (c, e) => e !== c && (e === e || c === c), Ot = class Ot extends EventTarget {
   static initPropertyMap() {
     this.propertyMap || (this.propertyMap = /* @__PURE__ */ new Map());
   }
@@ -80,7 +80,7 @@ const Da = (c, e) => e !== c && (e === e || c === c), Lt = class Lt extends Even
     Object.defineProperty(this.prototype, e, s);
   }
   static getPropertyDescriptor(e, a, n) {
-    const s = (n == null ? void 0 : n.hasChanged) || Da;
+    const s = (n == null ? void 0 : n.hasChanged) || Fa;
     return {
       get() {
         return this[a];
@@ -121,8 +121,8 @@ const Da = (c, e) => e !== c && (e === e || c === c), Lt = class Lt extends Even
     this.dispatchEvent(new He(e, a, n));
   }
 };
-Lt.finalized = !1;
-let kt = Lt;
+Ot.finalized = !1;
+let Ct = Ot;
 class pt {
   constructor(e, a, n) {
     this.host = e, this.state = a, this.callback = n || (() => this.host.requestUpdate()), this.host.addController(this);
@@ -148,7 +148,7 @@ function q(c) {
     }), n.createProperty(a, c), s ? Object.getOwnPropertyDescriptor(e, a) : void 0;
   };
 }
-function Fa(c, e) {
+function Da(c, e) {
   if (c !== null && (e === Boolean || e === Number || e === Array || e === Object))
     try {
       c = JSON.parse(c);
@@ -168,13 +168,13 @@ function oe(c) {
       throw new Error("@local-storage decorator need to be called after @property");
     const s = `${(c == null ? void 0 : c.prefix) || ""}_${(c == null ? void 0 : c.key) || String(a)}`, r = e.constructor, f = r.propertyMap.get(a), w = f == null ? void 0 : f.type;
     if (f) {
-      const F = f.initialValue;
-      f.initialValue = () => Fa(localStorage.getItem(s), w) ?? ea(F), r.propertyMap.set(a, { ...f, ...c });
+      const D = f.initialValue;
+      f.initialValue = () => Da(localStorage.getItem(s), w) ?? ea(D), r.propertyMap.set(a, { ...f, ...c });
     }
     const S = n == null ? void 0 : n.set, K = {
       ...n,
-      set: function(F) {
-        F !== void 0 && localStorage.setItem(s, w === Object || w === Array ? JSON.stringify(F) : F), S && S.call(this, F);
+      set: function(D) {
+        D !== void 0 && localStorage.setItem(s, w === Object || w === Array ? JSON.stringify(D) : D), S && S.call(this, D);
       }
     };
     Object.defineProperty(r.prototype, a, K);
@@ -223,19 +223,19 @@ var ca = { exports: {} };
       if (this.log = this.debug, typeof console === a && $ < this.levels.SILENT)
         return "No console available for logging";
     }
-    function F($) {
+    function D($) {
       return function() {
         typeof console !== a && (K.call(this), this[$].apply(this, arguments));
       };
     }
     function T($, V, C) {
-      return _($) || F.apply(this, arguments);
+      return _($) || D.apply(this, arguments);
     }
     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;
@@ -248,22 +248,22 @@ var ca = { exports: {} };
           }
         }
       }
-      function Be() {
-        var z;
+      function Re() {
+        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), Be() || 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 = Be();
-      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, Tt = (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;
-Tt([
+Et([
   v({ type: String })
 ], Ge.prototype, "color", 2);
-Tt([
+Et([
   v({ type: String })
 ], Ge.prototype, "svg", 2);
-Ge = Tt([
+Ge = Et([
   J("cb-icon")
 ], Ge);
 let Ga = (c) => crypto.getRandomValues(new Uint8Array(c)), Za = (c, e, a) => {
@@ -557,7 +557,7 @@ function ec(c = !0) {
 }
 const Z = Ke.noConflict();
 Z.setLevel("info");
-const Ft = 3e4;
+const Nt = 3e4;
 class tc {
   constructor(e = {}) {
     this.id = 0, this.url = (e == null ? void 0 : e.url) || null, this.orgId = (e == null ? void 0 : e.orgId) || null, this.botId = (e == null ? void 0 : e.botId) || null, this.convId = (e == null ? void 0 : e.convId) || null, this._options = e || {}, this._ws = null, this.started = !1, this.connected = !1, this.connecting = !1, this.suspendDetected = !1, this.onMessage = (e == null ? void 0 : e.onMessage) || null, this.onConnecting = (e == null ? void 0 : e.onConnecting) || null, this.queue = [], this.pause = (a) => new Promise((n) => setTimeout(n, a)), this.lastTickTs = 0, this.lastAckTs = 0, this.tickInterval = null, Z.info(`WSC: Created, url: ${this.url}`);
@@ -623,7 +623,7 @@ class tc {
   async start() {
     this.started = !0, this.connect(), this.lastTickTs = Date.now(), this.tickInterval = setInterval(() => {
       this.tick();
-    }, Ft);
+    }, Nt);
   }
   async stop() {
     this.started = !1, this.disconnect(), this.tickInterval && (clearInterval(this.tickInterval), this.tickInterval = null);
@@ -660,7 +660,7 @@ class tc {
     const e = Date.now();
     let a = !1;
     const n = e - this.lastAckTs;
-    n > Ft + 5e3 && (a = !0, Z.info(`WSC: checkConnection: connection loss detected - last ack delay ${n} msec, reconnecting`)), a && this.disconnect();
+    n > Nt + 5e3 && (a = !0, Z.info(`WSC: checkConnection: connection loss detected - last ack delay ${n} msec, reconnecting`)), a && this.disconnect();
   }
   sendMessage(e) {
     if (this.checkConnection(), !this.connected) {
@@ -710,12 +710,12 @@ class tc {
       });
     }*/
 }
-function D(c) {
+function F(c) {
   return c != null && typeof c == "object" && c["@@functional/placeholder"] === !0;
 }
 function je(c) {
   return function e(a) {
-    return arguments.length === 0 || D(a) ? e : c.apply(this, arguments);
+    return arguments.length === 0 || F(a) ? e : c.apply(this, arguments);
   };
 }
 function Pe(c) {
@@ -724,13 +724,13 @@ function Pe(c) {
       case 0:
         return e;
       case 1:
-        return D(a) ? e : je(function(s) {
+        return F(a) ? e : je(function(s) {
           return c(a, s);
         });
       default:
-        return D(a) && D(n) ? e : D(a) ? je(function(s) {
+        return F(a) && F(n) ? e : F(a) ? je(function(s) {
           return c(s, n);
-        }) : D(n) ? je(function(s) {
+        }) : F(n) ? je(function(s) {
           return c(a, s);
         }) : c(a, n);
     }
@@ -742,29 +742,29 @@ function ac(c) {
       case 0:
         return e;
       case 1:
-        return D(a) ? e : Pe(function(r, f) {
+        return F(a) ? e : Pe(function(r, f) {
           return c(a, r, f);
         });
       case 2:
-        return D(a) && D(n) ? e : D(a) ? Pe(function(r, f) {
+        return F(a) && F(n) ? e : F(a) ? Pe(function(r, f) {
           return c(r, n, f);
-        }) : D(n) ? Pe(function(r, f) {
+        }) : F(n) ? Pe(function(r, f) {
           return c(a, r, f);
         }) : je(function(r) {
           return c(a, n, r);
         });
       default:
-        return D(a) && D(n) && D(s) ? e : D(a) && D(n) ? Pe(function(r, f) {
+        return F(a) && F(n) && F(s) ? e : F(a) && F(n) ? Pe(function(r, f) {
           return c(r, f, s);
-        }) : D(a) && D(s) ? Pe(function(r, f) {
+        }) : F(a) && F(s) ? Pe(function(r, f) {
           return c(r, n, f);
-        }) : D(n) && D(s) ? Pe(function(r, f) {
+        }) : F(n) && F(s) ? Pe(function(r, f) {
           return c(a, r, f);
-        }) : D(a) ? je(function(r) {
+        }) : F(a) ? je(function(r) {
           return c(r, n, s);
-        }) : D(n) ? je(function(r) {
+        }) : F(n) ? je(function(r) {
           return c(a, r, s);
-        }) : D(s) ? je(function(r) {
+        }) : F(s) ? je(function(r) {
           return c(a, n, r);
         }) : c(a, n, s);
     }
@@ -803,8 +803,8 @@ var dc = Object.defineProperty, O = (c, e, a, n) => {
 };
 const A = Ke.noConflict();
 A.setLevel("info");
-const ee = "cb_";
-class L extends kt {
+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;
   }
@@ -848,7 +848,7 @@ class L extends kt {
         }, this.botSettingsRetryTimeout * 1e3), this.botSettingsRetryTimeout = this.botSettingsRetryTimeout * 2;
         return;
       }
-      A.info("Got bot settings - bot is enabled", r), this.disabled = !1, this.setting.welcomeMessage = (r == null ? void 0 : r.welcomeMessage) || "How can I help ?", this.setting.engageMessage = (r == null ? void 0 : r.engageMessage) || "How can I help ?", this.setting.engageTimeout = (r == null ? void 0 : r.engageTimeout) || 5, this.setting.splitMessagesAtBreak = "splitMessagesAtBreak" in r ? r.splitMessagesAtBreak : !1, this.setting.feedbackEnabled = "feedbackEnabled" in r ? r.feedbackEnabled : !1, this.setting.uploadImages = "uploadImages" in r ? r.uploadImages : !1, this.setting.newConversationTimeoutInSec = (r == null ? void 0 : r.newConversationTimeoutInSec) || 86400, this.setting.enableNotificationSound = "enableNotificationSound" in r ? r.enableNotificationSound : !0, this.initConversation(), this.shouldEngage === "true" && setTimeout(() => {
+      A.info("Got bot settings - bot is enabled", r), this.disabled = !1, this.setting.welcomeMessage = (r == null ? void 0 : r.welcomeMessage) || "How can I help ?", this.setting.disclaimerMessage = r != null && r.disclaimerMessage && r.disclaimerMessage !== "" ? r.disclaimerMessage : null, this.setting.engageMessage = (r == null ? void 0 : r.engageMessage) || "How can I help ?", this.setting.engageTimeout = (r == null ? void 0 : r.engageTimeout) || 5, this.setting.splitMessagesAtBreak = "splitMessagesAtBreak" in r ? r.splitMessagesAtBreak : !1, this.setting.feedbackEnabled = "feedbackEnabled" in r ? r.feedbackEnabled : !1, this.setting.uploadImages = "uploadImages" in r ? r.uploadImages : !1, this.setting.newConversationTimeoutInSec = (r == null ? void 0 : r.newConversationTimeoutInSec) || 86400, this.setting.enableNotificationSound = "enableNotificationSound" in r ? r.enableNotificationSound : !0, this.setting.botAdvancedSettings = (r == null ? void 0 : r.botAdvancedSettings) ?? {}, this.setting.startFeedbackFromMessage = "startFeedbackFromMessage" in this.setting.botAdvancedSettings ? this.setting.botAdvancedSettings.startFeedbackFromMessage : 1, this.initConversation(), this.shouldEngage === "true" && setTimeout(() => {
         this.showEngagePopup();
       }, this.setting.engageTimeout * 1e3);
     }
@@ -942,7 +942,7 @@ class L extends kt {
       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 kt {
   }
   // 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 kt {
             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 kt {
           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 kt {
             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 kt {
       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 kt {
   }
 }
 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: {
@@ -1471,16 +1502,19 @@ O([
       botId: null,
       url: null,
       welcomeMessage: null,
+      disclaimerMessage: null,
       splitMessagesAtBreak: !1,
       feedbackEnabled: !1,
+      startFeedbackFromMessage: 1,
       uploadImages: !1,
       newConversationTimeoutInSec: 86400,
-      enableNotificationSound: !0
+      enableNotificationSound: !0,
+      botAdvancedOptions: null
     }
   })
 ], L.prototype, "setting");
 O([
-  oe({ prefix: ee }),
+  oe({ prefix: te }),
   q({ type: Object, value: {} })
 ], L.prototype, "context");
 O([
@@ -1514,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`
@@ -1604,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";
   }
@@ -1621,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";
   }
@@ -1639,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>`
@@ -1654,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>`
@@ -1717,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 Ct = class extends te {
+let St = class extends ae {
   constructor() {
     super(...arguments), this.year = (/* @__PURE__ */ new Date()).getFullYear();
   }
@@ -1752,10 +1786,10 @@ let Ct = class extends te {
         `;
   }
 };
-Ct.styles = gc;
-Ct = vc([
+St.styles = gc;
+St = vc([
   J("cb-footer")
-], Ct);
+], St);
 const wc = X`
   ${me}
 
@@ -1800,6 +1834,43 @@ const wc = X`
     display: none;
   }*/
 
+  .cb-disclaimer-wrapper {
+    max-width: 100%;
+  }
+
+  .cb-disclaimer-message {
+    color: var(--enegelai-disclaimer-message-color, rgba(34, 34, 34, 0.6));
+    border-radius: 6px;
+    background-color: var(--enegelai-disclaimer-message-background, rgba(234, 234, 234, 0.2));
+    text-align: left;
+    padding: 2px 12px;
+    font-size: 0.85em;
+    cursor: pointer;
+
+    /* clamp to 2 lines by default */
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: var(--enegelai-disclaimer-line-clamp, 2);
+    overflow: hidden;
+    /* optional: smooth-ish open/close height change in some UAs */
+    transition: all 2s ease;
+  }
+
+  .cb-disclaimer-message p {
+    margin-block-start: 0.5em;
+    margin-block-end: 0.5em;
+  }
+
+  /* remove default disclosure marker */
+  .cb-disclaimer-message::-webkit-details-marker { display: none; }
+  .cb-disclaimer-message::marker { content: ""; }
+
+  /* when open, show full text */
+  .cb-disclaimer-wrapper[open] .cb-disclaimer-message {
+    -webkit-line-clamp: unset;
+    overflow: visible;
+  }
+
   .cb-input-form {
     margin: 10px 5px;
     padding: 20px 20px;
@@ -1971,25 +2042,25 @@ var sa = { exports: {} };
       return t;
     }
     function _(t, i) {
-      if ((R(t) || t === window || t === document) && (t = [t]), Ye(t) || Se(t) || (t = [t]), qt(t) != 0) {
-        if (Ye(t) && !Se(t)) for (var o = t.length, d = 0; d < o && i.call(t[d], t[d], d, t) !== !1; d++) ;
-        else if (Se(t)) {
+      if ((R(t) || t === window || t === document) && (t = [t]), Ye(t) || _e(t) || (t = [t]), Pt(t) != 0) {
+        if (Ye(t) && !_e(t)) for (var o = t.length, d = 0; d < o && i.call(t[d], t[d], d, t) !== !1; d++) ;
+        else if (_e(t)) {
           for (var l in t) if (Y(t, l) && i.call(t[l], t[l], l, t) === !1) break;
         }
       }
     }
     function K(t) {
       var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null, d = t[w] = t[w] || [], l = { all: d, evt: null, found: null };
-      return i && o && qt(d) > 0 && _(d, function(h, b) {
+      return i && o && Pt(d) > 0 && _(d, function(h, b) {
         if (h.eventName == i && h.fn.toString() == o.toString()) return l.found = !0, l.evt = b, !1;
       }), l;
     }
-    function F(t) {
+    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);
@@ -2021,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);
-      }), F(d, { onElement: t, avoidDuplicate: !1, once: !0, withCallback: function(h, b) {
+      }), 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) {
@@ -2054,7 +2125,7 @@ var sa = { exports: {} };
       var t, i = document.createElement("fakeelement"), o = { animation: "animationend", OAnimation: "oAnimationEnd", MozAnimation: "animationend", WebkitAnimation: "webkitAnimationEnd" };
       for (t in o) if (i.style[t] !== void 0) return o[t];
     }
-    function Be(t, i, o, d) {
+    function Re(t, i, o, d) {
       if (t()) i();
       else {
         var l;
@@ -2066,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 Be(function() {
+          if (z(o)) {
+            if (j(i)) return Re(function() {
               return window[i] !== void 0;
             }, function() {
               o();
@@ -2086,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 Be(function() {
+            if (z(o)) {
+              if (j(i)) return Re(function() {
                 return window[i] !== void 0;
               }, function() {
                 o();
@@ -2101,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) {
@@ -2116,8 +2187,8 @@ var sa = { exports: {} };
     function Ye(t) {
       return t && t.length && isFinite(t.length);
     }
-    function Se(t) {
-      return n(t) === "object" && t != null && !P(t) && !qe(t);
+    function _e(t) {
+      return n(t) === "object" && t != null && !z(t) && !qe(t);
     }
     function re(t) {
       return t == null;
@@ -2125,8 +2196,8 @@ var sa = { exports: {} };
     function Y(t, i) {
       return t !== null && hasOwnProperty.call(t, i);
     }
-    function qt(t) {
-      if (Se(t)) {
+    function Pt(t) {
+      if (_e(t)) {
         if (t.keys) return t.keys().length;
         var i = 0;
         for (var o in t) Y(t, o) && i++;
@@ -2137,7 +2208,7 @@ var sa = { exports: {} };
     function et(t) {
       return !isNaN(parseFloat(t)) && isFinite(t);
     }
-    function Ot() {
+    function zt() {
       var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, i = document.querySelectorAll(".gbtn[data-taborder]:not(.disabled)");
       if (!i.length) return !1;
       if (i.length == 1) return i[0];
@@ -2157,7 +2228,7 @@ var sa = { exports: {} };
     }
     function va(t) {
       if (t.events.hasOwnProperty("keyboard")) return !1;
-      t.events.keyboard = F("keydown", { onElement: window, withCallback: function(i, o) {
+      t.events.keyboard = D("keydown", { onElement: window, withCallback: function(i, o) {
         var d = (i = i || window.event).keyCode;
         if (d == 9) {
           var l = document.querySelector(".gbtn.focused");
@@ -2169,10 +2240,10 @@ var sa = { exports: {} };
           var b = document.querySelectorAll(".gbtn[data-taborder]");
           if (!b || b.length <= 0) return;
           if (!l) {
-            var u = Ot();
+            var u = zt();
             return void (u && (u.focus(), T(u, "focused")));
           }
-          var y = Ot(l.getAttribute("data-taborder"));
+          var y = zt(l.getAttribute("data-taborder"));
           N(l, "focused"), y && (y.focus(), T(y, "focused"));
         }
         d == 39 && t.nextSlide(), d == 37 && t.prevSlide(), d == 27 && t.close();
@@ -2220,7 +2291,7 @@ var sa = { exports: {} };
       t.style.transform = "translate3d(" + i + "px, " + o + "px, 0)";
     } }, { key: "widowWidth", value: function() {
       return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
-    } }]), Pt = f(function t() {
+    } }]), jt = f(function t() {
       var i = this, o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       s(this, t);
       var d = o.dragEl, l = o.toleranceX, h = l === void 0 ? 40 : l, b = o.toleranceY, u = b === void 0 ? 65 : b, y = o.slide, m = y === void 0 ? null : y, x = o.instance, k = x === void 0 ? null : x;
@@ -2275,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) {
@@ -2294,21 +2365,21 @@ 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();
-        }), Be(function() {
+          y[b] = de.detail.plyr, z(d) && d();
+        }), Re(function() {
           return t.querySelector("iframe") && t.querySelector("iframe").dataset.ready == "true";
         }, function() {
           l.resize(t);
-        }), fe.on("enterfullscreen", zt), fe.on("exitfullscreen", zt);
+        }), fe.on("enterfullscreen", Ht), fe.on("exitfullscreen", Ht);
       });
     }
-    function zt(t) {
+    function Ht(t) {
       var i = $(t.target, ".gslide-media");
       t.type === "enterfullscreen" && T(i, "fullscreen"), t.type === "exitfullscreen" && N(i, "fullscreen");
     }
     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;
@@ -2320,28 +2391,28 @@ var sa = { exports: {} };
         k.style.height = i.height, k.style.maxWidth = i.width, T(k, "ginlined-content"), l = k;
       }
       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] = F("click", { onElement: b.querySelectorAll(".gtrigger-close"), withCallback: function(M) {
+      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);
     }
     var _a = f(function t() {
       var i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-      s(this, t), this.defaults = { href: "", sizes: "", srcset: "", title: "", type: "", videoProvider: "", description: "", alt: "", descPosition: "bottom", effect: "", width: "", height: "", content: !1, zoomable: !0, draggable: !0 }, Se(i) && (this.defaults = S(this.defaults, i));
+      s(this, t), this.defaults = { href: "", sizes: "", srcset: "", title: "", type: "", videoProvider: "", description: "", alt: "", descPosition: "bottom", effect: "", width: "", height: "", content: !1, zoomable: !0, draggable: !0 }, _e(i) && (this.defaults = S(this.defaults, i));
     }, [{ key: "sourceType", value: function(t) {
       var i = t;
       return (t = t.toLowerCase()).match(/\.(jpeg|jpg|jpe|gif|png|apn|webp|avif|svg)/) !== null ? "image" : t.match(/(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/) || t.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) || t.match(/(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/) || t.match(/(youtube\.com|youtube-nocookie\.com)\/shorts\/([a-zA-Z0-9\-_]+)/) || t.match(/vimeo\.com\/([0-9]*)/) || t.match(/\.(mp4|ogg|webm|mov)/) !== null ? "video" : t.match(/\.(mp3|wav|wma|aac|ogg)/) !== null ? "audio" : t.indexOf("#") > -1 && i.split("#").pop().trim() !== "" ? "inline" : t.indexOf("goajax=true") > -1 ? "ajax" : "external";
     } }, { key: "parseConfig", value: function(t, i) {
       var o = this, d = S({ descPosition: i.descPosition }, this.defaults);
-      if (Se(t) && !R(t)) {
+      if (_e(t) && !R(t)) {
         Y(t, "type") || (Y(t, "content") && t.content ? t.type = "inline" : Y(t, "href") && (t.type = this.sourceType(t.href)));
         var l = S(d, t);
         return this.setSize(l, i), l;
@@ -2399,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 Pt({ 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 Pt({ 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() {
+          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]);
@@ -2422,12 +2493,12 @@ var sa = { exports: {} };
     } }, { key: "descriptionEvents", value: function(t, i) {
       var o = this, d = t.querySelector(".desc-more");
       if (!d) return !1;
-      F("click", { onElement: d, withCallback: function(l, h) {
+      D("click", { onElement: d, withCallback: function(l, h) {
         l.preventDefault();
         var b = document.body, u = $(h, ".gslide-desc");
         if (!u) return !1;
         u.innerHTML = i.description, T(b, "gdesc-open");
-        var y = F("click", { onElement: [b, $(u, ".gslide-description")], withCallback: function(m, x) {
+        var y = D("click", { onElement: [b, $(u, ".gslide-description")], withCallback: function(m, x) {
           m.target.nodeName.toLowerCase() !== "a" && (N(b, "gdesc-open"), T(b, "gdesc-closed"), u.innerHTML = i.smallDescription, o.descriptionEvents(u, i), setTimeout(function() {
             N(b, "gdesc-closed");
           }, 400), y.destroy());
@@ -2469,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 {
@@ -2542,33 +2613,33 @@ var sa = { exports: {} };
         var b, u = document.createElement("fakeelement"), y = { transition: "transitionend", OTransition: "oTransitionEnd", MozTransition: "transitionend", WebkitTransition: "webkitTransitionEnd" };
         for (b in y) if (u.style[b] !== void 0) return y[b];
       }(), o = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, d = Q(t, "gslide-media") ? t : t.querySelector(".gslide-media"), l = $(d, ".ginner-container"), h = t.querySelector(".gslide-description");
-      o > 769 && (d = l), T(d, "greset"), C(d, "translate3d(0, 0, 0)"), F(i, { onElement: d, once: !0, withCallback: function(b, u) {
+      o > 769 && (d = l), T(d, "greset"), C(d, "translate3d(0, 0, 0)"), D(i, { onElement: d, once: !0, withCallback: function(b, u) {
         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, Re = 0, Ve = !1, De = !1, pe = {}, Oe = {}, Rt = 0, Vt = 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, Rt = B.targetTouches[0].clientX, Vt = 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;
+          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();
         }
       }, 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 $e, it = B.targetTouches[0].clientX, Oa = B.targetTouches[0].clientY, Pa = Rt - it, za = Vt - Oa;
-          if (Math.abs(Pa) > Math.abs(za) ? (Ve = !1, De = !0) : (De = !1, Ve = !0), i = Oe.pageX - pe.pageX, ue = 100 * i / h, o = Oe.pageY - pe.pageY, Re = 100 * o / b, Ve && x && ($e = 1 - Math.abs(o) / b, ct.style.opacity = $e, t.settings.touchFollowAxis && (ue = 0)), De && ($e = 1 - Math.abs(i) / h, m.style.opacity = $e, t.settings.touchFollowAxis && (Re = 0)), !x) return C(m, "translate3d(".concat(ue, "%, 0, 0)"));
-          C(m, "translate3d(".concat(ue, "%, ").concat(Re, "%, 0)"));
+          var Me, it = B.targetTouches[0].clientX, Oa = B.targetTouches[0].clientY, Pa = Ft - it, za = Dt - Oa;
+          if (Math.abs(Pa) > Math.abs(za) ? (Fe = !1, De = !0) : (De = !1, Fe = !0), i = Oe.pageX - pe.pageX, ue = 100 * i / h, o = Oe.pageY - pe.pageY, Ve = 100 * o / b, Fe && x && (Me = 1 - Math.abs(o) / b, ct.style.opacity = Me, t.settings.touchFollowAxis && (ue = 0)), De && (Me = 1 - Math.abs(i) / h, m.style.opacity = Me, t.settings.touchFollowAxis && (Ve = 0)), !x) return C(m, "translate3d(".concat(ue, "%, 0, 0)"));
+          C(m, "translate3d(".concat(ue, "%, ").concat(Ve, "%, 0)"));
         }
       }, touchEnd: function() {
         if (u) {
-          if (k = !1, U || I) return G = fe, void (_e = de);
-          var B = Math.abs(parseInt(Re)), 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;
+          if (k = !1, U || I) return G = fe, void ($e = de);
+          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() {
@@ -2580,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, $e = Oe.pageY - pe.pageY;
-          G && (ce += G), _e && ($e += _e), fe = ce, de = $e;
-          var it = "translate3d(".concat(ce, "px, ").concat($e, "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) {
@@ -2605,7 +2676,7 @@ var sa = { exports: {} };
       } });
       t.events.touch = qa;
     }
-    var jt = ve(), Ht = ve() !== null || document.createTouch !== void 0 || "ontouchstart" in window || "onmsgesturechange" in window || navigator.msMaxTouchPoints, Bt = 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">
@@ -2629,10 +2700,10 @@ 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 = F("click", { onElement: i, withCallback: function(o, d) {
+      i && (this.baseEvents = D("click", { onElement: i, withCallback: function(o, d) {
         o.preventDefault(), t.open(d);
       } })), this.elements = this.getElements();
     } }, { key: "open", value: function() {
@@ -2650,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(Bt, "glightbox-open"), jt && (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(), Ht && 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);
@@ -2704,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() {
@@ -2729,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");
       });
@@ -2763,7 +2834,7 @@ var sa = { exports: {} };
       o && !o.playing && o.play();
     } }, { key: "slidePlayerPlay", value: function(t) {
       var i;
-      if (!jt || (i = this.settings.plyr.config) !== null && i !== void 0 && i.muted) {
+      if (!Bt || (i = this.settings.plyr.config) !== null && i !== void 0 && i.muted) {
         if (R(t)) {
           var o = t.querySelector(".gvideo-wrapper");
           o && (t = o.getAttribute("data-index"));
@@ -2827,17 +2898,17 @@ var sa = { exports: {} };
       var u = document.getElementById("glightbox-body");
       this.modal = u;
       var y = u.querySelector(".gclose");
-      this.prevButton = u.querySelector(".gprev"), this.nextButton = u.querySelector(".gnext"), this.overlay = u.querySelector(".goverlay"), this.loader = u.querySelector(".gloader"), this.slidesContainer = document.getElementById("glightbox-slider"), this.bodyHiddenChildElms = o, this.events = {}, T(this.modal, "glightbox-" + this.settings.skin), this.settings.closeButton && y && (this.events.close = F("click", { onElement: y, withCallback: function(m, x) {
+      this.prevButton = u.querySelector(".gprev"), this.nextButton = u.querySelector(".gnext"), this.overlay = u.querySelector(".goverlay"), this.loader = u.querySelector(".gloader"), this.slidesContainer = document.getElementById("glightbox-slider"), this.bodyHiddenChildElms = o, this.events = {}, T(this.modal, "glightbox-" + this.settings.skin), this.settings.closeButton && y && (this.events.close = D("click", { onElement: y, withCallback: function(m, x) {
         m.preventDefault(), t.close();
-      } })), y && !this.settings.closeButton && y.parentNode.removeChild(y), this.nextButton && (this.events.next = F("click", { onElement: this.nextButton, withCallback: function(m, x) {
+      } })), y && !this.settings.closeButton && y.parentNode.removeChild(y), this.nextButton && (this.events.next = D("click", { onElement: this.nextButton, withCallback: function(m, x) {
         m.preventDefault(), t.nextSlide();
-      } })), this.prevButton && (this.events.prev = F("click", { onElement: this.prevButton, withCallback: function(m, x) {
+      } })), this.prevButton && (this.events.prev = D("click", { onElement: this.prevButton, withCallback: function(m, x) {
         m.preventDefault(), t.prevSlide();
-      } })), this.settings.closeOnOutsideClick && (this.events.outClose = F("click", { onElement: u, withCallback: function(m, x) {
+      } })), this.settings.closeOnOutsideClick && (this.events.outClose = D("click", { onElement: u, withCallback: function(m, x) {
         t.preventOutsideClick || Q(document.body, "glightbox-mobile") || $(m.target, ".ginner-container") || $(m.target, ".gbtn") || Q(m.target, "gnext") || Q(m.target, "gprev") || t.close();
       } })), _(this.elements, function(m, x) {
         t.slidesContainer.appendChild(m.instance.create()), m.slideNode = t.slidesContainer.querySelectorAll(".gslide")[x];
-      }), Ht && T(document.body, "glightbox-touch"), this.events.resize = F("resize", { onElement: window, withCallback: function() {
+      }), Rt && T(document.body, "glightbox-touch"), this.events.resize = D("resize", { onElement: window, withCallback: function() {
         t.resize();
       } }), this.built = !0;
     } }, { key: "resize", value: function() {
@@ -2859,9 +2930,9 @@ var sa = { exports: {} };
               var I = o.clientWidth, U = o.clientHeight, fe = I / U;
               E = "".concat(I / fe, ":").concat(U / fe);
             }
-            var de = E.split(":"), G = this.settings.videosWidth, _e = this.settings.videosWidth, ue = (_e = et(G) || G.indexOf("px") !== -1 ? parseInt(G) : G.indexOf("vw") !== -1 ? h * parseInt(G) / 100 : G.indexOf("vh") !== -1 ? b * parseInt(G) / 100 : G.indexOf("%") !== -1 ? h * parseInt(G) / 100 : parseInt(o.clientWidth)) / (parseInt(de[0]) / parseInt(de[1]));
-            if (ue = Math.floor(ue), u && (b -= l.offsetHeight), _e > h || ue > b || b < ue && h > _e) {
-              var Re = o.offsetWidth, Ve = o.offsetHeight, De = b / Ve, pe = { width: Re * De, height: Ve * De };
+            var de = E.split(":"), G = this.settings.videosWidth, $e = this.settings.videosWidth, ue = ($e = et(G) || G.indexOf("px") !== -1 ? parseInt(G) : G.indexOf("vw") !== -1 ? h * parseInt(G) / 100 : G.indexOf("vh") !== -1 ? b * parseInt(G) / 100 : G.indexOf("%") !== -1 ? h * parseInt(G) / 100 : parseInt(o.clientWidth)) / (parseInt(de[0]) / parseInt(de[1]));
+            if (ue = Math.floor(ue), u && (b -= l.offsetHeight), $e > h || ue > b || b < ue && h > $e) {
+              var Ve = o.offsetWidth, Fe = o.offsetHeight, De = b / Fe, pe = { width: Ve * De, height: Fe * De };
               o.parentNode.setAttribute("style", "max-width: ".concat(pe.width, "px")), u && l.setAttribute("style", "max-width: ".concat(pe.width, "px;"));
             } else o.parentNode.style.maxWidth = "".concat(G), u && l.setAttribute("style", "max-width: ".concat(G, ";"));
           }
@@ -2893,7 +2964,7 @@ var sa = { exports: {} };
           t.events = null;
         }
         var d = document.body;
-        N(Bt, "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;
       });
@@ -2901,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);
@@ -2931,12 +3002,12 @@ var Cc = Object.defineProperty, Sc = Object.getOwnPropertyDescriptor, _c = (c, e
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
   return n && s && Cc(e, a, s), s;
 };
-let St = class extends ut {
+let _t = class extends ut {
   render() {
     return g` <div class="cb-thinking"><span></span><span></span><span></span></div>`;
   }
 };
-St.styles = X`
+_t.styles = X`
     .cb-thinking {
       text-align: center;
     }
@@ -2974,15 +3045,15 @@ St.styles = X`
       }
     }
   `;
-St = _c([
+_t = _c([
   J("cb-thinking")
-], St);
+], _t);
 var $c = Object.defineProperty, Mc = Object.getOwnPropertyDescriptor, oa = (c, e, a, n) => {
   for (var s = n > 1 ? void 0 : n ? Mc(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 && $c(e, a, s), s;
 };
-let rt = class extends te {
+let rt = class extends ae {
   constructor() {
     super(...arguments), this.files = [];
   }
@@ -3022,7 +3093,7 @@ oa([
 rt = oa([
   J("cb-uploading")
 ], rt);
-const Tc = X`
+const Ac = X`
   ${me}
   :host {
   }
@@ -3043,10 +3114,10 @@ const Tc = X`
     margin-right: 0.2em;
   }
 `;
-var Ec = Object.defineProperty, Ac = Object.getOwnPropertyDescriptor, Et = (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() {
@@ -3093,22 +3164,22 @@ Ze.styles = X`
             text-decoration: underline;
         }
     `;
-Et([
+It([
   v({ type: String })
 ], Ze.prototype, "url", 2);
-Et([
+It([
   v({ type: Boolean })
 ], Ze.prototype, "inverse", 2);
-Ze = Et([
+Ze = It([
   J("cb-external-link")
 ], Ze);
 const Ic = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-2v-1h2a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.928 15.849v-3.337h1.136v-.662H0v.662h1.134v3.337zm4.689-3.999h-.894L4.9 13.289h-.035l-.832-1.439h-.932l1.228 1.983l-1.24 2.016h.862l.853-1.415h.035l.85 1.415h.907l-1.253-1.992zm1.93.662v3.337h-.794v-3.337H6.619v-.662h3.064v.662H8.546Z"/></svg>', Lc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173q.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38a.57.57 0 0 1-.238.241a.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181q.185.183.185.522m1.217-1.333v3.999h1.46q.602 0 .998-.237a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084q0-.63-.196-1.075a1.43 1.43 0 0 0-.589-.68q-.396-.234-1.005-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592a1.1 1.1 0 0 1-.196.422a.8.8 0 0 1-.334.252a1.3 1.3 0 0 1-.483.082h-.563zm3.743 1.763v1.591h-.79V11.85h2.548v.653H7.896v1.117h1.606v.638z"/></svg>', qc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2H9v-1h3a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM.706 13.189v2.66H0V11.85h.806l1.14 2.596h.026l1.14-2.596h.8v3.999h-.716v-2.66h-.038l-.946 2.159h-.516l-.952-2.16H.706Zm3.919 2.66V11.85h1.459q.609 0 1.005.234t.589.68q.195.445.196 1.075q0 .634-.196 1.084q-.197.451-.595.689q-.396.237-1 .237H4.626Zm1.353-3.354h-.562v2.707h.562q.279 0 .484-.082a.8.8 0 0 0 .334-.252a1.1 1.1 0 0 0 .196-.422q.067-.252.067-.592a2.1 2.1 0 0 0-.117-.753a.9.9 0 0 0-.354-.454q-.238-.152-.61-.152"/></svg>', Oc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM3.517 14.841a1.13 1.13 0 0 0 .401.823q.195.162.478.252q.284.091.665.091q.507 0 .859-.158q.354-.158.539-.44q.187-.284.187-.656q0-.336-.134-.56a1 1 0 0 0-.375-.357a2 2 0 0 0-.566-.21l-.621-.144a1 1 0 0 1-.404-.176a.37.37 0 0 1-.144-.299q0-.234.185-.384q.188-.152.512-.152q.214 0 .37.068a.6.6 0 0 1 .246.181a.56.56 0 0 1 .12.258h.75a1.1 1.1 0 0 0-.2-.566a1.2 1.2 0 0 0-.5-.41a1.8 1.8 0 0 0-.78-.152q-.439 0-.776.15q-.337.149-.527.421q-.19.273-.19.639q0 .302.122.524q.124.223.352.367q.228.143.539.213l.618.144q.31.073.463.193a.39.39 0 0 1 .152.326a.5.5 0 0 1-.085.29a.56.56 0 0 1-.255.193q-.167.07-.413.07q-.175 0-.32-.04a.8.8 0 0 1-.248-.115a.58.58 0 0 1-.255-.384zM.806 13.693q0-.373.102-.633a.87.87 0 0 1 .302-.399a.8.8 0 0 1 .475-.137q.225 0 .398.097a.7.7 0 0 1 .272.26a.85.85 0 0 1 .12.381h.765v-.072a1.33 1.33 0 0 0-.466-.964a1.4 1.4 0 0 0-.489-.272a1.8 1.8 0 0 0-.606-.097q-.534 0-.911.223q-.375.222-.572.632q-.195.41-.196.979v.498q0 .568.193.976q.197.407.572.626q.375.217.914.217q.439 0 .785-.164t.55-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.764a.8.8 0 0 1-.118.363a.7.7 0 0 1-.272.25a.9.9 0 0 1-.401.087a.85.85 0 0 1-.478-.132a.83.83 0 0 1-.299-.392a1.7 1.7 0 0 1-.102-.627zm8.239 2.238h-.953l-1.338-3.999h.917l.896 3.138h.038l.888-3.138h.879z"/></svg>', Pc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173q.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38a.57.57 0 0 1-.238.241a.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181q.185.183.185.522m2.817-1.333h-1.6v3.999h.791v-1.342h.803q.43 0 .732-.173q.305-.175.463-.474q.162-.302.161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38a.57.57 0 0 1-.238.241a.8.8 0 0 1-.375.082H4.15V12.48h.66q.327 0 .512.181q.185.183.185.522m2.767-.67v3.336H7.48v-3.337H6.346v-.662h3.065v.662z"/></svg>', zc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-7.839 9.166v.522q0 .384-.117.641a.86.86 0 0 1-.322.387a.9.9 0 0 1-.469.126a.9.9 0 0 1-.471-.126a.87.87 0 0 1-.32-.386a1.55 1.55 0 0 1-.117-.642v-.522q0-.386.117-.641a.87.87 0 0 1 .32-.387a.87.87 0 0 1 .471-.129q.264 0 .469.13a.86.86 0 0 1 .322.386q.117.255.117.641m.803.519v-.513q0-.565-.205-.972a1.46 1.46 0 0 0-.589-.63q-.381-.22-.917-.22q-.533 0-.92.22a1.44 1.44 0 0 0-.589.627q-.204.406-.205.975v.513q0 .563.205.973q.205.406.59.627q.386.216.92.216q.535 0 .916-.216q.383-.22.59-.627q.204-.41.204-.973M0 11.926v4h1.459q.603 0 .999-.238a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084q0-.63-.196-1.075a1.43 1.43 0 0 0-.59-.68q-.395-.234-1.004-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592a1.1 1.1 0 0 1-.196.422a.8.8 0 0 1-.334.252a1.3 1.3 0 0 1-.483.082H.79V12.57Zm7.422.483a1.7 1.7 0 0 0-.103.633v.495q0 .369.103.627a.83.83 0 0 0 .298.393a.85.85 0 0 0 .478.131a.9.9 0 0 0 .401-.088a.7.7 0 0 0 .273-.248a.8.8 0 0 0 .117-.364h.765v.076a1.27 1.27 0 0 1-.226.674q-.205.29-.55.454a1.8 1.8 0 0 1-.786.164q-.54 0-.914-.216a1.4 1.4 0 0 1-.571-.627q-.194-.408-.194-.976v-.498q0-.568.197-.978q.195-.411.571-.633q.378-.223.911-.223q.328 0 .607.097q.28.093.489.272a1.33 1.33 0 0 1 .466.964v.073H9.78a.85.85 0 0 0-.12-.38a.7.7 0 0 0-.273-.261a.8.8 0 0 0-.398-.097a.8.8 0 0 0-.475.138a.87.87 0 0 0-.301.398"/></svg>', jc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V11h-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-6.839 9.688v-.522a1.5 1.5 0 0 0-.117-.641a.86.86 0 0 0-.322-.387a.86.86 0 0 0-.469-.129a.87.87 0 0 0-.471.13a.87.87 0 0 0-.32.386a1.5 1.5 0 0 0-.117.641v.522q0 .384.117.641a.87.87 0 0 0 .32.387a.9.9 0 0 0 .471.126a.9.9 0 0 0 .469-.126a.86.86 0 0 0 .322-.386a1.55 1.55 0 0 0 .117-.642m.803-.516v.513q0 .563-.205.973a1.47 1.47 0 0 1-.589.627q-.381.216-.917.216a1.86 1.86 0 0 1-.92-.216a1.46 1.46 0 0 1-.589-.627a2.15 2.15 0 0 1-.205-.973v-.513q0-.569.205-.975q.205-.411.59-.627q.386-.22.92-.22q.535 0 .916.22q.383.219.59.63q.204.406.204.972M1 15.925v-3.999h1.459q.609 0 1.005.235q.396.233.589.68q.196.445.196 1.074q0 .634-.196 1.084q-.197.451-.595.689q-.396.237-.999.237zm1.354-3.354H1.79v2.707h.563q.277 0 .483-.082a.8.8 0 0 0 .334-.252q.132-.17.196-.422a2.3 2.3 0 0 0 .068-.592q0-.45-.118-.753a.9.9 0 0 0-.354-.454q-.237-.152-.61-.152Zm6.756 1.116q0-.373.103-.633a.87.87 0 0 1 .301-.398a.8.8 0 0 1 .475-.138q.225 0 .398.097a.7.7 0 0 1 .273.26a.85.85 0 0 1 .12.381h.765v-.073a1.33 1.33 0 0 0-.466-.964a1.4 1.4 0 0 0-.49-.272a1.8 1.8 0 0 0-.606-.097q-.534 0-.911.223q-.375.222-.571.633q-.197.41-.197.978v.498q0 .568.194.976q.195.406.571.627q.375.216.914.216q.44 0 .785-.164t.551-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.765a.8.8 0 0 1-.117.364a.7.7 0 0 1-.273.248a.9.9 0 0 1-.401.088a.85.85 0 0 1-.478-.131a.83.83 0 0 1-.298-.393a1.7 1.7 0 0 1-.103-.627zm5.092-1.76h.894l-1.275 2.006l1.254 1.992h-.908l-.85-1.415h-.035l-.852 1.415h-.862l1.24-2.015l-1.228-1.984h.932l.832 1.439h.035z"/></svg>';
-var Hc = Object.defineProperty, Bc = Object.getOwnPropertyDescriptor, At = (c, e, a, n) => {
+var Hc = Object.defineProperty, Bc = Object.getOwnPropertyDescriptor, Lt = (c, e, a, n) => {
   for (var s = n > 1 ? void 0 : n ? Bc(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 Nt = {
+const Ut = {
   pdf: Lc,
   txt: Ic,
   md: qc,
@@ -3117,7 +3188,7 @@ const Nt = {
   doc: zc,
   docx: jc
 };
-let Je = class extends te {
+let Je = class extends ae {
   constructor() {
     super(...arguments), this.filename = "", this.url = "";
   }
@@ -3142,22 +3213,22 @@ let Je = class extends te {
     return g`
             <cb-icon
                 class="cb-file-icon"
-                svg="${Nt[this.type] || Nt.txt}"
+                svg="${Ut[this.type] || Ut.txt}"
             ></cb-icon>
         `;
   }
 };
-Je.styles = Tc;
-At([
+Je.styles = Ac;
+Lt([
   v({ type: String })
 ], Je.prototype, "filename", 2);
-At([
+Lt([
   v({ type: String })
 ], Je.prototype, "url", 2);
-Je = At([
+Je = Lt([
   J("cb-file")
 ], Je);
-const Rc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/><path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/></g></svg>', Ut = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0a2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1s1-4 6-4s6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/></svg>', ra = '<svg viewBox="0 0 24 24" width="1.2em" height="1.2em" ><path fill="currentColor" d="M5 9v12H1V9zm4 12a2 2 0 0 1-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 0 1 2 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21zm0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03z"/></svg>', da = '<svg viewBox="0 0 24 24" width="1.2em" height="1.2em" ><path fill="currentColor" d="M19 15V3h4v12zM15 3a2 2 0 0 1 2 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31l.95-4.57H3a2 2 0 0 1-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3zm0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97z"/></svg>', Vc = X`
+const Rc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/><path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/></g></svg>', Wt = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0a2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1s1-4 6-4s6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/></svg>', ra = '<svg viewBox="0 0 24 24" width="1.2em" height="1.2em" ><path fill="currentColor" d="M5 9v12H1V9zm4 12a2 2 0 0 1-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 0 1 2 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21zm0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03z"/></svg>', da = '<svg viewBox="0 0 24 24" width="1.2em" height="1.2em" ><path fill="currentColor" d="M19 15V3h4v12zM15 3a2 2 0 0 1 2 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31l.95-4.57H3a2 2 0 0 1-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3zm0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97z"/></svg>', Vc = X`
   pre code.hljs {
     display: block;
     overflow-x: auto;
@@ -4372,7 +4443,7 @@ const Rc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="curr
     white-space: pre-wrap;
     color: var(--n-text-color);
   }
-`, Dc = X`
+`, Fc = X`
   ${me}
   ${Vc}
 
@@ -4605,10 +4676,10 @@ const Rc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="curr
     filter: alpha(opacity=80);
   }
 `;
-function Wt(c, e) {
+function Yt(c, e) {
   return `<pre class="code-block-wrapper"><div class="code-block-header"><span class="code-block-header__lang">${e}</span><span class="code-block-header__copy">Copy</span></div><code class="hljs code-block-body ${e}">${c}</code></pre>`;
 }
-function Fc() {
+function Dc() {
   const c = new Ra({
     html: !0,
     breaks: !0,
@@ -4616,23 +4687,23 @@ function Fc() {
     highlight(e, a) {
       if (!!(a && vt.getLanguage(a))) {
         const s = a ?? "";
-        return Wt(vt.highlight(e, { language: s }).value, s);
+        return Yt(vt.highlight(e, { language: s }).value, s);
       }
-      return Wt(vt.highlightAuto(e).value, "");
+      return Yt(vt.highlightAuto(e).value, "");
     }
   });
   return c.use(Va, { attrs: { target: "_blank", rel: "noopener" } }), c;
 }
-async function Yt(c) {
-  const a = Fc().render(c);
+async function $t(c) {
+  const a = Dc().render(c);
   return g`${W(a)}`;
 }
-var Nc = Object.defineProperty, Uc = Object.getOwnPropertyDescriptor, Ne = (c, e, a, n) => {
+var Nc = Object.defineProperty, Uc = Object.getOwnPropertyDescriptor, Be = (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 && Nc(e, a, s), s;
 };
-let Te = 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,
@@ -4715,12 +4786,12 @@ let Te = 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)
@@ -4753,17 +4824,17 @@ let Te = class extends te {
     `;
   }
   async _getMessageText(c) {
-    return Yt(c.data.text);
+    return $t(c.data.text);
   }
   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
     )}
-        ${Dt(
+        ${kt(
       this._getMessageText(c).then((a) => g`${a}`)
     )}
       </div>` : c.type === "file" ? g`${ze(
@@ -4775,8 +4846,8 @@ let Te = class extends te {
       (a) => a.name,
       (a) => g`<div>${a.name}</div>`
     )}` : g`<div class="cb-message-text">
-      ${Dt(
-      Yt(((e = c.data.text) == null ? void 0 : e.toString()) || "").then((a) => g`${a}`)
+      ${kt(
+      $t(((e = c.data.text) == null ? void 0 : e.toString()) || "").then((a) => g`${a}`)
     )}
     </div>`;
   }
@@ -4808,7 +4879,7 @@ let Te = class extends te {
     `;
   }
   renderBotMessageFeedback(c) {
-    return this.suppressFeedback || !p.setting.feedbackEnabled ? null : g`
+    return this.suppressFeedback || !p.setting.feedbackEnabled || this.index < p.setting.startFeedbackFromMessage * 2 ? null : g`
       <div class="cb-message-feedback-tools">
         <div class="cb-message-feedback-icon cb-feedback-up" @click="${() => this.startFeedback(!0, c)}">${le`${W(ra)}`}</div>
         <div class="cb-message-feedback-icon cb-feedback-down" @click="${() => this.startFeedback(!1, c)}">${le`${W(da)}`}</div>
@@ -4822,10 +4893,10 @@ let Te = class extends te {
     return g`
       <div class="cb-message" part="cb-message" style="display: flex; justify-content: end;align-items: start;">
         <!--<sl-avatar class="avatar user-avatar small" label="User">
-          <cb-icon slot="icon" svg="${Ut}" color="white"></cb-icon>
+          <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>
@@ -4845,10 +4916,10 @@ let Te = class extends te {
     return g`
       <div class="cb-message" part="cb-message" style="display: flex; justify-content: end;align-items: start;">
         <!--<sl-avatar class="avatar user-avatar small" label="User">
-          <cb-icon slot="icon" svg="${Ut}" color="white"></cb-icon>
+          <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>
@@ -4863,25 +4934,28 @@ let Te = class extends te {
     `;
   }
 };
-Te.styles = Dc;
-Ne([
+ke.styles = Fc;
+Be([
   v({ type: Object })
-], Te.prototype, "message", 2);
-Ne([
+], ke.prototype, "message", 2);
+Be([
+  v({ type: Number })
+], ke.prototype, "index", 2);
+Be([
   v({ type: String })
-], Te.prototype, "type", 2);
-Ne([
+], ke.prototype, "type", 2);
+Be([
   v({ type: Boolean })
-], Te.prototype, "suppressFeedback", 2);
-Ne([
+], ke.prototype, "suppressFeedback", 2);
+Be([
   Qt(".code-block-header__copy")
-], Te.prototype, "copyBtns", 2);
-Ne([
+], ke.prototype, "copyBtns", 2);
+Be([
   Qt("img")
-], Te.prototype, "glightboxImages", 2);
-Te = Ne([
+], ke.prototype, "glightboxImages", 2);
+ke = Be([
   J("cb-message")
-], Te);
+], ke);
 var Wc = Object.defineProperty, Yc = Object.getOwnPropertyDescriptor, ye = (c, e, a, n) => {
   for (var s = n > 1 ? void 0 : n ? Yc(e, a) : e, r = c.length - 1, f; r >= 0; r--)
     (f = c[r]) && (s = (n ? f(e, a, s) : f(s)) || s);
@@ -4889,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;
   }
@@ -4903,16 +4977,28 @@ let be = class extends te {
   render() {
     return g`
       <div class="cb-message-list" part="bot-message-list">
+        ${this.renderDisclaimerMessage()}
         ${ze(
       this.messages,
       (c) => c.id + JSON.stringify(c.data),
-      (c) => g`<cb-message .message="${c}" exportparts="bot-message, cb-message, bot-message-content, user-message-content" ?suppressFeedback=${this.suppressFeedback}></cb-message>`
+      (c, e) => g`<cb-message .message="${c}" .index="${e}" exportparts="bot-message, cb-message, bot-message-content, user-message-content" ?suppressFeedback=${this.suppressFeedback}></cb-message>`
     )}
         ${this.renderActions()} ${this.renderForm()}
         <div id="cb-message-list-bottom-anchor"></div>
       </div>
     `;
   }
+  renderDisclaimerMessage() {
+    return !p.setting.disclaimerMessage || !p.isConversationStart() ? null : g`
+      <details class="cb-disclaimer-wrapper" part="disclaimer-wrapper">
+        <summary class="cb-disclaimer-message" part="disclaimer-message">
+          ${kt(
+      $t(p.setting.disclaimerMessage).then((c) => g`${c}`)
+    )}
+        </summary>
+      </details>
+    `;
+  }
   renderForm() {
     return this.form ? g` <form class="cb-input-form" part="form" @submit="${this.handleFormSubmit.bind(this)}">
       <div class="cb-input-form-title" part="form-title">${this.form.title}</div>
@@ -4959,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``
@@ -5181,19 +5267,19 @@ ye([
   v({ type: Boolean })
 ], be.prototype, "suppressFeedback", 2);
 ye([
-  ke("#cb-message-list-bottom-anchor")
+  Ce("#cb-message-list-bottom-anchor")
 ], be.prototype, "_messageListBottomAnchor", 2);
 ye([
-  ke(".cb-input-form")
+  Ce(".cb-input-form")
 ], be.prototype, "_inputForm", 2);
 ye([
-  Mt({ capture: !1, passive: !0 })
+  Tt({ capture: !1, passive: !0 })
 ], be.prototype, "invokeLinkAction", 1);
 ye([
-  Mt({ capture: !1, passive: !0 })
+  Tt({ capture: !1, passive: !0 })
 ], be.prototype, "invokeCalendlyAction", 1);
 ye([
-  Mt({ capture: !1, passive: !0 })
+  Tt({ capture: !1, passive: !0 })
 ], be.prototype, "invokeHubspotMeetingAction", 1);
 be = ye([
   J("cb-message-list")
@@ -5241,12 +5327,12 @@ const Xc = X`
     margin: 6px 2px;
   }
 `, Gc = '<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>', Zc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M4.5 3a2.5 2.5 0 0 1 5 0v9a1.5 1.5 0 0 1-3 0V5a.5.5 0 0 1 1 0v7a.5.5 0 0 0 1 0V3a1.5 1.5 0 1 0-3 0v9a2.5 2.5 0 0 0 5 0V5a.5.5 0 0 1 1 0v7a3.5 3.5 0 1 1-7 0z"/></svg>';
-var Jc = Object.defineProperty, Kc = Object.getOwnPropertyDescriptor, Ce = (c, e, a, n) => {
+var Jc = Object.defineProperty, Kc = Object.getOwnPropertyDescriptor, Se = (c, e, a, n) => {
   for (var s = n > 1 ? void 0 : n ? Kc(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 && 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 = "";
   }
@@ -5291,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``
@@ -5313,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>
     `;
   }
@@ -5337,31 +5431,31 @@ let he = class extends te {
   }
 };
 he.styles = Xc;
-Ce([
+Se([
   v({ type: String, attribute: "placeholder" })
 ], he.prototype, "placeholder", 2);
-Ce([
+Se([
   v({ type: String, attribute: "send-button-label" })
 ], he.prototype, "sendButtonLabel", 2);
-Ce([
+Se([
   v({ type: Boolean, attribute: "enable-file-upload" })
 ], he.prototype, "enableFileUpload", 2);
-Ce([
+Se([
   v({ type: String })
 ], he.prototype, "value", 2);
-Ce([
+Se([
   v({ type: Boolean })
 ], he.prototype, "loading", 2);
-Ce([
+Se([
   v({ type: Boolean })
 ], he.prototype, "disabled", 2);
-Ce([
+Se([
   v({ type: String })
 ], he.prototype, "currentKey", 2);
-Ce([
-  ke("sl-textarea")
+Se([
+  Ce("sl-textarea")
 ], he.prototype, "inputElement", 2);
-he = Ce([
+he = Se([
   J("cb-user-input")
 ], he);
 const fa = '<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>', Qc = X`
@@ -5404,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 Fe = class extends te {
+let Ne = class extends ae {
   constructor() {
     super(...arguments), this.open = !1, this.label = "Dialog", this.zindex = 100;
   }
@@ -5448,25 +5542,25 @@ let Fe = class extends te {
         </sl-dialog>`;
   }
 };
-Fe.styles = Qc;
+Ne.styles = Qc;
 gt([
   v({ type: Boolean })
-], Fe.prototype, "open", 2);
+], Ne.prototype, "open", 2);
 gt([
   v({ type: String, attribute: "label" })
-], Fe.prototype, "label", 2);
+], Ne.prototype, "label", 2);
 gt([
   v({ type: Number })
-], Fe.prototype, "zindex", 2);
-Fe = gt([
+], Ne.prototype, "zindex", 2);
+Ne = gt([
   J("cb-dialog")
-], Fe);
+], Ne);
 var ai = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, la = (c, e, a, n) => {
   for (var s = n > 1 ? void 0 : n ? ci(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 && ai(e, a, s), s;
 };
-let dt = class extends te {
+let dt = class extends ae {
   constructor() {
     super(...arguments), this.open = !1;
   }
@@ -5579,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;
   }
@@ -5612,7 +5706,7 @@ let Ee = class extends te {
                             Enable it for your own backend.
                         </sl-switch>
                     </div> -->
-          ${ie(
+          ${ee(
       this.customRequest,
       () => null,
       () => this.renderInternalServices()
@@ -5699,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([
-  ke("sl-dialog")
-], Ee.prototype, "dialog", 2);
+  Ce("sl-dialog")
+], 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 {
@@ -5837,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;
   }
@@ -5876,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
@@ -5936,7 +6030,7 @@ const Gt = {
     icon: hi
   }
 };
-let lt = class extends te {
+let lt = class extends ae {
   constructor() {
     super(...arguments), this.status = "info";
   }
@@ -5957,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 _t = 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>
@@ -5973,15 +6067,25 @@ let _t = class extends te {
     this.emit("setting:show");
   }
 };
-_t.styles = fi;
-_t = yi([
+Mt.styles = fi;
+Mt = yi([
   J("cb-auth-alert")
-], _t);
+], Mt);
 const vi = X`
   sl-dialog::part(base) {
     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;
@@ -6057,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;
   }
@@ -6076,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">
@@ -6121,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([
-  ke("#cb-feedback-rating-el")
-], Ae.prototype, "_rating", 2);
+  Ce("#cb-feedback-rating-el")
+], Ee.prototype, "_rating", 2);
 We([
-  ke("#cb-feedback-comments-el")
-], Ae.prototype, "_comments", 2);
+  Ce("#cb-feedback-comments-el")
+], Ee.prototype, "_comments", 2);
 We([
-  ke("#cb-feedback-name-el")
-], Ae.prototype, "_name", 2);
+  Ce("#cb-feedback-name-el")
+], Ee.prototype, "_name", 2);
 We([
-  ke("#cb-feedback-email-el")
-], Ae.prototype, "_email", 2);
-Ae = We([
+  Ce("#cb-feedback-email-el")
+], 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";
@@ -6161,7 +6265,7 @@ const Xe = (c) => c !== null && typeof c == "object", nt = (...c) => {
   for (const e of c)
     if ((!Xe(e) || Array.isArray(e)) && e !== void 0)
       throw new TypeError("The `options` argument must be an object");
-  return It({}, ...c);
+  return qt({}, ...c);
 }, pa = (c = {}, e = {}) => {
   const a = new globalThis.Headers(c), n = e instanceof globalThis.Headers, s = new globalThis.Headers(e);
   for (const [r, f] of s.entries())
@@ -6169,21 +6273,21 @@ const Xe = (c) => c !== null && typeof c == "object", nt = (...c) => {
   return a;
 };
 function st(c, e, a) {
-  return Object.hasOwn(e, a) && e[a] === void 0 ? [] : It(c[a] ?? [], e[a] ?? []);
+  return Object.hasOwn(e, a) && e[a] === void 0 ? [] : qt(c[a] ?? [], e[a] ?? []);
 }
 const ga = (c = {}, e = {}) => ({
   beforeRequest: st(c, e, "beforeRequest"),
   beforeRetry: st(c, e, "beforeRetry"),
   afterResponse: st(c, e, "afterResponse"),
   beforeError: st(c, e, "beforeError")
-}), It = (...c) => {
+}), qt = (...c) => {
   let e = {}, a = {}, n = {};
   for (const s of c)
     if (Array.isArray(s))
       Array.isArray(e) || (e = []), e = [...e, ...s];
     else if (Xe(s)) {
       for (let [r, f] of Object.entries(s))
-        Xe(f) && r in e && (f = It(e[r], f)), e = { ...e, [r]: f };
+        Xe(f) && r in e && (f = qt(e[r], f)), e = { ...e, [r]: f };
       Xe(s.hooks) && (n = ga(n, s.hooks), e.hooks = n), Xe(s.headers) && (a = pa(a, s.headers), e.headers = a);
     }
   return e;
@@ -6212,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,
@@ -6224,7 +6328,7 @@ const ga = (c = {}, e = {}) => ({
   throwHttpErrors: !0,
   onDownloadProgress: !0,
   fetch: !0
-}, Ei = {
+}, Ti = {
   method: !0,
   headers: !0,
   body: !0,
@@ -6241,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,
@@ -6288,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 {
@@ -6309,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),
@@ -6463,12 +6567,12 @@ class bt {
   }
 }
 /*! MIT License © Sindre Sorhus */
-const $t = (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) => $t(nt(a)), e.extend = (a) => (typeof a == "function" && (a = a(c ?? {})), $t(nt(c, a))), e.stop = ya, e;
-}, Hi = $t();
+  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: [
@@ -6503,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 Me = Ke.noConflict();
-Me.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)">
@@ -6533,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);
@@ -6573,14 +6677,14 @@ let j = class extends te {
     p.addActions(c);
   }
   render() {
-    return p.disabled && !this.alwaysOpen ? (Me.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
           .messages=${p.messages}
           .actions=${p.actions}
           .form=${p.form}
-          exportparts="bot-message-list, bot-message, cb-message, bot-message-content, user-message-content, form, form-title, form-input, form-submit"
+          exportparts="bot-message-list, disclaimer-message, bot-message, cb-message, bot-message-content, user-message-content, form, form-title, form-input, form-submit"
         ></cb-message-list>
         ${this.renderUserInput()} ${this.renderFeedbackDialog()}
       </div>
@@ -6599,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(), Me.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();
@@ -6632,26 +6736,26 @@ let j = class extends te {
   
     */
   disconnectedCallback() {
-    Me.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 && (Me.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() {
-    Me.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) {
-      Me.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);
   }
@@ -6685,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) => {
-      Me.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() {
@@ -6773,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([
-  ke("cb-message-list")
-], j.prototype, "_messageList", 2);
-j = H([
+  Ce("cb-message-list")
+], P.prototype, "_messageList", 2);
+P = H([
   J("enegelai-bot")
-], j);
+], P);
 export {
-  j as default
+  P as default
 };