@enegelai/bot-widget 1.9.5 → 1.10.1

package/dist/index.es.js

@@ -1,10 +1,10 @@
-var Oa = Object.defineProperty;
-var ja = (c, e, a) => e in c ? Oa(c, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : c[e] = a;
-var pe = (c, e, a) => ja(c, typeof e != "symbol" ? e + "" : e, a);
-import { css as Y, LitElement as ut, html as g, svg as we } from "lit";
-import { property as v, customElement as Z, queryAll as Qt, query as xe, eventOptions as Mt } from "lit/decorators.js";
-import { unsafeHTML as Q } from "lit-html/directives/unsafe-html.js";
-import { when as ne } from "lit/directives/when.js";
+var za = Object.defineProperty;
+var ja = (c, e, a) => e in c ? za(c, e, { enumerable: !0, configurable: !0, writable: !0, value: a }) : c[e] = a;
+var ge = (c, e, a) => ja(c, typeof e != "symbol" ? e + "" : e, a);
+import { css as X, LitElement as ut, html as g, svg as be } from "lit";
+import { property as v, customElement as J, queryAll as Kt, query as xe, eventOptions as Mt } from "lit/decorators.js";
+import { unsafeHTML as Y } from "lit-html/directives/unsafe-html.js";
+import { when as ce } from "lit/directives/when.js";
 import { registerIconLibrary as Ha } from "@shoelace-style/shoelace";
 import "@shoelace-style/shoelace/dist/components/button/button.js";
 import "@shoelace-style/shoelace/dist/components/avatar/avatar.js";
@@ -23,14 +23,15 @@ import "@shoelace-style/shoelace/dist/components/tooltip/tooltip.js";
 import "@shoelace-style/shoelace/dist/components/spinner/spinner.js";
 import "@shoelace-style/shoelace/dist/components/alert/alert.js";
 import "@shoelace-style/shoelace/dist/components/progress-bar/progress-bar.js";
+import "@shoelace-style/shoelace/dist/components/badge/badge.js";
 import { repeat as Ye } from "lit/directives/repeat.js";
-import { until as Ft } from "lit-html/directives/until.js";
+import { until as Dt } from "lit-html/directives/until.js";
 import Ba from "markdown-it";
 import Ra from "markdown-it-link-attributes";
 import vt from "highlight.js";
 import "@shoelace-style/shoelace/dist/components/popup/popup.js";
 import "@shoelace-style/shoelace/dist/components/rating/rating.js";
-function ea(c) {
+function Qt(c) {
   return typeof c == "function" ? c() : c;
 }
 const ht = class ht extends Event {
@@ -45,8 +46,8 @@ const ht = class ht extends Event {
   }
 };
 ht.eventName = "lit-state-changed";
-let ze = ht;
-const Va = (c, e) => e !== c && (e === e || c === c), qt = class qt extends EventTarget {
+let Pe = ht;
+const Va = (c, e) => e !== c && (e === e || c === c), Lt = class Lt extends EventTarget {
   static initPropertyMap() {
     this.propertyMap || (this.propertyMap = /* @__PURE__ */ new Map());
   }
@@ -59,7 +60,7 @@ const Va = (c, e) => e !== c && (e === e || c === c), qt = class qt extends Even
   constructor() {
     super(), this.hookMap = /* @__PURE__ */ new Map(), this.constructor.finalize(), this.propertyMap && [...this.propertyMap].forEach(([e, a]) => {
       if (a.initialValue !== void 0) {
-        const s = ea(a.initialValue);
+        const s = Qt(a.initialValue);
         this[e] = s, a.value = s;
       }
     });
@@ -114,26 +115,26 @@ const Va = (c, e) => e !== c && (e === e || c === c), qt = class qt extends Even
     const n = (d) => {
       (!a || a.includes(d.key)) && e(d.key, d.value, this);
     };
-    return this.addEventListener(ze.eventName, n, s), () => this.removeEventListener(ze.eventName, n);
+    return this.addEventListener(Pe.eventName, n, s), () => this.removeEventListener(Pe.eventName, n);
   }
   dispatchStateEvent(e, a, s) {
-    this.dispatchEvent(new ze(e, a, s));
+    this.dispatchEvent(new Pe(e, a, s));
   }
 };
-qt.finalized = !1;
-let kt = qt;
+Lt.finalized = !1;
+let kt = Lt;
 class pt {
   constructor(e, a, s) {
     this.host = e, this.state = a, this.callback = s || (() => this.host.requestUpdate()), this.host.addController(this);
   }
   hostConnected() {
-    this.state.addEventListener(ze.eventName, this.callback), this.callback();
+    this.state.addEventListener(Pe.eventName, this.callback), this.callback();
   }
   hostDisconnected() {
-    this.state.removeEventListener(ze.eventName, this.callback);
+    this.state.removeEventListener(Pe.eventName, this.callback);
   }
 }
-function z(c) {
+function q(c) {
   return (e, a) => {
     if (Object.getOwnPropertyDescriptor(e, a))
       throw new Error("@property must be called before all state decorators");
@@ -160,7 +161,7 @@ new URL(location.href);
 const Fa = {
   prefix: "_ls"
 };
-function le(c) {
+function de(c) {
   return c = { ...Fa, ...c }, (e, a) => {
     const s = Object.getOwnPropertyDescriptor(e, a);
     if (!s)
@@ -168,26 +169,26 @@ function le(c) {
     const n = `${(c == null ? void 0 : c.prefix) || ""}_${(c == null ? void 0 : c.key) || String(a)}`, d = e.constructor, f = d.propertyMap.get(a), x = f == null ? void 0 : f.type;
     if (f) {
       const F = f.initialValue;
-      f.initialValue = () => Da(localStorage.getItem(n), x) ?? ea(F), d.propertyMap.set(a, { ...f, ...c });
+      f.initialValue = () => Da(localStorage.getItem(n), x) ?? Qt(F), d.propertyMap.set(a, { ...f, ...c });
     }
-    const S = s == null ? void 0 : s.set, J = {
+    const S = s == null ? void 0 : s.set, K = {
       ...s,
       set: function(F) {
         F !== void 0 && localStorage.setItem(n, x === Object || x === Array ? JSON.stringify(F) : F), S && S.call(this, F);
       }
     };
-    Object.defineProperty(d.prototype, a, J);
+    Object.defineProperty(d.prototype, a, K);
   };
 }
-var ta = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function aa(c) {
+var ea = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function ta(c) {
   return c && c.__esModule && Object.prototype.hasOwnProperty.call(c, "default") ? c.default : c;
 }
-var ca = { exports: {} };
+var aa = { exports: {} };
 (function(c) {
   (function(e, a) {
     c.exports ? c.exports = a() : e.log = a();
-  })(ta, function() {
+  })(ea, function() {
     var e = function() {
     }, a = "undefined", s = typeof window !== a && typeof window.navigator !== a && /Trident\/|MSIE /.test(window.navigator.userAgent), n = [
       "trace",
@@ -214,7 +215,7 @@ var ca = { exports: {} };
     function _($) {
       return $ === "debug" && ($ = "log"), typeof console === a ? !1 : $ === "trace" && s ? S : console[$] !== void 0 ? x(console, $) : console.log !== void 0 ? x(console, "log") : e;
     }
-    function J() {
+    function K() {
       for (var $ = this.getLevel(), V = 0; V < n.length; V++) {
         var C = n[V];
         this[C] = V < $ ? e : this.methodFactory(C, $, this.name);
@@ -224,64 +225,64 @@ var ca = { exports: {} };
     }
     function F($) {
       return function() {
-        typeof console !== a && (J.call(this), this[$].apply(this, arguments));
+        typeof console !== a && (K.call(this), this[$].apply(this, arguments));
       };
     }
-    function M($, V, C) {
+    function T($, V, C) {
       return _($) || F.apply(this, arguments);
     }
     function N($, V) {
-      var C = this, Ee, Ae, ce, ie = "loglevel";
-      typeof $ == "string" ? ie += ":" + $ : typeof $ == "symbol" && (ie = void 0);
-      function mt(q) {
-        var B = (n[q] || "silent").toUpperCase();
-        if (!(typeof window === a || !ie)) {
+      var C = this, Ee, Ae, ne, se = "loglevel";
+      typeof $ == "string" ? se += ":" + $ : typeof $ == "symbol" && (se = void 0);
+      function mt(z) {
+        var R = (n[z] || "silent").toUpperCase();
+        if (!(typeof window === a || !se)) {
           try {
-            window.localStorage[ie] = B;
+            window.localStorage[se] = R;
             return;
           } catch {
           }
           try {
-            window.document.cookie = encodeURIComponent(ie) + "=" + B + ";";
+            window.document.cookie = encodeURIComponent(se) + "=" + R + ";";
           } catch {
           }
         }
       }
-      function Oe() {
-        var q;
-        if (!(typeof window === a || !ie)) {
+      function ze() {
+        var z;
+        if (!(typeof window === a || !se)) {
           try {
-            q = window.localStorage[ie];
+            z = window.localStorage[se];
           } catch {
           }
-          if (typeof q === a)
+          if (typeof z === a)
             try {
-              var B = window.document.cookie, Ie = encodeURIComponent(ie), We = B.indexOf(Ie + "=");
-              We !== -1 && (q = /^([^;]+)/.exec(
-                B.slice(We + Ie.length + 1)
+              var R = window.document.cookie, Ie = encodeURIComponent(se), We = R.indexOf(Ie + "=");
+              We !== -1 && (z = /^([^;]+)/.exec(
+                R.slice(We + Ie.length + 1)
               )[1]);
             } catch {
             }
-          return C.levels[q] === void 0 && (q = void 0), q;
+          return C.levels[z] === void 0 && (z = void 0), z;
         }
       }
       function Qe() {
-        if (!(typeof window === a || !ie)) {
+        if (!(typeof window === a || !se)) {
           try {
-            window.localStorage.removeItem(ie);
+            window.localStorage.removeItem(se);
           } catch {
           }
           try {
-            window.document.cookie = encodeURIComponent(ie) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
+            window.document.cookie = encodeURIComponent(se) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
           } catch {
           }
         }
       }
-      function ye(q) {
-        var B = q;
-        if (typeof B == "string" && C.levels[B.toUpperCase()] !== void 0 && (B = C.levels[B.toUpperCase()]), typeof B == "number" && B >= 0 && B <= C.levels.SILENT)
-          return B;
-        throw new TypeError("log.setLevel() called with invalid level: " + q);
+      function ve(z) {
+        var R = z;
+        if (typeof R == "string" && C.levels[R.toUpperCase()] !== void 0 && (R = C.levels[R.toUpperCase()]), typeof R == "number" && R >= 0 && R <= C.levels.SILENT)
+          return R;
+        throw new TypeError("log.setLevel() called with invalid level: " + z);
       }
       C.name = $, C.levels = {
         TRACE: 0,
@@ -290,27 +291,27 @@ var ca = { exports: {} };
         WARN: 3,
         ERROR: 4,
         SILENT: 5
-      }, C.methodFactory = V || M, C.getLevel = function() {
-        return ce ?? Ae ?? Ee;
-      }, C.setLevel = function(q, B) {
-        return ce = ye(q), B !== !1 && mt(ce), J.call(C);
-      }, C.setDefaultLevel = function(q) {
-        Ae = ye(q), Oe() || C.setLevel(q, !1);
+      }, C.methodFactory = V || T, C.getLevel = function() {
+        return ne ?? Ae ?? Ee;
+      }, C.setLevel = function(z, R) {
+        return ne = ve(z), R !== !1 && mt(ne), K.call(C);
+      }, C.setDefaultLevel = function(z) {
+        Ae = ve(z), ze() || C.setLevel(z, !1);
       }, C.resetLevel = function() {
-        ce = null, Qe(), J.call(C);
-      }, C.enableAll = function(q) {
-        C.setLevel(C.levels.TRACE, q);
-      }, C.disableAll = function(q) {
-        C.setLevel(C.levels.SILENT, q);
+        ne = null, Qe(), K.call(C);
+      }, C.enableAll = function(z) {
+        C.setLevel(C.levels.TRACE, z);
+      }, C.disableAll = function(z) {
+        C.setLevel(C.levels.SILENT, z);
       }, C.rebuild = function() {
-        if (f !== C && (Ee = ye(f.getLevel())), J.call(C), f === C)
-          for (var q in d)
-            d[q].rebuild();
-      }, Ee = ye(
+        if (f !== C && (Ee = ve(f.getLevel())), K.call(C), f === C)
+          for (var z in d)
+            d[z].rebuild();
+      }, Ee = ve(
         f ? f.getLevel() : "WARN"
       );
-      var L = Oe();
-      L != null && (ce = ye(L)), J.call(C);
+      var P = ze();
+      P != null && (ne = ve(P)), K.call(C);
     }
     f = new N(), f.getLogger = function(V) {
       if (typeof V != "symbol" && typeof V != "string" || V === "")
@@ -321,16 +322,16 @@ var ca = { exports: {} };
         f.methodFactory
       )), C;
     };
-    var K = typeof window !== a ? window.log : void 0;
+    var Q = typeof window !== a ? window.log : void 0;
     return f.noConflict = function() {
-      return typeof window !== a && window.log === f && (window.log = K), f;
+      return typeof window !== a && window.log === f && (window.log = Q), f;
     }, f.getLoggers = function() {
       return d;
     }, f.default = f, f;
   });
-})(ca);
-var Na = ca.exports;
-const Ke = /* @__PURE__ */ aa(Na), Ua = Y`
+})(aa);
+var Na = aa.exports;
+const Ke = /* @__PURE__ */ ta(Na), Ua = X`
   :host {
     font-size: 16px;
   }
@@ -401,7 +402,7 @@ const Ke = /* @__PURE__ */ aa(Na), Ua = Y`
       border-radius: 0;
     }
   }
-`, ge = Y`
+`, me = X`
   :host {
     --primary-color: var(--sl-color-primary-600);
   }
@@ -468,8 +469,8 @@ const Ke = /* @__PURE__ */ aa(Na), Ua = Y`
   .text-button:hover {
     text-decoration: underline;
   }
-`, ia = Y`
-  ${ge}
+`, ca = X`
+  ${me}
 
   :host {
     /*
@@ -493,7 +494,7 @@ const Ke = /* @__PURE__ */ aa(Na), Ua = Y`
     color: white;
   }
 `;
-var Wa = Object.defineProperty, Ya = Object.getOwnPropertyDescriptor, Et = (c, e, a, s) => {
+var Wa = Object.defineProperty, Ya = Object.getOwnPropertyDescriptor, Tt = (c, e, a, s) => {
   for (var n = s > 1 ? void 0 : s ? Ya(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
   return s && n && Wa(e, a, n), n;
@@ -503,18 +504,18 @@ let Ge = class extends ut {
     super(...arguments), this.color = "primary", this.svg = "";
   }
   render() {
-    return g`<span class="cb-icon" part="base">${Q(this.svg)}</span>`;
+    return g`<span class="cb-icon" part="base">${Y(this.svg)}</span>`;
   }
 };
-Ge.styles = ia;
-Et([
+Ge.styles = ca;
+Tt([
   v({ type: String })
 ], Ge.prototype, "color", 2);
-Et([
+Tt([
   v({ type: String })
 ], Ge.prototype, "svg", 2);
-Ge = Et([
-  Z("cb-icon")
+Ge = Tt([
+  J("cb-icon")
 ], Ge);
 let Xa = (c) => crypto.getRandomValues(new Uint8Array(c)), Ga = (c, e, a) => {
   let s = (2 << Math.log2(c.length - 1)) - 1, n = -~(1.6 * s * e / c.length);
@@ -551,26 +552,26 @@ function Qa(c = !0) {
     }), a.click();
   });
 }
-const G = Ke.noConflict();
-G.setLevel("info");
-const Nt = 3e4;
+const Z = Ke.noConflict();
+Z.setLevel("info");
+const Ft = 3e4;
 class ec {
   constructor(e = {}) {
-    this.id = 0, this.url = (e == null ? void 0 : e.url) || null, this.orgId = (e == null ? void 0 : e.orgId) || null, this.botId = (e == null ? void 0 : e.botId) || null, this.convId = (e == null ? void 0 : e.convId) || null, this._options = e || {}, this._ws = null, this.started = !1, this.connected = !1, this.connecting = !1, this.suspendDetected = !1, this.onMessage = (e == null ? void 0 : e.onMessage) || null, this.onConnecting = (e == null ? void 0 : e.onConnecting) || null, this.queue = [], this.pause = (a) => new Promise((s) => setTimeout(s, a)), this.lastTickTs = 0, this.lastAckTs = 0, this.tickInterval = null, G.info(`WSC: Created, url: ${this.url}`);
+    this.id = 0, this.url = (e == null ? void 0 : e.url) || null, this.orgId = (e == null ? void 0 : e.orgId) || null, this.botId = (e == null ? void 0 : e.botId) || null, this.convId = (e == null ? void 0 : e.convId) || null, this._options = e || {}, this._ws = null, this.started = !1, this.connected = !1, this.connecting = !1, this.suspendDetected = !1, this.onMessage = (e == null ? void 0 : e.onMessage) || null, this.onConnecting = (e == null ? void 0 : e.onConnecting) || null, this.queue = [], this.pause = (a) => new Promise((s) => setTimeout(s, a)), this.lastTickTs = 0, this.lastAckTs = 0, this.tickInterval = null, Z.info(`WSC: Created, url: ${this.url}`);
   }
   connect(e = {}) {
     if (this._ws)
-      return G.info("WSC: connect - already connecting"), null;
+      return Z.info("WSC: connect - already connecting"), null;
     if (this.url = (e == null ? void 0 : e.url) || this.url, this.connected = !1, !this.url)
-      return G.error("WSC: URL must be provided to connect"), null;
+      return Z.error("WSC: URL must be provided to connect"), null;
     this.setConnecting(!0);
     const a = this.url;
-    G.info(`WSC: ${Date.now()}: Connecting to ${a} ...`), this._ws = new WebSocket(a);
+    Z.info(`WSC: ${Date.now()}: Connecting to ${a} ...`), this._ws = new WebSocket(a);
     let s = setTimeout(() => {
-      G.error(`WSC: ${Date.now()}: connected message not received in time - closing ...`), this._ws.close(), this._ws = null, this.connected = !1;
+      Z.error(`WSC: ${Date.now()}: connected message not received in time - closing ...`), this._ws.close(), this._ws = null, this.connected = !1;
     }, 3e4);
     this._ws.onopen = () => {
-      G.info(`WSC: ${Date.now()}: Connection to ${a} opened`);
+      Z.info(`WSC: ${Date.now()}: Connection to ${a} opened`);
     }, this._ws.onmessage = (n) => {
       let d = (n == null ? void 0 : n.data) || null;
       if (!d)
@@ -579,20 +580,20 @@ class ec {
       try {
         f = JSON.parse(d);
       } catch {
-        G.error(`WSC: ${Date.now()}: Failed to parse message: ${d}`);
+        Z.error(`WSC: ${Date.now()}: Failed to parse message: ${d}`);
         return;
       }
       if ((f == null ? void 0 : f.type) === "connected")
-        G.info(`WSC: ${Date.now()}: Got connected message`, f), clearTimeout(s), this.connected = !0, this.suspendDetected = !1, this.lastTickTs = Date.now(), this.setConnecting(!1), this.sendClientInfoMessage(), this.sendQueuedMessages();
+        Z.info(`WSC: ${Date.now()}: Got connected message`, f), clearTimeout(s), this.connected = !0, this.suspendDetected = !1, this.lastTickTs = Date.now(), this.setConnecting(!1), this.sendClientInfoMessage(), this.sendQueuedMessages();
       else if ((f == null ? void 0 : f.type) === "ack") {
         const x = Date.now();
         this.lastAckTs = x;
       }
       this.handleWscMessage(f);
     }, this._ws.onerror = (n) => {
-      G.error(`WSC: ${Date.now()}: Socket error`), clearTimeout(s), this.connected = !1, this._ws = null, this.setConnecting(!1);
+      Z.error(`WSC: ${Date.now()}: Socket error`), clearTimeout(s), this.connected = !1, this._ws = null, this.setConnecting(!1);
     }, this._ws.onclose = (n) => {
-      G.info(`WSC: ${Date.now()}: Closed - code:${n.code}, reason:"${n.reason}"`), this.connected = !1, this._ws = null, this.setConnecting(!1), this.reconnect();
+      Z.info(`WSC: ${Date.now()}: Closed - code:${n.code}, reason:"${n.reason}"`), this.connected = !1, this._ws = null, this.setConnecting(!1), this.reconnect();
     };
   }
   reconnect(e = 1e3) {
@@ -602,10 +603,10 @@ class ec {
   }
   disconnect() {
     if (this.connected = !1, !this._ws) {
-      G.info("WSC: already disconnected");
+      Z.info("WSC: already disconnected");
       return;
     }
-    G.info("WSC: disconnect"), this._ws.close();
+    Z.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));
@@ -619,7 +620,7 @@ class ec {
   async start() {
     this.started = !0, this.connect(), this.lastTickTs = Date.now(), this.tickInterval = setInterval(() => {
       this.tick();
-    }, Nt);
+    }, Ft);
   }
   async stop() {
     this.started = !1, this.disconnect(), this.tickInterval && (clearInterval(this.tickInterval), this.tickInterval = null);
@@ -628,11 +629,11 @@ class ec {
   async startOld() {
     let e = 1, a = !0;
     for (; a; ) {
-      if (G.info(`WSC: start: connecting, attempt ${e}`), await this.connect(), this.connected)
-        return G.info("WSC: connected"), !0;
+      if (Z.info(`WSC: start: connecting, attempt ${e}`), await this.connect(), this.connected)
+        return Z.info("WSC: connected"), !0;
       e++, a = e <= 4, a && await this.pause(1e3);
     }
-    return G.error(`WSC: start: failed to connect after ${e} attempts, exiting`), !1;
+    return Z.error(`WSC: start: failed to connect after ${e} attempts, exiting`), !1;
   }
   handleWscMessage(e) {
     this.onMessage && typeof this.onMessage == "function" && this.onMessage(e);
@@ -656,7 +657,7 @@ class ec {
     const e = Date.now();
     let a = !1;
     const s = e - this.lastAckTs;
-    s > Nt + 5e3 && (a = !0, G.info(`WSC: checkConnection: connection loss detected - last ack delay ${s} msec, reconnecting`)), a && this.disconnect();
+    s > Ft + 5e3 && (a = !0, Z.info(`WSC: checkConnection: connection loss detected - last ack delay ${s} msec, reconnecting`)), a && this.disconnect();
   }
   sendMessage(e) {
     if (this.checkConnection(), !this.connected) {
@@ -668,7 +669,7 @@ class ec {
   sendQueuedMessages() {
     if (Array.isArray(this.queue) && this.queue.length > 0)
       for (let e = 0; e < this.queue.length; e++)
-        G.info("Sending queued message", this.queue[e]), this._ws.send(this.queue[e]);
+        Z.info("Sending queued message", this.queue[e]), this._ws.send(this.queue[e]);
     this.queue = [];
   }
   // Request assumes that response will be received.
@@ -706,7 +707,7 @@ class ec {
 function D(c) {
   return c != null && typeof c == "object" && c["@@functional/placeholder"] === !0;
 }
-function Pe(c) {
+function Oe(c) {
   return function e(a) {
     return arguments.length === 0 || D(a) ? e : c.apply(this, arguments);
   };
@@ -717,13 +718,13 @@ function qe(c) {
       case 0:
         return e;
       case 1:
-        return D(a) ? e : Pe(function(n) {
+        return D(a) ? e : Oe(function(n) {
           return c(a, n);
         });
       default:
-        return D(a) && D(s) ? e : D(a) ? Pe(function(n) {
+        return D(a) && D(s) ? e : D(a) ? Oe(function(n) {
           return c(n, s);
-        }) : D(s) ? Pe(function(n) {
+        }) : D(s) ? Oe(function(n) {
           return c(a, n);
         }) : c(a, s);
     }
@@ -743,7 +744,7 @@ function tc(c) {
           return c(d, s, f);
         }) : D(s) ? qe(function(d, f) {
           return c(a, d, f);
-        }) : Pe(function(d) {
+        }) : Oe(function(d) {
           return c(a, s, d);
         });
       default:
@@ -753,11 +754,11 @@ function tc(c) {
           return c(d, s, f);
         }) : D(s) && D(n) ? qe(function(d, f) {
           return c(a, d, f);
-        }) : D(a) ? Pe(function(d) {
+        }) : D(a) ? Oe(function(d) {
           return c(d, s, n);
-        }) : D(s) ? Pe(function(d) {
+        }) : D(s) ? Oe(function(d) {
           return c(a, d, n);
-        }) : D(n) ? Pe(function(d) {
+        }) : D(n) ? Oe(function(d) {
           return c(a, s, d);
         }) : c(a, s, n);
     }
@@ -796,8 +797,8 @@ var rc = Object.defineProperty, O = (c, e, a, s) => {
 };
 const I = Ke.noConflict();
 I.setLevel("info");
-const se = "cb_";
-class P extends kt {
+const ie = "cb_";
+class L extends kt {
   constructor() {
     super(...arguments), this.actionIdCounter = 0, this.prefilledFormValues = {}, this.wsClient = null, this.replyMessage = null, this.streamingResponseInProgress = !1, this.streamingResponseLastText = null, this.streamingResponseBuffer = null, this.streamingResponseTagStartPos = 0, this.streamingResponseCurrentTag = null;
   }
@@ -872,7 +873,7 @@ class P extends kt {
   }
   clearConversation() {
     this.wsClient && (this.wsClient.stop().then(() => {
-    }), this.wsClient = null), this.conversationId = Ve(), this.lastConversationUpdate = Date.now(), this.connectWs = "false", this.shouldEngage = "true", this.messages = [], this.actions = [], this.form = null, this.addMessage({
+    }), this.wsClient = null), this.conversationId = Ve(), this.lastConversationUpdate = Date.now(), this.connectWs = "false", this.shouldEngage = "true", this.messages = [], this.unreadMessages = 0, this.actions = [], this.form = null, this.addMessage({
       author: "assistant",
       type: "text",
       data: {
@@ -903,7 +904,7 @@ class P extends kt {
       I.info("form has no fields", e);
       return;
     }
-    const d = `${se}${this.setting.botId}.${this.conversationId}.form.${s}`, f = localStorage.getItem(d);
+    const d = `${ie}${this.setting.botId}.${this.conversationId}.form.${s}`, f = localStorage.getItem(d);
     if (f) {
       let x = null;
       try {
@@ -924,9 +925,9 @@ class P extends kt {
     this.engage = !1, this.shouldEngage = "false";
   }
   showEngagePopup() {
-    if (this.open)
-      return;
-    I.info("Engaging User !"), this.engage = !0;
+    this.open || (I.info("Engaging User !"), this.engage = !0, this.playAudioNotification());
+  }
+  playAudioNotification() {
     const e = (d) => {
       const f = new Uint8Array(d.length / 2);
       for (let x = 0; x < f.length; x++)
@@ -989,6 +990,7 @@ class P extends kt {
             const n = this.formatMessage(s);
             this.messages = this.messages.concat([n]);
           }
+          this.open || (this.unreadMessages++, this.playAudioNotification());
           break;
         }
         case "message-chunk": {
@@ -1185,7 +1187,7 @@ class P extends kt {
       I.info("submitForm: No form is active - ignored");
       return;
     }
-    const a = `${se}${this.setting.botId}.${this.conversationId}.form.${this.form.name}`;
+    const a = `${ie}${this.setting.botId}.${this.conversationId}.form.${this.form.name}`;
     await this.sendFormData(this.form.name, e), localStorage.setItem(a, JSON.stringify(e)), "name" in e && (this.feedbackName = e.name), "email" in e && (this.feedbackEmail = e.email), this.form = null;
   }
   async sendFormData(e, a) {
@@ -1241,39 +1243,43 @@ class P extends kt {
   }
 }
 O([
-  le({ prefix: se }),
-  z({ value: "en" })
-], P.prototype, "language");
+  de({ prefix: ie }),
+  q({ value: "en" })
+], L.prototype, "language");
+O([
+  de({ prefix: ie }),
+  q({ value: "light" })
+], L.prototype, "theme");
 O([
-  le({ prefix: se }),
-  z({ value: "light" })
-], P.prototype, "theme");
+  de({ prefix: ie }),
+  q({ type: Boolean, value: !1 })
+], L.prototype, "open");
 O([
-  le({ prefix: se }),
-  z({ type: Boolean, value: !1 })
-], P.prototype, "open");
+  q({ type: Boolean, value: !1 })
+], L.prototype, "alwaysOpen");
 O([
-  z({ type: Boolean, value: !1 })
-], P.prototype, "alwaysOpen");
+  de({ prefix: ie }),
+  q({ value: "false" })
+], L.prototype, "connectWs");
 O([
-  le({ prefix: se }),
-  z({ value: "false" })
-], P.prototype, "connectWs");
+  de({ prefix: ie }),
+  q({ value: Ve() })
+], L.prototype, "conversationId");
 O([
-  le({ prefix: se }),
-  z({ value: Ve() })
-], P.prototype, "conversationId");
+  de({ prefix: ie }),
+  q({ value: 0 })
+], L.prototype, "lastConversationUpdate");
 O([
-  le({ prefix: se }),
-  z({ value: 0 })
-], P.prototype, "lastConversationUpdate");
+  de({ prefix: ie }),
+  q({ type: Array, value: [] })
+], L.prototype, "messages");
 O([
-  le({ prefix: se }),
-  z({ type: Array, value: [] })
-], P.prototype, "messages");
+  de({ prefix: ie }),
+  q({ value: 0 })
+], L.prototype, "unreadMessages");
 O([
-  le({ prefix: se }),
-  z({
+  de({ prefix: ie }),
+  q({
     type: Array,
     value: []
     /*
@@ -1315,35 +1321,35 @@ O([
       },
     ],*/
   })
-], P.prototype, "actions");
+], L.prototype, "actions");
 O([
-  z({ type: Object, value: null })
-], P.prototype, "form");
+  q({ type: Object, value: null })
+], L.prototype, "form");
 O([
-  z({ type: Boolean, value: !1 })
-], P.prototype, "botSettingsInitialized");
+  q({ type: Boolean, value: !1 })
+], L.prototype, "botSettingsInitialized");
 O([
-  z({ type: Number, value: 5 })
-], P.prototype, "botSettingsRetryTimeout");
+  q({ type: Number, value: 5 })
+], L.prototype, "botSettingsRetryTimeout");
 O([
-  z({ type: Object, value: null })
-], P.prototype, "botSettings");
+  q({ type: Object, value: null })
+], L.prototype, "botSettings");
 O([
-  z({ type: Boolean, value: !0 })
-], P.prototype, "disabled");
+  q({ type: Boolean, value: !0 })
+], L.prototype, "disabled");
 O([
-  z({ type: Boolean, value: !1 })
-], P.prototype, "connecting");
+  q({ type: Boolean, value: !1 })
+], L.prototype, "connecting");
 O([
-  le({ prefix: se }),
-  z({ value: "true" })
-], P.prototype, "shouldEngage");
+  de({ prefix: ie }),
+  q({ value: "true" })
+], L.prototype, "shouldEngage");
 O([
-  z({ type: Boolean, value: !1 })
-], P.prototype, "engage");
+  q({ type: Boolean, value: !1 })
+], L.prototype, "engage");
 O([
-  le({ prefix: se }),
-  z({
+  de({ prefix: ie }),
+  q({
     type: Object,
     value: {
       orgId: null,
@@ -1354,44 +1360,47 @@ O([
       feedbackEnabled: !1
     }
   })
-], P.prototype, "setting");
+], L.prototype, "setting");
+O([
+  q({ type: String, value: "top-end" })
+], L.prototype, "appearanceAnchorPopupPosition");
 O([
-  z({ type: String, value: "top-end" })
-], P.prototype, "appearanceAnchorPopupPosition");
+  q({ type: String, value: "danger" })
+], L.prototype, "appearanceAnchorBadgeVariant");
 O([
-  z({ type: String, value: "right" })
-], P.prototype, "appearanceUserMessageAvatarPosition");
+  q({ type: String, value: "right" })
+], L.prototype, "appearanceUserMessageAvatarPosition");
 O([
-  z({ type: Boolean, value: !1 })
-], P.prototype, "feedback");
+  q({ type: Boolean, value: !1 })
+], L.prototype, "feedback");
 O([
-  z({ type: Number, value: 5 })
-], P.prototype, "feedbackScore");
+  q({ type: Number, value: 5 })
+], L.prototype, "feedbackScore");
 O([
-  z({ type: String, value: "" })
-], P.prototype, "feedbackUserMessage");
+  q({ type: String, value: "" })
+], L.prototype, "feedbackUserMessage");
 O([
-  z({ type: String, value: "" })
-], P.prototype, "feedbackAnswerMessageId");
+  q({ type: String, value: "" })
+], L.prototype, "feedbackAnswerMessageId");
 O([
-  z({ type: String, value: "" })
-], P.prototype, "feedbackAnswer");
+  q({ type: String, value: "" })
+], L.prototype, "feedbackAnswer");
 O([
-  z({ type: String, value: "" })
-], P.prototype, "feedbackAnswerUserName");
+  q({ type: String, value: "" })
+], L.prototype, "feedbackAnswerUserName");
 O([
-  z({ type: Array, value: [] })
-], P.prototype, "feedbackMessages");
+  q({ type: Array, value: [] })
+], L.prototype, "feedbackMessages");
 O([
-  le({ prefix: se }),
-  z({ type: String, value: "" })
-], P.prototype, "feedbackName");
+  de({ prefix: ie }),
+  q({ type: String, value: "" })
+], L.prototype, "feedbackName");
 O([
-  le({ prefix: se }),
-  z({ type: String, value: "" })
-], P.prototype, "feedbackEmail");
-const p = new P(), dc = Y`
-  ${ge}
+  de({ prefix: ie }),
+  q({ type: String, value: "" })
+], L.prototype, "feedbackEmail");
+const p = new L(), dc = X`
+  ${me}
   :host {
     position: relative;
     font-weight: bold;
@@ -1491,7 +1500,7 @@ class ee extends ut {
 lc([
   v({ type: String })
 ], ee.prototype, "lang");
-var bc = Object.defineProperty, hc = Object.getOwnPropertyDescriptor, na = (c, e, a, s) => {
+var bc = Object.defineProperty, hc = Object.getOwnPropertyDescriptor, ia = (c, e, a, s) => {
   for (var n = s > 1 ? void 0 : s ? hc(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
   return s && n && bc(e, a, n), n;
@@ -1508,31 +1517,31 @@ let ot = class extends ee {
   */
   renderExp() {
     return g` <header class="cb-header" part="header">
-      ${ne(
+      ${ce(
       p.setting.logoUrl !== "",
       () => g`<img class="cb-header-logo" part="header-logo" src="${p.setting.logoUrl}" />`,
-      () => g`<div class="cb-header-logo" part="header-logo">${Q(p.setting.logoSvg)}</div>`
+      () => g`<div class="cb-header-logo" part="header-logo">${Y(p.setting.logoSvg)}</div>`
     )}
       <div class="cb-header-title" part="header-title">${this.title}</div>
-      ${ne(
+      ${ce(
       p.alwaysOpen,
       () => g``,
-      () => g`<div class="cb-header-close" part="header-close">${Q(uc)}</div>`
+      () => g`<div class="cb-header-close" part="header-close">${Y(uc)}</div>`
     )}
     </header>`;
   }
   render() {
     return g` <header class="cb-header" part="header">
-      ${ne(
+      ${ce(
       p.setting.logoUrl !== "",
       () => g`<img class="cb-header-img" part="header-logo" src="${p.setting.logoUrl}" />`,
-      () => g`<div class="cb-header-logo" part="header-logo">${Q(p.setting.logoSvg)}</div>`
+      () => g`<div class="cb-header-logo" part="header-logo">${Y(p.setting.logoSvg)}</div>`
     )}
       <div class="cb-header-title" part="header-title">${this.title}</div>
-      ${ne(
+      ${ce(
       p.alwaysOpen,
       () => g`<div></div>`,
-      () => g`<div @click=${this._clickCloseHandler} class="cb-header-close" part="header-close">${Q(p.setting.closeSvg)}</div>`
+      () => g`<div @click=${this._clickCloseHandler} class="cb-header-close" part="header-close">${Y(p.setting.closeSvg)}</div>`
     )}
     </header>`;
   }
@@ -1560,14 +1569,14 @@ let ot = class extends ee {
   }
 };
 ot.styles = dc;
-na([
+ia([
   v({ type: String, attribute: "title" })
 ], ot.prototype, "title", 2);
-ot = na([
-  Z("cb-header")
+ot = ia([
+  J("cb-header")
 ], ot);
-const pc = Y`
-  ${ge}
+const pc = X`
+  ${me}
   .cb-footer {
     line-height: 60px;
     font-size: 16px;
@@ -1623,10 +1632,10 @@ let Ct = class extends ee {
 };
 Ct.styles = pc;
 Ct = yc([
-  Z("cb-footer")
+  J("cb-footer")
 ], Ct);
-const vc = Y`
-  ${ge}
+const vc = X`
+  ${me}
 
   :host {
     width: 100%;
@@ -1790,11 +1799,11 @@ const vc = Y`
     transition: background 0s;
   }
 `;
-var sa = { exports: {} };
+var na = { exports: {} };
 (function(c, e) {
   (function(a, s) {
     c.exports = s();
-  })(ta, function() {
+  })(ea, function() {
     function a(t) {
       var i = function(o, r) {
         if (typeof o != "object" || !o) return o;
@@ -1840,35 +1849,35 @@ var sa = { exports: {} };
       return t;
     }
     function _(t, i) {
-      if ((B(t) || t === window || t === document) && (t = [t]), We(t) || Ce(t) || (t = [t]), Pt(t) != 0) {
+      if ((R(t) || t === window || t === document) && (t = [t]), We(t) || Ce(t) || (t = [t]), qt(t) != 0) {
         if (We(t) && !Ce(t)) for (var o = t.length, r = 0; r < o && i.call(t[r], t[r], r, t) !== !1; r++) ;
         else if (Ce(t)) {
           for (var l in t) if (W(t, l) && i.call(t[l], t[l], l, t) === !1) break;
         }
       }
     }
-    function J(t) {
+    function K(t) {
       var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null, o = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : null, r = t[x] = t[x] || [], l = { all: r, evt: null, found: null };
-      return i && o && Pt(r) > 0 && _(r, function(h, b) {
+      return i && o && qt(r) > 0 && _(r, function(h, b) {
         if (h.eventName == i && h.fn.toString() == o.toString()) return l.found = !0, l.evt = b, !1;
       }), l;
     }
     function F(t) {
       var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, o = i.onElement, r = i.withCallback, l = i.avoidDuplicate, h = l === void 0 || l, b = i.once, u = b !== void 0 && b, y = i.useCapture, m = y !== void 0 && y, w = arguments.length > 2 ? arguments[2] : void 0, k = o || [];
-      function T(E) {
-        L(r) && r.call(w, E, this), u && T.destroy();
+      function M(E) {
+        P(r) && r.call(w, E, this), u && M.destroy();
       }
-      return q(k) && (k = document.querySelectorAll(k)), T.destroy = function() {
+      return z(k) && (k = document.querySelectorAll(k)), M.destroy = function() {
         _(k, function(E) {
-          var A = J(E, t, T);
-          A.found && A.all.splice(A.evt, 1), E.removeEventListener && E.removeEventListener(t, T, m);
+          var A = K(E, t, M);
+          A.found && A.all.splice(A.evt, 1), E.removeEventListener && E.removeEventListener(t, M, m);
         });
       }, _(k, function(E) {
-        var A = J(E, t, T);
-        (E.addEventListener && h && !A.found || !h) && (E.addEventListener(t, T, m), A.all.push({ eventName: t, fn: T }));
-      }), T;
+        var A = K(E, t, M);
+        (E.addEventListener && h && !A.found || !h) && (E.addEventListener(t, M, m), A.all.push({ eventName: t, fn: M }));
+      }), M;
     }
-    function M(t, i) {
+    function T(t, i) {
       _(i.split(" "), function(o) {
         return t.classList.add(o);
       });
@@ -1878,7 +1887,7 @@ var sa = { exports: {} };
         return t.classList.remove(o);
       });
     }
-    function K(t, i) {
+    function Q(t, i) {
       return t.classList.contains(i);
     }
     function $(t, i) {
@@ -1890,14 +1899,14 @@ var sa = { exports: {} };
     function V(t) {
       var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "", o = arguments.length > 2 && arguments[2] !== void 0 && arguments[2];
       if (!t || i === "") return !1;
-      if (i === "none") return L(o) && o(), !1;
+      if (i === "none") return P(o) && o(), !1;
       var r = mt(), l = i.split(" ");
       _(l, function(h) {
-        M(t, "g" + h);
+        T(t, "g" + h);
       }), F(r, { onElement: t, avoidDuplicate: !1, once: !0, withCallback: function(h, b) {
         _(l, function(u) {
           N(b, "g" + u);
-        }), L(o) && o();
+        }), P(o) && o();
       } });
     }
     function C(t) {
@@ -1911,19 +1920,19 @@ var sa = { exports: {} };
     function Ae(t) {
       t.style.display = "none";
     }
-    function ce(t) {
+    function ne(t) {
       var i = document.createDocumentFragment(), o = document.createElement("div");
       for (o.innerHTML = t; o.firstChild; ) i.appendChild(o.firstChild);
       return i;
     }
-    function ie() {
+    function se() {
       return { width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight };
     }
     function mt() {
       var t, i = document.createElement("fakeelement"), o = { animation: "animationend", OAnimation: "oAnimationEnd", MozAnimation: "animationend", WebkitAnimation: "webkitAnimationEnd" };
       for (t in o) if (i.style[t] !== void 0) return o[t];
     }
-    function Oe(t, i, o, r) {
+    function ze(t, i, o, r) {
       if (t()) i();
       else {
         var l;
@@ -1935,17 +1944,17 @@ var sa = { exports: {} };
     }
     function Qe(t, i, o) {
       if (oe(t)) console.error("Inject assets error");
-      else if (L(i) && (o = i, i = !1), q(i) && i in window) L(o) && o();
+      else if (P(i) && (o = i, i = !1), z(i) && i in window) P(o) && o();
       else {
         var r;
         if (t.indexOf(".css") !== -1) {
-          if ((r = document.querySelectorAll('link[href="' + t + '"]')) && r.length > 0) return void (L(o) && o());
+          if ((r = document.querySelectorAll('link[href="' + t + '"]')) && r.length > 0) return void (P(o) && o());
           var l = document.getElementsByTagName("head")[0], h = l.querySelectorAll('link[rel="stylesheet"]'), b = document.createElement("link");
-          return b.rel = "stylesheet", b.type = "text/css", b.href = t, b.media = "all", h ? l.insertBefore(b, h[0]) : l.appendChild(b), void (L(o) && o());
+          return b.rel = "stylesheet", b.type = "text/css", b.href = t, b.media = "all", h ? l.insertBefore(b, h[0]) : l.appendChild(b), void (P(o) && o());
         }
         if ((r = document.querySelectorAll('script[src="' + t + '"]')) && r.length > 0) {
-          if (L(o)) {
-            if (q(i)) return Oe(function() {
+          if (P(o)) {
+            if (z(i)) return ze(function() {
               return window[i] !== void 0;
             }, function() {
               o();
@@ -1955,8 +1964,8 @@ var sa = { exports: {} };
         } else {
           var u = document.createElement("script");
           u.type = "text/javascript", u.src = t, u.onload = function() {
-            if (L(o)) {
-              if (q(i)) return Oe(function() {
+            if (P(o)) {
+              if (z(i)) return ze(function() {
                 return window[i] !== void 0;
               }, function() {
                 o();
@@ -1967,16 +1976,16 @@ var sa = { exports: {} };
         }
       }
     }
-    function ye() {
+    function ve() {
       return "navigator" in window && window.navigator.userAgent.match(/(iPad)|(iPhone)|(iPod)|(Android)|(PlayBook)|(BB10)|(BlackBerry)|(Opera Mini)|(IEMobile)|(webOS)|(MeeGo)/i);
     }
-    function L(t) {
+    function P(t) {
       return typeof t == "function";
     }
-    function q(t) {
+    function z(t) {
       return typeof t == "string";
     }
-    function B(t) {
+    function R(t) {
       return !(!t || !t.nodeType || t.nodeType != 1);
     }
     function Ie(t) {
@@ -1986,7 +1995,7 @@ var sa = { exports: {} };
       return t && t.length && isFinite(t.length);
     }
     function Ce(t) {
-      return s(t) === "object" && t != null && !L(t) && !Ie(t);
+      return s(t) === "object" && t != null && !P(t) && !Ie(t);
     }
     function oe(t) {
       return t == null;
@@ -1994,7 +2003,7 @@ var sa = { exports: {} };
     function W(t, i) {
       return t !== null && hasOwnProperty.call(t, i);
     }
-    function Pt(t) {
+    function qt(t) {
       if (Ce(t)) {
         if (t.keys) return t.keys().length;
         var i = 0;
@@ -2006,7 +2015,7 @@ var sa = { exports: {} };
     function et(t) {
       return !isNaN(parseFloat(t)) && isFinite(t);
     }
-    function zt() {
+    function Ot() {
       var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1, i = document.querySelectorAll(".gbtn[data-taborder]:not(.disabled)");
       if (!i.length) return !1;
       if (i.length == 1) return i[0];
@@ -2038,11 +2047,11 @@ var sa = { exports: {} };
           var b = document.querySelectorAll(".gbtn[data-taborder]");
           if (!b || b.length <= 0) return;
           if (!l) {
-            var u = zt();
-            return void (u && (u.focus(), M(u, "focused")));
+            var u = Ot();
+            return void (u && (u.focus(), T(u, "focused")));
           }
-          var y = zt(l.getAttribute("data-taborder"));
-          N(l, "focused"), y && (y.focus(), M(y, "focused"));
+          var y = Ot(l.getAttribute("data-taborder"));
+          N(l, "focused"), y && (y.focus(), T(y, "focused"));
         }
         r == 39 && t.nextSlide(), r == 37 && t.prevSlide(), r == 27 && t.close();
       } });
@@ -2089,16 +2098,16 @@ var sa = { exports: {} };
       t.style.transform = "translate3d(" + i + "px, " + o + "px, 0)";
     } }, { key: "widowWidth", value: function() {
       return window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
-    } }]), Ot = f(function t() {
+    } }]), Pt = f(function t() {
       var i = this, o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
       n(this, t);
       var r = o.dragEl, l = o.toleranceX, h = l === void 0 ? 40 : l, b = o.toleranceY, u = b === void 0 ? 65 : b, y = o.slide, m = y === void 0 ? null : y, w = o.instance, k = w === void 0 ? null : w;
-      this.el = r, this.active = !1, this.dragging = !1, this.currentX = null, this.currentY = null, this.initialX = null, this.initialY = null, this.xOffset = 0, this.yOffset = 0, this.direction = null, this.lastDirection = null, this.toleranceX = h, this.toleranceY = u, this.toleranceReached = !1, this.dragContainer = this.el, this.slide = m, this.instance = k, this.el.addEventListener("mousedown", function(T) {
-        return i.dragStart(T);
-      }, !1), this.el.addEventListener("mouseup", function(T) {
-        return i.dragEnd(T);
-      }, !1), this.el.addEventListener("mousemove", function(T) {
-        return i.drag(T);
+      this.el = r, this.active = !1, this.dragging = !1, this.currentX = null, this.currentY = null, this.initialX = null, this.initialY = null, this.xOffset = 0, this.yOffset = 0, this.direction = null, this.lastDirection = null, this.toleranceX = h, this.toleranceY = u, this.toleranceReached = !1, this.dragContainer = this.el, this.slide = m, this.instance = k, this.el.addEventListener("mousedown", function(M) {
+        return i.dragStart(M);
+      }, !1), this.el.addEventListener("mouseup", function(M) {
+        return i.dragEnd(M);
+      }, !1), this.el.addEventListener("mousemove", function(M) {
+        return i.drag(M);
       }, !1);
     }, [{ key: "dragStart", value: function(t) {
       if (this.slide.classList.contains("zoomed")) this.active = !1;
@@ -2144,40 +2153,40 @@ var sa = { exports: {} };
     function wa(t, i, o, r) {
       var l = t.querySelector(".gslide-media"), h = new Image(), b = "gSlideTitle_" + o, u = "gSlideDesc_" + o;
       h.addEventListener("load", function() {
-        L(r) && r();
+        P(r) && r();
       }, !1), h.src = i.href, i.sizes != "" && i.srcset != "" && (h.sizes = i.sizes, h.srcset = i.srcset), h.alt = "", oe(i.alt) || i.alt === "" || (h.alt = i.alt), i.title !== "" && h.setAttribute("aria-labelledby", b), i.description !== "" && h.setAttribute("aria-describedby", u), i.hasOwnProperty("_hasCustomWidth") && i._hasCustomWidth && (h.style.width = i.width), i.hasOwnProperty("_hasCustomHeight") && i._hasCustomHeight && (h.style.height = i.height), l.insertBefore(h, l.firstChild);
     }
     function xa(t, i, o, r) {
       var l = this, h = t.querySelector(".ginner-container"), b = "gvideo" + o, u = t.querySelector(".gslide-media"), y = this.getAllPlayers();
-      M(h, "gvideo-container"), u.insertBefore(ce('<div class="gvideo-wrapper"></div>'), u.firstChild);
+      T(h, "gvideo-container"), u.insertBefore(ne('<div class="gvideo-wrapper"></div>'), u.firstChild);
       var m = t.querySelector(".gvideo-wrapper");
       Qe(this.settings.plyr.css, "Plyr");
-      var w = i.href, k = i == null ? void 0 : i.videoProvider, T = !1;
+      var w = i.href, k = i == null ? void 0 : i.videoProvider, M = !1;
       u.style.maxWidth = i.width, Qe(this.settings.plyr.js, "Plyr", function() {
         if (!k && w.match(/vimeo\.com\/([0-9]*)/) && (k = "vimeo"), !k && (w.match(/(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/) || w.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) || w.match(/(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/) || w.match(/(youtube\.com|youtube-nocookie\.com)\/shorts\/([a-zA-Z0-9\-_]+)/)) && (k = "youtube"), k === "local" || !k) {
           k = "local";
           var E = '<video id="' + b + '" ';
-          E += 'style="background:#000; max-width: '.concat(i.width, ';" '), E += 'preload="metadata" ', E += 'x-webkit-airplay="allow" ', E += "playsinline ", E += "controls ", E += 'class="gvideo-local">', E += '<source src="'.concat(w, '">'), T = ce(E += "</video>");
+          E += 'style="background:#000; max-width: '.concat(i.width, ';" '), E += 'preload="metadata" ', E += 'x-webkit-airplay="allow" ', E += "playsinline ", E += "controls ", E += 'class="gvideo-local">', E += '<source src="'.concat(w, '">'), M = ne(E += "</video>");
         }
-        var A = T || ce('<div id="'.concat(b, '" data-plyr-provider="').concat(k, '" data-plyr-embed-id="').concat(w, '"></div>'));
-        M(m, "".concat(k, "-video gvideo")), m.appendChild(A), m.setAttribute("data-id", b), m.setAttribute("data-index", o);
-        var U = W(l.settings.plyr, "config") ? l.settings.plyr.config : {}, de = new Plyr("#" + b, U);
-        de.on("ready", function(re) {
-          y[b] = re.detail.plyr, L(r) && r();
-        }), Oe(function() {
+        var A = M || ne('<div id="'.concat(b, '" data-plyr-provider="').concat(k, '" data-plyr-embed-id="').concat(w, '"></div>'));
+        T(m, "".concat(k, "-video gvideo")), m.appendChild(A), m.setAttribute("data-id", b), m.setAttribute("data-index", o);
+        var U = W(l.settings.plyr, "config") ? l.settings.plyr.config : {}, fe = new Plyr("#" + b, U);
+        fe.on("ready", function(re) {
+          y[b] = re.detail.plyr, P(r) && r();
+        }), ze(function() {
           return t.querySelector("iframe") && t.querySelector("iframe").dataset.ready == "true";
         }, function() {
           l.resize(t);
-        }), de.on("enterfullscreen", jt), de.on("exitfullscreen", jt);
+        }), fe.on("enterfullscreen", zt), fe.on("exitfullscreen", zt);
       });
     }
-    function jt(t) {
+    function zt(t) {
       var i = $(t.target, ".gslide-media");
-      t.type === "enterfullscreen" && M(i, "fullscreen"), t.type === "exitfullscreen" && N(i, "fullscreen");
+      t.type === "enterfullscreen" && T(i, "fullscreen"), t.type === "exitfullscreen" && N(i, "fullscreen");
     }
     function ka(t, i, o, r) {
       var l, h = this, b = t.querySelector(".gslide-media"), u = !(!W(i, "href") || !i.href) && i.href.split("#").pop().trim(), y = !(!W(i, "content") || !i.content) && i.content;
-      if (y && (q(y) && (l = ce('<div class="ginlined-content">'.concat(y, "</div>"))), B(y))) {
+      if (y && (z(y) && (l = ne('<div class="ginlined-content">'.concat(y, "</div>"))), R(y))) {
         y.style.display == "none" && (y.style.display = "block");
         var m = document.createElement("div");
         m.className = "ginlined-content", m.appendChild(y), l = m;
@@ -2186,18 +2195,18 @@ var sa = { exports: {} };
         var w = document.getElementById(u);
         if (!w) return !1;
         var k = w.cloneNode(!0);
-        k.style.height = i.height, k.style.maxWidth = i.width, M(k, "ginlined-content"), l = k;
+        k.style.height = i.height, k.style.maxWidth = i.width, T(k, "ginlined-content"), l = k;
       }
       if (!l) return console.error("Unable to append inline slide content", i), !1;
-      b.style.height = i.height, b.style.width = i.width, b.appendChild(l), this.events["inlineclose" + u] = F("click", { onElement: b.querySelectorAll(".gtrigger-close"), withCallback: function(T) {
-        T.preventDefault(), h.close();
-      } }), L(r) && r();
+      b.style.height = i.height, b.style.width = i.width, b.appendChild(l), this.events["inlineclose" + u] = F("click", { onElement: b.querySelectorAll(".gtrigger-close"), withCallback: function(M) {
+        M.preventDefault(), h.close();
+      } }), P(r) && r();
     }
     function Ca(t, i, o, r) {
       var l = t.querySelector(".gslide-media"), h = function(b) {
         var u = b.url, y = b.allow, m = b.callback, w = b.appendTo, k = document.createElement("iframe");
         return k.className = "vimeo-video gvideo", k.src = u, k.style.width = "100%", k.style.height = "100%", y && k.setAttribute("allow", y), k.onload = function() {
-          k.onload = null, M(k, "node-ready"), L(m) && m();
+          k.onload = null, T(k, "node-ready"), P(m) && m();
         }, w && w.appendChild(k), k;
       }({ url: i.href, callback: r });
       l.parentNode.style.maxWidth = i.width, l.parentNode.style.height = i.height, l.appendChild(h);
@@ -2210,7 +2219,7 @@ var sa = { exports: {} };
       return (t = t.toLowerCase()).match(/\.(jpeg|jpg|jpe|gif|png|apn|webp|avif|svg)/) !== null ? "image" : t.match(/(youtube\.com|youtube-nocookie\.com)\/watch\?v=([a-zA-Z0-9\-_]+)/) || t.match(/youtu\.be\/([a-zA-Z0-9\-_]+)/) || t.match(/(youtube\.com|youtube-nocookie\.com)\/embed\/([a-zA-Z0-9\-_]+)/) || t.match(/(youtube\.com|youtube-nocookie\.com)\/shorts\/([a-zA-Z0-9\-_]+)/) || t.match(/vimeo\.com\/([0-9]*)/) || t.match(/\.(mp4|ogg|webm|mov)/) !== null ? "video" : t.match(/\.(mp3|wav|wma|aac|ogg)/) !== null ? "audio" : t.indexOf("#") > -1 && i.split("#").pop().trim() !== "" ? "inline" : t.indexOf("goajax=true") > -1 ? "ajax" : "external";
     } }, { key: "parseConfig", value: function(t, i) {
       var o = this, r = S({ descPosition: i.descPosition }, this.defaults);
-      if (Ce(t) && !B(t)) {
+      if (Ce(t) && !R(t)) {
         W(t, "type") || (W(t, "content") && t.content ? t.type = "inline" : W(t, "href") && (t.type = this.sourceType(t.href)));
         var l = S(r, t);
         return this.setSize(l, i), l;
@@ -2234,10 +2243,10 @@ var sa = { exports: {} };
         _(r, function(E, A) {
           w.push(";\\s?" + A);
         }), w = w.join("\\s?:|"), b.trim() !== "" && _(r, function(E, A) {
-          var U = b, de = new RegExp("s?" + A + "s?:s?(.*?)(" + w + "s?:|$)"), re = U.match(de);
+          var U = b, fe = new RegExp("s?" + A + "s?:s?(.*?)(" + w + "s?:|$)"), re = U.match(fe);
           if (re && re.length && re[1]) {
-            var X = re[1].trim().replace(/;\s*$/, "");
-            r[A] = o.sanitizeValue(X);
+            var G = re[1].trim().replace(/;\s*$/, "");
+            r[A] = o.sanitizeValue(G);
           }
         });
       }
@@ -2251,8 +2260,8 @@ var sa = { exports: {} };
         k && (r.description = k);
       }
       if (!r.description) {
-        var T = t.querySelector(".glightbox-desc");
-        T && (r.description = T.innerHTML);
+        var M = t.querySelector(".glightbox-desc");
+        M && (r.description = M.innerHTML);
       }
       return this.setSize(r, i, t), this.slideConfig = r, r;
     } }, { key: "setSize", value: function(t, i) {
@@ -2266,21 +2275,21 @@ var sa = { exports: {} };
       n(this, t), this.element = i, this.instance = o, this.index = r;
     }, [{ key: "setContent", value: function() {
       var t = this, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null, o = arguments.length > 1 && arguments[1] !== void 0 && arguments[1];
-      if (K(i, "loaded")) return !1;
-      var r = this.instance.settings, l = this.slideConfig, h = ye();
-      L(r.beforeSlideLoad) && r.beforeSlideLoad({ index: this.index, slide: i, player: !1 });
-      var b = l.type, u = l.descPosition, y = i.querySelector(".gslide-media"), m = i.querySelector(".gslide-title"), w = i.querySelector(".gslide-desc"), k = i.querySelector(".gdesc-inner"), T = o, E = "gSlideTitle_" + this.index, A = "gSlideDesc_" + this.index;
-      if (L(r.afterSlideLoad) && (T = function() {
-        L(o) && o(), r.afterSlideLoad({ index: t.index, slide: i, player: t.instance.getSlidePlayerInstance(t.index) });
-      }), l.title == "" && l.description == "" ? k && k.parentNode.parentNode.removeChild(k.parentNode) : (m && l.title !== "" ? (m.id = E, m.innerHTML = l.title) : m.parentNode.removeChild(m), w && l.description !== "" ? (w.id = A, h && r.moreLength > 0 ? (l.smallDescription = this.slideShortDesc(l.description, r.moreLength, r.moreText), w.innerHTML = l.smallDescription, this.descriptionEvents(w, l)) : w.innerHTML = l.description) : w.parentNode.removeChild(w), M(y.parentNode, "desc-".concat(u)), M(k.parentNode, "description-".concat(u))), M(y, "gslide-".concat(b)), M(i, "loaded"), b !== "video") {
-        if (b !== "external") return b === "inline" ? (ka.apply(this.instance, [i, l, this.index, T]), void (l.draggable && new Ot({ dragEl: i.querySelector(".gslide-inline"), toleranceX: r.dragToleranceX, toleranceY: r.dragToleranceY, slide: i, instance: this.instance }))) : void (b !== "image" ? L(T) && T() : wa(i, l, this.index, function() {
+      if (Q(i, "loaded")) return !1;
+      var r = this.instance.settings, l = this.slideConfig, h = ve();
+      P(r.beforeSlideLoad) && r.beforeSlideLoad({ index: this.index, slide: i, player: !1 });
+      var b = l.type, u = l.descPosition, y = i.querySelector(".gslide-media"), m = i.querySelector(".gslide-title"), w = i.querySelector(".gslide-desc"), k = i.querySelector(".gdesc-inner"), M = o, E = "gSlideTitle_" + this.index, A = "gSlideDesc_" + this.index;
+      if (P(r.afterSlideLoad) && (M = function() {
+        P(o) && o(), r.afterSlideLoad({ index: t.index, slide: i, player: t.instance.getSlidePlayerInstance(t.index) });
+      }), l.title == "" && l.description == "" ? k && k.parentNode.parentNode.removeChild(k.parentNode) : (m && l.title !== "" ? (m.id = E, m.innerHTML = l.title) : m.parentNode.removeChild(m), w && l.description !== "" ? (w.id = A, h && r.moreLength > 0 ? (l.smallDescription = this.slideShortDesc(l.description, r.moreLength, r.moreText), w.innerHTML = l.smallDescription, this.descriptionEvents(w, l)) : w.innerHTML = l.description) : w.parentNode.removeChild(w), T(y.parentNode, "desc-".concat(u)), T(k.parentNode, "description-".concat(u))), T(y, "gslide-".concat(b)), T(i, "loaded"), b !== "video") {
+        if (b !== "external") return b === "inline" ? (ka.apply(this.instance, [i, l, this.index, M]), void (l.draggable && new Pt({ dragEl: i.querySelector(".gslide-inline"), toleranceX: r.dragToleranceX, toleranceY: r.dragToleranceY, slide: i, instance: this.instance }))) : void (b !== "image" ? P(M) && M() : wa(i, l, this.index, function() {
           var U = i.querySelector("img");
-          l.draggable && new Ot({ dragEl: U, toleranceX: r.dragToleranceX, toleranceY: r.dragToleranceY, slide: i, instance: t.instance }), l.zoomable && U.naturalWidth > U.offsetWidth && (M(U, "zoomable"), new va(U, i, function() {
+          l.draggable && new Pt({ dragEl: U, toleranceX: r.dragToleranceX, toleranceY: r.dragToleranceY, slide: i, instance: t.instance }), l.zoomable && U.naturalWidth > U.offsetWidth && (T(U, "zoomable"), new va(U, i, function() {
             t.instance.resize();
-          })), L(T) && T();
+          })), P(M) && M();
         }));
-        Ca.apply(this, [i, l, this.index, T]);
-      } else xa.apply(this.instance, [i, l, this.index, T]);
+        Ca.apply(this, [i, l, this.index, M]);
+      } else xa.apply(this.instance, [i, l, this.index, M]);
     } }, { key: "slideShortDesc", value: function(t) {
       var i = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 50, o = arguments.length > 2 && arguments[2] !== void 0 && arguments[2], r = document.createElement("div");
       r.innerHTML = t;
@@ -2295,17 +2304,17 @@ var sa = { exports: {} };
         l.preventDefault();
         var b = document.body, u = $(h, ".gslide-desc");
         if (!u) return !1;
-        u.innerHTML = i.description, M(b, "gdesc-open");
+        u.innerHTML = i.description, T(b, "gdesc-open");
         var y = F("click", { onElement: [b, $(u, ".gslide-description")], withCallback: function(m, w) {
-          m.target.nodeName.toLowerCase() !== "a" && (N(b, "gdesc-open"), M(b, "gdesc-closed"), u.innerHTML = i.smallDescription, o.descriptionEvents(u, i), setTimeout(function() {
+          m.target.nodeName.toLowerCase() !== "a" && (N(b, "gdesc-open"), T(b, "gdesc-closed"), u.innerHTML = i.smallDescription, o.descriptionEvents(u, i), setTimeout(function() {
             N(b, "gdesc-closed");
           }, 400), y.destroy());
         } });
       } });
     } }, { key: "create", value: function() {
-      return ce(this.instance.settings.slideHTML);
+      return ne(this.instance.settings.slideHTML);
     } }, { key: "getConfig", value: function() {
-      B(this.element) || this.element.hasOwnProperty("draggable") || (this.element.draggable = this.instance.settings.draggable);
+      R(this.element) || this.element.hasOwnProperty("draggable") || (this.element.draggable = this.instance.settings.draggable);
       var t = new Sa(this.instance.settings.slideExtraAttributes);
       return this.slideConfig = t.parseConfig(this.element, this.instance.settings), this.slideConfig;
     } }]);
@@ -2342,7 +2351,7 @@ var sa = { exports: {} };
       var o = new $a(t);
       return o.add(i), o;
     }
-    var Ta = f(function t(i, o) {
+    var Ma = f(function t(i, o) {
       n(this, t), this.element = typeof i == "string" ? document.querySelector(i) : i, this.start = this.start.bind(this), this.move = this.move.bind(this), this.end = this.end.bind(this), this.cancel = this.cancel.bind(this), this.element.addEventListener("touchstart", this.start, !1), this.element.addEventListener("touchmove", this.move, !1), this.element.addEventListener("touchend", this.end, !1), this.element.addEventListener("touchcancel", this.cancel, !1), this.preV = { x: null, y: null }, this.pinchStartLen = null, this.zoom = 1, this.isDoubleTap = !1;
       var r = function() {
       };
@@ -2410,34 +2419,34 @@ var sa = { exports: {} };
       var i = function() {
         var b, u = document.createElement("fakeelement"), y = { transition: "transitionend", OTransition: "oTransitionEnd", MozTransition: "transitionend", WebkitTransition: "webkitTransitionEnd" };
         for (b in y) if (u.style[b] !== void 0) return y[b];
-      }(), o = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, r = K(t, "gslide-media") ? t : t.querySelector(".gslide-media"), l = $(r, ".ginner-container"), h = t.querySelector(".gslide-description");
-      o > 769 && (r = l), M(r, "greset"), C(r, "translate3d(0, 0, 0)"), F(i, { onElement: r, once: !0, withCallback: function(b, u) {
+      }(), o = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth, r = Q(t, "gslide-media") ? t : t.querySelector(".gslide-media"), l = $(r, ".ginner-container"), h = t.querySelector(".gslide-description");
+      o > 769 && (r = l), T(r, "greset"), C(r, "translate3d(0, 0, 0)"), F(i, { onElement: r, once: !0, withCallback: function(b, u) {
         N(r, "greset");
       } }), r.style.opacity = "", h && (h.style.opacity = "");
     }
-    function Ma(t) {
+    function Ta(t) {
       if (t.events.hasOwnProperty("touch")) return !1;
-      var i, o, r, l = ie(), h = l.width, b = l.height, u = !1, y = null, m = null, w = null, k = !1, T = 1, E = 1, A = !1, U = !1, de = null, re = null, X = null, Se = null, he = 0, je = 0, He = !1, Be = !1, ue = {}, Le = {}, Vt = 0, Dt = 0, Ia = document.getElementById("glightbox-slider"), ct = document.querySelector(".goverlay"), La = new Ta(Ia, { touchStart: function(H) {
-        if (u = !0, (K(H.targetTouches[0].target, "ginner-container") || $(H.targetTouches[0].target, ".gslide-desc") || H.targetTouches[0].target.nodeName.toLowerCase() == "a") && (u = !1), $(H.targetTouches[0].target, ".gslide-inline") && !K(H.targetTouches[0].target.parentNode, "gslide-inline") && (u = !1), u) {
-          if (Le = H.targetTouches[0], ue.pageX = H.targetTouches[0].pageX, ue.pageY = H.targetTouches[0].pageY, Vt = H.targetTouches[0].clientX, Dt = H.targetTouches[0].clientY, y = t.activeSlide, m = y.querySelector(".gslide-media"), r = y.querySelector(".gslide-inline"), w = null, K(m, "gslide-image") && (w = m.querySelector("img")), (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) > 769 && (m = y.querySelector(".ginner-container")), N(ct, "greset"), H.pageX > 20 && H.pageX < window.innerWidth - 20) return;
-          H.preventDefault();
+      var i, o, r, l = se(), h = l.width, b = l.height, u = !1, y = null, m = null, w = null, k = !1, M = 1, E = 1, A = !1, U = !1, fe = null, re = null, G = null, Se = null, ue = 0, je = 0, He = !1, Be = !1, pe = {}, Le = {}, Rt = 0, Vt = 0, Ia = document.getElementById("glightbox-slider"), ct = document.querySelector(".goverlay"), La = new Ma(Ia, { touchStart: function(B) {
+        if (u = !0, (Q(B.targetTouches[0].target, "ginner-container") || $(B.targetTouches[0].target, ".gslide-desc") || B.targetTouches[0].target.nodeName.toLowerCase() == "a") && (u = !1), $(B.targetTouches[0].target, ".gslide-inline") && !Q(B.targetTouches[0].target.parentNode, "gslide-inline") && (u = !1), u) {
+          if (Le = B.targetTouches[0], pe.pageX = B.targetTouches[0].pageX, pe.pageY = B.targetTouches[0].pageY, Rt = B.targetTouches[0].clientX, Vt = B.targetTouches[0].clientY, y = t.activeSlide, m = y.querySelector(".gslide-media"), r = y.querySelector(".gslide-inline"), w = null, Q(m, "gslide-image") && (w = m.querySelector("img")), (window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth) > 769 && (m = y.querySelector(".ginner-container")), N(ct, "greset"), B.pageX > 20 && B.pageX < window.innerWidth - 20) return;
+          B.preventDefault();
         }
-      }, touchMove: function(H) {
-        if (u && (Le = H.targetTouches[0], !A && !U)) {
+      }, touchMove: function(B) {
+        if (u && (Le = B.targetTouches[0], !A && !U)) {
           if (r && r.offsetHeight > b) {
-            var ae = ue.pageX - Le.pageX;
+            var ae = pe.pageX - Le.pageX;
             if (Math.abs(ae) <= 13) return !1;
           }
           k = !0;
-          var _e, it = H.targetTouches[0].clientX, qa = H.targetTouches[0].clientY, Pa = Vt - it, za = Dt - qa;
-          if (Math.abs(Pa) > Math.abs(za) ? (He = !1, Be = !0) : (Be = !1, He = !0), i = Le.pageX - ue.pageX, he = 100 * i / h, o = Le.pageY - ue.pageY, je = 100 * o / b, He && w && (_e = 1 - Math.abs(o) / b, ct.style.opacity = _e, t.settings.touchFollowAxis && (he = 0)), Be && (_e = 1 - Math.abs(i) / h, m.style.opacity = _e, t.settings.touchFollowAxis && (je = 0)), !w) return C(m, "translate3d(".concat(he, "%, 0, 0)"));
-          C(m, "translate3d(".concat(he, "%, ").concat(je, "%, 0)"));
+          var _e, it = B.targetTouches[0].clientX, qa = B.targetTouches[0].clientY, Oa = Rt - it, Pa = Vt - qa;
+          if (Math.abs(Oa) > Math.abs(Pa) ? (He = !1, Be = !0) : (Be = !1, He = !0), i = Le.pageX - pe.pageX, ue = 100 * i / h, o = Le.pageY - pe.pageY, je = 100 * o / b, He && w && (_e = 1 - Math.abs(o) / b, ct.style.opacity = _e, t.settings.touchFollowAxis && (ue = 0)), Be && (_e = 1 - Math.abs(i) / h, m.style.opacity = _e, t.settings.touchFollowAxis && (je = 0)), !w) return C(m, "translate3d(".concat(ue, "%, 0, 0)"));
+          C(m, "translate3d(".concat(ue, "%, ").concat(je, "%, 0)"));
         }
       }, touchEnd: function() {
         if (u) {
-          if (k = !1, U || A) return X = de, void (Se = re);
-          var H = Math.abs(parseInt(je)), ae = Math.abs(parseInt(he));
-          if (!(H > 29 && w)) return H < 29 && ae < 25 ? (M(ct, "greset"), ct.style.opacity = 1, yt(m)) : void 0;
+          if (k = !1, U || A) return G = fe, void (Se = re);
+          var B = Math.abs(parseInt(je)), ae = Math.abs(parseInt(ue));
+          if (!(B > 29 && w)) return B < 29 && ae < 25 ? (T(ct, "greset"), ct.style.opacity = 1, yt(m)) : void 0;
           t.close();
         }
       }, multipointEnd: function() {
@@ -2445,28 +2454,28 @@ var sa = { exports: {} };
           A = !1;
         }, 50);
       }, multipointStart: function() {
-        A = !0, T = E || 1;
-      }, pinch: function(H) {
+        A = !0, M = E || 1;
+      }, pinch: function(B) {
         if (!w || k) return !1;
-        A = !0, w.scaleX = w.scaleY = T * H.zoom;
-        var ae = T * H.zoom;
-        if (U = !0, ae <= 1) return U = !1, ae = 1, Se = null, X = null, de = null, re = null, void w.setAttribute("style", "");
+        A = !0, w.scaleX = w.scaleY = M * B.zoom;
+        var ae = M * B.zoom;
+        if (U = !0, ae <= 1) return U = !1, ae = 1, Se = null, G = null, fe = null, re = null, void w.setAttribute("style", "");
         ae > 4.5 && (ae = 4.5), w.style.transform = "scale3d(".concat(ae, ", ").concat(ae, ", 1)"), E = ae;
-      }, pressMove: function(H) {
+      }, pressMove: function(B) {
         if (U && !A) {
-          var ae = Le.pageX - ue.pageX, _e = Le.pageY - ue.pageY;
-          X && (ae += X), Se && (_e += Se), de = ae, re = _e;
+          var ae = Le.pageX - pe.pageX, _e = Le.pageY - pe.pageY;
+          G && (ae += G), Se && (_e += Se), fe = ae, re = _e;
           var it = "translate3d(".concat(ae, "px, ").concat(_e, "px, 0)");
           E && (it += " scale3d(".concat(E, ", ").concat(E, ", 1)")), C(w, it);
         }
-      }, swipe: function(H) {
+      }, swipe: function(B) {
         if (!U) if (A) A = !1;
         else {
-          if (H.direction == "Left") {
+          if (B.direction == "Left") {
             if (t.index == t.elements.length - 1) return yt(m);
             t.nextSlide();
           }
-          if (H.direction == "Right") {
+          if (B.direction == "Right") {
             if (t.index == 0) return yt(m);
             t.prevSlide();
           }
@@ -2474,7 +2483,7 @@ var sa = { exports: {} };
       } });
       t.events.touch = La;
     }
-    var Ht = ye(), Bt = ye() !== null || document.createTouch !== void 0 || "ontouchstart" in window || "onmsgesturechange" in window || navigator.msMaxTouchPoints, Rt = document.getElementsByTagName("html")[0], Ea = { selector: ".glightbox", elements: null, skin: "clean", theme: "clean", closeButton: !0, startAt: null, autoplayVideos: !0, autofocusVideos: !0, descPosition: "bottom", width: "900px", height: "506px", videosWidth: "960px", beforeSlideChange: null, afterSlideChange: null, beforeSlideLoad: null, afterSlideLoad: null, slideInserted: null, slideRemoved: null, slideExtraAttributes: null, onOpen: null, onClose: null, loop: !1, zoomable: !0, draggable: !0, dragAutoSnap: !1, dragToleranceX: 40, dragToleranceY: 65, preload: !0, oneSlidePerOpen: !1, touchNavigation: !0, touchFollowAxis: !0, keyboardNavigation: !0, closeOnOutsideClick: !0, plugins: !1, plyr: { css: "https://cdn.plyr.io/3.6.12/plyr.css", js: "https://cdn.plyr.io/3.6.12/plyr.js", config: { ratio: "16:9", fullscreen: { enabled: !0, iosNative: !0 }, youtube: { noCookie: !0, rel: 0, showinfo: 0, iv_load_policy: 3 }, vimeo: { byline: !1, portrait: !1, title: !1, transparent: !1 } } }, openEffect: "zoom", closeEffect: "zoom", slideEffect: "slide", moreText: "See more", moreLength: 60, cssEfects: { fade: { in: "fadeIn", out: "fadeOut" }, zoom: { in: "zoomIn", out: "zoomOut" }, slide: { in: "slideInRight", out: "slideOutLeft" }, slideBack: { in: "slideInLeft", out: "slideOutRight" }, none: { in: "none", out: "none" } }, svg: { close: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve"><g><g><path d="M505.943,6.058c-8.077-8.077-21.172-8.077-29.249,0L6.058,476.693c-8.077,8.077-8.077,21.172,0,29.249C10.096,509.982,15.39,512,20.683,512c5.293,0,10.586-2.019,14.625-6.059L505.943,35.306C514.019,27.23,514.019,14.135,505.943,6.058z"/></g></g><g><g><path d="M505.942,476.694L35.306,6.059c-8.076-8.077-21.172-8.077-29.248,0c-8.077,8.076-8.077,21.171,0,29.248l470.636,470.636c4.038,4.039,9.332,6.058,14.625,6.058c5.293,0,10.587-2.019,14.624-6.057C514.018,497.866,514.018,484.771,505.942,476.694z"/></g></g></svg>', next: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"> <g><path d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"/></g></svg>', prev: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"><g><path d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"/></g></svg>' }, slideHTML: `<div class="gslide">
+    var jt = ve(), Ht = ve() !== null || document.createTouch !== void 0 || "ontouchstart" in window || "onmsgesturechange" in window || navigator.msMaxTouchPoints, Bt = document.getElementsByTagName("html")[0], Ea = { selector: ".glightbox", elements: null, skin: "clean", theme: "clean", closeButton: !0, startAt: null, autoplayVideos: !0, autofocusVideos: !0, descPosition: "bottom", width: "900px", height: "506px", videosWidth: "960px", beforeSlideChange: null, afterSlideChange: null, beforeSlideLoad: null, afterSlideLoad: null, slideInserted: null, slideRemoved: null, slideExtraAttributes: null, onOpen: null, onClose: null, loop: !1, zoomable: !0, draggable: !0, dragAutoSnap: !1, dragToleranceX: 40, dragToleranceY: 65, preload: !0, oneSlidePerOpen: !1, touchNavigation: !0, touchFollowAxis: !0, keyboardNavigation: !0, closeOnOutsideClick: !0, plugins: !1, plyr: { css: "https://cdn.plyr.io/3.6.12/plyr.css", js: "https://cdn.plyr.io/3.6.12/plyr.js", config: { ratio: "16:9", fullscreen: { enabled: !0, iosNative: !0 }, youtube: { noCookie: !0, rel: 0, showinfo: 0, iv_load_policy: 3 }, vimeo: { byline: !1, portrait: !1, title: !1, transparent: !1 } } }, openEffect: "zoom", closeEffect: "zoom", slideEffect: "slide", moreText: "See more", moreLength: 60, cssEfects: { fade: { in: "fadeIn", out: "fadeOut" }, zoom: { in: "zoomIn", out: "zoomOut" }, slide: { in: "slideInRight", out: "slideOutLeft" }, slideBack: { in: "slideInLeft", out: "slideOutRight" }, none: { in: "none", out: "none" } }, svg: { close: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" xml:space="preserve"><g><g><path d="M505.943,6.058c-8.077-8.077-21.172-8.077-29.249,0L6.058,476.693c-8.077,8.077-8.077,21.172,0,29.249C10.096,509.982,15.39,512,20.683,512c5.293,0,10.586-2.019,14.625-6.059L505.943,35.306C514.019,27.23,514.019,14.135,505.943,6.058z"/></g></g><g><g><path d="M505.942,476.694L35.306,6.059c-8.076-8.077-21.172-8.077-29.248,0c-8.077,8.076-8.077,21.171,0,29.248l470.636,470.636c4.038,4.039,9.332,6.058,14.625,6.058c5.293,0,10.587-2.019,14.624-6.057C514.018,497.866,514.018,484.771,505.942,476.694z"/></g></g></svg>', next: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"> <g><path d="M360.731,229.075l-225.1-225.1c-5.3-5.3-13.8-5.3-19.1,0s-5.3,13.8,0,19.1l215.5,215.5l-215.5,215.5c-5.3,5.3-5.3,13.8,0,19.1c2.6,2.6,6.1,4,9.5,4c3.4,0,6.9-1.3,9.5-4l225.1-225.1C365.931,242.875,365.931,234.275,360.731,229.075z"/></g></svg>', prev: '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 477.175 477.175" xml:space="preserve"><g><path d="M145.188,238.575l215.5-215.5c5.3-5.3,5.3-13.8,0-19.1s-13.8-5.3-19.1,0l-225.1,225.1c-5.3,5.3-5.3,13.8,0,19.1l225.1,225c2.6,2.6,6.1,4,9.5,4s6.9-1.3,9.5-4c5.3-5.3,5.3-13.8,0-19.1L145.188,238.575z"/></g></svg>' }, slideHTML: `<div class="gslide">
     <div class="gslide-inner-content">
         <div class="ginner-container">
             <div class="gslide-media">
@@ -2509,7 +2518,7 @@ var sa = { exports: {} };
       if (this.elements.length === 0) return !1;
       this.activeSlide = null, this.prevActiveSlideIndex = null, this.prevActiveSlide = null;
       var o = et(i) ? i : this.settings.startAt;
-      if (B(t)) {
+      if (R(t)) {
         var r = t.getAttribute("data-gallery");
         r && (this.fullElementsList = this.elements, this.elements = this.getGalleryElements(this.elements, r)), oe(o) && (o = this.getElementIndex(t)) < 0 && (o = 0);
       }
@@ -2517,9 +2526,9 @@ var sa = { exports: {} };
       var l = document.body, h = window.innerWidth - document.documentElement.clientWidth;
       if (h > 0) {
         var b = document.createElement("style");
-        b.type = "text/css", b.className = "gcss-styles", b.innerText = ".gscrollbar-fixer {margin-right: ".concat(h, "px}"), document.head.appendChild(b), M(l, "gscrollbar-fixer");
+        b.type = "text/css", b.className = "gcss-styles", b.innerText = ".gscrollbar-fixer {margin-right: ".concat(h, "px}"), document.head.appendChild(b), T(l, "gscrollbar-fixer");
       }
-      M(l, "glightbox-open"), M(Rt, "glightbox-open"), Ht && (M(document.body, "glightbox-mobile"), this.settings.slideEffect = "slide"), this.showSlide(o, !0), this.elements.length === 1 ? (M(this.prevButton, "glightbox-button-hidden"), M(this.nextButton, "glightbox-button-hidden")) : (N(this.prevButton, "glightbox-button-hidden"), N(this.nextButton, "glightbox-button-hidden")), this.lightboxOpen = !0, this.trigger("open"), L(this.settings.onOpen) && this.settings.onOpen(), Bt && this.settings.touchNavigation && Ma(this), this.settings.keyboardNavigation && ya(this);
+      T(l, "glightbox-open"), T(Bt, "glightbox-open"), jt && (T(document.body, "glightbox-mobile"), this.settings.slideEffect = "slide"), this.showSlide(o, !0), this.elements.length === 1 ? (T(this.prevButton, "glightbox-button-hidden"), T(this.nextButton, "glightbox-button-hidden")) : (N(this.prevButton, "glightbox-button-hidden"), N(this.nextButton, "glightbox-button-hidden")), this.lightboxOpen = !0, this.trigger("open"), P(this.settings.onOpen) && this.settings.onOpen(), Ht && this.settings.touchNavigation && Ta(this), this.settings.keyboardNavigation && ya(this);
     } }, { key: "openAt", value: function() {
       var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : 0;
       this.open(null, t);
@@ -2529,7 +2538,7 @@ var sa = { exports: {} };
       var r = this.slidesContainer.querySelector(".current");
       r && N(r, "current"), this.slideAnimateOut();
       var l = this.slidesContainer.querySelectorAll(".gslide")[i];
-      if (K(l, "loaded")) this.slideAnimateIn(l, o), Ae(this.loader);
+      if (Q(l, "loaded")) this.slideAnimateIn(l, o), Ae(this.loader);
       else {
         Ee(this.loader);
         var h = this.elements[i], b = { index: this.index, slide: l, slideNode: l, slideConfig: h.slideConfig, slideIndex: this.index, trigger: h.node, player: null };
@@ -2537,12 +2546,12 @@ var sa = { exports: {} };
           Ae(t.loader), t.resize(), t.slideAnimateIn(l, o), t.trigger("slide_after_load", b);
         });
       }
-      this.slideDescription = l.querySelector(".gslide-description"), this.slideDescriptionContained = this.slideDescription && K(this.slideDescription.parentNode, "gslide-media"), this.settings.preload && (this.preloadSlide(i + 1), this.preloadSlide(i - 1)), this.updateNavigationClasses(), this.activeSlide = l;
+      this.slideDescription = l.querySelector(".gslide-description"), this.slideDescriptionContained = this.slideDescription && Q(this.slideDescription.parentNode, "gslide-media"), this.settings.preload && (this.preloadSlide(i + 1), this.preloadSlide(i - 1)), this.updateNavigationClasses(), this.activeSlide = l;
     } }, { key: "preloadSlide", value: function(t) {
       var i = this;
       if (t < 0 || t > this.elements.length - 1 || oe(this.elements[t])) return !1;
       var o = this.slidesContainer.querySelectorAll(".gslide")[t];
-      if (K(o, "loaded")) return !1;
+      if (Q(o, "loaded")) return !1;
       var r = this.elements[t], l = r.type, h = { index: t, slide: o, slideNode: o, slideConfig: r.slideConfig, slideIndex: t, trigger: r.node, player: null };
       this.trigger("slide_before_load", h), l === "video" || l === "external" ? setTimeout(function() {
         r.instance.setContent(o, function() {
@@ -2573,32 +2582,32 @@ var sa = { exports: {} };
         }
         (this.settings.preload && this.index == 0 && i == 0 || this.index - 1 == i || this.index + 1 == i) && this.preloadSlide(i), this.index === 0 && i === 0 && (this.index = 1), this.updateNavigationClasses(), u = this.slidesContainer.querySelectorAll(".gslide")[i], y = this.getSlidePlayerInstance(i), l.slideNode = u;
       }
-      this.trigger("slide_inserted", { index: i, slide: u, slideNode: u, slideConfig: r, slideIndex: i, trigger: null, player: y }), L(this.settings.slideInserted) && this.settings.slideInserted({ index: i, slide: u, player: y });
+      this.trigger("slide_inserted", { index: i, slide: u, slideNode: u, slideConfig: r, slideIndex: i, trigger: null, player: y }), P(this.settings.slideInserted) && this.settings.slideInserted({ index: i, slide: u, player: y });
     } }, { key: "removeSlide", value: function() {
       var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : -1;
       if (t < 0 || t > this.elements.length - 1) return !1;
       var i = this.slidesContainer && this.slidesContainer.querySelectorAll(".gslide")[t];
-      i && (this.getActiveSlideIndex() == t && (t == this.elements.length - 1 ? this.prevSlide() : this.nextSlide()), i.parentNode.removeChild(i)), this.elements.splice(t, 1), this.trigger("slide_removed", t), L(this.settings.slideRemoved) && this.settings.slideRemoved(t);
+      i && (this.getActiveSlideIndex() == t && (t == this.elements.length - 1 ? this.prevSlide() : this.nextSlide()), i.parentNode.removeChild(i)), this.elements.splice(t, 1), this.trigger("slide_removed", t), P(this.settings.slideRemoved) && this.settings.slideRemoved(t);
     } }, { key: "slideAnimateIn", value: function(t, i) {
       var o = this, r = t.querySelector(".gslide-media"), l = t.querySelector(".gslide-description"), h = { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlide, slideConfig: oe(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: oe(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, b = { index: this.index, slide: this.activeSlide, slideNode: this.activeSlide, slideConfig: this.elements[this.index].slideConfig, slideIndex: this.index, trigger: this.elements[this.index].node, player: this.getSlidePlayerInstance(this.index) };
       if (r.offsetWidth > 0 && l && (Ae(l), l.style.display = ""), N(t, this.effectsClasses), i) V(t, this.settings.cssEfects[this.settings.openEffect].in, function() {
-        o.settings.autoplayVideos && o.slidePlayerPlay(t), o.trigger("slide_changed", { prev: h, current: b }), L(o.settings.afterSlideChange) && o.settings.afterSlideChange.apply(o, [h, b]);
+        o.settings.autoplayVideos && o.slidePlayerPlay(t), o.trigger("slide_changed", { prev: h, current: b }), P(o.settings.afterSlideChange) && o.settings.afterSlideChange.apply(o, [h, b]);
       });
       else {
         var u = this.settings.slideEffect, y = u !== "none" ? this.settings.cssEfects[u].in : u;
         this.prevActiveSlideIndex > this.index && this.settings.slideEffect == "slide" && (y = this.settings.cssEfects.slideBack.in), V(t, y, function() {
-          o.settings.autoplayVideos && o.slidePlayerPlay(t), o.trigger("slide_changed", { prev: h, current: b }), L(o.settings.afterSlideChange) && o.settings.afterSlideChange.apply(o, [h, b]);
+          o.settings.autoplayVideos && o.slidePlayerPlay(t), o.trigger("slide_changed", { prev: h, current: b }), P(o.settings.afterSlideChange) && o.settings.afterSlideChange.apply(o, [h, b]);
         });
       }
       setTimeout(function() {
         o.resize(t);
-      }, 100), M(t, "current");
+      }, 100), T(t, "current");
     } }, { key: "slideAnimateOut", value: function() {
       if (!this.prevActiveSlide) return !1;
       var t = this.prevActiveSlide;
-      N(t, this.effectsClasses), M(t, "prev");
+      N(t, this.effectsClasses), T(t, "prev");
       var i = this.settings.slideEffect, o = i !== "none" ? this.settings.cssEfects[i].out : i;
-      this.slidePlayerPause(t), this.trigger("slide_before_change", { prev: { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlideIndex, slideConfig: oe(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: oe(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) } }), L(this.settings.beforeSlideChange) && this.settings.beforeSlideChange.apply(this, [{ index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, { index: this.index, slide: this.activeSlide, player: this.getSlidePlayerInstance(this.index) }]), this.prevActiveSlideIndex > this.index && this.settings.slideEffect == "slide" && (o = this.settings.cssEfects.slideBack.out), V(t, o, function() {
+      this.slidePlayerPause(t), this.trigger("slide_before_change", { prev: { index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, slideNode: this.prevActiveSlide, slideIndex: this.prevActiveSlideIndex, slideConfig: oe(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].slideConfig, trigger: oe(this.prevActiveSlideIndex) ? null : this.elements[this.prevActiveSlideIndex].node, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, current: { index: this.index, slide: this.activeSlide, slideNode: this.activeSlide, slideIndex: this.index, slideConfig: this.elements[this.index].slideConfig, trigger: this.elements[this.index].node, player: this.getSlidePlayerInstance(this.index) } }), P(this.settings.beforeSlideChange) && this.settings.beforeSlideChange.apply(this, [{ index: this.prevActiveSlideIndex, slide: this.prevActiveSlide, player: this.getSlidePlayerInstance(this.prevActiveSlideIndex) }, { index: this.index, slide: this.activeSlide, player: this.getSlidePlayerInstance(this.index) }]), this.prevActiveSlideIndex > this.index && this.settings.slideEffect == "slide" && (o = this.settings.cssEfects.slideBack.out), V(t, o, function() {
         var r = t.querySelector(".ginner-container"), l = t.querySelector(".gslide-media"), h = t.querySelector(".gslide-description");
         r.style.transform = "", l.style.transform = "", N(l, "greset"), l.style.opacity = "", h && (h.style.opacity = ""), N(t, "prev");
       });
@@ -2608,7 +2617,7 @@ var sa = { exports: {} };
       var i = "gvideo" + t, o = this.getAllPlayers();
       return !(!W(o, i) || !o[i]) && o[i];
     } }, { key: "stopSlideVideo", value: function(t) {
-      if (B(t)) {
+      if (R(t)) {
         var i = t.querySelector(".gvideo-wrapper");
         i && (t = i.getAttribute("data-index"));
       }
@@ -2616,14 +2625,14 @@ var sa = { exports: {} };
       var o = this.getSlidePlayerInstance(t);
       o && o.playing && o.pause();
     } }, { key: "slidePlayerPause", value: function(t) {
-      if (B(t)) {
+      if (R(t)) {
         var i = t.querySelector(".gvideo-wrapper");
         i && (t = i.getAttribute("data-index"));
       }
       var o = this.getSlidePlayerInstance(t);
       o && o.playing && o.pause();
     } }, { key: "playSlideVideo", value: function(t) {
-      if (B(t)) {
+      if (R(t)) {
         var i = t.querySelector(".gvideo-wrapper");
         i && (t = i.getAttribute("data-index"));
       }
@@ -2632,8 +2641,8 @@ var sa = { exports: {} };
       o && !o.playing && o.play();
     } }, { key: "slidePlayerPlay", value: function(t) {
       var i;
-      if (!Ht || (i = this.settings.plyr.config) !== null && i !== void 0 && i.muted) {
-        if (B(t)) {
+      if (!jt || (i = this.settings.plyr.config) !== null && i !== void 0 && i.muted) {
+        if (R(t)) {
           var o = t.querySelector(".gvideo-wrapper");
           o && (t = o.getAttribute("data-index"));
         }
@@ -2648,7 +2657,7 @@ var sa = { exports: {} };
         var h = new tt(r, i, l), b = h.getConfig(), u = S({}, b);
         u.slideConfig = b, u.instance = h, u.index = l, o.push(u);
       }), this.elements = o, this.lightboxOpen && (this.slidesContainer.innerHTML = "", this.elements.length && (_(this.elements, function() {
-        var r = ce(i.settings.slideHTML);
+        var r = ne(i.settings.slideHTML);
         i.slidesContainer.appendChild(r);
       }), this.showSlide(0, !0)));
     } }, { key: "getElementIndex", value: function(t) {
@@ -2692,47 +2701,47 @@ var sa = { exports: {} };
         m.parentNode == document.body && m.nodeName.charAt(0) !== "#" && m.hasAttribute && !m.hasAttribute("aria-hidden") && (o.push(m), m.setAttribute("aria-hidden", "true"));
       });
       var r = W(this.settings.svg, "next") ? this.settings.svg.next : "", l = W(this.settings.svg, "prev") ? this.settings.svg.prev : "", h = W(this.settings.svg, "close") ? this.settings.svg.close : "", b = this.settings.lightboxHTML;
-      b = ce(b = (b = (b = b.replace(/{nextSVG}/g, r)).replace(/{prevSVG}/g, l)).replace(/{closeSVG}/g, h)), document.body.appendChild(b);
+      b = ne(b = (b = (b = b.replace(/{nextSVG}/g, r)).replace(/{prevSVG}/g, l)).replace(/{closeSVG}/g, h)), document.body.appendChild(b);
       var u = document.getElementById("glightbox-body");
       this.modal = u;
       var y = u.querySelector(".gclose");
-      this.prevButton = u.querySelector(".gprev"), this.nextButton = u.querySelector(".gnext"), this.overlay = u.querySelector(".goverlay"), this.loader = u.querySelector(".gloader"), this.slidesContainer = document.getElementById("glightbox-slider"), this.bodyHiddenChildElms = o, this.events = {}, M(this.modal, "glightbox-" + this.settings.skin), this.settings.closeButton && y && (this.events.close = F("click", { onElement: y, withCallback: function(m, w) {
+      this.prevButton = u.querySelector(".gprev"), this.nextButton = u.querySelector(".gnext"), this.overlay = u.querySelector(".goverlay"), this.loader = u.querySelector(".gloader"), this.slidesContainer = document.getElementById("glightbox-slider"), this.bodyHiddenChildElms = o, this.events = {}, T(this.modal, "glightbox-" + this.settings.skin), this.settings.closeButton && y && (this.events.close = F("click", { onElement: y, withCallback: function(m, w) {
         m.preventDefault(), t.close();
       } })), y && !this.settings.closeButton && y.parentNode.removeChild(y), this.nextButton && (this.events.next = F("click", { onElement: this.nextButton, withCallback: function(m, w) {
         m.preventDefault(), t.nextSlide();
       } })), this.prevButton && (this.events.prev = F("click", { onElement: this.prevButton, withCallback: function(m, w) {
         m.preventDefault(), t.prevSlide();
       } })), this.settings.closeOnOutsideClick && (this.events.outClose = F("click", { onElement: u, withCallback: function(m, w) {
-        t.preventOutsideClick || K(document.body, "glightbox-mobile") || $(m.target, ".ginner-container") || $(m.target, ".gbtn") || K(m.target, "gnext") || K(m.target, "gprev") || t.close();
+        t.preventOutsideClick || Q(document.body, "glightbox-mobile") || $(m.target, ".ginner-container") || $(m.target, ".gbtn") || Q(m.target, "gnext") || Q(m.target, "gprev") || t.close();
       } })), _(this.elements, function(m, w) {
         t.slidesContainer.appendChild(m.instance.create()), m.slideNode = t.slidesContainer.querySelectorAll(".gslide")[w];
-      }), Bt && M(document.body, "glightbox-touch"), this.events.resize = F("resize", { onElement: window, withCallback: function() {
+      }), Ht && T(document.body, "glightbox-touch"), this.events.resize = F("resize", { onElement: window, withCallback: function() {
         t.resize();
       } }), this.built = !0;
     } }, { key: "resize", value: function() {
       var t = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
-      if ((t = t || this.activeSlide) && !K(t, "zoomed")) {
-        var i = ie(), o = t.querySelector(".gvideo-wrapper"), r = t.querySelector(".gslide-image"), l = this.slideDescription, h = i.width, b = i.height;
-        if (h <= 768 ? M(document.body, "glightbox-mobile") : N(document.body, "glightbox-mobile"), o || r) {
+      if ((t = t || this.activeSlide) && !Q(t, "zoomed")) {
+        var i = se(), o = t.querySelector(".gvideo-wrapper"), r = t.querySelector(".gslide-image"), l = this.slideDescription, h = i.width, b = i.height;
+        if (h <= 768 ? T(document.body, "glightbox-mobile") : N(document.body, "glightbox-mobile"), o || r) {
           var u = !1;
-          if (l && (K(l, "description-bottom") || K(l, "description-top")) && !K(l, "gabsolute") && (u = !0), r) {
+          if (l && (Q(l, "description-bottom") || Q(l, "description-top")) && !Q(l, "gabsolute") && (u = !0), r) {
             if (h <= 768) r.querySelector("img");
             else if (u) {
-              var y, m = l.offsetHeight, w = r.querySelector("img"), k = this.elements[this.index].node, T = (y = k.getAttribute("data-height")) !== null && y !== void 0 ? y : "100vh";
-              w.setAttribute("style", "max-height: calc(".concat(T, " - ").concat(m, "px)")), l.setAttribute("style", "max-width: ".concat(w.offsetWidth, "px;"));
+              var y, m = l.offsetHeight, w = r.querySelector("img"), k = this.elements[this.index].node, M = (y = k.getAttribute("data-height")) !== null && y !== void 0 ? y : "100vh";
+              w.setAttribute("style", "max-height: calc(".concat(M, " - ").concat(m, "px)")), l.setAttribute("style", "max-width: ".concat(w.offsetWidth, "px;"));
             }
           }
           if (o) {
             var E = W(this.settings.plyr.config, "ratio") ? this.settings.plyr.config.ratio : "";
             if (!E) {
-              var A = o.clientWidth, U = o.clientHeight, de = A / U;
-              E = "".concat(A / de, ":").concat(U / de);
+              var A = o.clientWidth, U = o.clientHeight, fe = A / U;
+              E = "".concat(A / fe, ":").concat(U / fe);
             }
-            var re = E.split(":"), X = this.settings.videosWidth, Se = this.settings.videosWidth, he = (Se = et(X) || X.indexOf("px") !== -1 ? parseInt(X) : X.indexOf("vw") !== -1 ? h * parseInt(X) / 100 : X.indexOf("vh") !== -1 ? b * parseInt(X) / 100 : X.indexOf("%") !== -1 ? h * parseInt(X) / 100 : parseInt(o.clientWidth)) / (parseInt(re[0]) / parseInt(re[1]));
-            if (he = Math.floor(he), u && (b -= l.offsetHeight), Se > h || he > b || b < he && h > Se) {
-              var je = o.offsetWidth, He = o.offsetHeight, Be = b / He, ue = { width: je * Be, height: He * Be };
-              o.parentNode.setAttribute("style", "max-width: ".concat(ue.width, "px")), u && l.setAttribute("style", "max-width: ".concat(ue.width, "px;"));
-            } else o.parentNode.style.maxWidth = "".concat(X), u && l.setAttribute("style", "max-width: ".concat(X, ";"));
+            var re = E.split(":"), G = this.settings.videosWidth, Se = this.settings.videosWidth, ue = (Se = et(G) || G.indexOf("px") !== -1 ? parseInt(G) : G.indexOf("vw") !== -1 ? h * parseInt(G) / 100 : G.indexOf("vh") !== -1 ? b * parseInt(G) / 100 : G.indexOf("%") !== -1 ? h * parseInt(G) / 100 : parseInt(o.clientWidth)) / (parseInt(re[0]) / parseInt(re[1]));
+            if (ue = Math.floor(ue), u && (b -= l.offsetHeight), Se > h || ue > b || b < ue && h > Se) {
+              var je = o.offsetWidth, He = o.offsetHeight, Be = b / He, pe = { width: je * Be, height: He * Be };
+              o.parentNode.setAttribute("style", "max-width: ".concat(pe.width, "px")), u && l.setAttribute("style", "max-width: ".concat(pe.width, "px;"));
+            } else o.parentNode.style.maxWidth = "".concat(G), u && l.setAttribute("style", "max-width: ".concat(G, ";"));
           }
         }
       }
@@ -2740,7 +2749,7 @@ var sa = { exports: {} };
       this.init();
     } }, { key: "updateNavigationClasses", value: function() {
       var t = this.loop();
-      N(this.nextButton, "disabled"), N(this.prevButton, "disabled"), this.index == 0 && this.elements.length - 1 == 0 ? (M(this.prevButton, "disabled"), M(this.nextButton, "disabled")) : this.index !== 0 || t ? this.index !== this.elements.length - 1 || t || M(this.nextButton, "disabled") : M(this.prevButton, "disabled");
+      N(this.nextButton, "disabled"), N(this.prevButton, "disabled"), this.index == 0 && this.elements.length - 1 == 0 ? (T(this.prevButton, "disabled"), T(this.nextButton, "disabled")) : this.index !== 0 || t ? this.index !== this.elements.length - 1 || t || T(this.nextButton, "disabled") : T(this.prevButton, "disabled");
     } }, { key: "loop", value: function() {
       var t = W(this.settings, "loopAtEnd") ? this.settings.loopAtEnd : null;
       return t = W(this.settings, "loop") ? this.settings.loop : t, t;
@@ -2756,13 +2765,13 @@ var sa = { exports: {} };
       if (this.closing) return !1;
       this.closing = !0, this.slidePlayerPause(this.activeSlide), this.fullElementsList && (this.elements = this.fullElementsList), this.bodyHiddenChildElms.length && _(this.bodyHiddenChildElms, function(o) {
         o.removeAttribute("aria-hidden");
-      }), M(this.modal, "glightbox-closing"), V(this.overlay, this.settings.openEffect == "none" ? "none" : this.settings.cssEfects.fade.out), V(this.activeSlide, this.settings.cssEfects[this.settings.closeEffect].out, function() {
+      }), T(this.modal, "glightbox-closing"), V(this.overlay, this.settings.openEffect == "none" ? "none" : this.settings.cssEfects.fade.out), V(this.activeSlide, this.settings.cssEfects[this.settings.closeEffect].out, function() {
         if (t.activeSlide = null, t.prevActiveSlideIndex = null, t.prevActiveSlide = null, t.built = !1, t.events) {
           for (var o in t.events) t.events.hasOwnProperty(o) && t.events[o].destroy();
           t.events = null;
         }
         var r = document.body;
-        N(Rt, "glightbox-open"), N(r, "glightbox-open touching gdesc-open glightbox-touch glightbox-mobile gscrollbar-fixer"), t.modal.parentNode.removeChild(t.modal), t.trigger("close"), L(t.settings.onClose) && t.settings.onClose();
+        N(Bt, "glightbox-open"), N(r, "glightbox-open touching gdesc-open glightbox-touch glightbox-mobile gscrollbar-fixer"), t.modal.parentNode.removeChild(t.modal), t.trigger("close"), P(t.settings.onClose) && t.settings.onClose();
         var l = document.querySelector(".gcss-styles");
         l && l.parentNode.removeChild(l), t.lightboxOpen = !1, t.closing = null;
       });
@@ -2770,7 +2779,7 @@ var sa = { exports: {} };
       this.close(), this.clearAllEvents(), this.baseEvents && this.baseEvents.destroy();
     } }, { key: "on", value: function(t, i) {
       var o = arguments.length > 2 && arguments[2] !== void 0 && arguments[2];
-      if (!t || !L(i)) throw new TypeError("Event name and callback must be defined");
+      if (!t || !P(i)) throw new TypeError("Event name and callback must be defined");
       this.apiEvents.push({ evt: t, once: o, callback: i });
     } }, { key: "once", value: function(t, i) {
       this.on(t, i, !0);
@@ -2792,9 +2801,9 @@ var sa = { exports: {} };
       return i.init(), i;
     };
   });
-})(sa);
-var wc = sa.exports;
-const xc = /* @__PURE__ */ aa(wc);
+})(na);
+var wc = na.exports;
+const xc = /* @__PURE__ */ ta(wc);
 var kc = Object.defineProperty, Cc = Object.getOwnPropertyDescriptor, Sc = (c, e, a, s) => {
   for (var n = s > 1 ? void 0 : s ? Cc(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
@@ -2805,7 +2814,7 @@ let St = class extends ut {
     return g` <div class="cb-thinking"><span></span><span></span><span></span></div>`;
   }
 };
-St.styles = Y`
+St.styles = X`
     .cb-thinking {
       text-align: center;
     }
@@ -2844,9 +2853,9 @@ St.styles = Y`
     }
   `;
 St = Sc([
-  Z("cb-thinking")
+  J("cb-thinking")
 ], St);
-var _c = Object.defineProperty, $c = Object.getOwnPropertyDescriptor, oa = (c, e, a, s) => {
+var _c = Object.defineProperty, $c = Object.getOwnPropertyDescriptor, sa = (c, e, a, s) => {
   for (var n = s > 1 ? void 0 : s ? $c(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
   return s && n && _c(e, a, n), n;
@@ -2867,7 +2876,7 @@ let rt = class extends ee {
     </div>`;
   }
 };
-rt.styles = Y`
+rt.styles = X`
     .cb-uploading {
       text-align: left;
     }
@@ -2885,14 +2894,14 @@ rt.styles = Y`
       margin-right: 5px;
     }
   `;
-oa([
+sa([
   v({ type: Array })
 ], rt.prototype, "files", 2);
-rt = oa([
-  Z("cb-uploading")
+rt = sa([
+  J("cb-uploading")
 ], rt);
-const Tc = Y`
-  ${ge}
+const Mc = X`
+  ${me}
   :host {
   }
 
@@ -2912,10 +2921,10 @@ const Tc = Y`
     margin-right: 0.2em;
   }
 `;
-var Mc = Object.defineProperty, Ec = Object.getOwnPropertyDescriptor, At = (c, e, a, s) => {
+var Tc = Object.defineProperty, Ec = Object.getOwnPropertyDescriptor, Et = (c, e, a, s) => {
   for (var n = s > 1 ? void 0 : s ? Ec(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
-  return s && n && Mc(e, a, n), n;
+  return s && n && Tc(e, a, n), n;
 };
 let Ze = class extends ut {
   constructor() {
@@ -2937,7 +2946,7 @@ let Ze = class extends ut {
         `;
   }
 };
-Ze.styles = Y`
+Ze.styles = X`
         :host {
             --primary-color: var(--sl-color-primary-600);
         }
@@ -2962,29 +2971,29 @@ Ze.styles = Y`
             text-decoration: underline;
         }
     `;
-At([
+Et([
   v({ type: String })
 ], Ze.prototype, "url", 2);
-At([
+Et([
   v({ type: Boolean })
 ], Ze.prototype, "inverse", 2);
-Ze = At([
-  Z("cb-external-link")
+Ze = Et([
+  J("cb-external-link")
 ], Ze);
-const Ac = '<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>', Ic = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-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>', Lc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 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>', qc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM3.517 14.841a1.13 1.13 0 0 0 .401.823q.195.162.478.252q.284.091.665.091q.507 0 .859-.158q.354-.158.539-.44q.187-.284.187-.656q0-.336-.134-.56a1 1 0 0 0-.375-.357a2 2 0 0 0-.566-.21l-.621-.144a1 1 0 0 1-.404-.176a.37.37 0 0 1-.144-.299q0-.234.185-.384q.188-.152.512-.152q.214 0 .37.068a.6.6 0 0 1 .246.181a.56.56 0 0 1 .12.258h.75a1.1 1.1 0 0 0-.2-.566a1.2 1.2 0 0 0-.5-.41a1.8 1.8 0 0 0-.78-.152q-.439 0-.776.15q-.337.149-.527.421q-.19.273-.19.639q0 .302.122.524q.124.223.352.367q.228.143.539.213l.618.144q.31.073.463.193a.39.39 0 0 1 .152.326a.5.5 0 0 1-.085.29a.56.56 0 0 1-.255.193q-.167.07-.413.07q-.175 0-.32-.04a.8.8 0 0 1-.248-.115a.58.58 0 0 1-.255-.384zM.806 13.693q0-.373.102-.633a.87.87 0 0 1 .302-.399a.8.8 0 0 1 .475-.137q.225 0 .398.097a.7.7 0 0 1 .272.26a.85.85 0 0 1 .12.381h.765v-.072a1.33 1.33 0 0 0-.466-.964a1.4 1.4 0 0 0-.489-.272a1.8 1.8 0 0 0-.606-.097q-.534 0-.911.223q-.375.222-.572.632q-.195.41-.196.979v.498q0 .568.193.976q.197.407.572.626q.375.217.914.217q.439 0 .785-.164t.55-.454a1.27 1.27 0 0 0 .226-.674v-.076h-.764a.8.8 0 0 1-.118.363a.7.7 0 0 1-.272.25a.9.9 0 0 1-.401.087a.85.85 0 0 1-.478-.132a.83.83 0 0 1-.299-.392a1.7 1.7 0 0 1-.102-.627zm8.239 2.238h-.953l-1.338-3.999h.917l.896 3.138h.038l.888-3.138h.879z"/></svg>', Pc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zM1.6 11.85H0v3.999h.791v-1.342h.803q.43 0 .732-.173q.305-.175.463-.474a1.4 1.4 0 0 0 .161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38a.57.57 0 0 1-.238.241a.8.8 0 0 1-.375.082H.788V12.48h.66q.327 0 .512.181q.185.183.185.522m2.817-1.333h-1.6v3.999h.791v-1.342h.803q.43 0 .732-.173q.305-.175.463-.474q.162-.302.161-.677q0-.375-.158-.677a1.2 1.2 0 0 0-.46-.477q-.3-.18-.732-.179m.545 1.333a.8.8 0 0 1-.085.38a.57.57 0 0 1-.238.241a.8.8 0 0 1-.375.082H4.15V12.48h.66q.327 0 .512.181q.185.183.185.522m2.767-.67v3.336H7.48v-3.337H6.346v-.662h3.065v.662z"/></svg>', zc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2v-1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.5zm-7.839 9.166v.522q0 .384-.117.641a.86.86 0 0 1-.322.387a.9.9 0 0 1-.469.126a.9.9 0 0 1-.471-.126a.87.87 0 0 1-.32-.386a1.55 1.55 0 0 1-.117-.642v-.522q0-.386.117-.641a.87.87 0 0 1 .32-.387a.87.87 0 0 1 .471-.129q.264 0 .469.13a.86.86 0 0 1 .322.386q.117.255.117.641m.803.519v-.513q0-.565-.205-.972a1.46 1.46 0 0 0-.589-.63q-.381-.22-.917-.22q-.533 0-.92.22a1.44 1.44 0 0 0-.589.627q-.204.406-.205.975v.513q0 .563.205.973q.205.406.59.627q.386.216.92.216q.535 0 .916-.216q.383-.22.59-.627q.204-.41.204-.973M0 11.926v4h1.459q.603 0 .999-.238a1.45 1.45 0 0 0 .595-.689q.196-.45.196-1.084q0-.63-.196-1.075a1.43 1.43 0 0 0-.59-.68q-.395-.234-1.004-.234zm.791.645h.563q.371 0 .609.152a.9.9 0 0 1 .354.454q.118.302.118.753a2.3 2.3 0 0 1-.068.592a1.1 1.1 0 0 1-.196.422a.8.8 0 0 1-.334.252a1.3 1.3 0 0 1-.483.082H.79V12.57Zm7.422.483a1.7 1.7 0 0 0-.103.633v.495q0 .369.103.627a.83.83 0 0 0 .298.393a.85.85 0 0 0 .478.131a.9.9 0 0 0 .401-.088a.7.7 0 0 0 .273-.248a.8.8 0 0 0 .117-.364h.765v.076a1.27 1.27 0 0 1-.226.674q-.205.29-.55.454a1.8 1.8 0 0 1-.786.164q-.54 0-.914-.216a1.4 1.4 0 0 1-.571-.627q-.194-.408-.194-.976v-.498q0-.568.197-.978q.195-.411.571-.633q.378-.223.911-.223q.328 0 .607.097q.28.093.489.272a1.33 1.33 0 0 1 .466.964v.073H9.78a.85.85 0 0 0-.12-.38a.7.7 0 0 0-.273-.261a.8.8 0 0 0-.398-.097a.8.8 0 0 0-.475.138a.87.87 0 0 0-.301.398"/></svg>', Oc = '<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 jc = Object.defineProperty, Hc = Object.getOwnPropertyDescriptor, It = (c, e, a, s) => {
+const Ac = '<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>', Ic = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-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>', Lc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 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>', qc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 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>', Oc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 2h-1v-1h1a1 1 0 0 0 1-1V4.5h-2A1.5 1.5 0 0 1 9.5 3V1H4a1 1 0 0 0-1 1v9H2V2a2 2 0 0 1 2-2h5.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>', Pc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" fill-rule="evenodd" d="M14 4.5V14a2 2 0 0 1-2 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>', zc = '<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 jc = Object.defineProperty, Hc = Object.getOwnPropertyDescriptor, At = (c, e, a, s) => {
   for (var n = s > 1 ? void 0 : s ? Hc(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
   return s && n && jc(e, a, n), n;
 };
-const Ut = {
+const Nt = {
   pdf: Ic,
   txt: Ac,
   md: Lc,
   csv: qc,
-  ppd: Pc,
-  doc: zc,
-  docx: Oc
+  ppd: Oc,
+  doc: Pc,
+  docx: zc
 };
 let Je = class extends ee {
   constructor() {
@@ -3011,22 +3020,22 @@ let Je = class extends ee {
     return g`
             <cb-icon
                 class="cb-file-icon"
-                svg="${Ut[this.type] || Ut.txt}"
+                svg="${Nt[this.type] || Nt.txt}"
             ></cb-icon>
         `;
   }
 };
-Je.styles = Tc;
-It([
+Je.styles = Mc;
+At([
   v({ type: String })
 ], Je.prototype, "filename", 2);
-It([
+At([
   v({ type: String })
 ], Je.prototype, "url", 2);
-Je = It([
-  Z("cb-file")
+Je = At([
+  J("cb-file")
 ], Je);
-const Bc = '<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>', Rc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M8 8a3 3 0 1 0 0-6a3 3 0 0 0 0 6m2-3a2 2 0 1 1-4 0a2 2 0 0 1 4 0m4 8c0 1-1 1-1 1H3s-1 0-1-1s1-4 6-4s6 3 6 4m-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10s-3.516.68-4.168 1.332c-.678.678-.83 1.418-.832 1.664z"/></svg>', ra = '<svg viewBox="0 0 24 24" width="1.2em" height="1.2em" ><path fill="currentColor" d="M5 9v12H1V9zm4 12a2 2 0 0 1-2-2V9c0-.55.22-1.05.59-1.41L14.17 1l1.06 1.06c.27.27.44.64.44 1.05l-.03.32L14.69 8H21a2 2 0 0 1 2 2v2c0 .26-.05.5-.14.73l-3.02 7.05C19.54 20.5 18.83 21 18 21zm0-2h9.03L21 12v-2h-8.79l1.13-5.32L9 9.03z"/></svg>', da = '<svg viewBox="0 0 24 24" width="1.2em" height="1.2em" ><path fill="currentColor" d="M19 15V3h4v12zM15 3a2 2 0 0 1 2 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31l.95-4.57H3a2 2 0 0 1-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3zm0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97z"/></svg>', Vc = Y`
+const Bc = '<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>', Rc = '<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>', oa = '<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>', ra = '<svg viewBox="0 0 24 24" width="1.2em" height="1.2em" ><path fill="currentColor" d="M19 15V3h4v12zM15 3a2 2 0 0 1 2 2v10c0 .55-.22 1.05-.59 1.41L9.83 23l-1.06-1.06c-.27-.27-.44-.64-.44-1.06l.03-.31l.95-4.57H3a2 2 0 0 1-2-2v-2c0-.26.05-.5.14-.73l3.02-7.05C4.46 3.5 5.17 3 6 3zm0 2H5.97L3 12v2h8.78l-1.13 5.32L15 14.97z"/></svg>', Vc = X`
   pre code.hljs {
     display: block;
     overflow-x: auto;
@@ -4241,8 +4250,8 @@ const Bc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="curr
     white-space: pre-wrap;
     color: var(--n-text-color);
   }
-`, Dc = Y`
-  ${ge}
+`, Dc = X`
+  ${me}
   ${Vc}
 
   .cb-message-row {
@@ -4447,7 +4456,7 @@ const Bc = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><g fill="curr
     filter: alpha(opacity=80);
   }
 `;
-function Wt(c, e) {
+function Ut(c, e) {
   return `<pre class="code-block-wrapper"><div class="code-block-header"><span class="code-block-header__lang">${e}</span><span class="code-block-header__copy">Copy</span></div><code class="hljs code-block-body ${e}">${c}</code></pre>`;
 }
 function Fc() {
@@ -4458,16 +4467,16 @@ function Fc() {
     highlight(e, a) {
       if (!!(a && vt.getLanguage(a))) {
         const n = a ?? "";
-        return Wt(vt.highlight(e, { language: n }).value, n);
+        return Ut(vt.highlight(e, { language: n }).value, n);
       }
-      return Wt(vt.highlightAuto(e).value, "");
+      return Ut(vt.highlightAuto(e).value, "");
     }
   });
   return c.use(Ra, { attrs: { target: "_blank", rel: "noopener" } }), c;
 }
-async function Yt(c) {
+async function Wt(c) {
   const a = Fc().render(c);
-  return g`${Q(a)}`;
+  return g`${Y(a)}`;
 }
 var Nc = Object.defineProperty, Uc = Object.getOwnPropertyDescriptor, Fe = (c, e, a, s) => {
   for (var n = s > 1 ? void 0 : s ? Uc(e, a) : e, d = c.length - 1, f; d >= 0; d--)
@@ -4557,12 +4566,12 @@ let $e = class extends ee {
     });
   }
   render() {
-    return ne(
+    return ce(
       this.message.data || this.message.isThinking,
       () => g`
         <div class="cb-message-row" part="bot-message">
           <!-- message -->
-          ${ne(
+          ${ce(
         this._isBot,
         () => this.renderBotMessage(this.message),
         () => this.renderUserMessage(this.message)
@@ -4595,17 +4604,17 @@ let $e = class extends ee {
     `;
   }
   async _getMessageText(c) {
-    return Yt(c.data.text);
+    return this._isBot ? Wt(c.data.text) : c.data.text;
   }
   renderMessageContent(c) {
     var e;
     return c.isThinking ? g`<cb-thinking></cb-thinking>` : c.isUploading ? g`<cb-uploading .files="${c.data.files || []}"></cb-uploading>` : c.type === "text" ? g`<div class="cb-message-text">
-        ${ne(
+        ${ce(
       c.data.userName,
       () => g`<div style="font-size: 12px; color:#9ca3af">${c.data.userName}</div>`,
       () => null
     )}
-        ${Ft(
+        ${Dt(
       this._getMessageText(c).then((a) => g`${a}`)
     )}
       </div>` : c.type === "file" ? g`${Ye(
@@ -4613,8 +4622,8 @@ let $e = class extends ee {
       (a) => a.id,
       (a) => g`<cb-file filename="${a.name}" url="${a.url}"></cb-file>`
     )}` : g`<div class="cb-message-text">
-      ${Ft(
-      Yt(((e = c.data.text) == null ? void 0 : e.toString()) || "").then((a) => g`${a}`)
+      ${Dt(
+      Wt(((e = c.data.text) == null ? void 0 : e.toString()) || "").then((a) => g`${a}`)
     )}
     </div>`;
   }
@@ -4622,9 +4631,9 @@ let $e = class extends ee {
     var e;
     if (c.data.userName && c.data.userName !== "") {
       const a = ((e = c.data) == null ? void 0 : e.userAvatar) || "";
-      return a !== "" ? g` <img src="${a}" style="width: 24px;height: 24px;" /> ` : we`${Q(p.setting.agentIconSvg)}`;
+      return a !== "" ? g` <img src="${a}" style="width: 24px;height: 24px;" /> ` : be`${Y(p.setting.agentIconSvg)}`;
     }
-    return c.author === "system" ? we`${Q(p.setting.systemIconSvg)}` : we`${Q(p.setting.botIconSvg)}`;
+    return c.author === "system" ? be`${Y(p.setting.systemIconSvg)}` : be`${Y(p.setting.botIconSvg)}`;
   }
   renderBotMessage(c) {
     return g`
@@ -4638,8 +4647,8 @@ let $e = class extends ee {
   renderBotMessageFeedback(c) {
     return this.suppressFeedback || !p.setting.feedbackEnabled ? null : g`
       <div class="cb-message-feedback-tools">
-        <div class="cb-message-feedback-icon cb-feedback-up" @click="${() => this.startFeedback(!0, c)}">${we`${Q(ra)}`}</div>
-        <div class="cb-message-feedback-icon cb-feedback-down" @click="${() => this.startFeedback(!1, c)}">${we`${Q(da)}`}</div>
+        <div class="cb-message-feedback-icon cb-feedback-up" @click="${() => this.startFeedback(!0, c)}">${be`${Y(oa)}`}</div>
+        <div class="cb-message-feedback-icon cb-feedback-down" @click="${() => this.startFeedback(!1, c)}">${be`${Y(ra)}`}</div>
       </div>
     `;
   }
@@ -4653,15 +4662,15 @@ let $e = class extends ee {
           <cb-icon slot="icon" svg="${Rc}" color="white"></cb-icon>
           //appState.appearanceUserMessageAvatarPosition
         </sl-avatar>-->
-        ${ne(
+        ${ce(
       p.appearanceUserMessageAvatarPosition === "left",
       () => g`
-            <div class="avatar user-avatar">${Q(p.setting.userIconSvg)}</div>
+            <div class="avatar user-avatar">${Y(p.setting.userIconSvg)}</div>
             ${this.renderMessage(c, "user-message-content")}
           `,
       () => g`
             ${this.renderMessage(c, "user-message-content")}
-            <div class="avatar user-avatar">${Q(p.setting.userIconSvg)}</div>
+            <div class="avatar user-avatar">${Y(p.setting.userIconSvg)}</div>
           `
     )}
       </div>
@@ -4679,22 +4688,22 @@ Fe([
   v({ type: Boolean })
 ], $e.prototype, "suppressFeedback", 2);
 Fe([
-  Qt(".code-block-header__copy")
+  Kt(".code-block-header__copy")
 ], $e.prototype, "copyBtns", 2);
 Fe([
-  Qt("img")
+  Kt("img")
 ], $e.prototype, "glightboxImages", 2);
 $e = Fe([
-  Z("cb-message")
+  J("cb-message")
 ], $e);
-var Wc = Object.defineProperty, Yc = Object.getOwnPropertyDescriptor, me = (c, e, a, s) => {
+var Wc = Object.defineProperty, Yc = Object.getOwnPropertyDescriptor, ye = (c, e, a, s) => {
   for (var n = s > 1 ? void 0 : s ? Yc(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
   return s && n && Wc(e, a, n), n;
 };
-const ve = Ke.noConflict();
-ve.setLevel("info");
-let fe = class extends ee {
+const we = Ke.noConflict();
+we.setLevel("info");
+let le = class extends ee {
   constructor() {
     super(...arguments), this.messages = [], this.actions = [], this.form = null, this.suppressFeedback = !1, this.calendlyInjected = !1, this.activeCalendlyAction = -1, this.hubspotMeetingInjected = !1, this.activeHubspotMeetingAction = -1;
   }
@@ -4720,7 +4729,7 @@ let fe = class extends ee {
   }
   renderForm() {
     return this.form ? g` <form class="cb-input-form" part="form" @submit="${this.handleFormSubmit.bind(this)}">
-      <div class="cb-input-form-title">${this.form.title}</div>
+      <div class="cb-input-form-title" part="form-title">${this.form.title}</div>
       ${Ye(
       this.form.fields,
       (c, e) => e,
@@ -4728,9 +4737,18 @@ let fe = class extends ee {
         const e = (c == null ? void 0 : c.required) || !1, a = p.getPrefilledFormFieldValue(c.name);
         switch (c.type) {
           case "string":
-            return g`<sl-input value="${a}" class="cb-input-form-input" id="${"cb-form-field" + c.name}" name="${c.name}" label="${c.title}" ?required="${e}"></sl-input>`;
+            return g`<sl-input
+                value="${a}"
+                part="form-input"
+                class="cb-input-form-input"
+                id="${"cb-form-field" + c.name}"
+                name="${c.name}"
+                label="${c.title}"
+                ?required="${e}"
+              ></sl-input>`;
           case "email":
             return g`<sl-input
+                part="form-input"
                 value="${a}"
                 class="cb-input-form-input"
                 id="${"cb-form-field" + c.name}"
@@ -4741,6 +4759,7 @@ let fe = class extends ee {
               ></sl-input>`;
           case "phone":
             return g`<sl-input
+                part="form-input"
                 value="${a}"
                 class="cb-input-form-input"
                 id="${"cb-form-field" + c.name}"
@@ -4754,13 +4773,13 @@ let fe = class extends ee {
             return a || s[0], g`<div class="cb-form-field">
                 <label class="cb-form-field-label"
                   >${c.title}
-                  ${ne(
+                  ${ce(
               e,
               () => g`*`,
               () => g``
             )}
                 </label>
-                <select id="${"cb-form-field" + c.name}" class="cb-form-field-select" name="${c.name}">
+                <select id="${"cb-form-field" + c.name}" class="cb-form-field-select" part="form-input" name="${c.name}">
                   ${Ye(
               s,
               (n, d) => d,
@@ -4772,7 +4791,7 @@ let fe = class extends ee {
         }
       }
     )}
-      <sl-button class="cb-input-form-submit" variant="primary" pill type="submit">Send</sl-button>
+      <sl-button class="cb-input-form-submit" part="form-submit" variant="primary" pill type="submit">Send</sl-button>
     </form>` : null;
   }
   handleFormSubmit(c) {
@@ -4790,13 +4809,13 @@ let fe = class extends ee {
           }
       }
     p.submitForm(e).then(() => {
-      ve.info("Form submitted", e), this.emit("form:submit", {
+      we.info("Form submitted", e), this.emit("form:submit", {
         detail: {
           formData: e
         }
       });
     }).catch((a) => {
-      ve.error(`Error when submitting form: ${a.message}`);
+      we.error(`Error when submitting form: ${a.message}`);
     });
   }
   /* Form sample
@@ -4836,7 +4855,7 @@ let fe = class extends ee {
     return null;
   }
   handleCalendlyEvent(c) {
-    switch (ve.info("Got Calendly Event:", c.data), c.data.event) {
+    switch (we.info("Got Calendly Event:", c.data), c.data.event) {
       case "calendly.event_scheduled": {
         const e = this.activeCalendlyAction;
         e >= 0 && (p.removeAction(e, !0, c.data), p.addSystemMessage("Your meeting has been scheduled!"), this.activeCalendlyAction = -1);
@@ -4844,10 +4863,10 @@ let fe = class extends ee {
     }
   }
   invokeLinkAction(c = {}) {
-    ve.info("invokeLinkAction:", c), window.open(c.url, "_blank");
+    we.info("invokeLinkAction:", c), window.open(c.url, "_blank");
   }
   invokeCalendlyAction(c = {}) {
-    return ve.info("invokeCalendlyAction:", c), "Calendly" in window && (this.activeCalendlyAction = c.internalId, window.Calendly.initPopupWidget({ url: c.url })), !1;
+    return we.info("invokeCalendlyAction:", c), "Calendly" in window && (this.activeCalendlyAction = c.internalId, window.Calendly.initPopupWidget({ url: c.url })), !1;
   }
   renderCalendlyAction(c) {
     if (!("Calendly" in window) && !this.calendlyInjected) {
@@ -4894,10 +4913,10 @@ let fe = class extends ee {
     var a, s;
     const e = Date.now();
     if (this.activeHubspotMeetingAction !== -1) {
-      ve.info(`invokeHubspotMeetingAction: action ${this.activeHubspotMeetingAction} is already active - ignored`);
+      we.info(`invokeHubspotMeetingAction: action ${this.activeHubspotMeetingAction} is already active - ignored`);
       return;
     }
-    if (ve.info("invokeHubspotMeetingAction:", c), "hbspt" in window && typeof ((s = (a = window.hbspt) == null ? void 0 : a.meetings) == null ? void 0 : s.create) == "function") {
+    if (we.info("invokeHubspotMeetingAction:", c), "hbspt" in window && typeof ((s = (a = window.hbspt) == null ? void 0 : a.meetings) == null ? void 0 : s.create) == "function") {
       const n = document.getElementById("enegelai-bot-hubspot-meeting-container"), d = document.querySelector(".enegelai-bot-hubspot-meeting-widget");
       if (n && d) {
         const f = c.url + "?embed=true";
@@ -4910,7 +4929,7 @@ let fe = class extends ee {
   }
   handleHubspotEvent(c) {
     var s;
-    if (ve.info("Got Hubspot Event:", c.data), !(((s = c == null ? void 0 : c.data) == null ? void 0 : s.meetingBookSucceeded) || !1))
+    if (we.info("Got Hubspot Event:", c.data), !(((s = c == null ? void 0 : c.data) == null ? void 0 : s.meetingBookSucceeded) || !1))
       return;
     const a = this.activeHubspotMeetingAction;
     if (a >= 0) {
@@ -4962,39 +4981,39 @@ let fe = class extends ee {
     `;
   }
 };
-fe.styles = vc;
-me([
+le.styles = vc;
+ye([
   v({ type: Array })
-], fe.prototype, "messages", 2);
-me([
+], le.prototype, "messages", 2);
+ye([
   v({ type: Array })
-], fe.prototype, "actions", 2);
-me([
+], le.prototype, "actions", 2);
+ye([
   v({ type: Object })
-], fe.prototype, "form", 2);
-me([
+], le.prototype, "form", 2);
+ye([
   v({ type: Boolean })
-], fe.prototype, "suppressFeedback", 2);
-me([
+], le.prototype, "suppressFeedback", 2);
+ye([
   xe("#cb-message-list-bottom-anchor")
-], fe.prototype, "_messageListBottomAnchor", 2);
-me([
+], le.prototype, "_messageListBottomAnchor", 2);
+ye([
   xe(".cb-input-form")
-], fe.prototype, "_inputForm", 2);
-me([
+], le.prototype, "_inputForm", 2);
+ye([
   Mt({ capture: !1, passive: !0 })
-], fe.prototype, "invokeLinkAction", 1);
-me([
+], le.prototype, "invokeLinkAction", 1);
+ye([
   Mt({ capture: !1, passive: !0 })
-], fe.prototype, "invokeCalendlyAction", 1);
-me([
+], le.prototype, "invokeCalendlyAction", 1);
+ye([
   Mt({ capture: !1, passive: !0 })
-], fe.prototype, "invokeHubspotMeetingAction", 1);
-fe = me([
-  Z("cb-message-list")
-], fe);
-const Xc = Y`
-  ${ge}
+], le.prototype, "invokeHubspotMeetingAction", 1);
+le = ye([
+  J("cb-message-list")
+], le);
+const Xc = X`
+  ${me}
 
   :host {
     width: 100%;
@@ -5040,7 +5059,7 @@ var Jc = Object.defineProperty, Kc = Object.getOwnPropertyDescriptor, ke = (c, e
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
   return s && n && Jc(e, a, n), n;
 };
-let be = class extends ee {
+let he = class extends ee {
   constructor() {
     super(...arguments), this.placeholder = "Type a message...", this.sendButtonLabel = "Send", this.enableFileUpload = !1, this.value = "", this.loading = !1, this.disabled = !1, this.currentKey = "";
   }
@@ -5085,7 +5104,7 @@ let be = class extends ee {
   }
   render() {
     return g`
-      ${ne(
+      ${ce(
       this.loading,
       () => g`<sl-progress-bar style="--height: 2px;" indeterminate></sl-progress-bar>`,
       () => g``
@@ -5108,7 +5127,7 @@ let be = class extends ee {
         ></sl-textarea>
 
         <span class="cb-input-buttons">
-          ${ne(
+          ${ce(
       this.enableFileUpload,
       () => g`
               <sl-button @click=${this._sendFileHandler} name="paperclip" label="Attachment" size="large" class="paperclip-button" variant="text" circle>
@@ -5130,36 +5149,36 @@ let be = class extends ee {
     c.key === "Enter" && !c.shiftKey && this._sendHandler();
   }
 };
-be.styles = Xc;
+he.styles = Xc;
 ke([
   v({ type: String, attribute: "placeholder" })
-], be.prototype, "placeholder", 2);
+], he.prototype, "placeholder", 2);
 ke([
   v({ type: String, attribute: "send-button-label" })
-], be.prototype, "sendButtonLabel", 2);
+], he.prototype, "sendButtonLabel", 2);
 ke([
   v({ type: Boolean, attribute: "enable-file-upload" })
-], be.prototype, "enableFileUpload", 2);
+], he.prototype, "enableFileUpload", 2);
 ke([
   v({ type: String })
-], be.prototype, "value", 2);
+], he.prototype, "value", 2);
 ke([
   v({ type: Boolean })
-], be.prototype, "loading", 2);
+], he.prototype, "loading", 2);
 ke([
   v({ type: Boolean })
-], be.prototype, "disabled", 2);
+], he.prototype, "disabled", 2);
 ke([
   v({ type: String })
-], be.prototype, "currentKey", 2);
+], he.prototype, "currentKey", 2);
 ke([
   xe("sl-textarea")
-], be.prototype, "inputElement", 2);
-be = ke([
-  Z("cb-user-input")
-], be);
-const _t = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>', Qc = Y`
-  ${ge}
+], he.prototype, "inputElement", 2);
+he = ke([
+  J("cb-user-input")
+], he);
+const da = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>', Qc = X`
+  ${me}
 
   sl-dialog::part(base) {
     z-index: 1000;
@@ -5229,7 +5248,7 @@ let De = class extends ee {
                     <cb-icon
                         color="default"
                         style="font-size: 1em;"
-                        svg="${_t}"
+                        svg="${da}"
                     ></cb-icon>
                 </sl-button>
             </header>
@@ -5253,7 +5272,7 @@ gt([
   v({ type: Number })
 ], De.prototype, "zindex", 2);
 De = gt([
-  Z("cb-dialog")
+  J("cb-dialog")
 ], De);
 var ai = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, fa = (c, e, a, s) => {
   for (var n = s > 1 ? void 0 : s ? ci(e, a) : e, d = c.length - 1, f; d >= 0; d--)
@@ -5294,7 +5313,7 @@ let dt = class extends ee {
     this.emit("cancel");
   }
 };
-dt.styles = Y`
+dt.styles = X`
         .cb-clear-message-dialog {
         }
 
@@ -5306,9 +5325,9 @@ fa([
   v({ type: Boolean })
 ], dt.prototype, "open", 2);
 dt = fa([
-  Z("cb-clear-message-dialog")
+  J("cb-clear-message-dialog")
 ], dt);
-const ii = Y`
+const ii = X`
   :host {
     // width: 380px;
 
@@ -5373,7 +5392,7 @@ var ni = Object.defineProperty, si = Object.getOwnPropertyDescriptor, Ne = (c, e
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
   return s && n && ni(e, a, n), n;
 };
-let Te = class extends ee {
+let Me = class extends ee {
   constructor() {
     super(...arguments), this.open = !1, this.clearMessageDialogOpen = !1, this.customRequest = !1;
   }
@@ -5406,7 +5425,7 @@ let Te = class extends ee {
                             Enable it for your own backend.
                         </sl-switch>
                     </div> -->
-          ${ne(
+          ${ce(
       this.customRequest,
       () => null,
       () => this.renderInternalServices()
@@ -5493,27 +5512,27 @@ let Te = class extends ee {
     });
   }
 };
-Te.styles = ii;
+Me.styles = ii;
 Ne([
   v({ type: Boolean })
-], Te.prototype, "open", 2);
+], Me.prototype, "open", 2);
 Ne([
   v({ type: Object })
-], Te.prototype, "setting", 2);
+], Me.prototype, "setting", 2);
 Ne([
   v({ type: Boolean })
-], Te.prototype, "clearMessageDialogOpen", 2);
+], Me.prototype, "clearMessageDialogOpen", 2);
 Ne([
   xe("sl-dialog")
-], Te.prototype, "dialog", 2);
+], Me.prototype, "dialog", 2);
 Ne([
   v({ type: Boolean })
-], Te.prototype, "customRequest", 2);
-Te = Ne([
-  Z("cb-setting")
-], Te);
-const oi = Y`
-  ${ge}
+], Me.prototype, "customRequest", 2);
+Me = Ne([
+  J("cb-setting")
+], Me);
+const oi = X`
+  ${me}
   :host {
     --primary-color: var(--sl-color-primary-600);
 
@@ -5543,6 +5562,11 @@ const oi = Y`
 
   .cb-anchor-icon {
     color: var(--enegelai-bot-anchor-color, rgb(255, 255, 255));
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    width: 100%;
   }
 
   .cb-anchor:hover {
@@ -5559,6 +5583,9 @@ const oi = Y`
     //border-color: var(--enegelai-bot-anchor-border-color, rgba(122, 78, 191, 1));
     background: var(--enegelai-bot-anchor-background, rgb(0, 208, 117));
     border-color: var(--enegelai-bot-anchor-border-color, rgb(0, 208, 117));
+    display: flex;
+    align-items: center;
+    justify-content: center;
   }
 
   .cb-engage-popup {
@@ -5613,11 +5640,15 @@ const oi = Y`
     align-items: start;
     gap: 10px;
   }
-`, ri = '<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>';
-var di = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, la = (c, e, a, s) => {
-  for (var n = s > 1 ? void 0 : s ? fi(e, a) : e, d = c.length - 1, f; d >= 0; d--)
+
+  .cb-anchor-badge {
+    margin: 4px 4px 0px 0px;
+  }
+`;
+var ri = Object.defineProperty, di = Object.getOwnPropertyDescriptor, la = (c, e, a, s) => {
+  for (var n = s > 1 ? void 0 : s ? di(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
-  return s && n && di(e, a, n), n;
+  return s && n && ri(e, a, n), n;
 };
 let ft = class extends ee {
   constructor() {
@@ -5646,24 +5677,33 @@ let ft = class extends ee {
     let c = "top-end";
     return c = p.appearanceAnchorPopupPosition, c;
   }
+  getBadgeVariant() {
+    let c = "danger";
+    return c = p.appearanceAnchorBadgeVariant, c;
+  }
   render() {
     return g`
       <div class="cb-anchor ${this.open ? "open" : ""}" part="anchor" @click=${this._clickHandler.bind(this)}>
         <sl-popup placement="${this.getPopupPlacement()}" distance="16" ?active="${p.engage && !p.open}">
-          <sl-button slot="anchor" label="Start" size="large" variant="primary" class="icon anchor-button" circle>
-            ${ne(
+          <sl-button slot="anchor" label="Start" size="large" variant="primary" class="anchor-button" circle>
+            ${ce(
       this.open,
-      () => g`<cb-icon class="cb-anchor-icon" svg="${_t}"></cb-icon>`,
-      () => g`<cb-icon class="cb-anchor-icon" svg="${ri}"></cb-icon>`
+      () => g`<div class="cb-anchor-icon" part="anchor-icon">${be`${Y(p.setting.anchorCloseSvg)}`}</div>`,
+      () => g`<div class="cb-anchor-icon" part="anchor-icon">${be`${Y(p.setting.anchorOpenSvg)}`}</div>`
+    )}
+            ${ce(
+      !this.open && p.unreadMessages > 0,
+      () => g`<sl-badge part="anchor-badge" class="cb-anchor-badge" variant="${this.getBadgeVariant()}" pill>${p.unreadMessages}</sl-badge>`,
+      () => null
     )}
           </sl-button>
           <div class="cb-engage-popup">
-            <div class="cb-engage-popup-close" @click=${this._engageClickHandler.bind(this)}>${we`${Q(_t)}`}</div>
+            <div class="cb-engage-popup-close" @click=${this._engageClickHandler.bind(this)}>${be`${Y(da)}`}</div>
             <div class="cb-engage-popup-content">
-              ${ne(
+              ${ce(
       p.setting.logoUrl !== "",
       () => g`<img class="cb-engage-popup-img" src="${p.setting.logoUrl}" />`,
-      () => g`<div class="cb-engage-popup-logo">${we`${Q(p.setting.logoSvg)}`}</div>`
+      () => g`<div class="cb-engage-popup-logo">${be`${Y(p.setting.logoSvg)}`}</div>`
     )}
               <!--<cb-icon class="cb-engage-popup-logo" svg="${p.setting.logoSvg}"></cb-icon>-->
               <div>${p.setting.engageMessage}</div>
@@ -5679,36 +5719,36 @@ la([
   v({ type: Boolean })
 ], ft.prototype, "open", 2);
 ft = la([
-  Z("cb-anchor")
+  J("cb-anchor")
 ], ft);
-const li = Y`
-    ${ge}
-`, Xt = '<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>', bi = '<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>', hi = '<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>', ui = '<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 pi = Object.defineProperty, gi = Object.getOwnPropertyDescriptor, ba = (c, e, a, s) => {
-  for (var n = s > 1 ? void 0 : s ? gi(e, a) : e, d = c.length - 1, f; d >= 0; d--)
+const fi = X`
+    ${me}
+`, Yt = '<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>', li = '<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>', bi = '<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>', hi = '<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 ui = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, ba = (c, e, a, s) => {
+  for (var n = s > 1 ? void 0 : s ? pi(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
-  return s && n && pi(e, a, n), n;
+  return s && n && ui(e, a, n), n;
 };
-const Gt = {
+const Xt = {
   error: {
     variant: "danger",
-    icon: Xt
+    icon: Yt
   },
   danger: {
     variant: "danger",
-    icon: Xt
+    icon: Yt
   },
   warning: {
     variant: "warning",
-    icon: bi
+    icon: li
   },
   success: {
     variant: "success",
-    icon: hi
+    icon: bi
   },
   info: {
     variant: "primary",
-    icon: ui
+    icon: hi
   }
 };
 let lt = class extends ee {
@@ -5716,23 +5756,23 @@ let lt = class extends ee {
     super(...arguments), this.status = "info";
   }
   render() {
-    const { variant: c, icon: e } = Gt[this.status] || Gt.info;
+    const { variant: c, icon: e } = Xt[this.status] || Xt.info;
     return g`<cb-icon svg=${e} color="${c}"></cb-icon>`;
   }
 };
-lt.styles = ia;
+lt.styles = ca;
 ba([
   v({ type: String })
 ], lt.prototype, "status", 2);
 lt = ba([
-  Z("cb-status-icon")
+  J("cb-status-icon")
 ], lt);
-var mi = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, vi = (c, e, a, s) => {
-  for (var n = s > 1 ? void 0 : s ? yi(e, a) : e, d = c.length - 1, f; d >= 0; d--)
+var gi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, yi = (c, e, a, s) => {
+  for (var n = s > 1 ? void 0 : s ? mi(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
-  return s && n && mi(e, a, n), n;
+  return s && n && gi(e, a, n), n;
 };
-let $t = class extends ee {
+let _t = class extends ee {
   render() {
     return g` <sl-alert variant="danger" open>
             <cb-status-icon status="error" slot="icon"></cb-status-icon>
@@ -5748,11 +5788,11 @@ let $t = class extends ee {
     this.emit("setting:show");
   }
 };
-$t.styles = li;
-$t = vi([
-  Z("cb-auth-alert")
-], $t);
-const wi = Y`
+_t.styles = fi;
+_t = yi([
+  J("cb-auth-alert")
+], _t);
+const vi = X`
   sl-dialog::part(base) {
     z-index: 1000;
   }
@@ -5826,25 +5866,25 @@ const wi = Y`
     filter: alpha(opacity=80);
   }
 `;
-var xi = Object.defineProperty, ki = Object.getOwnPropertyDescriptor, Ue = (c, e, a, s) => {
-  for (var n = s > 1 ? void 0 : s ? ki(e, a) : e, d = c.length - 1, f; d >= 0; d--)
+var wi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, Ue = (c, e, a, s) => {
+  for (var n = s > 1 ? void 0 : s ? xi(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
-  return s && n && xi(e, a, n), n;
+  return s && n && wi(e, a, n), n;
 };
-const Zt = Ke.noConflict(), Ci = '<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 Me = class extends ee {
+const Gt = Ke.noConflict(), ki = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-star-fill" viewBox="0 0 16 16"><path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/></svg>';
+let Te = class extends ee {
   constructor() {
     super(...arguments), this.store = new pt(this, p), this.zindex = 100;
   }
   connectedCallback() {
-    super.connectedCallback(), Zt.info("connectedCallback");
+    super.connectedCallback(), Gt.info("connectedCallback");
   }
   firstUpdated() {
-    this._rating.getSymbol = () => Ci;
+    this._rating.getSymbol = () => ki;
   }
   _stateEventHandler(c) {
     const e = c.detail, a = (e == null ? void 0 : e.type) || null;
-    Zt.info(`FEEDBACK: stateEvent: ${a}`, e);
+    Gt.info(`FEEDBACK: stateEvent: ${a}`, e);
   }
   _cancelHandler() {
     p.feedback && (console.log("Feedback dialog cancelled"), p.feedback = !1);
@@ -5865,7 +5905,7 @@ let Me = class extends ee {
       p.feedbackScore = 0;
     }}"
           >
-            ${we`${Q(da)}`}
+            ${be`${Y(ra)}`}
           </div>
           <sl-rating id="cb-feedback-rating-el" class="cb-feedback-rating" @sl-change="${this._ratingChangeHandler}" label="Rating" precision="1" .value=${p.feedbackScore}></sl-rating>
           <div
@@ -5874,7 +5914,7 @@ let Me = class extends ee {
       p.feedbackScore = 5;
     }}"
           >
-            ${we`${Q(ra)}`}
+            ${be`${Y(oa)}`}
           </div>
         </div>
         <div style="display: flex">
@@ -5896,39 +5936,39 @@ let Me = class extends ee {
     this._comments.value = "", await p.submitFeedback(c, e, a);
   }
 };
-Me.styles = wi;
+Te.styles = vi;
 Ue([
   v({ type: Number })
-], Me.prototype, "zindex", 2);
+], Te.prototype, "zindex", 2);
 Ue([
   xe("#cb-feedback-rating-el")
-], Me.prototype, "_rating", 2);
+], Te.prototype, "_rating", 2);
 Ue([
   xe("#cb-feedback-comments-el")
-], Me.prototype, "_comments", 2);
+], Te.prototype, "_comments", 2);
 Ue([
   xe("#cb-feedback-name-el")
-], Me.prototype, "_name", 2);
+], Te.prototype, "_name", 2);
 Ue([
   xe("#cb-feedback-email-el")
-], Me.prototype, "_email", 2);
-Me = Ue([
-  Z("cb-dialog-feedback")
-], Me);
-class Jt extends Error {
+], Te.prototype, "_email", 2);
+Te = Ue([
+  J("cb-dialog-feedback")
+], Te);
+class Zt extends Error {
   constructor(a, s, n) {
     const d = a.status || a.status === 0 ? a.status : "", f = a.statusText || "", x = `${d} ${f}`.trim(), S = x ? `status code ${x}` : "an unknown error";
     super(`Request failed with ${S}: ${s.method} ${s.url}`);
-    pe(this, "response");
-    pe(this, "request");
-    pe(this, "options");
+    ge(this, "response");
+    ge(this, "request");
+    ge(this, "options");
     this.name = "HTTPError", this.response = a, this.request = s, this.options = n;
   }
 }
 class ha extends Error {
   constructor(a) {
     super(`Request timed out: ${a.method} ${a.url}`);
-    pe(this, "request");
+    ge(this, "request");
     this.name = "TimeoutError", this.request = a;
   }
 }
@@ -5936,7 +5976,7 @@ const Xe = (c) => c !== null && typeof c == "object", nt = (...c) => {
   for (const e of c)
     if ((!Xe(e) || Array.isArray(e)) && e !== void 0)
       throw new TypeError("The `options` argument must be an object");
-  return Lt({}, ...c);
+  return It({}, ...c);
 }, ua = (c = {}, e = {}) => {
   const a = new globalThis.Headers(c), s = e instanceof globalThis.Headers, n = new globalThis.Headers(e);
   for (const [d, f] of n.entries())
@@ -5944,25 +5984,25 @@ const Xe = (c) => c !== null && typeof c == "object", nt = (...c) => {
   return a;
 };
 function st(c, e, a) {
-  return Object.hasOwn(e, a) && e[a] === void 0 ? [] : Lt(c[a] ?? [], e[a] ?? []);
+  return Object.hasOwn(e, a) && e[a] === void 0 ? [] : It(c[a] ?? [], e[a] ?? []);
 }
 const pa = (c = {}, e = {}) => ({
   beforeRequest: st(c, e, "beforeRequest"),
   beforeRetry: st(c, e, "beforeRetry"),
   afterResponse: st(c, e, "afterResponse"),
   beforeError: st(c, e, "beforeError")
-}), Lt = (...c) => {
+}), It = (...c) => {
   let e = {}, a = {}, s = {};
   for (const n of c)
     if (Array.isArray(n))
       Array.isArray(e) || (e = []), e = [...e, ...n];
     else if (Xe(n)) {
       for (let [d, f] of Object.entries(n))
-        Xe(f) && d in e && (f = Lt(e[d], f)), e = { ...e, [d]: f };
+        Xe(f) && d in e && (f = It(e[d], f)), e = { ...e, [d]: f };
       Xe(n.hooks) && (s = pa(s, n.hooks), e.hooks = s), Xe(n.headers) && (a = ua(a, n.headers), e.headers = a);
     }
   return e;
-}, Si = (() => {
+}, Ci = (() => {
   let c = !1, e = !1;
   const a = typeof globalThis.ReadableStream == "function", s = typeof globalThis.Request == "function";
   if (a && s)
@@ -5981,13 +6021,13 @@ const pa = (c = {}, e = {}) => ({
       throw n;
     }
   return c && !e;
-})(), _i = typeof globalThis.AbortController == "function", $i = typeof globalThis.ReadableStream == "function", Ti = typeof globalThis.FormData == "function", ga = ["get", "post", "put", "patch", "head", "delete"], Mi = {
+})(), Si = typeof globalThis.AbortController == "function", _i = typeof globalThis.ReadableStream == "function", $i = typeof globalThis.FormData == "function", ga = ["get", "post", "put", "patch", "head", "delete"], Mi = {
   json: "application/json",
   text: "text/*",
   formData: "multipart/form-data",
   arrayBuffer: "*/*",
   blob: "*/*"
-}, xt = 2147483647, ma = Symbol("stop"), Ei = {
+}, xt = 2147483647, ma = Symbol("stop"), Ti = {
   json: !0,
   parseJson: !0,
   stringifyJson: !0,
@@ -5999,7 +6039,7 @@ const pa = (c = {}, e = {}) => ({
   throwHttpErrors: !0,
   onDownloadProgress: !0,
   fetch: !0
-}, Ai = {
+}, Ei = {
   method: !0,
   headers: !0,
   body: !0,
@@ -6016,18 +6056,18 @@ const pa = (c = {}, e = {}) => ({
   dispatcher: !0,
   duplex: !0,
   priority: !0
-}, Ii = (c) => ga.includes(c) ? c.toUpperCase() : c, Li = ["get", "put", "head", "delete", "options", "trace"], qi = [408, 413, 429, 500, 502, 503, 504], Pi = [413, 429, 503], Kt = {
+}, Ai = (c) => ga.includes(c) ? c.toUpperCase() : c, Ii = ["get", "put", "head", "delete", "options", "trace"], Li = [408, 413, 429, 500, 502, 503, 504], qi = [413, 429, 503], Jt = {
   limit: 2,
-  methods: Li,
-  statusCodes: qi,
-  afterStatusCodes: Pi,
+  methods: Ii,
+  statusCodes: Li,
+  afterStatusCodes: qi,
   maxRetryAfter: Number.POSITIVE_INFINITY,
   backoffLimit: Number.POSITIVE_INFINITY,
   delay: (c) => 0.3 * 2 ** (c - 1) * 1e3
-}, zi = (c = {}) => {
+}, Oi = (c = {}) => {
   if (typeof c == "number")
     return {
-      ...Kt,
+      ...Jt,
       limit: c
     };
   if (c.methods && !Array.isArray(c.methods))
@@ -6035,11 +6075,11 @@ const pa = (c = {}, e = {}) => ({
   if (c.statusCodes && !Array.isArray(c.statusCodes))
     throw new Error("retry.statusCodes must be an array");
   return {
-    ...Kt,
+    ...Jt,
     ...c
   };
 };
-async function Oi(c, e, a, s) {
+async function Pi(c, e, a, s) {
   return new Promise((n, d) => {
     const f = setTimeout(() => {
       a && a.abort(), d(new ha(c));
@@ -6049,7 +6089,7 @@ async function Oi(c, e, a, s) {
     });
   });
 }
-async function ji(c, { signal: e }) {
+async function zi(c, { signal: e }) {
   return new Promise((a, s) => {
     e && (e.throwIfAborted(), e.addEventListener("abort", n, { once: !0 }));
     function n() {
@@ -6060,20 +6100,20 @@ async function ji(c, { signal: e }) {
     }, c);
   });
 }
-const Hi = (c, e) => {
+const ji = (c, e) => {
   const a = {};
   for (const s in e)
-    !(s in Ai) && !(s in Ei) && !(s in c) && (a[s] = e[s]);
+    !(s in Ei) && !(s in Ti) && !(s in c) && (a[s] = e[s]);
   return a;
 };
 class bt {
   // eslint-disable-next-line complexity
   constructor(e, a = {}) {
-    pe(this, "request");
-    pe(this, "abortController");
-    pe(this, "_retryCount", 0);
-    pe(this, "_input");
-    pe(this, "_options");
+    ge(this, "request");
+    ge(this, "abortController");
+    ge(this, "_retryCount", 0);
+    ge(this, "_input");
+    ge(this, "_options");
     var s, n;
     if (this._input = e, this._options = {
       ...a,
@@ -6084,10 +6124,10 @@ class bt {
         beforeError: [],
         afterResponse: []
       }, a.hooks),
-      method: Ii(a.method ?? this._input.method),
+      method: Ai(a.method ?? this._input.method),
       // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
       prefixUrl: String(a.prefixUrl || ""),
-      retry: zi(a.retry),
+      retry: Oi(a.retry),
       throwHttpErrors: a.throwHttpErrors !== !1,
       timeout: a.timeout ?? 1e4,
       fetch: a.fetch ?? globalThis.fetch.bind(globalThis)
@@ -6098,16 +6138,16 @@ class bt {
         throw new Error("`input` must not begin with a slash when using `prefixUrl`");
       this._options.prefixUrl.endsWith("/") || (this._options.prefixUrl += "/"), this._input = this._options.prefixUrl + this._input;
     }
-    if (_i) {
+    if (Si) {
       this.abortController = new globalThis.AbortController();
       const d = this._options.signal ?? this._input.signal;
       d == null || d.addEventListener("abort", () => {
         this.abortController.abort(d.reason);
       }), this._options.signal = this.abortController.signal;
     }
-    if (Si && (this._options.duplex = "half"), this._options.json !== void 0 && (this._options.body = ((n = (s = this._options).stringifyJson) == null ? void 0 : n.call(s, this._options.json)) ?? JSON.stringify(this._options.json), this._options.headers.set("content-type", this._options.headers.get("content-type") ?? "application/json")), this.request = new globalThis.Request(this._input, this._options), this._options.searchParams) {
+    if (Ci && (this._options.duplex = "half"), this._options.json !== void 0 && (this._options.body = ((n = (s = this._options).stringifyJson) == null ? void 0 : n.call(s, this._options.json)) ?? JSON.stringify(this._options.json), this._options.headers.set("content-type", this._options.headers.get("content-type") ?? "application/json")), this.request = new globalThis.Request(this._input, this._options), this._options.searchParams) {
       const f = "?" + (typeof this._options.searchParams == "string" ? this._options.searchParams.replace(/^\?/, "") : new URLSearchParams(this._options.searchParams).toString()), x = this.request.url.replace(/(?:\?.*?)?(?=#|$)/, f);
-      (Ti && this._options.body instanceof globalThis.FormData || this._options.body instanceof URLSearchParams) && !(this._options.headers && this._options.headers["content-type"]) && this.request.headers.delete("content-type"), this.request = new globalThis.Request(new globalThis.Request(x, { ...this.request }), this._options);
+      ($i && this._options.body instanceof globalThis.FormData || this._options.body instanceof URLSearchParams) && !(this._options.headers && this._options.headers["content-type"]) && this.request.headers.delete("content-type"), this.request = new globalThis.Request(new globalThis.Request(x, { ...this.request }), this._options);
     }
   }
   static create(e, a) {
@@ -6121,7 +6161,7 @@ class bt {
         _ instanceof globalThis.Response && (x = _);
       }
       if (s._decorateResponse(x), !x.ok && s._options.throwHttpErrors) {
-        let S = new Jt(x, s.request, s._options);
+        let S = new Zt(x, s.request, s._options);
         for (const _ of s._options.hooks.beforeError)
           S = await _(S);
         throw S;
@@ -6129,7 +6169,7 @@ class bt {
       if (s._options.onDownloadProgress) {
         if (typeof s._options.onDownloadProgress != "function")
           throw new TypeError("The `onDownloadProgress` option must be a function");
-        if (!$i)
+        if (!_i)
           throw new Error("Streams are not supported in your environment. `ReadableStream` is missing.");
         return s._stream(x.clone(), s._options.onDownloadProgress);
       }
@@ -6138,21 +6178,21 @@ class bt {
     for (const [x, S] of Object.entries(Mi))
       f[x] = async () => {
         s.request.headers.set("accept", s.request.headers.get("accept") || S);
-        const J = (await f).clone();
+        const K = (await f).clone();
         if (x === "json") {
-          if (J.status === 204 || (await J.clone().arrayBuffer()).byteLength === 0)
+          if (K.status === 204 || (await K.clone().arrayBuffer()).byteLength === 0)
             return "";
           if (a.parseJson)
-            return a.parseJson(await J.text());
+            return a.parseJson(await K.text());
         }
-        return J[x]();
+        return K[x]();
       };
     return f;
   }
   _calculateRetryDelay(e) {
     if (this._retryCount++, this._retryCount > this._options.retry.limit || e instanceof ha)
       throw e;
-    if (e instanceof Jt) {
+    if (e instanceof Zt) {
       if (!this._options.retry.statusCodes.includes(e.response.status))
         throw e;
       const s = e.response.headers.get("Retry-After") ?? e.response.headers.get("RateLimit-Reset") ?? e.response.headers.get("X-RateLimit-Reset") ?? e.response.headers.get("X-Rate-Limit-Reset");
@@ -6178,7 +6218,7 @@ class bt {
       const s = Math.min(this._calculateRetryDelay(a), xt);
       if (this._retryCount < 1)
         throw a;
-      await ji(s, { signal: this._options.signal });
+      await zi(s, { signal: this._options.signal });
       for (const n of this._options.hooks.beforeRetry)
         if (await n({
           request: this.request,
@@ -6200,8 +6240,8 @@ class bt {
       if (n instanceof Response)
         return n;
     }
-    const e = Hi(this.request, this._options), a = this.request;
-    return this.request = a.clone(), this._options.timeout === !1 ? this._options.fetch(a, e) : Oi(a, e, this.abortController, this._options);
+    const e = ji(this.request, this._options), a = this.request;
+    return this.request = a.clone(), this._options.timeout === !1 ? this._options.fetch(a, e) : Pi(a, e, this.abortController, this._options);
   }
   /* istanbul ignore next */
   _stream(e, a) {
@@ -6223,8 +6263,8 @@ class bt {
           }
           if (a) {
             n += _.byteLength;
-            const J = s === 0 ? 0 : n / s;
-            a({ percent: J, transferredBytes: n, totalBytes: s }, _);
+            const K = s === 0 ? 0 : n / s;
+            a({ percent: K, transferredBytes: n, totalBytes: s }, _);
           }
           d.enqueue(_), await x();
         }
@@ -6238,12 +6278,12 @@ class bt {
   }
 }
 /*! MIT License © Sindre Sorhus */
-const Tt = (c) => {
+const $t = (c) => {
   const e = (a, s) => bt.create(a, nt(c, s));
   for (const a of ga)
     e[a] = (s, n) => bt.create(s, nt(c, n, { method: a }));
-  return e.create = (a) => Tt(nt(a)), e.extend = (a) => (typeof a == "function" && (a = a(c ?? {})), Tt(nt(c, a))), e.stop = ma, e;
-}, Bi = Tt(), Ri = Bi.extend({
+  return e.create = (a) => $t(nt(a)), e.extend = (a) => (typeof a == "function" && (a = a(c ?? {})), $t(nt(c, a))), e.stop = ma, e;
+}, Hi = $t(), Bi = Hi.extend({
   hooks: {
     beforeRequest: [
       () => {
@@ -6251,7 +6291,7 @@ const Tt = (c) => {
     ]
   }
 });
-async function Vi(c, e) {
+async function Ri(c, e) {
   const { onmessage: a, onclose: s, ...n } = e, d = async (f, x) => {
     const { value: S, done: _ } = await x.read();
     _ ? (f.close(), s == null || s()) : (a == null || a(S), f.enqueue(S), d(f, x));
@@ -6272,11 +6312,11 @@ async function Vi(c, e) {
     }).text()
   );
 }
-async function Di(c, e) {
+async function Vi(c, e) {
   const a = new FormData();
   for (let n = 0; n < e.length; n++)
     a.append("files", e[n]);
-  const s = await Ri.post(c, {
+  const s = await Bi.post(c, {
     body: a
   });
   try {
@@ -6289,10 +6329,10 @@ async function Di(c, e) {
     };
   }
 }
-var Fi = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, R = (c, e, a, s) => {
-  for (var n = s > 1 ? void 0 : s ? Ni(e, a) : e, d = c.length - 1, f; d >= 0; d--)
+var Di = Object.defineProperty, Fi = Object.getOwnPropertyDescriptor, H = (c, e, a, s) => {
+  for (var n = s > 1 ? void 0 : s ? Fi(e, a) : e, d = c.length - 1, f; d >= 0; d--)
     (f = c[d]) && (n = (s ? f(e, a, n) : f(n)) || n);
-  return s && n && Fi(e, a, n), n;
+  return s && n && Di(e, a, n), n;
 };
 const Re = Ke.noConflict();
 Re.setLevel("info");
@@ -6324,11 +6364,11 @@ let j = class extends ee {
             <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.stream = !1, this.customRequest = !1, this.enableFileUpload = !1, this.uploadFileUrl = "", this.open = !1, this.alwaysOpen = !1, this.prefilledFormFields = "{}", this.loading = !1, this.showSetting = !1, this.showAuthAlert = !1, this.handleAddMessage = (c) => {
+</svg>`, this.popupLogoSvg = "", this.popupLogoUrl = "", this.botIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M16 17V19H2V17S2 13 9 13 16 17 16 17M12.5 7.5A3.5 3.5 0 1 0 9 11A3.5 3.5 0 0 0 12.5 7.5M15.94 13A5.32 5.32 0 0 1 18 17V19H22V17S22 13.37 15.94 13M15 4A3.39 3.39 0 0 0 13.07 4.59A5 5 0 0 1 13.07 10.41A3.39 3.39 0 0 0 15 11A3.5 3.5 0 0 0 15 4Z" /></svg>', this.userIconSvg = '<svg fill="currentColor" viewBox="0 0 24 24" width="24" height="24">    <path  d="M12 4a4 4 0 0 1 4 4a4 4 0 0 1-4 4a4 4 0 0 1-4-4a4 4 0 0 1 4-4m0 10c4.42 0 8 1.79 8 4v2H4v-2c0-2.21 3.58-4 8-4Z" /></svg>', this.systemIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M11,17H13V11H11V17Z"/></svg>', this.agentIconSvg = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24">    <path d="M18.72,14.76C19.07,13.91 19.26,13 19.26,12C19.26,11.28 19.15,10.59 18.96,9.95C18.31,10.1 17.63,10.18 16.92,10.18C13.86,10.18 11.15,8.67 9.5,6.34C8.61,8.5 6.91,10.26 4.77,11.22C4.73,11.47 4.73,11.74 4.73,12A7.27,7.27 0 0,0 12,19.27C13.05,19.27 14.06,19.04 14.97,18.63C15.54,19.72 15.8,20.26 15.78,20.26C14.14,20.81 12.87,21.08 12,21.08C9.58,21.08 7.27,20.13 5.57,18.42C4.53,17.38 3.76,16.11 3.33,14.73H2V10.18H3.09C3.93,6.04 7.6,2.92 12,2.92C14.4,2.92 16.71,3.87 18.42,5.58C19.69,6.84 20.54,8.45 20.89,10.18H22V14.67H22V14.69L22,14.73H21.94L18.38,18L13.08,17.4V15.73H17.91L18.72,14.76M9.27,11.77C9.57,11.77 9.86,11.89 10.07,12.11C10.28,12.32 10.4,12.61 10.4,12.91C10.4,13.21 10.28,13.5 10.07,13.71C9.86,13.92 9.57,14.04 9.27,14.04C8.64,14.04 8.13,13.54 8.13,12.91C8.13,12.28 8.64,11.77 9.27,11.77M14.72,11.77C15.35,11.77 15.85,12.28 15.85,12.91C15.85,13.54 15.35,14.04 14.72,14.04C14.09,14.04 13.58,13.54 13.58,12.91A1.14,1.14 0 0,1 14.72,11.77Z" /></svg>', this.anchorOpenSvg = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M16 8c0 3.866-3.582 7-8 7a9 9 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234c-.2.032-.352-.176-.273-.362c.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7M5 8a1 1 0 1 0-2 0a1 1 0 0 0 2 0m4 0a1 1 0 1 0-2 0a1 1 0 0 0 2 0m3 1a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg>', this.anchorCloseSvg = '<svg viewBox="0 0 16 16" width="1.2em" height="1.2em" ><path fill="currentColor" d="M2.146 2.854a.5.5 0 1 1 .708-.708L8 7.293l5.146-5.147a.5.5 0 0 1 .708.708L8.707 8l5.147 5.146a.5.5 0 0 1-.708.708L8 8.707l-5.146 5.147a.5.5 0 0 1-.708-.708L7.293 8z"/></svg>', this.stream = !1, this.customRequest = !1, this.enableFileUpload = !1, this.uploadFileUrl = "", this.open = !1, this.alwaysOpen = !1, this.prefilledFormFields = "{}", this.loading = !1, this.showSetting = !1, this.showAuthAlert = !1, this.handleAddMessage = (c) => {
       this._addMessageHandler(c);
     }, this.handleStateEvent = (c) => {
       this._stateEventHandler(c);
-    }, this.fetchStream = Vi;
+    }, this.fetchStream = Ri;
   }
   /**
    * decodeStreamData
@@ -6367,11 +6407,11 @@ let j = class extends ee {
           .messages=${p.messages}
           .actions=${p.actions}
           .form=${p.form}
-          exportparts="bot-message-list, bot-message, cb-message, bot-message-content, user-message-content"
+          exportparts="bot-message-list, bot-message, cb-message, bot-message-content, user-message-content, form, form-title, form-input, form-submit"
         ></cb-message-list>
         ${this.renderUserInput()} ${this.renderFeedbackDialog()}
       </div>
-      <cb-anchor ?open=${p.open} exportparts="anchor"></cb-anchor>
+      <cb-anchor ?open=${p.open} exportparts="anchor, anchor-badge, anchor-icon"></cb-anchor>
     `;
   }
   renderFeedbackDialog() {
@@ -6398,7 +6438,7 @@ let j = class extends ee {
   // Extract css variables that control the appearance of the chatbot
   initCssVariables() {
     let c = getComputedStyle(this);
-    p.appearanceAnchorPopupPosition = this.extractCssVariable(c, "--enegelai-bot-anchor-popup-position", "top-end"), p.appearanceUserMessageAvatarPosition = this.extractCssVariable(c, "--enegelai-bot-user-message-avatar-position", "left");
+    p.appearanceAnchorPopupPosition = this.extractCssVariable(c, "--enegelai-bot-anchor-popup-position", "top-end"), p.appearanceAnchorBadgeVariant = this.extractCssVariable(c, "--enegelai-bot-anchor-badge-variant", p.appearanceAnchorBadgeVariant), p.appearanceUserMessageAvatarPosition = this.extractCssVariable(c, "--enegelai-bot-user-message-avatar-position", "left");
   }
   /*
     private getPopupPlacement() {
@@ -6432,7 +6472,7 @@ let j = class extends ee {
   _initSetting() {
     Re.info("_initSetting");
     const c = p.setting;
-    c.orgId = this.orgId, c.botId = this.botId, c.url = this.url, c.logoUrl = this.logoUrl, c.logoSvg = this.logoSvg, c.closeSvg = this.closeSvg, c.popupLogoSvg = this.popupLogoSvg, c.popupLogoUrl = this.popupLogoUrl, c.botIconSvg = this.botIconSvg, c.userIconSvg = this.userIconSvg, c.systemIconSvg = this.systemIconSvg, c.agentIconSvg = this.agentIconSvg, p.setSetting(c);
+    c.orgId = this.orgId, c.botId = this.botId, c.url = this.url, c.logoUrl = this.logoUrl, c.logoSvg = this.logoSvg, c.closeSvg = this.closeSvg, c.popupLogoSvg = this.popupLogoSvg, c.popupLogoUrl = this.popupLogoUrl, c.botIconSvg = this.botIconSvg, c.userIconSvg = this.userIconSvg, c.systemIconSvg = this.systemIconSvg, c.agentIconSvg = this.agentIconSvg, c.anchorOpenSvg = this.anchorOpenSvg, c.anchorCloseSvg = this.anchorCloseSvg, p.setSetting(c);
     let e = {};
     try {
       e = JSON.parse(this.prefilledFormFields);
@@ -6518,7 +6558,7 @@ let j = class extends ee {
   }
   _chatbotToggleHandler(c) {
     const e = c.detail;
-    p.open = e.open, p.suppressEngagePopup();
+    p.open = e.open, p.unreadMessages = 0, p.suppressEngagePopup();
   }
   _deleteMessageHandler(c) {
     const e = c.detail;
@@ -6540,7 +6580,7 @@ let j = class extends ee {
       }
     };
     if (p.addMessage(s), this.uploadFileUrl) {
-      const n = await Di(this.uploadFileUrl, e.files);
+      const n = await Vi(this.uploadFileUrl, e.files);
       n.code === 0 && n.data && (s.isUploading = !1, s.data = {
         files: n.data
       }, p.updateMessage(s));
@@ -6566,83 +6606,89 @@ let j = class extends ee {
   }
 };
 j.styles = Ua;
-R([
+H([
   v({ type: Boolean, attribute: "display-license" })
 ], j.prototype, "displayLicense", 2);
-R([
+H([
   v({ type: String, attribute: "name" })
 ], j.prototype, "name", 2);
-R([
+H([
   v({ type: String, attribute: "org-id" })
 ], j.prototype, "orgId", 2);
-R([
+H([
   v({ type: String, attribute: "bot-id" })
 ], j.prototype, "botId", 2);
-R([
+H([
   v({ type: String, attribute: "url" })
 ], j.prototype, "url", 2);
-R([
+H([
   v({ type: String, attribute: "logo-url" })
 ], j.prototype, "logoUrl", 2);
-R([
+H([
   v({ type: String, attribute: "logo-svg" })
 ], j.prototype, "logoSvg", 2);
-R([
+H([
   v({ type: String, attribute: "close-svg" })
 ], j.prototype, "closeSvg", 2);
-R([
+H([
   v({ type: String, attribute: "popup-logo-svg" })
 ], j.prototype, "popupLogoSvg", 2);
-R([
+H([
   v({ type: String, attribute: "popup-logo-url" })
 ], j.prototype, "popupLogoUrl", 2);
-R([
+H([
   v({ type: String, attribute: "bot-icon-svg" })
 ], j.prototype, "botIconSvg", 2);
-R([
+H([
   v({ type: String, attribute: "user-icon-svg" })
 ], j.prototype, "userIconSvg", 2);
-R([
+H([
   v({ type: String, attribute: "system-icon-svg" })
 ], j.prototype, "systemIconSvg", 2);
-R([
+H([
   v({ type: String, attribute: "agent-icon-svg" })
 ], j.prototype, "agentIconSvg", 2);
-R([
+H([
+  v({ type: String, attribute: "anchor-open-svg" })
+], j.prototype, "anchorOpenSvg", 2);
+H([
+  v({ type: String, attribute: "anchor-close-svg" })
+], j.prototype, "anchorCloseSvg", 2);
+H([
   v({ type: Boolean, attribute: "stream" })
 ], j.prototype, "stream", 2);
-R([
+H([
   v({ type: Boolean, attribute: "custom-request" })
 ], j.prototype, "customRequest", 2);
-R([
+H([
   v({ type: Boolean, attribute: "enable-file-upload" })
 ], j.prototype, "enableFileUpload", 2);
-R([
+H([
   v({ type: String, attribute: "upload-file-url" })
 ], j.prototype, "uploadFileUrl", 2);
-R([
+H([
   v({ type: Boolean, attribute: "open" })
 ], j.prototype, "open", 2);
-R([
+H([
   v({ type: Boolean, attribute: "always-open" })
 ], j.prototype, "alwaysOpen", 2);
-R([
+H([
   v({ type: String, attribute: "prefilled-form-fields" })
 ], j.prototype, "prefilledFormFields", 2);
-R([
+H([
   v({ type: Boolean })
 ], j.prototype, "loading", 2);
-R([
+H([
   v({ type: Boolean })
 ], j.prototype, "showSetting", 2);
-R([
+H([
   v({ type: Boolean })
 ], j.prototype, "showAuthAlert", 2);
-R([
+H([
   xe("cb-message-list")
 ], j.prototype, "_messageList", 2);
-j = R([
-  Z("enegelai-bot")
+j = H([
+  J("enegelai-bot")
 ], j);
 export {
   j as default