@enegelai/bot-widget 1.18.0 → 1.18.1

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import { css as K, LitElement as Fe, html as u, nothing as Ae, svg as pe } from "lit";
+import { css as K, LitElement as Fe, html as b, nothing as Ae, svg as pe } from "lit";
 import { property as x, customElement as J, query as xe, state as Va, queryAll as Ua, eventOptions as na } from "lit/decorators.js";
 import { when as W } from "lit/directives/when.js";
 import { unsafeHTML as G } from "lit-html/directives/unsafe-html.js";
@@ -45,7 +45,7 @@ const Ht = class Ht extends Event {
 };
 Ht.eventName = "lit-state-changed";
 let at = Ht;
-const Hi = (a, e) => e !== a && (e === e || a === a), ba = class ba extends EventTarget {
+const Hi = (a, e) => e !== a && (e === e || a === a), ua = class ua extends EventTarget {
   static initPropertyMap() {
     this.propertyMap || (this.propertyMap = /* @__PURE__ */ new Map());
   }
@@ -119,8 +119,8 @@ const Hi = (a, e) => e !== a && (e === e || a === a), ba = class ba extends Even
     this.dispatchEvent(new at(e, t, i));
   }
 };
-ba.finalized = !1;
-let Kt = ba;
+ua.finalized = !1;
+let Kt = ua;
 class it {
   constructor(e, t, i) {
     this.host = e, this.state = t, this.callback = i || (() => this.host.requestUpdate()), this.host.addController(this);
@@ -668,24 +668,24 @@ var Yi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, ra = (a, e
     (o = a[r]) && (s = (i ? o(e, t, s) : o(s)) || s);
   return i && s && Yi(e, t, s), s;
 };
-let ut = class extends Fe {
+let bt = class extends Fe {
   constructor() {
     super(...arguments), this.color = "primary", this.svg = "";
   }
   render() {
-    return u`<span class="cb-icon" part="base">${G(this.svg)}</span>`;
+    return b`<span class="cb-icon" part="base">${G(this.svg)}</span>`;
   }
 };
-ut.styles = Ga;
+bt.styles = Ga;
 ra([
   x({ type: String })
-], ut.prototype, "color", 2);
+], bt.prototype, "color", 2);
 ra([
   x({ type: String })
-], ut.prototype, "svg", 2);
-ut = ra([
+], bt.prototype, "svg", 2);
+bt = ra([
   J("cb-icon")
-], ut);
+], bt);
 let Ji = (a) => crypto.getRandomValues(new Uint8Array(a)), Zi = (a, e, t) => {
   let i = (2 << Math.log2(a.length - 1)) - 1, s = -~(1.6 * i * e / a.length);
   return (r = e) => {
@@ -728,26 +728,26 @@ function Vt(a) {
   let i = a.replace(/https?:\/\/[^\s<]+/g, (s) => s.replace(/&/g, e)).replace(/&(?!lt;|gt;)/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   return i = i.replace(/&lt;br\s*\/?&gt;/gi, "<br>"), i = i.replace(new RegExp(e, "g"), "&"), i;
 }
-const se = Ke.noConflict();
-se.setLevel("info");
+const ne = Ke.noConflict();
+ne.setLevel("info");
 const Sa = 3e4;
 class as {
   constructor(e = {}) {
-    this.id = 0, this.url = e?.url || null, this.orgId = e?.orgId || null, this.botId = e?.botId || null, this.convId = e?.convId || null, this._options = e || {}, this._ws = null, this.started = !1, this.connected = !1, this.connecting = !1, this.suspendDetected = !1, this.onMessage = e?.onMessage || null, this.onConnecting = e?.onConnecting || null, this.onConnectError = e?.onConnectError || null, this.onClose = e?.onClose || null, this.queue = e?.queue || [], this.pause = (t) => new Promise((i) => setTimeout(i, t)), this.lastTickTs = 0, this.lastAckTs = 0, this.tickInterval = null, se.info(`WSC: Created, url: ${this.url}`);
+    this.id = 0, this.url = e?.url || null, this.orgId = e?.orgId || null, this.botId = e?.botId || null, this.convId = e?.convId || null, this._options = e || {}, this._ws = null, this.started = !1, this.connected = !1, this.connecting = !1, this.suspendDetected = !1, this.onMessage = e?.onMessage || null, this.onConnecting = e?.onConnecting || null, this.onConnectError = e?.onConnectError || null, this.onClose = e?.onClose || null, this.queue = e?.queue || [], this.pause = (t) => new Promise((i) => setTimeout(i, t)), this.lastTickTs = 0, this.lastAckTs = 0, this.tickInterval = null, ne.info(`WSC: Created, url: ${this.url}`);
   }
   connect(e = {}) {
     if (this._ws)
-      return se.info("WSC: connect - already connecting"), null;
+      return ne.info("WSC: connect - already connecting"), null;
     if (this.url = e?.url || this.url, this.connected = !1, !this.url)
-      return se.error("WSC: URL must be provided to connect"), null;
+      return ne.error("WSC: URL must be provided to connect"), null;
     this.setConnecting(!0);
     const t = this.url;
-    se.info(`WSC: ${Date.now()}: Connecting to ${t} ...`), this._ws = new WebSocket(t);
+    ne.info(`WSC: ${Date.now()}: Connecting to ${t} ...`), this._ws = new WebSocket(t);
     let i = setTimeout(() => {
-      se.error(`WSC: ${Date.now()}: connected message not received in time - closing ...`), this._ws.close(), this._ws = null, this.connected = !1;
+      ne.error(`WSC: ${Date.now()}: connected message not received in time - closing ...`), this._ws.close(), this._ws = null, this.connected = !1;
     }, 3e4);
     this._ws.onopen = () => {
-      se.info(`WSC: ${Date.now()}: Connection to ${t} opened`);
+      ne.info(`WSC: ${Date.now()}: Connection to ${t} opened`);
     }, this._ws.onmessage = (s) => {
       let r = s?.data || null;
       if (!r)
@@ -756,13 +756,13 @@ class as {
       try {
         o = JSON.parse(r);
       } catch {
-        se.error(`WSC: ${Date.now()}: Failed to parse message: ${r}`);
+        ne.error(`WSC: ${Date.now()}: Failed to parse message: ${r}`);
         return;
       }
       if (o?.type === "connected")
-        se.info(`WSC: ${Date.now()}: Got connected message`, o), clearTimeout(i), this.connected = !0, this.suspendDetected = !1, this.lastTickTs = Date.now(), this.setConnecting(!1), this.sendClientInfoMessage(), this.sendQueuedMessages();
+        ne.info(`WSC: ${Date.now()}: Got connected message`, o), clearTimeout(i), this.connected = !0, this.suspendDetected = !1, this.lastTickTs = Date.now(), this.setConnecting(!1), this.sendClientInfoMessage(), this.sendQueuedMessages();
       else if (o?.type === "connection-error")
-        se.error(`WSC: ${Date.now()}: Connect error`, o), clearTimeout(i), this.stop().catch(() => {
+        ne.error(`WSC: ${Date.now()}: Connect error`, o), clearTimeout(i), this.stop().catch(() => {
         }), this.handleWscConnectError(o);
       else if (o?.type === "ack") {
         const f = Date.now();
@@ -770,9 +770,9 @@ class as {
       }
       this.handleWscMessage(o);
     }, this._ws.onerror = (s) => {
-      se.error(`WSC: ${Date.now()}: Socket error`), clearTimeout(i), this.connected = !1, this._ws = null, this.setConnecting(!1);
+      ne.error(`WSC: ${Date.now()}: Socket error`), clearTimeout(i), this.connected = !1, this._ws = null, this.setConnecting(!1);
     }, this._ws.onclose = (s) => {
-      se.info(`WSC: ${Date.now()}: Closed - code:${s.code}, reason:"${s.reason}"`), this.connected = !1, this._ws = null, this.handleWscClose(s), this.setConnecting(!1), this.reconnect();
+      ne.info(`WSC: ${Date.now()}: Closed - code:${s.code}, reason:"${s.reason}"`), this.connected = !1, this._ws = null, this.handleWscClose(s), this.setConnecting(!1), this.reconnect();
     };
   }
   reconnect(e = 1e3) {
@@ -782,10 +782,10 @@ class as {
   }
   disconnect() {
     if (this.connected = !1, !this._ws) {
-      se.info("WSC: already disconnected");
+      ne.info("WSC: already disconnected");
       return;
     }
-    se.info("WSC: disconnect"), this._ws.close();
+    ne.info("WSC: disconnect"), this._ws.close();
   }
   setConnecting(e = !1) {
     this.connecting !== e && (this.connecting = e, this.onConnecting && typeof this.onConnecting == "function" && this.onConnecting(this.connecting));
@@ -808,11 +808,11 @@ class as {
   async startOld() {
     let e = 1, t = !0;
     for (; t; ) {
-      if (se.info(`WSC: start: connecting, attempt ${e}`), await this.connect(), this.connected)
-        return se.info("WSC: connected"), !0;
+      if (ne.info(`WSC: start: connecting, attempt ${e}`), await this.connect(), this.connected)
+        return ne.info("WSC: connected"), !0;
       e++, t = e <= 4, t && await this.pause(1e3);
     }
-    return se.error(`WSC: start: failed to connect after ${e} attempts, exiting`), !1;
+    return ne.error(`WSC: start: failed to connect after ${e} attempts, exiting`), !1;
   }
   handleWscConnectError(e) {
     this.onConnectError && typeof this.onConnectError == "function" && this.onConnectError(e);
@@ -842,7 +842,7 @@ class as {
     const e = Date.now();
     let t = !1;
     const i = e - this.lastAckTs;
-    i > Sa + 5e3 && (t = !0, se.info(`WSC: checkConnection: connection loss detected - last ack delay ${i} msec, reconnecting`)), t && this.disconnect();
+    i > Sa + 5e3 && (t = !0, ne.info(`WSC: checkConnection: connection loss detected - last ack delay ${i} msec, reconnecting`)), t && this.disconnect();
   }
   sendMessage(e) {
     if (this.checkConnection(), !this.connected) {
@@ -857,7 +857,7 @@ class as {
   sendQueuedMessages() {
     if (Array.isArray(this.queue) && this.queue.length > 0)
       for (let e = 0; e < this.queue.length; e++)
-        se.info("Sending queued message", this.queue[e]), this._ws.send(this.queue[e]);
+        ne.info("Sending queued message", this.queue[e]), this._ws.send(this.queue[e]);
     this.queue = [];
   }
   // Request assumes that response will be received.
@@ -1909,9 +1909,9 @@ class AudioProcessor extends AudioWorkletProcessor {
 }
 
 registerProcessor('audio_processor', AudioProcessor);
-`, bs = new Blob([hs], {
+`, us = new Blob([hs], {
   type: "application/javascript"
-}), us = URL.createObjectURL(bs), ps = us;
+}), bs = URL.createObjectURL(us), ps = bs;
 class gs {
   /**
    * Create a new WavRecorder instance
@@ -3231,17 +3231,17 @@ let qe = class extends Fe {
   }
   render() {
     const a = ["toast", this.variant, this._open ? "open" : "", this._closing ? "closing" : ""].filter(Boolean).join(" "), e = this.icon || this._defaultIcons[this.variant] || this._defaultIcons.success;
-    return u`
+    return b`
       <div
         class=${a}
         role="status"
         aria-live=${this.ariaLive}
       >
-        ${u`<span class="icon" aria-hidden="true">${this._renderIcon(e)}</span>`}
+        ${b`<span class="icon" aria-hidden="true">${this._renderIcon(e)}</span>`}
         <div class="msg">
-          ${this.message ? u`${this.message}` : u`<slot></slot>`}
+          ${this.message ? b`${this.message}` : b`<slot></slot>`}
         </div>
-        ${this.closeable ? u`<button class="close" @click=${this.close} aria-label="Close">×</button>` : Ae}
+        ${this.closeable ? b`<button class="close" @click=${this.close} aria-label="Close">×</button>` : Ae}
       </div>
     `;
   }
@@ -3256,7 +3256,7 @@ let qe = class extends Fe {
     this._timer && (clearTimeout(this._timer), this._timer = void 0);
   }
   _renderIcon(a) {
-    return a.trim().startsWith("<") ? u`${G(a)}` : a;
+    return a.trim().startsWith("<") ? b`${G(a)}` : a;
   }
 };
 qe.styles = K`
@@ -3478,7 +3478,7 @@ var $s = Object.defineProperty, O = (a, e, t, i) => {
 };
 const T = Ke.noConflict();
 T.setLevel("info");
-const ne = "cb_", Ps = (a) => new Promise((e) => setTimeout(e, a));
+const ie = "cb_", Ps = (a) => new Promise((e) => setTimeout(e, a));
 class R extends Kt {
   constructor() {
     super(), this.actionIdCounter = 0, this.currentLoadContext = {}, this.prefilledFormValues = {}, this.wsClient = null, this.checkConnectionPromise = null, this.webAudioProcessor = null, this.webAudioTrackId = null, this.webAudioCurrentMark = null, this.replyMessage = null, this.streamingResponseInProgress = !1, this.streamingResponseLastText = null, this.streamingResponseBuffer = null, this.streamingResponseTagStartPos = 0, this.streamingResponseCurrentTag = null, this.tabsBroadcastChannel = new BroadcastChannel("c7o-bot-tabs"), this.tabId = "c7o-bot-tab-" + (self.crypto?.randomUUID?.() || Math.random().toString(36).slice(2)), this.tabsBroadcastChannel.addEventListener("message", this.handleBroadcastMessage.bind(this)), console.log(`c7o: AppState: created, tabId=${this.tabId}`);
@@ -3527,7 +3527,7 @@ class R extends Kt {
         }, this.botSettingsRetryTimeout * 1e3), this.botSettingsRetryTimeout = this.botSettingsRetryTimeout * 2;
         return;
       }
-      T.info("Got bot settings - bot is enabled", o), this.disabled = !1, this.setting.welcomeMessage = o?.welcomeMessage || "How can I help ?", this.setting.disclaimerMessage = o?.disclaimerMessage && o.disclaimerMessage !== "" ? o.disclaimerMessage : null, this.setting.engageMessage = o?.engageMessage || "How can I help ?", this.setting.engageTimeout = o?.engageTimeout || 5, this.setting.splitMessagesAtBreak = "splitMessagesAtBreak" in o ? o.splitMessagesAtBreak : !1, this.setting.feedbackEnabled = "feedbackEnabled" in o ? o.feedbackEnabled : !1, this.setting.uploadImages = "uploadImages" in o ? o.uploadImages : !1, this.setting.newConversationTimeoutInSec = o?.newConversationTimeoutInSec || 86400, this.setting.enableNotificationSound = "enableNotificationSound" in o ? o.enableNotificationSound : !0, this.setting.botAdvancedSettings = o?.botAdvancedSettings ?? {}, this.setting.startFeedbackFromMessage = "startFeedbackFromMessage" in this.setting.botAdvancedSettings ? this.setting.botAdvancedSettings.startFeedbackFromMessage : 1, this.setting.enableMultiModalConnection = this.setting.botAdvancedSettings?.enableMultiModalConnection ?? !1, this.setting.enablePassContextOnConnect = this.setting.botAdvancedSettings?.enablePassContextOnConnect ?? !1, this.setting.enableShowFullDisclaimerMessage = this.setting.botAdvancedSettings?.enableShowFullDisclaimerMessage ?? !1, this.setting.fileUploadEnabledExtensions = this.setting.botAdvancedSettings?.fileUploadEnabledExtensions || ".jpeg,.jpg,.png,.pdf,.txt,.har,.zip,.mov,.mp4,.mp3", this.setting.fileUploadMaxFileSizeMB = this.setting.botAdvancedSettings?.fileUploadMaxFileSizeMB || 30, this.setting.enableAgentDisconnectedMessage = this.setting.botAdvancedSettings?.enableAgentDisconnectedMessage ?? !1, this.setting.showNewConversationOnAgentDisconnected = this.setting.botAdvancedSettings?.showNewConversationOnAgentDisconnected ?? !1, this.setting.enableMultiModalConnection ? this.setting.enableAudio = !0 : this.setting.enableAudio = !1, this.initConversation(), this.shouldEngage === "true" && setTimeout(() => {
+      T.info("Got bot settings - bot is enabled", o), this.disabled = !1, this.setting.welcomeMessage = o?.welcomeMessage || "How can I help ?", this.setting.disclaimerMessage = o?.disclaimerMessage && o.disclaimerMessage !== "" ? o.disclaimerMessage : null, this.setting.engageMessage = o?.engageMessage || "How can I help ?", this.setting.engageTimeout = o?.engageTimeout || 5, this.setting.splitMessagesAtBreak = "splitMessagesAtBreak" in o ? o.splitMessagesAtBreak : !1, this.setting.feedbackEnabled = "feedbackEnabled" in o ? o.feedbackEnabled : !1, this.setting.uploadImages = "uploadImages" in o ? o.uploadImages : !1, this.setting.newConversationTimeoutInSec = o?.newConversationTimeoutInSec || 86400, this.setting.enableNotificationSound = "enableNotificationSound" in o ? o.enableNotificationSound : !0, this.setting.botAdvancedSettings = o?.botAdvancedSettings ?? {}, this.setting.startFeedbackFromMessage = "startFeedbackFromMessage" in this.setting.botAdvancedSettings ? this.setting.botAdvancedSettings.startFeedbackFromMessage : 1, this.setting.enableMultiModalConnection = this.setting.botAdvancedSettings?.enableMultiModalConnection ?? !1, this.setting.enablePassContextOnConnect = this.setting.botAdvancedSettings?.enablePassContextOnConnect ?? !1, this.setting.enableShowFullDisclaimerMessage = this.setting.botAdvancedSettings?.enableShowFullDisclaimerMessage ?? !1, this.setting.fileUploadEnabledExtensions = this.setting.botAdvancedSettings?.fileUploadEnabledExtensions || ".jpeg,.jpg,.png,.pdf,.txt,.har,.zip,.mov,.mp4,.mp3", this.setting.fileUploadMaxFileSizeMB = this.setting.botAdvancedSettings?.fileUploadMaxFileSizeMB || 30, this.setting.enableAgentDisconnectedMessage = this.setting.botAdvancedSettings?.enableAgentDisconnectedMessage ?? !1, this.setting.showNewConversationOnAgentDisconnected = this.setting.botAdvancedSettings?.showNewConversationOnAgentDisconnected ?? !1, this.setting.engagePopupSuppressPermanently = this.setting.botAdvancedSettings?.engagePopupSuppressPermanently || 0, this.setting.enableMultiModalConnection ? this.setting.enableAudio = !0 : this.setting.enableAudio = !1, this.initConversation(), this.shouldEngage === "true" && setTimeout(() => {
         this.showEngagePopup();
       }, this.setting.engageTimeout * 1e3);
     }
@@ -3762,7 +3762,7 @@ class R extends Kt {
       T.info("form has no fields", e);
       return;
     }
-    const r = `${ne}${this.setting.botId}.${this.conversationId}.form.${i}`, o = localStorage.getItem(r);
+    const r = `${ie}${this.setting.botId}.${this.conversationId}.form.${i}`, o = localStorage.getItem(r);
     if (o) {
       let f = null;
       try {
@@ -3780,10 +3780,23 @@ class R extends Kt {
     this.form = t;
   }
   suppressEngagePopup() {
-    this.engage = !1, this.shouldEngage = "false";
+    if (this.engage = !1, this.shouldEngage = "false", this.setting.engagePopupSuppressPermanently && this.setting.engagePopupSuppressPermanently > 0) {
+      const e = Date.now();
+      localStorage.setItem(`${ie}_engagePopupSuppressed`, `${e}`), T.info(`Engage popup suppressed for ${this.setting.engagePopupSuppressPermanently} days`);
+    }
   }
   showEngagePopup() {
-    this.open || (T.info("Engaging User !"), this.engage = !0, this.playAudioNotification());
+    if (!this.open) {
+      if (this.setting.engagePopupSuppressPermanently && this.setting.engagePopupSuppressPermanently > 0) {
+        const e = Date.now(), t = this.setting.engagePopupSuppressPermanently * 24 * 60 * 60 * 1e3, i = localStorage.getItem(`${ie}_engagePopupSuppressed`);
+        if (i) {
+          const s = parseInt(i, 10);
+          if (!isNaN(s) && e - s < t)
+            return;
+        }
+      }
+      T.info("Engaging User"), this.engage = !0, this.playAudioNotification();
+    }
   }
   playAudioNotification() {
     if (!this.setting.enableNotificationSound)
@@ -4198,7 +4211,7 @@ class R extends Kt {
       T.info("submitForm: No form is active - ignored");
       return;
     }
-    const t = `${ne}${this.setting.botId}.${this.conversationId}.form.${this.form.name}`;
+    const t = `${ie}${this.setting.botId}.${this.conversationId}.form.${this.form.name}`;
     await this.sendFormData(this.form.name, e), localStorage.setItem(t, JSON.stringify(e)), "name" in e && (this.feedbackName = e.name), "email" in e && (this.feedbackEmail = e.email), this.form = null;
   }
   async sendFormData(e, t) {
@@ -4284,7 +4297,7 @@ class R extends Kt {
   }
   async uploadFiles(e) {
     if (!e?.length) return;
-    const t = b.setting.fileUploadMaxFileSizeMB || 30, i = t * 1024 * 1024, s = e?.find((v) => v.size > i);
+    const t = u.setting.fileUploadMaxFileSizeMB || 30, i = t * 1024 * 1024, s = e?.find((v) => v.size > i);
     if (s) {
       T.error(
         `File "${s.name}" exceeds the ${t} MB limit and will not be uploaded.`
@@ -4329,42 +4342,42 @@ class R extends Kt {
   }
 }
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ value: "en" })
 ], R.prototype, "language");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ value: "light" })
 ], R.prototype, "theme");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ type: Boolean, value: !1 })
 ], R.prototype, "open");
 O([
   z({ type: Boolean, value: !1 })
 ], R.prototype, "alwaysOpen");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ value: "false" })
 ], R.prototype, "connectWs");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ value: fe() })
 ], R.prototype, "conversationId");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ value: 0 })
 ], R.prototype, "lastConversationUpdate");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ type: Array, value: [] })
 ], R.prototype, "messages");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ value: 0 })
 ], R.prototype, "unreadMessages");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({
     type: Array,
     value: []
@@ -4409,7 +4422,7 @@ O([
   })
 ], R.prototype, "actions");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ type: Object, value: null })
 ], R.prototype, "form");
 O([
@@ -4431,21 +4444,21 @@ O([
   z({ type: Boolean, value: !1 })
 ], R.prototype, "connected");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ value: "true" })
 ], R.prototype, "shouldEngage");
 O([
   z({ type: Boolean, value: !1 })
 ], R.prototype, "engage");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ type: Boolean, value: !1 })
 ], R.prototype, "showNewConversation");
 O([
   z({ type: Boolean, value: !1 })
 ], R.prototype, "typingActive");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({
     type: Object,
     value: {
@@ -4469,12 +4482,13 @@ O([
       fileUploadEnabledExtensions: ".jpeg,.jpg,.png,.pdf,.txt,.har,.zip,.mov,.mp4,.mp3",
       fileUploadMaxFileSizeMB: 30,
       enableAgentDisconnectedMessage: !1,
-      showNewConversationOnAgentDisconnected: !1
+      showNewConversationOnAgentDisconnected: !1,
+      engagePopupSuppressPermanently: 0
     }
   })
 ], R.prototype, "setting");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ type: Object, value: {} })
 ], R.prototype, "context");
 O([
@@ -4508,11 +4522,11 @@ O([
   z({ type: Array, value: [] })
 ], R.prototype, "feedbackMessages");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ type: String, value: "" })
 ], R.prototype, "feedbackName");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ type: String, value: "" })
 ], R.prototype, "feedbackEmail");
 O([
@@ -4527,7 +4541,7 @@ O([
 O([
   z({ type: Boolean, value: !1 })
 ], R.prototype, "webAudioMuted");
-const b = new R(), Ls = K`
+const u = new R(), Ls = K`
   ${ke}
   :host {
     position: relative;
@@ -4663,32 +4677,32 @@ let Ot = class extends re {
   }
   */
   renderExp() {
-    return u` <header class="cb-header" part="header">
+    return b` <header class="cb-header" part="header">
       ${W(
-      b.setting.logoUrl !== "",
-      () => u`<img class="cb-header-logo" part="header-logo" src="${b.setting.logoUrl}" />`,
-      () => u`<div class="cb-header-logo" part="header-logo">${G(b.setting.logoSvg)}</div>`
+      u.setting.logoUrl !== "",
+      () => b`<img class="cb-header-logo" part="header-logo" src="${u.setting.logoUrl}" />`,
+      () => b`<div class="cb-header-logo" part="header-logo">${G(u.setting.logoSvg)}</div>`
     )}
       <div class="cb-header-title" part="header-title">${Vt(this.title)}</div>
       ${W(
-      b.alwaysOpen,
-      () => u``,
-      () => u`<div class="cb-header-close" part="header-close">${G(qs)}</div>`
+      u.alwaysOpen,
+      () => b``,
+      () => b`<div class="cb-header-close" part="header-close">${G(qs)}</div>`
     )}
     </header>`;
   }
   render() {
-    return u`<header class="cb-header" part="header">
+    return b`<header class="cb-header" part="header">
       ${W(
-      b.setting.logoUrl !== "",
-      () => u`<img class="cb-header-img" part="header-logo" src="${b.setting.logoUrl}" />`,
-      () => u`<div class="cb-header-logo" part="header-logo">${G(b.setting.logoSvg)}</div>`
+      u.setting.logoUrl !== "",
+      () => b`<img class="cb-header-img" part="header-logo" src="${u.setting.logoUrl}" />`,
+      () => b`<div class="cb-header-logo" part="header-logo">${G(u.setting.logoSvg)}</div>`
     )}
       <div class="cb-header-title" part="header-title">${this.title}</div>
       ${W(
-      b.alwaysOpen,
-      () => u`<div></div>`,
-      () => u`<div @click=${this._clickCloseHandler} class="cb-header-close" part="header-close">${G(b.setting.closeSvg)}</div>`
+      u.alwaysOpen,
+      () => b`<div></div>`,
+      () => b`<div @click=${this._clickCloseHandler} class="cb-header-close" part="header-close">${G(u.setting.closeSvg)}</div>`
     )}
     </header>`;
   }
@@ -4747,7 +4761,7 @@ let Jt = class extends re {
     super(...arguments), this.year = (/* @__PURE__ */ new Date()).getFullYear();
   }
   render() {
-    return u`
+    return b`
             <div class="cb-footer" part="footer">
                 yugasun@${this.year}
                 <a
@@ -5237,10 +5251,10 @@ let gt = class extends Fe {
     super(...arguments), this.options = [], this.minWidth = 180;
   }
   render() {
-    return u`
+    return b`
       <div class="menu" part="menu" style="min-width:${Math.max(this.minWidth, 180)}px">
         <div class="list" role="menu">
-          ${this.options.map((a, e) => u`
+          ${this.options.map((a, e) => b`
             <a
               class="item"
               role="menuitem"
@@ -5340,7 +5354,7 @@ let Ge = class extends Fe {
   }
   render() {
     const a = ["split-btn", this.variant, this.size].filter(Boolean).join(" ");
-    return u`
+    return b`
       <button
         type="button"
         class=${a}
@@ -5545,21 +5559,21 @@ let Me = class extends Fe {
   renderCard(a) {
     const { title: e, subtitle: t, image_url: i, image_alt: s, buttons: r = [] } = a, o = (a.url || "").trim(), f = (a.target || "").trim(), p = o.length > 0, v = a.info?.text, k = typeof a.info?.rating == "number" ? a.info.rating : typeof a.rating == "number" ? a.rating : void 0, w = !!v, _ = typeof k == "number", P = ["card__info", w && _ ? "card__info--between" : ""].filter(Boolean).join(" "), E = r.some((N) => (N.type ?? "").toLowerCase() === "primary"), M = r.some((N) => (N.type ?? "").toLowerCase() === "secondary"), L = ["card__actions", E && M ? "card__actions--between" : ""].filter(Boolean).join(" "), C = () => {
       if (!i) return Ae;
-      const N = u`<img class="card__image" src=${i} alt=${s ?? e ?? "Image"} draggable="false" />`;
-      return p ? u`<a class="card__image-link" href=${o} target=${f || "_blank"} rel="noopener noreferrer" draggable="false" aria-label=${e ? `Open: ${e}` : "Open"}>${N}</a>` : N;
-    }, Z = () => e ? p && !i ? u`<h3 class="card__title"><a class="card__title-link" href=${o} target=${f || "_blank"} rel="noopener noreferrer" draggable="false">${e}</a></h3>` : u`<h3 class="card__title">${e}</h3>` : Ae;
-    return u`
+      const N = b`<img class="card__image" src=${i} alt=${s ?? e ?? "Image"} draggable="false" />`;
+      return p ? b`<a class="card__image-link" href=${o} target=${f || "_blank"} rel="noopener noreferrer" draggable="false" aria-label=${e ? `Open: ${e}` : "Open"}>${N}</a>` : N;
+    }, Z = () => e ? p && !i ? b`<h3 class="card__title"><a class="card__title-link" href=${o} target=${f || "_blank"} rel="noopener noreferrer" draggable="false">${e}</a></h3>` : b`<h3 class="card__title">${e}</h3>` : Ae;
+    return b`
       <div class="card" role="group" aria-label=${e ? `Card: ${e}` : "Card"}>
         ${C()}
         <div class="card__content">
           ${Z()}
-          ${t ? u`<div class="card__subtitle">${t}</div>` : Ae}
-          ${w || _ ? u`
+          ${t ? b`<div class="card__subtitle">${t}</div>` : Ae}
+          ${w || _ ? b`
             <div class=${P}>
-              ${w ? u`<div class="card__info-text">${v}</div>` : Ae}
+              ${w ? b`<div class="card__info-text">${v}</div>` : Ae}
               ${_ ? this.renderRating(k) : Ae}
             </div>` : Ae}
-          ${r.length ? u`
+          ${r.length ? b`
             <div class=${L}>
               ${r.map((N, X) => this.renderAnyButton(N, X))}
             </div>` : Ae}
@@ -5573,7 +5587,7 @@ let Me = class extends Fe {
   }
   renderSingleButton(a) {
     const t = `card-btn ${(a.type ?? "primary").toLowerCase() === "secondary" ? "secondary" : "primary"}`, i = a.text || "Open";
-    return a.url ? u`
+    return a.url ? b`
         <a
           class=${t}
           href=${a.url}
@@ -5583,7 +5597,7 @@ let Me = class extends Fe {
           @click=${() => this.emitButtonClick(a)}
           @pointerdown=${(s) => s.stopPropagation()}
         >${i}</a>
-      ` : u`
+      ` : b`
       <button
         type="button"
         class=${t}
@@ -5594,7 +5608,7 @@ let Me = class extends Fe {
   }
   renderSplitButton(a, e) {
     const t = (a.type ?? "primary").toLowerCase();
-    return u`
+    return b`
       <cb-split-button
         .label=${a.text || "Select"}
         .variant=${t}
@@ -5610,7 +5624,7 @@ let Me = class extends Fe {
   /* ----------------- Rating ----------------- */
   renderRating(a) {
     const e = Math.max(0, Math.min(5, a)), t = [0, 1, 2, 3, 4].map((i) => Math.max(0, Math.min(1, e - i)));
-    return u`<div class="rating" aria-label="${e} out of 5 stars">
+    return b`<div class="rating" aria-label="${e} out of 5 stars">
       <span class="stars">${t.map((i) => this.renderStar(i))}</span>
     </div>`;
   }
@@ -5620,7 +5634,7 @@ let Me = class extends Fe {
       -webkit-mask: linear-gradient(to right, #000 0, #000 ${t}, transparent ${t}, transparent 100%);
       mask: linear-gradient(to right, #000 0, #000 ${t}, transparent ${t}, transparent 100%);
     `;
-    return u`
+    return b`
       <span class="star" role="img" aria-label="${e.toFixed(2)} filled">
         <svg class="star__base" viewBox="0 0 16 16" aria-hidden="true"><path d="${$a}"/></svg>
         <div class="star__fill" style="${s}">
@@ -5632,7 +5646,7 @@ let Me = class extends Fe {
   /* ----------------- Carousel ----------------- */
   renderCarouselSimple(a) {
     const e = Array.isArray(a.items) ? a.items : [], t = Math.max(1, a.slidesPerPage || 1), i = t > 1 ? `width: calc((100% - ${(t - 1) * 0.75}em) / ${t}); max-width: none;` : "";
-    return u`
+    return b`
       <div class="hc-wrapper">
         <button
           type="button"
@@ -5643,7 +5657,7 @@ let Me = class extends Fe {
         >&#x276E;</button>
 
         <div class="horizontal-carousel" @scroll=${this.onCarouselScroll}>
-          ${e.map((s) => u`
+          ${e.map((s) => b`
             <div class="horizontal-carousel__item" style=${i}>
               <cb-block .block=${s}></cb-block>
             </div>
@@ -5708,7 +5722,7 @@ let Me = class extends Fe {
     }
   }
   renderUnknown(a) {
-    return u`<div class="unknown">Unknown block type: <code>${a?.type ?? "—"}</code></div>`;
+    return b`<div class="unknown">Unknown block type: <code>${a?.type ?? "—"}</code></div>`;
   }
   /* ----------------- handle clicks ----------------- */
   emitButtonClick(a) {
@@ -5793,9 +5807,9 @@ let Bt = class extends Fe {
     super(...arguments), this.blocks = [];
   }
   render() {
-    return !this.blocks || this.blocks.length === 0 ? Ae : u`
+    return !this.blocks || this.blocks.length === 0 ? Ae : b`
       <div class="stack">
-        ${this.blocks.map((a) => u`<cb-block .block=${a}></cb-block>`)}
+        ${this.blocks.map((a) => b`<cb-block .block=${a}></cb-block>`)}
       </div>
     `;
   }
@@ -5868,16 +5882,16 @@ function Js() {
         return n;
       }
       function v(n, c) {
-        if ((U(n) || n === window || n === document) && (n = [n]), Pe(n) || Ve(n) || (n = [n]), ua(n) != 0) {
+        if ((U(n) || n === window || n === document) && (n = [n]), Pe(n) || Ve(n) || (n = [n]), ba(n) != 0) {
           if (Pe(n) && !Ve(n)) for (var l = n.length, d = 0; d < l && c.call(n[d], n[d], d, n) !== !1; d++) ;
           else if (Ve(n)) {
-            for (var h in n) if (ie(n, h) && c.call(n[h], n[h], h, n) === !1) break;
+            for (var h in n) if (se(n, h) && c.call(n[h], n[h], h, n) === !1) break;
           }
         }
       }
       function k(n) {
         var c = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null, l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null, d = n[f] = n[f] || [], h = { all: d, evt: null, found: null };
-        return c && l && ua(d) > 0 && v(d, (function(m, g) {
+        return c && l && ba(d) > 0 && v(d, (function(m, g) {
           if (m.eventName == c && m.fn.toString() == l.toString()) return h.found = !0, h.evt = g, !1;
         })), h;
       }
@@ -5962,7 +5976,7 @@ function Js() {
         }
       }
       function he(n, c, l) {
-        if (be(n)) console.error("Inject assets error");
+        if (ue(n)) console.error("Inject assets error");
         else if (j(c) && (l = c, c = !1), H(c) && c in window) j(l) && l();
         else {
           var d;
@@ -6016,17 +6030,17 @@ function Js() {
       function Ve(n) {
         return o(n) === "object" && n != null && !j(n) && !$e(n);
       }
-      function be(n) {
+      function ue(n) {
         return n == null;
       }
-      function ie(n, c) {
+      function se(n, c) {
         return n !== null && hasOwnProperty.call(n, c);
       }
-      function ua(n) {
+      function ba(n) {
         if (Ve(n)) {
           if (n.keys) return n.keys().length;
           var c = 0;
-          for (var l in n) ie(n, l) && c++;
+          for (var l in n) se(n, l) && c++;
           return c;
         }
         return n.length;
@@ -6173,7 +6187,7 @@ function Js() {
         var h = n.querySelector(".gslide-media"), m = new Image(), g = "gSlideTitle_" + l, y = "gSlideDesc_" + l;
         m.addEventListener("load", (function() {
           j(d) && d();
-        }), !1), m.src = c.href, c.sizes != "" && c.srcset != "" && (m.sizes = c.sizes, m.srcset = c.srcset), m.alt = "", be(c.alt) || c.alt === "" || (m.alt = c.alt), c.title !== "" && m.setAttribute("aria-labelledby", g), c.description !== "" && m.setAttribute("aria-describedby", y), c.hasOwnProperty("_hasCustomWidth") && c._hasCustomWidth && (m.style.width = c.width), c.hasOwnProperty("_hasCustomHeight") && c._hasCustomHeight && (m.style.height = c.height), h.insertBefore(m, h.firstChild);
+        }), !1), m.src = c.href, c.sizes != "" && c.srcset != "" && (m.sizes = c.sizes, m.srcset = c.srcset), m.alt = "", ue(c.alt) || c.alt === "" || (m.alt = c.alt), c.title !== "" && m.setAttribute("aria-labelledby", g), c.description !== "" && m.setAttribute("aria-describedby", y), c.hasOwnProperty("_hasCustomWidth") && c._hasCustomWidth && (m.style.width = c.width), c.hasOwnProperty("_hasCustomHeight") && c._hasCustomHeight && (m.style.height = c.height), h.insertBefore(m, h.firstChild);
       }
       function _i(n, c, l, d) {
         var h = this, m = n.querySelector(".ginner-container"), g = "gvideo" + l, y = n.querySelector(".gslide-media"), A = this.getAllPlayers();
@@ -6189,9 +6203,9 @@ function Js() {
           }
           var D = B || X('<div id="'.concat(g, '" data-plyr-provider="').concat($, '" data-plyr-embed-id="').concat(I, '"></div>'));
           _(S, "".concat($, "-video gvideo")), S.appendChild(D), S.setAttribute("data-id", g), S.setAttribute("data-index", l);
-          var ee = ie(h.settings.plyr, "config") ? h.settings.plyr.config : {}, me = new Plyr("#" + g, ee);
-          me.on("ready", (function(ue) {
-            A[g] = ue.detail.plyr, j(d) && d();
+          var ee = se(h.settings.plyr, "config") ? h.settings.plyr.config : {}, me = new Plyr("#" + g, ee);
+          me.on("ready", (function(be) {
+            A[g] = be.detail.plyr, j(d) && d();
           })), ae((function() {
             return n.querySelector("iframe") && n.querySelector("iframe").dataset.ready == "true";
           }), (function() {
@@ -6204,7 +6218,7 @@ function Js() {
         n.type === "enterfullscreen" && _(c, "fullscreen"), n.type === "exitfullscreen" && P(c, "fullscreen");
       }
       function Si(n, c, l, d) {
-        var h, m = this, g = n.querySelector(".gslide-media"), y = !(!ie(c, "href") || !c.href) && c.href.split("#").pop().trim(), A = !(!ie(c, "content") || !c.content) && c.content;
+        var h, m = this, g = n.querySelector(".gslide-media"), y = !(!se(c, "href") || !c.href) && c.href.split("#").pop().trim(), A = !(!se(c, "content") || !c.content) && c.content;
         if (A && (H(A) && (h = X('<div class="ginlined-content">'.concat(A, "</div>"))), U(A))) {
           A.style.display == "none" && (A.style.display = "block");
           var S = document.createElement("div");
@@ -6239,32 +6253,32 @@ function Js() {
       } }, { key: "parseConfig", value: function(n, c) {
         var l = this, d = p({ descPosition: c.descPosition }, this.defaults);
         if (Ve(n) && !U(n)) {
-          ie(n, "type") || (ie(n, "content") && n.content ? n.type = "inline" : ie(n, "href") && (n.type = this.sourceType(n.href)));
+          se(n, "type") || (se(n, "content") && n.content ? n.type = "inline" : se(n, "href") && (n.type = this.sourceType(n.href)));
           var h = p(d, n);
           return this.setSize(h, c), h;
         }
         var m = "", g = n.getAttribute("data-glightbox"), y = n.nodeName.toLowerCase();
         if (y === "a" && (m = n.href), y === "img" && (m = n.src, d.alt = n.alt), d.href = m, v(d, (function(q, D) {
-          ie(c, D) && D !== "width" && (d[D] = c[D]);
+          se(c, D) && D !== "width" && (d[D] = c[D]);
           var ee = n.dataset[D];
-          be(ee) || (d[D] = l.sanitizeValue(ee));
-        })), d.content && (d.type = "inline"), !d.type && m && (d.type = this.sourceType(m)), be(g)) {
+          ue(ee) || (d[D] = l.sanitizeValue(ee));
+        })), d.content && (d.type = "inline"), !d.type && m && (d.type = this.sourceType(m)), ue(g)) {
           if (!d.title && y == "a") {
             var A = n.title;
-            be(A) || A === "" || (d.title = A);
+            ue(A) || A === "" || (d.title = A);
           }
           if (!d.title && y == "img") {
             var S = n.alt;
-            be(S) || S === "" || (d.title = S);
+            ue(S) || S === "" || (d.title = S);
           }
         } else {
           var I = [];
           v(d, (function(q, D) {
             I.push(";\\s?" + D);
           })), I = I.join("\\s?:|"), g.trim() !== "" && v(d, (function(q, D) {
-            var ee = g, me = new RegExp("s?" + D + "s?:s?(.*?)(" + I + "s?:|$)"), ue = ee.match(me);
-            if (ue && ue.length && ue[1]) {
-              var Le = ue[1].trim().replace(/;\s*$/, "");
+            var ee = g, me = new RegExp("s?" + D + "s?:s?(.*?)(" + I + "s?:|$)"), be = ee.match(me);
+            if (be && be.length && be[1]) {
+              var Le = be[1].trim().replace(/;\s*$/, "");
               d[D] = l.sanitizeValue(Le);
             }
           }));
@@ -6285,7 +6299,7 @@ function Js() {
         return this.setSize(d, c, n), this.slideConfig = d, d;
       } }, { key: "setSize", value: function(n, c) {
         var l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null, d = n.type == "video" ? this.checkSize(c.videosWidth) : this.checkSize(c.width), h = this.checkSize(c.height);
-        return n.width = ie(n, "width") && n.width !== "" ? this.checkSize(n.width) : d, n.height = ie(n, "height") && n.height !== "" ? this.checkSize(n.height) : h, l && n.type == "image" && (n._hasCustomWidth = !!l.dataset.width, n._hasCustomHeight = !!l.dataset.height), n;
+        return n.width = se(n, "width") && n.width !== "" ? this.checkSize(n.width) : d, n.height = se(n, "height") && n.height !== "" ? this.checkSize(n.height) : h, l && n.type == "image" && (n._hasCustomWidth = !!l.dataset.width, n._hasCustomHeight = !!l.dataset.height), n;
       } }, { key: "checkSize", value: function(n) {
         return xt(n) ? "".concat(n, "px") : n;
       } }, { key: "sanitizeValue", value: function(n) {
@@ -6445,7 +6459,7 @@ function Js() {
       }
       function Ei(n) {
         if (n.events.hasOwnProperty("touch")) return !1;
-        var c, l, d, h = te(), m = h.width, g = h.height, y = !1, A = null, S = null, I = null, $ = !1, B = 1, q = 1, D = !1, ee = !1, me = null, ue = null, Le = null, oe = null, Re = 0, ze = 0, ht = !1, rt = !1, _e = {}, Se = {}, xa = 0, ka = 0, Li = document.getElementById("glightbox-slider"), St = document.querySelector(".goverlay"), Ri = new Ii(Li, { touchStart: function(Y) {
+        var c, l, d, h = te(), m = h.width, g = h.height, y = !1, A = null, S = null, I = null, $ = !1, B = 1, q = 1, D = !1, ee = !1, me = null, be = null, Le = null, oe = null, Re = 0, ze = 0, ht = !1, rt = !1, _e = {}, Se = {}, xa = 0, ka = 0, Li = document.getElementById("glightbox-slider"), St = document.querySelector(".goverlay"), Ri = new Ii(Li, { touchStart: function(Y) {
           if (y = !0, (E(Y.targetTouches[0].target, "ginner-container") || M(Y.targetTouches[0].target, ".gslide-desc") || Y.targetTouches[0].target.nodeName.toLowerCase() == "a") && (y = !1), M(Y.targetTouches[0].target, ".gslide-inline") && !E(Y.targetTouches[0].target.parentNode, "gslide-inline") && (y = !1), y) {
             if (Se = Y.targetTouches[0], _e.pageX = Y.targetTouches[0].pageX, _e.pageY = Y.targetTouches[0].pageY, xa = Y.targetTouches[0].clientX, ka = Y.targetTouches[0].clientY, A = n.activeSlide, S = A.querySelector(".gslide-media"), d = A.querySelector(".gslide-inline"), I = null, E(S, "gslide-image") && (I = S.querySelector("img")), (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) > 769 && (S = A.querySelector(".ginner-container")), P(St, "greset"), Y.pageX > 20 && Y.pageX < window.innerWidth - 20) return;
             Y.preventDefault();
@@ -6463,7 +6477,7 @@ function Js() {
           }
         }, touchEnd: function() {
           if (y) {
-            if ($ = !1, ee || D) return Le = me, void (oe = ue);
+            if ($ = !1, ee || D) return Le = me, void (oe = be);
             var Y = Math.abs(parseInt(ze)), de = Math.abs(parseInt(Re));
             if (!(Y > 29 && I)) return Y < 29 && de < 25 ? (_(St, "greset"), St.style.opacity = 1, Nt(S)) : void 0;
             n.close();
@@ -6478,12 +6492,12 @@ function Js() {
           if (!I || $) return !1;
           D = !0, I.scaleX = I.scaleY = B * Y.zoom;
           var de = B * Y.zoom;
-          if (ee = !0, de <= 1) return ee = !1, de = 1, oe = null, Le = null, me = null, ue = null, void I.setAttribute("style", "");
+          if (ee = !0, de <= 1) return ee = !1, de = 1, oe = null, Le = null, me = null, be = null, void I.setAttribute("style", "");
           de > 4.5 && (de = 4.5), I.style.transform = "scale3d(".concat(de, ", ").concat(de, ", 1)"), q = de;
         }, pressMove: function(Y) {
           if (ee && !D) {
             var de = Se.pageX - _e.pageX, Ue = Se.pageY - _e.pageY;
-            Le && (de += Le), oe && (Ue += oe), me = de, ue = Ue;
+            Le && (de += Le), oe && (Ue += oe), me = de, be = Ue;
             var Ct = "translate3d(".concat(de, "px, ").concat(Ue, "px, 0)");
             q && (Ct += " scale3d(".concat(q, ", ").concat(q, ", 1)")), C(I, Ct);
           }
@@ -6539,7 +6553,7 @@ function Js() {
         var l = xt(c) ? c : this.settings.startAt;
         if (U(n)) {
           var d = n.getAttribute("data-gallery");
-          d && (this.fullElementsList = this.elements, this.elements = this.getGalleryElements(this.elements, d)), be(l) && (l = this.getElementIndex(n)) < 0 && (l = 0);
+          d && (this.fullElementsList = this.elements, this.elements = this.getGalleryElements(this.elements, d)), ue(l) && (l = this.getElementIndex(n)) < 0 && (l = 0);
         }
         xt(l) || (l = 0), this.build(), L(this.overlay, this.settings.openEffect === "none" ? "none" : this.settings.cssEfects.fade.in);
         var h = document.body, m = window.innerWidth - document.documentElement.clientWidth;
@@ -6568,7 +6582,7 @@ function Js() {
         this.slideDescription = h.querySelector(".gslide-description"), this.slideDescriptionContained = this.slideDescription && E(this.slideDescription.parentNode, "gslide-media"), this.settings.preload && (this.preloadSlide(c + 1), this.preloadSlide(c - 1)), this.updateNavigationClasses(), this.activeSlide = h;
       } }, { key: "preloadSlide", value: function(n) {
         var c = this;
-        if (n < 0 || n > this.elements.length - 1 || be(this.elements[n])) return !1;
+        if (n < 0 || n > this.elements.length - 1 || ue(this.elements[n])) return !1;
         var l = this.slidesContainer.querySelectorAll(".gslide")[n];
         if (E(l, "loaded")) return !1;
         var d = this.elements[n], h = d.type, m = { index: n, slide: l, slideNode: l, slideConfig: d.slideConfig, slideIndex: n, trigger: d.node, player: null };
@@ -6608,7 +6622,7 @@ function Js() {
         var c = this.slidesContainer && this.slidesContainer.querySelectorAll(".gslide")[n];
         c && (this.getActiveSlideIndex() == n && (n == this.elements.length - 1 ? this.prevSlide() : this.nextSlide()), c.parentNode.removeChild(c)), this.elements.splice(n, 1), this.trigger("slide_removed", n), j(this.settings.slideRemoved) && this.settings.slideRemoved(n);
       } }, { key: "slideAnimateIn", value: function(n, c) {
-        var l = this, d = n.querySelector(".gslide-media"), h = n.querySelector(".gslide-description"), m = { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlide, slideConfig: be(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: be(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, g = { 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) };
+        var l = this, d = n.querySelector(".gslide-media"), h = n.querySelector(".gslide-description"), m = { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlide, slideConfig: ue(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: ue(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, g = { 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 && h && (N(h), h.style.display = ""), P(n, this.effectsClasses), c) L(n, this.settings.cssEfects[this.settings.openEffect].in, (function() {
           l.settings.autoplayVideos && l.slidePlayerPlay(n), l.trigger("slide_changed", { prev: m, current: g }), j(l.settings.afterSlideChange) && l.settings.afterSlideChange.apply(l, [m, g]);
         }));
@@ -6626,7 +6640,7 @@ function Js() {
         var n = this.prevActiveSlide;
         P(n, this.effectsClasses), _(n, "prev");
         var c = this.settings.slideEffect, l = c !== "none" ? this.settings.cssEfects[c].out : c;
-        this.slidePlayerPause(n), this.trigger("slide_before_change", { prev: { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlideIndex, slideConfig: be(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: be(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, current: { index: this.index, slide: this.activeSlide, slideNode: this.activeSlide, slideIndex: this.index, slideConfig: this.elements[this.index].slideConfig, trigger: this.elements[this.index].node, player: this.getSlidePlayerInstance(this.index) } }), j(this.settings.beforeSlideChange) && this.settings.beforeSlideChange.apply(this, [{ index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, { index: this.index, slide: this.activeSlide, player: this.getSlidePlayerInstance(this.index) }]), this.prevActiveSlideIndex > this.index && this.settings.slideEffect == "slide" && (l = this.settings.cssEfects.slideBack.out), L(n, l, (function() {
+        this.slidePlayerPause(n), this.trigger("slide_before_change", { prev: { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlideIndex, slideConfig: ue(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: ue(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, current: { index: this.index, slide: this.activeSlide, slideNode: this.activeSlide, slideIndex: this.index, slideConfig: this.elements[this.index].slideConfig, trigger: this.elements[this.index].node, player: this.getSlidePlayerInstance(this.index) } }), j(this.settings.beforeSlideChange) && this.settings.beforeSlideChange.apply(this, [{ index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, { index: this.index, slide: this.activeSlide, player: this.getSlidePlayerInstance(this.index) }]), this.prevActiveSlideIndex > this.index && this.settings.slideEffect == "slide" && (l = this.settings.cssEfects.slideBack.out), L(n, l, (function() {
           var d = n.querySelector(".ginner-container"), h = n.querySelector(".gslide-media"), m = n.querySelector(".gslide-description");
           d.style.transform = "", h.style.transform = "", P(h, "greset"), h.style.opacity = "", m && (m.style.opacity = ""), P(n, "prev");
         }));
@@ -6634,7 +6648,7 @@ function Js() {
         return this.videoPlayers;
       } }, { key: "getSlidePlayerInstance", value: function(n) {
         var c = "gvideo" + n, l = this.getAllPlayers();
-        return !(!ie(l, c) || !l[c]) && l[c];
+        return !(!se(l, c) || !l[c]) && l[c];
       } }, { key: "stopSlideVideo", value: function(n) {
         if (U(n)) {
           var c = n.querySelector(".gvideo-wrapper");
@@ -6682,11 +6696,11 @@ function Js() {
       } }, { key: "getElementIndex", value: function(n) {
         var c = !1;
         return v(this.elements, (function(l, d) {
-          if (ie(l, "node") && l.node == n) return c = d, !0;
+          if (se(l, "node") && l.node == n) return c = d, !0;
         })), c;
       } }, { key: "getElements", value: function() {
         var n = this, c = [];
-        this.elements = this.elements ? this.elements : [], !be(this.settings.elements) && $e(this.settings.elements) && this.settings.elements.length && v(this.settings.elements, (function(d, h) {
+        this.elements = this.elements ? this.elements : [], !ue(this.settings.elements) && $e(this.settings.elements) && this.settings.elements.length && v(this.settings.elements, (function(d, h) {
           var m = new kt(d, n, h), g = m.getConfig(), y = p({}, g);
           y.node = !1, y.index = h, y.instance = m, y.slideConfig = g, c.push(y);
         }));
@@ -6719,7 +6733,7 @@ function Js() {
         v(c, (function(S) {
           S.parentNode == document.body && S.nodeName.charAt(0) !== "#" && S.hasAttribute && !S.hasAttribute("aria-hidden") && (l.push(S), S.setAttribute("aria-hidden", "true"));
         }));
-        var d = ie(this.settings.svg, "next") ? this.settings.svg.next : "", h = ie(this.settings.svg, "prev") ? this.settings.svg.prev : "", m = ie(this.settings.svg, "close") ? this.settings.svg.close : "", g = this.settings.lightboxHTML;
+        var d = se(this.settings.svg, "next") ? this.settings.svg.next : "", h = se(this.settings.svg, "prev") ? this.settings.svg.prev : "", m = se(this.settings.svg, "close") ? this.settings.svg.close : "", g = this.settings.lightboxHTML;
         g = X(g = (g = (g = g.replace(/{nextSVG}/g, d)).replace(/{prevSVG}/g, h)).replace(/{closeSVG}/g, m)), document.body.appendChild(g);
         var y = document.getElementById("glightbox-body");
         this.modal = y;
@@ -6751,10 +6765,10 @@ function Js() {
               }
             }
             if (l) {
-              var D = ie(this.settings.plyr.config, "ratio") ? this.settings.plyr.config.ratio : "";
+              var D = se(this.settings.plyr.config, "ratio") ? this.settings.plyr.config.ratio : "";
               if (!D) {
-                var ee = l.clientWidth, me = l.clientHeight, ue = ee / me;
-                D = "".concat(ee / ue, ":").concat(me / ue);
+                var ee = l.clientWidth, me = l.clientHeight, be = ee / me;
+                D = "".concat(ee / be, ":").concat(me / be);
               }
               var Le = D.split(":"), oe = this.settings.videosWidth, Re = this.settings.videosWidth, ze = (Re = xt(oe) || oe.indexOf("px") !== -1 ? parseInt(oe) : oe.indexOf("vw") !== -1 ? m * parseInt(oe) / 100 : oe.indexOf("vh") !== -1 ? g * parseInt(oe) / 100 : oe.indexOf("%") !== -1 ? m * parseInt(oe) / 100 : parseInt(l.clientWidth)) / (parseInt(Le[0]) / parseInt(Le[1]));
               if (ze = Math.floor(ze), y && (g -= h.offsetHeight), Re > m || ze > g || g < ze && m > Re) {
@@ -6770,8 +6784,8 @@ function Js() {
         var n = this.loop();
         P(this.nextButton, "disabled"), P(this.prevButton, "disabled"), this.index == 0 && this.elements.length - 1 == 0 ? (_(this.prevButton, "disabled"), _(this.nextButton, "disabled")) : this.index !== 0 || n ? this.index !== this.elements.length - 1 || n || _(this.nextButton, "disabled") : _(this.prevButton, "disabled");
       } }, { key: "loop", value: function() {
-        var n = ie(this.settings, "loopAtEnd") ? this.settings.loopAtEnd : null;
-        return n = ie(this.settings, "loop") ? this.settings.loop : n, n;
+        var n = se(this.settings, "loopAtEnd") ? this.settings.loopAtEnd : null;
+        return n = se(this.settings, "loop") ? this.settings.loop : n, n;
       } }, { key: "close", value: function() {
         var n = this;
         if (!this.lightboxOpen) {
@@ -6831,7 +6845,7 @@ var en = Object.getOwnPropertyDescriptor, tn = (a, e, t, i) => {
 };
 let Zt = class extends Fe {
   render() {
-    return u` <div class="cb-thinking"><span></span><span></span><span></span></div>`;
+    return b` <div class="cb-thinking"><span></span><span></span><span></span></div>`;
   }
 };
 Zt.styles = K`
@@ -6885,13 +6899,13 @@ let qt = class extends re {
     super(...arguments), this.files = [];
   }
   render() {
-    return u` <div class="cb-uploading">
+    return b` <div class="cb-uploading">
       <div class="cb-uploading__title">
         <sl-spinner class="cb-spinner"></sl-spinner>
         <span>Uploading...</span>
       </div>
       <div class="cb-uploading__filelist">
-        ${this.files.map((a) => u`${a.name}<br />`)}
+        ${this.files.map((a) => b`${a.name}<br />`)}
       </div>
     </div>`;
   }
@@ -6951,7 +6965,7 @@ let mt = class extends Fe {
     super(...arguments), this.url = "", this.inverse = !1;
   }
   render() {
-    return u`
+    return b`
             <a
                 class="
                     cb-external-link link__item
@@ -7000,7 +7014,7 @@ ca([
 mt = ca([
   J("cb-external-link")
 ], mt);
-const cn = '<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>', ln = '<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>', dn = '<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>', fn = '<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>', hn = '<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>', bn = '<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>', un = '<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>';
+const cn = '<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>', ln = '<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>', dn = '<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>', fn = '<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>', hn = '<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>', un = '<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>', bn = '<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 pn = Object.defineProperty, gn = Object.getOwnPropertyDescriptor, la = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? gn(e, t) : e, r = a.length - 1, o; r >= 0; r--)
     (o = a[r]) && (s = (i ? o(e, t, s) : o(s)) || s);
@@ -7012,8 +7026,8 @@ const La = {
   md: dn,
   csv: fn,
   ppd: hn,
-  doc: bn,
-  docx: un
+  doc: un,
+  docx: bn
 };
 let yt = class extends re {
   constructor() {
@@ -7026,7 +7040,7 @@ let yt = class extends re {
     return e ? e.toLowerCase() : "txt";
   }
   render() {
-    return u`
+    return b`
             <cb-external-link url="${this.url}" inverse>
                 <div class="cb-file">
                     ${this.renderFileIcon()}
@@ -7036,7 +7050,7 @@ let yt = class extends re {
         `;
   }
   renderFileIcon() {
-    return u`
+    return b`
             <cb-icon
                 class="cb-file-icon"
                 svg="${La[this.type] || La.txt}"
@@ -8532,7 +8546,7 @@ function wn() {
 }
 async function Qt(a) {
   const t = wn().render(a);
-  return u`${G(t)}`;
+  return b`${G(t)}`;
 }
 var xn = Object.defineProperty, kn = Object.getOwnPropertyDescriptor, nt = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? kn(e, t) : e, r = a.length - 1, o; r >= 0; r--)
@@ -8541,7 +8555,7 @@ var xn = Object.defineProperty, kn = Object.getOwnPropertyDescriptor, nt = (a, e
 };
 let De = class extends re {
   constructor() {
-    super(...arguments), this.store = new it(this, b), this.type = "assistant", this.suppressFeedback = !1, this.lightbox = Qs({
+    super(...arguments), this.store = new it(this, u), this.type = "assistant", this.suppressFeedback = !1, this.lightbox = Qs({
       touchNavigation: !0,
       loop: !0,
       autoplayVideos: !0,
@@ -8625,11 +8639,11 @@ let De = class extends re {
       return this.renderInfoMessage(this.message);
     if (this.message?.type === "blocks") {
       const a = this.message?.data?.blocks ?? [];
-      return u`<cb-blocks .blocks=${a}></cb-blocks>`;
+      return b`<cb-blocks .blocks=${a}></cb-blocks>`;
     }
     return W(
       this.message.data || this.message.isThinking,
-      () => u`
+      () => b`
         <div class="cb-message-row" part="bot-message">
           <!-- message -->
           ${W(
@@ -8643,7 +8657,7 @@ let De = class extends re {
     );
   }
   renderButtons(a = "left") {
-    return u`<div class="cb-message__buttons ${a}">
+    return b`<div class="cb-message__buttons ${a}">
       <!-- delete button -->
       <sl-button class="cb-message__delete-button" name="trash" @click=${this._removeMessageHandler} circle variant="text" size="small">
         <cb-icon svg="${mn}" style="font-size: 1em !important;"></cb-icon>
@@ -8651,7 +8665,7 @@ let De = class extends re {
     </div>`;
   }
   renderInfoMessage(a) {
-    return u`
+    return b`
     <div class="cb-message cb-bot-message-wrapper" part="cb-message">
     <div class="avatar info-avatar xsmall" part="info-avatar" style="margin-top:4px;">${this.renderInfoMessageAvatar(a)}</div>
       <div
@@ -8663,7 +8677,7 @@ let De = class extends re {
       >
         <div class="cb-message-text">
           ${Pt(
-      this._getMessageText(a).then((e) => u`${e}`)
+      this._getMessageText(a).then((e) => b`${e}`)
     )}
         </div>
       </div>
@@ -8672,10 +8686,10 @@ let De = class extends re {
   }
   renderInfoMessageAvatar(a) {
     const e = a.data?.userAvatar || "";
-    return e !== "" ? u` <img src="${e}" style="width: 24px;height: 24px;" /> ` : pe`${G(b.setting.infoIconSvg)}`;
+    return e !== "" ? b` <img src="${e}" style="width: 24px;height: 24px;" /> ` : pe`${G(u.setting.infoIconSvg)}`;
   }
   renderMessage(a, e = "bot-message-content") {
-    return u`
+    return b`
       <div
         class="cb-message__content
                ${a.author}-message
@@ -8692,48 +8706,48 @@ let De = class extends re {
     return Qt(Vt(a.data.text));
   }
   renderMessageContent(a) {
-    return a.isThinking ? u`<cb-thinking></cb-thinking>` : a.isUploading ? u`<cb-uploading .files="${a.data.files || []}"></cb-uploading>` : a.type === "text" ? u`<div class="cb-message-text">
+    return a.isThinking ? b`<cb-thinking></cb-thinking>` : a.isUploading ? b`<cb-uploading .files="${a.data.files || []}"></cb-uploading>` : a.type === "text" ? b`<div class="cb-message-text">
         ${W(
       a.data.userName,
-      () => u`<div class="assistant-message-user-name">${a.data.userName}</div>`,
+      () => b`<div class="assistant-message-user-name">${a.data.userName}</div>`,
       () => null
     )}
         ${Pt(
-      this._getMessageText(a).then((e) => u`${e}`)
+      this._getMessageText(a).then((e) => b`${e}`)
     )}
-      </div>` : a.type === "file" ? u`${et(
+      </div>` : a.type === "file" ? b`${et(
       a.data.files || [],
       (e) => e.id,
-      (e) => u`<cb-file filename="${e.name}" url="${e.url}"></cb-file>`
-    )}` : a.type === "upload" ? u`${et(
+      (e) => b`<cb-file filename="${e.name}" url="${e.url}"></cb-file>`
+    )}` : a.type === "upload" ? b`${et(
       a.data.uploadedFiles || [],
       (e) => e.name,
-      (e) => u`<div>${e.name}</div>`
-    )}` : u`<div class="cb-message-text">
+      (e) => b`<div>${e.name}</div>`
+    )}` : b`<div class="cb-message-text">
       ${Pt(
-      Qt(a.data.text?.toString() || "").then((e) => u`${e}`)
+      Qt(a.data.text?.toString() || "").then((e) => b`${e}`)
     )}
     </div>`;
   }
   renderMessageUploads(a) {
     if (a.type === "upload")
-      return u`<div class="user-message-uploads">
+      return b`<div class="user-message-uploads">
       ${et(
         a.data.uploadedFiles || [],
         (e) => e.name,
-        (e) => (e?.type || "").startsWith("image/") ? u`<img src="data:${e.type};base64,${e.base64}" alt="${e.name}" />` : null
+        (e) => (e?.type || "").startsWith("image/") ? b`<img src="data:${e.type};base64,${e.base64}" alt="${e.name}" />` : null
       )}
     </div>`;
   }
   renderBotMessageAvatar(a) {
     if (a.data.userName && a.data.userName !== "") {
       const e = a.data?.userAvatar || "";
-      return e !== "" ? u` <img src="${e}" style="width: 24px;height: 24px;" /> ` : pe`${G(b.setting.agentIconSvg)}`;
+      return e !== "" ? b` <img src="${e}" style="width: 24px;height: 24px;" /> ` : pe`${G(u.setting.agentIconSvg)}`;
     }
-    return a.author === "system" ? pe`${G(b.setting.systemIconSvg)}` : pe`${G(b.setting.botIconSvg)}`;
+    return a.author === "system" ? pe`${G(u.setting.systemIconSvg)}` : pe`${G(u.setting.botIconSvg)}`;
   }
   renderBotMessage(a) {
-    return u`
+    return b`
       <div class="cb-message cb-bot-message-wrapper" part="cb-message">
         <div class="avatar assistant-avatar xsmall" part="assistant-avatar" style="margin-top:4px;">${this.renderBotMessageAvatar(a)}</div>
         ${this.renderMessage(a, "bot-message-content")}
@@ -8742,7 +8756,7 @@ let De = class extends re {
     `;
   }
   renderBotMessageFeedback(a) {
-    return this.suppressFeedback || !b.setting.feedbackEnabled || this.index < b.setting.startFeedbackFromMessage * 2 ? null : u`
+    return this.suppressFeedback || !u.setting.feedbackEnabled || this.index < u.setting.startFeedbackFromMessage * 2 ? null : b`
       <div class="cb-message-feedback-tools" part="feedback-wrapper">
         <div class="cb-message-feedback-icon cb-feedback-up" part="feedback-up" @click="${() => this.startFeedback(!0, a)}">${pe`${G(ai)}`}</div>
         <div class="cb-message-feedback-icon cb-feedback-down" part="feedback-down" @click="${() => this.startFeedback(!1, a)}">${pe`${G(ii)}`}</div>
@@ -8750,24 +8764,24 @@ let De = class extends re {
     `;
   }
   startFeedback(a, e) {
-    console.log("startFeedback", e), b.collectFeedback(a, e);
+    console.log("startFeedback", e), u.collectFeedback(a, e);
   }
   renderUserMessage(a) {
-    return u`
+    return b`
       <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="${Ra}" color="white"></cb-icon>
           //appState.appearanceUserMessageAvatarPosition
         </sl-avatar>-->
         ${W(
-      b.appearanceUserMessageAvatarPosition === "left",
-      () => u`
-            <div class="avatar user-avatar" part="user-avatar">${G(b.setting.userIconSvg)}</div>
+      u.appearanceUserMessageAvatarPosition === "left",
+      () => b`
+            <div class="avatar user-avatar" part="user-avatar">${G(u.setting.userIconSvg)}</div>
             ${this.renderMessage(a, "user-message-content")}
           `,
-      () => u`
+      () => b`
             ${this.renderMessage(a, "user-message-content")}
-            <div class="avatar user-avatar" part="user-avatar">${G(b.setting.userIconSvg)}</div>
+            <div class="avatar user-avatar" part="user-avatar">${G(u.setting.userIconSvg)}</div>
           `
     )}
       </div>
@@ -8776,21 +8790,21 @@ let De = class extends re {
   }
   // todo ???
   renderUserMessageUpload(a) {
-    return u`
+    return b`
       <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="${Ra}" color="white"></cb-icon>
           //appState.appearanceUserMessageAvatarPosition
         </sl-avatar>-->
         ${W(
-      b.appearanceUserMessageAvatarPosition === "left",
-      () => u`
-            <div class="avatar user-avatar">${G(b.setting.userIconSvg)}</div>
+      u.appearanceUserMessageAvatarPosition === "left",
+      () => b`
+            <div class="avatar user-avatar">${G(u.setting.userIconSvg)}</div>
             ${this.renderMessage(a, "user-message-content")}
           `,
-      () => u`
+      () => b`
             ${this.renderMessage(a, "user-message-content")}
-            <div class="avatar user-avatar">${G(b.setting.userIconSvg)}</div>
+            <div class="avatar user-avatar">${G(u.setting.userIconSvg)}</div>
           `
     )}
       </div>
@@ -8854,13 +8868,13 @@ let ye = class extends re {
     autoplayVideos: true,
   });*/
   render() {
-    return u`
+    return b`
       <div id="cb-message-list-container" class="cb-message-list" part="bot-message-list">
         ${this.renderDisclaimerMessage()}
         ${et(
       this.messages,
       (a) => a.id + JSON.stringify(a.data),
-      (a, e) => u`<cb-message .message="${a}" .index="${e}" exportparts="bot-message, cb-message, bot-message-content, user-message-content, user-avatar, assistant-avatar,feedback-wrapper,feedback-up,feedback-down" ?suppressFeedback=${this.suppressFeedback}></cb-message>`
+      (a, e) => b`<cb-message .message="${a}" .index="${e}" exportparts="bot-message, cb-message, bot-message-content, user-message-content, user-avatar, assistant-avatar,feedback-wrapper,feedback-up,feedback-down" ?suppressFeedback=${this.suppressFeedback}></cb-message>`
     )}
         ${this.renderActions()} ${this.renderForm()}
         <div id="cb-message-list-bottom-anchor"></div>
@@ -8868,28 +8882,28 @@ let ye = class extends re {
     `;
   }
   renderDisclaimerMessage() {
-    return !b.setting.disclaimerMessage || !b.isConversationStart() ? null : u`
-      <details class="cb-disclaimer-wrapper" part="disclaimer-wrapper" ?open=${b.setting.enableShowFullDisclaimerMessage}>
+    return !u.setting.disclaimerMessage || !u.isConversationStart() ? null : b`
+      <details class="cb-disclaimer-wrapper" part="disclaimer-wrapper" ?open=${u.setting.enableShowFullDisclaimerMessage}>
         <summary class="cb-disclaimer-message" part="disclaimer-message">
           ${Pt(
-      Qt(b.setting.disclaimerMessage).then((a) => u`${a}`)
+      Qt(u.setting.disclaimerMessage).then((a) => b`${a}`)
     )}
         </summary>
       </details>
     `;
   }
   renderForm() {
-    return this.form ? u` <form class="cb-input-form" part="form" @submit="${this.handleFormSubmit.bind(this)}">
+    return this.form ? b` <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>
       ${et(
       this.form.fields,
       (a, e) => e,
       (a) => {
-        const e = a?.required || !1, t = b.getPrefilledFormFieldValue(a.name);
+        const e = a?.required || !1, t = u.getPrefilledFormFieldValue(a.name);
         switch (a.type) {
           case "name":
           case "string":
-            return u`<sl-input
+            return b`<sl-input
                 value="${t}"
                 part="form-input"
                 class="cb-input-form-input"
@@ -8899,7 +8913,7 @@ let ye = class extends re {
                 ?required="${e}"
               ></sl-input>`;
           case "email":
-            return u`<sl-input
+            return b`<sl-input
                 part="form-input"
                 value="${t}"
                 class="cb-input-form-input"
@@ -8910,7 +8924,7 @@ let ye = class extends re {
                 ?required="${e}"
               ></sl-input>`;
           case "phone":
-            return u`<sl-input
+            return b`<sl-input
                 part="form-input"
                 value="${t}"
                 class="cb-input-form-input"
@@ -8922,20 +8936,20 @@ let ye = class extends re {
               ></sl-input>`;
           case "select": {
             const i = Array.isArray(a.options) ? a.options : a.options.split(",").map((s) => s.trim());
-            return t || i[0], u`<div class="cb-form-field">
+            return t || i[0], b`<div class="cb-form-field">
                 <label class="cb-form-field-label"
                   >${a.title}
                   ${W(
               e,
-              () => u`*`,
-              () => u``
+              () => b`*`,
+              () => b``
             )}
                 </label>
                 <select id="${"cb-form-field" + a.name}" class="cb-form-field-select" part="form-input" name="${a.name}">
                   ${et(
               i,
               (s, r) => r,
-              (s) => u`<option value="${s}">${s}</option>`
+              (s) => b`<option value="${s}">${s}</option>`
             )}
                 </select>
               </div>`;
@@ -8960,7 +8974,7 @@ let ye = class extends re {
             return;
           }
       }
-    b.submitForm(e).then(() => {
+    u.submitForm(e).then(() => {
       Oe.info("Form submitted", e), this.emit("form:submit", {
         detail: {
           formData: e
@@ -8982,7 +8996,7 @@ let ye = class extends re {
       <br /><br />
    */
   renderActions() {
-    return !Array.isArray(this.actions) || this.actions.length <= 0 ? null : u`
+    return !Array.isArray(this.actions) || this.actions.length <= 0 ? null : b`
       <div class="cb-actions-list">
         ${et(
       this.actions,
@@ -9015,7 +9029,7 @@ let ye = class extends re {
     switch (Oe.info("Got Calendly Event:", a.data), a.data.event) {
       case "calendly.event_scheduled": {
         const e = this.activeCalendlyAction;
-        e >= 0 && (b.removeAction(e, !0, a.data), b.addSystemMessage("Your meeting has been scheduled!"), this.activeCalendlyAction = -1);
+        e >= 0 && (u.removeAction(e, !0, a.data), u.addSystemMessage("Your meeting has been scheduled!"), this.activeCalendlyAction = -1);
       }
     }
   }
@@ -9036,7 +9050,7 @@ let ye = class extends re {
         s.origin === "https://calendly.com" && s.data.event && s.data.event.indexOf("calendly.") !== -1 && this.handleCalendlyEvent(s);
       }), this.calendlyInjected = !0;
     }
-    return u`
+    return b`
       <div class="cb-actions-list">
         <div class="cb-action ripple" @click="${this.invokeCalendlyAction.bind(this, a)}">
           <div class="cb-action-icon">
@@ -9053,7 +9067,7 @@ let ye = class extends re {
     `;
   }
   renderLinkAction(a) {
-    return u`
+    return b`
       <div class="cb-actions-list">
         <div class="cb-action ripple" @click="${this.invokeLinkAction.bind(this, a)}">
           <div class="cb-action-icon">
@@ -9076,7 +9090,7 @@ let ye = class extends re {
       const t = document.getElementById("enegelai-bot-hubspot-meeting-container"), i = document.querySelector(".enegelai-bot-hubspot-meeting-widget");
       if (t && i) {
         const s = a.url + "?embed=true";
-        i.setAttribute("data-src", s), this.activeHubspotMeetingAction = a.internalId, t.style.display = "block", window.hbspt.meetings.create(".enegelai-bot-hubspot-meeting-widget"), b.updateAction(a, {
+        i.setAttribute("data-src", s), this.activeHubspotMeetingAction = a.internalId, t.style.display = "block", window.hbspt.meetings.create(".enegelai-bot-hubspot-meeting-widget"), u.updateAction(a, {
           triggered: e
         });
       }
@@ -9088,7 +9102,7 @@ let ye = class extends re {
       return;
     const t = this.activeHubspotMeetingAction;
     if (t >= 0) {
-      b.removeAction(t, !0, a.data), b.addSystemMessage("Your meeting has been scheduled!"), this.activeHubspotMeetingAction = -1;
+      u.removeAction(t, !0, a.data), u.addSystemMessage("Your meeting has been scheduled!"), this.activeHubspotMeetingAction = -1;
       const i = document.getElementById("enegelai-bot-hubspot-meeting-container");
       i && (i.style.display = "none");
     }
@@ -9119,7 +9133,7 @@ let ye = class extends re {
     }
     return a?.hubspotMeetingAuto && !("triggered" in a) && setTimeout(() => {
       this.invokeHubspotMeetingAction(a);
-    }, 500), u`
+    }, 500), b`
       <div class="cb-actions-list">
         <div class="cb-action ripple" @click="${this.invokeHubspotMeetingAction.bind(this, a)}">
           <div class="cb-action-icon">
@@ -9217,7 +9231,7 @@ var An = Object.defineProperty, Mn = Object.getOwnPropertyDescriptor, Ie = (a, e
 };
 let ve = class extends re {
   constructor() {
-    super(...arguments), this.store = new it(this, b), this.placeholder = "Type a message...", this.sendButtonLabel = "Send", this.enableFileUpload = !1, this.enableAudio = !1, this.value = "", this.loading = !1, this.disabled = !1, this.currentKey = "";
+    super(...arguments), this.store = new it(this, u), this.placeholder = "Type a message...", this.sendButtonLabel = "Send", this.enableFileUpload = !1, this.enableAudio = !1, this.value = "", this.loading = !1, this.disabled = !1, this.currentKey = "";
   }
   connectedCallback() {
     super.connectedCallback(), addEventListener("form:submit", this._formSubmitHandler.bind(this)), addEventListener("c7o:bot:input:setvalue", this._inputSetValueHandler.bind(this));
@@ -9250,7 +9264,7 @@ let ve = class extends re {
     });
   }
   async _sendFileHandler() {
-    const a = await Xa(!1, b.setting.fileUploadEnabledExtensions);
+    const a = await Xa(!1, u.setting.fileUploadEnabledExtensions);
     this.emit("message:send:file", {
       detail: {
         files: a
@@ -9261,11 +9275,11 @@ let ve = class extends re {
     this.emit("audio:toggle", {});
   }
   render() {
-    return u`
+    return b`
       ${W(
       this.loading,
-      () => u`<sl-progress-bar style="--height: 2px;" indeterminate></sl-progress-bar>`,
-      () => u``
+      () => b`<sl-progress-bar style="--height: 2px;" indeterminate></sl-progress-bar>`,
+      () => b``
     )}
       <div class="cb-user-input-wrapper" part="user-input-wrapper">
         <sl-textarea
@@ -9287,38 +9301,38 @@ let ve = class extends re {
         <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>
             ${W(
-      b.setting.sendIconSvg !== "",
-      () => u`<cb-icon part="user-input-send-icon" svg="${b.setting.sendIconSvg}"></cb-icon>`,
-      () => u`<cb-icon part="user-input-send-icon" svg="${si}"></cb-icon>`
+      u.setting.sendIconSvg !== "",
+      () => b`<cb-icon part="user-input-send-icon" svg="${u.setting.sendIconSvg}"></cb-icon>`,
+      () => b`<cb-icon part="user-input-send-icon" svg="${si}"></cb-icon>`
     )}
           </sl-button>
           ${W(
       this.enableFileUpload,
-      () => u`
+      () => b`
               <sl-button @click=${this._sendFileHandler} name="paperclip" label="Attachment" size="small" class="paperclip-button" variant="text" circle>
                 ${W(
-        b.setting.attachIconSvg !== "",
-        () => u`<cb-icon part="user-input-attach-icon" svg="${b.setting.attachIconSvg}"></cb-icon>`,
-        () => u`<cb-icon part="user-input-attach-icon" svg="${ni}"></cb-icon>`
+        u.setting.attachIconSvg !== "",
+        () => b`<cb-icon part="user-input-attach-icon" svg="${u.setting.attachIconSvg}"></cb-icon>`,
+        () => b`<cb-icon part="user-input-attach-icon" svg="${ni}"></cb-icon>`
       )}
                 <!-- select file input -->
                 <input type="file" id="file" name="file" class="file-input" />
               </sl-button>
             `,
-      () => u``
+      () => b``
     )}
           ${W(
       this.enableAudio,
-      () => u`
+      () => b`
               <sl-button @click=${this._toggleAudioHandler} name="paperclip" label="Audio" size="small" class="audio-button" variant="text" circle>
                 ${W(
-        b.webAudioStarted,
-        () => u`<cb-icon svg="${da}"></cb-icon>`,
-        () => u`<cb-icon svg="${ri}"></cb-icon>`
+        u.webAudioStarted,
+        () => b`<cb-icon svg="${da}"></cb-icon>`,
+        () => b`<cb-icon svg="${ri}"></cb-icon>`
       )}
               </sl-button>
             `,
-      () => u``
+      () => b``
     )}
         </div>
       </div>
@@ -9425,7 +9439,7 @@ var $n = Object.defineProperty, Pn = Object.getOwnPropertyDescriptor, Ee = (a, e
 };
 let we = class extends re {
   constructor() {
-    super(...arguments), this.store = new it(this, b), this.placeholder = "Type a message...", this.sendButtonLabel = "Send", this.enableFileUpload = !1, this.enableAudio = !1, this.value = "", this.loading = !1, this.disabled = !1, this.currentKey = "";
+    super(...arguments), this.store = new it(this, u), this.placeholder = "Type a message...", this.sendButtonLabel = "Send", this.enableFileUpload = !1, this.enableAudio = !1, this.value = "", this.loading = !1, this.disabled = !1, this.currentKey = "";
   }
   connectedCallback() {
     super.connectedCallback(), addEventListener("form:submit", this._formSubmitHandler.bind(this)), addEventListener("c7o:bot:input:setvalue", this._inputSetValueHandler.bind(this));
@@ -9446,7 +9460,7 @@ let we = class extends re {
   _ctrlHandler() {
     if (this.value && this.value !== "")
       return this._sendHandler();
-    if (!b.webAudioStarted)
+    if (!u.webAudioStarted)
       return this._toggleAudioHandler();
   }
   _sendHandler() {
@@ -9464,7 +9478,7 @@ let we = class extends re {
     });
   }
   async _sendFileHandler() {
-    const a = await Xa(!1, b.setting.fileUploadEnabledExtensions);
+    const a = await Xa(!1, u.setting.fileUploadEnabledExtensions);
     this.emit("message:send:file", {
       detail: {
         files: a
@@ -9493,31 +9507,31 @@ let we = class extends re {
     }
   }
   async _toggleAudioHandler() {
-    await b.toggleAudio();
+    await u.toggleAudio();
   }
   getCtrlIconSvg() {
-    return this.value && this.value !== "" || b.webAudioStarted ? Oa : En;
+    return this.value && this.value !== "" || u.webAudioStarted ? Oa : En;
   }
   getCtrlClass() {
-    return this.value && this.value !== "" ? "" : b.webAudioStarted || b.mediaStartAudioRequested ? "disabled" : "";
+    return this.value && this.value !== "" ? "" : u.webAudioStarted || u.mediaStartAudioRequested ? "disabled" : "";
   }
   render() {
-    return u`
+    return b`
       ${W(
       this.loading,
-      () => u`<sl-progress-bar style="--height: 2px;" indeterminate></sl-progress-bar>`,
-      () => u``
+      () => b`<sl-progress-bar style="--height: 2px;" indeterminate></sl-progress-bar>`,
+      () => b``
     )}
       <div class="cb-user-input-mm-wrapper" part="user-input-wrapper">
         <div class="cb-user-input-mm" part="user-input-inner">
           ${W(
       this.enableFileUpload,
-      () => u`
+      () => b`
               <button type="button" class="circle-btn" part="upload-button" title="Upload" @click=${this._sendFileHandler}>
                 ${G(In)}
               </button>
             `,
-      () => u``
+      () => b``
     )}
           <sl-textarea
             part="user-input"
@@ -9541,11 +9555,11 @@ let we = class extends re {
     `;
   }
   renderOld() {
-    return u`
+    return b`
       ${W(
       this.loading,
-      () => u`<sl-progress-bar style="--height: 2px;" indeterminate></sl-progress-bar>`,
-      () => u``
+      () => b`<sl-progress-bar style="--height: 2px;" indeterminate></sl-progress-bar>`,
+      () => b``
     )}
       <div class="cb-user-input-mm-wrapper" part="user-input-wrapper">
         <sl-textarea
@@ -9567,38 +9581,38 @@ let we = class extends re {
         <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>
             ${W(
-      b.setting.sendIconSvg !== "",
-      () => u`<cb-icon part="user-input-send-icon" svg="${b.setting.sendIconSvg}"></cb-icon>`,
-      () => u`<cb-icon part="user-input-send-icon" svg="${si}"></cb-icon>`
+      u.setting.sendIconSvg !== "",
+      () => b`<cb-icon part="user-input-send-icon" svg="${u.setting.sendIconSvg}"></cb-icon>`,
+      () => b`<cb-icon part="user-input-send-icon" svg="${si}"></cb-icon>`
     )}
           </sl-button>
           ${W(
       this.enableFileUpload,
-      () => u`
+      () => b`
               <sl-button @click=${this._sendFileHandler} name="paperclip" label="Attachment" size="small" class="paperclip-button" variant="text" circle>
                 ${W(
-        b.setting.attachIconSvg !== "",
-        () => u`<cb-icon part="user-input-attach-icon" svg="${b.setting.attachIconSvg}"></cb-icon>`,
-        () => u`<cb-icon part="user-input-attach-icon" svg="${ni}"></cb-icon>`
+        u.setting.attachIconSvg !== "",
+        () => b`<cb-icon part="user-input-attach-icon" svg="${u.setting.attachIconSvg}"></cb-icon>`,
+        () => b`<cb-icon part="user-input-attach-icon" svg="${ni}"></cb-icon>`
       )}
                 <!-- select file input -->
                 <input type="file" id="file" name="file" class="file-input" />
               </sl-button>
             `,
-      () => u``
+      () => b``
     )}
           ${W(
       this.enableAudio,
-      () => u`
+      () => b`
               <sl-button @click=${this._toggleAudioHandler} name="paperclip" label="Audio" size="small" class="audio-button" variant="text" circle>
                 ${W(
-        b.webAudioStarted,
-        () => u`<cb-icon svg="${da}"></cb-icon>`,
-        () => u`<cb-icon svg="${ri}"></cb-icon>`
+        u.webAudioStarted,
+        () => b`<cb-icon svg="${da}"></cb-icon>`,
+        () => b`<cb-icon svg="${ri}"></cb-icon>`
       )}
               </sl-button>
             `,
-      () => u``
+      () => b``
     )}
         </div>
       </div>
@@ -9687,7 +9701,7 @@ let ct = class extends re {
     this.emit("cancel");
   }
   render() {
-    return u` <sl-dialog
+    return b` <sl-dialog
             label="Setting"
             class="cb-dialog"
             style="sl-dialog::part(base) { z-index: ${this.zindex}; }"
@@ -9697,7 +9711,7 @@ let ct = class extends re {
         >
             <header class="cb-header">
                 <div class="cb-header__left">
-                    ${this.label ? u`<span class="title">${this.label}</span>` : ""}
+                    ${this.label ? b`<span class="title">${this.label}</span>` : ""}
                 </div>
                 <sl-button
                     @click=${this._settingCancelHandler}
@@ -9746,7 +9760,7 @@ let Dt = class extends re {
     super(...arguments), this.open = !1;
   }
   render() {
-    return u` <cb-dialog
+    return b` <cb-dialog
             label="Confirm"
             class="cb-clear-message-dialog"
             ?open=${this.open}
@@ -9859,7 +9873,7 @@ let Xe = class extends re {
     super(...arguments), this.open = !1, this.clearMessageDialogOpen = !1, this.customRequest = !1;
   }
   render() {
-    return this.customRequest = this.setting.customRequest, u`
+    return this.customRequest = this.setting.customRequest, b`
       <cb-dialog label="Setting" class="cb-dialog" ?open=${this.open} ?no-header=${!0} @cancel=${this._settingCancelHandler}>
         <form>
           <div class="form-item">
@@ -9923,7 +9937,7 @@ let Xe = class extends re {
     `;
   }
   renderInternalServices() {
-    return u`
+    return b`
       <div class="form-item">
         <label class="label">Service</label>
         <sl-radio-group name="openai" value="openai" size="small">
@@ -10113,7 +10127,7 @@ var Hn = Object.defineProperty, Vn = Object.getOwnPropertyDescriptor, li = (a, e
 };
 let Ft = class extends re {
   constructor() {
-    super(...arguments), this.store = new it(this, b), this.open = !1;
+    super(...arguments), this.store = new it(this, u), this.open = !1;
   }
   // handler click
   _clickHandler() {
@@ -10125,7 +10139,7 @@ let Ft = class extends re {
     }), this.open = a;
   }
   _engageClickHandler(a) {
-    console.log("engage close clicked!"), b.suppressEngagePopup(), a.stopPropagation();
+    console.log("engage close clicked!"), u.suppressEngagePopup(), a.stopPropagation();
   }
   /*
            ${when(
@@ -10136,28 +10150,28 @@ let Ft = class extends re {
    */
   getPopupPlacement() {
     let a = "top-end";
-    return a = b.appearanceAnchorPopupPosition, a;
+    return a = u.appearanceAnchorPopupPosition, a;
   }
   getBadgeVariant() {
     let a = "danger";
-    return a = b.appearanceAnchorBadgeVariant, a;
+    return a = u.appearanceAnchorBadgeVariant, a;
   }
   renderPopupLogo() {
-    return b.setting.popupLogoUrl !== "" ? u`<img class="cb-engage-popup-img" src="${b.setting.popupLogoUrl}" />` : b.setting.popupLogoSvg !== "" ? u`<div class="cb-engage-popup-logo">${pe`${G(b.setting.popupLogoSvg)}`}</div>` : b.setting.logoUrl !== "" ? u`<img class="cb-engage-popup-img" src="${b.setting.logoUrl}" />` : b.setting.logoSvg !== "" ? u`<div class="cb-engage-popup-logo">${pe`${G(b.setting.logoSvg)}`}</div>` : null;
+    return u.setting.popupLogoUrl !== "" ? b`<img class="cb-engage-popup-img" src="${u.setting.popupLogoUrl}" />` : u.setting.popupLogoSvg !== "" ? b`<div class="cb-engage-popup-logo">${pe`${G(u.setting.popupLogoSvg)}`}</div>` : u.setting.logoUrl !== "" ? b`<img class="cb-engage-popup-img" src="${u.setting.logoUrl}" />` : u.setting.logoSvg !== "" ? b`<div class="cb-engage-popup-logo">${pe`${G(u.setting.logoSvg)}`}</div>` : null;
   }
   render() {
-    return u`
+    return b`
       <div class="cb-anchor ${this.open ? "open" : ""}" part="anchor" @click=${this._clickHandler.bind(this)}>
-        <sl-popup placement="${this.getPopupPlacement()}" distance="16" ?active="${b.engage && !b.open}">
+        <sl-popup placement="${this.getPopupPlacement()}" distance="16" ?active="${u.engage && !u.open}">
           <sl-button slot="anchor" label="Start" size="large" variant="primary" class="anchor-button" circle>
             ${W(
       this.open,
-      () => u`<div class="cb-anchor-icon" part="anchor-icon">${pe`${G(b.setting.anchorCloseSvg)}`}</div>`,
-      () => u`<div class="cb-anchor-icon" part="anchor-icon">${pe`${G(b.setting.anchorOpenSvg)}`}</div>`
+      () => b`<div class="cb-anchor-icon" part="anchor-icon">${pe`${G(u.setting.anchorCloseSvg)}`}</div>`,
+      () => b`<div class="cb-anchor-icon" part="anchor-icon">${pe`${G(u.setting.anchorOpenSvg)}`}</div>`
     )}
             ${W(
-      !this.open && b.unreadMessages > 0,
-      () => u`<sl-badge part="anchor-badge" class="cb-anchor-badge" variant="${this.getBadgeVariant()}" pill>${b.unreadMessages}</sl-badge>`,
+      !this.open && u.unreadMessages > 0,
+      () => b`<sl-badge part="anchor-badge" class="cb-anchor-badge" variant="${this.getBadgeVariant()}" pill>${u.unreadMessages}</sl-badge>`,
       () => null
     )}
           </sl-button>
@@ -10165,7 +10179,7 @@ let Ft = class extends re {
             <div class="cb-engage-popup-close" @click=${this._engageClickHandler.bind(this)}>${pe`${G(oi)}`}</div>
             <div class="cb-engage-popup-content">
               ${this.renderPopupLogo()}
-              <div>${b.setting.engageMessage}</div>
+              <div>${u.setting.engageMessage}</div>
             </div>
           </div>
         </sl-popup>
@@ -10216,7 +10230,7 @@ let jt = class extends re {
   }
   render() {
     const { variant: a, icon: e } = qa[this.status] || qa.info;
-    return u`<cb-icon svg=${e} color="${a}"></cb-icon>`;
+    return b`<cb-icon svg=${e} color="${a}"></cb-icon>`;
   }
 };
 jt.styles = Ga;
@@ -10233,7 +10247,7 @@ var Kn = Object.getOwnPropertyDescriptor, Jn = (a, e, t, i) => {
 };
 let ea = class extends re {
   render() {
-    return u` <sl-alert variant="danger" open>
+    return b` <sl-alert variant="danger" open>
             <cb-status-icon status="error" slot="icon"></cb-status-icon>
             Please config openai api key in the settings.
             <span
@@ -10343,7 +10357,7 @@ var Qn = Object.defineProperty, er = Object.getOwnPropertyDescriptor, ft = (a, e
 const Da = Ke.noConflict(), tr = '<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 Ye = class extends re {
   constructor() {
-    super(...arguments), this.store = new it(this, b), this.zindex = 100;
+    super(...arguments), this.store = new it(this, u), this.zindex = 100;
   }
   connectedCallback() {
     super.connectedCallback(), Da.info("connectedCallback");
@@ -10356,39 +10370,39 @@ let Ye = class extends re {
     Da.info(`FEEDBACK: stateEvent: ${t}`, e);
   }
   _cancelHandler() {
-    b.feedback && (console.log("Feedback dialog cancelled"), b.feedback = !1);
+    u.feedback && (console.log("Feedback dialog cancelled"), u.feedback = !1);
   }
   // todo render empty if feedback is disabled
   render() {
-    return u` <sl-dialog ?no-header=${!0} ?open=${b.feedback} @sl-hide=${this._cancelHandler} class="cb-feedback-dialog">
+    return b` <sl-dialog ?no-header=${!0} ?open=${u.feedback} @sl-hide=${this._cancelHandler} class="cb-feedback-dialog">
       <div style="">
         <h2>Please share your feedback</h2>
         <div class="cb-feedback-messages-wrapper">
-          <cb-message-list style="width: 50%;" .messages=${b.feedbackMessages} ?suppressFeedback=${!0}></cb-message-list>
+          <cb-message-list style="width: 50%;" .messages=${u.feedbackMessages} ?suppressFeedback=${!0}></cb-message-list>
         </div>
         <div class="cb-feedback-rating-label">Please rate this answer</div>
         <div class="cb-feedback-rating-wrapper">
           <div
             class="cb-feedback-rating-icon"
             @click="${() => {
-      b.feedbackScore = 0;
+      u.feedbackScore = 0;
     }}"
           >
             ${pe`${G(ii)}`}
           </div>
-          <sl-rating id="cb-feedback-rating-el" class="cb-feedback-rating" @sl-change="${this._ratingChangeHandler}" label="Rating" precision="1" .value=${b.feedbackScore}></sl-rating>
+          <sl-rating id="cb-feedback-rating-el" class="cb-feedback-rating" @sl-change="${this._ratingChangeHandler}" label="Rating" precision="1" .value=${u.feedbackScore}></sl-rating>
           <div
             class="cb-feedback-rating-icon"
             @click="${() => {
-      b.feedbackScore = 5;
+      u.feedbackScore = 5;
     }}"
           >
             ${pe`${G(ai)}`}
           </div>
         </div>
         <div style="display: flex">
-          <sl-input style="margin-bottom: 4px;width:50%" id="cb-feedback-name-el" placeholder="Your name" value="${b.feedbackName}" size="medium"></sl-input>
-          <sl-input type="email" style="margin-bottom: 4px;margin-left: 1px;width:50%" id="cb-feedback-email-el" placeholder="Your email" value="${b.feedbackEmail}" size="medium"></sl-input>
+          <sl-input style="margin-bottom: 4px;width:50%" id="cb-feedback-name-el" placeholder="Your name" value="${u.feedbackName}" size="medium"></sl-input>
+          <sl-input type="email" style="margin-bottom: 4px;margin-left: 1px;width:50%" id="cb-feedback-email-el" placeholder="Your email" value="${u.feedbackEmail}" size="medium"></sl-input>
         </div>
         <sl-textarea id="cb-feedback-comments-el" placeholder="Your comments" size="medium" value="" rows="3"></sl-textarea>
       </div>
@@ -10397,11 +10411,11 @@ let Ye = class extends re {
     </sl-dialog>`;
   }
   _ratingChangeHandler() {
-    b.feedbackScore = this._rating.value;
+    u.feedbackScore = this._rating.value;
   }
   async _submitHandler() {
     const a = this._name?.value || "", e = this._email?.value || "", t = Vt(this._comments?.value || "");
-    this._comments.value = "", await b.submitFeedback(a, e, t);
+    this._comments.value = "", await u.submitFeedback(a, e, t);
   }
 };
 Ye.styles = Zn;
@@ -10971,11 +10985,11 @@ var or = Object.getOwnPropertyDescriptor, cr = (a, e, t, i) => {
     (o = a[r]) && (s = o(s) || s);
   return s;
 };
-const bt = Ke.noConflict();
-bt.setLevel("info");
+const ut = Ke.noConflict();
+ut.setLevel("info");
 let ta = class extends re {
   constructor() {
-    super(...arguments), this.store = new it(this, b), this.unsubscribeTypingActive = b.subscribe(
+    super(...arguments), this.store = new it(this, u), this.unsubscribeTypingActive = u.subscribe(
       this._handleTypingActiveChanged.bind(this),
       ["typingActive"]
     ), this.volumeVisualizerRef = ji(), this.volumeVisualizerInitialized = !1;
@@ -11002,16 +11016,16 @@ let ta = class extends re {
     </header>`;
   }*/
   render() {
-    return b.webAudioStarted ? u`<div class="cb-audio-controls-wrapper" part="audio-controls-wrapper">
+    return u.webAudioStarted ? b`<div class="cb-audio-controls-wrapper" part="audio-controls-wrapper">
       <div class="cb-audio-controls" part="audio-controls" @click=${this._toggleMute}>
         ${W(
       !0,
-      () => u`
-            <button type="button" part="${b.webAudioMuted ? "audio-unmute-button" : "audio-mute-button"}" class="circle-btn ${b.webAudioMuted ? "danger" : "clear"}" title="${b.webAudioMuted ? "Unmute" : "Mute"}" @click=${this._toggleMute}>
+      () => b`
+            <button type="button" part="${u.webAudioMuted ? "audio-unmute-button" : "audio-mute-button"}" class="circle-btn ${u.webAudioMuted ? "danger" : "clear"}" title="${u.webAudioMuted ? "Unmute" : "Mute"}" @click=${this._toggleMute}>
               ${G(rr)}
             </button>
           `,
-      () => u``
+      () => b``
     )}
         <div class="cb-audio-controls-viz" part="audio-controls-viz">
           ${this.renderVisualizer()}
@@ -11023,21 +11037,21 @@ let ta = class extends re {
     </div>` : null;
   }
   renderVisualizer() {
-    switch (b.setting.botAdvancedSettings?.audioVisualizerName || "bars") {
+    switch (u.setting.botAdvancedSettings?.audioVisualizerName || "bars") {
       case "default":
-        return u`
+        return b`
           <volume-visualizer ${At(this.volumeVisualizerRef)}></volume-visualizer>
         `;
       case "liquid":
-        return u`
+        return b`
           <volume-visualizer-liquid ${At(this.volumeVisualizerRef)}></volume-visualizer-liquid>
         `;
       case "bars":
-        return u`
+        return b`
           <volume-visualizer-bars ${At(this.volumeVisualizerRef)}></volume-visualizer-bars>
         `;
       default:
-        return u`
+        return b`
           <volume-visualizer ${At(this.volumeVisualizerRef)}></volume-visualizer>
         `;
     }
@@ -11045,8 +11059,8 @@ let ta = class extends re {
   updated(a) {
     if (super.updated(a), this.volumeVisualizerRef.value) {
       if (!this.volumeVisualizerInitialized) {
-        const e = this.volumeVisualizerRef.value, t = b.getAudioAnalyzers();
-        t && (e.connectAnalyzers(t), bt.info("volumeVisualizerInitialized set to true"), this.volumeVisualizerInitialized = !0);
+        const e = this.volumeVisualizerRef.value, t = u.getAudioAnalyzers();
+        t && (e.connectAnalyzers(t), ut.info("volumeVisualizerInitialized set to true"), this.volumeVisualizerInitialized = !0);
       }
     } else
       this.volumeVisualizerInitialized && (this.volumeVisualizerInitialized = !1);
@@ -11064,13 +11078,13 @@ let ta = class extends re {
       )}
   * */
   async _toggleMute(a) {
-    a.stopPropagation(), bt.info("_toggleMute called"), await b.toggleMute(), this.volumeVisualizerRef.value && this.volumeVisualizerRef.value.setMuted(b.webAudioMuted);
+    a.stopPropagation(), ut.info("_toggleMute called"), await u.toggleMute(), this.volumeVisualizerRef.value && this.volumeVisualizerRef.value.setMuted(u.webAudioMuted);
   }
   async _toggleHangup(a) {
-    a.stopPropagation(), bt.info("_toggleHangup called"), await b.stopAudio();
+    a.stopPropagation(), ut.info("_toggleHangup called"), await u.stopAudio();
   }
   _handleTypingActiveChanged(a, e, t) {
-    b.webAudioStarted && (bt.info(`Typing state changed: ${e}`), this.volumeVisualizerRef.value && this.volumeVisualizerRef.value.setThinking(e));
+    u.webAudioStarted && (ut.info(`Typing state changed: ${e}`), this.volumeVisualizerRef.value && this.volumeVisualizerRef.value.setThinking(e));
   }
 };
 ta.styles = ar;
@@ -11127,7 +11141,7 @@ const ja = (() => {
       throw s;
     }
   return a && !e;
-})(), lr = typeof globalThis.AbortController == "function", bi = typeof globalThis.AbortSignal == "function" && typeof globalThis.AbortSignal.any == "function", dr = typeof globalThis.ReadableStream == "function", fr = typeof globalThis.FormData == "function", ui = ["get", "post", "put", "patch", "head", "delete"], hr = {
+})(), lr = typeof globalThis.AbortController == "function", ui = typeof globalThis.AbortSignal == "function" && typeof globalThis.AbortSignal.any == "function", dr = typeof globalThis.ReadableStream == "function", fr = typeof globalThis.FormData == "function", bi = ["get", "post", "put", "patch", "head", "delete"], hr = {
   json: "application/json",
   text: "text/*",
   formData: "multipart/form-data",
@@ -11136,14 +11150,14 @@ const ja = (() => {
   // Supported in modern Fetch implementations (for example, browsers and recent Node.js/undici).
   // We still feature-check at runtime before exposing the shortcut.
   bytes: "*/*"
-}, Yt = 2147483647, br = new TextEncoder().encode("------WebKitFormBoundaryaxpyiPgbbPti10Rw").length, pi = Symbol("stop");
+}, Yt = 2147483647, ur = new TextEncoder().encode("------WebKitFormBoundaryaxpyiPgbbPti10Rw").length, pi = Symbol("stop");
 class gi {
   options;
   constructor(e) {
     this.options = e;
   }
 }
-const ur = (a) => new gi(a), pr = {
+const br = (a) => new gi(a), pr = {
   json: !0,
   parseJson: !0,
   stringifyJson: !0,
@@ -11181,7 +11195,7 @@ const ur = (a) => new gi(a), pr = {
   if (a instanceof FormData) {
     let e = 0;
     for (const [t, i] of a)
-      e += br, e += new TextEncoder().encode(`Content-Disposition: form-data; name="${t}"`).length, e += typeof i == "string" ? new TextEncoder().encode(i).length : i.size;
+      e += ur, e += new TextEncoder().encode(`Content-Disposition: form-data; name="${t}"`).length, e += typeof i == "string" ? new TextEncoder().encode(i).length : i.size;
     return e;
   }
   if (a instanceof Blob)
@@ -11311,8 +11325,8 @@ const vi = (a = {}, e = {}) => ({
       }
       Qe(o.hooks) && (i = vi(i, o.hooks), e.hooks = i), Qe(o.headers) && (t = yi(t, o.headers), e.headers = t);
     }
-  return s !== void 0 && (e.searchParams = s), r.length > 0 && (r.length === 1 ? e.signal = r[0] : bi ? e.signal = AbortSignal.any(r) : e.signal = r.at(-1)), e.context === void 0 && (e.context = {}), e;
-}, kr = (a) => ui.includes(a) ? a.toUpperCase() : a, _r = ["get", "put", "head", "delete", "options", "trace"], Sr = [408, 413, 429, 500, 502, 503, 504], Cr = [413, 429, 503], Ha = {
+  return s !== void 0 && (e.searchParams = s), r.length > 0 && (r.length === 1 ? e.signal = r[0] : ui ? e.signal = AbortSignal.any(r) : e.signal = r.at(-1)), e.context === void 0 && (e.context = {}), e;
+}, kr = (a) => bi.includes(a) ? a.toUpperCase() : a, _r = ["get", "put", "head", "delete", "options", "trace"], Sr = [408, 413, 429, 500, 502, 503, 504], Cr = [413, 429, 503], Ha = {
   limit: 2,
   methods: _r,
   statusCodes: Sr,
@@ -11424,7 +11438,7 @@ class vt {
     return r;
   }
   // eslint-disable-next-line unicorn/prevent-abbreviations
-  static #b(e) {
+  static #u(e) {
     return e && typeof e == "object" && !Array.isArray(e) && !(e instanceof URLSearchParams) ? Object.fromEntries(Object.entries(e).filter(([, t]) => t !== void 0)) : e;
   }
   request;
@@ -11462,10 +11476,10 @@ class vt {
         throw new Error("`input` must not begin with a slash when using `prefixUrl`");
       this.#e.prefixUrl.endsWith("/") || (this.#e.prefixUrl += "/"), this.#t = this.#e.prefixUrl + this.#t;
     }
-    lr && bi && (this.#s = this.#e.signal ?? this.#t.signal, this.#i = new globalThis.AbortController(), this.#e.signal = this.#s ? AbortSignal.any([this.#s, this.#i.signal]) : this.#i.signal), ja && (this.#e.duplex = "half"), this.#e.json !== void 0 && (this.#e.body = this.#e.stringifyJson?.(this.#e.json) ?? JSON.stringify(this.#e.json), this.#e.headers.set("content-type", this.#e.headers.get("content-type") ?? "application/json"));
+    lr && ui && (this.#s = this.#e.signal ?? this.#t.signal, this.#i = new globalThis.AbortController(), this.#e.signal = this.#s ? AbortSignal.any([this.#s, this.#i.signal]) : this.#i.signal), ja && (this.#e.duplex = "half"), this.#e.json !== void 0 && (this.#e.body = this.#e.stringifyJson?.(this.#e.json) ?? JSON.stringify(this.#e.json), this.#e.headers.set("content-type", this.#e.headers.get("content-type") ?? "application/json"));
     const i = t.headers && new globalThis.Headers(t.headers).has("content-type");
     if (this.#t instanceof globalThis.Request && (fr && this.#e.body instanceof globalThis.FormData || this.#e.body instanceof URLSearchParams) && !i && this.#e.headers.delete("content-type"), this.request = new globalThis.Request(this.#t, this.#e), Er(this.#e.searchParams)) {
-      const r = "?" + (typeof this.#e.searchParams == "string" ? this.#e.searchParams.replace(/^\?/, "") : new URLSearchParams(vt.#b(this.#e.searchParams)).toString()), o = this.request.url.replace(/(?:\?.*?)?(?=#|$)/, r);
+      const r = "?" + (typeof this.#e.searchParams == "string" ? this.#e.searchParams.replace(/^\?/, "") : new URLSearchParams(vt.#u(this.#e.searchParams)).toString()), o = this.request.url.replace(/(?:\?.*?)?(?=#|$)/, r);
       this.request = new globalThis.Request(o, this.#e);
     }
     if (this.#e.onUploadProgress) {
@@ -11481,7 +11495,7 @@ class vt {
     let t = e;
     return this.#e.retry.jitter === !0 ? t = Math.random() * e : typeof this.#e.retry.jitter == "function" && (t = this.#e.retry.jitter(e), (!Number.isFinite(t) || t < 0) && (t = e)), Math.min(this.#e.retry.backoffLimit, t);
   }
-  async #u(e) {
+  async #b(e) {
     if (this.#a++, this.#a > this.#e.retry.limit)
       throw e;
     const t = e instanceof Error ? e : new hi(e);
@@ -11520,7 +11534,7 @@ class vt {
     try {
       return await e();
     } catch (t) {
-      const i = Math.min(await this.#u(t), Yt);
+      const i = Math.min(await this.#b(t), Yt);
       if (this.#a < 1)
         throw t;
       if (await Tr(i, this.#s ? { signal: this.#s } : {}), t instanceof Xt && t.customRequest) {
@@ -11576,9 +11590,9 @@ class vt {
 }
 const sa = (a) => {
   const e = (t, i) => vt.create(t, Et(a, i));
-  for (const t of ui)
+  for (const t of bi)
     e[t] = (i, s) => vt.create(i, Et(a, s, { method: t }));
-  return e.create = (t) => sa(Et(t)), e.extend = (t) => (typeof t == "function" && (t = t(a ?? {})), sa(Et(a, t))), e.stop = pi, e.retry = ur, e;
+  return e.create = (t) => sa(Et(t)), e.extend = (t) => (typeof t == "function" && (t = t(a ?? {})), sa(Et(a, t))), e.stop = pi, e.retry = br, e;
 }, Lr = sa();
 Lr.extend({
   hooks: {
@@ -11622,7 +11636,7 @@ function Br() {
 }
 let F = class extends re {
   constructor() {
-    super(...arguments), this.store = new it(this, b), this.displayLicense = !1, this.name = "ChatBot", this.orgId = "", this.botId = "", this.version = "current", this.testMode = "false", this.url = "ws://localhost:3070", this.logoUrl = "", this.logoSvg = `<svg width="24" height="24" viewBox="0 0 203 200" fill="none" xmlns="http://www.w3.org/2000/svg">
+    super(...arguments), this.store = new it(this, u), this.displayLicense = !1, this.name = "ChatBot", this.orgId = "", this.botId = "", this.version = "current", this.testMode = "false", this.url = "ws://localhost:3070", this.logoUrl = "", this.logoSvg = `<svg width="24" height="24" viewBox="0 0 203 200" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path d="M100.438 0C155.665 0 200.438 44.7723 200.438 100C200.438 155.228 155.665 200 100.438 200C45.2098 200 0.4375 155.228 0.4375 100C0.4375 44.7723 45.2098 0 100.438 0ZM130.093 60.6063C120.409 60.6063 115.205 61.458 109.344 65.0325C100.122 70.6592 95.629 80.1958 94.2273 93.877C94.1468 94.5544 93.8048 97.2571 93.4091 100.349C93.3152 101.06 93.2281 101.771 93.1409 102.455C92.7318 105.573 92.3093 108.739 92.0142 110.408C90.8808 117.041 89.2914 123.761 83.8927 126.759C83.6915 126.873 83.4702 126.967 83.2556 127.067C78.6013 129.093 72.2905 128.898 72.2905 128.898C72.2905 128.898 69.1988 128.885 69.1787 128.885C69.172 128.885 69.1921 128.885 69.1921 128.898L68.1057 143.632C87.7824 143.666 93.0537 139.213 93.0537 139.213C102.275 133.586 106.768 124.049 108.17 110.368C108.251 109.677 108.593 106.894 109.002 103.735C109.096 103.004 109.196 102.273 109.283 101.576C109.679 98.5246 110.095 95.4798 110.383 93.8435C111.517 87.2108 113.106 80.4842 118.505 77.4931C118.706 77.3791 118.921 77.2852 119.135 77.1846C123.756 75.1727 130.107 75.3471 130.107 75.3471C132.494 75.3269 133.219 75.4007 133.286 75.4074L134.292 60.6264C132.783 60.6264 130.107 60.6264 130.107 60.6264L130.093 60.6063Z" fill="#010101" style="fill:#010101;fill:color(display-p3 0.0039 0.0039 0.0039);fill-opacity:1;"/>
 </svg>`, this.closeSvg = '<svg viewBox="0 0 16 16" width="1.4em" height="1.4em"><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>', this.logoSvgGradient = `<svg width="28" height="28" viewBox="0 0 400 400" fill="none" xmlns="http://www.w3.org/2000/svg">
     <g clip-path="url(#clip0_830_884)">
@@ -11649,13 +11663,13 @@ let F = class extends re {
     }, this.handleFormSubmitEvent = (a) => {
       this._formSubmitHandler(a);
     }, this.boundScrollToBottomOnUpdate = this._scrollToBottomOnUpdate.bind(this), this.handleVisibilityChange = () => {
-      b.handleLifecycleResume("visibilitychange", this.boundScrollToBottomOnUpdate);
+      u.handleLifecycleResume("visibilitychange", this.boundScrollToBottomOnUpdate);
     }, this.handlePageShow = () => {
-      b.handleLifecycleResume("pageshow", this.boundScrollToBottomOnUpdate);
+      u.handleLifecycleResume("pageshow", this.boundScrollToBottomOnUpdate);
     }, this.handleWindowFocus = () => {
-      b.handleLifecycleResume("focus", this.boundScrollToBottomOnUpdate);
+      u.handleLifecycleResume("focus", this.boundScrollToBottomOnUpdate);
     }, this.handleWindowOnline = () => {
-      b.handleLifecycleResume("online", this.boundScrollToBottomOnUpdate);
+      u.handleLifecycleResume("online", this.boundScrollToBottomOnUpdate);
     }, this.fetchStream = Rr;
   }
   /**
@@ -11671,10 +11685,10 @@ let F = class extends re {
       isThinking: !0,
       data: {}
     };
-    return b.addMessage(a), a;
+    return u.addMessage(a), a;
   }
   addTestMessageRaw(a) {
-    b.addMessage(a);
+    u.addMessage(a);
   }
   addTestMessage(a = "") {
     const t = {
@@ -11685,58 +11699,58 @@ let F = class extends re {
         text: a !== "" ? a : "Long text.The element may not be scrolled completely to the top or bottom depending on the layout of other elements.The element may not be scrolled completely to the top or bottom depending on the layout of other elements."
       }
     };
-    return b.addMessage(t), t;
+    return u.addMessage(t), t;
   }
   addActions(a = []) {
-    b.addActions(a);
+    u.addActions(a);
   }
   render() {
-    return b.disabled && !this.alwaysOpen ? (Be.info("Bot is disabled until settings are loaded"), null) : u`
-      <div class="cb-wrapper${b.open ? " cb-open" : ""}" part="wrapper${b.open ? " open" : ""}" exportparts="new-conversation-wrapper new-conversation-button wrapper${b.open ? " open" : ""}">
+    return u.disabled && !this.alwaysOpen ? (Be.info("Bot is disabled until settings are loaded"), null) : b`
+      <div class="cb-wrapper${u.open ? " cb-open" : ""}" part="wrapper${u.open ? " open" : ""}" exportparts="new-conversation-wrapper new-conversation-button wrapper${u.open ? " open" : ""}">
         <cb-header title="${this.name}" exportparts="header, header-logo, header-title, header-close"></cb-header>
         <cb-message-list
-          .messages=${b.messages}
-          .actions=${b.actions}
-          .form=${b.form}
+          .messages=${u.messages}
+          .actions=${u.actions}
+          .form=${u.form}
           exportparts="bot-message-list, disclaimer-message, bot-message, cb-message, bot-message-content, user-message-content, user-avatar, assistant-avatar, feedback-wrapper,feedback-up,feedback-down,form, form-title, form-input, form-submit"
         ></cb-message-list>
         ${W(
-      b.showNewConversation,
-      () => u`
+      u.showNewConversation,
+      () => b`
               <div class="cb-new-conversation-wrapper" part="new-conversation-wrapper">
                 <button type="button" class="card-btn info" part="new-conversation-button" @click=${this.clearConversation}>Start New Conversation</button>
               </div>
             `,
-      () => u``
+      () => b``
     )}
         <cb-audio-controls exportparts="audio-controls-wrapper, audio-controls, audio-mute-button, audio-unmute-button, audio-end-button, audio-controls-viz"></cb-audio-controls>
         ${this.renderUserInput()} ${this.renderFeedbackDialog()}
       </div>
-      <cb-anchor ?open=${b.open} exportparts="anchor, anchor-badge, anchor-icon"></cb-anchor>
+      <cb-anchor ?open=${u.open} exportparts="anchor, anchor-badge, anchor-icon"></cb-anchor>
     `;
   }
   renderFeedbackDialog() {
-    return u`<cb-dialog-feedback></cb-dialog-feedback>`;
+    return b`<cb-dialog-feedback></cb-dialog-feedback>`;
   }
   _dialogCancelHandler() {
-    console.log("Feedback dialog cancelled"), b.feedback = !1;
+    console.log("Feedback dialog cancelled"), u.feedback = !1;
   }
   renderUserInput() {
-    return b.form || b.disabled && this.alwaysOpen ? null : b.setting.enableAudio ? u`
+    return u.form || u.disabled && this.alwaysOpen ? null : u.setting.enableAudio ? b`
         <cb-user-input-mm
           part="user-input-control"
-          ?loading=${b.connecting}
-          ?disabled=${b.connecting || b.form}
-          ?enable-file-upload=${b.setting.uploadImages && b.connected}
-          ?enable-audio=${b.setting.enableAudio && b.connected}
+          ?loading=${u.connecting}
+          ?disabled=${u.connecting || u.form}
+          ?enable-file-upload=${u.setting.uploadImages && u.connected}
+          ?enable-audio=${u.setting.enableAudio && u.connected}
           exportparts="user-input-control,user-input, user-input-wrapper, user-input-inner, user-input-base, upload-button, control-button, user-input-textarea, user-input-buttons-wrapper, user-input-send-icon, user-input-attach-icon"
-        ></cb-user-input-mm>` : u`
+        ></cb-user-input-mm>` : b`
         <cb-user-input
           part="user-input-control"
-          ?loading=${b.connecting}
-          ?disabled=${b.connecting || b.form}
-          ?enable-file-upload=${b.setting.uploadImages && b.connected}
-          ?enable-audio=${b.setting.enableAudio && b.connected}
+          ?loading=${u.connecting}
+          ?disabled=${u.connecting || u.form}
+          ?enable-file-upload=${u.setting.uploadImages && u.connected}
+          ?enable-audio=${u.setting.enableAudio && u.connected}
           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>`;
   }
@@ -11750,7 +11764,7 @@ let F = class extends re {
   // Extract css variables that control the appearance of the chatbot
   initCssVariables() {
     let a = getComputedStyle(this);
-    b.appearanceAnchorPopupPosition = this.extractCssVariable(a, "--enegelai-bot-anchor-popup-position", "top-end"), b.appearanceAnchorBadgeVariant = this.extractCssVariable(a, "--enegelai-bot-anchor-badge-variant", b.appearanceAnchorBadgeVariant), b.appearanceUserMessageAvatarPosition = this.extractCssVariable(a, "--enegelai-bot-user-message-avatar-position", "left");
+    u.appearanceAnchorPopupPosition = this.extractCssVariable(a, "--enegelai-bot-anchor-popup-position", "top-end"), u.appearanceAnchorBadgeVariant = this.extractCssVariable(a, "--enegelai-bot-anchor-badge-variant", u.appearanceAnchorBadgeVariant), u.appearanceUserMessageAvatarPosition = this.extractCssVariable(a, "--enegelai-bot-user-message-avatar-position", "left");
   }
   /*
     private getPopupPlacement() {
@@ -11792,34 +11806,34 @@ let F = class extends re {
   // initialize setting
   _initSetting() {
     Be.info("_initSetting");
-    const a = b.setting;
-    a.orgId = this.orgId, a.botId = this.botId, a.url = this.url, a.version = this.version || "current", a.testMode = this.testMode === "true", a.logoUrl = this.logoUrl, a.logoSvg = this.logoSvg, a.closeSvg = this.closeSvg, a.popupLogoSvg = this.popupLogoSvg, a.popupLogoUrl = this.popupLogoUrl, a.botIconSvg = this.botIconSvg, a.userIconSvg = this.userIconSvg, a.systemIconSvg = this.systemIconSvg, a.agentIconSvg = this.agentIconSvg, a.infoIconSvg = this.infoIconSvg, a.anchorOpenSvg = this.anchorOpenSvg, a.anchorCloseSvg = this.anchorCloseSvg, a.sendIconSvg = this.sendIconSvg, a.attachIconSvg = this.attachIconSvg, b.setSetting(a);
+    const a = u.setting;
+    a.orgId = this.orgId, a.botId = this.botId, a.url = this.url, a.version = this.version || "current", a.testMode = this.testMode === "true", a.logoUrl = this.logoUrl, a.logoSvg = this.logoSvg, a.closeSvg = this.closeSvg, a.popupLogoSvg = this.popupLogoSvg, a.popupLogoUrl = this.popupLogoUrl, a.botIconSvg = this.botIconSvg, a.userIconSvg = this.userIconSvg, a.systemIconSvg = this.systemIconSvg, a.agentIconSvg = this.agentIconSvg, a.infoIconSvg = this.infoIconSvg, a.anchorOpenSvg = this.anchorOpenSvg, a.anchorCloseSvg = this.anchorCloseSvg, a.sendIconSvg = this.sendIconSvg, a.attachIconSvg = this.attachIconSvg, u.setSetting(a);
     let e = {};
     try {
       e = JSON.parse(this.prefilledFormFields);
     } catch (t) {
       Be.error(`Failed to parse prefilled-form-fields attribute value, error: ${t?.message || ""}`), e = {};
     }
-    b.setPrefilledFormFields(e), this.open && (b.open = !0), this.alwaysOpen && (b.open = !0, b.alwaysOpen = !0);
+    u.setPrefilledFormFields(e), this.open && (u.open = !0), this.alwaysOpen && (u.open = !0, u.alwaysOpen = !0);
   }
   setLoading(a) {
     this.loading = a;
   }
   clearConversation() {
-    b.clearConversation().catch((a) => {
+    u.clearConversation().catch((a) => {
     });
   }
   setPrefilledFormFields(a) {
-    b.setPrefilledFormFields(a);
+    u.setPrefilledFormFields(a);
   }
   setOpen(a = !1) {
-    b.open = a;
+    u.open = a;
   }
   getOpen() {
-    return b.open;
+    return u.open;
   }
   toggleOpen() {
-    b.open = !b.open;
+    u.open = !u.open;
   }
   setInputValue(a = "") {
     this.emitExt("c7o:bot:input:setvalue", {
@@ -11832,15 +11846,15 @@ let F = class extends re {
   // It can be any data related with current user / current conversation,
   // for example, user profile, current product user is viewing on the web page, etc.
   setContext(a = {}) {
-    b.setContext(a).catch((e) => {
+    u.setContext(a).catch((e) => {
       Be.error(`Failed to set context, error: ${e?.message || ""}`);
     });
   }
   getContext() {
-    return b.getContext();
+    return u.getContext();
   }
   clearContext() {
-    return b.clearContext();
+    return u.clearContext();
   }
   // check auth
   _checkAuth() {
@@ -11897,11 +11911,11 @@ let F = class extends re {
   }
   // [sv2] for testing only
   processAgentConnected(a) {
-    b.handleAgentConnected(a).catch((e) => {
+    u.handleAgentConnected(a).catch((e) => {
     });
   }
   processAgentDisconnected(a) {
-    b.handleAgentDisconnected(a).catch((e) => {
+    u.handleAgentDisconnected(a).catch((e) => {
     });
   }
   _processSendMessage(a) {
@@ -11909,9 +11923,9 @@ let F = class extends re {
       console.log("_processSendMessage: input text is empty, ignored", a);
       return;
     }
-    a.data.text = Vt(a.data.text.trim()), b.isConversationStart() && (console.log("Start of conversation detected, emitting c7o:bot:conversationStart", a), a.conversationId = b.conversationId, this.emitExt("c7o:bot:conversationStart", {
+    a.data.text = Vt(a.data.text.trim()), u.isConversationStart() && (console.log("Start of conversation detected, emitting c7o:bot:conversationStart", a), a.conversationId = u.conversationId, this.emitExt("c7o:bot:conversationStart", {
       detail: a
-    })), b.sendMessage(a), setTimeout(() => {
+    })), u.sendMessage(a), setTimeout(() => {
       this._scrollToBottom();
     }, 50);
   }
@@ -11926,27 +11940,27 @@ let F = class extends re {
   }
   _chatbotToggleHandler(a) {
     const e = a.detail;
-    b.open = e.open, b.notifyWidgetOpenState(), this.emitExt(e.open ? "c7o:bot:open" : "c7o:bot:close"), b.unreadMessages = 0, b.suppressEngagePopup();
+    u.open = e.open, u.notifyWidgetOpenState(), this.emitExt(e.open ? "c7o:bot:open" : "c7o:bot:close"), u.unreadMessages = 0, u.suppressEngagePopup();
   }
   _deleteMessageHandler(a) {
     const e = a.detail;
-    b.removeMessage(e.id);
+    u.removeMessage(e.id);
   }
   async _uploadFileHandler(a) {
     const e = a.detail;
-    await b.uploadFiles(e.files);
+    await u.uploadFiles(e.files);
   }
   async _audioToggleHandler(a) {
-    Be.info("_audioToggleHandler called"), await b.toggleAudio();
+    Be.info("_audioToggleHandler called"), await u.toggleAudio();
   }
   // setting confirm handler
   _settingConfirmHandler(a) {
     const e = a.detail;
-    b.setSetting(e.setting), this.showSetting = !1, this._checkAuth();
+    u.setSetting(e.setting), this.showSetting = !1, this._checkAuth();
   }
   _formSubmitHandler(a) {
     const e = a.detail;
-    e.conversationId = b.conversationId, this.emitExt("c7o:bot:formSubmit", {
+    e.conversationId = u.conversationId, this.emitExt("c7o:bot:formSubmit", {
       detail: e
     });
   }