deep-chat-dev 9.0.10 → 9.0.12

package/dist/deepChat.js

@@ -123,8 +123,8 @@ var StyleUtils = /*#__PURE__*/function () {
       StyleUtils.unsetActivityCSSMouseStates(e, t), t["default"] && StyleUtils.unsetStyle(e, t["default"]);
     }
   }, {
-    key: "generateStateful",
-    value: function generateStateful(e, t, n) {
+    key: "processStateful",
+    value: function processStateful(e, t, n) {
       var s = e["default"] || {},
         o = Object.assign(JSON.parse(JSON.stringify(_objectSpread(_objectSpread({}, s), t))), e == null ? void 0 : e.hover),
         a = Object.assign(JSON.parse(JSON.stringify(_objectSpread(_objectSpread({}, o), n))), e == null ? void 0 : e.click);
@@ -365,19 +365,19 @@ function getLines(r) {
     var c = 0;
     for (; t < l;) {
       s && (e[t] === 10 && (c = ++t), s = !1);
-      var d = -1;
-      for (; t < l && d === -1; ++t) switch (e[t]) {
+      var u = -1;
+      for (; t < l && u === -1; ++t) switch (e[t]) {
         case 58:
           n === -1 && (n = t - c);
           break;
         case 13:
           s = !0;
         case 10:
-          d = t;
+          u = t;
           break;
       }
-      if (d === -1) break;
-      r(e.subarray(c, d), n), c = t, n = -1;
+      if (u === -1) break;
+      r(e.subarray(c, u), n), c = t, n = -1;
     }
     c === l ? e = void 0 : c !== 0 && (e = e.subarray(c), t -= c);
   };
@@ -388,20 +388,20 @@ function getMessages(r, e, t) {
   return function (a, l) {
     if (a.length === 0) t == null || t(n), n = newMessage();else if (l > 0) {
       var c = s.decode(a.subarray(0, l)),
-        d = l + (a[l + 1] === 32 ? 2 : 1),
-        u = s.decode(a.subarray(d));
+        u = l + (a[l + 1] === 32 ? 2 : 1),
+        d = s.decode(a.subarray(u));
       switch (c) {
         case "data":
-          n.data = n.data ? n.data + "\n" + u : u;
+          n.data = n.data ? n.data + "\n" + d : d;
           break;
         case "event":
-          n.event = u;
+          n.event = d;
           break;
         case "id":
-          r(n.id = u);
+          r(n.id = d);
           break;
         case "retry":
-          var h = parseInt(u, 10);
+          var h = parseInt(d, 10);
           isNaN(h) || e(n.retry = h);
           break;
       }
@@ -437,8 +437,8 @@ function fetchEventSource(r, e) {
     a = e.onclose,
     l = e.onerror,
     c = e.openWhenHidden,
-    d = e.fetch,
-    u = __rest(e, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
+    u = e.fetch,
+    d = __rest(e, ["signal", "headers", "onopen", "onmessage", "onclose", "onerror", "openWhenHidden", "fetch"]);
   return new Promise(function (h, f) {
     var p = Object.assign({}, n);
     p.accept || (p.accept = EventStreamContentType);
@@ -455,7 +455,7 @@ function fetchEventSource(r, e) {
     t == null || t.addEventListener("abort", function () {
       y(), h();
     });
-    var S = d !== null && d !== void 0 ? d : window.fetch,
+    var S = u !== null && u !== void 0 ? u : window.fetch,
       E = s !== null && s !== void 0 ? s : defaultOnOpen;
     function x() {
       return _x3.apply(this, arguments);
@@ -469,7 +469,7 @@ function fetchEventSource(r, e) {
               b = new AbortController();
               _context.prev = 1;
               _context.next = 4;
-              return S(r, Object.assign(Object.assign({}, u), {
+              return S(r, Object.assign(Object.assign({}, d), {
                 headers: p,
                 signal: b.signal
               }));
@@ -708,8 +708,8 @@ var Stream = /*#__PURE__*/function () {
           l,
           c,
           _e$streamHandlers,
-          d,
           u,
+          d,
           h,
           f,
           _args6 = arguments;
@@ -729,14 +729,14 @@ var Stream = /*#__PURE__*/function () {
               l = _yield$RequestUtils$p.headers;
               c = _yield$RequestUtils$p.error;
               _e$streamHandlers = e.streamHandlers;
-              d = _e$streamHandlers.onOpen;
-              u = _e$streamHandlers.onClose;
+              u = _e$streamHandlers.onOpen;
+              d = _e$streamHandlers.onClose;
               h = _e$streamHandlers.abortStream;
               if (!c) {
                 _context6.next = 14;
                 break;
               }
-              return _context6.abrupt("return", Stream.onInterceptorError(n, c, u));
+              return _context6.abrupt("return", Stream.onInterceptorError(n, c, d));
             case 14:
               if (!((b = e.requestSettings) != null && b.handler)) {
                 _context6.next = 16;
@@ -766,7 +766,7 @@ var Stream = /*#__PURE__*/function () {
                             _context5.next = 2;
                             break;
                           }
-                          return _context5.abrupt("return", (f = n.addNewStreamedMessage(), d()));
+                          return _context5.abrupt("return", (f = n.addNewStreamedMessage(), u()));
                         case 2:
                           _context5.next = 4;
                           return RequestUtils.processResponseByType(y);
@@ -791,10 +791,10 @@ var Stream = /*#__PURE__*/function () {
                   }
                 },
                 onerror: function onerror(y) {
-                  throw u(), y;
+                  throw d(), y;
                 },
                 onclose: function onclose() {
-                  n.finaliseStreamedMessage(), u();
+                  n.finaliseStreamedMessage(), d();
                 },
                 signal: h.signal
               })["catch"](function (y) {
@@ -867,8 +867,8 @@ var CustomHandler = /*#__PURE__*/function () {
             case 0:
               s = !0;
               o = /*#__PURE__*/function () {
-                var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(d) {
-                  var h, f, u;
+                var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(u) {
+                  var h, f, d;
                   return _regeneratorRuntime().wrap(function _callee7$(_context7) {
                     while (1) switch (_context7.prev = _context7.next) {
                       case 0:
@@ -880,17 +880,17 @@ var CustomHandler = /*#__PURE__*/function () {
                       case 2:
                         s = !1;
                         _context7.next = 5;
-                        return (f = (h = e.deepChat).responseInterceptor) == null ? void 0 : f.call(h, d);
+                        return (f = (h = e.deepChat).responseInterceptor) == null ? void 0 : f.call(h, u);
                       case 5:
                         _context7.t0 = _context7.sent;
                         if (_context7.t0) {
                           _context7.next = 8;
                           break;
                         }
-                        _context7.t0 = d;
+                        _context7.t0 = u;
                       case 8:
-                        u = _context7.t0;
-                        !u || _typeof(u) != "object" || typeof u.error != "string" && typeof u.text != "string" ? (console.error(ErrorMessages.INVALID_RESPONSE(d, "server", !!e.deepChat.responseInterceptor, u)), n.addNewErrorMessage("service", "Error in server message"), e.completionsHandlers.onFinish()) : typeof u.error == "string" ? (console.error(u.error), n.addNewErrorMessage("service", u.error), e.completionsHandlers.onFinish()) : e.deepChat.stream && u.text ? Stream.simulate(n, e.streamHandlers, u.text) : (n.addNewMessage(u, !0, !0), e.completionsHandlers.onFinish());
+                        d = _context7.t0;
+                        !d || _typeof(d) != "object" || typeof d.error != "string" && typeof d.text != "string" ? (console.error(ErrorMessages.INVALID_RESPONSE(u, "server", !!e.deepChat.responseInterceptor, d)), n.addNewErrorMessage("service", "Error in server message"), e.completionsHandlers.onFinish()) : typeof d.error == "string" ? (console.error(d.error), n.addNewErrorMessage("service", d.error), e.completionsHandlers.onFinish()) : e.deepChat.stream && d.text ? Stream.simulate(n, e.streamHandlers, d.text) : (n.addNewMessage(d, !0, !0), e.completionsHandlers.onFinish());
                       case 10:
                       case "end":
                         return _context7.stop();
@@ -928,16 +928,16 @@ var CustomHandler = /*#__PURE__*/function () {
         c = function c() {
           s && (n.finaliseStreamedMessage(), e.streamHandlers.onClose(), s = !1);
         },
-        d = function d(p) {
+        u = function u(p) {
           s && (!p || _typeof(p) != "object" || typeof p.error != "string" && typeof p.text != "string" ? console.error(ErrorMessages.INVALID_RESPONSE(p, "server", !1)) : p.error ? (console.error(p.error), n.finaliseStreamedMessage(), e.streamHandlers.onClose(), n.addNewErrorMessage("service", p.error), s = !1) : p.text && a && n.updateStreamedMessage(p.text, a));
         };
       e.streamHandlers.abortStream.abort = function () {
         n.finaliseStreamedMessage(), e.streamHandlers.onClose(), s = !1;
       };
-      var u = CustomHandler.generateOptionalSignals();
-      (f = (h = e.requestSettings).handler) == null || f.call(h, t, _objectSpread(_objectSpread({}, u), {}, {
+      var d = CustomHandler.generateOptionalSignals();
+      (f = (h = e.requestSettings).handler) == null || f.call(h, t, _objectSpread(_objectSpread({}, d), {}, {
         onOpen: l,
-        onResponse: d,
+        onResponse: u,
         onClose: c,
         stopClicked: e.streamHandlers.stopClicked
       }));
@@ -946,7 +946,7 @@ var CustomHandler = /*#__PURE__*/function () {
   }, {
     key: "websocket",
     value: function websocket(e, t) {
-      var c, d;
+      var c, u;
       var n = {
         isOpen: !1,
         newUserMessage: {
@@ -961,7 +961,7 @@ var CustomHandler = /*#__PURE__*/function () {
           n.isOpen = !1;
         },
         a = /*#__PURE__*/function () {
-          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(u) {
+          var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(d) {
             var f, p, h;
             return _regeneratorRuntime().wrap(function _callee9$(_context9) {
               while (1) switch (_context9.prev = _context9.next) {
@@ -973,17 +973,17 @@ var CustomHandler = /*#__PURE__*/function () {
                   return _context9.abrupt("return");
                 case 2:
                   _context9.next = 4;
-                  return (p = (f = e.deepChat).responseInterceptor) == null ? void 0 : p.call(f, u);
+                  return (p = (f = e.deepChat).responseInterceptor) == null ? void 0 : p.call(f, d);
                 case 4:
                   _context9.t0 = _context9.sent;
                   if (_context9.t0) {
                     _context9.next = 7;
                     break;
                   }
-                  _context9.t0 = u;
+                  _context9.t0 = d;
                 case 7:
                   h = _context9.t0;
-                  !h || _typeof(h) != "object" || typeof h.error != "string" && typeof h.text != "string" ? (console.error(ErrorMessages.INVALID_RESPONSE(u, "server", !!e.deepChat.responseInterceptor, h)), t.addNewErrorMessage("service", "Error in server message")) : typeof h.error == "string" ? (console.error(h.error), t.isLastMessageError() || t.addNewErrorMessage("service", h.error)) : e.deepChat.stream ? Stream.simulate(t, e.streamHandlers, h.text) : t.addNewMessage(h, !0, !0);
+                  !h || _typeof(h) != "object" || typeof h.error != "string" && typeof h.text != "string" ? (console.error(ErrorMessages.INVALID_RESPONSE(d, "server", !!e.deepChat.responseInterceptor, h)), t.addNewErrorMessage("service", "Error in server message")) : typeof h.error == "string" ? (console.error(h.error), t.isLastMessageError() || t.addNewErrorMessage("service", h.error)) : e.deepChat.stream ? Stream.simulate(t, e.streamHandlers, h.text) : t.addNewMessage(h, !0, !0);
                 case 9:
                 case "end":
                   return _context9.stop();
@@ -995,7 +995,7 @@ var CustomHandler = /*#__PURE__*/function () {
           };
         }(),
         l = CustomHandler.generateOptionalSignals();
-      (d = (c = e.requestSettings).handler) == null || d.call(c, void 0, _objectSpread(_objectSpread({}, l), {}, {
+      (u = (c = e.requestSettings).handler) == null || u.call(c, void 0, _objectSpread(_objectSpread({}, l), {}, {
         onOpen: s,
         onResponse: a,
         onClose: o,
@@ -1039,8 +1039,8 @@ var HTTPRequest = /*#__PURE__*/function () {
           a,
           l,
           c,
-          d,
           u,
+          d,
           _args11 = arguments;
         return _regeneratorRuntime().wrap(function _callee11$(_context11) {
           while (1) switch (_context11.prev = _context11.next) {
@@ -1057,12 +1057,12 @@ var HTTPRequest = /*#__PURE__*/function () {
               a = _yield$RequestUtils$p2.body;
               l = _yield$RequestUtils$p2.headers;
               c = _yield$RequestUtils$p2.error;
-              d = e.completionsHandlers.onFinish;
+              u = e.completionsHandlers.onFinish;
               if (!c) {
                 _context11.next = 11;
                 break;
               }
-              return _context11.abrupt("return", HTTPRequest.onInterceptorError(n, c, d));
+              return _context11.abrupt("return", HTTPRequest.onInterceptorError(n, c, u));
             case 11:
               if (!((f = e.requestSettings) != null && f.handler)) {
                 _context11.next = 13;
@@ -1074,15 +1074,15 @@ var HTTPRequest = /*#__PURE__*/function () {
                 _context11.next = 15;
                 break;
               }
-              return _context11.abrupt("return", Demo.request(n, d, e.deepChat.responseInterceptor));
+              return _context11.abrupt("return", Demo.request(n, u, e.deepChat.responseInterceptor));
             case 15:
-              u = !0;
+              d = !0;
               fetch(((b = e.requestSettings) == null ? void 0 : b.url) || e.url || "", {
                 method: ((m = e.requestSettings) == null ? void 0 : m.method) || "POST",
                 headers: l,
                 body: s ? JSON.stringify(a) : a
               }).then(function (g) {
-                return u = !!g.ok, g;
+                return d = !!g.ok, g;
               }).then(function (g) {
                 return RequestUtils.processResponseByType(g);
               }).then( /*#__PURE__*/function () {
@@ -1112,7 +1112,7 @@ var HTTPRequest = /*#__PURE__*/function () {
                         return e.extractResultData(v);
                       case 10:
                         y = _context10.sent;
-                        if (u) {
+                        if (d) {
                           _context10.next = 13;
                           break;
                         }
@@ -1124,7 +1124,7 @@ var HTTPRequest = /*#__PURE__*/function () {
                         }
                         throw Error(ErrorMessages.INVALID_RESPONSE(g, "response", !!e.deepChat.responseInterceptor, v));
                       case 15:
-                        y.pollingInAnotherRequest || (e.deepChat.stream && y.text ? Stream.simulate(n, e.streamHandlers, y.text) : (n.addNewMessage(y, !0, !0), d()));
+                        y.pollingInAnotherRequest || (e.deepChat.stream && y.text ? Stream.simulate(n, e.streamHandlers, y.text) : (n.addNewMessage(y, !0, !0), u()));
                       case 16:
                       case "end":
                         return _context10.stop();
@@ -1135,7 +1135,7 @@ var HTTPRequest = /*#__PURE__*/function () {
                   return _ref4.apply(this, arguments);
                 };
               }())["catch"](function (g) {
-                RequestUtils.displayError(n, g), d();
+                RequestUtils.displayError(n, g), u();
               });
             case 17:
             case "end":
@@ -1157,7 +1157,7 @@ var HTTPRequest = /*#__PURE__*/function () {
         return a.json();
       }).then( /*#__PURE__*/function () {
         var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee12(a) {
-          var c, d, l;
+          var c, u, l;
           return _regeneratorRuntime().wrap(function _callee12$(_context12) {
             while (1) switch (_context12.prev = _context12.next) {
               case 0:
@@ -1169,7 +1169,7 @@ var HTTPRequest = /*#__PURE__*/function () {
               case 2:
                 _context12.t0 = e;
                 _context12.next = 5;
-                return (d = (c = e.deepChat).responseInterceptor) == null ? void 0 : d.call(c, a);
+                return (u = (c = e.deepChat).responseInterceptor) == null ? void 0 : u.call(c, a);
               case 5:
                 _context12.t1 = _context12.sent;
                 if (_context12.t1) {
@@ -1213,8 +1213,8 @@ var HTTPRequest = /*#__PURE__*/function () {
           a,
           l,
           c,
-          d,
           u,
+          d,
           h,
           f,
           _args13 = arguments;
@@ -1239,12 +1239,12 @@ var HTTPRequest = /*#__PURE__*/function () {
               }
               return _context13.abrupt("return", HTTPRequest.onInterceptorError(n, c));
             case 10:
-              d = ((b = e.requestSettings) == null ? void 0 : b.url) || e.url || "", u = ((m = e.requestSettings) == null ? void 0 : m.method) || "POST", h = s ? JSON.stringify(a) : a, f = {
-                method: u,
+              u = ((b = e.requestSettings) == null ? void 0 : b.url) || e.url || "", d = ((m = e.requestSettings) == null ? void 0 : m.method) || "POST", h = s ? JSON.stringify(a) : a, f = {
+                method: d,
                 body: h,
                 headers: l
               };
-              HTTPRequest.executePollRequest(e, d, f, n);
+              HTTPRequest.executePollRequest(e, u, f, n);
             case 12:
             case "end":
               return _context13.stop();
@@ -1264,18 +1264,18 @@ var HTTPRequest = /*#__PURE__*/function () {
     // prettier-ignore
   }, {
     key: "verifyKey",
-    value: function verifyKey(e, t, n, s, o, a, l, c, d) {
+    value: function verifyKey(e, t, n, s, o, a, l, c, u) {
       if (e === "") return a(ErrorMessages.INVALID_KEY);
       l(), fetch(t, {
         method: s,
         headers: n,
-        body: d || null
-      }).then(function (u) {
-        return RequestUtils.processResponseByType(u);
-      }).then(function (u) {
-        c(u, e, o, a);
-      })["catch"](function (u) {
-        a(ErrorMessages.CONNECTION_FAILED), console.error(u);
+        body: u || null
+      }).then(function (d) {
+        return RequestUtils.processResponseByType(d);
+      }).then(function (d) {
+        c(d, e, o, a);
+      })["catch"](function (d) {
+        a(ErrorMessages.CONNECTION_FAILED), console.error(d);
       });
     }
   }]);
@@ -1371,7 +1371,7 @@ var Websocket = /*#__PURE__*/function () {
     value: function assignListeners(e, t, n) {
       t.onmessage = /*#__PURE__*/function () {
         var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee14(s) {
-          var o, a, l, c, d;
+          var o, a, l, c, u;
           return _regeneratorRuntime().wrap(function _callee14$(_context14) {
             while (1) switch (_context14.prev = _context14.next) {
               case 0:
@@ -1395,14 +1395,14 @@ var Websocket = /*#__PURE__*/function () {
                 _context14.next = 11;
                 return e.extractResultData(c);
               case 11:
-                d = _context14.sent;
-                if (!(!d || _typeof(d) != "object")) {
+                u = _context14.sent;
+                if (!(!u || _typeof(u) != "object")) {
                   _context14.next = 14;
                   break;
                 }
                 throw Error(ErrorMessages.INVALID_RESPONSE(l, "server", !!e.deepChat.responseInterceptor, c));
               case 14:
-                e.deepChat.stream && d.text ? Stream.simulate(n, e.streamHandlers, d.text) : n.addNewMessage(d, !0, !0);
+                e.deepChat.stream && u.text ? Stream.simulate(n, e.streamHandlers, u.text) : n.addNewMessage(u, !0, !0);
                 _context14.next = 20;
                 break;
               case 17:
@@ -1427,14 +1427,14 @@ var Websocket = /*#__PURE__*/function () {
     value: function () {
       var _sendWebsocket = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee15(e, t, n) {
         var s,
-          u,
+          d,
           h,
           o,
           a,
           _yield$RequestUtils$p4,
           l,
           c,
-          d,
+          u,
           _args15 = arguments;
         return _regeneratorRuntime().wrap(function _callee15$(_context15) {
           while (1) switch (_context15.prev = _context15.next) {
@@ -1449,7 +1449,7 @@ var Websocket = /*#__PURE__*/function () {
             case 4:
               a = {
                 body: t,
-                headers: (u = e.requestSettings) == null ? void 0 : u.headers
+                headers: (d = e.requestSettings) == null ? void 0 : d.headers
               };
               _context15.next = 7;
               return RequestUtils.processRequestInterceptor(e.deepChat, a);
@@ -1469,14 +1469,14 @@ var Websocket = /*#__PURE__*/function () {
               }
               return _context15.abrupt("return", o.newUserMessage.listener(l));
             case 14:
-              d = s ? JSON.stringify(l) : l;
+              u = s ? JSON.stringify(l) : l;
               if (!(((h = e.requestSettings) == null ? void 0 : h.url) === Demo.URL)) {
                 _context15.next = 17;
                 break;
               }
               return _context15.abrupt("return", Demo.request(n, e.completionsHandlers.onFinish, e.deepChat.responseInterceptor));
             case 17:
-              o.readyState === void 0 || o.readyState !== o.OPEN ? (console.error("Connection is not open"), n.isLastMessageError() || n.addNewErrorMessage("service", "Connection error")) : o.send(JSON.stringify(d));
+              o.readyState === void 0 || o.readyState !== o.OPEN ? (console.error("Connection is not open"), n.isLastMessageError() || n.addNewErrorMessage("service", "Connection error")) : o.send(JSON.stringify(u));
             case 18:
             case "end":
               return _context15.stop();
@@ -1576,14 +1576,14 @@ rules.fence = function (r, e, t, n, s) {
     a = "",
     l = t.langPrefix,
     c = "",
-    d,
     u,
+    d,
     h;
   if (o.params) {
-    if (d = o.params.split(/\s+/g), u = d.join(" "), has(s.rules.fence_custom, d[0])) return s.rules.fence_custom[d[0]](r, e, t, n, s);
-    c = escapeHtml(replaceEntities(unescapeMd(u))), a = ' class="' + l + c + '"';
+    if (u = o.params.split(/\s+/g), d = u.join(" "), has(s.rules.fence_custom, u[0])) return s.rules.fence_custom[u[0]](r, e, t, n, s);
+    c = escapeHtml(replaceEntities(unescapeMd(d))), a = ' class="' + l + c + '"';
   }
-  return t.highlight ? h = t.highlight.apply(t.highlight, [o.content].concat(d)) || escapeHtml(o.content) : h = escapeHtml(o.content), "<pre><code" + a + ">" + h + "</code></pre>" + getBreak(r, e);
+  return t.highlight ? h = t.highlight.apply(t.highlight, [o.content].concat(u)) || escapeHtml(o.content) : h = escapeHtml(o.content), "<pre><code" + a + ">" + h + "</code></pre>" + getBreak(r, e);
 };
 rules.fence_custom = {};
 rules.heading_open = function (r, e) {
@@ -1916,10 +1916,10 @@ function parseLinkLabel(r, e) {
   return n ? (o = r.pos, r.labelUnmatchedScopes = 0) : r.labelUnmatchedScopes = t - 1, r.pos = l, r.isInLabel = c, o;
 }
 function parseAbbr(r, e, t, n) {
-  var s, o, a, l, c, d;
+  var s, o, a, l, c, u;
   if (r.charCodeAt(0) !== 42 || r.charCodeAt(1) !== 91 || r.indexOf("]:") === -1 || (s = new StateInline(r, e, t, n, []), o = parseLinkLabel(s, 1), o < 0 || r.charCodeAt(o + 1) !== 58)) return -1;
   for (l = s.posMax, a = o + 2; a < l && s.src.charCodeAt(a) !== 10; a++);
-  return c = r.slice(2, o), d = r.slice(o + 2, a).trim(), d.length === 0 ? -1 : (n.abbreviations || (n.abbreviations = {}), _typeof(n.abbreviations[":" + c]) > "u" && (n.abbreviations[":" + c] = d), a);
+  return c = r.slice(2, o), u = r.slice(o + 2, a).trim(), u.length === 0 ? -1 : (n.abbreviations || (n.abbreviations = {}), _typeof(n.abbreviations[":" + c]) > "u" && (n.abbreviations[":" + c] = u), a);
 }
 function abbr(r) {
   var e = r.tokens,
@@ -1989,15 +1989,15 @@ function normalizeReference(r) {
   return r.trim().replace(/\s+/g, " ").toUpperCase();
 }
 function parseReference(r, e, t, n) {
-  var s, o, a, l, c, d, u, h, f;
+  var s, o, a, l, c, u, d, h, f;
   if (r.charCodeAt(0) !== 91 || r.indexOf("]:") === -1 || (s = new StateInline(r, e, t, n, []), o = parseLinkLabel(s, 0), o < 0 || r.charCodeAt(o + 1) !== 58)) return -1;
   for (l = s.posMax, a = o + 2; a < l && (c = s.src.charCodeAt(a), !(c !== 32 && c !== 10)); a++);
   if (!parseLinkDestination(s, a)) return -1;
-  for (u = s.linkContent, a = s.pos, d = a, a = a + 1; a < l && (c = s.src.charCodeAt(a), !(c !== 32 && c !== 10)); a++);
-  for (a < l && d !== a && parseLinkTitle(s, a) ? (h = s.linkContent, a = s.pos) : (h = "", a = d); a < l && s.src.charCodeAt(a) === 32;) a++;
+  for (d = s.linkContent, a = s.pos, u = a, a = a + 1; a < l && (c = s.src.charCodeAt(a), !(c !== 32 && c !== 10)); a++);
+  for (a < l && u !== a && parseLinkTitle(s, a) ? (h = s.linkContent, a = s.pos) : (h = "", a = u); a < l && s.src.charCodeAt(a) === 32;) a++;
   return a < l && s.src.charCodeAt(a) !== 10 ? -1 : (f = normalizeReference(r.slice(1, o)), _typeof(n.references[f]) > "u" && (n.references[f] = {
     title: h,
-    href: u
+    href: d
   }), a);
 }
 function references(r) {
@@ -2029,48 +2029,48 @@ function footnote_block(r) {
     a,
     l,
     c,
-    d,
-    u = 0,
+    u,
+    d = 0,
     h = !1,
     f = {};
   if (r.env.footnotes && (r.tokens = r.tokens.filter(function (p) {
-    return p.type === "footnote_reference_open" ? (h = !0, c = [], d = p.label, !1) : p.type === "footnote_reference_close" ? (h = !1, f[":" + d] = c, !1) : (h && c.push(p), !h);
+    return p.type === "footnote_reference_open" ? (h = !0, c = [], u = p.label, !1) : p.type === "footnote_reference_close" ? (h = !1, f[":" + u] = c, !1) : (h && c.push(p), !h);
   }), !!r.env.footnotes.list)) {
     for (a = r.env.footnotes.list, r.tokens.push({
       type: "footnote_block_open",
-      level: u++
+      level: d++
     }), e = 0, t = a.length; e < t; e++) {
       for (r.tokens.push({
         type: "footnote_open",
         id: e,
-        level: u++
+        level: d++
       }), a[e].tokens ? (l = [], l.push({
         type: "paragraph_open",
         tight: !1,
-        level: u++
+        level: d++
       }), l.push({
         type: "inline",
         content: "",
-        level: u,
+        level: d,
         children: a[e].tokens
       }), l.push({
         type: "paragraph_close",
         tight: !1,
-        level: --u
+        level: --d
       })) : a[e].label && (l = f[":" + a[e].label]), r.tokens = r.tokens.concat(l), r.tokens[r.tokens.length - 1].type === "paragraph_close" ? o = r.tokens.pop() : o = null, s = a[e].count > 0 ? a[e].count : 1, n = 0; n < s; n++) r.tokens.push({
         type: "footnote_anchor",
         id: e,
         subId: n,
-        level: u
+        level: d
       });
       o && r.tokens.push(o), r.tokens.push({
         type: "footnote_close",
-        level: --u
+        level: --d
       });
     }
     r.tokens.push({
       type: "footnote_block_close",
-      level: --u
+      level: --d
     });
   }
 }
@@ -2087,8 +2087,8 @@ function abbr2(r) {
     a,
     l,
     c,
-    d,
     u,
+    d,
     h,
     f,
     p = r.tokens;
@@ -2097,28 +2097,28 @@ function abbr2(r) {
       return b.substr(1);
     }).sort(function (b, m) {
       return m.length - b.length;
-    }).map(regEscape).join("|") + ")($|[" + PUNCT_CHARS.split("").map(regEscape).join("") + "])", r.env.abbrRegExp = new RegExp(f, "g")), u = r.env.abbrRegExp, t = 0, n = p.length; t < n; t++) if (p[t].type === "inline") {
+    }).map(regEscape).join("|") + ")($|[" + PUNCT_CHARS.split("").map(regEscape).join("") + "])", r.env.abbrRegExp = new RegExp(f, "g")), d = r.env.abbrRegExp, t = 0, n = p.length; t < n; t++) if (p[t].type === "inline") {
       for (s = p[t].children, e = s.length - 1; e >= 0; e--) if (o = s[e], o.type === "text") {
-        for (c = 0, a = o.content, u.lastIndex = 0, d = o.level, l = []; h = u.exec(a);) u.lastIndex > c && l.push({
+        for (c = 0, a = o.content, d.lastIndex = 0, u = o.level, l = []; h = d.exec(a);) d.lastIndex > c && l.push({
           type: "text",
           content: a.slice(c, h.index + h[1].length),
-          level: d
+          level: u
         }), l.push({
           type: "abbr_open",
           title: r.env.abbreviations[":" + h[2]],
-          level: d++
+          level: u++
         }), l.push({
           type: "text",
           content: h[2],
-          level: d
+          level: u
         }), l.push({
           type: "abbr_close",
-          level: --d
-        }), c = u.lastIndex - h[3].length;
+          level: --u
+        }), c = d.lastIndex - h[3].length;
         l.length && (c < a.length && l.push({
           type: "text",
           content: a.slice(c),
-          level: d
+          level: u
         }), p[t].children = s = [].concat(s.slice(0, e), l, s.slice(e + 1)));
       }
     }
@@ -2154,20 +2154,20 @@ function replaceAt(r, e, t) {
   return r.substr(0, e) + t + r.substr(e + 1);
 }
 function smartquotes(r) {
-  var e, t, n, s, o, a, l, c, d, u, h, f, p, b, m, g, v;
+  var e, t, n, s, o, a, l, c, u, d, h, f, p, b, m, g, v;
   if (r.options.typographer) {
     for (v = [], m = r.tokens.length - 1; m >= 0; m--) if (r.tokens[m].type === "inline") {
       for (g = r.tokens[m].children, v.length = 0, e = 0; e < g.length; e++) if (t = g[e], !(t.type !== "text" || QUOTE_TEST_RE.test(t.text))) {
         for (l = g[e].level, p = v.length - 1; p >= 0 && !(v[p].level <= l); p--);
         v.length = p + 1, n = t.content, o = 0, a = n.length;
         e: for (; o < a && (QUOTE_RE.lastIndex = o, s = QUOTE_RE.exec(n), !!s);) {
-          if (c = !isLetter(n, s.index - 1), o = s.index + 1, b = s[0] === "'", d = !isLetter(n, o), !d && !c) {
+          if (c = !isLetter(n, s.index - 1), o = s.index + 1, b = s[0] === "'", u = !isLetter(n, o), !u && !c) {
             b && (t.content = replaceAt(t.content, s.index, APOSTROPHE));
             continue;
           }
-          if (h = !d, f = !c, f) {
-            for (p = v.length - 1; p >= 0 && (u = v[p], !(v[p].level < l)); p--) if (u.single === b && v[p].level === l) {
-              u = v[p], b ? (g[u.token].content = replaceAt(g[u.token].content, u.pos, r.options.quotes[2]), t.content = replaceAt(t.content, s.index, r.options.quotes[3])) : (g[u.token].content = replaceAt(g[u.token].content, u.pos, r.options.quotes[0]), t.content = replaceAt(t.content, s.index, r.options.quotes[1])), v.length = p;
+          if (h = !u, f = !c, f) {
+            for (p = v.length - 1; p >= 0 && (d = v[p], !(v[p].level < l)); p--) if (d.single === b && v[p].level === l) {
+              d = v[p], b ? (g[d.token].content = replaceAt(g[d.token].content, d.pos, r.options.quotes[2]), t.content = replaceAt(t.content, s.index, r.options.quotes[3])) : (g[d.token].content = replaceAt(g[d.token].content, d.pos, r.options.quotes[0]), t.content = replaceAt(t.content, s.index, r.options.quotes[1])), v.length = p;
               continue e;
             }
           }
@@ -2192,13 +2192,13 @@ Core.prototype.process = function (r) {
   for (n = this.ruler.getRules(""), e = 0, t = n.length; e < t; e++) n[e](r);
 };
 function StateBlock(r, e, t, n, s) {
-  var o, a, l, c, d, u, h;
-  for (this.src = r, this.parser = e, this.options = t, this.env = n, this.tokens = s, this.bMarks = [], this.eMarks = [], this.tShift = [], this.blkIndent = 0, this.line = 0, this.lineMax = 0, this.tight = !1, this.parentType = "root", this.ddIndent = -1, this.level = 0, this.result = "", a = this.src, u = 0, h = !1, l = c = u = 0, d = a.length; c < d; c++) {
+  var o, a, l, c, u, d, h;
+  for (this.src = r, this.parser = e, this.options = t, this.env = n, this.tokens = s, this.bMarks = [], this.eMarks = [], this.tShift = [], this.blkIndent = 0, this.line = 0, this.lineMax = 0, this.tight = !1, this.parentType = "root", this.ddIndent = -1, this.level = 0, this.result = "", a = this.src, d = 0, h = !1, l = c = d = 0, u = a.length; c < u; c++) {
     if (o = a.charCodeAt(c), !h) if (o === 32) {
-      u++;
+      d++;
       continue;
     } else h = !0;
-    (o === 10 || c === d - 1) && (o !== 10 && c++, this.bMarks.push(l), this.eMarks.push(c), this.tShift.push(u), h = !1, u = 0, l = c + 1);
+    (o === 10 || c === u - 1) && (o !== 10 && c++, this.bMarks.push(l), this.eMarks.push(c), this.tShift.push(d), h = !1, d = 0, l = c + 1);
   }
   this.bMarks.push(a.length), this.eMarks.push(a.length), this.tShift.push(0), this.lineMax = this.bMarks.length - 1;
 }
@@ -2227,11 +2227,11 @@ StateBlock.prototype.getLines = function (e, t, n, s) {
     a,
     l,
     c,
-    d,
-    u = e;
+    u,
+    d = e;
   if (e >= t) return "";
-  if (u + 1 === t) return a = this.bMarks[u] + Math.min(this.tShift[u], n), l = s ? this.eMarks[u] + 1 : this.eMarks[u], this.src.slice(a, l);
-  for (c = new Array(t - e), o = 0; u < t; u++, o++) d = this.tShift[u], d > n && (d = n), d < 0 && (d = 0), a = this.bMarks[u] + d, u + 1 < t || s ? l = this.eMarks[u] + 1 : l = this.eMarks[u], c[o] = this.src.slice(a, l);
+  if (d + 1 === t) return a = this.bMarks[d] + Math.min(this.tShift[d], n), l = s ? this.eMarks[d] + 1 : this.eMarks[d], this.src.slice(a, l);
+  for (c = new Array(t - e), o = 0; d < t; d++, o++) u = this.tShift[d], u > n && (u = n), u < 0 && (u = 0), a = this.bMarks[d] + u, d + 1 < t || s ? l = this.eMarks[d] + 1 : l = this.eMarks[d], c[o] = this.src.slice(a, l);
   return c.join("");
 };
 function code(r, e, t) {
@@ -2262,16 +2262,16 @@ function fences(r, e, t, n) {
     a,
     l,
     c,
-    d = !1,
-    u = r.bMarks[e] + r.tShift[e],
+    u = !1,
+    d = r.bMarks[e] + r.tShift[e],
     h = r.eMarks[e];
-  if (u + 3 > h || (s = r.src.charCodeAt(u), s !== 126 && s !== 96) || (c = u, u = r.skipChars(u, s), o = u - c, o < 3) || (a = r.src.slice(u, h).trim(), a.indexOf("`") >= 0)) return !1;
+  if (d + 3 > h || (s = r.src.charCodeAt(d), s !== 126 && s !== 96) || (c = d, d = r.skipChars(d, s), o = d - c, o < 3) || (a = r.src.slice(d, h).trim(), a.indexOf("`") >= 0)) return !1;
   if (n) return !0;
-  for (l = e; l++, !(l >= t || (u = c = r.bMarks[l] + r.tShift[l], h = r.eMarks[l], u < h && r.tShift[l] < r.blkIndent));) if (r.src.charCodeAt(u) === s && !(r.tShift[l] - r.blkIndent >= 4) && (u = r.skipChars(u, s), !(u - c < o) && (u = r.skipSpaces(u), !(u < h)))) {
-    d = !0;
+  for (l = e; l++, !(l >= t || (d = c = r.bMarks[l] + r.tShift[l], h = r.eMarks[l], d < h && r.tShift[l] < r.blkIndent));) if (r.src.charCodeAt(d) === s && !(r.tShift[l] - r.blkIndent >= 4) && (d = r.skipChars(d, s), !(d - c < o) && (d = r.skipSpaces(d), !(d < h)))) {
+    u = !0;
     break;
   }
-  return o = r.tShift[e], r.line = l + (d ? 1 : 0), r.tokens.push({
+  return o = r.tShift[e], r.line = l + (u ? 1 : 0), r.tokens.push({
     type: "fence",
     params: a,
     content: r.getLines(e + 1, l, o, !0),
@@ -2285,8 +2285,8 @@ function blockquote(r, e, t, n) {
     a,
     l,
     c,
-    d,
     u,
+    d,
     h,
     f,
     p,
@@ -2308,14 +2308,14 @@ function blockquote(r, e, t, n) {
     if (b) break;
     l.push(r.bMarks[s]), a.push(r.tShift[s]), r.tShift[s] = -1337;
   }
-  for (d = r.parentType, r.parentType = "blockquote", r.tokens.push({
+  for (u = r.parentType, r.parentType = "blockquote", r.tokens.push({
     type: "blockquote_open",
-    lines: u = [e, 0],
+    lines: d = [e, 0],
     level: r.level++
   }), r.parser.tokenize(r, e, s), r.tokens.push({
     type: "blockquote_close",
     level: --r.level
-  }), r.parentType = d, u[1] = r.line, f = 0; f < a.length; f++) r.bMarks[f + e] = l[f], r.tShift[f + e] = a[f];
+  }), r.parentType = u, d[1] = r.line, f = 0; f < a.length; f++) r.bMarks[f + e] = l[f], r.tShift[f + e] = a[f];
   return r.blkIndent = c, !0;
 }
 function hr(r, e, t, n) {
@@ -2365,8 +2365,8 @@ function list(r, e, t, n) {
     a,
     l,
     c,
-    d,
     u,
+    d,
     h,
     f,
     p,
@@ -2386,7 +2386,7 @@ function list(r, e, t, n) {
   if ((h = skipOrderedListMarker(r, e)) >= 0) g = !0;else if ((h = skipBulletListMarker(r, e)) >= 0) g = !1;else return !1;
   if (r.level >= r.options.maxNesting) return !1;
   if (m = r.src.charCodeAt(h - 1), n) return !0;
-  for (y = r.tokens.length, g ? (u = r.bMarks[e] + r.tShift[e], b = Number(r.src.substr(u, h - u - 1)), r.tokens.push({
+  for (y = r.tokens.length, g ? (d = r.bMarks[e] + r.tShift[e], b = Number(r.src.substr(d, h - d - 1)), r.tokens.push({
     type: "ordered_list_open",
     order: b,
     lines: E = [e, 0],
@@ -2399,7 +2399,7 @@ function list(r, e, t, n) {
     type: "list_item_open",
     lines: x = [e, 0],
     level: r.level++
-  }), l = r.blkIndent, c = r.tight, a = r.tShift[e], d = r.parentType, r.tShift[e] = v - r.bMarks[e], r.blkIndent = o, r.tight = !0, r.parentType = "list", r.parser.tokenize(r, e, t, !0), (!r.tight || S) && (R = !1), S = r.line - e > 1 && r.isEmpty(r.line - 1), r.blkIndent = l, r.tShift[e] = a, r.tight = c, r.parentType = d, r.tokens.push({
+  }), l = r.blkIndent, c = r.tight, a = r.tShift[e], u = r.parentType, r.tShift[e] = v - r.bMarks[e], r.blkIndent = o, r.tight = !0, r.parentType = "list", r.parser.tokenize(r, e, t, !0), (!r.tight || S) && (R = !1), S = r.line - e > 1 && r.isEmpty(r.line - 1), r.blkIndent = l, r.tShift[e] = a, r.tight = c, r.parentType = u, r.tokens.push({
     type: "list_item_close",
     level: --r.level
   }), s = e = r.line, x[1] = s, v = r.bMarks[e], !(s >= t || r.isEmpty(s) || r.tShift[s] < r.blkIndent));) {
@@ -2424,14 +2424,14 @@ function footnote(r, e, t, n) {
     a,
     l,
     c,
-    d = r.bMarks[e] + r.tShift[e],
-    u = r.eMarks[e];
-  if (d + 4 > u || r.src.charCodeAt(d) !== 91 || r.src.charCodeAt(d + 1) !== 94 || r.level >= r.options.maxNesting) return !1;
-  for (l = d + 2; l < u; l++) {
+    u = r.bMarks[e] + r.tShift[e],
+    d = r.eMarks[e];
+  if (u + 4 > d || r.src.charCodeAt(u) !== 91 || r.src.charCodeAt(u + 1) !== 94 || r.level >= r.options.maxNesting) return !1;
+  for (l = u + 2; l < d; l++) {
     if (r.src.charCodeAt(l) === 32) return !1;
     if (r.src.charCodeAt(l) === 93) break;
   }
-  return l === d + 2 || l + 1 >= u || r.src.charCodeAt(++l) !== 58 ? !1 : (n || (l++, r.env.footnotes || (r.env.footnotes = {}), r.env.footnotes.refs || (r.env.footnotes.refs = {}), c = r.src.slice(d + 2, l - 2), r.env.footnotes.refs[":" + c] = -1, r.tokens.push({
+  return l === u + 2 || l + 1 >= d || r.src.charCodeAt(++l) !== 58 ? !1 : (n || (l++, r.env.footnotes || (r.env.footnotes = {}), r.env.footnotes.refs || (r.env.footnotes.refs = {}), c = r.src.slice(u + 2, l - 2), r.env.footnotes.refs[":" + c] = -1, r.tokens.push({
     type: "footnote_reference_open",
     label: c,
     level: r.level++
@@ -2503,8 +2503,8 @@ function htmlblock(r, e, t, n) {
     a,
     l = r.bMarks[e],
     c = r.eMarks[e],
-    d = r.tShift[e];
-  if (l += d, !r.options.html || d > 3 || l + 2 >= c || r.src.charCodeAt(l) !== 60) return !1;
+    u = r.tShift[e];
+  if (l += u, !r.options.html || u > 3 || l + 2 >= c || r.src.charCodeAt(l) !== 60) return !1;
   if (s = r.src.charCodeAt(l + 1), s === 33 || s === 63) {
     if (n) return !0;
   } else if (s === 47 || isLetter$1(s)) {
@@ -2528,17 +2528,17 @@ function getLine(r, e) {
   return r.src.substr(t, n - t);
 }
 function table(r, e, t, n) {
-  var s, o, a, l, c, d, u, h, f, p, b;
-  if (e + 2 > t || (c = e + 1, r.tShift[c] < r.blkIndent) || (a = r.bMarks[c] + r.tShift[c], a >= r.eMarks[c]) || (s = r.src.charCodeAt(a), s !== 124 && s !== 45 && s !== 58) || (o = getLine(r, e + 1), !/^[-:| ]+$/.test(o)) || (d = o.split("|"), d <= 2)) return !1;
-  for (h = [], l = 0; l < d.length; l++) {
-    if (f = d[l].trim(), !f) {
-      if (l === 0 || l === d.length - 1) continue;
+  var s, o, a, l, c, u, d, h, f, p, b;
+  if (e + 2 > t || (c = e + 1, r.tShift[c] < r.blkIndent) || (a = r.bMarks[c] + r.tShift[c], a >= r.eMarks[c]) || (s = r.src.charCodeAt(a), s !== 124 && s !== 45 && s !== 58) || (o = getLine(r, e + 1), !/^[-:| ]+$/.test(o)) || (u = o.split("|"), u <= 2)) return !1;
+  for (h = [], l = 0; l < u.length; l++) {
+    if (f = u[l].trim(), !f) {
+      if (l === 0 || l === u.length - 1) continue;
       return !1;
     }
     if (!/^:?-+:?$/.test(f)) return !1;
     f.charCodeAt(f.length - 1) === 58 ? h.push(f.charCodeAt(0) === 58 ? "center" : "right") : f.charCodeAt(0) === 58 ? h.push("left") : h.push("");
   }
-  if (o = getLine(r, e).trim(), o.indexOf("|") === -1 || (d = o.replace(/^\||\|$/g, "").split("|"), h.length !== d.length)) return !1;
+  if (o = getLine(r, e).trim(), o.indexOf("|") === -1 || (u = o.replace(/^\||\|$/g, "").split("|"), h.length !== u.length)) return !1;
   if (n) return !0;
   for (r.tokens.push({
     type: "table_open",
@@ -2552,14 +2552,14 @@ function table(r, e, t, n) {
     type: "tr_open",
     lines: [e, e + 1],
     level: r.level++
-  }), l = 0; l < d.length; l++) r.tokens.push({
+  }), l = 0; l < u.length; l++) r.tokens.push({
     type: "th_open",
     align: h[l],
     lines: [e, e + 1],
     level: r.level++
   }), r.tokens.push({
     type: "inline",
-    content: d[l].trim(),
+    content: u[l].trim(),
     lines: [e, e + 1],
     level: r.level,
     children: []
@@ -2578,16 +2578,16 @@ function table(r, e, t, n) {
     lines: b = [e + 2, 0],
     level: r.level++
   }), c = e + 2; c < t && !(r.tShift[c] < r.blkIndent || (o = getLine(r, c).trim(), o.indexOf("|") === -1)); c++) {
-    for (d = o.replace(/^\||\|$/g, "").split("|"), r.tokens.push({
+    for (u = o.replace(/^\||\|$/g, "").split("|"), r.tokens.push({
       type: "tr_open",
       level: r.level++
-    }), l = 0; l < d.length; l++) r.tokens.push({
+    }), l = 0; l < u.length; l++) r.tokens.push({
       type: "td_open",
       align: h[l],
       level: r.level++
-    }), u = d[l].substring(d[l].charCodeAt(0) === 124 ? 1 : 0, d[l].charCodeAt(d[l].length - 1) === 124 ? d[l].length - 1 : d[l].length).trim(), r.tokens.push({
+    }), d = u[l].substring(u[l].charCodeAt(0) === 124 ? 1 : 0, u[l].charCodeAt(u[l].length - 1) === 124 ? u[l].length - 1 : u[l].length).trim(), r.tokens.push({
       type: "inline",
-      content: u,
+      content: d,
       level: r.level,
       children: []
     }), r.tokens.push({
@@ -2621,14 +2621,14 @@ function markTightParagraphs$1(r, e) {
   for (t = e + 2, n = r.tokens.length - 2; t < n; t++) r.tokens[t].level === s && r.tokens[t].type === "paragraph_open" && (r.tokens[t + 2].tight = !0, r.tokens[t].tight = !0, t += 2);
 }
 function deflist(r, e, t, n) {
-  var s, o, a, l, c, d, u, h, f, p, b, m, g, v;
+  var s, o, a, l, c, u, d, h, f, p, b, m, g, v;
   if (n) return r.ddIndent < 0 ? !1 : skipMarker(r, e) >= 0;
-  if (u = e + 1, r.isEmpty(u) && ++u > t || r.tShift[u] < r.blkIndent || (s = skipMarker(r, u), s < 0) || r.level >= r.options.maxNesting) return !1;
-  d = r.tokens.length, r.tokens.push({
+  if (d = e + 1, r.isEmpty(d) && ++d > t || r.tShift[d] < r.blkIndent || (s = skipMarker(r, d), s < 0) || r.level >= r.options.maxNesting) return !1;
+  u = r.tokens.length, r.tokens.push({
     type: "dl_open",
     lines: c = [e, 0],
     level: r.level++
-  }), a = e, o = u;
+  }), a = e, o = d;
   e: for (;;) {
     for (v = !0, g = !1, r.tokens.push({
       type: "dt_open",
@@ -2646,21 +2646,21 @@ function deflist(r, e, t, n) {
     });;) {
       if (r.tokens.push({
         type: "dd_open",
-        lines: l = [u, 0],
+        lines: l = [d, 0],
         level: r.level++
       }), m = r.tight, f = r.ddIndent, h = r.blkIndent, b = r.tShift[o], p = r.parentType, r.blkIndent = r.ddIndent = r.tShift[o] + 2, r.tShift[o] = s - r.bMarks[o], r.tight = !0, r.parentType = "deflist", r.parser.tokenize(r, o, t, !0), (!r.tight || g) && (v = !1), g = r.line - o > 1 && r.isEmpty(r.line - 1), r.tShift[o] = b, r.tight = m, r.parentType = p, r.blkIndent = h, r.ddIndent = f, r.tokens.push({
         type: "dd_close",
         level: --r.level
-      }), l[1] = u = r.line, u >= t || r.tShift[u] < r.blkIndent) break e;
-      if (s = skipMarker(r, u), s < 0) break;
-      o = u;
+      }), l[1] = d = r.line, d >= t || r.tShift[d] < r.blkIndent) break e;
+      if (s = skipMarker(r, d), s < 0) break;
+      o = d;
     }
-    if (u >= t || (a = u, r.isEmpty(a)) || r.tShift[a] < r.blkIndent || (o = a + 1, o >= t) || (r.isEmpty(o) && o++, o >= t) || r.tShift[o] < r.blkIndent || (s = skipMarker(r, o), s < 0)) break;
+    if (d >= t || (a = d, r.isEmpty(a)) || r.tShift[a] < r.blkIndent || (o = a + 1, o >= t) || (r.isEmpty(o) && o++, o >= t) || r.tShift[o] < r.blkIndent || (s = skipMarker(r, o), s < 0)) break;
   }
   return r.tokens.push({
     type: "dl_close",
     level: --r.level
-  }), c[1] = u, r.line = u, v && markTightParagraphs$1(r, d), !0;
+  }), c[1] = d, r.line = d, v && markTightParagraphs$1(r, u), !0;
 }
 function paragraph(r, e) {
   var t,
@@ -2721,8 +2721,8 @@ ParserBlock.prototype.parse = function (r, e, t, n) {
     a = 0;
   if (!r) return [];
   r = r.replace(SPACES_RE, " "), r = r.replace(NEWLINES_RE, "\n"), r.indexOf("	") >= 0 && (r = r.replace(TABS_SCAN_RE, function (l, c) {
-    var d;
-    return r.charCodeAt(c) === 10 ? (o = c + 1, a = 0, l) : (d = "    ".slice((c - o - a) % 4), a = c - o + 1, d);
+    var u;
+    return r.charCodeAt(c) === 10 ? (o = c + 1, a = 0, l) : (u = "    ".slice((c - o - a) % 4), a = c - o + 1, u);
   })), s = new StateBlock(r, this, e, t, n), this.tokenize(s, s.line, s.lineMax);
 };
 function isTerminatorChar(r) {
@@ -2915,9 +2915,9 @@ function scanDelims(r, e) {
     a = !0,
     l = !0,
     c = r.posMax,
-    d = r.src.charCodeAt(e);
-  for (n = e > 0 ? r.src.charCodeAt(e - 1) : -1; t < c && r.src.charCodeAt(t) === d;) t++;
-  return t >= c && (a = !1), o = t - e, o >= 4 ? a = l = !1 : (s = t < c ? r.src.charCodeAt(t) : -1, (s === 32 || s === 10) && (a = !1), (n === 32 || n === 10) && (l = !1), d === 95 && (isAlphaNum(n) && (a = !1), isAlphaNum(s) && (l = !1))), {
+    u = r.src.charCodeAt(e);
+  for (n = e > 0 ? r.src.charCodeAt(e - 1) : -1; t < c && r.src.charCodeAt(t) === u;) t++;
+  return t >= c && (a = !1), o = t - e, o >= 4 ? a = l = !1 : (s = t < c ? r.src.charCodeAt(t) : -1, (s === 32 || s === 10) && (a = !1), (n === 32 || n === 10) && (l = !1), u === 95 && (isAlphaNum(n) && (a = !1), isAlphaNum(s) && (l = !1))), {
     can_open: a,
     can_close: l,
     delims: o
@@ -2931,13 +2931,13 @@ function emphasis(r, e) {
     a,
     l,
     c,
-    d = r.posMax,
-    u = r.pos,
-    h = r.src.charCodeAt(u);
+    u = r.posMax,
+    d = r.pos,
+    h = r.src.charCodeAt(d);
   if (h !== 95 && h !== 42 || e) return !1;
-  if (c = scanDelims(r, u), t = c.delims, !c.can_open) return r.pos += t, e || (r.pending += r.src.slice(u, r.pos)), !0;
+  if (c = scanDelims(r, d), t = c.delims, !c.can_open) return r.pos += t, e || (r.pending += r.src.slice(d, r.pos)), !0;
   if (r.level >= r.options.maxNesting) return !1;
-  for (r.pos = u + t, l = [t]; r.pos < d;) {
+  for (r.pos = d + t, l = [t]; r.pos < u;) {
     if (r.src.charCodeAt(r.pos) === h) {
       if (c = scanDelims(r, r.pos), n = c.delims, c.can_close) {
         for (o = l.pop(), a = n; o !== a;) {
@@ -2960,7 +2960,7 @@ function emphasis(r, e) {
     }
     r.parser.skipToken(r);
   }
-  return s ? (r.posMax = r.pos, r.pos = u + t, e || ((t === 2 || t === 3) && r.push({
+  return s ? (r.posMax = r.pos, r.pos = d + t, e || ((t === 2 || t === 3) && r.push({
     type: "strong_open",
     level: r.level++
   }), (t === 1 || t === 3) && r.push({
@@ -2972,7 +2972,7 @@ function emphasis(r, e) {
   }), (t === 2 || t === 3) && r.push({
     type: "strong_close",
     level: --r.level
-  })), r.pos = r.posMax + t, r.posMax = d, !0) : (r.pos = u, !1);
+  })), r.pos = r.posMax + t, r.posMax = u, !0) : (r.pos = d, !1);
 }
 var UNESCAPE_RE = /\\([ \\!"#$%&'()*+,.\/:;<=>?@[\]^_`{|}~-])/g;
 function sub(r, e) {
@@ -3022,27 +3022,27 @@ function links(r, e) {
     a,
     l,
     c,
-    d,
-    u = !1,
+    u,
+    d = !1,
     h = r.pos,
     f = r.posMax,
     p = r.pos,
     b = r.src.charCodeAt(p);
-  if (b === 33 && (u = !0, b = r.src.charCodeAt(++p)), b !== 91 || r.level >= r.options.maxNesting || (t = p + 1, n = parseLinkLabel(r, p), n < 0)) return !1;
+  if (b === 33 && (d = !0, b = r.src.charCodeAt(++p)), b !== 91 || r.level >= r.options.maxNesting || (t = p + 1, n = parseLinkLabel(r, p), n < 0)) return !1;
   if (l = n + 1, l < f && r.src.charCodeAt(l) === 40) {
-    for (l++; l < f && (d = r.src.charCodeAt(l), !(d !== 32 && d !== 10)); l++);
+    for (l++; l < f && (u = r.src.charCodeAt(l), !(u !== 32 && u !== 10)); l++);
     if (l >= f) return !1;
-    for (p = l, parseLinkDestination(r, l) ? (o = r.linkContent, l = r.pos) : o = "", p = l; l < f && (d = r.src.charCodeAt(l), !(d !== 32 && d !== 10)); l++);
-    if (l < f && p !== l && parseLinkTitle(r, l)) for (a = r.linkContent, l = r.pos; l < f && (d = r.src.charCodeAt(l), !(d !== 32 && d !== 10)); l++);else a = "";
+    for (p = l, parseLinkDestination(r, l) ? (o = r.linkContent, l = r.pos) : o = "", p = l; l < f && (u = r.src.charCodeAt(l), !(u !== 32 && u !== 10)); l++);
+    if (l < f && p !== l && parseLinkTitle(r, l)) for (a = r.linkContent, l = r.pos; l < f && (u = r.src.charCodeAt(l), !(u !== 32 && u !== 10)); l++);else a = "";
     if (l >= f || r.src.charCodeAt(l) !== 41) return r.pos = h, !1;
     l++;
   } else {
     if (r.linkLevel > 0) return !1;
-    for (; l < f && (d = r.src.charCodeAt(l), !(d !== 32 && d !== 10)); l++);
+    for (; l < f && (u = r.src.charCodeAt(l), !(u !== 32 && u !== 10)); l++);
     if (l < f && r.src.charCodeAt(l) === 91 && (p = l + 1, l = parseLinkLabel(r, l), l >= 0 ? s = r.src.slice(p, l++) : l = p - 1), s || (_typeof(s) > "u" && (l = n + 1), s = r.src.slice(t, n)), c = r.env.references[normalizeReference(s)], !c) return r.pos = h, !1;
     o = c.href, a = c.title;
   }
-  return e || (r.pos = t, r.posMax = n, u ? r.push({
+  return e || (r.pos = t, r.posMax = n, d ? r.push({
     type: "image",
     src: o,
     title: a,
@@ -3434,8 +3434,8 @@ var SetFileTypes = /*#__PURE__*/function () {
       if (_typeof(s) == "object") {
         var l = s.files,
           c = s.request,
-          d = s.button;
-        l && (l.infoModal && (o.files.infoModal = l.infoModal, (a = l.infoModal) != null && a.textMarkDown && (o.infoModalTextMarkUp = n.render(l.infoModal.textMarkDown))), l.acceptedFormats && (o.files.acceptedFormats = l.acceptedFormats), l.maxNumberOfFiles && (o.files.maxNumberOfFiles = l.maxNumberOfFiles)), o.button = d, c && (c.headers || c.method || c.url || e.headers || e.method || e.url) && (o.request = {
+          u = s.button;
+        l && (l.infoModal && (o.files.infoModal = l.infoModal, (a = l.infoModal) != null && a.textMarkDown && (o.infoModalTextMarkUp = n.render(l.infoModal.textMarkDown))), l.acceptedFormats && (o.files.acceptedFormats = l.acceptedFormats), l.maxNumberOfFiles && (o.files.maxNumberOfFiles = l.maxNumberOfFiles)), o.button = u, c && (c.headers || c.method || c.url || e.headers || e.method || e.url) && (o.request = {
           headers: (c == null ? void 0 : c.headers) || e.headers,
           method: (c == null ? void 0 : c.method) || e.method,
           url: (c == null ? void 0 : c.url) || e.url
@@ -3459,11 +3459,11 @@ var SetFileTypes = /*#__PURE__*/function () {
     key: "processMicrophone",
     value: function processMicrophone(e, t, n, s) {
       var _c$files, _f$maxNumberOfFiles;
-      var l, c, d, u, h, f;
+      var l, c, u, d, h, f;
       var a = _objectSpread({
         acceptedFormats: "audio/*"
       }, ((l = e.fileTypes.audio) == null ? void 0 : l.files) || {});
-      n && (navigator.mediaDevices.getUserMedia !== void 0 ? (e.recordAudio = SetFileTypes.parseConfig(e.requestSettings, a, t, n), _typeof(n) == "object" && n.files && ((_c$files = (c = e.recordAudio).files) !== null && _c$files !== void 0 ? _c$files : c.files = {}, e.recordAudio.files.format = (d = n.files) == null ? void 0 : d.format, e.recordAudio.files.maxDurationSeconds = (u = n.files) == null ? void 0 : u.maxDurationSeconds, (h = e.fileTypes.audio) != null && h.files && ((_f$maxNumberOfFiles = (f = e.fileTypes.audio.files).maxNumberOfFiles) !== null && _f$maxNumberOfFiles !== void 0 ? _f$maxNumberOfFiles : f.maxNumberOfFiles = n.files.maxNumberOfFiles))) : s || (e.fileTypes.audio = SetFileTypes.parseConfig(e.requestSettings, a, t, n)));
+      n && (navigator.mediaDevices.getUserMedia !== void 0 ? (e.recordAudio = SetFileTypes.parseConfig(e.requestSettings, a, t, n), _typeof(n) == "object" && n.files && ((_c$files = (c = e.recordAudio).files) !== null && _c$files !== void 0 ? _c$files : c.files = {}, e.recordAudio.files.format = (u = n.files) == null ? void 0 : u.format, e.recordAudio.files.maxDurationSeconds = (d = n.files) == null ? void 0 : d.maxDurationSeconds, (h = e.fileTypes.audio) != null && h.files && ((_f$maxNumberOfFiles = (f = e.fileTypes.audio.files).maxNumberOfFiles) !== null && _f$maxNumberOfFiles !== void 0 ? _f$maxNumberOfFiles : f.maxNumberOfFiles = n.files.maxNumberOfFiles))) : s || (e.fileTypes.audio = SetFileTypes.parseConfig(e.requestSettings, a, t, n)));
     }
     // prettier-ignore
   }, {
@@ -3491,11 +3491,11 @@ var SetFileTypes = /*#__PURE__*/function () {
     key: "processCamera",
     value: function processCamera(e, t, n, s) {
       var _c$files2;
-      var l, c, d, u;
+      var l, c, u, d;
       var a = _objectSpread({
         acceptedFormats: "image/*"
       }, ((l = e.fileTypes.images) == null ? void 0 : l.files) || {});
-      n && (navigator.mediaDevices.getUserMedia !== void 0 ? (e.camera = SetFileTypes.parseConfig(e.requestSettings, a, t, n), _typeof(n) == "object" && (e.camera.modalContainerStyle = n.modalContainerStyle, n.files && ((_c$files2 = (c = e.camera).files) !== null && _c$files2 !== void 0 ? _c$files2 : c.files = {}, e.camera.files.format = (d = n.files) == null ? void 0 : d.format, e.camera.files.dimensions = (u = n.files) == null ? void 0 : u.dimensions))) : s || (e.fileTypes.images = SetFileTypes.parseConfig(e.requestSettings, a, t, n)));
+      n && (navigator.mediaDevices.getUserMedia !== void 0 ? (e.camera = SetFileTypes.parseConfig(e.requestSettings, a, t, n), _typeof(n) == "object" && (e.camera.modalContainerStyle = n.modalContainerStyle, n.files && ((_c$files2 = (c = e.camera).files) !== null && _c$files2 !== void 0 ? _c$files2 : c.files = {}, e.camera.files.format = (u = n.files) == null ? void 0 : u.format, e.camera.files.dimensions = (d = n.files) == null ? void 0 : d.dimensions))) : s || (e.fileTypes.images = SetFileTypes.parseConfig(e.requestSettings, a, t, n)));
     }
     // prettier-ignore
   }, {
@@ -3550,8 +3550,8 @@ var BaseServiceIO = /*#__PURE__*/function () {
     key: "callServiceAPI",
     value: function () {
       var _callServiceAPI = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee16(e, t, n) {
-        var _c$headers, _d$ContentType;
-        var l, c, d, u, s, o, a;
+        var _c$headers, _u$ContentType;
+        var l, c, u, d, s, o, a;
         return _regeneratorRuntime().wrap(function _callee16$(_context16) {
           while (1) switch (_context16.prev = _context16.next) {
             case 0:
@@ -3559,7 +3559,7 @@ var BaseServiceIO = /*#__PURE__*/function () {
                 messages: t
               }, this.rawBody);
               o = !1;
-              (l = this.requestSettings.headers) != null && l["Content-Type"] || ((_c$headers = (c = this.requestSettings).headers) !== null && _c$headers !== void 0 ? _c$headers : c.headers = {}, (_d$ContentType = (d = this.requestSettings.headers)["Content-Type"]) !== null && _d$ContentType !== void 0 ? _d$ContentType : d["Content-Type"] = "application/json", o = !0);
+              (l = this.requestSettings.headers) != null && l["Content-Type"] || ((_c$headers = (c = this.requestSettings).headers) !== null && _c$headers !== void 0 ? _c$headers : c.headers = {}, (_u$ContentType = (u = this.requestSettings.headers)["Content-Type"]) !== null && _u$ContentType !== void 0 ? _u$ContentType : u["Content-Type"] = "application/json", o = !0);
               a = this.deepChat.stream;
               if (!(a && (this.demo || _typeof(a) != "object" || !a.simulation))) {
                 _context16.next = 9;
@@ -3574,7 +3574,7 @@ var BaseServiceIO = /*#__PURE__*/function () {
               _context16.next = 11;
               return HTTPRequest.request(this, s, e);
             case 11:
-              o && ((u = this.requestSettings.headers) == null || delete u["Content-Type"]);
+              o && ((d = this.requestSettings.headers) == null || delete d["Content-Type"]);
             case 12:
             case "end":
               return _context16.stop();
@@ -3962,8 +3962,8 @@ var InsertKeyView = /*#__PURE__*/function () {
       var l = InsertKeyView.createStartButton(),
         _InsertKeyView$create = InsertKeyView.createHelpTextContainer(t.getKeyLink),
         c = _InsertKeyView$create.helpTextContainerElement,
-        d = _InsertKeyView$create.failTextElement;
-      return n.appendChild(l), n.appendChild(c), InsertKeyView.addVerificationEvents(o, l, d, e, t), n;
+        u = _InsertKeyView$create.failTextElement;
+      return n.appendChild(l), n.appendChild(c), InsertKeyView.addVerificationEvents(o, l, u, e, t), n;
     }
   }, {
     key: "createElements",
@@ -4015,17 +4015,17 @@ var HuggingFaceUtils = /*#__PURE__*/function () {
   return HuggingFaceUtils;
 }();
 var _HuggingFaceIO = /*#__PURE__*/function (_DirectServiceIO) {
-  _inherits(j, _DirectServiceIO);
-  var _super3 = _createSuper(j);
+  _inherits(U, _DirectServiceIO);
+  var _super3 = _createSuper(U);
   // prettier-ignore
-  function j(e, t, n, s, o, a) {
+  function U(e, t, n, s, o, a) {
     var _this4;
-    _classCallCheck(this, j);
-    _this4 = _super3.call(this, e, HuggingFaceUtils.buildKeyVerificationDetails(), HuggingFaceUtils.buildHeaders, o, a), _this4.insertKeyPlaceholderText = "Hugging Face Token", _this4.getKeyLink = "https://huggingface.co/settings/tokens", _this4.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Hugging Face</b></div>\n    <p>First message may take an extented amount of time to complete as the model needs to be initialized.</p>", _this4.permittedErrorPrefixes = ["Authorization header"], _this4.url = "".concat(j.URL_PREFIX).concat(n), _this4.textInputPlaceholderText = t, _typeof(s) == "object" && (s.model && (_this4.url = "".concat(j.URL_PREFIX).concat(s.model)), s.options && (_this4.rawBody.options = s.options), s.parameters && (_this4.rawBody.parameters = s.parameters));
+    _classCallCheck(this, U);
+    _this4 = _super3.call(this, e, HuggingFaceUtils.buildKeyVerificationDetails(), HuggingFaceUtils.buildHeaders, o, a), _this4.insertKeyPlaceholderText = "Hugging Face Token", _this4.getKeyLink = "https://huggingface.co/settings/tokens", _this4.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Hugging Face</b></div>\n    <p>First message may take an extented amount of time to complete as the model needs to be initialized.</p>", _this4.permittedErrorPrefixes = ["Authorization header"], _this4.url = "".concat(U.URL_PREFIX).concat(n), _this4.textInputPlaceholderText = t, _typeof(s) == "object" && (s.model && (_this4.url = "".concat(U.URL_PREFIX).concat(s.model)), s.options && (_this4.rawBody.options = s.options), s.parameters && (_this4.rawBody.parameters = s.parameters));
     return _this4;
   }
   // prettier-ignore
-  _createClass(j, [{
+  _createClass(U, [{
     key: "preprocessBody",
     value: function preprocessBody(e, t, n) {
       var _s$options;
@@ -4063,7 +4063,7 @@ var _HuggingFaceIO = /*#__PURE__*/function (_DirectServiceIO) {
       return callServiceAPI;
     }()
   }]);
-  return j;
+  return U;
 }(DirectServiceIO);
 _HuggingFaceIO.URL_PREFIX = "https://api-inference.huggingface.co/models/";
 var HuggingFaceIO = _HuggingFaceIO;
@@ -5661,7 +5661,7 @@ var AssemblyAIUtils = /*#__PURE__*/function () {
     key: "poll",
     value: function () {
       var _poll2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee48(e, t) {
-        var n, l, c, u;
+        var n, l, c, d;
         return _regeneratorRuntime().wrap(function _callee48$(_context48) {
           while (1) switch (_context48.prev = _context48.next) {
             case 0:
@@ -5697,20 +5697,20 @@ var AssemblyAIUtils = /*#__PURE__*/function () {
               _context48.next = 13;
               return _context48.sent.json();
             case 13:
-              u = _context48.sent;
-              if (!(u.status === "completed")) {
+              d = _context48.sent;
+              if (!(d.status === "completed")) {
                 _context48.next = 18;
                 break;
               }
-              c = u;
+              c = d;
               _context48.next = 22;
               break;
             case 18:
-              if (!(u.status === "error")) {
+              if (!(d.status === "error")) {
                 _context48.next = 20;
                 break;
               }
-              throw new Error("Transcription failed: ".concat(u.error));
+              throw new Error("Transcription failed: ".concat(d.error));
             case 20:
               _context48.next = 22;
               return new Promise(function (h) {
@@ -5864,13 +5864,13 @@ var _AzureTextToSpeechIO = /*#__PURE__*/function (_AzureSpeechIO) {
   var _super27 = _createSuper(V);
   // prettier-ignore
   function V(e) {
-    var _l$lang, _c$name, _d$gender;
+    var _l$lang, _c$name, _u$gender;
     var _this20;
     _classCallCheck(this, V);
-    var s, o, a, l, c, d;
+    var s, o, a, l, c, u;
     var t = (o = (s = e.directConnection) == null ? void 0 : s.azure) == null ? void 0 : o.textToSpeech,
       n = (a = e.directConnection) == null ? void 0 : a.azure;
-    _this20 = _super27.call(this, e, AzureUtils.buildTextToSpeechHeaders.bind({}, (t == null ? void 0 : t.outputFormat) || "audio-16khz-128kbitrate-mono-mp3"), t.region, n), _this20.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Text To Speech</b></div>\n    <p>Insert text to synthesize it to audio.\n    <p>\n      Click <a href=\"".concat(V.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this20.url = "", Object.assign(_this20.rawBody, t), (_l$lang = (l = _this20.rawBody).lang) !== null && _l$lang !== void 0 ? _l$lang : l.lang = "en-US", (_c$name = (c = _this20.rawBody).name) !== null && _c$name !== void 0 ? _c$name : c.name = "en-US-JennyNeural", (_d$gender = (d = _this20.rawBody).gender) !== null && _d$gender !== void 0 ? _d$gender : d.gender = "Female", _this20.url = "https://".concat(t.region, ".tts.speech.microsoft.com/cognitiveservices/v1");
+    _this20 = _super27.call(this, e, AzureUtils.buildTextToSpeechHeaders.bind({}, (t == null ? void 0 : t.outputFormat) || "audio-16khz-128kbitrate-mono-mp3"), t.region, n), _this20.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Text To Speech</b></div>\n    <p>Insert text to synthesize it to audio.\n    <p>\n      Click <a href=\"".concat(V.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this20.url = "", Object.assign(_this20.rawBody, t), (_l$lang = (l = _this20.rawBody).lang) !== null && _l$lang !== void 0 ? _l$lang : l.lang = "en-US", (_c$name = (c = _this20.rawBody).name) !== null && _c$name !== void 0 ? _c$name : c.name = "en-US-JennyNeural", (_u$gender = (u = _this20.rawBody).gender) !== null && _u$gender !== void 0 ? _u$gender : u.gender = "Female", _this20.url = "https://".concat(t.region, ".tts.speech.microsoft.com/cognitiveservices/v1");
     return _this20;
   }
   _createClass(V, [{
@@ -5943,11 +5943,11 @@ _AzureTextToSpeechIO.HELP_LINK =
 "https://learn.microsoft.com/en-GB/azure/cognitive-services/speech-service/get-started-text-to-speech?tabs=windows%2Cterminal&pivots=programming-language-rest";
 var AzureTextToSpeechIO = _AzureTextToSpeechIO;
 var _AzureSpeechToTextIO = /*#__PURE__*/function (_AzureSpeechIO2) {
-  _inherits(U, _AzureSpeechIO2);
-  var _super28 = _createSuper(U);
-  function U(e) {
+  _inherits(j, _AzureSpeechIO2);
+  var _super28 = _createSuper(j);
+  function j(e) {
     var _this21;
-    _classCallCheck(this, U);
+    _classCallCheck(this, j);
     var a, l, c;
     var t = (l = (a = e.directConnection) == null ? void 0 : a.azure) == null ? void 0 : l.speechToText,
       n = (c = e.directConnection) == null ? void 0 : c.azure,
@@ -5958,12 +5958,12 @@ var _AzureSpeechToTextIO = /*#__PURE__*/function (_AzureSpeechIO2) {
           }
         }
       };
-    _this21 = _super28.call(this, e, AzureUtils.buildSpeechToTextHeaders, t.region, n, s), _this21.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Speech To Text</b></div>\n    <p><b>Upload a .wav or .ogg audio file</b> to transcribe it into text.\n    <p>\n      Click <a href=\"".concat(U.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this21.url = "", _this21.isTextInputDisabled = !0, _this21.textInputPlaceholderText = "Upload an audio file", _this21.canSendMessage = U.canFileSendMessage;
+    _this21 = _super28.call(this, e, AzureUtils.buildSpeechToTextHeaders, t.region, n, s), _this21.introPanelMarkUp = "\n    <div style=\"width: 100%; text-align: center; margin-left: -10px\"><b>Azure Speech To Text</b></div>\n    <p><b>Upload a .wav or .ogg audio file</b> to transcribe it into text.\n    <p>\n      Click <a href=\"".concat(j.HELP_LINK, "\">here</a> for more info.\n    </p>"), _this21.url = "", _this21.isTextInputDisabled = !0, _this21.textInputPlaceholderText = "Upload an audio file", _this21.canSendMessage = j.canFileSendMessage;
     var o = t.lang || "en-US";
     _this21.url = "https://".concat(t.region, ".stt.speech.microsoft.com/speech/recognition/conversation/cognitiveservices/v1?language=").concat(o, "&format=detailed"), _this21.recordAudio = void 0;
     return _this21;
   }
-  _createClass(U, [{
+  _createClass(j, [{
     key: "callServiceAPI",
     value: function () {
       var _callServiceAPI14 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee53(e, t, n) {
@@ -6028,7 +6028,7 @@ var _AzureSpeechToTextIO = /*#__PURE__*/function (_AzureSpeechIO2) {
       return !!(t != null && t[0]);
     }
   }]);
-  return U;
+  return j;
 }(AzureSpeechIO);
 _AzureSpeechToTextIO.HELP_LINK =
 // eslint-disable-next-line max-len
@@ -6828,8 +6828,8 @@ var MessageStyleUtils = /*#__PURE__*/function () {
           media: {}
         };
       return e.forEach(function (o) {
-        var a, l, c, d;
-        s.outerContainer[o] = ((a = n.outerContainer) == null ? void 0 : a[o]) || "", s.innerContainer[o] = ((l = n.innerContainer) == null ? void 0 : l[o]) || "", s.bubble[o] = ((c = n.bubble) == null ? void 0 : c[o]) || "", s.media[o] = ((d = n.media) == null ? void 0 : d[o]) || "";
+        var a, l, c, u;
+        s.outerContainer[o] = ((a = n.outerContainer) == null ? void 0 : a[o]) || "", s.innerContainer[o] = ((l = n.innerContainer) == null ? void 0 : l[o]) || "", s.bubble[o] = ((c = n.bubble) == null ? void 0 : c[o]) || "", s.media[o] = ((u = n.media) == null ? void 0 : u[o]) || "";
       }), s;
     }
   }]);
@@ -6883,7 +6883,9 @@ var _FileMessageUtils = /*#__PURE__*/function () {
       var a = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : !1;
       var c;
       e.applyCustomStyles(t, o, !0, (c = e.messageStyles) == null ? void 0 : c[s]), e.elementRef.scrollTop = e.elementRef.scrollHeight;
-      var l = Messages.createMessageContent(o, void 0, n);
+      var l = Messages.createMessageContent(o, {
+        file: n
+      });
       e.messages.push(l), e.sendClientUpdate(l, a);
     }
   }, {
@@ -6922,29 +6924,91 @@ var _FileMessageUtils = /*#__PURE__*/function () {
 }();
 _FileMessageUtils.DEFAULT_FILE_NAME = "file";
 var FileMessageUtils = _FileMessageUtils;
-var GuidanceMessages = /*#__PURE__*/function () {
-  function GuidanceMessages() {
-    _classCallCheck(this, GuidanceMessages);
+var StatefulEvents = /*#__PURE__*/function () {
+  function StatefulEvents() {
+    _classCallCheck(this, StatefulEvents);
+  }
+  _createClass(StatefulEvents, null, [{
+    key: "mouseUp",
+    value: function mouseUp(e, t) {
+      var n = t.target;
+      StyleUtils.unsetAllCSSMouseStates(n, e), Object.assign(n.style, e["default"]), Object.assign(n.style, e.hover);
+    }
+  }, {
+    key: "mouseDown",
+    value: function mouseDown(e, t) {
+      var n = t.target;
+      Object.assign(n.style, e.click);
+    }
+  }, {
+    key: "mouseLeave",
+    value: function mouseLeave(e, t) {
+      var n = t.target;
+      StyleUtils.unsetAllCSSMouseStates(n, e), Object.assign(n.style, e["default"]);
+    }
+  }, {
+    key: "mouseEnter",
+    value: function mouseEnter(e, t) {
+      var n = t.target;
+      Object.assign(n.style, e.hover);
+    }
+    // note that children elements can not be selectable
+  }, {
+    key: "add",
+    value: function add(e, t) {
+      e.addEventListener("mouseenter", StatefulEvents.mouseEnter.bind(this, t)), e.addEventListener("mouseleave", StatefulEvents.mouseLeave.bind(this, t)), e.addEventListener("mousedown", StatefulEvents.mouseDown.bind(this, t)), e.addEventListener("mouseup", StatefulEvents.mouseUp.bind(this, t));
+    }
+  }]);
+  return StatefulEvents;
+}();
+var HTMLMessageUtils = /*#__PURE__*/function () {
+  function HTMLMessageUtils() {
+    _classCallCheck(this, HTMLMessageUtils);
+  }
+  _createClass(HTMLMessageUtils, null, [{
+    key: "addNewHTMLMessage",
+    value: function addNewHTMLMessage(e, t, n, s) {
+      var o = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : !1;
+      var a = e.createNewMessageElement("", n);
+      a.bubbleElement.style.maxWidth = "unset", a.bubbleElement.innerHTML = t, e.elementRef.appendChild(a.outerContainer), e.elementRef.scrollTop = e.elementRef.scrollHeight;
+      var l = Messages.createMessageContent(n, {
+        html: t
+      });
+      return o || e.messages.push(l), s && e.sendClientUpdate(l, o), Object.keys(e._htmlClassUtilities).forEach(function (c) {
+        var u = a.outerContainer.getElementsByClassName(c);
+        Array.from(u).forEach(function (d) {
+          var p, b;
+          var h = (p = e._htmlClassUtilities[c]) == null ? void 0 : p.events;
+          h && Object.keys(h).forEach(function (m) {
+            var g = h[m];
+            g && d.addEventListener(m, g);
+          });
+          var f = (b = e._htmlClassUtilities[c]) == null ? void 0 : b.styles;
+          if (f) {
+            var m = StyleUtils.processStateful(f, {}, {});
+            StatefulEvents.add(d, m), Object.assign(d.style, m["default"]);
+          }
+        });
+      }), a;
+    }
+  }]);
+  return HTMLMessageUtils;
+}();
+var SetupMessages = /*#__PURE__*/function () {
+  function SetupMessages() {
+    _classCallCheck(this, SetupMessages);
   }
-  _createClass(GuidanceMessages, null, [{
+  _createClass(SetupMessages, null, [{
     key: "getText",
     value: function getText(e, t) {
-      if (!e.directConnection && !e.request && !e.demo) return "Connect to any API using the [request](https://deepchat.dev/docs/connect#Request)\n        property or choose any one of the preconfigured APIs via\n        the [directConnection](https://deepchat.dev/docs/directConnection/#directConnection) property.\n        \n To get started checkout the [Start](https://deepchat.dev/start) page and\n        live code [examples](https://deepchat.dev/examples/frameworks).\n        \n To remove this message set the [demo](https://deepchat.dev/docs/directConnection/demo) property to true.";
+      if (!e.directConnection && !e.request && !e.demo) return "Connect to any API using the [request](https://deepchat.dev/docs/connect#Request)\n        property or choose any one of the preconfigured APIs via\n        the [directConnection](https://deepchat.dev/docs/directConnection/#directConnection) property.\n        \n To get started checkout the [Start](https://deepchat.dev/start) page and\n        live code [examples](https://deepchat.dev/examples/frameworks).\n        \n To remove this message set the [demo](https://deepchat.dev/docs/demo#demo) property to true.";
       if (e.directConnection) {
-        if (!t.isDirectConnection()) return "Please define a valid service inside the [directConnection](https://deepchat.dev/docs/demo#demo) object.";
+        if (!t.isDirectConnection()) return "Please define a valid service inside\n          the [directConnection](https://deepchat.dev/docs/directConnection/#directConnection) object.";
       } else if (e.request && !e.request.url && !e.request.handler) return "Please define a `url` or a `handler` property inside the [request](https://deepchat.dev/docs/connect#Request) object.";
       return null;
     }
-  }, {
-    key: "addSetupMessageIfNeeded",
-    value: function addSetupMessageIfNeeded(e, t, n) {
-      var s = GuidanceMessages.getText(t, n);
-      s && e.addNewMessage({
-        text: s
-      }, !0, !0, !0);
-    }
   }]);
-  return GuidanceMessages;
+  return SetupMessages;
 }();
 var FILE_ICON_STRING = "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>\n<svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" \n\t viewBox=\"50 30 420 450\" xml:space=\"preserve\">\n<g filter=\"brightness(0) saturate(100%) invert(16%) sepia(0%) saturate(1942%) hue-rotate(215deg) brightness(99%) contrast(93%)\">\n\t<g>\n\t\t<path d=\"M447.933,103.629c-0.034-3.076-1.224-6.09-3.485-8.352L352.683,3.511c-0.004-0.004-0.007-0.005-0.011-0.008\n\t\t\tC350.505,1.338,347.511,0,344.206,0H89.278C75.361,0,64.04,11.32,64.04,25.237v461.525c0,13.916,11.32,25.237,25.237,25.237\n\t\t\th333.444c13.916,0,25.237-11.32,25.237-25.237V103.753C447.96,103.709,447.937,103.672,447.933,103.629z M356.194,40.931\n\t\t\tl50.834,50.834h-49.572c-0.695,0-1.262-0.567-1.262-1.262V40.931z M423.983,486.763c0,0.695-0.566,1.261-1.261,1.261H89.278\n\t\t\tc-0.695,0-1.261-0.566-1.261-1.261V25.237c0-0.695,0.566-1.261,1.261-1.261h242.94v66.527c0,13.916,11.322,25.239,25.239,25.239\n\t\t\th66.527V486.763z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,164.014H149.912c-6.62,0-11.988,5.367-11.988,11.988c0,6.62,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.368,11.988-11.988C374.076,169.381,368.707,164.014,362.088,164.014z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,236.353H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.62,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.368,11.988-11.988C374.076,241.721,368.707,236.353,362.088,236.353z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M362.088,308.691H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.621,5.368,11.988,11.988,11.988h212.175\n\t\t\tc6.62,0,11.988-5.367,11.988-11.988C374.076,314.06,368.707,308.691,362.088,308.691z\"/>\n\t</g>\n</g>\n<g>\n\t<g>\n\t\t<path d=\"M256,381.031H149.912c-6.62,0-11.988,5.368-11.988,11.988c0,6.621,5.368,11.988,11.988,11.988H256\n\t\t\tc6.62,0,11.988-5.367,11.988-11.988C267.988,386.398,262.62,381.031,256,381.031z\"/>\n\t</g>\n</g>\n</svg>";
 var FileMessages = /*#__PURE__*/function () {
@@ -7053,9 +7117,9 @@ var AvatarEl = /*#__PURE__*/function () {
     key: "getPosition",
     value: function getPosition(e, t) {
       var _n, _n2;
-      var s, o, a, l, c, d;
+      var s, o, a, l, c, u;
       var n = e ? (o = (s = t == null ? void 0 : t.ai) == null ? void 0 : s.styles) == null ? void 0 : o.position : (l = (a = t == null ? void 0 : t.user) == null ? void 0 : a.styles) == null ? void 0 : l.position;
-      return (_n = n) !== null && _n !== void 0 ? _n : n = (d = (c = t == null ? void 0 : t["default"]) == null ? void 0 : c.styles) == null ? void 0 : d.position, (_n2 = n) !== null && _n2 !== void 0 ? _n2 : n = e ? "left" : "right", n;
+      return (_n = n) !== null && _n !== void 0 ? _n : n = (u = (c = t == null ? void 0 : t["default"]) == null ? void 0 : c.styles) == null ? void 0 : u.position, (_n2 = n) !== null && _n2 !== void 0 ? _n2 : n = e ? "left" : "right", n;
     }
   }, {
     key: "add",
@@ -7113,14 +7177,14 @@ var Messages = /*#__PURE__*/function () {
     var _this28 = this;
     _classCallCheck(this, Messages);
     var l, c;
-    this._messageElementRefs = [], this._streamedText = "", this.messages = [];
+    this._messageElementRefs = [], this._streamedText = "", this._htmlClassUtilities = {}, this.messages = [];
     var s = t.permittedErrorPrefixes,
       o = t.introPanelMarkUp,
       a = t.demo;
-    this._remarkable = RemarkableConfig.createNew(), this.elementRef = Messages.createContainerElement(), this.messageStyles = e.messageStyles, this._avatars = e.avatars, this._names = e.names, this._errorMessageOverrides = (l = e.errorMessages) == null ? void 0 : l.overrides, this._onNewMessage = FireEvents.onNewMessage.bind(this, e), this._onClearMessages = FireEvents.onClearMessages.bind(this, e), this._displayLoadingMessage = Messages.getDisplayLoadingMessage(e, t), this._permittedErrorPrefixes = s, this.populateIntroPanel(n, o, e.introPanelStyle), GuidanceMessages.addSetupMessageIfNeeded(this, e, t), e.introMessage && this.addIntroductoryMessage(e.introMessage), e.initialMessages && this.populateInitialMessages(e.initialMessages), this.displayServiceErrorMessages = (c = e.errorMessages) == null ? void 0 : c.displayServiceErrorMessages, e.getMessages = function () {
+    this._remarkable = RemarkableConfig.createNew(), this.elementRef = Messages.createContainerElement(), this.messageStyles = e.messageStyles, this._avatars = e.avatars, this._names = e.names, this._errorMessageOverrides = (l = e.errorMessages) == null ? void 0 : l.overrides, e.htmlClassUtilities && (this._htmlClassUtilities = e.htmlClassUtilities), this._onNewMessage = FireEvents.onNewMessage.bind(this, e), this._onClearMessages = FireEvents.onClearMessages.bind(this, e), this._displayLoadingMessage = Messages.getDisplayLoadingMessage(e, t), this._permittedErrorPrefixes = s, this.addSetupMessageIfNeeded(e, t), this.populateIntroPanel(n, o, e.introPanelStyle), e.introMessage && this.addIntroductoryMessage(e.introMessage), e.initialMessages && this.populateInitialMessages(e.initialMessages), this.displayServiceErrorMessages = (c = e.errorMessages) == null ? void 0 : c.displayServiceErrorMessages, e.getMessages = function () {
       return JSON.parse(JSON.stringify(_this28.messages));
-    }, e.clearMessages = this.clearMessages.bind(this), e.refreshMessages = this.refreshTextMessages.bind(this), a && this.prepareDemo(a), e.textToSpeech && TextToSpeech.processConfig(e.textToSpeech, function (d) {
-      _this28._textToSpeech = d;
+    }, e.clearMessages = this.clearMessages.bind(this), e.refreshMessages = this.refreshTextMessages.bind(this), a && this.prepareDemo(a), e.textToSpeech && TextToSpeech.processConfig(e.textToSpeech, function (u) {
+      _this28._textToSpeech = u;
     });
   }
   _createClass(Messages, [{
@@ -7128,13 +7192,25 @@ var Messages = /*#__PURE__*/function () {
     value: function prepareDemo(e) {
       _typeof(e) == "object" && (e.response && (this.customDemoResponse = e.response), e.displayErrors && (e.displayErrors["default"] && this.addNewErrorMessage("", ""), e.displayErrors.service && this.addNewErrorMessage("service", ""), e.displayErrors.speechToText && this.addNewErrorMessage("speechToText", "")), e.displayLoadingBubble && this.addLoadingMessage());
     }
+  }, {
+    key: "addSetupMessageIfNeeded",
+    value: function addSetupMessageIfNeeded(e, t) {
+      var n = SetupMessages.getText(e, t);
+      if (n) {
+        var s = this.createAndAppendNewMessageElement(n, !0);
+        this.applyCustomStyles(s, !0, !1);
+      }
+    }
   }, {
     key: "addIntroductoryMessage",
     value: function addIntroductoryMessage(e) {
-      var t;
-      if (e && (this._introMessage = e), this._introMessage) {
-        var n = this.createAndAppendNewMessageElement(this._introMessage, !0);
-        this.applyCustomStyles(n, !0, !1, (t = this.messageStyles) == null ? void 0 : t.intro);
+      var t, n, s, o, a;
+      if (e && (this._introMessage = e), (t = this._introMessage) != null && t.text) {
+        var l = this.createAndAppendNewMessageElement(this._introMessage.text, !0);
+        this.applyCustomStyles(l, !0, !1, (n = this.messageStyles) == null ? void 0 : n.intro);
+      } else if ((s = this._introMessage) != null && s.html) {
+        var _l = HTMLMessageUtils.addNewHTMLMessage(this, this._introMessage.html, !0, !1, !0);
+        this.applyCustomStyles(_l, !0, !1, (o = this.messageStyles) == null ? void 0 : o.html), this.applyCustomStyles(_l, !0, !1, (a = this.messageStyles) == null ? void 0 : a.intro);
       }
     }
   }, {
@@ -7142,11 +7218,7 @@ var Messages = /*#__PURE__*/function () {
     value: function populateInitialMessages(e) {
       var _this29 = this;
       e.forEach(function (t) {
-        t.text ? _this29.addNewMessage({
-          text: t.text
-        }, t.role === "ai", !0, !0) : t.file && _this29.addNewMessage({
-          files: [t.file]
-        }, t.role === "ai", !0, !0);
+        _this29.addNewMessage(t, t.role === "ai", !0, !0);
       }), setTimeout(function () {
         return _this29.elementRef.scrollTop = _this29.elementRef.scrollHeight;
       });
@@ -7187,13 +7259,16 @@ var Messages = /*#__PURE__*/function () {
       var n = this.createNewMessageElement(e, t);
       return this.elementRef.appendChild(n.outerContainer), this.elementRef.scrollTop = this.elementRef.scrollHeight, n;
     }
+    // makes sure the bubble has dimensions when there is no text
   }, {
     key: "addNewTextMessage",
     value: function addNewTextMessage(e, t, n) {
       var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
       var o = this.createAndAppendNewMessageElement(e, t);
       this.applyCustomStyles(o, t, !1);
-      var a = Messages.createMessageContent(t, e);
+      var a = Messages.createMessageContent(t, {
+        text: e
+      });
       return e.trim().length === 0 && Messages.editEmptyMessageElement(o.bubbleElement), this.messages.push(a), n && this.sendClientUpdate(a, s), o;
     }
   }, {
@@ -7201,10 +7276,14 @@ var Messages = /*#__PURE__*/function () {
     value: function addNewMessage(e, t, n) {
       var _this30 = this;
       var s = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : !1;
-      e.text !== void 0 && e.text !== null ? (this.addNewTextMessage(e.text, t, n, s), !s && this._textToSpeech && t && TextToSpeech.speak(e.text, this._textToSpeech)) : e.files && e.files.forEach(function (o) {
-        var a, l;
-        o.type === "audio" || (a = o.src) != null && a.startsWith("data:audio") ? FileMessages.addNewAudioMessage(_this30, o, t, s) : o.type === "image" || o.type === "gif" || (l = o.src) != null && l.startsWith("data:image") ? FileMessages.addNewImageMessage(_this30, o, t, s) : FileMessages.addNewAnyFileMessage(_this30, o, t, s);
-      });
+      var o;
+      if (e.text !== void 0 && e.text !== null) this.addNewTextMessage(e.text, t, n, s), !s && this._textToSpeech && t && TextToSpeech.speak(e.text, this._textToSpeech);else if (e.files) e.files.forEach(function (a) {
+        var l, c;
+        a.type === "audio" || (l = a.src) != null && l.startsWith("data:audio") ? FileMessages.addNewAudioMessage(_this30, a, t, s) : a.type === "image" || a.type === "gif" || (c = a.src) != null && c.startsWith("data:image") ? FileMessages.addNewImageMessage(_this30, a, t, s) : FileMessages.addNewAnyFileMessage(_this30, a, t, s);
+      });else if (e.html) {
+        var a = HTMLMessageUtils.addNewHTMLMessage(this, e.html, t, n, s);
+        this.applyCustomStyles(a, t, !1, (o = this.messageStyles) == null ? void 0 : o.html);
+      }
     }
   }, {
     key: "sendClientUpdate",
@@ -7225,15 +7304,15 @@ var Messages = /*#__PURE__*/function () {
   }, {
     key: "addNewErrorMessage",
     value: function addNewErrorMessage(e, t) {
-      var c, d, u, h;
+      var c, u, d, h;
       this.removeMessageOnError();
       var n = Messages.createBaseElements(),
         s = n.outerContainer,
         o = n.bubbleElement;
       o.classList.add("error-message-text");
-      var a = this.getPermittedMessage(t) || ((c = this._errorMessageOverrides) == null ? void 0 : c[e]) || ((d = this._errorMessageOverrides) == null ? void 0 : d["default"]) || "Error, please try again.";
+      var a = this.getPermittedMessage(t) || ((c = this._errorMessageOverrides) == null ? void 0 : c[e]) || ((u = this._errorMessageOverrides) == null ? void 0 : u["default"]) || "Error, please try again.";
       o.innerHTML = a;
-      var l = MessageStyleUtils.extractParticularSharedStyles(["fontSize", "fontFamily"], (u = this.messageStyles) == null ? void 0 : u["default"]);
+      var l = MessageStyleUtils.extractParticularSharedStyles(["fontSize", "fontFamily"], (d = this.messageStyles) == null ? void 0 : d["default"]);
       MessageStyleUtils.applyCustomStylesToElements(n, !1, l), MessageStyleUtils.applyCustomStylesToElements(n, !1, (h = this.messageStyles) == null ? void 0 : h.error), this.elementRef.appendChild(s), this.elementRef.scrollTop = this.elementRef.scrollHeight, this._textToSpeech && TextToSpeech.speak(a, this._textToSpeech), this._streamedText = "";
     }
   }, {
@@ -7250,6 +7329,7 @@ var Messages = /*#__PURE__*/function () {
         }
       }
     }
+    // WORK - check if this works correctly
   }, {
     key: "getLastMessageElement",
     value: function getLastMessageElement() {
@@ -7299,8 +7379,8 @@ var Messages = /*#__PURE__*/function () {
       var s, o, a, l, c;
       var n = ElementUtils.isScrollbarAtBottomOfElement(this.elementRef);
       if (e.trim().length !== 0) {
-        var d = (s = this.messageStyles) == null ? void 0 : s["default"];
-        t.style.color = ((a = (o = d == null ? void 0 : d.ai) == null ? void 0 : o.bubble) == null ? void 0 : a.color) || ((c = (l = d == null ? void 0 : d.shared) == null ? void 0 : l.bubble) == null ? void 0 : c.color) || "";
+        var u = (s = this.messageStyles) == null ? void 0 : s["default"];
+        t.style.color = ((a = (o = u == null ? void 0 : u.ai) == null ? void 0 : o.bubble) == null ? void 0 : a.color) || ((c = (l = u == null ? void 0 : u.shared) == null ? void 0 : l.bubble) == null ? void 0 : c.color) || "";
       }
       this._streamedText += e, t.innerHTML = this._remarkable.render(this._streamedText), n && (this.elementRef.scrollTop = this.elementRef.scrollHeight);
     }
@@ -7308,7 +7388,9 @@ var Messages = /*#__PURE__*/function () {
     key: "finaliseStreamedMessage",
     value: function finaliseStreamedMessage() {
       var e;
-      (e = this.getLastMessageBubbleElement()) != null && e.classList.contains("streamed-message") && (this.messages[this.messages.length - 1].text = this._streamedText, this.sendClientUpdate(Messages.createMessageContent(!0, this._streamedText), !1), this._textToSpeech && TextToSpeech.speak(this._streamedText, this._textToSpeech), this._streamedText = "");
+      (e = this.getLastMessageBubbleElement()) != null && e.classList.contains("streamed-message") && (this.messages[this.messages.length - 1].text = this._streamedText, this.sendClientUpdate(Messages.createMessageContent(!0, {
+        text: this._streamedText
+      }), !1), this._textToSpeech && TextToSpeech.speak(this._streamedText, this._textToSpeech), this._streamedText = "");
     }
   }, {
     key: "populateIntroPanel",
@@ -7394,13 +7476,20 @@ var Messages = /*#__PURE__*/function () {
     }
   }, {
     key: "createMessageContent",
-    value: function createMessageContent(e, t, n) {
-      return n ? {
-        role: e ? "ai" : "user",
-        file: n
+    value: function createMessageContent(e, t) {
+      var n = e ? "ai" : "user",
+        s = t.text,
+        o = t.file,
+        a = t.html;
+      return o ? {
+        role: n,
+        file: o
+      } : a ? {
+        role: n,
+        html: a
       } : {
-        role: e ? "ai" : "user",
-        text: t || ""
+        role: n,
+        text: s || ""
       };
     }
   }, {
@@ -7664,43 +7753,6 @@ var DropupItemNavigation = /*#__PURE__*/function () {
   }]);
   return DropupItemNavigation;
 }();
-var StatefulEvents = /*#__PURE__*/function () {
-  function StatefulEvents() {
-    _classCallCheck(this, StatefulEvents);
-  }
-  _createClass(StatefulEvents, null, [{
-    key: "mouseUp",
-    value: function mouseUp(e, t) {
-      var n = t.target;
-      StyleUtils.unsetAllCSSMouseStates(n, e), Object.assign(n.style, e["default"]), Object.assign(n.style, e.hover);
-    }
-  }, {
-    key: "mouseDown",
-    value: function mouseDown(e, t) {
-      var n = t.target;
-      Object.assign(n.style, e.click);
-    }
-  }, {
-    key: "mouseLeave",
-    value: function mouseLeave(e, t) {
-      var n = t.target;
-      StyleUtils.unsetAllCSSMouseStates(n, e), Object.assign(n.style, e["default"]);
-    }
-  }, {
-    key: "mouseEnter",
-    value: function mouseEnter(e, t) {
-      var n = t.target;
-      Object.assign(n.style, e.hover);
-    }
-    // note that children elements can not be selectable
-  }, {
-    key: "add",
-    value: function add(e, t) {
-      e.addEventListener("mouseenter", StatefulEvents.mouseEnter.bind(this, t)), e.addEventListener("mouseleave", StatefulEvents.mouseLeave.bind(this, t)), e.addEventListener("mousedown", StatefulEvents.mouseDown.bind(this, t)), e.addEventListener("mouseup", StatefulEvents.mouseUp.bind(this, t));
-    }
-  }]);
-  return StatefulEvents;
-}();
 var DropupItem = /*#__PURE__*/function () {
   function DropupItem() {
     _classCallCheck(this, DropupItem);
@@ -7743,7 +7795,7 @@ var DropupItem = /*#__PURE__*/function () {
         o = t.dropupText,
         a = document.createElement("div");
       Object.assign(a.style, (c = n == null ? void 0 : n.item) == null ? void 0 : c["default"]), DropupItem.populateItem(s, a, o, n), a.classList.add("dropup-menu-item");
-      var l = StyleUtils.generateStateful((n == null ? void 0 : n.item) || {}, {
+      var l = StyleUtils.processStateful((n == null ? void 0 : n.item) || {}, {
         backgroundColor: "#f3f3f3"
       }, {
         backgroundColor: "#ebebeb"
@@ -7887,11 +7939,11 @@ var InputButtonPositions = /*#__PURE__*/function () {
     function addToDropup(e, t, n, s) {
       var o = new Dropup(n, s);
       BUTTON_ORDER.forEach(function (l) {
-        var c = t["dropup-menu"].findIndex(function (u) {
-            return u.buttonType === l;
+        var c = t["dropup-menu"].findIndex(function (d) {
+            return d.buttonType === l;
           }),
-          d = t["dropup-menu"][c];
-        d && (o.addItem(d.button), t["dropup-menu"].splice(c, 1));
+          u = t["dropup-menu"][c];
+        u && (o.addItem(u.button), t["dropup-menu"].splice(c, 1));
       });
       var a = Dropup.getPosition(t, s);
       ButtonContainers.addButton(e, o.buttonContainer, a), t[a].push({});
@@ -8448,10 +8500,10 @@ var UploadFileButton = /*#__PURE__*/function (_InputButton2) {
   function UploadFileButton(e, t, n, s, o, a) {
     var _this43;
     _classCallCheck(this, UploadFileButton);
-    var c, d, u, h, f, p;
+    var c, u, d, h, f, p;
     _this43 = _super36.call(this, UploadFileButton.createButtonElement(), (c = n.button) == null ? void 0 : c.position, n.button, a);
     var l = _this43.createInnerElements(s, o, _this43._customStyles);
-    _this43._inputElement = UploadFileButton.createInputElement((d = n == null ? void 0 : n.files) == null ? void 0 : d.acceptedFormats), _this43.addClickEvent(e, n), _this43.elementRef.replaceChildren(l.styles), _this43.reapplyStateStyle("styles"), _this43._fileAttachmentsType = t, _this43._openModalOnce = ((h = (u = n.files) == null ? void 0 : u.infoModal) == null ? void 0 : h.openModalOnce) === !1 || (p = (f = n.files) == null ? void 0 : f.infoModal) == null ? void 0 : p.openModalOnce;
+    _this43._inputElement = UploadFileButton.createInputElement((u = n == null ? void 0 : n.files) == null ? void 0 : u.acceptedFormats), _this43.addClickEvent(e, n), _this43.elementRef.replaceChildren(l.styles), _this43.reapplyStateStyle("styles"), _this43._fileAttachmentsType = t, _this43._openModalOnce = ((h = (d = n.files) == null ? void 0 : d.infoModal) == null ? void 0 : h.openModalOnce) === !1 || (p = (f = n.files) == null ? void 0 : f.infoModal) == null ? void 0 : p.openModalOnce;
     return _this43;
   }
   _createClass(UploadFileButton, [{
@@ -8949,10 +9001,10 @@ var Cursor = /*#__PURE__*/function () {
           n += l;
         } else if (a.textContent !== null) {
           if (n + a.textContent.length > t) {
-            var _l = document.createRange();
-            _l.setStart(a, t - n), _l.collapse(!0);
+            var _l2 = document.createRange();
+            _l2.setStart(a, t - n), _l2.collapse(!0);
             var c = window.getSelection();
-            return c == null || c.removeAllRanges(), c == null || c.addRange(_l), e.focus(), -1;
+            return c == null || c.removeAllRanges(), c == null || c.addRange(_l2), e.focus(), -1;
           }
           n += a.textContent.length, s += a.textContent.length;
         }
@@ -9082,35 +9134,35 @@ var CommandUtils = /*#__PURE__*/function () {
     key: "execCommand",
     value: function execCommand(e, t, n, s, o) {
       var a, l, c;
-      var d = e.commands;
-      if (!d || !s || !n) return;
-      var u = ((a = d.settings) === null || a === void 0 ? void 0 : a.caseSensitive) === !0 ? t : t.toLowerCase(),
-        h = text_1$2.Text.breakupIntoWordsArr(u),
-        f = ((l = d.settings) === null || l === void 0 ? void 0 : l.substrings) === !1 ? CommandUtils.checkIfMatchesWord : CommandUtils.checkIfMatchesSubstring;
-      if (d.commandMode && f(d.commandMode, u, h)) return e.setInterimColorToFinal(), setTimeout(function () {
+      var u = e.commands;
+      if (!u || !s || !n) return;
+      var d = ((a = u.settings) === null || a === void 0 ? void 0 : a.caseSensitive) === !0 ? t : t.toLowerCase(),
+        h = text_1$2.Text.breakupIntoWordsArr(d),
+        f = ((l = u.settings) === null || l === void 0 ? void 0 : l.substrings) === !1 ? CommandUtils.checkIfMatchesWord : CommandUtils.checkIfMatchesSubstring;
+      if (u.commandMode && f(u.commandMode, d, h)) return e.setInterimColorToFinal(), setTimeout(function () {
         return CommandUtils.toggleCommandModeOn(e);
       }), {
         doNotProcessTranscription: !1
       };
-      if (!(d.commandMode && !e.isWaitingForCommand)) {
-        if (d.stop && f(d.stop, u, h)) return CommandUtils.toggleCommandModeOff(e), setTimeout(function () {
+      if (!(u.commandMode && !e.isWaitingForCommand)) {
+        if (u.stop && f(u.stop, d, h)) return CommandUtils.toggleCommandModeOff(e), setTimeout(function () {
           return e.stop();
         }), {
           doNotProcessTranscription: !1
         };
-        if (d.pause && f(d.pause, u, h)) return CommandUtils.toggleCommandModeOff(e), e.setInterimColorToFinal(), setTimeout(function () {
+        if (u.pause && f(u.pause, d, h)) return CommandUtils.toggleCommandModeOff(e), e.setInterimColorToFinal(), setTimeout(function () {
           var p;
           e.isPaused = !0, (p = e.onPauseTrigger) === null || p === void 0 || p.call(e, !0);
         }), {
           doNotProcessTranscription: !1
         };
-        if (d.resume && f(d.resume, u, h)) return e.isPaused = !1, (c = e.onPauseTrigger) === null || c === void 0 || c.call(e, !1), CommandUtils.toggleCommandModeOff(e), e.resetRecording(n), {
+        if (u.resume && f(u.resume, d, h)) return e.isPaused = !1, (c = e.onPauseTrigger) === null || c === void 0 || c.call(e, !1), CommandUtils.toggleCommandModeOff(e), e.resetRecording(n), {
           doNotProcessTranscription: !0
         };
-        if (d.reset && f(d.reset, u, h)) return o !== void 0 && CommandUtils.setText(e, n, o, s), {
+        if (u.reset && f(u.reset, d, h)) return o !== void 0 && CommandUtils.setText(e, n, o, s), {
           doNotProcessTranscription: !0
         };
-        if (d.removeAllText && f(d.removeAllText, u, h)) return CommandUtils.setText(e, n, "", s), {
+        if (u.removeAllText && f(u.removeAllText, d, h)) return CommandUtils.setText(e, n, "", s), {
           doNotProcessTranscription: !0
         };
       }
@@ -9210,10 +9262,10 @@ var Padding = /*#__PURE__*/function () {
         var l = window.getSelection();
         if (l != null && l.focusNode) {
           var c = cursor_1$1.Cursor.getGenericElementCursorOffset(t, l, !0),
-            d = (n = t.textContent) === null || n === void 0 ? void 0 : n[c - 1],
-            u = cursor_1$1.Cursor.getGenericElementCursorOffset(t, l, !1),
-            h = (s = t.textContent) === null || s === void 0 ? void 0 : s[u];
-          text_1$1.Text.isCharDefined(d) && (e.startPadding = " "), text_1$1.Text.isCharDefined(h) && (e.endPadding = " "), e.isCursorAtEnd = ((o = t.textContent) === null || o === void 0 ? void 0 : o.length) === u;
+            u = (n = t.textContent) === null || n === void 0 ? void 0 : n[c - 1],
+            d = cursor_1$1.Cursor.getGenericElementCursorOffset(t, l, !1),
+            h = (s = t.textContent) === null || s === void 0 ? void 0 : s[d];
+          text_1$1.Text.isCharDefined(u) && (e.startPadding = " "), text_1$1.Text.isCharDefined(h) && (e.endPadding = " "), e.isCursorAtEnd = ((o = t.textContent) === null || o === void 0 ? void 0 : o.length) === d;
           return;
         }
       }
@@ -9895,7 +9947,7 @@ var SpeechToText = /*#__PURE__*/function (_MicrophoneButton) {
     key: "processConfiguration",
     value: function processConfiguration(e, t) {
       var _n$displayInterimResu, _n$textColor, _n$translations, _n$commands;
-      var d;
+      var u;
       var n = _typeof(t) == "object" ? t : {},
         s = _typeof(n.webSpeech) == "object" ? n.webSpeech : {},
         o = n.azure || {},
@@ -9905,9 +9957,9 @@ var SpeechToText = /*#__PURE__*/function (_MicrophoneButton) {
           translations: (_n$translations = n.translations) !== null && _n$translations !== void 0 ? _n$translations : void 0,
           commands: (_n$commands = n.commands) !== null && _n$commands !== void 0 ? _n$commands : void 0
         }, s), o),
-        l = (d = n.commands) == null ? void 0 : d.submit;
-      return l && (a.onPreResult = function (u) {
-        return u.toLowerCase().includes(l) ? (setTimeout(function () {
+        l = (u = n.commands) == null ? void 0 : u.submit;
+      return l && (a.onPreResult = function (d) {
+        return d.toLowerCase().includes(l) ? (setTimeout(function () {
           var h;
           return (h = e.submit) == null ? void 0 : h.call(e);
         }), _default.endCommandMode(), {
@@ -10051,10 +10103,10 @@ var SubmitButton = /*#__PURE__*/function (_InputButton4) {
     value:
     // prettier-ignore
     function attemptOverwriteLoadingStyle(e) {
-      var t, n, s, o, a, l, c, d, u;
-      if (!((n = (t = this._customStyles) == null ? void 0 : t.submit) != null && n.svg || (a = (o = (s = this._customStyles) == null ? void 0 : s.loading) == null ? void 0 : o.svg) != null && a.content || (d = (c = (l = this._customStyles) == null ? void 0 : l.loading) == null ? void 0 : c.text) != null && d.content) && (e.displayLoadingBubble === void 0 || e.displayLoadingBubble === !0)) {
+      var t, n, s, o, a, l, c, u, d;
+      if (!((n = (t = this._customStyles) == null ? void 0 : t.submit) != null && n.svg || (a = (o = (s = this._customStyles) == null ? void 0 : s.loading) == null ? void 0 : o.svg) != null && a.content || (u = (c = (l = this._customStyles) == null ? void 0 : l.loading) == null ? void 0 : c.text) != null && u.content) && (e.displayLoadingBubble === void 0 || e.displayLoadingBubble === !0)) {
         var h = document.createElement("style");
-        h.textContent = "\n        .loading-button > * {\n          filter: brightness(0) saturate(100%) invert(72%) sepia(0%) saturate(3044%) hue-rotate(322deg) brightness(100%)\n            contrast(96%) !important;\n        }", (u = e.shadowRoot) == null || u.appendChild(h), this._isSVGLoadingIconOverriden = !0;
+        h.textContent = "\n        .loading-button > * {\n          filter: brightness(0) saturate(100%) invert(72%) sepia(0%) saturate(3044%) hue-rotate(322deg) brightness(100%)\n            contrast(96%) !important;\n        }", (d = e.shadowRoot) == null || d.appendChild(h), this._isSVGLoadingIconOverriden = !0;
       }
     }
   }, {
@@ -10101,8 +10153,8 @@ var SubmitButton = /*#__PURE__*/function (_InputButton4) {
               return this._fileAttachments.completePlaceholders();
             case 4:
               n = this._fileAttachments.getAllFileData();
-              s = n == null ? void 0 : n.map(function (d) {
-                return d.file;
+              s = n == null ? void 0 : n.map(function (u) {
+                return u.file;
               });
             case 6:
               o = t === "" ? void 0 : t;
@@ -10401,18 +10453,18 @@ var Input = /*#__PURE__*/function () {
     value:
     // prettier-ignore
     function createFileUploadComponents(e, t, n, s) {
-      var a, l, c, d;
+      var a, l, c, u;
       var o = new FileAttachments(this.elementRef, e.attachmentContainerStyle, t.demo);
       if (Input.createUploadButtons(t.fileTypes || {}, o, n, s), (a = t.camera) != null && a.files) {
-        var u = ((l = s.images) == null ? void 0 : l.fileType) || o.addType(t.camera.files, "images");
+        var d = ((l = s.images) == null ? void 0 : l.fileType) || o.addType(t.camera.files, "images");
         s.camera = {
-          button: new CameraButton(n, u, t.camera)
+          button: new CameraButton(n, d, t.camera)
         };
       }
       if ((c = t.recordAudio) != null && c.files) {
-        var _u = ((d = s.audio) == null ? void 0 : d.fileType) || o.addType(t.recordAudio.files, "audio");
+        var _d = ((u = s.audio) == null ? void 0 : u.fileType) || o.addType(t.recordAudio.files, "audio");
         s.microphone = {
-          button: new RecordAudio(_u, t.recordAudio)
+          button: new RecordAudio(_d, t.recordAudio)
         };
       }
       return DragAndDrop.isEnabled(o, e.dragAndDrop) && DragAndDrop.create(n, o, e.dragAndDrop), o;
@@ -10433,10 +10485,10 @@ var Input = /*#__PURE__*/function () {
         if (l.files) {
           var c = t.addType(l.files, a),
             _FILE_TYPE_BUTTON_ICO = FILE_TYPE_BUTTON_ICONS[a],
-            d = _FILE_TYPE_BUTTON_ICO.id,
-            u = _FILE_TYPE_BUTTON_ICO.svgString,
+            u = _FILE_TYPE_BUTTON_ICO.id,
+            d = _FILE_TYPE_BUTTON_ICO.svgString,
             h = _FILE_TYPE_BUTTON_ICO.dropupText,
-            f = new UploadFileButton(n, c, l, d, u, h);
+            f = new UploadFileButton(n, c, l, u, d, h);
           s[a] = {
             button: f,
             fileType: c
@@ -10536,7 +10588,7 @@ __decorateClass([Property("object")], DeepChat.prototype, "textInput", 2);
 __decorateClass([Property("object")], DeepChat.prototype, "submitButtonStyles", 2);
 __decorateClass([Property("string")], DeepChat.prototype, "auxiliaryStyle", 2);
 __decorateClass([Property("array")], DeepChat.prototype, "initialMessages", 2);
-__decorateClass([Property("string")], DeepChat.prototype, "introMessage", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "introMessage", 2);
 __decorateClass([Property("object")], DeepChat.prototype, "avatars", 2);
 __decorateClass([Property("object")], DeepChat.prototype, "names", 2);
 __decorateClass([Property("boolean")], DeepChat.prototype, "displayLoadingBubble", 2);
@@ -10552,6 +10604,7 @@ __decorateClass([Property("object")], DeepChat.prototype, "microphone", 2);
 __decorateClass([Property("object")], DeepChat.prototype, "mixedFiles", 2);
 __decorateClass([Property("object")], DeepChat.prototype, "dragAndDrop", 2);
 __decorateClass([Property("object")], DeepChat.prototype, "introPanelStyle", 2);
+__decorateClass([Property("object")], DeepChat.prototype, "htmlClassUtilities", 2);
 __decorateClass([Property("function")], DeepChat.prototype, "onNewMessage", 2);
 __decorateClass([Property("function")], DeepChat.prototype, "onClearMessages", 2);
 __decorateClass([Property("function")], DeepChat.prototype, "onComponentRender", 2);