@telia-ace/widget-conversation-flamingo 1.1.42 → 1.1.43-rc.0

package/{conversation-870f3fc5.mjs → conversation-8cbf7648.mjs}

@@ -1,20 +1,20 @@
-import { ConversationMessageType as St } from "./index.mjs";
+import { ConversationMessageType as Et } from "./index.mjs";
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const nt = globalThis, Bt = nt.ShadowRoot && (nt.ShadyCSS === void 0 || nt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, It = Symbol(), Vt = /* @__PURE__ */ new WeakMap();
+const nt = globalThis, It = nt.ShadowRoot && (nt.ShadyCSS === void 0 || nt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, zt = Symbol(), Vt = /* @__PURE__ */ new WeakMap();
 let Le = class {
   constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== It)
+    if (this._$cssResult$ = !0, i !== zt)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = e;
   }
   get styleSheet() {
     let t = this.o;
     const e = this.t;
-    if (Bt && t === void 0) {
+    if (It && t === void 0) {
       const i = e !== void 0 && e.length === 1;
       i && (t = Vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Vt.set(e, t));
     }
@@ -24,7 +24,7 @@ let Le = class {
     return this.cssText;
   }
 };
-const cs = (s) => new Le(typeof s == "string" ? s : s + "", void 0, It), b = (s, ...t) => {
+const cs = (s) => new Le(typeof s == "string" ? s : s + "", void 0, zt), b = (s, ...t) => {
   const e = s.length === 1 ? s[0] : t.reduce((i, n, o) => i + ((r) => {
     if (r._$cssResult$ === !0)
       return r.cssText;
@@ -32,16 +32,16 @@ const cs = (s) => new Le(typeof s == "string" ? s : s + "", void 0, It), b = (s,
       return r;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
   })(n) + s[o + 1], s[0]);
-  return new Le(e, s, It);
+  return new Le(e, s, zt);
 }, ds = (s, t) => {
-  if (Bt)
+  if (It)
     s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
   else
     for (const e of t) {
       const i = document.createElement("style"), n = nt.litNonce;
       n !== void 0 && i.setAttribute("nonce", n), i.textContent = e.cssText, s.appendChild(i);
     }
-}, te = Bt ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
+}, te = It ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
   let e = "";
   for (const i of t.cssRules)
     e += i.cssText;
@@ -52,7 +52,7 @@ const cs = (s) => new Le(typeof s == "string" ? s : s + "", void 0, It), b = (s,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: hs, defineProperty: ps, getOwnPropertyDescriptor: us, getOwnPropertyNames: fs, getOwnPropertySymbols: gs, getPrototypeOf: $s } = Object, S = globalThis, ee = S.trustedTypes, ms = ee ? ee.emptyScript : "", Et = S.reactiveElementPolyfillSupport, F = (s, t) => s, ot = { toAttribute(s, t) {
+const { is: hs, defineProperty: ps, getOwnPropertyDescriptor: us, getOwnPropertyNames: fs, getOwnPropertySymbols: gs, getPrototypeOf: $s } = Object, S = globalThis, ee = S.trustedTypes, ms = ee ? ee.emptyScript : "", kt = S.reactiveElementPolyfillSupport, F = (s, t) => s, ot = { toAttribute(s, t) {
   switch (t) {
     case Boolean:
       s = s ? ms : null;
@@ -80,7 +80,7 @@ const { is: hs, defineProperty: ps, getOwnPropertyDescriptor: us, getOwnProperty
       }
   }
   return e;
-} }, zt = (s, t) => !hs(s, t), se = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: zt };
+} }, Ft = (s, t) => !hs(s, t), se = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: Ft };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), S.litPropertyMetadata ?? (S.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let R = class extends HTMLElement {
   static addInitializer(t) {
@@ -215,7 +215,7 @@ let R = class extends HTMLElement {
   }
   requestUpdate(t, e, i, n = !1, o) {
     if (t !== void 0) {
-      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? zt)(n ? o : this[t], e))
+      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? Ft)(n ? o : this[t], e))
         return;
       this.C(t, e, i);
     }
@@ -293,14 +293,14 @@ let R = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, R[F("elementProperties")] = /* @__PURE__ */ new Map(), R[F("finalized")] = /* @__PURE__ */ new Map(), Et == null || Et({ ReactiveElement: R }), (S.reactiveElementVersions ?? (S.reactiveElementVersions = [])).push("2.0.1");
+R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, R[F("elementProperties")] = /* @__PURE__ */ new Map(), R[F("finalized")] = /* @__PURE__ */ new Map(), kt == null || kt({ ReactiveElement: R }), (S.reactiveElementVersions ?? (S.reactiveElementVersions = [])).push("2.0.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const W = globalThis, rt = W.trustedTypes, ie = rt ? rt.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Pe = "$lit$", A = `lit$${(Math.random() + "").slice(9)}$`, Me = "?" + A, vs = `<${Me}>`, L = document, G = () => L.createComment(""), q = (s) => s === null || typeof s != "object" && typeof s != "function", Re = Array.isArray, ys = (s) => Re(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", kt = `[ 	
-\f\r]`, z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ne = /-->/g, oe = />/g, k = RegExp(`>|${kt}(?:([^\\s"'>=/]+)(${kt}*=${kt}*(?:[^ 	
+const W = globalThis, rt = W.trustedTypes, ie = rt ? rt.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Pe = "$lit$", A = `lit$${(Math.random() + "").slice(9)}$`, Me = "?" + A, vs = `<${Me}>`, L = document, G = () => L.createComment(""), q = (s) => s === null || typeof s != "object" && typeof s != "function", Re = Array.isArray, ys = (s) => Re(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", Tt = `[ 	
+\f\r]`, z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ne = /-->/g, oe = />/g, k = RegExp(`>|${Tt}(?:([^\\s"'>=/]+)(${Tt}*=${Tt}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), re = /'/g, ae = /"/g, He = /^(?:script|style|textarea|title)$/i, bs = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), f = bs(1), E = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), le = /* @__PURE__ */ new WeakMap(), O = L.createTreeWalker(L, 129);
 function Ue(s, t) {
   if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
@@ -336,7 +336,7 @@ class X {
           for (const h of n.getAttributeNames())
             if (h.endsWith(Pe)) {
               const p = d[r++], g = n.getAttribute(h).split(A), C = /([.?@])?(.*)/.exec(p);
-              l.push({ type: 1, index: o, name: C[2], strings: g, ctor: C[1] === "." ? xs : C[1] === "?" ? ws : C[1] === "@" ? As : mt }), n.removeAttribute(h);
+              l.push({ type: 1, index: o, name: C[2], strings: g, ctor: C[1] === "." ? xs : C[1] === "?" ? ws : C[1] === "@" ? As : vt }), n.removeAttribute(h);
             } else
               h.startsWith(A) && (l.push({ type: 6, index: o }), n.removeAttribute(h));
         if (He.test(n.tagName)) {
@@ -466,7 +466,7 @@ class K {
     this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
   }
 }
-class mt {
+class vt {
   get tagName() {
     return this.element.tagName;
   }
@@ -493,7 +493,7 @@ class mt {
     t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class xs extends mt {
+class xs extends vt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -501,7 +501,7 @@ class xs extends mt {
     this.element[this.name] = t === u ? void 0 : t;
   }
 }
-let ws = class extends mt {
+let ws = class extends vt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -509,7 +509,7 @@ let ws = class extends mt {
     this.element.toggleAttribute(this.name, !!t && t !== u);
   }
 };
-class As extends mt {
+class As extends vt {
   constructor(t, e, i, n, o) {
     super(t, e, i, n, o), this.type = 5;
   }
@@ -535,8 +535,8 @@ class Ss {
     B(this, t);
   }
 }
-const Tt = W.litHtmlPolyfillSupport;
-Tt == null || Tt(X, K), (W.litHtmlVersions ?? (W.litHtmlVersions = [])).push("3.0.2");
+const Ot = W.litHtmlPolyfillSupport;
+Ot == null || Ot(X, K), (W.litHtmlVersions ?? (W.litHtmlVersions = [])).push("3.0.2");
 const Es = (s, t, e) => {
   const i = (e == null ? void 0 : e.renderBefore) ?? t;
   let n = i._$litPart$;
@@ -578,8 +578,8 @@ let m = class extends R {
 };
 var Oe;
 m._$litElement$ = !0, m.finalized = !0, (Oe = globalThis.litElementHydrateSupport) == null || Oe.call(globalThis, { LitElement: m });
-const Ot = globalThis.litElementPolyfillSupport;
-Ot == null || Ot({ LitElement: m });
+const Lt = globalThis.litElementPolyfillSupport;
+Lt == null || Lt({ LitElement: m });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.1");
 const ks = { 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>' }, Ts = { 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>' }, Os = { 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>' }, ce = { 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>' }, Ls = { 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>' }, Ps = { 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>' }, de = { 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>' }, H = {
   allRenderFn: !1,
@@ -665,8 +665,8 @@ const ks = { name: "alert", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.
   transformTagName: !1,
   attachStyles: !0
 };
-let U, Ne, vt, je = !1, at = !1, Ft = !1, y = !1, he = null, Rt = !1;
-const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, De = yt.HTMLElement || class {
+let U, Ne, yt, je = !1, at = !1, Wt = !1, y = !1, he = null, Ht = !1;
+const bt = typeof window < "u" ? window : {}, x = bt.document || { head: {} }, De = bt.HTMLElement || class {
 }, v = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -703,7 +703,7 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
   } catch (i) {
     Q(i);
   }
-}, Ns = (s, t) => t & 4 ? x : t & 8 ? yt : t & 16 ? x.body : s, js = (s) => Ms ? {
+}, Ns = (s, t) => t & 4 ? x : t & 8 ? bt : t & 16 ? x.body : s, js = (s) => Ms ? {
   passive: (s & 1) !== 0,
   capture: (s & 2) !== 0
 } : (s & 2) !== 0, pe = "http://www.w3.org/1999/xlink", P = (s, t = "") => () => {
@@ -723,11 +723,11 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
 }, Is = (s) => {
   const t = s.$cmpMeta$, e = s.$hostElement$, i = t.$flags$, n = P("attachStyles", t.$tagName$), o = Bs(e.shadowRoot ? e.shadowRoot : e.getRootNode(), t, s.$modeName$);
   i & 10 && (e["s-sc"] = o, e.classList.add(o + "-h"), i & 2 && e.classList.add(o + "-s")), n();
-}, Ie = (s, t) => "sc-" + (t && s.$flags$ & 32 ? s.$tagName$ + "-" + t : s.$tagName$), zs = (s) => $i.map((t) => t(s)).find((t) => !!t), fe = {}, Fs = "http://www.w3.org/2000/svg", Ws = "http://www.w3.org/1999/xhtml", Zs = (s) => s != null, Wt = (s) => (s = typeof s, s === "object" || s === "function"), j = (s, t, ...e) => {
+}, Ie = (s, t) => "sc-" + (t && s.$flags$ & 32 ? s.$tagName$ + "-" + t : s.$tagName$), zs = (s) => $i.map((t) => t(s)).find((t) => !!t), fe = {}, Fs = "http://www.w3.org/2000/svg", Ws = "http://www.w3.org/1999/xhtml", Zs = (s) => s != null, Zt = (s) => (s = typeof s, s === "object" || s === "function"), j = (s, t, ...e) => {
   let i = null, n = null, o = null, r = !1, a = !1, l = [];
   const c = (h) => {
     for (let p = 0; p < h.length; p++)
-      i = h[p], Array.isArray(i) ? c(i) : i != null && typeof i != "boolean" && ((r = typeof s != "function" && !Wt(i)) && (i = String(i)), r && a ? l[l.length - 1].$text$ += i : l.push(r ? lt(null, i) : i), a = r);
+      i = h[p], Array.isArray(i) ? c(i) : i != null && typeof i != "boolean" && ((r = typeof s != "function" && !Zt(i)) && (i = String(i)), r && a ? l[l.length - 1].$text$ += i : l.push(r ? lt(null, i) : i), a = r);
   };
   if (c(e), t) {
     t.key && (n = t.key), t.name && (o = t.name);
@@ -749,7 +749,7 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
     $children$: null
   };
   return e.$attrs$ = null, e.$key$ = null, e.$name$ = null, e;
-}, Zt = {}, Gs = (s) => s && s.$tag$ === Zt, qs = {
+}, Gt = {}, Gs = (s) => s && s.$tag$ === Gt, qs = {
   forEach: (s, t) => s.map(ge).forEach(t),
   map: (s, t) => s.map(ge).map(t).map(Xs)
 }, ge = (s) => ({
@@ -781,9 +781,9 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
       if (t === "ref")
         i && i(s);
       else if (!s.__lookupSetter__(t) && t[0] === "o" && t[1] === "n")
-        t[2] === "-" ? t = t.slice(3) : be(yt, a) ? t = a.slice(2) : t = a[2] + t.slice(3), e && v.rel(s, t, e, !1), i && v.ael(s, t, i, !1);
+        t[2] === "-" ? t = t.slice(3) : be(bt, a) ? t = a.slice(2) : t = a[2] + t.slice(3), e && v.rel(s, t, e, !1), i && v.ael(s, t, i, !1);
       else {
-        const l = Wt(i);
+        const l = Zt(i);
         if ((r || l && i !== null) && !n)
           try {
             if (s.tagName.includes("-"))
@@ -806,7 +806,7 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
     $e(n, i, o[i], r[i], e, t.$flags$);
 }, ct = (s, t, e, i) => {
   let n = t.$children$[e], o = 0, r, a, l;
-  if (je || (Ft = !0, n.$tag$ === "slot" && (U && i.classList.add(U + "-s"), n.$flags$ |= n.$children$ ? (
+  if (je || (Wt = !0, n.$tag$ === "slot" && (U && i.classList.add(U + "-s"), n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     2
   ) : (
@@ -822,19 +822,19 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
         a = ct(s, n, o, r), a && r.appendChild(a);
     n.$tag$ === "svg" ? y = !1 : r.tagName === "foreignObject" && (y = !0);
   }
-  return r["s-hn"] = vt, n.$flags$ & 3 && (r["s-sr"] = !0, r["s-cr"] = Ne, r["s-sn"] = n.$name$ || "", l = s && s.$children$ && s.$children$[e], l && l.$tag$ === n.$tag$ && s.$elm$ && Y(s.$elm$, !1)), r;
+  return r["s-hn"] = yt, n.$flags$ & 3 && (r["s-sr"] = !0, r["s-cr"] = Ne, r["s-sn"] = n.$name$ || "", l = s && s.$children$ && s.$children$[e], l && l.$tag$ === n.$tag$ && s.$elm$ && Y(s.$elm$, !1)), r;
 }, Y = (s, t) => {
   v.$flags$ |= 1;
   const e = s.childNodes;
   for (let i = e.length - 1; i >= 0; i--) {
     const n = e[i];
-    n["s-hn"] !== vt && n["s-ol"] && (Ze(n).insertBefore(n, Gt(n)), n["s-ol"].remove(), n["s-ol"] = void 0, Ft = !0), t && Y(n, t);
+    n["s-hn"] !== yt && n["s-ol"] && (Ze(n).insertBefore(n, qt(n)), n["s-ol"].remove(), n["s-ol"] = void 0, Wt = !0), t && Y(n, t);
   }
   v.$flags$ &= -2;
 }, Fe = (s, t, e, i, n, o) => {
   let r = s["s-cr"] && s["s-cr"].parentNode || s, a;
-  for (r.shadowRoot && r.tagName === vt && (r = r.shadowRoot); n <= o; ++n)
-    i[n] && (a = ct(null, e, n, s), a && (i[n].$elm$ = a, r.insertBefore(a, Gt(t))));
+  for (r.shadowRoot && r.tagName === yt && (r = r.shadowRoot); n <= o; ++n)
+    i[n] && (a = ct(null, e, n, s), a && (i[n].$elm$ = a, r.insertBefore(a, qt(t))));
 }, We = (s, t, e, i, n) => {
   for (; t <= e; ++t)
     (i = s[t]) && (n = i.$elm$, Xe(i), at = !0, n["s-ol"] ? n["s-ol"].remove() : Y(n, !0), n.remove());
@@ -863,10 +863,10 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
           r = a;
           break;
         }
-      r >= 0 ? (et = t[r], et.$tag$ !== p.$tag$ ? C = ct(t && t[o], e, r, s) : (N(et, p), t[r] = void 0, C = et.$elm$), p = i[++o]) : (C = ct(t && t[o], e, o, s), p = i[++o]), C && Ze(c.$elm$).insertBefore(C, Gt(c.$elm$));
+      r >= 0 ? (et = t[r], et.$tag$ !== p.$tag$ ? C = ct(t && t[o], e, r, s) : (N(et, p), t[r] = void 0, C = et.$elm$), p = i[++o]) : (C = ct(t && t[o], e, o, s), p = i[++o]), C && Ze(c.$elm$).insertBefore(C, qt(c.$elm$));
     }
   n > l ? Fe(s, i[h + 1] == null ? null : i[h + 1].$elm$, e, i, o, h) : o > h && We(t, n, l);
-}, st = (s, t) => s.$tag$ === t.$tag$ ? s.$tag$ === "slot" ? s.$name$ === t.$name$ : s.$key$ === t.$key$ : !1, Gt = (s) => s && s["s-ol"] || s, Ze = (s) => (s["s-ol"] ? s["s-ol"] : s).parentNode, N = (s, t) => {
+}, st = (s, t) => s.$tag$ === t.$tag$ ? s.$tag$ === "slot" ? s.$name$ === t.$name$ : s.$key$ === t.$key$ : !1, qt = (s) => s && s["s-ol"] || s, Ze = (s) => (s["s-ol"] ? s["s-ol"] : s).parentNode, N = (s, t) => {
   const e = t.$elm$ = s.$elm$, i = s.$children$, n = t.$children$, o = t.$tag$, r = t.$text$;
   let a;
   r === null ? (y = o === "svg" ? !0 : o === "foreignObject" ? !1 : y, o === "slot" || ze(s, t, y), i !== null && n !== null ? Ks(e, i, t, n) : n !== null ? (s.$text$ !== null && (e.textContent = ""), Fe(e, null, t, n, 0, n.length - 1)) : i !== null && We(i, 0, i.length - 1), y && o === "svg" && (y = !1)) : (a = e["s-cr"]) ? a.parentNode.textContent = r : s.$text$ !== r && (e.data = r);
@@ -907,9 +907,9 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
   s.$attrs$ && s.$attrs$.ref && s.$attrs$.ref(null), s.$children$ && s.$children$.map(Xe);
 }, Qs = (s, t) => {
   const e = s.$hostElement$, i = s.$cmpMeta$, n = s.$vnode$ || lt(null, null), o = Gs(t) ? t : j(null, null, t);
-  vt = e.tagName, i.$attrsToReflect$ && (o.$attrs$ = o.$attrs$ || {}, i.$attrsToReflect$.map(([r, a]) => o.$attrs$[a] = e[r])), o.$tag$ = null, o.$flags$ |= 4, s.$vnode$ = o, o.$elm$ = n.$elm$ = e.shadowRoot || e, U = e["s-sc"], Ne = e["s-cr"], je = (i.$flags$ & 1) !== 0, at = !1, N(n, o);
+  yt = e.tagName, i.$attrsToReflect$ && (o.$attrs$ = o.$attrs$ || {}, i.$attrsToReflect$.map(([r, a]) => o.$attrs$[a] = e[r])), o.$tag$ = null, o.$flags$ |= 4, s.$vnode$ = o, o.$elm$ = n.$elm$ = e.shadowRoot || e, U = e["s-sc"], Ne = e["s-cr"], je = (i.$flags$ & 1) !== 0, at = !1, N(n, o);
   {
-    if (v.$flags$ |= 1, Ft) {
+    if (v.$flags$ |= 1, Wt) {
       qe(o.$elm$);
       let r, a, l, c, d, h, p = 0;
       for (; p < _.length; p++)
@@ -967,8 +967,8 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
     } catch (i) {
       Q(i);
     }
-}, ye = (s, t) => s && s.then ? s.then(t) : t(), ri = (s, t) => s != null && !Wt(s) ? t & 4 ? s === "false" ? !1 : s === "" || !!s : t & 2 ? parseFloat(s) : t & 1 ? String(s) : s : s, ai = (s, t) => bt(s).$instanceValues$.get(t), li = (s, t, e, i) => {
-  const n = bt(s), o = s, r = n.$instanceValues$.get(t), a = n.$flags$, l = o;
+}, ye = (s, t) => s && s.then ? s.then(t) : t(), ri = (s, t) => s != null && !Zt(s) ? t & 4 ? s === "false" ? !1 : s === "" || !!s : t & 2 ? parseFloat(s) : t & 1 ? String(s) : s : s, ai = (s, t) => _t(s).$instanceValues$.get(t), li = (s, t, e, i) => {
+  const n = _t(s), o = s, r = n.$instanceValues$.get(t), a = n.$flags$, l = o;
   e = ri(e, i.$members$[t][0]);
   const c = Number.isNaN(r) && Number.isNaN(e);
   if (e !== r && !c) {
@@ -1042,7 +1042,7 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
 }, hi = (s) => {
 }, pi = (s) => {
   if (!(v.$flags$ & 1)) {
-    const t = bt(s), e = t.$cmpMeta$, i = P("connectedCallback", e.$tagName$);
+    const t = _t(s), e = t.$cmpMeta$, i = P("connectedCallback", e.$tagName$);
     t.$flags$ & 1 ? (Be(s, t, e.$listeners$), hi(t.$lazyInstance$)) : (t.$flags$ |= 1, e.$flags$ & 12 && ui(s), e.$members$ && Object.entries(e.$members$).map(([n, [o]]) => {
       if (o & 31 && s.hasOwnProperty(n)) {
         const r = s[n];
@@ -1055,7 +1055,7 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
   t["s-cn"] = !0, s.insertBefore(t, s.firstChild);
 }, fi = (s) => {
   if (!(v.$flags$ & 1)) {
-    const t = bt(s);
+    const t = _t(s);
     t.$rmListeners$ && (t.$rmListeners$.map((e) => e()), t.$rmListeners$ = void 0);
   }
 }, Ke = (s, t) => {
@@ -1082,7 +1082,7 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
       });
     }
   }), s.is = e.$tagName$, ci(s, e);
-}, Qe = /* @__PURE__ */ new WeakMap(), bt = (s) => Qe.get(s), gi = (s, t) => {
+}, Qe = /* @__PURE__ */ new WeakMap(), _t = (s) => Qe.get(s), gi = (s, t) => {
   const e = {
     $flags$: 0,
     $hostElement$: s,
@@ -1091,7 +1091,7 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
   };
   return Be(s, e, t.$listeners$), Qe.set(s, e);
 }, be = (s, t) => t in s, Q = (s, t) => (0, console.error)(s, t), dt = /* @__PURE__ */ new Map(), $i = [], _e = [], Je = [], mi = (s, t) => (e) => {
-  s.push(e), Rt || (Rt = !0, t && v.$flags$ & 4 ? vi(Ht) : v.raf(Ht));
+  s.push(e), Ht || (Ht = !0, t && v.$flags$ & 4 ? vi(Ut) : v.raf(Ut));
 }, Ce = (s) => {
   for (let t = 0; t < s.length; t++)
     try {
@@ -1100,8 +1100,8 @@ const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, D
       Q(e);
     }
   s.length = 0;
-}, Ht = () => {
-  Ce(_e), Ce(Je), (Rt = _e.length > 0) && v.raf(Ht);
+}, Ut = () => {
+  Ce(_e), Ce(Je), (Ht = _e.length > 0) && v.raf(Ut);
 }, vi = (s) => Rs().then(s), yi = /* @__PURE__ */ mi(Je, !0), bi = (s = {}) => {
   const { content: t = "", title: e, attributes: i = [] } = s;
   let n = "", o = [
@@ -1127,7 +1127,7 @@ const wi = "telia-vst{display:none}", Ai = /* @__PURE__ */ Ke(class extends De {
     this.vocaInternalUStats.emit(new xi(this.dataTrackingId));
   }
   render() {
-    return j(Zt, null);
+    return j(Gt, null);
   }
   static get style() {
     return wi;
@@ -1147,15 +1147,15 @@ function Ve() {
   });
 }
 Ve();
-function Ut() {
+function Nt() {
   return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
 }
 function Si() {
-  if (typeof Ut().vocadsIcons !== void 0)
-    return Ut().vocadsIcons;
+  if (typeof Nt().vocadsIcons !== void 0)
+    return Nt().vocadsIcons;
 }
 function Ei() {
-  return Ut().vocadsIconsRegistered;
+  return Nt().vocadsIconsRegistered;
 }
 const ki = ".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))}", Ti = /* @__PURE__ */ Ke(class extends De {
   constructor() {
@@ -1186,7 +1186,7 @@ const ki = ".telia-icon{display:inline-block}.telia-icon__container{display:bloc
       attributes: t,
       title: this.allyTitle
     });
-    return j(Zt, { class: `telia-icon telia-icon--${this.size}` }, j("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: e }), j("telia-vst", { dataTrackingId: this.dataTrackingId }));
+    return j(Gt, { class: `telia-icon telia-icon--${this.size}` }, j("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: e }), j("telia-vst", { dataTrackingId: this.dataTrackingId }));
   }
   static get style() {
     return ki;
@@ -1228,7 +1228,7 @@ const J = (s) => (t, e) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Li = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: zt }, Pi = (s = Li, t, e) => {
+const Li = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: Ft }, Pi = (s = Li, t, e) => {
   const { kind: i, metadata: n } = e;
   let o = globalThis.litPropertyMetadata.get(n);
   if (o === void 0 && globalThis.litPropertyMetadata.set(n, o = /* @__PURE__ */ new Map()), o.set(e.name, s), i === "accessor") {
@@ -1274,8 +1274,8 @@ const Mi = (s) => s.strings === void 0;
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const _t = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, Ct = (s) => (...t) => ({ _$litDirective$: s, values: t });
-let qt = class {
+const Ct = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, xt = (s) => (...t) => ({ _$litDirective$: s, values: t });
+let Xt = class {
   constructor(t) {
   }
   get _$AU() {
@@ -1337,9 +1337,9 @@ function Hi(s, t = !1, e = 0) {
       Z(this, s);
 }
 const Ui = (s) => {
-  s.type == _t.CHILD && (s._$AP ?? (s._$AP = Hi), s._$AQ ?? (s._$AQ = Ri));
+  s.type == Ct.CHILD && (s._$AP ?? (s._$AP = Hi), s._$AQ ?? (s._$AQ = Ri));
 };
-let es = class extends qt {
+let es = class extends Xt {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
@@ -1371,7 +1371,7 @@ let es = class extends qt {
 const pt = () => new Ni();
 class Ni {
 }
-const Lt = /* @__PURE__ */ new WeakMap(), ut = Ct(class extends es {
+const Pt = /* @__PURE__ */ new WeakMap(), ut = xt(class extends es {
   render(s) {
     return u;
   }
@@ -1383,14 +1383,14 @@ const Lt = /* @__PURE__ */ new WeakMap(), ut = Ct(class extends es {
   ot(s) {
     if (typeof this.G == "function") {
       const t = this.ct ?? globalThis;
-      let e = Lt.get(t);
-      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), Lt.set(t, e)), e.get(this.G) !== void 0 && this.G.call(this.ct, void 0), e.set(this.G, s), s !== void 0 && this.G.call(this.ct, s);
+      let e = Pt.get(t);
+      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), Pt.set(t, e)), e.get(this.G) !== void 0 && this.G.call(this.ct, void 0), e.set(this.G, s), s !== void 0 && this.G.call(this.ct, s);
     } else
       this.G.value = s;
   }
   get rt() {
     var s, t;
-    return typeof this.G == "function" ? (s = Lt.get(this.ct ?? globalThis)) == null ? void 0 : s.get(this.G) : (t = this.G) == null ? void 0 : t.value;
+    return typeof this.G == "function" ? (s = Pt.get(this.ct ?? globalThis)) == null ? void 0 : s.get(this.G) : (t = this.G) == null ? void 0 : t.value;
   }
   disconnected() {
     this.rt === this.lt && this.ot(void 0);
@@ -1404,10 +1404,10 @@ const Lt = /* @__PURE__ */ new WeakMap(), ut = Ct(class extends es {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Xt = Ct(class extends qt {
+const ft = xt(class extends Xt {
   constructor(s) {
     var t;
-    if (super(s), s.type !== _t.ATTRIBUTE || s.name !== "class" || ((t = s.strings) == null ? void 0 : t.length) > 2)
+    if (super(s), s.type !== Ct.ATTRIBUTE || s.name !== "class" || ((t = s.strings) == null ? void 0 : t.length) > 2)
       throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
   render(s) {
@@ -1472,13 +1472,13 @@ Bi([
 ], Yt.prototype, "anchor", 2);
 const Ii = /* @__PURE__ */ new WeakMap();
 let xe = 0;
-const Pt = /* @__PURE__ */ new Map(), we = /* @__PURE__ */ new WeakSet(), Ae = () => new Promise((s) => requestAnimationFrame(s)), zi = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], Fi = [{ opacity: 0 }], Se = [{ opacity: 0 }, { opacity: 1 }], Ee = (s, t) => {
+const Mt = /* @__PURE__ */ new Map(), we = /* @__PURE__ */ new WeakSet(), Ae = () => new Promise((s) => requestAnimationFrame(s)), zi = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], Fi = [{ opacity: 0 }], Se = [{ opacity: 0 }, { opacity: 1 }], Ee = (s, t) => {
   const e = s - t;
   return e === 0 ? void 0 : e;
 }, ke = (s, t) => {
   const e = s / t;
   return e === 1 ? void 0 : e;
-}, Mt = { left: (s, t) => {
+}, Rt = { left: (s, t) => {
   const e = Ee(s, t);
   return { value: e, transform: e == null || isNaN(e) ? void 0 : `translateX(${e}px)` };
 }, top: (s, t) => {
@@ -1497,7 +1497,7 @@ const Pt = /* @__PURE__ */ new Map(), we = /* @__PURE__ */ new WeakSet(), Ae = (
 } }, Wi = { duration: 333, easing: "ease-in-out" }, Zi = ["left", "top", "width", "height", "opacity", "color", "background"], Te = /* @__PURE__ */ new WeakMap();
 class Gi extends es {
   constructor(t) {
-    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === _t.CHILD)
+    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === Ct.CHILD)
       throw Error("The `animate` directive must be used in attribute position.");
     this.createFinished();
   }
@@ -1534,7 +1534,7 @@ class Gi extends es {
   p() {
     const t = {}, e = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
     return this.options.properties.forEach((n) => {
-      const o = e[n] ?? (Mt[n] ? void 0 : i[n]), r = Number(o);
+      const o = e[n] ?? (Rt[n] ? void 0 : i[n]), r = Number(o);
       t[n] = isNaN(r) ? o + "" : r;
     }), t;
   }
@@ -1562,9 +1562,9 @@ class Gi extends es {
       const { from: o, to: r } = this.O(this.g, n, e);
       this.log("measured", [this.g, n, o, r]), t = this.calculateKeyframes(o, r);
     } else {
-      const o = Pt.get(this.options.inId);
+      const o = Mt.get(this.options.inId);
       if (o) {
-        Pt.delete(this.options.inId);
+        Mt.delete(this.options.inId);
         const { from: r, to: a } = this.O(o, n, e);
         t = this.calculateKeyframes(r, a), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, xe++, t.forEach((l) => l.zIndex = xe);
       } else
@@ -1583,7 +1583,7 @@ class Gi extends es {
   }
   async disconnected() {
     var e;
-    if (!this.o || (this.options.id !== void 0 && Pt.set(this.options.id, this.g), this.options.out === void 0))
+    if (!this.o || (this.options.id !== void 0 && Mt.set(this.options.id, this.g), this.options.out === void 0))
       return;
     if (this.prepare(), await Ae(), (e = this.t) == null ? void 0 : e.isConnected) {
       const i = this.i && this.i.parentNode === this.t ? this.i : null;
@@ -1640,8 +1640,8 @@ class Gi extends es {
     const a = {};
     for (const l in e) {
       const c = t[l], d = e[l];
-      if (l in Mt) {
-        const h = Mt[l];
+      if (l in Rt) {
+        const h = Rt[l];
         if (c === void 0 || d === void 0)
           continue;
         const p = h(c, d);
@@ -1674,7 +1674,7 @@ class Gi extends es {
     this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
   }
 }
-const Nt = Ct(Gi), it = (s, t, e) => {
+const jt = xt(Gi), it = (s, t, e) => {
   s && e.style.setProperty(t, s);
 }, ss = (s, t) => {
   var e, i, n, o;
@@ -1692,7 +1692,7 @@ const Nt = Ct(Gi), it = (s, t, e) => {
     t
   );
 };
-var qi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, xt = (s, t, e, i) => {
+var qi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, wt = (s, t, e, i) => {
   for (var n = i > 1 ? void 0 : i ? Xi(t, e) : t, o = s.length - 1, r; o >= 0; o--)
     (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
   return i && n && qi(t, e, n), n;
@@ -1747,7 +1747,7 @@ class M extends m {
             <button
               class="trigger-label"
               @click=${this.toggleActive}
-              ${Nt({
+              ${jt({
       keyframeOptions: {},
       in: zi,
       stabilizeOut: !0,
@@ -1759,7 +1759,7 @@ class M extends m {
           ` : u}
 
       <button
-        class=${Xt({
+        class=${ft({
       trigger: !0,
       active: this.active,
       rendered: this.loaded
@@ -1905,16 +1905,16 @@ M.styles = [
       }
     `
 ];
-xt([
+wt([
   $({ attribute: !1 })
 ], M.prototype, "application", 2);
-xt([
+wt([
   w()
 ], M.prototype, "active", 2);
-xt([
+wt([
   w()
 ], M.prototype, "loaded", 2);
-xt([
+wt([
   w()
 ], M.prototype, "icon", 2);
 var Yi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, T = (s, t, e, i) => {
@@ -2195,7 +2195,7 @@ customElements.get("ace-trigger") || customElements.define("ace-trigger", M);
 customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", ns);
 customElements.get("ace-wrapper") || customElements.define("ace-wrapper", Qt);
 customElements.get("ace-widget") || customElements.define("ace-widget", V);
-var nn = Object.defineProperty, on = Object.getOwnPropertyDescriptor, wt = (s, t, e, i) => {
+var nn = Object.defineProperty, on = Object.getOwnPropertyDescriptor, At = (s, t, e, i) => {
   for (var n = i > 1 ? void 0 : i ? on(t, e) : t, o = s.length - 1, r; o >= 0; o--)
     (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
   return i && n && nn(t, e, n), n;
@@ -2221,7 +2221,7 @@ let I = class extends m {
       (s) => f`<div class="conversation-entry" tabindex="-1">
             <conversation-entry
               .entry=${s}
-              ${Nt({
+              ${jt({
         keyframeOptions: {},
         in: Se,
         stabilizeOut: !0,
@@ -2232,7 +2232,7 @@ let I = class extends m {
           </div>`
     )}
       ${this.loading ? f`<ace-typing-state
-            ${Nt({
+            ${jt({
       keyframeOptions: {},
       in: Se,
       out: Fi,
@@ -2257,16 +2257,16 @@ I.styles = [
       }
     `
 ];
-wt([
+At([
   $({ type: Boolean })
 ], I.prototype, "loading", 2);
-wt([
+At([
   $({ attribute: !1 })
 ], I.prototype, "session", 2);
-wt([
+At([
   w()
 ], I.prototype, "entries", 2);
-I = wt([
+I = At([
   J("ace-conversation-session")
 ], I);
 var rn = Object.defineProperty, an = Object.getOwnPropertyDescriptor, os = (s, t, e, i) => {
@@ -2274,7 +2274,7 @@ var rn = Object.defineProperty, an = Object.getOwnPropertyDescriptor, os = (s, t
     (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
   return i && n && rn(t, e, n), n;
 };
-let ft = class extends m {
+let gt = class extends m {
   connectedCallback() {
     var s;
     super.connectedCallback(), (s = this.entry.didUpdate) == null || s.subscribe(() => {
@@ -2298,7 +2298,11 @@ let ft = class extends m {
     return s === "delivered" ? f`<telia-icon
         svg=${Ts.svg}
         size="sm"
-      ></telia-icon>` : s === "failed" ? f`<telia-icon svg=${ks.svg} size="sm"></telia-icon>` : f`<telia-icon svg=${Os.svg} size="sm"></telia-icon>`;
+      ></telia-icon>` : s === "failed" ? f`<telia-icon
+        svg=${ks.svg}
+        size="sm"
+        title="Message could not be delivered"
+      ></telia-icon>` : f`<telia-icon svg=${Os.svg} size="sm"></telia-icon>`;
   }
   _dispatchEntryAction(s) {
     this.entry.actions$.next(s.detail);
@@ -2306,7 +2310,7 @@ let ft = class extends m {
   render() {
     var s, t;
     switch (this.entry.type) {
-      case St.System:
+      case Et.System:
         return f`
           <div class="conversation-system-message">
             ${this.entry.messages.map(
@@ -2324,9 +2328,9 @@ let ft = class extends m {
             <span>${this._getTimestamp(this.entry.timestamp)}</span>
           </div>
         `;
-      case St.Agent:
+      case Et.Agent:
         return f`<div
-          class=${Xt({
+          class=${ft({
           "conversation-agent-message": !0,
           "has-avatar": !!((s = this.entry.sender) != null && s.avatar)
         })}
@@ -2353,8 +2357,13 @@ let ft = class extends m {
         )}
           </div>
         </div>`;
-      case St.User:
-        return f`<div class="conversation-user-message">
+      case Et.User:
+        return f`<div
+          class=${ft({
+          "conversation-user-message": !0,
+          "has-error": this.entry.status === "failed"
+        })}
+        >
           <div class="entry-content">
             ${this.entry.messages.map(
           (e) => f`
@@ -2379,7 +2388,7 @@ let ft = class extends m {
     }
   }
 };
-ft.styles = [
+gt.styles = [
   b`
       :host {
         box-sizing: border-box;
@@ -2432,6 +2441,14 @@ ft.styles = [
         gap: var(--spacing-sm);
       }
 
+      .conversation-user-message.has-error {
+        opacity: 0.7;
+      }
+
+      .conversation-user-message.has-error .message-details {
+        color: var(--error-text-color);
+      }
+
       .conversation-agent-message {
         --bubble-bg-color: var(--agent-bg-color);
         --bubble-text-color: var(--agent-text-color);
@@ -2490,10 +2507,10 @@ ft.styles = [
 ];
 os([
   $({ attribute: !1 })
-], ft.prototype, "entry", 2);
-ft = os([
+], gt.prototype, "entry", 2);
+gt = os([
   J("conversation-entry")
-], ft);
+], gt);
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -2510,7 +2527,7 @@ var cn = Object.defineProperty, dn = Object.getOwnPropertyDescriptor, rs = (s, t
     (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
   return i && n && cn(t, e, n), n;
 };
-let gt = class extends m {
+let $t = class extends m {
   render() {
     return f`
       <div class="message-group">
@@ -2533,7 +2550,7 @@ let gt = class extends m {
     `;
   }
 };
-gt.styles = [
+$t.styles = [
   b`
       :host {
         box-sizing: border-box;
@@ -2551,16 +2568,16 @@ gt.styles = [
 ];
 rs([
   $({ attribute: !1 })
-], gt.prototype, "group", 2);
-gt = rs([
+], $t.prototype, "group", 2);
+$t = rs([
   J("conversation-group")
-], gt);
+], $t);
 var hn = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, un = (s, t, e, i) => {
   for (var n = i > 1 ? void 0 : i ? pn(t, e) : t, o = s.length - 1, r; o >= 0; o--)
     (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
   return i && n && hn(t, e, n), n;
 };
-let jt = class extends m {
+let Dt = class extends m {
   render() {
     return f`<div class="container">
       <div class="dot"></div>
@@ -2569,7 +2586,7 @@ let jt = class extends m {
     </div>`;
   }
 };
-jt.styles = [
+Dt.styles = [
   b`
       :host {
         display: block;
@@ -2606,17 +2623,17 @@ jt.styles = [
       }
     `
 ];
-jt = un([
+Dt = un([
   J("ace-typing-state")
-], jt);
+], Dt);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Dt extends qt {
+class Bt extends Xt {
   constructor(t) {
-    if (super(t), this.et = u, t.type !== _t.CHILD)
+    if (super(t), this.et = u, t.type !== Ct.CHILD)
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(t) {
@@ -2633,21 +2650,21 @@ class Dt extends qt {
     return e.raw = e, this.vt = { _$litType$: this.constructor.resultType, strings: e, values: [] };
   }
 }
-Dt.directiveName = "unsafeHTML", Dt.resultType = 1;
-const fn = Ct(Dt);
+Bt.directiveName = "unsafeHTML", Bt.resultType = 1;
+const fn = xt(Bt);
 var gn = Object.defineProperty, $n = Object.getOwnPropertyDescriptor, as = (s, t, e, i) => {
   for (var n = i > 1 ? void 0 : i ? $n(t, e) : t, o = s.length - 1, r; o >= 0; o--)
     (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
   return i && n && gn(t, e, n), n;
 };
-let $t = class extends m {
+let mt = class extends m {
   render() {
     return f`<div class="message-type-html">
       ${fn(this.message.content)}
     </div>`;
   }
 };
-$t.styles = [
+mt.styles = [
   b`
       :host {
         box-sizing: border-box;
@@ -2664,10 +2681,10 @@ $t.styles = [
 ];
 as([
   $({ attribute: !1 })
-], $t.prototype, "message", 2);
-$t = as([
+], mt.prototype, "message", 2);
+mt = as([
   J("message-type-html")
-], $t);
+], mt);
 class mn {
   constructor(t) {
     this._message = null, this._host = t, t.addController(this);
@@ -2684,7 +2701,7 @@ class mn {
     return !!this.message;
   }
 }
-var vn = Object.defineProperty, yn = Object.getOwnPropertyDescriptor, At = (s, t, e, i) => {
+var vn = Object.defineProperty, yn = Object.getOwnPropertyDescriptor, St = (s, t, e, i) => {
   for (var n = i > 1 ? void 0 : i ? yn(t, e) : t, o = s.length - 1, r; o >= 0; o--)
     (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
   return i && n && vn(t, e, n), n;
@@ -2755,7 +2772,7 @@ class tt extends ls {
     const t = this.application.texts;
     return f` <div
       @action=${this._actionHandler}
-      class=${Xt({
+      class=${ft({
       conversation: !0,
       disabled: this.disabled,
       "conversation--has-toast": this.toast.hasMessage(),
@@ -2829,6 +2846,8 @@ tt.styles = [
         --toast-bg: #eb5185;
         --toast-text-color: white;
 
+        --error-text-color: #eb5185;
+
         --message-info-color: var(
           --conversation-message-info-color,
           var(--text-color)
@@ -2952,16 +2971,16 @@ tt.styles = [
       }
     `
 ];
-At([
+St([
   w()
 ], tt.prototype, "message", 2);
-At([
+St([
   w()
 ], tt.prototype, "platform", 2);
-At([
+St([
   w()
 ], tt.prototype, "session", 2);
-At([
+St([
   w()
 ], tt.prototype, "disabled", 2);
 export {