@enegelai/bot-widget 1.17.1 → 1.18.1

package/dist/index.es.js

@@ -1,5 +1,5 @@
-import { css as J, LitElement as Fe, html as u, nothing as Ae, svg as pe } from "lit";
-import { property as x, customElement as K, query as xe, state as Va, queryAll as Na, eventOptions as na } from "lit/decorators.js";
+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";
 import { registerIconLibrary as qi } from "@shoelace-style/shoelace";
@@ -29,7 +29,7 @@ import Wt from "highlight.js";
 import "@shoelace-style/shoelace/dist/components/popup/popup.js";
 import "@shoelace-style/shoelace/dist/components/rating/rating.js";
 import { createRef as ji, ref as At } from "lit/directives/ref.js";
-function Ua(a) {
+function Na(a) {
   return typeof a == "function" ? a() : a;
 }
 const Ht = class Ht extends Event {
@@ -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());
   }
@@ -58,7 +58,7 @@ const Hi = (a, e) => e !== a && (e === e || a === a), ba = class ba extends Even
   constructor() {
     super(), this.hookMap = /* @__PURE__ */ new Map(), this.constructor.finalize(), this.propertyMap && [...this.propertyMap].forEach(([e, t]) => {
       if (t.initialValue !== void 0) {
-        const i = Ua(t.initialValue);
+        const i = Na(t.initialValue);
         this[e] = i, t.value = i;
       }
     });
@@ -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 Jt = 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);
@@ -156,18 +156,18 @@ function Vi(a, e) {
   return a;
 }
 new URL(location.href);
-const Ni = {
+const Ui = {
   prefix: "_ls"
 };
 function ce(a) {
-  return a = { ...Ni, ...a }, (e, t) => {
+  return a = { ...Ui, ...a }, (e, t) => {
     const i = Object.getOwnPropertyDescriptor(e, t);
     if (!i)
       throw new Error("@local-storage decorator need to be called after @property");
     const s = `${a?.prefix || ""}_${a?.key || String(t)}`, r = e.constructor, o = r.propertyMap.get(t), f = o?.type;
     if (o) {
       const w = o.initialValue;
-      o.initialValue = () => Vi(localStorage.getItem(s), f) ?? Ua(w), r.propertyMap.set(t, { ...o, ...a });
+      o.initialValue = () => Vi(localStorage.getItem(s), f) ?? Na(w), r.propertyMap.set(t, { ...o, ...a });
     }
     const p = i?.set, k = {
       ...i,
@@ -181,12 +181,12 @@ function ce(a) {
 function Wa(a) {
   return a && a.__esModule && Object.prototype.hasOwnProperty.call(a, "default") ? a.default : a;
 }
-var Lt = { exports: {} }, Ui = Lt.exports, _a;
+var Lt = { exports: {} }, Ni = Lt.exports, _a;
 function Wi() {
   return _a || (_a = 1, (function(a) {
     (function(e, t) {
       a.exports ? a.exports = t() : e.log = t();
-    })(Ui, function() {
+    })(Ni, function() {
       var e = function() {
       }, t = "undefined", i = typeof window !== t && typeof window.navigator !== t && /Trident\/|MSIE /.test(window.navigator.userAgent), s = [
         "trace",
@@ -230,18 +230,18 @@ function Wi() {
         return v(M) || w.apply(this, arguments);
       }
       function P(M, L) {
-        var C = this, Z, U, X, te = "loglevel";
+        var C = this, Z, N, X, te = "loglevel";
         typeof M == "string" ? te += ":" + M : typeof M == "symbol" && (te = void 0);
         function He(H) {
-          var N = (s[H] || "silent").toUpperCase();
+          var U = (s[H] || "silent").toUpperCase();
           if (!(typeof window === t || !te)) {
             try {
-              window.localStorage[te] = N;
+              window.localStorage[te] = U;
               return;
             } catch {
             }
             try {
-              window.document.cookie = encodeURIComponent(te) + "=" + N + ";";
+              window.document.cookie = encodeURIComponent(te) + "=" + U + ";";
             } catch {
             }
           }
@@ -255,9 +255,9 @@ function Wi() {
             }
             if (typeof H === t)
               try {
-                var N = window.document.cookie, $e = encodeURIComponent(te), Pe = N.indexOf($e + "=");
+                var U = window.document.cookie, $e = encodeURIComponent(te), Pe = U.indexOf($e + "=");
                 Pe !== -1 && (H = /^([^;]+)/.exec(
-                  N.slice(Pe + $e.length + 1)
+                  U.slice(Pe + $e.length + 1)
                 )[1]);
               } catch {
               }
@@ -277,9 +277,9 @@ function Wi() {
           }
         }
         function ge(H) {
-          var N = H;
-          if (typeof N == "string" && C.levels[N.toUpperCase()] !== void 0 && (N = C.levels[N.toUpperCase()]), typeof N == "number" && N >= 0 && N <= C.levels.SILENT)
-            return N;
+          var U = H;
+          if (typeof U == "string" && C.levels[U.toUpperCase()] !== void 0 && (U = C.levels[U.toUpperCase()]), typeof U == "number" && U >= 0 && U <= C.levels.SILENT)
+            return U;
           throw new TypeError("log.setLevel() called with invalid level: " + H);
         }
         C.name = M, C.levels = {
@@ -290,11 +290,11 @@ function Wi() {
           ERROR: 4,
           SILENT: 5
         }, C.methodFactory = L || _, C.getLevel = function() {
-          return X ?? U ?? Z;
-        }, C.setLevel = function(H, N) {
-          return X = ge(H), N !== !1 && He(X), k.call(C);
+          return X ?? N ?? Z;
+        }, C.setLevel = function(H, U) {
+          return X = ge(H), U !== !1 && He(X), k.call(C);
         }, C.setDefaultLevel = function(H) {
-          U = ge(H), ae() || C.setLevel(H, !1);
+          N = ge(H), ae() || C.setLevel(H, !1);
         }, C.resetLevel = function() {
           X = null, he(), k.call(C);
         }, C.enableAll = function(H) {
@@ -330,7 +330,7 @@ function Wi() {
   })(Lt)), Lt.exports;
 }
 var Gi = Wi();
-const Je = /* @__PURE__ */ Wa(Gi), Xi = J`
+const Ke = /* @__PURE__ */ Wa(Gi), Xi = K`
   :host {
     --enegelai-bot-width: 420px;
     --enegelai-bot-base-font-size: 16px;
@@ -414,7 +414,7 @@ const Je = /* @__PURE__ */ Wa(Gi), Xi = J`
       border-radius: 0;
     }
   }
-`, ke = J`
+`, ke = K`
   :host {
     --primary-color: var(--sl-color-primary-600);
   }
@@ -638,7 +638,7 @@ const Je = /* @__PURE__ */ Wa(Gi), Xi = J`
   }
 
 
-`, Ga = J`
+`, Ga = K`
   ${ke}
 
   :host {
@@ -663,30 +663,30 @@ const Je = /* @__PURE__ */ Wa(Gi), Xi = J`
     color: white;
   }
 `;
-var Yi = Object.defineProperty, Ji = Object.getOwnPropertyDescriptor, ra = (a, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ji(e, t) : e, r = a.length - 1, o; r >= 0; r--)
+var Yi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, ra = (a, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Ki(e, t) : e, r = a.length - 1, o; r >= 0; r--)
     (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([
-  K("cb-icon")
-], ut);
-let Ki = (a) => crypto.getRandomValues(new Uint8Array(a)), Zi = (a, e, t) => {
+], bt.prototype, "svg", 2);
+bt = ra([
+  J("cb-icon")
+], 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) => {
     let o = "";
@@ -696,7 +696,7 @@ let Ki = (a) => crypto.getRandomValues(new Uint8Array(a)), Zi = (a, e, t) => {
         if (o += a[f[p] & i] || "", o.length >= r) return o;
     }
   };
-}, Qi = (a, e = 21) => Zi(a, e | 0, Ki);
+}, Qi = (a, e = 21) => Zi(a, e | 0, Ji);
 const es = Qi("1234567890abcdefghijklmnopqrstuvwxyz", 10);
 function fe(a = 10) {
   return es(a);
@@ -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 = Je.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.
@@ -930,7 +930,7 @@ class is {
     }
   }
 }
-class Ke {
+class Je {
   /**
    * Converts Float32Array of amplitude data to ArrayBuffer in Int16Array format
    * @param {Float32Array} float32Array
@@ -1025,7 +1025,7 @@ class Ke {
     };
   }
 }
-globalThis.WavPacker = Ke;
+globalThis.WavPacker = Je;
 const Ca = [
   4186.01,
   4434.92,
@@ -1079,9 +1079,9 @@ class lt {
       const E = s === "voice" ? Aa : We, M = Array(E.length).fill(r);
       for (let L = 0; L < i.length; L++) {
         const C = L * p, Z = i[L];
-        for (let U = E.length - 1; U >= 0; U--)
-          if (C > E[U]) {
-            M[U] = Math.max(M[U], Z);
+        for (let N = E.length - 1; N >= 0; N--)
+          if (C > E[N]) {
+            M[N] = Math.max(M[N], Z);
             break;
           }
       }
@@ -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
@@ -1959,13 +1959,13 @@ class gs {
         throw new Error('Must specify "fromSampleRate" when reading from Float32Array, In16Array or Array');
       if (i < 3e3)
         throw new Error('Minimum "fromSampleRate" is 3000 (3kHz)');
-      w || (w = Ke.floatTo16BitPCM(k));
+      w || (w = Je.floatTo16BitPCM(k));
       const _ = {
         bitsPerSample: 16,
         channels: [k],
         data: w
       };
-      o = new Ke().pack(i, _).blob, r = await o.arrayBuffer();
+      o = new Je().pack(i, _).blob, r = await o.arrayBuffer();
     }
     const f = await s.decodeAudioData(r), p = f.getChannelData(0), v = URL.createObjectURL(o);
     return {
@@ -2138,8 +2138,8 @@ class gs {
         if (this._chunkProcessorSize) {
           const w = this._chunkProcessorBuffer;
           this._chunkProcessorBuffer = {
-            raw: Ke.mergeBuffers(w.raw, k.raw),
-            mono: Ke.mergeBuffers(w.mono, k.mono)
+            raw: Je.mergeBuffers(w.raw, k.raw),
+            mono: Je.mergeBuffers(w.mono, k.mono)
           }, this._chunkProcessorBuffer.mono.byteLength >= this._chunkProcessorSize && (this._chunkProcessor(this._chunkProcessorBuffer), this._chunkProcessorBuffer = {
             raw: new ArrayBuffer(0),
             mono: new ArrayBuffer(0)
@@ -2225,7 +2225,7 @@ use only for debugging`), o.connect(t.destination)), this.source = i, this.node
       throw new Error("Currently recording: please call .pause() first, or call .save(true) to force");
     this.log("Exporting ...");
     const t = await this._event("export");
-    return new Ke().pack(this.sampleRate, t.audio);
+    return new Je().pack(this.sampleRate, t.audio);
   }
   /**
    * Ends the current recording session and saves the result
@@ -2237,7 +2237,7 @@ use only for debugging`), o.connect(t.destination)), this.source = i, this.node
     const e = this.processor;
     this.log("Stopping ..."), await this._event("stop"), this.recording = !1, this.stream.getTracks().forEach((o) => o.stop()), this.log("Exporting ...");
     const i = await this._event("export", {}, e);
-    return this.processor.disconnect(), this.source.disconnect(), this.node.disconnect(), this.analyser.disconnect(), this.stream = null, this.processor = null, this.source = null, this.node = null, new Ke().pack(this.sampleRate, i.audio);
+    return this.processor.disconnect(), this.source.disconnect(), this.node.disconnect(), this.analyser.disconnect(), this.stream = null, this.processor = null, this.source = null, this.node = null, new Je().pack(this.sampleRate, i.audio);
   }
   /**
    * Performs a full cleanup of WavRecorder instance
@@ -2590,15 +2590,15 @@ class ys {
       this.guardRemain > 0 && this.guardRemain--;
       const M = e[E] / 32768, L = M * M;
       f = f + (1 - this.alphaFast) * (L - f), p = p + (1 - this.alphaSlow) * (L - p), this.vadEnabled && (f / (p + _) >= P ? v < this.vadAttackSamples && v++ : v = 0, v >= this.vadAttackSamples ? (w = !0, k = this.vadHangSamples) : k > 0 ? (w = !0, k--) : w = !1), w && this._shieldActive && (this._shieldActive = !1, this.target = 1, o = this.escapeAttackSamples, r = o > 0 ? (1 - s) / o : 0);
-      let C = 1, Z = 0, U = !1;
+      let C = 1, Z = 0, N = !1;
       if (this.duckActive) {
         const te = this.guardRemain > 0;
-        te && this._shieldActive && !w ? (U = this._shieldHardMute, C = this._shieldHardMute ? 0 : this._shieldFloor, Z = this.attackSamples, this.guardRemain === 0 && (this._shieldActive = !1, this._shieldHardMute = !1)) : w ? (C = 1, Z = this.escapeAttackSamples) : te ? (C = this.floor, Z = this.attackSamples) : (C = 1, Z = this.releaseSamples);
+        te && this._shieldActive && !w ? (N = this._shieldHardMute, C = this._shieldHardMute ? 0 : this._shieldFloor, Z = this.attackSamples, this.guardRemain === 0 && (this._shieldActive = !1, this._shieldHardMute = !1)) : w ? (C = 1, Z = this.escapeAttackSamples) : te ? (C = this.floor, Z = this.attackSamples) : (C = 1, Z = this.releaseSamples);
       } else
         C = 1, Z = this.releaseSamples;
       Math.abs(C - this.target) > 1e-4 && (this.target = C, o = Z, r = o > 0 ? (C - s) / o : 0, o === 0 && (s = C)), o > 0 && (s += r, o--, o === 0 && (s = this.target, r = 0));
       let X;
-      U && !w ? X = 0 : (X = e[E] * s, X > 32767 ? X = 32767 : X < -32768 && (X = -32768)), i[E] = X | 0;
+      N && !w ? X = 0 : (X = e[E] * s, X > 32767 ? X = 32767 : X < -32768 && (X = -32768)), i[E] = X | 0;
     }
     return this.gain = s, this._step = r, this.rampRemain = o, this.vadFast = f, this.vadSlow = p, this._speechCount = v, this._hangRemain = k, this._speaking = w, i;
   }
@@ -2702,14 +2702,14 @@ class vs {
     }
     E = Math.sqrt(E) + 1e-12;
     const M = this.sr / this.ds, L = (this.baseLatencySec + this.outputLatencySec) * 1e3 + this.latencyCompMs, C = Math.max(0, Math.round(L * M / 1e3)), Z = Math.max(1, Math.round(this.windowMs * M / 1e3));
-    let U = 0, X = k;
-    C > 0 && (U = Math.max(0, Math.min(k, C - Z)), X = Math.max(U, Math.min(k, C + Z)));
+    let N = 0, X = k;
+    C > 0 && (N = Math.max(0, Math.min(k, C - Z)), X = Math.max(N, Math.min(k, C + Z)));
     const te = Math.max(1, Math.floor(this.hop / this.ds));
     let He = -1;
-    for (let ae = U; ae <= X; ae += te) {
+    for (let ae = N; ae <= X; ae += te) {
       let he = 0, ge = 0;
-      for (let N = 0; N < o; N++) {
-        const $e = _[N], Pe = P[ae + N];
+      for (let U = 0; U < o; U++) {
+        const $e = _[U], Pe = P[ae + U];
         he += $e * Pe, ge += Pe * Pe;
       }
       const j = E * (Math.sqrt(ge) + 1e-12), H = j > 0 ? he / j : 0;
@@ -2954,8 +2954,8 @@ class xs {
     }
   }
 }
-const Ue = Je.noConflict();
-Ue.setLevel("info");
+const Ne = Ke.noConflict();
+Ne.setLevel("info");
 class pt extends is {
   constructor(e = {}) {
     super({ name: "WebAudioProcessorV2" }), this.options = e, this.muted = !1, this.audioRecorder = new ot({
@@ -3034,13 +3034,13 @@ class pt extends is {
     e(), this._latencyTimer = setInterval(e, 1e3);
     try {
       const t = this.audioRecorder.captureInfo?.aecGranted;
-      t && Ue.info("AEC granted:", t);
+      t && Ne.info("AEC granted:", t);
     } catch {
     }
-    Ue.info("WebAudioProcessorV2 started");
+    Ne.info("WebAudioProcessorV2 started");
   }
   async stop() {
-    this._stopRecWatchdog(), this.audioRecorder.getStatus() !== "ended" && (await this.audioRecorder.end(), this.audioRecorder = null), this.audioRecorderAnalyzer = null, this.audioPlayer?.context && (await this.audioPlayer.disconnect(), this.audioPlayer = null), this._latencyTimer && (clearInterval(this._latencyTimer), this._latencyTimer = null), this._didPlayOnce = !1, Ue.info("WebAudioProcessorV2 stopped");
+    this._stopRecWatchdog(), this.audioRecorder.getStatus() !== "ended" && (await this.audioRecorder.end(), this.audioRecorder = null), this.audioRecorderAnalyzer = null, this.audioPlayer?.context && (await this.audioPlayer.disconnect(), this.audioPlayer = null), this._latencyTimer && (clearInterval(this._latencyTimer), this._latencyTimer = null), this._didPlayOnce = !1, Ne.info("WebAudioProcessorV2 stopped");
   }
   get started() {
     return !!(this.audioRecorder && this.audioRecorder.getStatus() !== "ended");
@@ -3062,7 +3062,7 @@ class pt extends is {
   }
   async _checkRecordingHealth(e) {
     const i = Date.now() - this._lastMicCaptureTime;
-    i > 2e3 && (Ue.warn(`WebAudioProcessorV2: large gap between mic frames: ${i} ms detected, possible lock or suspend - terminating audio`), this.emit("terminate").catch(() => {
+    i > 2e3 && (Ne.warn(`WebAudioProcessorV2: large gap between mic frames: ${i} ms detected, possible lock or suspend - terminating audio`), this.emit("terminate").catch(() => {
     }));
   }
   // ---- Capture ----
@@ -3071,7 +3071,7 @@ class pt extends is {
    * Your existing 'audio' event is preserved: payload includes base64 of Int16 PCM.
    */
   async beginAudioCapture() {
-    !this.started || this.recording || (Ue.info("WebAudioProcessorV2: beginAudioCapture"), this._lastMicCaptureTime = Date.now(), this._startRecWatchdog(), await this.audioRecorder.record((e) => {
+    !this.started || this.recording || (Ne.info("WebAudioProcessorV2: beginAudioCapture"), this._lastMicCaptureTime = Date.now(), this._startRecWatchdog(), await this.audioRecorder.record((e) => {
       if (e?.mono && e.mono?.byteLength) {
         this._lastMicCaptureTime = Date.now();
         let t = new Int16Array(e.mono);
@@ -3081,12 +3081,12 @@ class pt extends is {
         const i = this.useAdaptiveSuppressor ? this.mixMinusSmooth.filterMicFrame(t) : this.mixMinus.filterMicFrame(t) || new Int16Array(0);
         if (i.length === 0) return;
         const s = pt.arrayBufferToBase64(i);
-        Ue.info(`Audio: mono ${e.mono.byteLength} bytes, base64 ${s.length} bytes`), this.emit("audio", { audio: s });
+        Ne.info(`Audio: mono ${e.mono.byteLength} bytes, base64 ${s.length} bytes`), this.emit("audio", { audio: s });
       }
     }));
   }
   async endAudioCapture() {
-    !this.started || !this.recording || (Ue.info("WebAudioProcessorV2: endAudioCapture"), this._stopRecWatchdog(), await this.audioRecorder.pause());
+    !this.started || !this.recording || (Ne.info("WebAudioProcessorV2: endAudioCapture"), this._stopRecWatchdog(), await this.audioRecorder.pause());
   }
   // ---- Playback ----
   /**
@@ -3208,7 +3208,7 @@ function Ss() {
   }
   return a;
 }
-function Ja(a) {
+function Ka(a) {
   const e = Ss(), t = document.createElement("cb-toast");
   return t.message = a.message, t.variant = a.variant ?? "success", t.duration = typeof a.duration == "number" ? a.duration : 3e3, t.closeable = !!a.closeable, t.icon = a.icon ?? "", t.ariaLive = a.ariaLive ?? "polite", e.appendChild(t), t;
 }
@@ -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,10 +3256,10 @@ 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 = J`
+qe.styles = K`
     :host {
       display: block;
       pointer-events: auto; /* receive pointer events within toast */
@@ -3386,7 +3386,7 @@ st([
   x({ type: String })
 ], qe.prototype, "ariaLive", 2);
 qe = st([
-  K("cb-toast")
+  J("cb-toast")
 ], qe);
 function Q(a) {
   return a != null && typeof a == "object" && a["@@functional/placeholder"] === !0;
@@ -3476,18 +3476,18 @@ var $s = Object.defineProperty, O = (a, e, t, i) => {
     (o = a[r]) && (s = o(e, t, s) || s);
   return s && $s(e, t, s), s;
 };
-const T = Je.noConflict();
+const T = Ke.noConflict();
 T.setLevel("info");
-const ne = "cb_", Ps = (a) => new Promise((e) => setTimeout(e, a));
-class R extends Jt {
+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.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}`);
+    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}`);
   }
   // this is called at startup
   setSetting(e) {
     T.info("appState: Startup: setSetting", e);
     const t = this.setting;
-    !!t && (t.orgId !== e.orgId || t.botId !== e.botId || t.url !== e.url || t.version !== e.version) && (this.botSettingsInitialized = !1, this.botSettings = null, this.botSettingsRetryTimeout = 5, this.disabled = !1), this.setting = e, this.initBot().catch((s) => {
+    !!t && (t.orgId !== e.orgId || t.botId !== e.botId || t.url !== e.url || t.version !== e.version || t.testMode !== e.testMode) && (this.botSettingsInitialized = !1, this.botSettings = null, this.botSettingsRetryTimeout = 5, this.disabled = !1), this.setting = e, this.initBot().catch((s) => {
       T.info(`Exception during bot initialization: ${s.message}`);
     });
   }
@@ -3527,7 +3527,7 @@ class R extends Jt {
         }, 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 Jt {
       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 Jt {
     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)
@@ -3808,7 +3821,7 @@ class R extends Jt {
       return this.wsClient;
     let t = `${this.setting.url.startsWith("localhost") ? "ws" : "wss"}://${this.setting.url}/api/bot/connect/${this.setting.orgId}/${this.setting.botId}/${this.conversationId}`;
     const i = new URL(t);
-    if (this.setting.version && this.setting.version !== "current" && i.searchParams.set("version", this.setting.version), this.setting.enableMultiModalConnection && (i.searchParams.set("multiModal", "true"), T.info("MultiModal connection enabled - adding multiModal=true parameter")), this.setting.enablePassContextOnConnect && this.context && typeof this.context == "object")
+    if (this.setting.version && this.setting.version !== "current" && i.searchParams.set("version", this.setting.version), this.setting.testMode && (i.searchParams.set("testMode", "true"), T.info("Test Mode enabled - adding testMode=true parameter")), this.setting.enableMultiModalConnection && (i.searchParams.set("multiModal", "true"), T.info("MultiModal connection enabled - adding multiModal=true parameter")), this.setting.enablePassContextOnConnect && this.context && typeof this.context == "object")
       try {
         const s = JSON.stringify(this.context);
         i.searchParams.set("context", s), T.info("Adding context to connect URL");
@@ -3838,6 +3851,39 @@ class R extends Jt {
     T.info(`WSC: connection closed, connected: ${this.wsClient?.connected}`, e), this.stopWebAudio().catch((t) => {
     }), this.connected = !1;
   }
+  async _checkConnection() {
+    try {
+      const e = await this.getWsClient();
+      if (!e) {
+        T.error("Error - failed to obtain ws client for check connection");
+        return;
+      }
+      e.checkConnection();
+    } catch (e) {
+      T.error(`Check connection failed: ${e.message}`);
+    }
+  }
+  // Check connection for parallel calls - if there is already a check in progress, wait for it instead of starting a new one
+  async checkConnection() {
+    return this.checkConnectionPromise || (this.checkConnectionPromise = this._checkConnection().finally(() => {
+      this.checkConnectionPromise = null;
+    })), this.checkConnectionPromise;
+  }
+  // Called on browser/app lifecycle resume events to quickly recover stale socket state.
+  handleLifecycleResume(e = "unknown", t = () => {
+  }) {
+    if (e === "visibilitychange" && document.visibilityState !== "visible") {
+      T.info("WSC: lifecycle resume - document not visible, skipping connection check");
+      return;
+    }
+    if (this.isConversationStart()) {
+      T.info("WSC: lifecycle resume - conversation just started, skipping connection check");
+      return;
+    }
+    T.info(`WSC: lifecycle resume (${e})`), this.checkConnection().finally(() => {
+      t();
+    });
+  }
   async handleWscConnectError(e) {
     T.info("WSC: connect error - resetting conversation", e);
     const t = this.wsClient?.url || null;
@@ -4165,7 +4211,7 @@ class R extends Jt {
       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) {
@@ -4251,11 +4297,11 @@ class R extends Jt {
   }
   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.`
-      ), Ja({
+      ), Ka({
         message: `File is larger than ${t} MB`,
         variant: "danger",
         duration: 3800,
@@ -4296,42 +4342,42 @@ class R extends Jt {
   }
 }
 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: []
@@ -4376,7 +4422,7 @@ O([
   })
 ], R.prototype, "actions");
 O([
-  ce({ prefix: ne }),
+  ce({ prefix: ie }),
   z({ type: Object, value: null })
 ], R.prototype, "form");
 O([
@@ -4398,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: {
@@ -4420,6 +4466,7 @@ O([
       botId: null,
       url: null,
       version: "current",
+      testMode: !1,
       welcomeMessage: null,
       disclaimerMessage: null,
       enableShowFullDisclaimerMessage: !1,
@@ -4435,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([
@@ -4474,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([
@@ -4493,7 +4541,7 @@ O([
 O([
   z({ type: Boolean, value: !1 })
 ], R.prototype, "webAudioMuted");
-const b = new R(), Ls = J`
+const u = new R(), Ls = K`
   ${ke}
   :host {
     position: relative;
@@ -4613,7 +4661,7 @@ class re extends Fe {
 zs([
   x({ type: String })
 ], re.prototype, "lang");
-var Os = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, Ka = (a, e, t, i) => {
+var Os = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, Ja = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Bs(e, t) : e, r = a.length - 1, o; r >= 0; r--)
     (o = a[r]) && (s = (i ? o(e, t, s) : o(s)) || s);
   return i && s && Os(e, t, s), s;
@@ -4629,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>`;
   }
@@ -4682,13 +4730,13 @@ let Ot = class extends re {
   }
 };
 Ot.styles = Ls;
-Ka([
+Ja([
   x({ type: String, attribute: "title" })
 ], Ot.prototype, "title", 2);
-Ot = Ka([
-  K("cb-header")
+Ot = Ja([
+  J("cb-header")
 ], Ot);
-const Ds = J`
+const Ds = K`
   ${ke}
   .cb-footer {
     line-height: 60px;
@@ -4708,12 +4756,12 @@ var Fs = Object.getOwnPropertyDescriptor, js = (a, e, t, i) => {
     (o = a[r]) && (s = o(s) || s);
   return s;
 };
-let Kt = class extends re {
+let Jt = class extends re {
   constructor() {
     super(...arguments), this.year = (/* @__PURE__ */ new Date()).getFullYear();
   }
   render() {
-    return u`
+    return b`
             <div class="cb-footer" part="footer">
                 yugasun@${this.year}
                 <a
@@ -4743,11 +4791,11 @@ let Kt = class extends re {
         `;
   }
 };
-Kt.styles = Ds;
-Kt = js([
-  K("cb-footer")
-], Kt);
-const Hs = J`
+Jt.styles = Ds;
+Jt = js([
+  J("cb-footer")
+], Jt);
+const Hs = K`
   ${ke}
 
   :host {
@@ -4948,7 +4996,7 @@ const Hs = J`
     background-size: 100%;
     transition: background 0s;
   }
-`, Za = J`
+`, Za = K`
   :host {
     --primary-color: var(--sl-color-primary-600);
   }
@@ -5102,7 +5150,7 @@ const Hs = J`
   .card-btn[aria-disabled="true"]:focus-visible {
     box-shadow: none;
   }
-`, Qa = J`
+`, Qa = K`
   :host {
     --primary-color: var(--sl-color-primary-600);
   }
@@ -5193,8 +5241,8 @@ const Hs = J`
   }
   .split-btn[aria-expanded="true"] .split-btn__caret { transform: rotate(180deg); }
 `;
-var Vs = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, je = (a, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Ns(e, t) : e, r = a.length - 1, o; r >= 0; r--)
+var Vs = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, je = (a, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Us(e, t) : e, r = a.length - 1, o; r >= 0; r--)
     (o = a[r]) && (s = (i ? o(e, t, s) : o(s)) || s);
   return i && s && Vs(e, t, s), s;
 };
@@ -5203,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"
@@ -5230,7 +5278,7 @@ let gt = class extends Fe {
     this.dispatchEvent(new CustomEvent("select", { detail: { option: e }, bubbles: !0, composed: !0 }));
   }
 };
-gt.styles = J`
+gt.styles = K`
     :host {
       position: fixed;      /* overlay */
       left: 0;
@@ -5290,7 +5338,7 @@ je([
   x({ type: Number })
 ], gt.prototype, "minWidth", 2);
 gt = je([
-  K("cb-split-menu")
+  J("cb-split-menu")
 ], gt);
 let Ge = class extends Fe {
   constructor() {
@@ -5306,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}
@@ -5394,14 +5442,14 @@ je([
   xe(".split-btn")
 ], Ge.prototype, "_btn", 2);
 Ge = je([
-  K("cb-split-button")
+  J("cb-split-button")
 ], Ge);
-var Us = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, wt = (a, e, t, i) => {
+var Ns = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, wt = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Ws(e, t) : e, r = a.length - 1, o; r >= 0; r--)
     (o = a[r]) && (s = (i ? o(e, t, s) : o(s)) || s);
-  return i && s && Us(e, t, s), s;
+  return i && s && Ns(e, t, s), s;
 };
-const Tt = Je.noConflict(), $a = "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", Gs = J`
+const Tt = Ke.noConflict(), $a = "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", Gs = K`
   :host { display: block; width: 100%; color: var(--cb-fg, #111827); }
 
   /* CARD */
@@ -5509,25 +5557,25 @@ let Me = class extends Fe {
   }
   /* ----------------- CARD ----------------- */
   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((U) => (U.type ?? "").toLowerCase() === "primary"), M = r.some((U) => (U.type ?? "").toLowerCase() === "secondary"), L = ["card__actions", E && M ? "card__actions--between" : ""].filter(Boolean).join(" "), C = () => {
+    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 U = 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"}>${U}</a>` : U;
-    }, 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((U, X) => this.renderAnyButton(U, X))}
+              ${r.map((N, X) => this.renderAnyButton(N, X))}
             </div>` : Ae}
         </div>
       </div>
@@ -5539,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}
@@ -5549,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}
@@ -5560,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}
@@ -5576,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>`;
   }
@@ -5586,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}">
@@ -5598,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"
@@ -5609,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>
@@ -5674,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) {
@@ -5721,7 +5769,7 @@ let Me = class extends Fe {
       body: JSON.stringify(r)
     });
     if (!o.ok) {
-      Tt.error("c7o: cart/add.js failed"), Ja({
+      Tt.error("c7o: cart/add.js failed"), Ka({
         message: "Unable to add item to cart.",
         variant: "danger",
         duration: 2800,
@@ -5747,7 +5795,7 @@ wt([
   Va()
 ], Me.prototype, "_canNext", 2);
 Me = wt([
-  K("cb-block")
+  J("cb-block")
 ], Me);
 var Xs = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, ei = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Ys(e, t) : e, r = a.length - 1, o; r >= 0; r--)
@@ -5759,14 +5807,14 @@ 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>
     `;
   }
 };
-Bt.styles = J`
+Bt.styles = K`
     :host {
       display: block;
     }
@@ -5781,14 +5829,14 @@ ei([
   x({ type: Array })
 ], Bt.prototype, "blocks", 2);
 Bt = ei([
-  K("cb-blocks")
+  J("cb-blocks")
 ], Bt);
-var Rt = { exports: {} }, Js = Rt.exports, Pa;
-function Ks() {
+var Rt = { exports: {} }, Ks = Rt.exports, Pa;
+function Js() {
   return Pa || (Pa = 1, (function(a, e) {
     (function(t, i) {
       a.exports = i();
-    })(Js, (function() {
+    })(Ks, (function() {
       function t(n, c) {
         if (!(n instanceof c)) throw new TypeError("Cannot call a class as a function");
       }
@@ -5834,16 +5882,16 @@ function Ks() {
         return n;
       }
       function v(n, c) {
-        if ((N(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;
       }
@@ -5902,7 +5950,7 @@ function Ks() {
       function Z(n) {
         n.style.display = "block";
       }
-      function U(n) {
+      function N(n) {
         n.style.display = "none";
       }
       function X(n) {
@@ -5928,7 +5976,7 @@ function Ks() {
         }
       }
       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;
@@ -5970,7 +6018,7 @@ function Ks() {
       function H(n) {
         return typeof n == "string";
       }
-      function N(n) {
+      function U(n) {
         return !(!n || !n.nodeType || n.nodeType != 1);
       }
       function $e(n) {
@@ -5982,17 +6030,17 @@ function Ks() {
       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;
@@ -6139,7 +6187,7 @@ function Ks() {
         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();
@@ -6155,9 +6203,9 @@ function Ks() {
           }
           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() {
@@ -6170,8 +6218,8 @@ function Ks() {
         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;
-        if (A && (H(A) && (h = X('<div class="ginlined-content">'.concat(A, "</div>"))), N(A))) {
+        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");
           S.className = "ginlined-content", S.appendChild(A), h = S;
@@ -6204,33 +6252,33 @@ function Ks() {
         return (n = n.toLowerCase()).match(/\.(jpeg|jpg|jpe|gif|png|apn|webp|avif|svg)/) !== null ? "image" : n.match(/(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/) || n.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) || n.match(/(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/) || n.match(/(youtube\.com|youtube-nocookie\.com)\/shorts\/([a-zA-Z0-9\-_]+)/) || n.match(/vimeo\.com\/([0-9]*)/) || n.match(/\.(mp4|ogg|webm|mov)/) !== null ? "video" : n.match(/\.(mp3|wav|wma|aac|ogg)/) !== null ? "audio" : n.indexOf("#") > -1 && c.split("#").pop().trim() !== "" ? "inline" : n.indexOf("goajax=true") > -1 ? "ajax" : "external";
       } }, { key: "parseConfig", value: function(n, c) {
         var l = this, d = p({ descPosition: c.descPosition }, this.defaults);
-        if (Ve(n) && !N(n)) {
-          ie(n, "type") || (ie(n, "content") && n.content ? n.type = "inline" : ie(n, "href") && (n.type = this.sourceType(n.href)));
+        if (Ve(n) && !U(n)) {
+          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);
             }
           }));
@@ -6251,7 +6299,7 @@ function Ks() {
         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) {
@@ -6299,7 +6347,7 @@ function Ks() {
       } }, { key: "create", value: function() {
         return X(this.instance.settings.slideHTML);
       } }, { key: "getConfig", value: function() {
-        N(this.element) || this.element.hasOwnProperty("draggable") || (this.element.draggable = this.instance.settings.draggable);
+        U(this.element) || this.element.hasOwnProperty("draggable") || (this.element.draggable = this.instance.settings.draggable);
         var n = new Ai(this.instance.settings.slideExtraAttributes);
         return this.slideConfig = n.parseConfig(this.element, this.instance.settings), this.slideConfig;
       } }]);
@@ -6400,7 +6448,7 @@ function Ks() {
       } }, { key: "destroy", value: function() {
         return this.singleTapTimeout && clearTimeout(this.singleTapTimeout), this.tapTimeout && clearTimeout(this.tapTimeout), this.longTapTimeout && clearTimeout(this.longTapTimeout), this.swipeTimeout && clearTimeout(this.swipeTimeout), this.element.removeEventListener("touchstart", this.start), this.element.removeEventListener("touchmove", this.move), this.element.removeEventListener("touchend", this.end), this.element.removeEventListener("touchcancel", this.cancel), this.rotate.del(), this.touchStart.del(), this.multipointStart.del(), this.multipointEnd.del(), this.pinch.del(), this.swipe.del(), this.tap.del(), this.doubleTap.del(), this.longTap.del(), this.singleTap.del(), this.pressMove.del(), this.twoFingerPressMove.del(), this.touchMove.del(), this.touchEnd.del(), this.touchCancel.del(), this.preV = this.pinchStartLen = this.zoom = this.isDoubleTap = this.delta = this.last = this.now = this.tapTimeout = this.singleTapTimeout = this.longTapTimeout = this.swipeTimeout = this.x1 = this.x2 = this.y1 = this.y2 = this.preTapPosition = this.rotate = this.touchStart = this.multipointStart = this.multipointEnd = this.pinch = this.swipe = this.tap = this.doubleTap = this.longTap = this.singleTap = this.pressMove = this.touchMove = this.touchEnd = this.touchCancel = this.twoFingerPressMove = null, window.removeEventListener("scroll", this._cancelAllHandler), null;
       } }]);
-      function Ut(n) {
+      function Nt(n) {
         var c = (function() {
           var g, y = document.createElement("fakeelement"), A = { transition: "transitionend", OTransition: "oTransitionEnd", MozTransition: "transitionend", WebkitTransition: "webkitTransitionEnd" };
           for (g in A) if (y.style[g] !== void 0) return A[g];
@@ -6411,7 +6459,7 @@ function Ks() {
       }
       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();
@@ -6423,15 +6471,15 @@ function Ks() {
               if (Math.abs(de) <= 13) return !1;
             }
             $ = !0;
-            var Ne, Ct = Y.targetTouches[0].clientX, zi = Y.targetTouches[0].clientY, Oi = xa - Ct, Bi = ka - zi;
-            if (Math.abs(Oi) > Math.abs(Bi) ? (ht = !1, rt = !0) : (rt = !1, ht = !0), c = Se.pageX - _e.pageX, Re = 100 * c / m, l = Se.pageY - _e.pageY, ze = 100 * l / g, ht && I && (Ne = 1 - Math.abs(l) / g, St.style.opacity = Ne, n.settings.touchFollowAxis && (Re = 0)), rt && (Ne = 1 - Math.abs(c) / m, S.style.opacity = Ne, n.settings.touchFollowAxis && (ze = 0)), !I) return C(S, "translate3d(".concat(Re, "%, 0, 0)"));
+            var Ue, Ct = Y.targetTouches[0].clientX, zi = Y.targetTouches[0].clientY, Oi = xa - Ct, Bi = ka - zi;
+            if (Math.abs(Oi) > Math.abs(Bi) ? (ht = !1, rt = !0) : (rt = !1, ht = !0), c = Se.pageX - _e.pageX, Re = 100 * c / m, l = Se.pageY - _e.pageY, ze = 100 * l / g, ht && I && (Ue = 1 - Math.abs(l) / g, St.style.opacity = Ue, n.settings.touchFollowAxis && (Re = 0)), rt && (Ue = 1 - Math.abs(c) / m, S.style.opacity = Ue, n.settings.touchFollowAxis && (ze = 0)), !I) return C(S, "translate3d(".concat(Re, "%, 0, 0)"));
             C(S, "translate3d(".concat(Re, "%, ").concat(ze, "%, 0)"));
           }
         }, 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, Ut(S)) : void 0;
+            if (!(Y > 29 && I)) return Y < 29 && de < 25 ? (_(St, "greset"), St.style.opacity = 1, Nt(S)) : void 0;
             n.close();
           }
         }, multipointEnd: function() {
@@ -6444,24 +6492,24 @@ function Ks() {
           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, Ne = Se.pageY - _e.pageY;
-            Le && (de += Le), oe && (Ne += oe), me = de, ue = Ne;
-            var Ct = "translate3d(".concat(de, "px, ").concat(Ne, "px, 0)");
+            var de = Se.pageX - _e.pageX, Ue = Se.pageY - _e.pageY;
+            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);
           }
         }, swipe: function(Y) {
           if (!ee) if (D) D = !1;
           else {
             if (Y.direction == "Left") {
-              if (n.index == n.elements.length - 1) return Ut(S);
+              if (n.index == n.elements.length - 1) return Nt(S);
               n.nextSlide();
             }
             if (Y.direction == "Right") {
-              if (n.index == 0) return Ut(S);
+              if (n.index == 0) return Nt(S);
               n.prevSlide();
             }
           }
@@ -6503,9 +6551,9 @@ function Ks() {
         if (this.elements.length === 0) return !1;
         this.activeSlide = null, this.prevActiveSlideIndex = null, this.prevActiveSlide = null;
         var l = xt(c) ? c : this.settings.startAt;
-        if (N(n)) {
+        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;
@@ -6523,18 +6571,18 @@ function Ks() {
         var d = this.slidesContainer.querySelector(".current");
         d && P(d, "current"), this.slideAnimateOut();
         var h = this.slidesContainer.querySelectorAll(".gslide")[c];
-        if (E(h, "loaded")) this.slideAnimateIn(h, l), U(this.loader);
+        if (E(h, "loaded")) this.slideAnimateIn(h, l), N(this.loader);
         else {
           Z(this.loader);
           var m = this.elements[c], g = { index: this.index, slide: h, slideNode: h, slideConfig: m.slideConfig, slideIndex: this.index, trigger: m.node, player: null };
           this.trigger("slide_before_load", g), m.instance.setContent(h, (function() {
-            U(n.loader), n.resize(), n.slideAnimateIn(h, l), n.trigger("slide_after_load", g);
+            N(n.loader), n.resize(), n.slideAnimateIn(h, l), n.trigger("slide_after_load", g);
           }));
         }
         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 };
@@ -6574,8 +6622,8 @@ function Ks() {
         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) };
-        if (d.offsetWidth > 0 && h && (U(h), h.style.display = ""), P(n, this.effectsClasses), c) L(n, this.settings.cssEfects[this.settings.openEffect].in, (function() {
+        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]);
         }));
         else {
@@ -6592,7 +6640,7 @@ function Ks() {
         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");
         }));
@@ -6600,9 +6648,9 @@ function Ks() {
         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 (N(n)) {
+        if (U(n)) {
           var c = n.querySelector(".gvideo-wrapper");
           c && (n = c.getAttribute("data-index"));
         }
@@ -6610,14 +6658,14 @@ function Ks() {
         var l = this.getSlidePlayerInstance(n);
         l && l.playing && l.pause();
       } }, { key: "slidePlayerPause", value: function(n) {
-        if (N(n)) {
+        if (U(n)) {
           var c = n.querySelector(".gvideo-wrapper");
           c && (n = c.getAttribute("data-index"));
         }
         var l = this.getSlidePlayerInstance(n);
         l && l.playing && l.pause();
       } }, { key: "playSlideVideo", value: function(n) {
-        if (N(n)) {
+        if (U(n)) {
           var c = n.querySelector(".gvideo-wrapper");
           c && (n = c.getAttribute("data-index"));
         }
@@ -6627,7 +6675,7 @@ function Ks() {
       } }, { key: "slidePlayerPlay", value: function(n) {
         var c;
         if (!ya || (c = this.settings.plyr.config) !== null && c !== void 0 && c.muted) {
-          if (N(n)) {
+          if (U(n)) {
             var l = n.querySelector(".gvideo-wrapper");
             l && (n = l.getAttribute("data-index"));
           }
@@ -6648,11 +6696,11 @@ function Ks() {
       } }, { 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);
         }));
@@ -6685,7 +6733,7 @@ function Ks() {
         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;
@@ -6717,10 +6765,10 @@ function Ks() {
               }
             }
             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) {
@@ -6736,8 +6784,8 @@ function Ks() {
         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) {
@@ -6788,7 +6836,7 @@ function Ks() {
     }));
   })(Rt)), Rt.exports;
 }
-var Zs = Ks();
+var Zs = Js();
 const Qs = /* @__PURE__ */ Wa(Zs);
 var en = Object.getOwnPropertyDescriptor, tn = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? en(e, t) : e, r = a.length - 1, o; r >= 0; r--)
@@ -6797,10 +6845,10 @@ 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 = J`
+Zt.styles = K`
     .cb-thinking {
       text-align: center;
     }
@@ -6839,7 +6887,7 @@ Zt.styles = J`
     }
   `;
 Zt = tn([
-  K("cb-thinking")
+  J("cb-thinking")
 ], Zt);
 var an = Object.defineProperty, sn = Object.getOwnPropertyDescriptor, ti = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? sn(e, t) : e, r = a.length - 1, o; r >= 0; r--)
@@ -6851,18 +6899,18 @@ 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>`;
   }
 };
-qt.styles = J`
+qt.styles = K`
     .cb-uploading {
       text-align: left;
     }
@@ -6884,9 +6932,9 @@ ti([
   x({ type: Array })
 ], qt.prototype, "files", 2);
 qt = ti([
-  K("cb-uploading")
+  J("cb-uploading")
 ], qt);
-const nn = J`
+const nn = K`
   ${ke}
   :host {
   }
@@ -6917,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
@@ -6932,7 +6980,7 @@ let mt = class extends Fe {
         `;
   }
 };
-mt.styles = J`
+mt.styles = K`
         :host {
             --primary-color: var(--sl-color-primary-600);
         }
@@ -6964,9 +7012,9 @@ ca([
   x({ type: Boolean })
 ], mt.prototype, "inverse", 2);
 mt = ca([
-  K("cb-external-link")
+  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);
@@ -6978,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() {
@@ -6992,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()}
@@ -7002,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}"
@@ -7018,9 +7066,9 @@ la([
   x({ type: String })
 ], yt.prototype, "url", 2);
 yt = la([
-  K("cb-file")
+  J("cb-file")
 ], yt);
-const mn = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/><path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/></g></svg>', Ra = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0a2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1s1-4 6-4s6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/></svg>', ai = '<svg viewBox="0 0 24 24" width="1.2em" height="1.2em" ><path fill="currentColor" d="M5 9v12H1V9zm4 12a2 2 0 0 1-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 0 1 2 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21zm0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03z"/></svg>', ii = '<svg viewBox="0 0 24 24" width="1.2em" height="1.2em" ><path fill="currentColor" d="M19 15V3h4v12zM15 3a2 2 0 0 1 2 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31l.95-4.57H3a2 2 0 0 1-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3zm0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97z"/></svg>', yn = J`
+const mn = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5m3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0z"/><path d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4zM2.5 3h11V2h-11z"/></g></svg>', Ra = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0a2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1s1-4 6-4s6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/></svg>', ai = '<svg viewBox="0 0 24 24" width="1.2em" height="1.2em" ><path fill="currentColor" d="M5 9v12H1V9zm4 12a2 2 0 0 1-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 0 1 2 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21zm0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03z"/></svg>', ii = '<svg viewBox="0 0 24 24" width="1.2em" height="1.2em" ><path fill="currentColor" d="M19 15V3h4v12zM15 3a2 2 0 0 1 2 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31l.95-4.57H3a2 2 0 0 1-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3zm0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97z"/></svg>', yn = K`
   pre code.hljs {
     display: block;
     overflow-x: auto;
@@ -8235,7 +8283,7 @@ const mn = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="curr
     white-space: pre-wrap;
     color: var(--n-text-color);
   }
-`, vn = J`
+`, vn = K`
   ${ke}
   ${yn}
 
@@ -8498,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--)
@@ -8507,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,
@@ -8591,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(
@@ -8609,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>
@@ -8617,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
@@ -8629,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>
@@ -8638,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
@@ -8658,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")}
@@ -8708,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>
@@ -8716,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>
@@ -8742,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>
@@ -8777,20 +8825,20 @@ nt([
   x({ type: Boolean })
 ], De.prototype, "suppressFeedback", 2);
 nt([
-  Na(".code-block-header__copy")
+  Ua(".code-block-header__copy")
 ], De.prototype, "copyBtns", 2);
 nt([
-  Na("img")
+  Ua("img")
 ], De.prototype, "glightboxImages", 2);
 De = nt([
-  K("cb-message")
+  J("cb-message")
 ], De);
 var _n = Object.defineProperty, Sn = Object.getOwnPropertyDescriptor, Te = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Sn(e, t) : e, r = a.length - 1, o; r >= 0; r--)
     (o = a[r]) && (s = (i ? o(e, t, s) : o(s)) || s);
   return i && s && _n(e, t, s), s;
 };
-const Oe = Je.noConflict();
+const Oe = Ke.noConflict();
 Oe.setLevel("info");
 let ye = class extends re {
   constructor() {
@@ -8820,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>
@@ -8834,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"
@@ -8865,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"
@@ -8876,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"
@@ -8888,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>`;
@@ -8926,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
@@ -8948,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,
@@ -8981,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);
       }
     }
   }
@@ -9002,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">
@@ -9019,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">
@@ -9042,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
         });
       }
@@ -9054,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");
     }
@@ -9085,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">
@@ -9131,9 +9179,9 @@ Te([
   na({ capture: !1, passive: !0 })
 ], ye.prototype, "invokeHubspotMeetingAction", 1);
 ye = Te([
-  K("cb-message-list")
+  J("cb-message-list")
 ], ye);
-const Cn = J`
+const Cn = K`
   ${ke}
 
   :host {
@@ -9183,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));
@@ -9216,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
@@ -9227,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
@@ -9253,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>
@@ -9323,9 +9371,9 @@ Ie([
   xe("sl-textarea")
 ], ve.prototype, "inputElement", 2);
 ve = Ie([
-  K("cb-user-input")
+  J("cb-user-input")
 ], ve);
-const Tn = J`
+const Tn = K`
   ${ke}
 
   :host {
@@ -9391,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));
@@ -9412,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() {
@@ -9430,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
@@ -9459,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"
@@ -9507,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
@@ -9533,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>
@@ -9603,9 +9651,9 @@ Ee([
   xe("sl-textarea")
 ], we.prototype, "inputElement", 2);
 we = Ee([
-  K("cb-user-input-mm")
+  J("cb-user-input-mm")
 ], we);
-const oi = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>', Ln = J`
+const oi = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>', Ln = K`
   ${ke}
 
   sl-dialog::part(base) {
@@ -9640,7 +9688,7 @@ const oi = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="c
     gap: 8px;
   }
 `;
-var Rn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, Nt = (a, e, t, i) => {
+var Rn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, Ut = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? zn(e, t) : e, r = a.length - 1, o; r >= 0; r--)
     (o = a[r]) && (s = (i ? o(e, t, s) : o(s)) || s);
   return i && s && Rn(e, t, s), s;
@@ -9653,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}; }"
@@ -9663,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}
@@ -9690,17 +9738,17 @@ let ct = class extends re {
   }
 };
 ct.styles = Ln;
-Nt([
+Ut([
   x({ type: Boolean })
 ], ct.prototype, "open", 2);
-Nt([
+Ut([
   x({ type: String, attribute: "label" })
 ], ct.prototype, "label", 2);
-Nt([
+Ut([
   x({ type: Number })
 ], ct.prototype, "zindex", 2);
-ct = Nt([
-  K("cb-dialog")
+ct = Ut([
+  J("cb-dialog")
 ], ct);
 var On = Object.defineProperty, Bn = Object.getOwnPropertyDescriptor, ci = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Bn(e, t) : e, r = a.length - 1, o; r >= 0; r--)
@@ -9712,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}
@@ -9741,7 +9789,7 @@ let Dt = class extends re {
     this.emit("cancel");
   }
 };
-Dt.styles = J`
+Dt.styles = K`
         .cb-clear-message-dialog {
         }
 
@@ -9753,9 +9801,9 @@ ci([
   x({ type: Boolean })
 ], Dt.prototype, "open", 2);
 Dt = ci([
-  K("cb-clear-message-dialog")
+  J("cb-clear-message-dialog")
 ], Dt);
-const qn = J`
+const qn = K`
   :host {
     // width: 380px;
 
@@ -9825,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">
@@ -9889,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">
@@ -9956,9 +10004,9 @@ dt([
   x({ type: Boolean })
 ], Xe.prototype, "customRequest", 2);
 Xe = dt([
-  K("cb-setting")
+  J("cb-setting")
 ], Xe);
-const jn = J`
+const jn = K`
   ${ke}
   :host {
     --primary-color: var(--sl-color-primary-600);
@@ -10079,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() {
@@ -10091,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(
@@ -10102,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>
@@ -10131,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>
@@ -10144,11 +10192,11 @@ li([
   x({ type: Boolean })
 ], Ft.prototype, "open", 2);
 Ft = li([
-  K("cb-anchor")
+  J("cb-anchor")
 ], Ft);
-const Nn = J`
+const Un = K`
     ${ke}
-`, Ba = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353zM5.1 1L1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1z"/><path d="M7.002 11a1 1 0 1 1 2 0a1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/></g></svg>', Un = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016a.15.15 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.2.2 0 0 1-.054.06a.1.1 0 0 1-.066.017H1.146a.1.1 0 0 1-.066-.017a.2.2 0 0 1-.054-.06a.18.18 0 0 1 .002-.183L7.884 2.073a.15.15 0 0 1 .054-.057m1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767z"/><path d="M7.002 12a1 1 0 1 1 2 0a1 1 0 0 1-2 0M7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/></g></svg>', Wn = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764a.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0a5.5 5.5 0 1 1-11 0"/><path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293L5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z"/></g></svg>', Gn = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="m8.93 6.588l-2.29.287l-.082.38l.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319c.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246c-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></g></svg>';
+`, Ba = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M4.54.146A.5.5 0 0 1 4.893 0h6.214a.5.5 0 0 1 .353.146l4.394 4.394a.5.5 0 0 1 .146.353v6.214a.5.5 0 0 1-.146.353l-4.394 4.394a.5.5 0 0 1-.353.146H4.893a.5.5 0 0 1-.353-.146L.146 11.46A.5.5 0 0 1 0 11.107V4.893a.5.5 0 0 1 .146-.353zM5.1 1L1 5.1v5.8L5.1 15h5.8l4.1-4.1V5.1L10.9 1z"/><path d="M7.002 11a1 1 0 1 1 2 0a1 1 0 0 1-2 0M7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/></g></svg>', Nn = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M7.938 2.016A.13.13 0 0 1 8.002 2a.13.13 0 0 1 .063.016a.15.15 0 0 1 .054.057l6.857 11.667c.036.06.035.124.002.183a.2.2 0 0 1-.054.06a.1.1 0 0 1-.066.017H1.146a.1.1 0 0 1-.066-.017a.2.2 0 0 1-.054-.06a.18.18 0 0 1 .002-.183L7.884 2.073a.15.15 0 0 1 .054-.057m1.044-.45a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767z"/><path d="M7.002 12a1 1 0 1 1 2 0a1 1 0 0 1-2 0M7.1 5.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0z"/></g></svg>', Wn = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M2.5 8a5.5 5.5 0 0 1 8.25-4.764a.5.5 0 0 0 .5-.866A6.5 6.5 0 1 0 14.5 8a.5.5 0 0 0-1 0a5.5 5.5 0 1 1-11 0"/><path d="M15.354 3.354a.5.5 0 0 0-.708-.708L8 9.293L5.354 6.646a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0z"/></g></svg>', Gn = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="currentColor"><path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/><path d="m8.93 6.588l-2.29.287l-.082.38l.45.083c.294.07.352.176.288.469l-.738 3.468c-.194.897.105 1.319.808 1.319c.545 0 1.178-.252 1.465-.598l.088-.416c-.2.176-.492.246-.686.246c-.275 0-.375-.193-.304-.533zM9 4.5a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></g></svg>';
 var Xn = Object.defineProperty, Yn = Object.getOwnPropertyDescriptor, di = (a, e, t, i) => {
   for (var s = i > 1 ? void 0 : i ? Yn(e, t) : e, r = a.length - 1, o; r >= 0; r--)
     (o = a[r]) && (s = (i ? o(e, t, s) : o(s)) || s);
@@ -10165,7 +10213,7 @@ const qa = {
   },
   warning: {
     variant: "warning",
-    icon: Un
+    icon: Nn
   },
   success: {
     variant: "success",
@@ -10182,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;
@@ -10190,16 +10238,16 @@ di([
   x({ type: String })
 ], jt.prototype, "status", 2);
 jt = di([
-  K("cb-status-icon")
+  J("cb-status-icon")
 ], jt);
-var Jn = Object.getOwnPropertyDescriptor, Kn = (a, e, t, i) => {
-  for (var s = i > 1 ? void 0 : i ? Jn(e, t) : e, r = a.length - 1, o; r >= 0; r--)
+var Kn = Object.getOwnPropertyDescriptor, Jn = (a, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? Kn(e, t) : e, r = a.length - 1, o; r >= 0; r--)
     (o = a[r]) && (s = o(s) || s);
   return s;
 };
 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
@@ -10213,11 +10261,11 @@ let ea = class extends re {
     this.emit("setting:show");
   }
 };
-ea.styles = Nn;
-ea = Kn([
-  K("cb-auth-alert")
+ea.styles = Un;
+ea = Jn([
+  J("cb-auth-alert")
 ], ea);
-const Zn = J`
+const Zn = K`
   sl-dialog::part(base) {
     z-index: 1000;
   }
@@ -10306,10 +10354,10 @@ var Qn = Object.defineProperty, er = Object.getOwnPropertyDescriptor, ft = (a, e
     (o = a[r]) && (s = (i ? o(e, t, s) : o(s)) || s);
   return i && s && Qn(e, t, s), s;
 };
-const Da = Je.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>';
+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");
@@ -10322,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>
@@ -10363,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;
@@ -10387,9 +10435,9 @@ ft([
   xe("#cb-feedback-email-el")
 ], Ye.prototype, "_email", 2);
 Ye = ft([
-  K("cb-dialog-feedback")
+  J("cb-dialog-feedback")
 ], Ye);
-const ar = J`
+const ar = K`
   ${ke}
   :host {
     display: block;
@@ -10937,11 +10985,11 @@ var or = Object.getOwnPropertyDescriptor, cr = (a, e, t, i) => {
     (o = a[r]) && (s = o(s) || s);
   return s;
 };
-const bt = Je.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;
@@ -10968,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()}
@@ -10989,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>
         `;
     }
@@ -11011,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);
@@ -11030,18 +11078,18 @@ 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;
 ta = cr([
-  K("cb-audio-controls")
+  J("cb-audio-controls")
 ], ta);
 class aa extends Error {
   response;
@@ -11093,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",
@@ -11102,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,
@@ -11147,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)
@@ -11277,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,
@@ -11390,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;
@@ -11428,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) {
@@ -11447,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);
@@ -11486,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) {
@@ -11542,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: {
@@ -11580,11 +11628,15 @@ var zr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, V = (a, e,
     (o = a[r]) && (s = (i ? o(e, t, s) : o(s)) || s);
   return i && s && zr(e, t, s), s;
 };
-const Be = Je.noConflict();
+const Be = Ke.noConflict();
 Be.setLevel("info");
+function Br() {
+  const a = navigator.userAgent, e = /iPhone|iPad|iPod/.test(a), t = /AppleWebKit/.test(a), i = /Safari/.test(a) && !/CriOS|FxiOS|EdgiOS|OPiOS/.test(a);
+  return e && t && !i;
+}
 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.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)">
@@ -11602,7 +11654,7 @@ let F = class extends re {
             <rect width="400" height="400" fill="white"/>
         </clipPath>
     </defs>
-</svg>`, this.popupLogoSvg = "", this.popupLogoUrl = "", this.botIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z" /></svg>', this.userIconSvg = '<svg fill="currentColor" viewBox="0 0 24 24" width="24" height="24">    <path  d="M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4Z" /></svg>', this.systemIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"/></svg>', this.agentIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M18.72,14.76C19.07,13.91 19.26,13 19.26,12C19.26,11.28 19.15,10.59 18.96,9.95C18.31,10.1 17.63,10.18 16.92,10.18C13.86,10.18 11.15,8.67 9.5,6.34C8.61,8.5 6.91,10.26 4.77,11.22C4.73,11.47 4.73,11.74 4.73,12A7.27,7.27 0 0,0 12,19.27C13.05,19.27 14.06,19.04 14.97,18.63C15.54,19.72 15.8,20.26 15.78,20.26C14.14,20.81 12.87,21.08 12,21.08C9.58,21.08 7.27,20.13 5.57,18.42C4.53,17.38 3.76,16.11 3.33,14.73H2V10.18H3.09C3.93,6.04 7.6,2.92 12,2.92C14.4,2.92 16.71,3.87 18.42,5.58C19.69,6.84 20.54,8.45 20.89,10.18H22V14.67H22V14.69L22,14.73H21.94L18.38,18L13.08,17.4V15.73H17.91L18.72,14.76M9.27,11.77C9.57,11.77 9.86,11.89 10.07,12.11C10.28,12.32 10.4,12.61 10.4,12.91C10.4,13.21 10.28,13.5 10.07,13.71C9.86,13.92 9.57,14.04 9.27,14.04C8.64,14.04 8.13,13.54 8.13,12.91C8.13,12.28 8.64,11.77 9.27,11.77M14.72,11.77C15.35,11.77 15.85,12.28 15.85,12.91C15.85,13.54 15.35,14.04 14.72,14.04C14.09,14.04 13.58,13.54 13.58,12.91A1.14,1.14 0 0,1 14.72,11.77Z" /></svg>', this.infoIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z" /></svg>', this.anchorOpenSvg = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M16 8c0 3.866-3.582 7-8 7a9 9 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234c-.2.032-.352-.176-.273-.362c.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7M5 8a1 1 0 1 0-2 0a1 1 0 0 0 2 0m4 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m3 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg>', this.anchorCloseSvg = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>', this.sendIconSvg = "", this.attachIconSvg = "", this.stream = !1, this.customRequest = !1, this.enableFileUpload = !1, this.uploadFileUrl = "", this.open = !1, this.alwaysOpen = !1, this.prefilledFormFields = "{}", this.loading = !1, this.showSetting = !1, this.showAuthAlert = !1, this.handleAddMessage = (a) => {
+</svg>`, this.popupLogoSvg = "", this.popupLogoUrl = "", this.botIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z" /></svg>', this.userIconSvg = '<svg fill="currentColor" viewBox="0 0 24 24" width="24" height="24">    <path  d="M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4Z" /></svg>', this.systemIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"/></svg>', this.agentIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M18.72,14.76C19.07,13.91 19.26,13 19.26,12C19.26,11.28 19.15,10.59 18.96,9.95C18.31,10.1 17.63,10.18 16.92,10.18C13.86,10.18 11.15,8.67 9.5,6.34C8.61,8.5 6.91,10.26 4.77,11.22C4.73,11.47 4.73,11.74 4.73,12A7.27,7.27 0 0,0 12,19.27C13.05,19.27 14.06,19.04 14.97,18.63C15.54,19.72 15.8,20.26 15.78,20.26C14.14,20.81 12.87,21.08 12,21.08C9.58,21.08 7.27,20.13 5.57,18.42C4.53,17.38 3.76,16.11 3.33,14.73H2V10.18H3.09C3.93,6.04 7.6,2.92 12,2.92C14.4,2.92 16.71,3.87 18.42,5.58C19.69,6.84 20.54,8.45 20.89,10.18H22V14.67H22V14.69L22,14.73H21.94L18.38,18L13.08,17.4V15.73H17.91L18.72,14.76M9.27,11.77C9.57,11.77 9.86,11.89 10.07,12.11C10.28,12.32 10.4,12.61 10.4,12.91C10.4,13.21 10.28,13.5 10.07,13.71C9.86,13.92 9.57,14.04 9.27,14.04C8.64,14.04 8.13,13.54 8.13,12.91C8.13,12.28 8.64,11.77 9.27,11.77M14.72,11.77C15.35,11.77 15.85,12.28 15.85,12.91C15.85,13.54 15.35,14.04 14.72,14.04C14.09,14.04 13.58,13.54 13.58,12.91A1.14,1.14 0 0,1 14.72,11.77Z" /></svg>', this.infoIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z" /></svg>', this.anchorOpenSvg = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M16 8c0 3.866-3.582 7-8 7a9 9 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234c-.2.032-.352-.176-.273-.362c.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7M5 8a1 1 0 1 0-2 0a1 1 0 0 0 2 0m4 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m3 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg>', this.anchorCloseSvg = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>', this.sendIconSvg = "", this.attachIconSvg = "", this.stream = !1, this.customRequest = !1, this.enableFileUpload = !1, this.uploadFileUrl = "", this.open = !1, this.alwaysOpen = !1, this.prefilledFormFields = "{}", this.loading = !1, this.showSetting = !1, this.showAuthAlert = !1, this.lifecycleListenersAttached = !1, this.handleAddMessage = (a) => {
       this._addMessageHandler(a);
     }, this.handleStateEvent = (a) => {
       this._stateEventHandler(a);
@@ -11610,6 +11662,14 @@ let F = class extends re {
       this._chatbotToggleHandler(a);
     }, this.handleFormSubmitEvent = (a) => {
       this._formSubmitHandler(a);
+    }, this.boundScrollToBottomOnUpdate = this._scrollToBottomOnUpdate.bind(this), this.handleVisibilityChange = () => {
+      u.handleLifecycleResume("visibilitychange", this.boundScrollToBottomOnUpdate);
+    }, this.handlePageShow = () => {
+      u.handleLifecycleResume("pageshow", this.boundScrollToBottomOnUpdate);
+    }, this.handleWindowFocus = () => {
+      u.handleLifecycleResume("focus", this.boundScrollToBottomOnUpdate);
+    }, this.handleWindowOnline = () => {
+      u.handleLifecycleResume("online", this.boundScrollToBottomOnUpdate);
     }, this.fetchStream = Rr;
   }
   /**
@@ -11625,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 = {
@@ -11639,63 +11699,63 @@ 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>`;
   }
   connectedCallback() {
-    super.connectedCallback(), Be.info("connectedCallback"), this.initCssVariables(), addEventListener("c7o:bot:stateEvent", this.handleStateEvent), addEventListener("message:send", this.handleAddMessage), addEventListener("chatbot:toggle", this.handleToggleEvent), addEventListener("form:submit", this.handleFormSubmitEvent), addEventListener("message:send:file", this._uploadFileHandler), addEventListener("audio:toggle", this._audioToggleHandler);
+    super.connectedCallback(), Be.info("connectedCallback"), this.initCssVariables(), addEventListener("c7o:bot:stateEvent", this.handleStateEvent), addEventListener("message:send", this.handleAddMessage), addEventListener("chatbot:toggle", this.handleToggleEvent), addEventListener("form:submit", this.handleFormSubmitEvent), addEventListener("message:send:file", this._uploadFileHandler), addEventListener("audio:toggle", this._audioToggleHandler), this.attachLifecycleListeners();
   }
   extractCssVariable(a, e, t) {
     let i = a.getPropertyValue(e).trim();
@@ -11704,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() {
@@ -11724,47 +11784,56 @@ let F = class extends re {
   
     */
   disconnectedCallback() {
-    Be.info("disconnectedCallback"), super.disconnectedCallback(), window.removeEventListener("c7o:bot:stateEvent", this.handleStateEvent), window.removeEventListener("message:send", this.handleAddMessage), window.removeEventListener("chatbot:toggle", this.handleToggleEvent), window.removeEventListener("form:submit", this.handleFormSubmitEvent), window.removeEventListener("message:send:file", this._uploadFileHandler), window.removeEventListener("audio:toggle", this._audioToggleHandler);
+    Be.info("disconnectedCallback"), super.disconnectedCallback(), window.removeEventListener("c7o:bot:stateEvent", this.handleStateEvent), window.removeEventListener("message:send", this.handleAddMessage), window.removeEventListener("chatbot:toggle", this.handleToggleEvent), window.removeEventListener("form:submit", this.handleFormSubmitEvent), window.removeEventListener("message:send:file", this._uploadFileHandler), window.removeEventListener("audio:toggle", this._audioToggleHandler), this.detachLifecycleListeners();
+  }
+  attachLifecycleListeners() {
+    this.lifecycleListenersAttached || Br() && (document.addEventListener("visibilitychange", this.handleVisibilityChange), window.addEventListener("pageshow", this.handlePageShow), window.addEventListener("focus", this.handleWindowFocus), window.addEventListener("online", this.handleWindowOnline), this.lifecycleListenersAttached = !0);
+  }
+  detachLifecycleListeners() {
+    this.lifecycleListenersAttached && (document.removeEventListener("visibilitychange", this.handleVisibilityChange), window.removeEventListener("pageshow", this.handlePageShow), window.removeEventListener("focus", this.handleWindowFocus), window.removeEventListener("online", this.handleWindowOnline), this.lifecycleListenersAttached = !1);
   }
   // This is called when component is loaded, with all the settings (props) values
   // Use to initialize
   // This is also called when state changes - ??? - i.e. when message added to the array
   updated(a) {
-    super.updated(a), a.size > 0 && (Be.info("updated,_changedProperties:", a), this._initSetting()), !this._scrollToBottomTimeout && (this._scrollToBottomTimeout = setTimeout(() => {
+    super.updated(a), a.size > 0 && (Be.info("updated,_changedProperties:", a), this._initSetting()), this._scrollToBottomOnUpdate();
+  }
+  _scrollToBottomOnUpdate() {
+    this._scrollToBottomTimeout || (this._scrollToBottomTimeout = setTimeout(() => {
       this._scrollToBottom(), this._scrollToBottomTimeout = void 0;
     }, 200));
   }
   // 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.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", {
@@ -11777,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() {
@@ -11842,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) {
@@ -11854,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);
   }
@@ -11871,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
     });
   }
@@ -11916,6 +11985,9 @@ V([
 V([
   x({ type: String, attribute: "version" })
 ], F.prototype, "version", 2);
+V([
+  x({ type: String, attribute: "test-mode" })
+], F.prototype, "testMode", 2);
 V([
   x({ type: String, attribute: "url" })
 ], F.prototype, "url", 2);
@@ -11995,7 +12067,7 @@ V([
   xe("cb-message-list")
 ], F.prototype, "_messageList", 2);
 F = V([
-  K("enegelai-bot")
+  J("enegelai-bot")
 ], F);
 export {
   F as default