@telia-ace/widget-conversation-flamingo 1.1.14 → 1.1.15-rc.1

package/{conversation-863ede7a.mjs → conversation-3926f29b.mjs}

@@ -1,22 +1,22 @@
-import { C as wt } from "./index-7ce12d5a.mjs";
+import { C as xt } from "./index-41339d4e.mjs";
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const it = globalThis, Ht = it.ShadowRoot && (it.ShadyCSS === void 0 || it.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Rt = Symbol(), Kt = /* @__PURE__ */ new WeakMap();
-let Se = class {
+const nt = globalThis, Rt = nt.ShadowRoot && (nt.ShadyCSS === void 0 || nt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Mt = Symbol(), Qt = /* @__PURE__ */ new WeakMap();
+let Ee = class {
   constructor(t, s, i) {
-    if (this._$cssResult$ = !0, i !== Rt)
+    if (this._$cssResult$ = !0, i !== Mt)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = s;
   }
   get styleSheet() {
     let t = this.o;
     const s = this.t;
-    if (Ht && t === void 0) {
+    if (Rt && t === void 0) {
       const i = s !== void 0 && s.length === 1;
-      i && (t = Kt.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Kt.set(s, t));
+      i && (t = Qt.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Qt.set(s, t));
     }
     return t;
   }
@@ -24,7 +24,7 @@ let Se = class {
     return this.cssText;
   }
 };
-const rs = (e) => new Se(typeof e == "string" ? e : e + "", void 0, Rt), w = (e, ...t) => {
+const os = (e) => new Ee(typeof e == "string" ? e : e + "", void 0, Mt), _ = (e, ...t) => {
   const s = e.length === 1 ? e[0] : t.reduce((i, n, r) => i + ((o) => {
     if (o._$cssResult$ === !0)
       return o.cssText;
@@ -32,30 +32,30 @@ const rs = (e) => new Se(typeof e == "string" ? e : e + "", void 0, Rt), w = (e,
       return o;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(n) + e[r + 1], e[0]);
-  return new Se(s, e, Rt);
-}, os = (e, t) => {
-  if (Ht)
+  return new Ee(s, e, Mt);
+}, as = (e, t) => {
+  if (Rt)
     e.adoptedStyleSheets = t.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
   else
     for (const s of t) {
-      const i = document.createElement("style"), n = it.litNonce;
+      const i = document.createElement("style"), n = nt.litNonce;
       n !== void 0 && i.setAttribute("nonce", n), i.textContent = s.cssText, e.appendChild(i);
     }
-}, Qt = Ht ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, Zt = Rt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let s = "";
   for (const i of t.cssRules)
     s += i.cssText;
-  return rs(s);
+  return os(s);
 })(e) : e;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: as, defineProperty: ls, getOwnPropertyDescriptor: cs, getOwnPropertyNames: ds, getOwnPropertySymbols: hs, getPrototypeOf: ps } = Object, E = globalThis, Zt = E.trustedTypes, us = Zt ? Zt.emptyScript : "", At = E.reactiveElementPolyfillSupport, W = (e, t) => e, nt = { toAttribute(e, t) {
+const { is: ls, defineProperty: cs, getOwnPropertyDescriptor: ds, getOwnPropertyNames: hs, getOwnPropertySymbols: ps, getPrototypeOf: us } = Object, E = globalThis, Xt = E.trustedTypes, fs = Xt ? Xt.emptyScript : "", At = E.reactiveElementPolyfillSupport, W = (e, t) => e, rt = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? us : null;
+      e = e ? fs : null;
       break;
     case Object:
     case Array:
@@ -80,7 +80,7 @@ const { is: as, defineProperty: ls, getOwnPropertyDescriptor: cs, getOwnProperty
       }
   }
   return s;
-} }, Mt = (e, t) => !as(e, t), Xt = { attribute: !0, type: String, converter: nt, reflect: !1, hasChanged: Mt };
+} }, jt = (e, t) => !ls(e, t), Jt = { attribute: !0, type: String, converter: rt, reflect: !1, hasChanged: jt };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), E.litPropertyMetadata ?? (E.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let N = class extends HTMLElement {
   static addInitializer(t) {
@@ -89,14 +89,14 @@ let N = class extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, s = Xt) {
+  static createProperty(t, s = Jt) {
     if (s.state && (s.attribute = !1), this._$Ei(), this.elementProperties.set(t, s), !s.noAccessor) {
       const i = Symbol(), n = this.getPropertyDescriptor(t, i, s);
-      n !== void 0 && ls(this.prototype, t, n);
+      n !== void 0 && cs(this.prototype, t, n);
     }
   }
   static getPropertyDescriptor(t, s, i) {
-    const { get: n, set: r } = cs(this.prototype, t) ?? { get() {
+    const { get: n, set: r } = ds(this.prototype, t) ?? { get() {
       return this[s];
     }, set(o) {
       this[s] = o;
@@ -109,19 +109,19 @@ let N = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? Xt;
+    return this.elementProperties.get(t) ?? Jt;
   }
   static _$Ei() {
     if (this.hasOwnProperty(W("elementProperties")))
       return;
-    const t = ps(this);
+    const t = us(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(W("finalized")))
       return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(W("properties"))) {
-      const s = this.properties, i = [...ds(s), ...hs(s)];
+      const s = this.properties, i = [...hs(s), ...ps(s)];
       for (const n of i)
         this.createProperty(n, s[n]);
     }
@@ -144,9 +144,9 @@ let N = class extends HTMLElement {
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
       for (const n of i)
-        s.unshift(Qt(n));
+        s.unshift(Zt(n));
     } else
-      t !== void 0 && s.push(Qt(t));
+      t !== void 0 && s.push(Zt(t));
     return s;
   }
   static _$Eu(t, s) {
@@ -176,7 +176,7 @@ let N = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return os(t, this.constructor.elementStyles), t;
+    return as(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     var t;
@@ -201,7 +201,7 @@ let N = class extends HTMLElement {
     var r;
     const i = this.constructor.elementProperties.get(t), n = this.constructor._$Eu(t, i);
     if (n !== void 0 && i.reflect === !0) {
-      const o = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : nt).toAttribute(s, i.type);
+      const o = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : rt).toAttribute(s, i.type);
       this._$Em = t, o == null ? this.removeAttribute(n) : this.setAttribute(n, o), this._$Em = null;
     }
   }
@@ -209,13 +209,13 @@ let N = class extends HTMLElement {
     var r;
     const i = this.constructor, n = i._$Eh.get(t);
     if (n !== void 0 && this._$Em !== n) {
-      const o = i.getPropertyOptions(n), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((r = o.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? o.converter : nt;
+      const o = i.getPropertyOptions(n), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((r = o.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? o.converter : rt;
       this._$Em = n, this[n] = a.fromAttribute(s, o.type), this._$Em = null;
     }
   }
   requestUpdate(t, s, i, n = !1, r) {
     if (t !== void 0) {
-      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? Mt)(n ? r : this[t], s))
+      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? jt)(n ? r : this[t], s))
         return;
       this.C(t, s, i);
     }
@@ -299,33 +299,33 @@ N.elementStyles = [], N.shadowRootOptions = { mode: "open" }, N[W("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const G = globalThis, rt = G.trustedTypes, Jt = rt ? rt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Ee = "$lit$", S = `lit$${(Math.random() + "").slice(9)}$`, Ce = "?" + S, fs = `<${Ce}>`, P = document, Y = () => P.createComment(""), K = (e) => e === null || typeof e != "object" && typeof e != "function", ke = Array.isArray, $s = (e) => ke(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", St = `[ 	
-\f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Vt = /-->/g, te = />/g, k = RegExp(`>|${St}(?:([^\\s"'>=/]+)(${St}*=${St}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ee = /'/g, se = /"/g, Te = /^(?:script|style|textarea|title)$/i, gs = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), $ = gs(1), C = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ie = /* @__PURE__ */ new WeakMap(), O = P.createTreeWalker(P, 129);
-function Oe(e, t) {
+const G = globalThis, ot = G.trustedTypes, Vt = ot ? ot.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Ce = "$lit$", S = `lit$${(Math.random() + "").slice(9)}$`, Te = "?" + S, $s = `<${Te}>`, P = document, Y = () => P.createComment(""), K = (e) => e === null || typeof e != "object" && typeof e != "function", ke = Array.isArray, gs = (e) => ke(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", St = `[ 	
+\f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, te = /-->/g, ee = />/g, T = RegExp(`>|${St}(?:([^\\s"'>=/]+)(${St}*=${St}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), se = /'/g, ie = /"/g, Oe = /^(?:script|style|textarea|title)$/i, ms = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), $ = ms(1), C = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ne = /* @__PURE__ */ new WeakMap(), O = P.createTreeWalker(P, 129);
+function Pe(e, t) {
   if (!Array.isArray(e) || !e.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return Jt !== void 0 ? Jt.createHTML(t) : t;
+  return Vt !== void 0 ? Vt.createHTML(t) : t;
 }
-const ms = (e, t) => {
+const vs = (e, t) => {
   const s = e.length - 1, i = [];
   let n, r = t === 2 ? "<svg>" : "", o = F;
   for (let a = 0; a < s; a++) {
     const l = e[a];
     let c, h, d = -1, p = 0;
     for (; p < l.length && (o.lastIndex = p, h = o.exec(l), h !== null); )
-      p = o.lastIndex, o === F ? h[1] === "!--" ? o = Vt : h[1] !== void 0 ? o = te : h[2] !== void 0 ? (Te.test(h[2]) && (n = RegExp("</" + h[2], "g")), o = k) : h[3] !== void 0 && (o = k) : o === k ? h[0] === ">" ? (o = n ?? F, d = -1) : h[1] === void 0 ? d = -2 : (d = o.lastIndex - h[2].length, c = h[1], o = h[3] === void 0 ? k : h[3] === '"' ? se : ee) : o === se || o === ee ? o = k : o === Vt || o === te ? o = F : (o = k, n = void 0);
-    const f = o === k && e[a + 1].startsWith("/>") ? " " : "";
-    r += o === F ? l + fs : d >= 0 ? (i.push(c), l.slice(0, d) + Ee + l.slice(d) + S + f) : l + S + (d === -2 ? a : f);
+      p = o.lastIndex, o === F ? h[1] === "!--" ? o = te : h[1] !== void 0 ? o = ee : h[2] !== void 0 ? (Oe.test(h[2]) && (n = RegExp("</" + h[2], "g")), o = T) : h[3] !== void 0 && (o = T) : o === T ? h[0] === ">" ? (o = n ?? F, d = -1) : h[1] === void 0 ? d = -2 : (d = o.lastIndex - h[2].length, c = h[1], o = h[3] === void 0 ? T : h[3] === '"' ? ie : se) : o === ie || o === se ? o = T : o === te || o === ee ? o = F : (o = T, n = void 0);
+    const f = o === T && e[a + 1].startsWith("/>") ? " " : "";
+    r += o === F ? l + $s : d >= 0 ? (i.push(c), l.slice(0, d) + Ce + l.slice(d) + S + f) : l + S + (d === -2 ? a : f);
   }
-  return [Oe(e, r + (e[s] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+  return [Pe(e, r + (e[s] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
 class Q {
   constructor({ strings: t, _$litType$: s }, i) {
     let n;
     this.parts = [];
     let r = 0, o = 0;
-    const a = t.length - 1, l = this.parts, [c, h] = ms(t, s);
+    const a = t.length - 1, l = this.parts, [c, h] = vs(t, s);
     if (this.el = Q.createElement(c, i), O.currentNode = this.el.content, s === 2) {
       const d = this.el.content.firstChild;
       d.replaceWith(...d.childNodes);
@@ -334,22 +334,22 @@ class Q {
       if (n.nodeType === 1) {
         if (n.hasAttributes())
           for (const d of n.getAttributeNames())
-            if (d.endsWith(Ee)) {
-              const p = h[o++], f = n.getAttribute(d).split(S), _ = /([.?@])?(.*)/.exec(p);
-              l.push({ type: 1, index: r, name: _[2], strings: f, ctor: _[1] === "." ? ys : _[1] === "?" ? bs : _[1] === "@" ? _s : ft }), n.removeAttribute(d);
+            if (d.endsWith(Ce)) {
+              const p = h[o++], f = n.getAttribute(d).split(S), w = /([.?@])?(.*)/.exec(p);
+              l.push({ type: 1, index: r, name: w[2], strings: f, ctor: w[1] === "." ? bs : w[1] === "?" ? _s : w[1] === "@" ? ws : $t }), n.removeAttribute(d);
             } else
               d.startsWith(S) && (l.push({ type: 6, index: r }), n.removeAttribute(d));
-        if (Te.test(n.tagName)) {
+        if (Oe.test(n.tagName)) {
           const d = n.textContent.split(S), p = d.length - 1;
           if (p > 0) {
-            n.textContent = rt ? rt.emptyScript : "";
+            n.textContent = ot ? ot.emptyScript : "";
             for (let f = 0; f < p; f++)
               n.append(d[f], Y()), O.nextNode(), l.push({ type: 2, index: ++r });
             n.append(d[p], Y());
           }
         }
       } else if (n.nodeType === 8)
-        if (n.data === Ce)
+        if (n.data === Te)
           l.push({ type: 2, index: r });
         else {
           let d = -1;
@@ -372,7 +372,7 @@ function I(e, t, s = e, i) {
   const r = K(t) ? void 0 : t._$litDirective$;
   return (n == null ? void 0 : n.constructor) !== r && ((a = n == null ? void 0 : n._$AO) == null || a.call(n, !1), r === void 0 ? n = void 0 : (n = new r(e), n._$AT(e, s, i)), i !== void 0 ? (s._$Co ?? (s._$Co = []))[i] = n : s._$Cl = n), n !== void 0 && (t = I(e, n._$AS(e, t.values), n, i)), t;
 }
-class vs {
+class ys {
   constructor(t, s) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
   }
@@ -421,7 +421,7 @@ class X {
     return this._$AB;
   }
   _$AI(t, s = this) {
-    t = I(this, t, s), K(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== C && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : $s(t) ? this.T(t) : this._(t);
+    t = I(this, t, s), K(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== C && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : gs(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -434,17 +434,17 @@ class X {
   }
   g(t) {
     var r;
-    const { values: s, _$litType$: i } = t, n = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Q.createElement(Oe(i.h, i.h[0]), this.options)), i);
+    const { values: s, _$litType$: i } = t, n = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Q.createElement(Pe(i.h, i.h[0]), this.options)), i);
     if (((r = this._$AH) == null ? void 0 : r._$AD) === n)
       this._$AH.p(s);
     else {
-      const o = new vs(n, this), a = o.u(this.options);
+      const o = new ys(n, this), a = o.u(this.options);
       o.p(s), this.$(a), this._$AH = o;
     }
   }
   _$AC(t) {
-    let s = ie.get(t.strings);
-    return s === void 0 && ie.set(t.strings, s = new Q(t)), s;
+    let s = ne.get(t.strings);
+    return s === void 0 && ne.set(t.strings, s = new Q(t)), s;
   }
   T(t) {
     ke(this._$AH) || (this._$AH = [], this._$AR());
@@ -466,7 +466,7 @@ class X {
     this._$AM === void 0 && (this._$Cv = t, (s = this._$AP) == null || s.call(this, t));
   }
 }
-class ft {
+class $t {
   get tagName() {
     return this.element.tagName;
   }
@@ -493,7 +493,7 @@ class ft {
     t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class ys extends ft {
+class bs extends $t {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -501,7 +501,7 @@ class ys extends ft {
     this.element[this.name] = t === u ? void 0 : t;
   }
 }
-let bs = class extends ft {
+let _s = class extends $t {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -509,7 +509,7 @@ let bs = class extends ft {
     this.element.toggleAttribute(this.name, !!t && t !== u);
   }
 };
-class _s extends ft {
+class ws extends $t {
   constructor(t, s, i, n, r) {
     super(t, s, i, n, r), this.type = 5;
   }
@@ -537,7 +537,7 @@ class xs {
 }
 const Et = G.litHtmlPolyfillSupport;
 Et == null || Et(Q, X), (G.litHtmlVersions ?? (G.litHtmlVersions = [])).push("3.0.2");
-const ws = (e, t, s) => {
+const As = (e, t, s) => {
   const i = (s == null ? void 0 : s.renderBefore) ?? t;
   let n = i._$litPart$;
   if (n === void 0) {
@@ -551,7 +551,7 @@ const ws = (e, t, s) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let y = class extends N {
+let v = class extends N {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -562,7 +562,7 @@ let y = class extends N {
   }
   update(t) {
     const s = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ws(s, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = As(s, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t;
@@ -576,12 +576,12 @@ let y = class extends N {
     return C;
   }
 };
-var Ae;
-y._$litElement$ = !0, y.finalized = !0, (Ae = globalThis.litElementHydrateSupport) == null || Ae.call(globalThis, { LitElement: y });
+var Se;
+v._$litElement$ = !0, v.finalized = !0, (Se = globalThis.litElementHydrateSupport) == null || Se.call(globalThis, { LitElement: v });
 const Ct = globalThis.litElementPolyfillSupport;
-Ct == null || Ct({ LitElement: y });
+Ct == null || Ct({ LitElement: v });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.1");
-const As = { 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>' }, H = {
+const Ss = { 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>' }, H = {
   allRenderFn: !1,
   cmpDidLoad: !0,
   cmpDidUnload: !1,
@@ -665,8 +665,8 @@ const As = { name: "send", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.o
   transformTagName: !1,
   attachStyles: !0
 };
-let R, Pe, $t, Le = !1, ot = !1, jt = !1, v = !1, ne = null, Pt = !1;
-const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, Ue = gt.HTMLElement || class {
+let R, Le, gt, Ue = !1, at = !1, Dt = !1, y = !1, re = null, Pt = !1;
+const mt = typeof window < "u" ? window : {}, x = mt.document || { head: {} }, Ne = mt.HTMLElement || class {
 }, m = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -675,7 +675,7 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
   ael: (e, t, s, i) => e.addEventListener(t, s, i),
   rel: (e, t, s, i) => e.removeEventListener(t, s, i),
   ce: (e, t) => new CustomEvent(e, t)
-}, Ss = /* @__PURE__ */ (() => {
+}, Es = /* @__PURE__ */ (() => {
   let e = !1;
   try {
     x.addEventListener("e", null, Object.defineProperty({}, "passive", {
@@ -686,15 +686,15 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
   } catch {
   }
   return e;
-})(), Es = (e) => Promise.resolve(e), Cs = /* @__PURE__ */ (() => {
+})(), Cs = (e) => Promise.resolve(e), Ts = /* @__PURE__ */ (() => {
   try {
     return new CSSStyleSheet(), typeof new CSSStyleSheet().replace == "function";
   } catch {
   }
   return !1;
-})(), Ne = (e, t, s, i) => {
+})(), He = (e, t, s, i) => {
   s && s.map(([n, r, o]) => {
-    const a = Ts(e, n), l = ks(t, o), c = Os(n);
+    const a = Os(e, n), l = ks(t, o), c = Ps(n);
     m.ael(a, r, l, c), (t.$rmListeners$ = t.$rmListeners$ || []).push(() => m.rel(a, r, l, c));
   });
 }, ks = (e, t) => (s) => {
@@ -703,31 +703,31 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
   } catch (i) {
     J(i);
   }
-}, Ts = (e, t) => t & 4 ? x : t & 8 ? gt : t & 16 ? x.body : e, Os = (e) => Ss ? {
+}, Os = (e, t) => t & 4 ? x : t & 8 ? mt : t & 16 ? x.body : e, Ps = (e) => Es ? {
   passive: (e & 1) !== 0,
   capture: (e & 2) !== 0
-} : (e & 2) !== 0, re = "http://www.w3.org/1999/xlink", L = (e, t = "") => () => {
-}, oe = /* @__PURE__ */ new WeakMap(), Ps = (e, t, s) => {
-  let i = ct.get(e);
-  Cs && s ? (i = i || new CSSStyleSheet(), i.replace(t)) : i = t, ct.set(e, i);
-}, Ls = (e, t, s, i) => {
-  let n = He(t, s), r = ct.get(n);
+} : (e & 2) !== 0, oe = "http://www.w3.org/1999/xlink", L = (e, t = "") => () => {
+}, ae = /* @__PURE__ */ new WeakMap(), Ls = (e, t, s) => {
+  let i = dt.get(e);
+  Ts && s ? (i = i || new CSSStyleSheet(), i.replace(t)) : i = t, dt.set(e, i);
+}, Us = (e, t, s, i) => {
+  let n = Re(t, s), r = dt.get(n);
   if (e = e.nodeType === 11 ? e : x, r)
     if (typeof r == "string") {
       e = e.head || e;
-      let o = oe.get(e), a;
-      o || oe.set(e, o = /* @__PURE__ */ new Set()), o.has(n) || (a = x.createElement("style"), a.innerHTML = r, e.insertBefore(a, e.querySelector("link")), o && o.add(n));
+      let o = ae.get(e), a;
+      o || ae.set(e, o = /* @__PURE__ */ new Set()), o.has(n) || (a = x.createElement("style"), a.innerHTML = r, e.insertBefore(a, e.querySelector("link")), o && o.add(n));
     } else
       e.adoptedStyleSheets.includes(r) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, r]);
   return n;
-}, Us = (e) => {
-  const t = e.$cmpMeta$, s = e.$hostElement$, i = t.$flags$, n = L("attachStyles", t.$tagName$), r = Ls(s.shadowRoot ? s.shadowRoot : s.getRootNode(), t, e.$modeName$);
+}, Ns = (e) => {
+  const t = e.$cmpMeta$, s = e.$hostElement$, i = t.$flags$, n = L("attachStyles", t.$tagName$), r = Us(s.shadowRoot ? s.shadowRoot : s.getRootNode(), t, e.$modeName$);
   i & 10 && (s["s-sc"] = r, s.classList.add(r + "-h"), i & 2 && s.classList.add(r + "-s")), n();
-}, He = (e, t) => "sc-" + (t && e.$flags$ & 32 ? e.$tagName$ + "-" + t : e.$tagName$), Ns = (e) => li.map((t) => t(e)).find((t) => !!t), ae = {}, Hs = "http://www.w3.org/2000/svg", Rs = "http://www.w3.org/1999/xhtml", Ms = (e) => e != null, Dt = (e) => (e = typeof e, e === "object" || e === "function"), j = (e, t, ...s) => {
+}, Re = (e, t) => "sc-" + (t && e.$flags$ & 32 ? e.$tagName$ + "-" + t : e.$tagName$), Hs = (e) => ci.map((t) => t(e)).find((t) => !!t), le = {}, Rs = "http://www.w3.org/2000/svg", Ms = "http://www.w3.org/1999/xhtml", js = (e) => e != null, It = (e) => (e = typeof e, e === "object" || e === "function"), j = (e, t, ...s) => {
   let i = null, n = null, r = null, o = !1, a = !1, l = [];
   const c = (d) => {
     for (let p = 0; p < d.length; p++)
-      i = d[p], Array.isArray(i) ? c(i) : i != null && typeof i != "boolean" && ((o = typeof e != "function" && !Dt(i)) && (i = String(i)), o && a ? l[l.length - 1].$text$ += i : l.push(o ? at(null, i) : i), a = o);
+      i = d[p], Array.isArray(i) ? c(i) : i != null && typeof i != "boolean" && ((o = typeof e != "function" && !It(i)) && (i = String(i)), o && a ? l[l.length - 1].$text$ += i : l.push(o ? lt(null, i) : i), a = o);
   };
   if (c(s), t) {
     t.key && (n = t.key), t.name && (r = t.name);
@@ -737,10 +737,10 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
     }
   }
   if (typeof e == "function")
-    return e(t === null ? {} : t, l, Ds);
-  const h = at(e, null);
+    return e(t === null ? {} : t, l, Is);
+  const h = lt(e, null);
   return h.$attrs$ = t, l.length > 0 && (h.$children$ = l), h.$key$ = n, h.$name$ = r, h;
-}, at = (e, t) => {
+}, lt = (e, t) => {
   const s = {
     $flags$: 0,
     $tag$: e,
@@ -749,28 +749,28 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
     $children$: null
   };
   return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;
-}, It = {}, js = (e) => e && e.$tag$ === It, Ds = {
-  forEach: (e, t) => e.map(le).forEach(t),
-  map: (e, t) => e.map(le).map(t).map(Is)
-}, le = (e) => ({
+}, Bt = {}, Ds = (e) => e && e.$tag$ === Bt, Is = {
+  forEach: (e, t) => e.map(ce).forEach(t),
+  map: (e, t) => e.map(ce).map(t).map(Bs)
+}, ce = (e) => ({
   vattrs: e.$attrs$,
   vchildren: e.$children$,
   vkey: e.$key$,
   vname: e.$name$,
   vtag: e.$tag$,
   vtext: e.$text$
-}), Is = (e) => {
+}), Bs = (e) => {
   if (typeof e.vtag == "function") {
     const s = Object.assign({}, e.vattrs);
     return e.vkey && (s.key = e.vkey), e.vname && (s.name = e.vname), j(e.vtag, s, ...e.vchildren || []);
   }
-  const t = at(e.vtag, e.vtext);
+  const t = lt(e.vtag, e.vtext);
   return t.$attrs$ = e.vattrs, t.$children$ = e.vchildren, t.$key$ = e.vkey, t.$name$ = e.vname, t;
-}, ce = (e, t, s, i, n, r) => {
+}, de = (e, t, s, i, n, r) => {
   if (s !== i) {
-    let o = ue(e, t), a = t.toLowerCase();
+    let o = fe(e, t), a = t.toLowerCase();
     if (t === "class") {
-      const l = e.classList, c = de(s), h = de(i);
+      const l = e.classList, c = he(s), h = he(i);
       l.remove(...c.filter((d) => d && !h.includes(d))), l.add(...h.filter((d) => d && !c.includes(d)));
     } else if (t === "style") {
       for (const l in s)
@@ -781,9 +781,9 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
       if (t === "ref")
         i && i(e);
       else if (!e.__lookupSetter__(t) && t[0] === "o" && t[1] === "n")
-        t[2] === "-" ? t = t.slice(3) : ue(gt, a) ? t = a.slice(2) : t = a[2] + t.slice(3), s && m.rel(e, t, s, !1), i && m.ael(e, t, i, !1);
+        t[2] === "-" ? t = t.slice(3) : fe(mt, a) ? t = a.slice(2) : t = a[2] + t.slice(3), s && m.rel(e, t, s, !1), i && m.ael(e, t, i, !1);
       else {
-        const l = Dt(i);
+        const l = It(i);
         if ((o || l && i !== null) && !n)
           try {
             if (e.tagName.includes("-"))
@@ -795,18 +795,18 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
           } catch {
           }
         let c = !1;
-        a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, c = !0), i == null || i === !1 ? (i !== !1 || e.getAttribute(t) === "") && (c ? e.removeAttributeNS(re, t) : e.removeAttribute(t)) : (!o || r & 4 || n) && !l && (i = i === !0 ? "" : i, c ? e.setAttributeNS(re, t, i) : e.setAttribute(t, i));
+        a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, c = !0), i == null || i === !1 ? (i !== !1 || e.getAttribute(t) === "") && (c ? e.removeAttributeNS(oe, t) : e.removeAttribute(t)) : (!o || r & 4 || n) && !l && (i = i === !0 ? "" : i, c ? e.setAttributeNS(oe, t, i) : e.setAttribute(t, i));
       }
   }
-}, Bs = /\s/, de = (e) => e ? e.split(Bs) : [], Re = (e, t, s, i) => {
-  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, r = e && e.$attrs$ || ae, o = t.$attrs$ || ae;
+}, zs = /\s/, he = (e) => e ? e.split(zs) : [], Me = (e, t, s, i) => {
+  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, r = e && e.$attrs$ || le, o = t.$attrs$ || le;
   for (i in r)
-    i in o || ce(n, i, r[i], void 0, s, t.$flags$);
+    i in o || de(n, i, r[i], void 0, s, t.$flags$);
   for (i in o)
-    ce(n, i, r[i], o[i], s, t.$flags$);
-}, lt = (e, t, s, i) => {
+    de(n, i, r[i], o[i], s, t.$flags$);
+}, ct = (e, t, s, i) => {
   let n = t.$children$[s], r = 0, o, a, l;
-  if (Le || (jt = !0, n.$tag$ === "slot" && (R && i.classList.add(R + "-s"), n.$flags$ |= n.$children$ ? (
+  if (Ue || (Dt = !0, n.$tag$ === "slot" && (R && i.classList.add(R + "-s"), n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     2
   ) : (
@@ -817,29 +817,29 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
   else if (n.$flags$ & 1)
     o = n.$elm$ = x.createTextNode("");
   else {
-    if (v || (v = n.$tag$ === "svg"), o = n.$elm$ = x.createElementNS(v ? Hs : Rs, n.$flags$ & 2 ? "slot-fb" : n.$tag$), v && n.$tag$ === "foreignObject" && (v = !1), Re(null, n, v), Ms(R) && o["s-si"] !== R && o.classList.add(o["s-si"] = R), n.$children$)
+    if (y || (y = n.$tag$ === "svg"), o = n.$elm$ = x.createElementNS(y ? Rs : Ms, n.$flags$ & 2 ? "slot-fb" : n.$tag$), y && n.$tag$ === "foreignObject" && (y = !1), Me(null, n, y), js(R) && o["s-si"] !== R && o.classList.add(o["s-si"] = R), n.$children$)
       for (r = 0; r < n.$children$.length; ++r)
-        a = lt(e, n, r, o), a && o.appendChild(a);
-    n.$tag$ === "svg" ? v = !1 : o.tagName === "foreignObject" && (v = !0);
+        a = ct(e, n, r, o), a && o.appendChild(a);
+    n.$tag$ === "svg" ? y = !1 : o.tagName === "foreignObject" && (y = !0);
   }
-  return o["s-hn"] = $t, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = Pe, o["s-sn"] = n.$name$ || "", l = e && e.$children$ && e.$children$[s], l && l.$tag$ === n.$tag$ && e.$elm$ && Z(e.$elm$, !1)), o;
+  return o["s-hn"] = gt, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = Le, o["s-sn"] = n.$name$ || "", l = e && e.$children$ && e.$children$[s], l && l.$tag$ === n.$tag$ && e.$elm$ && Z(e.$elm$, !1)), o;
 }, Z = (e, t) => {
   m.$flags$ |= 1;
   const s = e.childNodes;
   for (let i = s.length - 1; i >= 0; i--) {
     const n = s[i];
-    n["s-hn"] !== $t && n["s-ol"] && (De(n).insertBefore(n, Bt(n)), n["s-ol"].remove(), n["s-ol"] = void 0, jt = !0), t && Z(n, t);
+    n["s-hn"] !== gt && n["s-ol"] && (Ie(n).insertBefore(n, zt(n)), n["s-ol"].remove(), n["s-ol"] = void 0, Dt = !0), t && Z(n, t);
   }
   m.$flags$ &= -2;
-}, Me = (e, t, s, i, n, r) => {
+}, je = (e, t, s, i, n, r) => {
   let o = e["s-cr"] && e["s-cr"].parentNode || e, a;
-  for (o.shadowRoot && o.tagName === $t && (o = o.shadowRoot); n <= r; ++n)
-    i[n] && (a = lt(null, s, n, e), a && (i[n].$elm$ = a, o.insertBefore(a, Bt(t))));
-}, je = (e, t, s, i, n) => {
+  for (o.shadowRoot && o.tagName === gt && (o = o.shadowRoot); n <= r; ++n)
+    i[n] && (a = ct(null, s, n, e), a && (i[n].$elm$ = a, o.insertBefore(a, zt(t))));
+}, De = (e, t, s, i, n) => {
   for (; t <= s; ++t)
-    (i = e[t]) && (n = i.$elm$, ze(i), ot = !0, n["s-ol"] ? n["s-ol"].remove() : Z(n, !0), n.remove());
-}, zs = (e, t, s, i) => {
-  let n = 0, r = 0, o = 0, a = 0, l = t.length - 1, c = t[0], h = t[l], d = i.length - 1, p = i[0], f = i[d], _, tt;
+    (i = e[t]) && (n = i.$elm$, Fe(i), at = !0, n["s-ol"] ? n["s-ol"].remove() : Z(n, !0), n.remove());
+}, Fs = (e, t, s, i) => {
+  let n = 0, r = 0, o = 0, a = 0, l = t.length - 1, c = t[0], h = t[l], d = i.length - 1, p = i[0], f = i[d], w, et;
   for (; n <= l && r <= d; )
     if (c == null)
       c = t[++n];
@@ -849,13 +849,13 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
       p = i[++r];
     else if (f == null)
       f = i[--d];
-    else if (et(c, p))
+    else if (st(c, p))
       M(c, p), c = t[++n], p = i[++r];
-    else if (et(h, f))
+    else if (st(h, f))
       M(h, f), h = t[--l], f = i[--d];
-    else if (et(c, f))
+    else if (st(c, f))
       (c.$tag$ === "slot" || f.$tag$ === "slot") && Z(c.$elm$.parentNode, !1), M(c, f), e.insertBefore(c.$elm$, h.$elm$.nextSibling), c = t[++n], f = i[--d];
-    else if (et(h, p))
+    else if (st(h, p))
       (c.$tag$ === "slot" || f.$tag$ === "slot") && Z(h.$elm$.parentNode, !1), M(h, p), e.insertBefore(h.$elm$, c.$elm$), h = t[--l], p = i[++r];
     else {
       for (o = -1, a = n; a <= l; ++a)
@@ -863,14 +863,14 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
           o = a;
           break;
         }
-      o >= 0 ? (tt = t[o], tt.$tag$ !== p.$tag$ ? _ = lt(t && t[r], s, o, e) : (M(tt, p), t[o] = void 0, _ = tt.$elm$), p = i[++r]) : (_ = lt(t && t[r], s, r, e), p = i[++r]), _ && De(c.$elm$).insertBefore(_, Bt(c.$elm$));
+      o >= 0 ? (et = t[o], et.$tag$ !== p.$tag$ ? w = ct(t && t[r], s, o, e) : (M(et, p), t[o] = void 0, w = et.$elm$), p = i[++r]) : (w = ct(t && t[r], s, r, e), p = i[++r]), w && Ie(c.$elm$).insertBefore(w, zt(c.$elm$));
     }
-  n > l ? Me(e, i[d + 1] == null ? null : i[d + 1].$elm$, s, i, r, d) : r > d && je(t, n, l);
-}, et = (e, t) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : e.$key$ === t.$key$ : !1, Bt = (e) => e && e["s-ol"] || e, De = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, M = (e, t) => {
+  n > l ? je(e, i[d + 1] == null ? null : i[d + 1].$elm$, s, i, r, d) : r > d && De(t, n, l);
+}, st = (e, t) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : e.$key$ === t.$key$ : !1, zt = (e) => e && e["s-ol"] || e, Ie = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, M = (e, t) => {
   const s = t.$elm$ = e.$elm$, i = e.$children$, n = t.$children$, r = t.$tag$, o = t.$text$;
   let a;
-  o === null ? (v = r === "svg" ? !0 : r === "foreignObject" ? !1 : v, r === "slot" || Re(e, t, v), i !== null && n !== null ? zs(s, i, t, n) : n !== null ? (e.$text$ !== null && (s.textContent = ""), Me(s, null, t, n, 0, n.length - 1)) : i !== null && je(i, 0, i.length - 1), v && r === "svg" && (v = !1)) : (a = s["s-cr"]) ? a.parentNode.textContent = o : e.$text$ !== o && (s.data = o);
-}, Ie = (e) => {
+  o === null ? (y = r === "svg" ? !0 : r === "foreignObject" ? !1 : y, r === "slot" || Me(e, t, y), i !== null && n !== null ? Fs(s, i, t, n) : n !== null ? (e.$text$ !== null && (s.textContent = ""), je(s, null, t, n, 0, n.length - 1)) : i !== null && De(i, 0, i.length - 1), y && r === "svg" && (y = !1)) : (a = s["s-cr"]) ? a.parentNode.textContent = o : e.$text$ !== o && (s.data = o);
+}, Be = (e) => {
   let t = e.childNodes, s, i, n, r, o, a;
   for (i = 0, n = t.length; i < n; i++)
     if (s = t[i], s.nodeType === 1) {
@@ -886,31 +886,31 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
             break;
           }
       }
-      Ie(s);
+      Be(s);
     }
-}, b = [], Be = (e) => {
+}, b = [], ze = (e) => {
   let t, s, i, n, r, o, a = 0, l = e.childNodes, c = l.length;
   for (; a < c; a++) {
     if (t = l[a], t["s-sr"] && (s = t["s-cr"]) && s.parentNode)
       for (i = s.parentNode.childNodes, n = t["s-sn"], o = i.length - 1; o >= 0; o--)
-        s = i[o], !s["s-cn"] && !s["s-nr"] && s["s-hn"] !== t["s-hn"] && (he(s, n) ? (r = b.find((h) => h.$nodeToRelocate$ === s), ot = !0, s["s-sn"] = s["s-sn"] || n, r ? r.$slotRefNode$ = t : b.push({
+        s = i[o], !s["s-cn"] && !s["s-nr"] && s["s-hn"] !== t["s-hn"] && (pe(s, n) ? (r = b.find((h) => h.$nodeToRelocate$ === s), at = !0, s["s-sn"] = s["s-sn"] || n, r ? r.$slotRefNode$ = t : b.push({
           $slotRefNode$: t,
           $nodeToRelocate$: s
         }), s["s-sr"] && b.map((h) => {
-          he(h.$nodeToRelocate$, s["s-sn"]) && (r = b.find((d) => d.$nodeToRelocate$ === s), r && !h.$slotRefNode$ && (h.$slotRefNode$ = r.$slotRefNode$));
+          pe(h.$nodeToRelocate$, s["s-sn"]) && (r = b.find((d) => d.$nodeToRelocate$ === s), r && !h.$slotRefNode$ && (h.$slotRefNode$ = r.$slotRefNode$));
         })) : b.some((h) => h.$nodeToRelocate$ === s) || b.push({
           $nodeToRelocate$: s
         }));
-    t.nodeType === 1 && Be(t);
+    t.nodeType === 1 && ze(t);
   }
-}, he = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", ze = (e) => {
-  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(ze);
-}, Fs = (e, t) => {
-  const s = e.$hostElement$, i = e.$cmpMeta$, n = e.$vnode$ || at(null, null), r = js(t) ? t : j(null, null, t);
-  $t = s.tagName, i.$attrsToReflect$ && (r.$attrs$ = r.$attrs$ || {}, i.$attrsToReflect$.map(([o, a]) => r.$attrs$[a] = s[o])), r.$tag$ = null, r.$flags$ |= 4, e.$vnode$ = r, r.$elm$ = n.$elm$ = s.shadowRoot || s, R = s["s-sc"], Pe = s["s-cr"], Le = (i.$flags$ & 1) !== 0, ot = !1, M(n, r);
+}, pe = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", Fe = (e) => {
+  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(Fe);
+}, Ws = (e, t) => {
+  const s = e.$hostElement$, i = e.$cmpMeta$, n = e.$vnode$ || lt(null, null), r = Ds(t) ? t : j(null, null, t);
+  gt = s.tagName, i.$attrsToReflect$ && (r.$attrs$ = r.$attrs$ || {}, i.$attrsToReflect$.map(([o, a]) => r.$attrs$[a] = s[o])), r.$tag$ = null, r.$flags$ |= 4, e.$vnode$ = r, r.$elm$ = n.$elm$ = s.shadowRoot || s, R = s["s-sc"], Le = s["s-cr"], Ue = (i.$flags$ & 1) !== 0, at = !1, M(n, r);
   {
-    if (m.$flags$ |= 1, jt) {
-      Be(r.$elm$);
+    if (m.$flags$ |= 1, Dt) {
+      ze(r.$elm$);
       let o, a, l, c, h, d, p = 0;
       for (; p < b.length; p++)
         o = b[p], a = o.$nodeToRelocate$, a["s-ol"] || (l = x.createTextNode(""), l["s-nr"] = a, a.parentNode.insertBefore(a["s-ol"] = l, a));
@@ -925,39 +925,39 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
         } else
           a.nodeType === 1 && (a.hidden = !0);
     }
-    ot && Ie(r.$elm$), m.$flags$ &= -2, b.length = 0;
+    at && Be(r.$elm$), m.$flags$ &= -2, b.length = 0;
   }
-}, Ws = (e) => e, Gs = (e, t, s) => {
-  const i = Ws(e);
+}, Gs = (e) => e, qs = (e, t, s) => {
+  const i = Gs(e);
   return {
-    emit: (n) => qs(i, t, {
+    emit: (n) => Ys(i, t, {
       bubbles: !!(s & 4),
       composed: !!(s & 2),
       cancelable: !!(s & 1),
       detail: n
     })
   };
-}, qs = (e, t, s) => {
+}, Ys = (e, t, s) => {
   const i = m.ce(t, s);
   return e.dispatchEvent(i), i;
-}, Ys = (e, t) => {
-}, Fe = (e, t) => (e.$flags$ |= 16, Ys(e, e.$ancestorComponent$), hi(() => Ks(e, t))), Ks = (e, t) => {
+}, Ks = (e, t) => {
+}, We = (e, t) => (e.$flags$ |= 16, Ks(e, e.$ancestorComponent$), pi(() => Qs(e, t))), Qs = (e, t) => {
   const s = e.$hostElement$, i = L("scheduleUpdate", e.$cmpMeta$.$tagName$), n = s;
   let r;
-  return t ? r = D(n, "componentWillLoad") : r = D(n, "componentWillUpdate"), r = pe(r, () => D(n, "componentWillRender")), i(), pe(r, () => Qs(e, n, t));
-}, Qs = async (e, t, s) => {
+  return t ? r = D(n, "componentWillLoad") : r = D(n, "componentWillUpdate"), r = ue(r, () => D(n, "componentWillRender")), i(), ue(r, () => Zs(e, n, t));
+}, Zs = async (e, t, s) => {
   const i = e.$hostElement$, n = L("update", e.$cmpMeta$.$tagName$);
-  i["s-rc"], s && Us(e);
+  i["s-rc"], s && Ns(e);
   const r = L("render", e.$cmpMeta$.$tagName$);
-  Zs(e, t, i), r(), n(), Xs(e);
-}, Zs = (e, t, s) => {
+  Xs(e, t, i), r(), n(), Js(e);
+}, Xs = (e, t, s) => {
   try {
-    ne = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (H.hasRenderFn || H.reflect) && (H.vdomRender || H.reflect) && (H.hydrateServerSide || Fs(e, t));
+    re = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (H.hasRenderFn || H.reflect) && (H.vdomRender || H.reflect) && (H.hydrateServerSide || Ws(e, t));
   } catch (a) {
     J(a, e.$hostElement$);
   }
-  return ne = null, null;
-}, Xs = (e) => {
+  return re = null, null;
+}, Js = (e) => {
   const t = e.$cmpMeta$.$tagName$, s = e.$hostElement$, i = L("postUpdate", t), n = s;
   e.$ancestorComponent$, D(n, "componentDidRender"), e.$flags$ & 64 ? (D(n, "componentDidUpdate"), i()) : (e.$flags$ |= 64, D(n, "componentDidLoad"), i());
 }, D = (e, t, s) => {
@@ -967,9 +967,9 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
     } catch (i) {
       J(i);
     }
-}, pe = (e, t) => e && e.then ? e.then(t) : t(), Js = (e, t) => e != null && !Dt(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, Vs = (e, t) => mt(e).$instanceValues$.get(t), ti = (e, t, s, i) => {
-  const n = mt(e), r = e, o = n.$instanceValues$.get(t), a = n.$flags$, l = r;
-  s = Js(s, i.$members$[t][0]);
+}, ue = (e, t) => e && e.then ? e.then(t) : t(), Vs = (e, t) => e != null && !It(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, ti = (e, t) => vt(e).$instanceValues$.get(t), ei = (e, t, s, i) => {
+  const n = vt(e), r = e, o = n.$instanceValues$.get(t), a = n.$flags$, l = r;
+  s = Vs(s, i.$members$[t][0]);
   const c = Number.isNaN(o) && Number.isNaN(s);
   if (s !== o && !c) {
     n.$instanceValues$.set(t, s);
@@ -987,21 +987,21 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
       if ((a & 18) === 2) {
         if (l.componentShouldUpdate && l.componentShouldUpdate(s, o, t) === !1)
           return;
-        Fe(n, !1);
+        We(n, !1);
       }
     }
   }
-}, ei = (e, t, s) => {
+}, si = (e, t, s) => {
   if (t.$members$) {
     e.watchers && (t.$watchers$ = e.watchers);
     const i = Object.entries(t.$members$), n = e.prototype;
     i.map(([r, [o]]) => {
       (o & 31 || o & 32) && Object.defineProperty(n, r, {
         get() {
-          return Vs(this, r);
+          return ti(this, r);
         },
         set(a) {
-          ti(this, r, a, t);
+          ei(this, r, a, t);
         },
         configurable: !0,
         enumerable: !0
@@ -1028,37 +1028,37 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
     }
   }
   return e;
-}, si = async (e, t, s, i, n) => {
+}, ii = async (e, t, s, i, n) => {
   if (!(t.$flags$ & 32) && (n = e.constructor, t.$flags$ |= 32, customElements.whenDefined(s.$tagName$).then(() => t.$flags$ |= 128), n.style)) {
     let o = n.style;
-    typeof o != "string" && (o = o[t.$modeName$ = Ns(e)]);
-    const a = He(s, t.$modeName$);
-    if (!ct.has(a)) {
+    typeof o != "string" && (o = o[t.$modeName$ = Hs(e)]);
+    const a = Re(s, t.$modeName$);
+    if (!dt.has(a)) {
       const l = L("registerStyles", s.$tagName$);
-      Ps(a, o, !!(s.$flags$ & 1)), l();
+      Ls(a, o, !!(s.$flags$ & 1)), l();
     }
   }
-  t.$ancestorComponent$, (() => Fe(t, !0))();
-}, ii = (e) => {
+  t.$ancestorComponent$, (() => We(t, !0))();
 }, ni = (e) => {
+}, ri = (e) => {
   if (!(m.$flags$ & 1)) {
-    const t = mt(e), s = t.$cmpMeta$, i = L("connectedCallback", s.$tagName$);
-    t.$flags$ & 1 ? (Ne(e, t, s.$listeners$), ii(t.$lazyInstance$)) : (t.$flags$ |= 1, s.$flags$ & 12 && ri(e), s.$members$ && Object.entries(s.$members$).map(([n, [r]]) => {
+    const t = vt(e), s = t.$cmpMeta$, i = L("connectedCallback", s.$tagName$);
+    t.$flags$ & 1 ? (He(e, t, s.$listeners$), ni(t.$lazyInstance$)) : (t.$flags$ |= 1, s.$flags$ & 12 && oi(e), s.$members$ && Object.entries(s.$members$).map(([n, [r]]) => {
       if (r & 31 && e.hasOwnProperty(n)) {
         const o = e[n];
         delete e[n], e[n] = o;
       }
-    }), si(e, t, s)), i();
+    }), ii(e, t, s)), i();
   }
-}, ri = (e) => {
+}, oi = (e) => {
   const t = e["s-cr"] = x.createComment("");
   t["s-cn"] = !0, e.insertBefore(t, e.firstChild);
-}, oi = (e) => {
+}, ai = (e) => {
   if (!(m.$flags$ & 1)) {
-    const t = mt(e);
+    const t = vt(e);
     t.$rmListeners$ && (t.$rmListeners$.map((s) => s()), t.$rmListeners$ = void 0);
   }
-}, We = (e, t) => {
+}, Ge = (e, t) => {
   const s = {
     $flags$: t[0],
     $tagName$: t[1]
@@ -1067,13 +1067,13 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
   const i = e.prototype.connectedCallback, n = e.prototype.disconnectedCallback;
   return Object.assign(e.prototype, {
     __registerHost() {
-      ai(this, s);
+      li(this, s);
     },
     connectedCallback() {
-      ni(this), i && i.call(this);
+      ri(this), i && i.call(this);
     },
     disconnectedCallback() {
-      oi(this), n && n.call(this);
+      ai(this), n && n.call(this);
     },
     __attachShadow() {
       this.attachShadow({
@@ -1081,18 +1081,18 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
         delegatesFocus: !!(s.$flags$ & 16)
       });
     }
-  }), e.is = s.$tagName$, ei(e, s);
-}, Ge = /* @__PURE__ */ new WeakMap(), mt = (e) => Ge.get(e), ai = (e, t) => {
+  }), e.is = s.$tagName$, si(e, s);
+}, qe = /* @__PURE__ */ new WeakMap(), vt = (e) => qe.get(e), li = (e, t) => {
   const s = {
     $flags$: 0,
     $hostElement$: e,
     $cmpMeta$: t,
     $instanceValues$: /* @__PURE__ */ new Map()
   };
-  return Ne(e, s, t.$listeners$), Ge.set(e, s);
-}, ue = (e, t) => t in e, J = (e, t) => (0, console.error)(e, t), ct = /* @__PURE__ */ new Map(), li = [], fe = [], qe = [], ci = (e, t) => (s) => {
-  e.push(s), Pt || (Pt = !0, t && m.$flags$ & 4 ? di(Lt) : m.raf(Lt));
-}, $e = (e) => {
+  return He(e, s, t.$listeners$), qe.set(e, s);
+}, fe = (e, t) => t in e, J = (e, t) => (0, console.error)(e, t), dt = /* @__PURE__ */ new Map(), ci = [], $e = [], Ye = [], di = (e, t) => (s) => {
+  e.push(s), Pt || (Pt = !0, t && m.$flags$ & 4 ? hi(Lt) : m.raf(Lt));
+}, ge = (e) => {
   for (let t = 0; t < e.length; t++)
     try {
       e[t](performance.now());
@@ -1101,8 +1101,8 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
     }
   e.length = 0;
 }, Lt = () => {
-  $e(fe), $e(qe), (Pt = fe.length > 0) && m.raf(Lt);
-}, di = (e) => Es().then(e), hi = /* @__PURE__ */ ci(qe, !0), pi = (e = {}) => {
+  ge($e), ge(Ye), (Pt = $e.length > 0) && m.raf(Lt);
+}, hi = (e) => Cs().then(e), pi = /* @__PURE__ */ di(Ye, !0), ui = (e = {}) => {
   const { content: t = "", title: s, attributes: i = [] } = e;
   let n = "", r = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
@@ -1110,54 +1110,54 @@ const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, U
     ...i
   ];
   return s && (n = `<title>${s}</title>`), `<svg ${r.map((a) => `${a.name}="${a.value}"`).join(" ")}>${n}${t}</svg>`;
-}, ui = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim();
-function fi(e) {
+}, fi = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim();
+function $i(e) {
   return `${e.getFullYear()}.${e.getMonth() + 1}`;
 }
-class $i {
+class gi {
   constructor(t) {
-    this.voca_component = t, this.voca_added = fi(/* @__PURE__ */ new Date());
+    this.voca_component = t, this.voca_added = $i(/* @__PURE__ */ new Date());
   }
 }
-const gi = "telia-vst{display:none}", mi = /* @__PURE__ */ We(class extends Ue {
+const mi = "telia-vst{display:none}", vi = /* @__PURE__ */ Ge(class extends Ne {
   constructor() {
-    super(), this.__registerHost(), this.vocaInternalUStats = Gs(this, "vocaInternalUStats", 7);
+    super(), this.__registerHost(), this.vocaInternalUStats = qs(this, "vocaInternalUStats", 7);
   }
   connectedCallback() {
-    this.vocaInternalUStats.emit(new $i(this.dataTrackingId));
+    this.vocaInternalUStats.emit(new gi(this.dataTrackingId));
   }
   render() {
-    return j(It, null);
+    return j(Bt, null);
   }
   static get style() {
-    return gi;
+    return mi;
   }
 }, [0, "telia-vst", {
   dataTrackingId: [1, "data-tracking-id"]
 }]);
-function Ye() {
+function Ke() {
   if (typeof customElements > "u")
     return;
   ["telia-vst"].forEach((t) => {
     switch (t) {
       case "telia-vst":
-        customElements.get(t) || customElements.define(t, mi);
+        customElements.get(t) || customElements.define(t, vi);
         break;
     }
   });
 }
-Ye();
+Ke();
 function Ut() {
   return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
 }
-function vi() {
+function yi() {
   if (typeof Ut().vocadsIcons !== void 0)
     return Ut().vocadsIcons;
 }
-function yi() {
+function bi() {
   return Ut().vocadsIconsRegistered;
 }
-const bi = ".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))}", _i = /* @__PURE__ */ We(class extends Ue {
+const _i = ".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))}", wi = /* @__PURE__ */ Ge(class extends Ne {
   constructor() {
     super(), this.__registerHost(), this.size = "md", this.allyTitle = null, this.dataTrackingId = "telia-icon";
   }
@@ -1169,8 +1169,8 @@ const bi = ".telia-icon{display:inline-block}.telia-icon__container{display:bloc
   getSvgString() {
     if (this.svg)
       return this.svg;
-    if (yi() && this.name) {
-      const e = vi();
+    if (bi() && this.name) {
+      const e = yi();
       return e[this.name] ? e[this.name].svg : "";
     }
     return this.name && console.warn(this.name, "Icons bundle is not registered and will not be rendered. Check if you have registered icons bundle or use svg property"), "";
@@ -1181,15 +1181,15 @@ const bi = ".telia-icon{display:inline-block}.telia-icon__container{display:bloc
       ...t,
       { name: "aria-hidden", value: "true" }
     ];
-    const s = pi({
-      content: ui(e),
+    const s = ui({
+      content: fi(e),
       attributes: t,
       title: this.allyTitle
     });
-    return j(It, { class: `telia-icon telia-icon--${this.size}` }, j("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: s }), j("telia-vst", { dataTrackingId: this.dataTrackingId }));
+    return j(Bt, { class: `telia-icon telia-icon--${this.size}` }, j("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: s }), j("telia-vst", { dataTrackingId: this.dataTrackingId }));
   }
   static get style() {
-    return bi;
+    return _i;
   }
 }, [0, "telia-icon", {
   name: [1],
@@ -1204,10 +1204,10 @@ function xi() {
   ["telia-icon", "telia-vst"].forEach((t) => {
     switch (t) {
       case "telia-icon":
-        customElements.get(t) || customElements.define(t, _i);
+        customElements.get(t) || customElements.define(t, wi);
         break;
       case "telia-vst":
-        customElements.get(t) || Ye();
+        customElements.get(t) || Ke();
         break;
     }
   });
@@ -1218,7 +1218,7 @@ xi();
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const vt = (e) => (t, s) => {
+const V = (e) => (t, s) => {
   s !== void 0 ? s.addInitializer(() => {
     customElements.define(e, t);
   }) : customElements.define(e, t);
@@ -1228,7 +1228,7 @@ const vt = (e) => (t, s) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const wi = { attribute: !0, type: String, converter: nt, reflect: !1, hasChanged: Mt }, Ai = (e = wi, t, s) => {
+const Ai = { attribute: !0, type: String, converter: rt, reflect: !1, hasChanged: jt }, Si = (e = Ai, t, s) => {
   const { kind: i, metadata: n } = s;
   let r = globalThis.litPropertyMetadata.get(n);
   if (r === void 0 && globalThis.litPropertyMetadata.set(n, r = /* @__PURE__ */ new Map()), r.set(s.name, e), i === "accessor") {
@@ -1250,7 +1250,7 @@ const wi = { attribute: !0, type: String, converter: nt, reflect: !1, hasChanged
   throw Error("Unsupported decorator location: " + i);
 };
 function g(e) {
-  return (t, s) => typeof s == "object" ? Ai(e, t, s) : ((i, n, r) => {
+  return (t, s) => typeof s == "object" ? Si(e, t, s) : ((i, n, r) => {
     const o = n.hasOwnProperty(r);
     return n.constructor.createProperty(r, o ? { ...i, wrapped: !0 } : i), o ? Object.getOwnPropertyDescriptor(n, r) : void 0;
   })(e, t, s);
@@ -1268,14 +1268,14 @@ function A(e) {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Si = (e) => e.strings === void 0;
+const Ei = (e) => e.strings === void 0;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
 const yt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, bt = (e) => (...t) => ({ _$litDirective$: e, values: t });
-let zt = class {
+let Ft = class {
   constructor(t) {
   }
   get _$AU() {
@@ -1304,14 +1304,14 @@ const q = (e, t) => {
   for (const n of s)
     (i = n._$AO) == null || i.call(n, t, !1), q(n, t);
   return !0;
-}, dt = (e) => {
+}, ht = (e) => {
   let t, s;
   do {
     if ((t = e._$AM) === void 0)
       break;
     s = t._$AN, s.delete(e), e = t;
   } while ((s == null ? void 0 : s.size) === 0);
-}, Ke = (e) => {
+}, Qe = (e) => {
   for (let t; t = e._$AM; e = t) {
     let s = t._$AN;
     if (s === void 0)
@@ -1321,37 +1321,37 @@ const q = (e, t) => {
     s.add(e), ki(t);
   }
 };
-function Ei(e) {
-  this._$AN !== void 0 ? (dt(this), this._$AM = e, Ke(this)) : this._$AM = e;
+function Ci(e) {
+  this._$AN !== void 0 ? (ht(this), this._$AM = e, Qe(this)) : this._$AM = e;
 }
-function Ci(e, t = !1, s = 0) {
+function Ti(e, t = !1, s = 0) {
   const i = this._$AH, n = this._$AN;
   if (n !== void 0 && n.size !== 0)
     if (t)
       if (Array.isArray(i))
         for (let r = s; r < i.length; r++)
-          q(i[r], !1), dt(i[r]);
+          q(i[r], !1), ht(i[r]);
       else
-        i != null && (q(i, !1), dt(i));
+        i != null && (q(i, !1), ht(i));
     else
       q(this, e);
 }
 const ki = (e) => {
-  e.type == yt.CHILD && (e._$AP ?? (e._$AP = Ci), e._$AQ ?? (e._$AQ = Ei));
+  e.type == yt.CHILD && (e._$AP ?? (e._$AP = Ti), e._$AQ ?? (e._$AQ = Ci));
 };
-let Qe = class extends zt {
+let Ze = class extends Ft {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
   _$AT(t, s, i) {
-    super._$AT(t, s, i), Ke(this), this.isConnected = t._$AU;
+    super._$AT(t, s, i), Qe(this), this.isConnected = t._$AU;
   }
   _$AO(t, s = !0) {
     var i, n;
-    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (n = this.disconnected) == null || n.call(this)), s && (q(this, t), dt(this));
+    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (n = this.disconnected) == null || n.call(this)), s && (q(this, t), ht(this));
   }
   setValue(t) {
-    if (Si(this._$Ct))
+    if (Ei(this._$Ct))
       this._$Ct._$AI(t, this);
     else {
       const s = [...this._$Ct._$AH];
@@ -1368,10 +1368,10 @@ let Qe = class extends zt {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ze = () => new Ti();
-class Ti {
+const Xe = () => new Oi();
+class Oi {
 }
-const kt = /* @__PURE__ */ new WeakMap(), Xe = bt(class extends Qe {
+const Tt = /* @__PURE__ */ new WeakMap(), Je = bt(class extends Ze {
   render(e) {
     return u;
   }
@@ -1383,14 +1383,14 @@ const kt = /* @__PURE__ */ new WeakMap(), Xe = bt(class extends Qe {
   ot(e) {
     if (typeof this.G == "function") {
       const t = this.ct ?? globalThis;
-      let s = kt.get(t);
-      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), kt.set(t, s)), s.get(this.G) !== void 0 && this.G.call(this.ct, void 0), s.set(this.G, e), e !== void 0 && this.G.call(this.ct, e);
+      let s = Tt.get(t);
+      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), Tt.set(t, s)), s.get(this.G) !== void 0 && this.G.call(this.ct, void 0), s.set(this.G, e), e !== void 0 && this.G.call(this.ct, e);
     } else
       this.G.value = e;
   }
   get rt() {
     var e, t;
-    return typeof this.G == "function" ? (e = kt.get(this.ct ?? globalThis)) == null ? void 0 : e.get(this.G) : (t = this.G) == null ? void 0 : t.value;
+    return typeof this.G == "function" ? (e = Tt.get(this.ct ?? globalThis)) == null ? void 0 : e.get(this.G) : (t = this.G) == null ? void 0 : t.value;
   }
   disconnected() {
     this.rt === this.lt && this.ot(void 0);
@@ -1404,7 +1404,7 @@ const kt = /* @__PURE__ */ new WeakMap(), Xe = bt(class extends Qe {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ft = bt(class extends zt {
+const Wt = bt(class extends Ft {
   constructor(e) {
     var t;
     if (super(e), e.type !== yt.ATTRIBUTE || e.name !== "class" || ((t = e.strings) == null ? void 0 : t.length) > 2)
@@ -1430,30 +1430,30 @@ const Ft = bt(class extends zt {
     }
     return C;
   }
-}), st = (e, t, s) => {
+}), it = (e, t, s) => {
   e && s.style.setProperty(t, e);
-}, Je = (e, t) => {
+}, Ve = (e, t) => {
   var s, i, n, r;
-  st((s = e.colors) == null ? void 0 : s.primaryBackground, "--primary-background", t), st(
+  it((s = e.colors) == null ? void 0 : s.primaryBackground, "--primary-background", t), it(
     (i = e.colors) == null ? void 0 : i.textOnPrimaryBackground,
     "--text-on-primary-background",
     t
-  ), st(
+  ), it(
     (n = e.colors) == null ? void 0 : n.secondaryBackground,
     "--secondary-background",
     t
-  ), st(
+  ), it(
     (r = e.colors) == null ? void 0 : r.textOnSecondaryBackground,
     "--text-on-secondary-background",
     t
   );
 };
-var Oi = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, _t = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Pi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+var Pi = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, _t = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Li(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && Oi(t, s, n), n;
+  return i && n && Pi(t, s, n), n;
 };
-class U extends y {
+class U extends v {
   constructor() {
     super(...arguments), this.active = !1, this.loaded = !1;
   }
@@ -1468,18 +1468,18 @@ class U extends y {
       );
       return;
     }
-    this.active = !this.active, this.active ? this.application.appendToDOM() : this.application.removeFromDOM();
+    this.active = !this.active, this.active ? this.application.appendToDOM() : this.application.hide();
   }
   _applyBranding() {
     var t;
-    (t = this.application) != null && t.settings && Je(this.application.settings.branding, this);
+    (t = this.application) != null && t.settings && Ve(this.application.settings.branding, this);
   }
   async _renderSymbol() {
     var r;
     const t = (r = this.application) == null ? void 0 : r.triggerIcon;
     if (!t)
       return u;
-    const s = async (o) => await import("./index-94b25fbe.mjs").then(
+    const s = async (o) => await import("./index-306e28c8.mjs").then(
       (l) => l[o]
     ), { type: i, content: n } = t;
     switch (i) {
@@ -1497,7 +1497,7 @@ class U extends y {
   }
   render() {
     return $`<button
-      class=${Ft({
+      class=${Wt({
       trigger: !0,
       active: this.active,
       rendered: this.loaded
@@ -1536,7 +1536,7 @@ class U extends y {
   }
 }
 U.styles = [
-  w`
+  _`
       :host {
         --voca-rem-multiplier: 0.625;
         display: block;
@@ -1618,12 +1618,12 @@ _t([
 _t([
   A()
 ], U.prototype, "icon", 2);
-var Li = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, T = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Ui(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+var Ui = Object.defineProperty, Ni = Object.getOwnPropertyDescriptor, k = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Ni(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && Li(t, s, n), n;
+  return i && n && Ui(t, s, n), n;
 };
-const Ve = (e) => {
+const ts = (e) => {
   class t extends e {
     constructor() {
       super(...arguments), this.properties = {}, this.context = {}, this.layout = {}, this.nodes = [];
@@ -1649,7 +1649,7 @@ const Ve = (e) => {
   }
   return t.styles = [
     // (superClass as unknown as typeof LitElement).styles ?? [],
-    w`
+    _`
         :host {
           font-family: var(--font-family);
           grid-column: span var(--width);
@@ -1662,29 +1662,29 @@ const Ve = (e) => {
           box-sizing: border-box;
         }
       `
-  ], T([
+  ], k([
     g()
-  ], t.prototype, "properties", 2), T([
+  ], t.prototype, "properties", 2), k([
     g()
-  ], t.prototype, "context", 2), T([
+  ], t.prototype, "context", 2), k([
     g()
-  ], t.prototype, "layout", 2), T([
+  ], t.prototype, "layout", 2), k([
     g()
-  ], t.prototype, "name", 2), T([
+  ], t.prototype, "name", 2), k([
     g()
-  ], t.prototype, "type", 2), T([
+  ], t.prototype, "type", 2), k([
     g({ attribute: !1 })
-  ], t.prototype, "application", 2), T([
+  ], t.prototype, "application", 2), k([
     g({ attribute: !1 })
   ], t.prototype, "parent", 2), t;
 };
-class ts extends Ve(y) {
+class es extends ts(v) {
   render() {
     return $`Non resolved component`;
   }
 }
-ts.styles = [
-  w`
+es.styles = [
+  _`
       :host {
         display: block;
       }
@@ -1695,21 +1695,21 @@ ts.styles = [
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function* Ni(e, t) {
+function* Hi(e, t) {
   if (e !== void 0) {
     let s = 0;
     for (const i of e)
       yield t(i, s++);
   }
 }
-var Wt = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Trigger = "trigger", e))(Wt || {}), Hi = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, Mi = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Ri(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+var Gt = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Trigger = "trigger", e))(Gt || {}), Ri = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, ji = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Mi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && Hi(t, s, n), n;
+  return i && n && Ri(t, s, n), n;
 };
-class Gt extends y {
+class qt extends v {
   constructor() {
-    super(...arguments), this.nodes = [], this.wrapperRef = Ze();
+    super(...arguments), this.nodes = [], this.wrapperRef = Xe();
   }
   addChild(t) {
     t.parent = this, this.nodes.push(t);
@@ -1717,19 +1717,19 @@ class Gt extends y {
   applyBranding() {
     if (this.wrapperRef.value) {
       const t = this.application.settings;
-      t != null && t.branding && Je(t.branding, this.wrapperRef.value);
+      t != null && t.branding && Ve(t.branding, this.wrapperRef.value);
     }
   }
   firstUpdated(t) {
     this.applyBranding();
   }
   render() {
-    return this.application.renderStrategy === Wt.Trigger && this.renderRoot.host.classList.add("floating"), $`<div class="widget-container" ${Xe(this.wrapperRef)}>
-      ${Ni(this.nodes, (t) => t)}
+    return this.application.renderStrategy === Gt.Trigger && this.renderRoot.host.classList.add("floating"), $`<div class="widget-container" ${Je(this.wrapperRef)}>
+      ${Hi(this.nodes, (t) => t)}
     </div>`;
   }
 }
-Gt.styles = w`
+qt.styles = _`
     :host {
       --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       --spacing-xs: 0.2rem;
@@ -1779,14 +1779,6 @@ Gt.styles = w`
       background-color: var(--primary-background);
       padding: 0 var(--spacing-sm);
     }
-    .widget-container.expanded {
-      opacity: 1;
-      animation: slideUp 0.5s;
-    }
-    .widget-container.hidden {
-      opacity: 0;
-      animation: slideDown 0.5s;
-    }
     @keyframes slideDown {
       from {
         transform: translateY(0);
@@ -1807,16 +1799,24 @@ Gt.styles = w`
         opacity: 1;
       }
     }
+    :host(.expanded) {
+      opacity: 1;
+      animation: slideUp 0.3s linear;
+    }
+    :host(.hidden) {
+      opacity: 0;
+      animation: slideDown 0.3s linear;
+    }
   `;
-Mi([
+ji([
   g({ attribute: !1 })
-], Gt.prototype, "application", 2);
-var ji = Object.defineProperty, Di = Object.getOwnPropertyDescriptor, qt = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Di(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+], qt.prototype, "application", 2);
+var Di = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, Yt = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Ii(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && ji(t, s, n), n;
+  return i && n && Di(t, s, n), n;
 };
-class V extends y {
+class tt extends v {
   constructor() {
     super(), this.status = "deactivated", this.addEventListener("environment-created", this.onEnvironmentCreated);
   }
@@ -1841,59 +1841,59 @@ class V extends y {
   render() {
     if (!this.widget || this.status !== "activated")
       return u;
-    if (this.widget.renderStrategy === Wt.Trigger) {
+    if (this.widget.renderStrategy === Gt.Trigger) {
       const t = new U();
       return t.application = this.widget, t;
     }
     return this.widget.render();
   }
 }
-V.styles = [
-  w`
+tt.styles = [
+  _`
       :host {
         display: block;
       }
     `
 ];
-qt([
+Yt([
   g({ attribute: !0 })
-], V.prototype, "name", 2);
-qt([
+], tt.prototype, "name", 2);
+Yt([
   A()
-], V.prototype, "widget", 2);
-qt([
+], tt.prototype, "widget", 2);
+Yt([
   A()
-], V.prototype, "status", 2);
+], tt.prototype, "status", 2);
 customElements.get("ace-trigger") || customElements.define("ace-trigger", U);
-customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", ts);
-customElements.get("ace-wrapper") || customElements.define("ace-wrapper", Gt);
-customElements.get("ace-widget") || customElements.define("ace-widget", V);
-const Ii = /* @__PURE__ */ new WeakMap();
-let ge = 0;
-const Tt = /* @__PURE__ */ new Map(), me = /* @__PURE__ */ new WeakSet(), ve = () => new Promise((e) => requestAnimationFrame(e)), Bi = [{ opacity: 0 }], ye = [{ opacity: 0 }, { opacity: 1 }], be = (e, t) => {
+customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", es);
+customElements.get("ace-wrapper") || customElements.define("ace-wrapper", qt);
+customElements.get("ace-widget") || customElements.define("ace-widget", tt);
+const Bi = /* @__PURE__ */ new WeakMap();
+let me = 0;
+const kt = /* @__PURE__ */ new Map(), ve = /* @__PURE__ */ new WeakSet(), ye = () => new Promise((e) => requestAnimationFrame(e)), zi = [{ opacity: 0 }], be = [{ opacity: 0 }, { opacity: 1 }], _e = (e, t) => {
   const s = e - t;
   return s === 0 ? void 0 : s;
-}, _e = (e, t) => {
+}, we = (e, t) => {
   const s = e / t;
   return s === 1 ? void 0 : s;
 }, Ot = { left: (e, t) => {
-  const s = be(e, t);
+  const s = _e(e, t);
   return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateX(${s}px)` };
 }, top: (e, t) => {
-  const s = be(e, t);
+  const s = _e(e, t);
   return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateY(${s}px)` };
 }, width: (e, t) => {
   let s;
   t === 0 && (t = 1, s = { width: "1px" });
-  const i = _e(e, t);
+  const i = we(e, t);
   return { value: i, overrideFrom: s, transform: i == null || isNaN(i) ? void 0 : `scaleX(${i})` };
 }, height: (e, t) => {
   let s;
   t === 0 && (t = 1, s = { height: "1px" });
-  const i = _e(e, t);
+  const i = we(e, t);
   return { value: i, overrideFrom: s, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
-} }, zi = { duration: 333, easing: "ease-in-out" }, Fi = ["left", "top", "width", "height", "opacity", "color", "background"], xe = /* @__PURE__ */ new WeakMap();
-class Wi extends Qe {
+} }, Fi = { duration: 333, easing: "ease-in-out" }, Wi = ["left", "top", "width", "height", "opacity", "color", "background"], xe = /* @__PURE__ */ new WeakMap();
+class Gi extends Ze {
   constructor(t) {
     if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === yt.CHILD)
       throw Error("The `animate` directive must be used in attribute position.");
@@ -1913,7 +1913,7 @@ class Wi extends Qe {
     return u;
   }
   getController() {
-    return Ii.get(this.l);
+    return Bi.get(this.l);
   }
   isDisabled() {
     var t;
@@ -1927,7 +1927,7 @@ class Wi extends Qe {
   u(t) {
     t = t ?? {};
     const s = this.getController();
-    s !== void 0 && ((t = { ...s.defaultOptions, ...t }).keyframeOptions = { ...s.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = Fi), this.options = t;
+    s !== void 0 && ((t = { ...s.defaultOptions, ...t }).keyframeOptions = { ...s.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = Wi), this.options = t;
   }
   p() {
     const t = {}, s = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
@@ -1954,17 +1954,17 @@ class Wi extends Qe {
     if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
       return;
     let t;
-    this.prepare(), await ve;
+    this.prepare(), await ye;
     const s = this._(), i = this.A(this.options.keyframeOptions, s), n = this.p();
     if (this.g !== void 0) {
       const { from: r, to: o } = this.O(this.g, n, s);
       this.log("measured", [this.g, n, r, o]), t = this.calculateKeyframes(r, o);
     } else {
-      const r = Tt.get(this.options.inId);
+      const r = kt.get(this.options.inId);
       if (r) {
-        Tt.delete(this.options.inId);
+        kt.delete(this.options.inId);
         const { from: o, to: a } = this.O(r, n, s);
-        t = this.calculateKeyframes(o, a), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, ge++, t.forEach((l) => l.zIndex = ge);
+        t = this.calculateKeyframes(o, a), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, me++, t.forEach((l) => l.zIndex = me);
       } else
         this.options.in && (t = [...this.options.in, {}]);
     }
@@ -1981,9 +1981,9 @@ class Wi extends Qe {
   }
   async disconnected() {
     var s;
-    if (!this.o || (this.options.id !== void 0 && Tt.set(this.options.id, this.g), this.options.out === void 0))
+    if (!this.o || (this.options.id !== void 0 && kt.set(this.options.id, this.g), this.options.out === void 0))
       return;
-    if (this.prepare(), await ve(), (s = this.t) == null ? void 0 : s.isConnected) {
+    if (this.prepare(), await ye(), (s = this.t) == null ? void 0 : s.isConnected) {
       const i = this.i && this.i.parentNode === this.t ? this.i : null;
       if (this.t.insertBefore(this.element, i), this.options.stabilizeOut) {
         const n = this.p();
@@ -2015,13 +2015,13 @@ class Wi extends Qe {
     return t;
   }
   get isHostRendered() {
-    const t = me.has(this.l);
+    const t = ve.has(this.l);
     return t || this.l.updateComplete.then(() => {
-      me.add(this.l);
+      ve.add(this.l);
     }), t;
   }
   A(t, s = this._()) {
-    const i = { ...zi };
+    const i = { ...Fi };
     return s.forEach((n) => Object.assign(i, n.options.keyframeOptions)), Object.assign(i, t), i;
   }
   O(t, s, i) {
@@ -2072,30 +2072,36 @@ class Wi extends Qe {
     this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, s);
   }
 }
-const we = bt(Wi);
-var Gi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, xt = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? qi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+const Ae = bt(Gi);
+var qi = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, wt = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Yi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && Gi(t, s, n), n;
+  return i && n && qi(t, s, n), n;
 };
-let B = class extends y {
+let B = class extends v {
   constructor() {
-    super(...arguments), this.loading = !1, this.entries = [];
+    super(...arguments), this.loading = !0, this.entries = [];
   }
   connectedCallback() {
     super.connectedCallback(), this.session.entries().subscribe((e) => {
       this.entries = e;
+    }), this.session.isTyping().subscribe((e) => {
+      this.loading = e;
     });
   }
+  updated(e) {
+    const t = new CustomEvent("updated", {});
+    this.dispatchEvent(t);
+  }
   render() {
     return $`<div class="conversation-session">
       ${this.entries.map(
       (e) => $`<div class="conversation-entry" tabindex="-1">
             <conversation-entry
               .entry=${e}
-              ${we({
+              ${Ae({
         keyframeOptions: {},
-        in: ye,
+        in: be,
         stabilizeOut: !0,
         skipInitial: !1
       })}
@@ -2103,23 +2109,20 @@ let B = class extends y {
             </conversation-entry>
           </div>`
     )}
-      ${this.loading ? $`<div
-            class="loader"
-            ${we({
-      in: ye,
-      out: Bi,
+      ${this.loading ? $`<ace-typing-state
+            ${Ae({
+      keyframeOptions: {},
+      in: be,
+      out: zi,
+      stabilizeOut: !0,
       skipInitial: !1
     })}
-          >
-            <div></div>
-            <div></div>
-            <div></div>
-          </div>` : u}
-    </div>`;
+          ></ace-typing-state>` : u}
+    </div> `;
   }
 };
 B.styles = [
-  w`
+  _`
       :host {
         display: block;
       }
@@ -2131,24 +2134,24 @@ B.styles = [
       }
     `
 ];
-xt([
+wt([
   g({ type: Boolean })
 ], B.prototype, "loading", 2);
-xt([
+wt([
   g({ attribute: !1 })
 ], B.prototype, "session", 2);
-xt([
+wt([
   A()
 ], B.prototype, "entries", 2);
-B = xt([
-  vt("ace-conversation-session")
+B = wt([
+  V("ace-conversation-session")
 ], B);
-var Yi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, es = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Ki(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+var Ki = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, ss = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Qi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && Yi(t, s, n), n;
+  return i && n && Ki(t, s, n), n;
 };
-let ht = class extends y {
+let pt = class extends v {
   connectedCallback() {
     var e;
     super.connectedCallback(), (e = this.entry.didUpdate) == null || e.subscribe(() => {
@@ -2168,11 +2171,11 @@ let ht = class extends y {
   render() {
     var e, t;
     switch (this.entry.type) {
-      case wt.System:
+      case xt.System:
         return "";
-      case wt.Agent:
+      case xt.Agent:
         return $`<div
-          class=${Ft({
+          class=${Wt({
           "conversation-agent-message": !0,
           "has-avatar": !!((e = this.entry.sender) != null && e.avatar)
         })}
@@ -2197,7 +2200,7 @@ let ht = class extends y {
           this.entry.timestamp
         )}
         </div>`;
-      case wt.User:
+      case xt.User:
         return $`<div class="conversation-user-message">
           <div class="entry-content">
             ${this.entry.messages.map(
@@ -2220,8 +2223,8 @@ let ht = class extends y {
     }
   }
 };
-ht.styles = [
-  w`
+pt.styles = [
+  _`
       :host {
         box-sizing: border-box;
         display: block;
@@ -2305,18 +2308,18 @@ ht.styles = [
       }
     `
 ];
-es([
+ss([
   g({ attribute: !1 })
-], ht.prototype, "entry", 2);
-ht = es([
-  vt("conversation-entry")
-], ht);
-var Qi = Object.defineProperty, Zi = Object.getOwnPropertyDescriptor, ss = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Zi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+], pt.prototype, "entry", 2);
+pt = ss([
+  V("conversation-entry")
+], pt);
+var Zi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, is = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Xi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && Qi(t, s, n), n;
+  return i && n && Zi(t, s, n), n;
 };
-let pt = class extends y {
+let ut = class extends v {
   render() {
     return $`
       <div class="message-group">
@@ -2331,8 +2334,8 @@ let pt = class extends y {
     `;
   }
 };
-pt.styles = [
-  w`
+ut.styles = [
+  _`
       :host {
         box-sizing: border-box;
         display: block;
@@ -2347,18 +2350,72 @@ pt.styles = [
       }
     `
 ];
-ss([
+is([
   g({ attribute: !1 })
-], pt.prototype, "group", 2);
-pt = ss([
-  vt("conversation-group")
-], pt);
+], ut.prototype, "group", 2);
+ut = is([
+  V("conversation-group")
+], ut);
+var Ji = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, tn = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Vi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && Ji(t, s, n), n;
+};
+let Nt = class extends v {
+  render() {
+    return $`<div class="container">
+      <div class="dot"></div>
+      <div class="dot"></div>
+      <div class="dot"></div>
+    </div>`;
+  }
+};
+Nt.styles = [
+  _`
+      :host {
+        display: block;
+      }
+      .container {
+        align-items: center;
+        display: flex;
+        justify-content: center;
+        gap: var(--spacing-sm);
+        padding: var(--spacing-md);
+      }
+      .dot {
+        border-radius: 9999px;
+        height: var(--spacing-sm);
+        width: var(--spacing-sm);
+        background: var(--primary-background);
+        opacity: 0;
+        animation: blink 1s infinite;
+      }
+      .dot:nth-child(1) {
+        animation-delay: 0.3333s;
+      }
+      .dot:nth-child(2) {
+        animation-delay: 0.6666s;
+      }
+      .dot:nth-child(3) {
+        animation-delay: 0.9999s;
+      }
+
+      @keyframes blink {
+        50% {
+          opacity: 1;
+        }
+      }
+    `
+];
+Nt = tn([
+  V("ace-typing-state")
+], Nt);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Nt extends zt {
+class Ht extends Ft {
   constructor(t) {
     if (super(t), this.et = u, t.type !== yt.CHILD)
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
@@ -2377,22 +2434,22 @@ class Nt extends zt {
     return s.raw = s, this.vt = { _$litType$: this.constructor.resultType, strings: s, values: [] };
   }
 }
-Nt.directiveName = "unsafeHTML", Nt.resultType = 1;
-const Xi = bt(Nt);
-var Ji = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, is = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Vi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+Ht.directiveName = "unsafeHTML", Ht.resultType = 1;
+const en = bt(Ht);
+var sn = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, ns = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? nn(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && Ji(t, s, n), n;
+  return i && n && sn(t, s, n), n;
 };
-let ut = class extends y {
+let ft = class extends v {
   render() {
     return $`<div class="message-type-html">
-      ${Xi(this.message.content)}
+      ${en(this.message.content)}
     </div>`;
   }
 };
-ut.styles = [
-  w`
+ft.styles = [
+  _`
       :host {
         box-sizing: border-box;
       }
@@ -2406,23 +2463,23 @@ ut.styles = [
       }
     `
 ];
-is([
+ns([
   g({ attribute: !1 })
-], ut.prototype, "message", 2);
-ut = is([
-  vt("message-type-html")
-], ut);
-var tn = Object.defineProperty, en = Object.getOwnPropertyDescriptor, Yt = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? en(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+], ft.prototype, "message", 2);
+ft = ns([
+  V("message-type-html")
+], ft);
+var rn = Object.defineProperty, on = Object.getOwnPropertyDescriptor, Kt = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? on(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && tn(t, s, n), n;
+  return i && n && rn(t, s, n), n;
 };
-const sn = (e) => {
+const an = (e) => {
   e.scrollTo ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight;
-}, ns = Ve(y);
-class z extends ns {
+}, rs = ts(v);
+class z extends rs {
   constructor() {
-    super(...arguments), this.message = "", this.platform = null, this.session = null, this.conversationContentRef = Ze(), this.chatScrollHeight = 0;
+    super(...arguments), this.message = "", this.platform = null, this.session = null, this.conversationContentRef = Xe(), this.chatScrollHeight = 0;
   }
   async connectedCallback() {
     super.connectedCallback();
@@ -2443,23 +2500,24 @@ class z extends ns {
   }
   _actionHandler(t) {
   }
-  updated(t) {
-    const s = this.conversationContentRef.value;
-    s && setTimeout(() => {
-      const i = s.scrollHeight;
-      i > this.chatScrollHeight && (sn(s), this.chatScrollHeight = i);
+  onSessionUpdated() {
+    const t = this.conversationContentRef.value;
+    t && setTimeout(() => {
+      const s = t.scrollHeight;
+      s > this.chatScrollHeight && (an(t), this.chatScrollHeight = s);
     }, 1e3);
   }
   render() {
     return $` <div
       @action=${this._actionHandler}
-      class=${Ft({
+      class=${Wt({
       conversation: !0,
       "input-has-text": this.message.length > 0
     })}
     >
-      <div class="conversation-content" ${Xe(this.conversationContentRef)}>
+      <div class="conversation-content" ${Je(this.conversationContentRef)}>
         ${this.session ? $`<ace-conversation-session
+              @updated=${this.onSessionUpdated}
               .session=${this.session}
             ></ace-conversation-session>` : u}
       </div>
@@ -2471,7 +2529,7 @@ class z extends ns {
         />
         <div class="conversation-actions">
           <button class="conversation-send-button" type="submit">
-            <telia-icon svg=${As.svg}></telia-icon>
+            <telia-icon svg=${Ss.svg}></telia-icon>
           </button>
         </div>
       </form>
@@ -2479,8 +2537,8 @@ class z extends ns {
   }
 }
 z.styles = [
-  ns.styles || [],
-  w`
+  rs.styles || [],
+  _`
       :host {
         font-family: var(--font-family);
         /* --send-icon-color: var(--gray-dark-color, #a6a6a6); */
@@ -2561,59 +2619,23 @@ z.styles = [
         height: 2.5rem;
         outline: none;
       }
-
-      @keyframes loaderanim {
-        0% {
-          opacity: 0;
-        }
-        75% {
-          opacity: 1;
-        }
-        100% {
-          opacity: 0;
-        }
-      }
-
-      .loader {
-        display: flex;
-        justify-content: center;
-      }
-
-      .loader > div {
-        height: 10px;
-        width: 10px;
-        border-radius: 50%;
-        margin: 5px;
-        background-color: var(--text-color);
-        animation-name: loaderanim;
-        animation-duration: 1s;
-        animation-iteration-count: infinite;
-      }
-
-      .loader > div:nth-of-type(2) {
-        animation-delay: 100ms;
-      }
-
-      .loader > div:nth-of-type(3) {
-        animation-delay: 200ms;
-      }
     `
 ];
-Yt([
+Kt([
   A()
 ], z.prototype, "message", 2);
-Yt([
+Kt([
   A()
 ], z.prototype, "platform", 2);
-Yt([
+Kt([
   A()
 ], z.prototype, "session", 2);
-const hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const $n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Conversation: z,
   default: z
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  hn as c,
-  As as s
+  $n as c,
+  Ss as s
 };