@telia-ace/widget-conversation-flamingo 1.1.70-rc.26 → 1.1.70-rc.27

package/index.mjs

@@ -9,7 +9,7 @@ var $t = (s, e, t) => {
     throw TypeError("Cannot add the same private member more than once");
   e instanceof WeakSet ? e.add(s) : e.set(s, t);
 };
-var De = (s, e, t) => (Ai(s, e, "access private method"), t);
+var He = (s, e, t) => (Ai(s, e, "access private method"), t);
 const Rl = async (s) => {
   s.registerComponent("conversation", Promise.resolve().then(() => Ol));
 };
@@ -436,7 +436,7 @@ var Pi = function() {
       try {
         t.next(e);
       } catch (n) {
-        He(n);
+        De(n);
       }
   }, s.prototype.error = function(e) {
     var t = this.partialObserver;
@@ -444,17 +444,17 @@ var Pi = function() {
       try {
         t.error(e);
       } catch (n) {
-        He(n);
+        De(n);
       }
     else
-      He(e);
+      De(e);
   }, s.prototype.complete = function() {
     var e = this.partialObserver;
     if (e.complete)
       try {
         e.complete();
       } catch (t) {
-        He(t);
+        De(t);
       }
   }, s;
 }(), Rt = function(s) {
@@ -481,7 +481,7 @@ var Pi = function() {
   }
   return e;
 }(Zt);
-function He(s) {
+function De(s) {
   ys(s);
 }
 function Ri(s) {
@@ -592,9 +592,9 @@ function K(s) {
   };
 }
 function P(s, e, t, n, i) {
-  return new Di(s, e, t, n, i);
+  return new Hi(s, e, t, n, i);
 }
-var Di = function(s) {
+var Hi = function(s) {
   be(e, s);
   function e(t, n, i, r, o, a) {
     var l = s.call(this, t) || this;
@@ -629,7 +629,7 @@ var Di = function(s) {
       s.prototype.unsubscribe.call(this), !n && ((t = this.onFinalize) === null || t === void 0 || t.call(this));
     }
   }, e;
-}(Zt), Hi = gs(function(s) {
+}(Zt), Di = gs(function(s) {
   return function() {
     s(this), this.name = "ObjectUnsubscribedError", this.message = "object unsubscribed";
   };
@@ -644,7 +644,7 @@ var Di = function(s) {
     return n.operator = t, n;
   }, e.prototype._throwIfClosed = function() {
     if (this.closed)
-      throw new Hi();
+      throw new Di();
   }, e.prototype.next = function(t) {
     var n = this;
     Ze(function() {
@@ -732,7 +732,7 @@ var Di = function(s) {
     var n, i;
     return (i = (n = this.source) === null || n === void 0 ? void 0 : n.subscribe(t)) !== null && i !== void 0 ? i : ms;
   }, e;
-}(_), M = function(s) {
+}(_), U = function(s) {
   be(e, s);
   function e(t) {
     var n = s.call(this) || this;
@@ -829,7 +829,7 @@ function As(s) {
 function Es(s) {
   return $(s == null ? void 0 : s.getReader);
 }
-function D(s) {
+function B(s) {
   if (s instanceof A)
     return s;
   if (s != null) {
@@ -977,10 +977,10 @@ function Os(s, e) {
   });
 }
 function Gi(s, e) {
-  return D(s).pipe(Os(e), Ls(e));
+  return B(s).pipe(Os(e), Ls(e));
 }
 function Xi(s, e) {
-  return D(s).pipe(Os(e), Ls(e));
+  return B(s).pipe(Os(e), Ls(e));
 }
 function Vi(s, e) {
   return new A(function(t) {
@@ -1044,7 +1044,7 @@ function tr(s, e) {
   throw _s(s);
 }
 function lt(s, e) {
-  return e ? tr(s, e) : D(s);
+  return e ? tr(s, e) : B(s);
 }
 function It() {
   for (var s = [], e = 0; e < arguments.length; e++)
@@ -1134,21 +1134,21 @@ function dr(s, e, t, n, i, r, o, a) {
   }, b = function(f) {
     r && e.next(f), c++;
     var I = !1;
-    D(t(f, h++)).subscribe(P(e, function(H) {
-      i == null || i(H), r ? d(H) : e.next(H);
+    B(t(f, h++)).subscribe(P(e, function(N) {
+      i == null || i(N), r ? d(N) : e.next(N);
     }, function() {
       I = !0;
     }, void 0, function() {
       if (I)
         try {
           c--;
-          for (var H = function() {
+          for (var N = function() {
             var V = l.shift();
             o ? F(e, o, function() {
               return b(V);
             }) : b(V);
           }; l.length && c < n; )
-            H();
+            N();
           p();
         } catch (V) {
           e.error(V);
@@ -1165,7 +1165,7 @@ function Gt(s, e, t) {
   return t === void 0 && (t = 1 / 0), $(e) ? Gt(function(n, i) {
     return Qe(function(r, o) {
       return e(n, r, i, o);
-    })(D(s(n, i)));
+    })(B(s(n, i)));
   }, t) : (typeof e == "number" && (t = e), K(function(n, i) {
     return dr(n, i, s, t);
   }));
@@ -1185,7 +1185,7 @@ function Ke(s, e, t, n) {
   if (!r && Kt(s))
     return Gt(function(a) {
       return Ke(a, e, t);
-    })(D(s));
+    })(B(s));
   if (!r)
     throw new TypeError("Invalid event target");
   return new A(function(a) {
@@ -1219,7 +1219,7 @@ function xr() {
   for (var s = [], e = 0; e < arguments.length; e++)
     s[e] = arguments[e];
   var t = Qt(s), n = Ni(s, 1 / 0), i = s;
-  return i.length ? i.length === 1 ? D(i[0]) : fr(n)(lt(i, t)) : Pe;
+  return i.length ? i.length === 1 ? B(i[0]) : fr(n)(lt(i, t)) : Pe;
 }
 function Mt(s) {
   return s <= 0 ? function() {
@@ -1239,7 +1239,7 @@ function pe(s, e) {
     t.subscribe(P(n, function(l) {
       i == null || i.unsubscribe();
       var c = 0, h = r++;
-      D(s(l, h)).subscribe(i = P(n, function(u) {
+      B(s(l, h)).subscribe(i = P(n, function(u) {
         return n.next(e ? e(l, u, h, c++) : u);
       }, function() {
         i = null, a();
@@ -1251,7 +1251,7 @@ function pe(s, e) {
 }
 function zt(s) {
   return K(function(e, t) {
-    D(s).subscribe(P(t, function() {
+    B(s).subscribe(P(t, function() {
       return t.complete();
     }, Ye)), !t.closed && e.subscribe(t);
   });
@@ -1264,7 +1264,7 @@ function Ut() {
     for (var r = s.length, o = new Array(r), a = s.map(function() {
       return !1;
     }), l = !1, c = function(u) {
-      D(s[u]).subscribe(P(i, function(p) {
+      B(s[u]).subscribe(P(i, function(p) {
         o[u] = p, !l && !a[u] && (a[u] = !0, (l = a.every(Oe)) && (a = null));
       }, Ye));
     }, h = 0; h < r; h++)
@@ -1359,7 +1359,7 @@ class _r {
 }
 class Il {
   constructor(e, t) {
-    this.name = e, this.component = t, this.print$ = new _(), this.typingState$ = new M(!1), this.complete$ = new _(), this.system = this.createSystem(), this.rehydrate$ = new _(), this.saveToCurrentSession$ = new _(), this.showChatOverlay$ = new M(!1), this.onComplete = () => this.complete$.asObservable();
+    this.name = e, this.component = t, this.print$ = new _(), this.typingState$ = new U(!1), this.complete$ = new _(), this.system = this.createSystem(), this.rehydrate$ = new _(), this.saveToCurrentSession$ = new _(), this.showChatOverlay$ = new U(!1), this.onComplete = () => this.complete$.asObservable();
   }
   connect(e = {}) {
     this.complete$.pipe(Mt(1)).subscribe(() => {
@@ -1736,8 +1736,8 @@ ae.elementStyles = [], ae.shadowRootOptions = { mode: "open" }, ae[xe("elementPr
  */
 const we = globalThis, Xe = we.trustedTypes, Pn = Xe ? Xe.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, zs = "$lit$", q = `lit$${(Math.random() + "").slice(9)}$`, Us = "?" + q, Ir = `<${Us}>`, se = document, Ce = () => se.createComment(""), Ae = (s) => s === null || typeof s != "object" && typeof s != "function", js = Array.isArray, Mr = (s) => js(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", _t = `[ 	
 \f\r]`, ye = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Rn = /-->/g, In = />/g, J = RegExp(`>|${_t}(?:([^\\s"'>=/]+)(${_t}*=${_t}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Mn = /'/g, zn = /"/g, Ds = /^(?:script|style|textarea|title)$/i, zr = (s) => (e, ...t) => ({ _$litType$: s, strings: e, values: t }), m = zr(1), Q = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), Un = /* @__PURE__ */ new WeakMap(), te = se.createTreeWalker(se, 129);
-function Hs(s, e) {
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Mn = /'/g, zn = /"/g, Hs = /^(?:script|style|textarea|title)$/i, zr = (s) => (e, ...t) => ({ _$litType$: s, strings: e, values: t }), m = zr(1), Q = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), Un = /* @__PURE__ */ new WeakMap(), te = se.createTreeWalker(se, 129);
+function Ds(s, e) {
   if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
   return Pn !== void 0 ? Pn.createHTML(e) : e;
@@ -1749,11 +1749,11 @@ const Ur = (s, e) => {
     const l = s[a];
     let c, h, u = -1, p = 0;
     for (; p < l.length && (o.lastIndex = p, h = o.exec(l), h !== null); )
-      p = o.lastIndex, o === ye ? h[1] === "!--" ? o = Rn : h[1] !== void 0 ? o = In : h[2] !== void 0 ? (Ds.test(h[2]) && (i = RegExp("</" + h[2], "g")), o = J) : h[3] !== void 0 && (o = J) : o === J ? h[0] === ">" ? (o = i ?? ye, u = -1) : h[1] === void 0 ? u = -2 : (u = o.lastIndex - h[2].length, c = h[1], o = h[3] === void 0 ? J : h[3] === '"' ? zn : Mn) : o === zn || o === Mn ? o = J : o === Rn || o === In ? o = ye : (o = J, i = void 0);
+      p = o.lastIndex, o === ye ? h[1] === "!--" ? o = Rn : h[1] !== void 0 ? o = In : h[2] !== void 0 ? (Hs.test(h[2]) && (i = RegExp("</" + h[2], "g")), o = J) : h[3] !== void 0 && (o = J) : o === J ? h[0] === ">" ? (o = i ?? ye, u = -1) : h[1] === void 0 ? u = -2 : (u = o.lastIndex - h[2].length, c = h[1], o = h[3] === void 0 ? J : h[3] === '"' ? zn : Mn) : o === zn || o === Mn ? o = J : o === Rn || o === In ? o = ye : (o = J, i = void 0);
     const d = o === J && s[a + 1].startsWith("/>") ? " " : "";
     r += o === ye ? l + Ir : u >= 0 ? (n.push(c), l.slice(0, u) + zs + l.slice(u) + q + d) : l + q + (u === -2 ? a : d);
   }
-  return [Hs(s, r + (s[t] || "<?>") + (e === 2 ? "</svg>" : "")), n];
+  return [Ds(s, r + (s[t] || "<?>") + (e === 2 ? "</svg>" : "")), n];
 };
 class Ee {
   constructor({ strings: e, _$litType$: t }, n) {
@@ -1771,10 +1771,10 @@ class Ee {
           for (const u of i.getAttributeNames())
             if (u.endsWith(zs)) {
               const p = h[o++], d = i.getAttribute(u).split(q), b = /([.?@])?(.*)/.exec(p);
-              l.push({ type: 1, index: r, name: b[2], strings: d, ctor: b[1] === "." ? Dr : b[1] === "?" ? Hr : b[1] === "@" ? Br : ht }), i.removeAttribute(u);
+              l.push({ type: 1, index: r, name: b[2], strings: d, ctor: b[1] === "." ? Hr : b[1] === "?" ? Dr : b[1] === "@" ? Br : ht }), i.removeAttribute(u);
             } else
               u.startsWith(q) && (l.push({ type: 6, index: r }), i.removeAttribute(u));
-        if (Ds.test(i.tagName)) {
+        if (Hs.test(i.tagName)) {
           const u = i.textContent.split(q), p = u.length - 1;
           if (p > 0) {
             i.textContent = Xe ? Xe.emptyScript : "";
@@ -1869,7 +1869,7 @@ class Re {
   }
   $(e) {
     var r;
-    const { values: t, _$litType$: n } = e, i = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = Ee.createElement(Hs(n.h, n.h[0]), this.options)), n);
+    const { values: t, _$litType$: n } = e, i = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = Ee.createElement(Ds(n.h, n.h[0]), this.options)), n);
     if (((r = this._$AH) == null ? void 0 : r._$AD) === i)
       this._$AH.p(t);
     else {
@@ -1928,7 +1928,7 @@ class ht {
     e === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Dr extends ht {
+class Hr extends ht {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -1936,7 +1936,7 @@ class Dr extends ht {
     this.element[this.name] = e === g ? void 0 : e;
   }
 }
-let Hr = class extends ht {
+let Dr = class extends ht {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -2016,7 +2016,7 @@ k._$litElement$ = !0, k.finalized = !0, (ps = globalThis.litElementHydrateSuppor
 const Ct = globalThis.litElementPolyfillSupport;
 Ct == null || Ct({ LitElement: k });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.4");
-const qr = { name: "alert", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 60C47.464 60 60 47.464 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4.01731 47.4568 16.5432 59.9827 32 60ZM32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6923 45.0849 45.0849 55.6923 32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.32247 18.9212 18.9212 8.32247 32 8.30769Z"/><path d="M29.3491 38.6031V20.6807C29.348 19.8662 29.4903 19.0598 29.7675 18.3096C29.9945 17.6371 30.3484 17.0302 30.804 16.5322C31.1251 16.1524 31.5593 15.9246 32.0204 15.894C32.6852 15.894 33.3496 16.471 34.0134 17.625C34.3738 18.1337 34.5955 18.7525 34.6509 19.4042V37.3267C34.6509 37.9947 34.2454 38.6329 33.4345 39.2414C32.6632 39.835 31.7547 40.1521 30.825 40.1523C29.8423 40.1524 29.3503 39.636 29.3491 38.6031Z"/><path d="M33.66 44.6959C33.9649 45.0866 34.161 45.551 34.2284 46.0419C34.2284 46.5397 33.8893 47.0083 33.2109 47.4476C32.5638 47.8771 31.8043 48.1062 31.0275 48.1061C30.1902 48.1061 29.7716 47.7271 29.7716 46.9693C29.7703 46.3788 29.8874 45.7941 30.116 45.2496C30.3064 44.7579 30.6022 44.3138 30.9826 43.9487C31.2626 43.6591 31.6427 43.4875 32.045 43.4692C32.5635 43.4692 33.1019 43.8781 33.66 44.6959Z"/></svg>' }, Zr = { name: "check-circle-filled", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9829 16.5431 47.4569 4.01712 32 4ZM44.5613 24.5793L31.6382 43.9639C31.2806 44.5011 30.7008 44.8493 30.0586 44.9126C29.988 44.9197 29.9171 44.9232 29.8462 44.9231C29.275 44.9229 28.7272 44.696 28.3233 44.2921L19.7079 35.6767C19.1639 35.1326 18.9514 34.3396 19.1505 33.5964C19.3497 32.8533 19.9302 32.2728 20.6734 32.0736C21.4166 31.8745 22.2095 32.087 22.7536 32.631L29.5117 39.3881L40.9772 22.1899C41.4016 21.5439 42.1396 21.1749 42.9111 21.2229C43.6825 21.2709 44.3691 21.7286 44.7101 22.4223C45.0511 23.1159 44.9944 23.9391 44.5613 24.5793Z"/></svg>' }, Wr = { name: "check-circle", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9826 16.5431 47.4566 4.01712 31.9998 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM44.5611 24.5793L31.638 43.9639C31.2804 44.5011 30.7005 44.8493 30.0584 44.9126C29.9878 44.9197 29.9169 44.9232 29.8459 44.9231C29.2747 44.9229 28.727 44.696 28.3231 44.2921L19.7077 35.6767C19.1636 35.1326 18.9512 34.3396 19.1503 33.5964C19.3494 32.8533 19.9299 32.2728 20.6731 32.0736C21.4163 31.8745 22.2093 32.087 22.7534 32.631L29.5115 39.3881L40.9769 22.1899C41.4013 21.5439 42.1394 21.1749 42.9108 21.2229C43.6823 21.2709 44.3688 21.7286 44.7099 22.4223C45.0509 23.1159 44.9941 23.9391 44.5611 24.5793Z"/></svg>' }, Yr = { name: "chevron-down", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M53.0318 24.8653L33.5318 44.3653C33.1256 44.7717 32.5745 45.0001 31.9999 45.0001C31.4253 45.0001 30.8742 44.7717 30.468 44.3653L10.968 24.8653C10.122 24.0193 10.122 22.6476 10.968 21.8015C11.8141 20.9555 13.1858 20.9555 14.0318 21.8015L31.9999 39.7696L49.968 21.8015C50.8141 20.9555 52.1858 20.9555 53.0318 21.8015C53.8779 22.6476 53.8779 24.0193 53.0318 24.8653Z"/></svg>' }, Qr = { name: "close-circle", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 56C45.2548 56 56 45.2548 56 32C56 18.7452 45.2548 8 32 8C18.7452 8 8 18.7452 8 32C8 45.2548 18.7452 56 32 56ZM32 60C47.464 60 60 47.464 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60Z"/><path d="M25.2772 22.695C24.5164 21.8942 23.2505 21.8617 22.4497 22.6225C21.6488 23.3833 21.6164 24.6492 22.3772 25.45L29.2411 32.6752L22.4773 39.795C21.7166 40.5958 21.749 41.8617 22.5498 42.6225C23.3507 43.3833 24.6166 43.3508 25.3773 42.55L31.9998 35.5791L38.6222 42.55C39.3829 43.3508 40.6488 43.3833 41.4497 42.6225C42.2505 41.8617 42.2829 40.5958 41.5222 39.795L34.7584 32.6752L41.6223 25.45C42.3831 24.6492 42.3507 23.3833 41.5498 22.6225C40.749 21.8617 39.4831 21.8942 38.7224 22.695L31.9998 29.7714L25.2772 22.695Z"/></svg>' }, jn = { name: "mute", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M51.4283 11.6761L53.1768 9.53891C53.9347 8.61282 53.7982 7.24774 52.8722 6.48993C51.9461 5.73211 50.581 5.86852 49.8232 6.79461L36.3333 23.2822V13.3972C36.3332 11.6447 35.2774 10.0648 33.6583 9.39418C32.0391 8.72356 30.1755 9.09425 28.9362 10.3334L18.1029 21.1668H14.6667C9.88247 21.1722 6.00547 25.0492 6 29.8334V34.1668C6.00547 38.951 9.88247 42.828 14.6667 42.8334H18.1029L19.3315 44.0621L10.8232 54.4613C10.0653 55.3874 10.2018 56.7525 11.1279 57.5103C12.0539 58.2681 13.419 58.1317 14.1768 57.2056L22.411 47.1416L28.9362 53.6668C30.1755 54.9059 32.0391 55.2766 33.6583 54.606C35.2774 53.9354 36.3332 52.3555 36.3333 50.603V30.1254L42.6092 22.4549C44.2201 25.3756 45.044 28.6649 45 32.0001C45.1184 36.1899 43.7698 40.2896 41.1872 43.5909C40.409 44.5001 40.5152 45.8679 41.4243 46.6461C42.3334 47.4243 43.7012 47.3183 44.4795 46.4093C47.7313 42.3208 49.4486 37.2227 49.3333 32.0001C49.403 27.3538 48.067 22.7949 45.5005 18.9211L48.6119 15.1182C52.019 20.0793 53.7867 25.9829 53.6667 32.0001C53.6667 39.0587 51.4873 45.6518 47.6872 50.0909C46.909 51.0001 47.0152 52.3679 47.9243 53.1461C48.8334 53.9243 50.2012 53.8183 50.9795 52.9093C55.4408 47.6968 58 40.0764 58 32.0001C58 24.21 55.6006 16.8662 51.4283 11.6761ZM19.8971 38.5H14.6667C12.2744 38.4977 10.3357 36.559 10.3333 34.1667V29.8334C10.3357 27.4411 12.2744 25.5024 14.6667 25.5H19.8971L32 13.3972V28.5784L22.089 40.6919L19.8971 38.5ZM31.9997 50.603L25.1682 43.7715L31.9997 35.4218V50.603Z"/></svg>' }, Kr = { name: "question", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>' }, Gr = { name: "send", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.41642 6.29292C5.99705 5.18016 3.38612 7.41823 4.12858 9.96847L10.5427 32L4.12858 54.0315C3.38612 56.5818 5.99704 58.8198 8.41642 57.7071L58.1942 34.8125C60.6019 33.7051 60.6019 30.2949 58.1942 29.1875L8.41642 6.29292ZM14.2569 29.9351L8.74174 10.9913L49.9295 29.9351H14.2569ZM14.2568 34.0651L8.74174 53.0087L49.9291 34.0651H14.2568Z"/></svg>' }, Dn = { name: "volume", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M33.6578 9.3322C32.0391 8.65799 30.1735 9.02919 28.9362 10.2717L18.1029 21.105H14.6667C9.88247 21.1105 6.00547 24.9875 6 29.7717V34.105C6.00547 38.8892 9.88247 42.7662 14.6667 42.7717H18.1029L28.9362 53.605C30.1755 54.8442 32.0391 55.2149 33.6583 54.5442C35.2774 53.8736 36.3332 52.2937 36.3333 50.5412V13.3355C36.3365 11.5817 35.2794 10.0001 33.6578 9.3322ZM32 50.5411L19.8971 38.4382H14.6667C12.2744 38.4358 10.3357 36.4971 10.3333 34.1049V29.7716C10.3357 27.3793 12.2744 25.4406 14.6667 25.4382H19.8971L32 13.3353V50.5411ZM49.3334 31.9383C49.4487 37.161 47.7314 42.2591 44.4796 46.3475C43.7013 47.2565 42.3335 47.3625 41.4244 46.5843C40.5153 45.8061 40.4092 44.4383 41.1873 43.5291C43.7699 40.2278 45.1185 36.1282 45.0001 31.9383C45.1185 27.7485 43.7699 23.6488 41.1873 20.3475C40.4092 19.4383 40.5153 18.0705 41.4244 17.2923C42.3335 16.5141 43.7013 16.6201 44.4796 17.5291C47.7314 21.6176 49.4487 26.7157 49.3334 31.9383ZM58.0001 31.9383C58.0001 40.0147 55.441 47.635 50.9796 52.8475C50.2013 53.7565 48.8335 53.8625 47.9244 53.0843C47.0153 52.3061 46.9092 50.9383 47.6873 50.0291C51.4874 45.59 53.6668 38.9969 53.6668 31.9383C53.6668 24.8797 51.4874 18.2866 47.6873 13.8475C46.9092 12.9383 47.0153 11.5705 47.9244 10.7923C48.8335 10.0141 50.2013 10.1201 50.9796 11.0291C55.441 16.2416 58.0001 23.862 58.0001 31.9383Z"/></svg>' }, le = {
+const qr = { name: "alert", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 60C47.464 60 60 47.464 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4.01731 47.4568 16.5432 59.9827 32 60ZM32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6923 45.0849 45.0849 55.6923 32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.32247 18.9212 18.9212 8.32247 32 8.30769Z"/><path d="M29.3491 38.6031V20.6807C29.348 19.8662 29.4903 19.0598 29.7675 18.3096C29.9945 17.6371 30.3484 17.0302 30.804 16.5322C31.1251 16.1524 31.5593 15.9246 32.0204 15.894C32.6852 15.894 33.3496 16.471 34.0134 17.625C34.3738 18.1337 34.5955 18.7525 34.6509 19.4042V37.3267C34.6509 37.9947 34.2454 38.6329 33.4345 39.2414C32.6632 39.835 31.7547 40.1521 30.825 40.1523C29.8423 40.1524 29.3503 39.636 29.3491 38.6031Z"/><path d="M33.66 44.6959C33.9649 45.0866 34.161 45.551 34.2284 46.0419C34.2284 46.5397 33.8893 47.0083 33.2109 47.4476C32.5638 47.8771 31.8043 48.1062 31.0275 48.1061C30.1902 48.1061 29.7716 47.7271 29.7716 46.9693C29.7703 46.3788 29.8874 45.7941 30.116 45.2496C30.3064 44.7579 30.6022 44.3138 30.9826 43.9487C31.2626 43.6591 31.6427 43.4875 32.045 43.4692C32.5635 43.4692 33.1019 43.8781 33.66 44.6959Z"/></svg>' }, Zr = { name: "check-circle-filled", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9829 16.5431 47.4569 4.01712 32 4ZM44.5613 24.5793L31.6382 43.9639C31.2806 44.5011 30.7008 44.8493 30.0586 44.9126C29.988 44.9197 29.9171 44.9232 29.8462 44.9231C29.275 44.9229 28.7272 44.696 28.3233 44.2921L19.7079 35.6767C19.1639 35.1326 18.9514 34.3396 19.1505 33.5964C19.3497 32.8533 19.9302 32.2728 20.6734 32.0736C21.4166 31.8745 22.2095 32.087 22.7536 32.631L29.5117 39.3881L40.9772 22.1899C41.4016 21.5439 42.1396 21.1749 42.9111 21.2229C43.6825 21.2709 44.3691 21.7286 44.7101 22.4223C45.0511 23.1159 44.9944 23.9391 44.5613 24.5793Z"/></svg>' }, Wr = { name: "check-circle", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9826 16.5431 47.4566 4.01712 31.9998 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM44.5611 24.5793L31.638 43.9639C31.2804 44.5011 30.7005 44.8493 30.0584 44.9126C29.9878 44.9197 29.9169 44.9232 29.8459 44.9231C29.2747 44.9229 28.727 44.696 28.3231 44.2921L19.7077 35.6767C19.1636 35.1326 18.9512 34.3396 19.1503 33.5964C19.3494 32.8533 19.9299 32.2728 20.6731 32.0736C21.4163 31.8745 22.2093 32.087 22.7534 32.631L29.5115 39.3881L40.9769 22.1899C41.4013 21.5439 42.1394 21.1749 42.9108 21.2229C43.6823 21.2709 44.3688 21.7286 44.7099 22.4223C45.0509 23.1159 44.9941 23.9391 44.5611 24.5793Z"/></svg>' }, Yr = { name: "chevron-down", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M53.0318 24.8653L33.5318 44.3653C33.1256 44.7717 32.5745 45.0001 31.9999 45.0001C31.4253 45.0001 30.8742 44.7717 30.468 44.3653L10.968 24.8653C10.122 24.0193 10.122 22.6476 10.968 21.8015C11.8141 20.9555 13.1858 20.9555 14.0318 21.8015L31.9999 39.7696L49.968 21.8015C50.8141 20.9555 52.1858 20.9555 53.0318 21.8015C53.8779 22.6476 53.8779 24.0193 53.0318 24.8653Z"/></svg>' }, Qr = { name: "close-circle", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 56C45.2548 56 56 45.2548 56 32C56 18.7452 45.2548 8 32 8C18.7452 8 8 18.7452 8 32C8 45.2548 18.7452 56 32 56ZM32 60C47.464 60 60 47.464 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60Z"/><path d="M25.2772 22.695C24.5164 21.8942 23.2505 21.8617 22.4497 22.6225C21.6488 23.3833 21.6164 24.6492 22.3772 25.45L29.2411 32.6752L22.4773 39.795C21.7166 40.5958 21.749 41.8617 22.5498 42.6225C23.3507 43.3833 24.6166 43.3508 25.3773 42.55L31.9998 35.5791L38.6222 42.55C39.3829 43.3508 40.6488 43.3833 41.4497 42.6225C42.2505 41.8617 42.2829 40.5958 41.5222 39.795L34.7584 32.6752L41.6223 25.45C42.3831 24.6492 42.3507 23.3833 41.5498 22.6225C40.749 21.8617 39.4831 21.8942 38.7224 22.695L31.9998 29.7714L25.2772 22.695Z"/></svg>' }, jn = { name: "mute", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M51.4283 11.6761L53.1768 9.53891C53.9347 8.61282 53.7982 7.24774 52.8722 6.48993C51.9461 5.73211 50.581 5.86852 49.8232 6.79461L36.3333 23.2822V13.3972C36.3332 11.6447 35.2774 10.0648 33.6583 9.39418C32.0391 8.72356 30.1755 9.09425 28.9362 10.3334L18.1029 21.1668H14.6667C9.88247 21.1722 6.00547 25.0492 6 29.8334V34.1668C6.00547 38.951 9.88247 42.828 14.6667 42.8334H18.1029L19.3315 44.0621L10.8232 54.4613C10.0653 55.3874 10.2018 56.7525 11.1279 57.5103C12.0539 58.2681 13.419 58.1317 14.1768 57.2056L22.411 47.1416L28.9362 53.6668C30.1755 54.9059 32.0391 55.2766 33.6583 54.606C35.2774 53.9354 36.3332 52.3555 36.3333 50.603V30.1254L42.6092 22.4549C44.2201 25.3756 45.044 28.6649 45 32.0001C45.1184 36.1899 43.7698 40.2896 41.1872 43.5909C40.409 44.5001 40.5152 45.8679 41.4243 46.6461C42.3334 47.4243 43.7012 47.3183 44.4795 46.4093C47.7313 42.3208 49.4486 37.2227 49.3333 32.0001C49.403 27.3538 48.067 22.7949 45.5005 18.9211L48.6119 15.1182C52.019 20.0793 53.7867 25.9829 53.6667 32.0001C53.6667 39.0587 51.4873 45.6518 47.6872 50.0909C46.909 51.0001 47.0152 52.3679 47.9243 53.1461C48.8334 53.9243 50.2012 53.8183 50.9795 52.9093C55.4408 47.6968 58 40.0764 58 32.0001C58 24.21 55.6006 16.8662 51.4283 11.6761ZM19.8971 38.5H14.6667C12.2744 38.4977 10.3357 36.559 10.3333 34.1667V29.8334C10.3357 27.4411 12.2744 25.5024 14.6667 25.5H19.8971L32 13.3972V28.5784L22.089 40.6919L19.8971 38.5ZM31.9997 50.603L25.1682 43.7715L31.9997 35.4218V50.603Z"/></svg>' }, Kr = { name: "question", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>' }, Gr = { name: "send", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.41642 6.29292C5.99705 5.18016 3.38612 7.41823 4.12858 9.96847L10.5427 32L4.12858 54.0315C3.38612 56.5818 5.99704 58.8198 8.41642 57.7071L58.1942 34.8125C60.6019 33.7051 60.6019 30.2949 58.1942 29.1875L8.41642 6.29292ZM14.2569 29.9351L8.74174 10.9913L49.9295 29.9351H14.2569ZM14.2568 34.0651L8.74174 53.0087L49.9291 34.0651H14.2568Z"/></svg>' }, Hn = { name: "volume", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M33.6578 9.3322C32.0391 8.65799 30.1735 9.02919 28.9362 10.2717L18.1029 21.105H14.6667C9.88247 21.1105 6.00547 24.9875 6 29.7717V34.105C6.00547 38.8892 9.88247 42.7662 14.6667 42.7717H18.1029L28.9362 53.605C30.1755 54.8442 32.0391 55.2149 33.6583 54.5442C35.2774 53.8736 36.3332 52.2937 36.3333 50.5412V13.3355C36.3365 11.5817 35.2794 10.0001 33.6578 9.3322ZM32 50.5411L19.8971 38.4382H14.6667C12.2744 38.4358 10.3357 36.4971 10.3333 34.1049V29.7716C10.3357 27.3793 12.2744 25.4406 14.6667 25.4382H19.8971L32 13.3353V50.5411ZM49.3334 31.9383C49.4487 37.161 47.7314 42.2591 44.4796 46.3475C43.7013 47.2565 42.3335 47.3625 41.4244 46.5843C40.5153 45.8061 40.4092 44.4383 41.1873 43.5291C43.7699 40.2278 45.1185 36.1282 45.0001 31.9383C45.1185 27.7485 43.7699 23.6488 41.1873 20.3475C40.4092 19.4383 40.5153 18.0705 41.4244 17.2923C42.3335 16.5141 43.7013 16.6201 44.4796 17.5291C47.7314 21.6176 49.4487 26.7157 49.3334 31.9383ZM58.0001 31.9383C58.0001 40.0147 55.441 47.635 50.9796 52.8475C50.2013 53.7565 48.8335 53.8625 47.9244 53.0843C47.0153 52.3061 46.9092 50.9383 47.6873 50.0291C51.4874 45.59 53.6668 38.9969 53.6668 31.9383C53.6668 24.8797 51.4874 18.2866 47.6873 13.8475C46.9092 12.9383 47.0153 11.5705 47.9244 10.7923C48.8335 10.0141 50.2013 10.1201 50.9796 11.0291C55.441 16.2416 58.0001 23.862 58.0001 31.9383Z"/></svg>' }, le = {
   allRenderFn: !1,
   cmpDidLoad: !0,
   cmpDidUnload: !1,
@@ -2100,8 +2100,8 @@ const qr = { name: "alert", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.
   transformTagName: !1,
   attachStyles: !0
 };
-let ce, Bs, ut, Ns = !1, Ve = !1, en = !1, T = !1, Hn = null, jt = !1;
-const pt = typeof window < "u" ? window : {}, j = pt.document || { head: {} }, Fs = pt.HTMLElement || class {
+let ce, Bs, ut, Ns = !1, Ve = !1, en = !1, T = !1, Dn = null, jt = !1;
+const pt = typeof window < "u" ? window : {}, D = pt.document || { head: {} }, Fs = pt.HTMLElement || class {
 }, S = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -2113,7 +2113,7 @@ const pt = typeof window < "u" ? window : {}, j = pt.document || { head: {} }, F
 }, Xr = /* @__PURE__ */ (() => {
   let s = !1;
   try {
-    j.addEventListener("e", null, Object.defineProperty({}, "passive", {
+    D.addEventListener("e", null, Object.defineProperty({}, "passive", {
       get() {
         s = !0;
       }
@@ -2138,7 +2138,7 @@ const pt = typeof window < "u" ? window : {}, j = pt.document || { head: {} }, F
   } catch (n) {
     Ie(n);
   }
-}, to = (s, e) => e & 4 ? j : e & 8 ? pt : e & 16 ? j.body : s, no = (s) => Xr ? {
+}, to = (s, e) => e & 4 ? D : e & 8 ? pt : e & 16 ? D.body : s, no = (s) => Xr ? {
   passive: (s & 1) !== 0,
   capture: (s & 2) !== 0
 } : (s & 2) !== 0, Bn = "http://www.w3.org/1999/xlink", ie = (s, e = "") => () => {
@@ -2147,11 +2147,11 @@ const pt = typeof window < "u" ? window : {}, j = pt.document || { head: {} }, F
   Jr && t ? (n = n || new CSSStyleSheet(), n.replace(e)) : n = e, tt.set(s, n);
 }, io = (s, e, t, n) => {
   let i = Zs(e, t), r = tt.get(i);
-  if (s = s.nodeType === 11 ? s : j, r)
+  if (s = s.nodeType === 11 ? s : D, r)
     if (typeof r == "string") {
       s = s.head || s;
       let o = Nn.get(s), a;
-      o || Nn.set(s, o = /* @__PURE__ */ new Set()), o.has(i) || (a = j.createElement("style"), a.innerHTML = r, s.insertBefore(a, s.querySelector("link")), o && o.add(i));
+      o || Nn.set(s, o = /* @__PURE__ */ new Set()), o.has(i) || (a = D.createElement("style"), a.innerHTML = r, s.insertBefore(a, s.querySelector("link")), o && o.add(i));
     } else
       s.adoptedStyleSheets.includes(r) || (s.adoptedStyleSheets = [...s.adoptedStyleSheets, r]);
   return i;
@@ -2248,11 +2248,11 @@ const pt = typeof window < "u" ? window : {}, j = pt.document || { head: {} }, F
     // slot element does not have fallback content
     1
   ))), i.$text$ !== null)
-    o = i.$elm$ = j.createTextNode(i.$text$);
+    o = i.$elm$ = D.createTextNode(i.$text$);
   else if (i.$flags$ & 1)
-    o = i.$elm$ = j.createTextNode("");
+    o = i.$elm$ = D.createTextNode("");
   else {
-    if (T || (T = i.$tag$ === "svg"), o = i.$elm$ = j.createElementNS(T ? ao : lo, i.$flags$ & 2 ? "slot-fb" : i.$tag$), T && i.$tag$ === "foreignObject" && (T = !1), Ws(null, i, T), co(ce) && o["s-si"] !== ce && o.classList.add(o["s-si"] = ce), i.$children$)
+    if (T || (T = i.$tag$ === "svg"), o = i.$elm$ = D.createElementNS(T ? ao : lo, i.$flags$ & 2 ? "slot-fb" : i.$tag$), T && i.$tag$ === "foreignObject" && (T = !1), Ws(null, i, T), co(ce) && o["s-si"] !== ce && o.classList.add(o["s-si"] = ce), i.$children$)
       for (r = 0; r < i.$children$.length; ++r)
         a = et(s, i, r, o), a && o.appendChild(a);
     i.$tag$ === "svg" ? T = !1 : o.tagName === "foreignObject" && (T = !0);
@@ -2348,7 +2348,7 @@ const pt = typeof window < "u" ? window : {}, j = pt.document || { head: {} }, F
       Xs(r.$elm$);
       let o, a, l, c, h, u, p = 0;
       for (; p < O.length; p++)
-        o = O[p], a = o.$nodeToRelocate$, a["s-ol"] || (l = j.createTextNode(""), l["s-nr"] = a, a.parentNode.insertBefore(a["s-ol"] = l, a));
+        o = O[p], a = o.$nodeToRelocate$, a["s-ol"] || (l = D.createTextNode(""), l["s-nr"] = a, a.parentNode.insertBefore(a["s-ol"] = l, a));
       for (p = 0; p < O.length; p++)
         if (o = O[p], a = o.$nodeToRelocate$, o.$slotRefNode$) {
           for (c = o.$slotRefNode$.parentNode, h = o.$slotRefNode$.nextSibling, l = a["s-ol"]; l = l.previousSibling; )
@@ -2387,11 +2387,11 @@ const pt = typeof window < "u" ? window : {}, j = pt.document || { head: {} }, F
   ko(s, e, n), r(), i(), _o(s);
 }, ko = (s, e, t) => {
   try {
-    Hn = e, e = e.render && e.render(), s.$flags$ &= -17, s.$flags$ |= 2, (le.hasRenderFn || le.reflect) && (le.vdomRender || le.reflect) && (le.hydrateServerSide || mo(s, e));
+    Dn = e, e = e.render && e.render(), s.$flags$ &= -17, s.$flags$ |= 2, (le.hasRenderFn || le.reflect) && (le.vdomRender || le.reflect) && (le.hydrateServerSide || mo(s, e));
   } catch (a) {
     Ie(a, s.$hostElement$);
   }
-  return Hn = null, null;
+  return Dn = null, null;
 }, _o = (s) => {
   const e = s.$cmpMeta$.$tagName$, t = s.$hostElement$, n = ie("postUpdate", e), i = t;
   s.$ancestorComponent$, fe(i, "componentDidRender"), s.$flags$ & 64 ? (fe(i, "componentDidUpdate"), n()) : (s.$flags$ |= 64, fe(i, "componentDidLoad"), n());
@@ -2486,7 +2486,7 @@ const pt = typeof window < "u" ? window : {}, j = pt.document || { head: {} }, F
     }), To(s, e, t)), n();
   }
 }, Po = (s) => {
-  const e = s["s-cr"] = j.createComment("");
+  const e = s["s-cr"] = D.createComment("");
   e["s-cn"] = !0, s.insertBefore(e, s.firstChild);
 }, Ro = (s) => {
   if (!(S.$flags$ & 1)) {
@@ -2526,7 +2526,7 @@ const pt = typeof window < "u" ? window : {}, j = pt.document || { head: {} }, F
   };
   return qs(s, t, e.$listeners$), ti.set(s, t);
 }, Kn = (s, e) => e in s, Ie = (s, e) => (0, console.error)(s, e), tt = /* @__PURE__ */ new Map(), Mo = [], Gn = [], ni = [], zo = (s, e) => (t) => {
-  s.push(t), jt || (jt = !0, e && S.$flags$ & 4 ? Uo(Dt) : S.raf(Dt));
+  s.push(t), jt || (jt = !0, e && S.$flags$ & 4 ? Uo(Ht) : S.raf(Ht));
 }, Xn = (s) => {
   for (let e = 0; e < s.length; e++)
     try {
@@ -2535,9 +2535,9 @@ const pt = typeof window < "u" ? window : {}, j = pt.document || { head: {} }, F
       Ie(t);
     }
   s.length = 0;
-}, Dt = () => {
-  Xn(Gn), Xn(ni), (jt = Gn.length > 0) && S.raf(Dt);
-}, Uo = (s) => Vr().then(s), jo = /* @__PURE__ */ zo(ni, !0), Do = (s = {}) => {
+}, Ht = () => {
+  Xn(Gn), Xn(ni), (jt = Gn.length > 0) && S.raf(Ht);
+}, Uo = (s) => Vr().then(s), jo = /* @__PURE__ */ zo(ni, !0), Ho = (s = {}) => {
   const { content: e = "", title: t, attributes: n = [] } = s;
   let i = "", r = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
@@ -2545,7 +2545,7 @@ const pt = typeof window < "u" ? window : {}, j = pt.document || { head: {} }, F
     ...n
   ];
   return t && (i = `<title>${t}</title>`), `<svg ${r.map((a) => `${a.name}="${a.value}"`).join(" ")}>${i}${e}</svg>`;
-}, Ho = (s) => s.replace(/<(\/?)svg([^>]*)>/g, "").trim();
+}, Do = (s) => s.replace(/<(\/?)svg([^>]*)>/g, "").trim();
 function Bo(s) {
   return `${s.getFullYear()}.${s.getMonth() + 1}`;
 }
@@ -2582,15 +2582,15 @@ function si() {
   });
 }
 si();
-function Ht() {
+function Dt() {
   return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
 }
 function Zo() {
-  if (typeof Ht().vocadsIcons !== void 0)
-    return Ht().vocadsIcons;
+  if (typeof Dt().vocadsIcons !== void 0)
+    return Dt().vocadsIcons;
 }
 function Wo() {
-  return Ht().vocadsIconsRegistered;
+  return Dt().vocadsIconsRegistered;
 }
 const Yo = ".telia-icon{display:inline-block}.telia-icon__container{display:block;height:inherit}.telia-icon svg{display:block}.telia-icon--sm{height:calc(1.6rem * var(--voca-rem-multiplier));min-width:calc(1.6rem * var(--voca-rem-multiplier));width:calc(1.6rem * var(--voca-rem-multiplier))}.telia-icon--md{height:calc(2.4rem * var(--voca-rem-multiplier));min-width:calc(2.4rem * var(--voca-rem-multiplier));width:calc(2.4rem * var(--voca-rem-multiplier))}.telia-icon--lg{height:calc(3.2rem * var(--voca-rem-multiplier));min-width:calc(3.2rem * var(--voca-rem-multiplier));width:calc(3.2rem * var(--voca-rem-multiplier))}", Qo = /* @__PURE__ */ ei(class extends Fs {
   constructor() {
@@ -2616,8 +2616,8 @@ const Yo = ".telia-icon{display:inline-block}.telia-icon__container{display:bloc
       ...e,
       { name: "aria-hidden", value: "true" }
     ];
-    const t = Do({
-      content: Ho(s),
+    const t = Ho({
+      content: Do(s),
       attributes: e,
       title: this.allyTitle
     });
@@ -2793,10 +2793,10 @@ let ri = class extends rn {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const B = () => new na();
+const M = () => new na();
 class na {
 }
-const At = /* @__PURE__ */ new WeakMap(), N = gt(class extends ri {
+const At = /* @__PURE__ */ new WeakMap(), z = gt(class extends ri {
   render(s) {
     return g;
   }
@@ -3124,7 +3124,7 @@ var pa = Object.defineProperty, da = Object.getOwnPropertyDescriptor, Me = (s, e
 };
 class G extends k {
   constructor() {
-    super(...arguments), this.active = !1, this.triggerVisible = !0, this.loaded = !1, this.containerRef = B(), this.widgetActive$ = new M(!1), this.componentIsDestroyed$ = new _();
+    super(...arguments), this.active = !1, this.triggerVisible = !0, this.loaded = !1, this.containerRef = M(), this.widgetActive$ = new U(!1), this.componentIsDestroyed$ = new _();
   }
   async connectedCallback() {
     super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding();
@@ -3181,7 +3181,7 @@ class G extends k {
       "trigger-container": !0,
       hidden: !this.triggerVisible
     })}
-      ${N(this.containerRef)}
+      ${z(this.containerRef)}
     >
       ${!this.active && ((i = (n = (t = (e = this.application) == null ? void 0 : e.settings) == null ? void 0 : t.branding) == null ? void 0 : n.other) != null && i.showButtonLabel) ? m`
             <button
@@ -3586,7 +3586,7 @@ var xa = Object.defineProperty, wa = Object.getOwnPropertyDescriptor, ka = (s, e
 const _a = "application";
 class ln extends k {
   constructor() {
-    super(...arguments), this.nodes = [], this.wrapperRef = B();
+    super(...arguments), this.nodes = [], this.wrapperRef = M();
   }
   addChild(e) {
     e.parent = this, this.nodes.push(e);
@@ -3609,7 +3609,7 @@ class ln extends k {
     this.applyBranding(), this.applyStyles();
   }
   render() {
-    return this.application.renderStrategy === an.Trigger && (this.renderRoot.host.classList.add("floating"), this.application.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.application.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right")), m`<div class="widget-container" ${N(this.wrapperRef)}>
+    return this.application.renderStrategy === an.Trigger && (this.renderRoot.host.classList.add("floating"), this.application.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.application.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right")), m`<div class="widget-container" ${z(this.wrapperRef)}>
       ${ma(this.nodes, (e) => e)}
     </div>`;
   }
@@ -3805,7 +3805,7 @@ class Aa {
 }
 class os {
   constructor(e, t, n, i, r) {
-    this.id = e, this.providerKey = t, this.providerOptions = n, this.component = r, this.provider$ = new M(null), this.entries$ = new M([]), this.removeEntryAction$ = new _(), this.kill$ = new _(), this.isTyping$ = new M(!1), this.data$ = new M({}), this.complete$ = this.provider$.pipe(
+    this.id = e, this.providerKey = t, this.providerOptions = n, this.component = r, this.provider$ = new U(null), this.entries$ = new U([]), this.removeEntryAction$ = new _(), this.kill$ = new _(), this.isTyping$ = new U(!1), this.data$ = new U({}), this.complete$ = this.provider$.pipe(
       pe((l) => l ? l.onComplete() : Pe)
     );
     const o = this._getProviderFactory(t);
@@ -3861,7 +3861,7 @@ class os {
 }
 class Ea {
   constructor(e) {
-    this.component = e, this.currentSession$ = new M(null), this.sessions = [], this.storage = null, Ke(e, "handover").subscribe((t) => {
+    this.component = e, this.currentSession$ = new U(null), this.sessions = [], this.storage = null, Ke(e, "handover").subscribe((t) => {
       const n = this._createNewSession(
         t.detail.providerKey,
         t.detail.providerOptions
@@ -3959,7 +3959,7 @@ class Ea {
 }
 class Ta {
   constructor(e, t) {
-    this.state$ = e, this.component = t, this.entries$ = new M([]), this.session = () => this.session$, this.isTyping = () => this.isTyping$, this.entries = () => this.entries$.asObservable(), this.sessionService = new Ea(this.component), this.session$ = this.sessionService.currentSession(), this.isTyping$ = this.session$.pipe(
+    this.state$ = e, this.component = t, this.entries$ = new U([]), this.session = () => this.session$, this.isTyping = () => this.isTyping$, this.entries = () => this.entries$.asObservable(), this.sessionService = new Ea(this.component), this.session$ = this.sessionService.currentSession(), this.isTyping$ = this.session$.pipe(
       pe((n) => n ? n.provider$.pipe(
         pe((i) => i ? i.isTyping() : It(!1))
       ) : It(!1))
@@ -4444,16 +4444,16 @@ class Nt extends rn {
   }
 }
 Nt.directiveName = "unsafeHTML", Nt.resultType = 1;
-const Da = gt(Nt);
-var Ha = Object.defineProperty, Ba = Object.getOwnPropertyDescriptor, Na = (s, e, t, n) => {
+const Ha = gt(Nt);
+var Da = Object.defineProperty, Ba = Object.getOwnPropertyDescriptor, Na = (s, e, t, n) => {
   for (var i = n > 1 ? void 0 : n ? Ba(e, t) : e, r = s.length - 1, o; r >= 0; r--)
     (o = s[r]) && (i = (n ? o(e, t, i) : o(i)) || i);
-  return n && i && Ha(e, t, i), i;
+  return n && i && Da(e, t, i), i;
 };
 class pn extends k {
   render() {
     return m`<div class="message-type-html">
-      ${Da(this.message.content)}
+      ${Ha(this.message.content)}
     </div>`;
   }
 }
@@ -4733,17 +4733,17 @@ class st {
           break;
         a = t[0], e = e.substring(a.length);
         let u = t[2].split(`
-`, 1)[0].replace(/^\t+/, (H) => " ".repeat(3 * H.length)), p = e.split(`
+`, 1)[0].replace(/^\t+/, (N) => " ".repeat(3 * N.length)), p = e.split(`
 `, 1)[0], d = 0;
         this.options.pedantic ? (d = 2, l = u.trimStart()) : (d = t[2].search(/[^ ]/), d = d > 4 ? 1 : d, l = u.slice(d), d += t[1].length);
         let b = !1;
         if (!u && /^ *$/.test(p) && (a += p + `
 `, e = e.substring(p.length + 1), h = !0), !h) {
-          const H = new RegExp(`^ {0,${Math.min(3, d - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`), V = new RegExp(`^ {0,${Math.min(3, d - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), xn = new RegExp(`^ {0,${Math.min(3, d - 1)}}(?:\`\`\`|~~~)`), wn = new RegExp(`^ {0,${Math.min(3, d - 1)}}#`);
+          const N = new RegExp(`^ {0,${Math.min(3, d - 1)}}(?:[*+-]|\\d{1,9}[.)])((?:[ 	][^\\n]*)?(?:\\n|$))`), V = new RegExp(`^ {0,${Math.min(3, d - 1)}}((?:- *){3,}|(?:_ *){3,}|(?:\\* *){3,})(?:\\n+|$)`), xn = new RegExp(`^ {0,${Math.min(3, d - 1)}}(?:\`\`\`|~~~)`), wn = new RegExp(`^ {0,${Math.min(3, d - 1)}}#`);
           for (; e; ) {
             const yt = e.split(`
 `, 1)[0];
-            if (p = yt, this.options.pedantic && (p = p.replace(/^ {1,4}(?=( {4})*[^ ])/g, "  ")), xn.test(p) || wn.test(p) || H.test(p) || V.test(e))
+            if (p = yt, this.options.pedantic && (p = p.replace(/^ {1,4}(?=( {4})*[^ ])/g, "  ")), xn.test(p) || wn.test(p) || N.test(p) || V.test(e))
               break;
             if (p.search(/[^ ]/) >= d || !p.trim())
               l += `
@@ -5138,7 +5138,7 @@ const Xa = /^(?: *(?:\n|$))+/, Va = /^( {4}[^\n]+(?:\n(?: *(?:\n|$))*)?)+/, Ja =
   breaks: wl,
   pedantic: xl
 };
-class z {
+class j {
   constructor(e) {
     x(this, "tokens");
     x(this, "options");
@@ -5169,13 +5169,13 @@ class z {
    * Static Lex Method
    */
   static lex(e, t) {
-    return new z(t).lex(e);
+    return new j(t).lex(e);
   }
   /**
    * Static Lex Inline Method
    */
   static lexInline(e, t) {
-    return new z(t).inlineTokens(e);
+    return new j(t).inlineTokens(e);
   }
   /**
    * Preprocessing
@@ -5492,7 +5492,7 @@ class yn {
     return "";
   }
 }
-class U {
+class H {
   constructor(e) {
     x(this, "options");
     x(this, "renderer");
@@ -5503,13 +5503,13 @@ class U {
    * Static Parse Method
    */
   static parse(e, t) {
-    return new U(t).parse(e);
+    return new H(t).parse(e);
   }
   /**
    * Static Parse Inline Method
    */
   static parseInline(e, t) {
-    return new U(t).parseInline(e);
+    return new H(t).parseInline(e);
   }
   /**
    * Parse Loop
@@ -5722,12 +5722,12 @@ class kl {
     $t(this, ot);
     x(this, "defaults", dn());
     x(this, "options", this.setOptions);
-    x(this, "parse", De(this, Le, qt).call(this, z.lex, U.parse));
-    x(this, "parseInline", De(this, Le, qt).call(this, z.lexInline, U.parseInline));
-    x(this, "Parser", U);
+    x(this, "parse", He(this, Le, qt).call(this, j.lex, H.parse));
+    x(this, "parseInline", He(this, Le, qt).call(this, j.lexInline, H.parseInline));
+    x(this, "Parser", H);
     x(this, "Renderer", rt);
     x(this, "TextRenderer", yn);
-    x(this, "Lexer", z);
+    x(this, "Lexer", j);
     x(this, "Tokenizer", st);
     x(this, "Hooks", Se);
     this.use(...e);
@@ -5849,17 +5849,17 @@ class kl {
     return this.defaults = { ...this.defaults, ...e }, this;
   }
   lexer(e, t) {
-    return z.lex(e, t ?? this.defaults);
+    return j.lex(e, t ?? this.defaults);
   }
   parser(e, t) {
-    return U.parse(e, t ?? this.defaults);
+    return H.parse(e, t ?? this.defaults);
   }
 }
 Le = new WeakSet(), qt = function(e, t) {
   return (n, i) => {
     const r = { ...i }, o = { ...this.defaults, ...r };
     this.defaults.async === !0 && r.async === !1 && (o.silent || console.warn("marked(): The async option was set to true by an extension. The async: false option sent to parse will be ignored."), o.async = !0);
-    const a = De(this, ot, wi).call(this, !!o.silent, !!o.async);
+    const a = He(this, ot, wi).call(this, !!o.silent, !!o.async);
     if (typeof n > "u" || n === null)
       return a(new Error("marked(): input parameter is undefined or null"));
     if (typeof n != "string")
@@ -5904,12 +5904,12 @@ v.walkTokens = function(s, e) {
   return re.walkTokens(s, e);
 };
 v.parseInline = re.parseInline;
-v.Parser = U;
-v.parser = U.parse;
+v.Parser = H;
+v.parser = H.parse;
 v.Renderer = rt;
 v.TextRenderer = yn;
-v.Lexer = z;
-v.lexer = z.lex;
+v.Lexer = j;
+v.lexer = j.lex;
 v.Tokenizer = st;
 v.Hooks = Se;
 v.parse = v;
@@ -5918,8 +5918,8 @@ v.setOptions;
 v.use;
 v.walkTokens;
 v.parseInline;
-U.parse;
-z.lex;
+H.parse;
+j.lex;
 var _l = Object.defineProperty, Sl = Object.getOwnPropertyDescriptor, ki = (s, e, t, n) => {
   for (var i = n > 1 ? void 0 : n ? Sl(e, t) : e, r = s.length - 1, o; r >= 0; r--)
     (o = s[r]) && (i = (n ? o(e, t, i) : o(i)) || i);
@@ -5934,7 +5934,7 @@ v.use({
 });
 class bt extends k {
   constructor() {
-    super(...arguments), this.showLightbox = !1, this.imageUrl = "", this.altText = "", this.scrollRef = B(), this.contentRef = B(), this.autoScroll = !0, this.buffer = "", this.pointer = 0, this.imageRegexp = new RegExp(/!\[[^[]*\([^)]*\)/gm), this.includesImage = (e) => this.imageRegexp.test(e);
+    super(...arguments), this.showLightbox = !1, this.imageUrl = "", this.altText = "", this.scrollRef = M(), this.contentRef = M(), this.autoScroll = !0, this.buffer = "", this.pointer = 0, this.imageRegexp = new RegExp(/!\[[^[]*\([^)]*\)/gm), this.includesImage = (e) => this.imageRegexp.test(e);
   }
   // Stop autoscroll on user interaction
   handleAutoscroll() {
@@ -5983,10 +5983,10 @@ class bt extends k {
   }
   render() {
     return m`
-      <div class="message-type-markdown" ${N(this.contentRef)}>
+      <div class="message-type-markdown" ${z(this.contentRef)}>
         <div></div>
       </div>
-      <div class="scroll" ${N(this.scrollRef)}></div>
+      <div class="scroll" ${z(this.scrollRef)}></div>
       ${this.showLightbox ? m`<ace-lightbox
             imageUrl="${this.imageUrl}"
             altText="${this.altText}"
@@ -6130,12 +6130,12 @@ customElements.get("ace-lightbox") || customElements.define("ace-lightbox", $n);
 const _i = ai(k);
 class R extends _i {
   constructor() {
-    super(...arguments), this.message = "", this.disabledInput = !1, this.disabledSubmit = !1, this.chatOverlayActive = !1, this.textAreaLength = 0, this.conversationContentRef = B(), this.conversationFeedRef = B(), this.formRef = B(), this.inputRef = B(), this.scrollRef = B(), this.chatScrollHeight = 0, this.chatCurrentScrollPosition = 0, this.toast = new Aa(this), this.messageMaxLength = 1e3, this.skipToLatestMessageLabel = "Skip to latest message", this.platform = null, this.entries = [], this.typing = !1, this.conversationState$ = new M("waiting"), this.stateMachine = new Ta(this.conversationState$, this), this.provider$ = this.stateMachine.session().pipe(
+    super(...arguments), this.message = "", this.disabledInput = !1, this.disabledSubmit = !1, this.chatOverlayActive = !1, this.textAreaLength = 0, this.conversationContentRef = M(), this.conversationFeedRef = M(), this.formRef = M(), this.inputRef = M(), this.scrollRef = M(), this.counterRef = M(), this.chatScrollHeight = 0, this.chatCurrentScrollPosition = 0, this.toast = new Aa(this), this.messageMaxLength = 1e3, this.messageMaxLengthLabel = "Maximum character limit reached", this.skipToLatestMessageLabel = "Skip to latest message", this.platform = null, this.entries = [], this.typing = !1, this.conversationState$ = new U("waiting"), this.stateMachine = new Ta(this.conversationState$, this), this.provider$ = this.stateMachine.session().pipe(
       pe((e) => e ? e == null ? void 0 : e.provider$ : It(null))
     ), this.userTyping$ = new _();
   }
   async connectedCallback() {
-    super.connectedCallback(), this.messageMaxLength = this.properties.messageMaxLength ?? this.messageMaxLength, this.skipToLatestMessageLabel = this.properties.skipToLatestMessageLabel ?? this.skipToLatestMessageLabel;
+    super.connectedCallback(), this.messageMaxLength = this.properties.messageMaxLength ?? this.messageMaxLength, this.messageMaxLengthLabel = this.properties.messageMaxLengthLabel ?? this.messageMaxLengthLabel, this.skipToLatestMessageLabel = this.properties.skipToLatestMessageLabel ?? this.skipToLatestMessageLabel;
     const e = await this.application.container.get(
       "conversation"
     );
@@ -6217,11 +6217,11 @@ class R extends _i {
     this.toast.message = e;
   }
   async _onSendMessage(e) {
-    var n;
-    if (e.preventDefault(), this.message.length <= 0) {
+    var n, i;
+    if (e.preventDefault(), this.message.length <= 0 || this.message.length > this.messageMaxLength) {
       (n = this.formRef.value) == null || n.classList.add("shake"), setTimeout(() => {
-        var i;
-        (i = this.formRef.value) == null || i.classList.remove("shake");
+        var r;
+        (r = this.formRef.value) == null || r.classList.remove("shake");
       }, 500);
       return;
     }
@@ -6229,7 +6229,7 @@ class R extends _i {
     const t = new CustomEvent("user-submit", {
       detail: { text: this.message }
     });
-    this.dispatchEvent(t), this.message = "", this.inputRef.value.style.height = this.style.getPropertyValue(
+    this.dispatchEvent(t), this.message = "", this.textAreaLength = 0, (i = this.counterRef.value) == null || i.classList.remove("max-char-count-reached"), this.inputRef.value.style.height = this.style.getPropertyValue(
       "--textarea-default-height"
     );
   }
@@ -6239,18 +6239,19 @@ class R extends _i {
       return;
     const t = this.application.texts, n = t.getOrFallback("conversation.mute", "Mute"), i = t.getOrFallback("conversation.unmute", "Unmute"), r = !!this.application.storage.get("muteAudioNotifications"), o = e.addOption({
       label: r ? i : n,
-      icon: r ? jn.svg : Dn.svg,
+      icon: r ? jn.svg : Hn.svg,
       closeOnClick: !1,
       datatestid: "options-mute-button",
       onClick: () => {
-        !!this.application.storage.get("muteAudioNotifications") ? (this.application.unmute(), o.updateLabel(n), o.updateIcon(Dn.svg)) : (this.application.mute(), o.updateLabel(i), o.updateIcon(jn.svg));
+        !!this.application.storage.get("muteAudioNotifications") ? (this.application.unmute(), o.updateLabel(n), o.updateIcon(Hn.svg)) : (this.application.mute(), o.updateLabel(i), o.updateIcon(jn.svg));
       }
     });
   }
   _inputHandler(e) {
+    var t, n;
     this.message = e.target.value, e.target.style.height = this.style.getPropertyValue(
       "--textarea-default-height"
-    ), e.target.style.height = e.target.scrollHeight + "px", this.textAreaLength = e.target.value.length;
+    ), e.target.style.height = e.target.scrollHeight + "px", this.textAreaLength = e.target.value.length, e.target.value.length > this.messageMaxLength ? (t = this.counterRef.value) == null || t.classList.add("max-char-count-reached") : (n = this.counterRef.value) == null || n.classList.remove("max-char-count-reached");
   }
   _keyDownHandler(e) {
     this.userTyping$.next(e.key), e.key === "Enter" && !e.shiftKey && !this.disabledSubmit && (this._onSendMessage(e), e.preventDefault());
@@ -6283,7 +6284,7 @@ class R extends _i {
       conversation: !0,
       disabled: this.disabledInput,
       "conversation--has-toast": this.toast.hasMessage(),
-      "conversation--input-has-text": this.message.length > 0 && !this.disabledSubmit,
+      "conversation--input-has-valid-text": this.message.length > 0 && this.message.length <= this.messageMaxLength && !this.disabledSubmit,
       "overlay-mode": this.chatOverlayActive
     })}
     >
@@ -6302,21 +6303,21 @@ class R extends _i {
     })}
         part="scroll-container"
         aria-live="polite"
-        ${N(this.conversationContentRef)}
+        ${z(this.conversationContentRef)}
       >
         ${this.toast.hasMessage() ? m`<div class="conversation__toast">${this.toast.message}</div>` : g}
         <ace-conversation-feed
           .entries=${this.entries}
           .loading=${this.typing}
-          ${N(this.conversationFeedRef)}
+          ${z(this.conversationFeedRef)}
           @updated=${this.onSessionUpdated}
         ></ace-conversation-feed>
-        <div class="scroll" ${N(this.scrollRef)}></div>
+        <div class="scroll" ${z(this.scrollRef)}></div>
       </div>
       <form
         class="conversation-bottom"
         @submit=${this._onSendMessage}
-        ${N(this.formRef)}
+        ${z(this.formRef)}
       >
         <label for="chat-message-input" class="visually-hidden">
           Chat message
@@ -6324,7 +6325,6 @@ class R extends _i {
         <textarea
           id="chat-message-input"
           autocomplete="off"
-          maxlength=${this.messageMaxLength}
           placeholder=${e.getOrFallback(
       "conversation.input-placeholder",
       "Aa"
@@ -6334,7 +6334,12 @@ class R extends _i {
           ?disabled=${this.disabledInput}
           @input=${this._inputHandler}
           @keydown=${this._keyDownHandler}
-          ${N(this.inputRef)}
+          ${z(this.inputRef)}
+          aria-valuenow=${this.textAreaLength}
+          aria-valuemax=${this.messageMaxLength}
+          aria-valuemin="0"
+          role="textbox"
+          aria-multiline="true"
         ></textarea>
         <div class="conversation-actions">
           <button
@@ -6346,10 +6351,12 @@ class R extends _i {
           >
             <telia-icon svg=${Gr.svg}></telia-icon>
           </button>
-          <!-- TODO: Activate character counter when details decided -->
-          <!--<span class="counter"
-            >${this.textAreaLength} / ${this.messageMaxLength}</span
-          >-->
+          <span class="counter" ${z(this.counterRef)}>
+            ${this.textAreaLength} / ${this.messageMaxLength}</span
+          >
+        </div>
+        <div class="sr-only" aria-live="polite">
+          ${this.textAreaLength > this.messageMaxLength ? this.messageMaxLengthLabel : ""}
         </div>
       </form>
       <button
@@ -6473,8 +6480,7 @@ R.styles = [
         height: 100%;
         background-color: transparent;
       }
-      .conversation.conversation--input-has-text {
-        /* --send-icon-color: var(--primary-color); */
+      .conversation.conversation--input-has-valid-text {
         --send-icon-opacity: 1;
       }
       .conversation.conversation--has-toast .conversation-content {
@@ -6520,6 +6526,9 @@ R.styles = [
         color: var(--send-icon-color);
         opacity: var(--send-icon-opacity);
         transition: opacity 200ms ease-in-out;
+        display: flex;
+        justify-content: right;
+        margin-bottom: var(--spacing-xs);
       }
       .conversation-send-button:not(:disabled):hover {
         --send-icon-opacity: 1;
@@ -6607,6 +6616,35 @@ R.styles = [
         border-top-left-radius: 0;
         border-top-right-radius: 0;
       }
+
+      .conversation-actions {
+        display: flex;
+        flex-direction: column;
+      }
+
+      .counter {
+        display: flex;
+        justify-content: right;
+        bottom: var(--spacing-xs);
+        padding-top: var(--spacing-sm);
+        position: absolute;
+        font-size: 0.6rem;
+      }
+
+      .max-char-count-reached {
+        color: var(--error-text-color);
+      }
+
+      .sr-only {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        margin: -1px;
+        padding: 0;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        border: 0;
+      }
     `
 ];
 X([