@telia-ace/widget-conversation-flamingo 1.1.30-rc.0 → 1.1.30-rc.2

package/{conversation-61c3428d.mjs → conversation-721b2b72.mjs}

@@ -1,20 +1,20 @@
-import { C as wt } from "./index-6f7ce259.mjs";
+import { C as St } from "./index-1e1cabae.mjs";
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const rt = globalThis, Mt = rt.ShadowRoot && (rt.ShadyCSS === void 0 || rt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, jt = Symbol(), Jt = /* @__PURE__ */ new WeakMap();
+const rt = globalThis, Dt = rt.ShadowRoot && (rt.ShadyCSS === void 0 || rt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, It = Symbol(), Jt = /* @__PURE__ */ new WeakMap();
 let ke = class {
   constructor(t, s, i) {
-    if (this._$cssResult$ = !0, i !== jt)
+    if (this._$cssResult$ = !0, i !== It)
       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 (Mt && t === void 0) {
+    if (Dt && t === void 0) {
       const i = s !== void 0 && s.length === 1;
       i && (t = Jt.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Jt.set(s, t));
     }
@@ -24,7 +24,7 @@ let ke = class {
     return this.cssText;
   }
 };
-const os = (e) => new ke(typeof e == "string" ? e : e + "", void 0, jt), _ = (e, ...t) => {
+const os = (e) => new ke(typeof e == "string" ? e : e + "", void 0, It), _ = (e, ...t) => {
   const s = e.length === 1 ? e[0] : t.reduce((i, n, r) => i + ((o) => {
     if (o._$cssResult$ === !0)
       return o.cssText;
@@ -32,16 +32,16 @@ const os = (e) => new ke(typeof e == "string" ? e : e + "", void 0, jt), _ = (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 ke(s, e, jt);
+  return new ke(s, e, It);
 }, as = (e, t) => {
-  if (Mt)
+  if (Dt)
     e.adoptedStyleSheets = t.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
   else
     for (const s of t) {
       const i = document.createElement("style"), n = rt.litNonce;
       n !== void 0 && i.setAttribute("nonce", n), i.textContent = s.cssText, e.appendChild(i);
     }
-}, Vt = Mt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, Vt = Dt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let s = "";
   for (const i of t.cssRules)
     s += i.cssText;
@@ -52,7 +52,7 @@ const os = (e) => new ke(typeof e == "string" ? e : e + "", void 0, jt), _ = (e,
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: ls, defineProperty: cs, getOwnPropertyDescriptor: ds, getOwnPropertyNames: hs, getOwnPropertySymbols: ps, getPrototypeOf: us } = Object, E = globalThis, te = E.trustedTypes, fs = te ? te.emptyScript : "", At = E.reactiveElementPolyfillSupport, W = (e, t) => e, ot = { toAttribute(e, t) {
+const { is: ls, defineProperty: cs, getOwnPropertyDescriptor: ds, getOwnPropertyNames: hs, getOwnPropertySymbols: ps, getPrototypeOf: us } = Object, E = globalThis, te = E.trustedTypes, fs = te ? te.emptyScript : "", Et = E.reactiveElementPolyfillSupport, W = (e, t) => e, ot = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
       e = e ? fs : null;
@@ -80,9 +80,9 @@ const { is: ls, defineProperty: cs, getOwnPropertyDescriptor: ds, getOwnProperty
       }
   }
   return s;
-} }, Dt = (e, t) => !ls(e, t), ee = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: Dt };
+} }, zt = (e, t) => !ls(e, t), ee = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: zt };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), E.litPropertyMetadata ?? (E.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let R = class extends HTMLElement {
+let U = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ?? (this.l = [])).push(t);
   }
@@ -215,7 +215,7 @@ let R = class extends HTMLElement {
   }
   requestUpdate(t, s, i, n = !1, r) {
     if (t !== void 0) {
-      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? Dt)(n ? r : this[t], s))
+      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? zt)(n ? r : this[t], s))
         return;
       this.C(t, s, i);
     }
@@ -293,16 +293,16 @@ let R = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, R[W("elementProperties")] = /* @__PURE__ */ new Map(), R[W("finalized")] = /* @__PURE__ */ new Map(), At == null || At({ ReactiveElement: R }), (E.reactiveElementVersions ?? (E.reactiveElementVersions = [])).push("2.0.1");
+U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, U[W("elementProperties")] = /* @__PURE__ */ new Map(), U[W("finalized")] = /* @__PURE__ */ new Map(), Et == null || Et({ ReactiveElement: U }), (E.reactiveElementVersions ?? (E.reactiveElementVersions = [])).push("2.0.1");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const G = globalThis, at = G.trustedTypes, se = at ? at.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Te = "$lit$", S = `lit$${(Math.random() + "").slice(9)}$`, Oe = "?" + S, gs = `<${Oe}>`, L = document, Y = () => L.createComment(""), K = (e) => e === null || typeof e != "object" && typeof e != "function", Pe = Array.isArray, $s = (e) => Pe(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", St = `[ 	
-\f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, ne = />/g, T = RegExp(`>|${St}(?:([^\\s"'>=/]+)(${St}*=${St}*(?:[^ 	
+const G = globalThis, at = G.trustedTypes, se = at ? at.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Te = "$lit$", S = `lit$${(Math.random() + "").slice(9)}$`, Oe = "?" + S, gs = `<${Oe}>`, L = document, X = () => L.createComment(""), Y = (e) => e === null || typeof e != "object" && typeof e != "function", Pe = Array.isArray, $s = (e) => Pe(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", Ct = `[ 	
+\f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ie = /-->/g, ne = />/g, T = RegExp(`>|${Ct}(?:([^\\s"'>=/]+)(${Ct}*=${Ct}*(?:[^ 	
 \f\r"'\`<>=]|("|')|))|$)`, "g"), re = /'/g, oe = /"/g, Le = /^(?:script|style|textarea|title)$/i, ms = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), f = ms(1), C = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ae = /* @__PURE__ */ new WeakMap(), P = L.createTreeWalker(L, 129);
-function Ue(e, t) {
+function Re(e, t) {
   if (!Array.isArray(e) || !e.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
   return se !== void 0 ? se.createHTML(t) : t;
@@ -318,15 +318,15 @@ const vs = (e, t) => {
     const g = o === T && e[a + 1].startsWith("/>") ? " " : "";
     r += o === F ? l + gs : h >= 0 ? (i.push(c), l.slice(0, h) + Te + l.slice(h) + S + g) : l + S + (h === -2 ? a : g);
   }
-  return [Ue(e, r + (e[s] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+  return [Re(e, r + (e[s] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
-class Q {
+class K {
   constructor({ strings: t, _$litType$: s }, i) {
     let n;
     this.parts = [];
     let r = 0, o = 0;
     const a = t.length - 1, l = this.parts, [c, d] = vs(t, s);
-    if (this.el = Q.createElement(c, i), P.currentNode = this.el.content, s === 2) {
+    if (this.el = K.createElement(c, i), P.currentNode = this.el.content, s === 2) {
       const h = this.el.content.firstChild;
       h.replaceWith(...h.childNodes);
     }
@@ -336,7 +336,7 @@ class Q {
           for (const h of n.getAttributeNames())
             if (h.endsWith(Te)) {
               const p = d[o++], g = n.getAttribute(h).split(S), x = /([.?@])?(.*)/.exec(p);
-              l.push({ type: 1, index: r, name: x[2], strings: g, ctor: x[1] === "." ? bs : x[1] === "?" ? _s : x[1] === "@" ? xs : $t }), n.removeAttribute(h);
+              l.push({ type: 1, index: r, name: x[2], strings: g, ctor: x[1] === "." ? bs : x[1] === "?" ? _s : x[1] === "@" ? xs : vt }), n.removeAttribute(h);
             } else
               h.startsWith(S) && (l.push({ type: 6, index: r }), n.removeAttribute(h));
         if (Le.test(n.tagName)) {
@@ -344,8 +344,8 @@ class Q {
           if (p > 0) {
             n.textContent = at ? at.emptyScript : "";
             for (let g = 0; g < p; g++)
-              n.append(h[g], Y()), P.nextNode(), l.push({ type: 2, index: ++r });
-            n.append(h[p], Y());
+              n.append(h[g], X()), P.nextNode(), l.push({ type: 2, index: ++r });
+            n.append(h[p], X());
           }
         }
       } else if (n.nodeType === 8)
@@ -369,7 +369,7 @@ function I(e, t, s = e, i) {
   if (t === C)
     return t;
   let n = i !== void 0 ? (o = s._$Co) == null ? void 0 : o[i] : s._$Cl;
-  const r = K(t) ? void 0 : t._$litDirective$;
+  const r = Y(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 ys {
@@ -421,7 +421,7 @@ class Z {
     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), Y(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);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -430,11 +430,11 @@ class Z {
     this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
   }
   _(t) {
-    this._$AH !== u && K(this._$AH) ? this._$AA.nextSibling.data = t : this.$(L.createTextNode(t)), this._$AH = t;
+    this._$AH !== u && Y(this._$AH) ? this._$AA.nextSibling.data = t : this.$(L.createTextNode(t)), this._$AH = t;
   }
   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(Ue(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 = K.createElement(Re(i.h, i.h[0]), this.options)), i);
     if (((r = this._$AH) == null ? void 0 : r._$AD) === n)
       this._$AH.p(s);
     else {
@@ -444,14 +444,14 @@ class Z {
   }
   _$AC(t) {
     let s = ae.get(t.strings);
-    return s === void 0 && ae.set(t.strings, s = new Q(t)), s;
+    return s === void 0 && ae.set(t.strings, s = new K(t)), s;
   }
   T(t) {
     Pe(this._$AH) || (this._$AH = [], this._$AR());
     const s = this._$AH;
     let i, n = 0;
     for (const r of t)
-      n === s.length ? s.push(i = new Z(this.k(Y()), this.k(Y()), this, this.options)) : i = s[n], i._$AI(r), n++;
+      n === s.length ? s.push(i = new Z(this.k(X()), this.k(X()), this, this.options)) : i = s[n], i._$AI(r), n++;
     n < s.length && (this._$AR(i && i._$AB.nextSibling, n), s.length = n);
   }
   _$AR(t = this._$AA.nextSibling, s) {
@@ -466,7 +466,7 @@ class Z {
     this._$AM === void 0 && (this._$Cv = t, (s = this._$AP) == null || s.call(this, t));
   }
 }
-class $t {
+class vt {
   get tagName() {
     return this.element.tagName;
   }
@@ -480,12 +480,12 @@ class $t {
     const r = this.strings;
     let o = !1;
     if (r === void 0)
-      t = I(this, t, s, 0), o = !K(t) || t !== this._$AH && t !== C, o && (this._$AH = t);
+      t = I(this, t, s, 0), o = !Y(t) || t !== this._$AH && t !== C, o && (this._$AH = t);
     else {
       const a = t;
       let l, c;
       for (t = r[0], l = 0; l < r.length - 1; l++)
-        c = I(this, a[i + l], s, l), c === C && (c = this._$AH[l]), o || (o = !K(c) || c !== this._$AH[l]), c === u ? t = u : t !== u && (t += (c ?? "") + r[l + 1]), this._$AH[l] = c;
+        c = I(this, a[i + l], s, l), c === C && (c = this._$AH[l]), o || (o = !Y(c) || c !== this._$AH[l]), c === u ? t = u : t !== u && (t += (c ?? "") + r[l + 1]), this._$AH[l] = c;
     }
     o && !n && this.O(t);
   }
@@ -493,7 +493,7 @@ class $t {
     t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class bs extends $t {
+class bs extends vt {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -501,7 +501,7 @@ class bs extends $t {
     this.element[this.name] = t === u ? void 0 : t;
   }
 }
-let _s = class extends $t {
+let _s = class extends vt {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -509,7 +509,7 @@ let _s = class extends $t {
     this.element.toggleAttribute(this.name, !!t && t !== u);
   }
 };
-class xs extends $t {
+class xs extends vt {
   constructor(t, s, i, n, r) {
     super(t, s, i, n, r), this.type = 5;
   }
@@ -535,14 +535,14 @@ class ws {
     I(this, t);
   }
 }
-const Et = G.litHtmlPolyfillSupport;
-Et == null || Et(Q, Z), (G.litHtmlVersions ?? (G.litHtmlVersions = [])).push("3.0.2");
+const kt = G.litHtmlPolyfillSupport;
+kt == null || kt(K, Z), (G.litHtmlVersions ?? (G.litHtmlVersions = [])).push("3.0.2");
 const As = (e, t, s) => {
   const i = (s == null ? void 0 : s.renderBefore) ?? t;
   let n = i._$litPart$;
   if (n === void 0) {
     const r = (s == null ? void 0 : s.renderBefore) ?? null;
-    i._$litPart$ = n = new Z(t.insertBefore(Y(), r), r, void 0, s ?? {});
+    i._$litPart$ = n = new Z(t.insertBefore(X(), r), r, void 0, s ?? {});
   }
   return n._$AI(e), n;
 };
@@ -551,7 +551,7 @@ const As = (e, t, s) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-let v = class extends R {
+let v = class extends U {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -578,8 +578,8 @@ let v = class extends R {
 };
 var Ce;
 v._$litElement$ = !0, v.finalized = !0, (Ce = globalThis.litElementHydrateSupport) == null || Ce.call(globalThis, { LitElement: v });
-const Ct = globalThis.litElementPolyfillSupport;
-Ct == null || Ct({ LitElement: v });
+const Tt = globalThis.litElementPolyfillSupport;
+Tt == null || Tt({ LitElement: v });
 (globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.1");
 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,
@@ -665,8 +665,8 @@ const Ss = { name: "send", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.o
   transformTagName: !1,
   attachStyles: !0
 };
-let N, Re, mt, He = !1, lt = !1, It = !1, y = !1, le = null, Pt = !1;
-const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, Ne = vt.HTMLElement || class {
+let N, Ue, yt, He = !1, lt = !1, Bt = !1, y = !1, le = null, Rt = !1;
+const bt = typeof window < "u" ? window : {}, w = bt.document || { head: {} }, Ne = bt.HTMLElement || class {
 }, m = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -703,14 +703,14 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
   } catch (i) {
     J(i);
   }
-}, Os = (e, t) => t & 4 ? w : t & 8 ? vt : t & 16 ? w.body : e, Ps = (e) => Es ? {
+}, Os = (e, t) => t & 4 ? w : t & 8 ? bt : t & 16 ? w.body : e, Ps = (e) => Es ? {
   passive: (e & 1) !== 0,
   capture: (e & 2) !== 0
-} : (e & 2) !== 0, ce = "http://www.w3.org/1999/xlink", U = (e, t = "") => () => {
+} : (e & 2) !== 0, ce = "http://www.w3.org/1999/xlink", R = (e, t = "") => () => {
 }, de = /* @__PURE__ */ new WeakMap(), Ls = (e, t, s) => {
   let i = ht.get(e);
   ks && s ? (i = i || new CSSStyleSheet(), i.replace(t)) : i = t, ht.set(e, i);
-}, Us = (e, t, s, i) => {
+}, Rs = (e, t, s, i) => {
   let n = je(t, s), r = ht.get(n);
   if (e = e.nodeType === 11 ? e : w, r)
     if (typeof r == "string") {
@@ -720,14 +720,14 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
     } else
       e.adoptedStyleSheets.includes(r) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, r]);
   return n;
-}, Rs = (e) => {
-  const t = e.$cmpMeta$, s = e.$hostElement$, i = t.$flags$, n = U("attachStyles", t.$tagName$), r = Us(s.shadowRoot ? s.shadowRoot : s.getRootNode(), t, e.$modeName$);
+}, Us = (e) => {
+  const t = e.$cmpMeta$, s = e.$hostElement$, i = t.$flags$, n = R("attachStyles", t.$tagName$), r = Rs(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();
-}, je = (e, t) => "sc-" + (t && e.$flags$ & 32 ? e.$tagName$ + "-" + t : e.$tagName$), Hs = (e) => ci.map((t) => t(e)).find((t) => !!t), he = {}, Ns = "http://www.w3.org/2000/svg", Ms = "http://www.w3.org/1999/xhtml", js = (e) => e != null, zt = (e) => (e = typeof e, e === "object" || e === "function"), j = (e, t, ...s) => {
+}, je = (e, t) => "sc-" + (t && e.$flags$ & 32 ? e.$tagName$ + "-" + t : e.$tagName$), Hs = (e) => ci.map((t) => t(e)).find((t) => !!t), he = {}, Ns = "http://www.w3.org/2000/svg", Ms = "http://www.w3.org/1999/xhtml", js = (e) => e != null, Ft = (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 = (h) => {
     for (let p = 0; p < h.length; p++)
-      i = h[p], Array.isArray(i) ? c(i) : i != null && typeof i != "boolean" && ((o = typeof e != "function" && !zt(i)) && (i = String(i)), o && a ? l[l.length - 1].$text$ += i : l.push(o ? ct(null, i) : i), a = o);
+      i = h[p], Array.isArray(i) ? c(i) : i != null && typeof i != "boolean" && ((o = typeof e != "function" && !Ft(i)) && (i = String(i)), o && a ? l[l.length - 1].$text$ += i : l.push(o ? ct(null, i) : i), a = o);
   };
   if (c(s), t) {
     t.key && (n = t.key), t.name && (r = t.name);
@@ -749,7 +749,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
     $children$: null
   };
   return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;
-}, Bt = {}, Ds = (e) => e && e.$tag$ === Bt, Is = {
+}, Wt = {}, Ds = (e) => e && e.$tag$ === Wt, Is = {
   forEach: (e, t) => e.map(pe).forEach(t),
   map: (e, t) => e.map(pe).map(t).map(zs)
 }, pe = (e) => ({
@@ -781,9 +781,9 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
       if (t === "ref")
         i && i(e);
       else if (!e.__lookupSetter__(t) && t[0] === "o" && t[1] === "n")
-        t[2] === "-" ? t = t.slice(3) : me(vt, 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) : me(bt, 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 = zt(i);
+        const l = Ft(i);
         if ((o || l && i !== null) && !n)
           try {
             if (e.tagName.includes("-"))
@@ -806,7 +806,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
     ue(n, i, r[i], o[i], s, t.$flags$);
 }, dt = (e, t, s, i) => {
   let n = t.$children$[s], r = 0, o, a, l;
-  if (He || (It = !0, n.$tag$ === "slot" && (N && i.classList.add(N + "-s"), n.$flags$ |= n.$children$ ? (
+  if (He || (Bt = !0, n.$tag$ === "slot" && (N && i.classList.add(N + "-s"), n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     2
   ) : (
@@ -822,22 +822,22 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
         a = dt(e, n, r, o), a && o.appendChild(a);
     n.$tag$ === "svg" ? y = !1 : o.tagName === "foreignObject" && (y = !0);
   }
-  return o["s-hn"] = mt, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = Re, o["s-sn"] = n.$name$ || "", l = e && e.$children$ && e.$children$[s], l && l.$tag$ === n.$tag$ && e.$elm$ && X(e.$elm$, !1)), o;
-}, X = (e, t) => {
+  return o["s-hn"] = yt, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = Ue, o["s-sn"] = n.$name$ || "", l = e && e.$children$ && e.$children$[s], l && l.$tag$ === n.$tag$ && e.$elm$ && Q(e.$elm$, !1)), o;
+}, Q = (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"] !== mt && n["s-ol"] && (Be(n).insertBefore(n, Ft(n)), n["s-ol"].remove(), n["s-ol"] = void 0, It = !0), t && X(n, t);
+    n["s-hn"] !== yt && n["s-ol"] && (Be(n).insertBefore(n, Gt(n)), n["s-ol"].remove(), n["s-ol"] = void 0, Bt = !0), t && Q(n, t);
   }
   m.$flags$ &= -2;
 }, Ie = (e, t, s, i, n, r) => {
   let o = e["s-cr"] && e["s-cr"].parentNode || e, a;
-  for (o.shadowRoot && o.tagName === mt && (o = o.shadowRoot); n <= r; ++n)
-    i[n] && (a = dt(null, s, n, e), a && (i[n].$elm$ = a, o.insertBefore(a, Ft(t))));
+  for (o.shadowRoot && o.tagName === yt && (o = o.shadowRoot); n <= r; ++n)
+    i[n] && (a = dt(null, s, n, e), a && (i[n].$elm$ = a, o.insertBefore(a, Gt(t))));
 }, ze = (e, t, s, i, n) => {
   for (; t <= s; ++t)
-    (i = e[t]) && (n = i.$elm$, Ge(i), lt = !0, n["s-ol"] ? n["s-ol"].remove() : X(n, !0), n.remove());
+    (i = e[t]) && (n = i.$elm$, Ge(i), lt = !0, n["s-ol"] ? n["s-ol"].remove() : Q(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], d = t[l], h = i.length - 1, p = i[0], g = i[h], x, st;
   for (; n <= l && r <= h; )
@@ -854,19 +854,19 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
     else if (it(d, g))
       M(d, g), d = t[--l], g = i[--h];
     else if (it(c, g))
-      (c.$tag$ === "slot" || g.$tag$ === "slot") && X(c.$elm$.parentNode, !1), M(c, g), e.insertBefore(c.$elm$, d.$elm$.nextSibling), c = t[++n], g = i[--h];
+      (c.$tag$ === "slot" || g.$tag$ === "slot") && Q(c.$elm$.parentNode, !1), M(c, g), e.insertBefore(c.$elm$, d.$elm$.nextSibling), c = t[++n], g = i[--h];
     else if (it(d, p))
-      (c.$tag$ === "slot" || g.$tag$ === "slot") && X(d.$elm$.parentNode, !1), M(d, p), e.insertBefore(d.$elm$, c.$elm$), d = t[--l], p = i[++r];
+      (c.$tag$ === "slot" || g.$tag$ === "slot") && Q(d.$elm$.parentNode, !1), M(d, p), e.insertBefore(d.$elm$, c.$elm$), d = t[--l], p = i[++r];
     else {
       for (o = -1, a = n; a <= l; ++a)
         if (t[a] && t[a].$key$ !== null && t[a].$key$ === p.$key$) {
           o = a;
           break;
         }
-      o >= 0 ? (st = t[o], st.$tag$ !== p.$tag$ ? x = dt(t && t[r], s, o, e) : (M(st, p), t[o] = void 0, x = st.$elm$), p = i[++r]) : (x = dt(t && t[r], s, r, e), p = i[++r]), x && Be(c.$elm$).insertBefore(x, Ft(c.$elm$));
+      o >= 0 ? (st = t[o], st.$tag$ !== p.$tag$ ? x = dt(t && t[r], s, o, e) : (M(st, p), t[o] = void 0, x = st.$elm$), p = i[++r]) : (x = dt(t && t[r], s, r, e), p = i[++r]), x && Be(c.$elm$).insertBefore(x, Gt(c.$elm$));
     }
   n > l ? Ie(e, i[h + 1] == null ? null : i[h + 1].$elm$, s, i, r, h) : r > h && ze(t, n, l);
-}, it = (e, t) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : e.$key$ === t.$key$ : !1, Ft = (e) => e && e["s-ol"] || e, Be = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, M = (e, t) => {
+}, it = (e, t) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : e.$key$ === t.$key$ : !1, Gt = (e) => e && e["s-ol"] || e, Be = (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 ? (y = r === "svg" ? !0 : r === "foreignObject" ? !1 : y, r === "slot" || De(e, t, y), i !== null && n !== null ? Fs(s, i, t, n) : n !== null ? (e.$text$ !== null && (s.textContent = ""), Ie(s, null, t, n, 0, n.length - 1)) : i !== null && ze(i, 0, i.length - 1), y && r === "svg" && (y = !1)) : (a = s["s-cr"]) ? a.parentNode.textContent = o : e.$text$ !== o && (s.data = o);
@@ -907,9 +907,9 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
   e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(Ge);
 }, Ws = (e, t) => {
   const s = e.$hostElement$, i = e.$cmpMeta$, n = e.$vnode$ || ct(null, null), r = Ds(t) ? t : j(null, null, t);
-  mt = 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, N = s["s-sc"], Re = s["s-cr"], He = (i.$flags$ & 1) !== 0, lt = !1, M(n, r);
+  yt = 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, N = s["s-sc"], Ue = s["s-cr"], He = (i.$flags$ & 1) !== 0, lt = !1, M(n, r);
   {
-    if (m.$flags$ |= 1, It) {
+    if (m.$flags$ |= 1, Bt) {
       We(r.$elm$);
       let o, a, l, c, d, h, p = 0;
       for (; p < b.length; p++)
@@ -930,25 +930,25 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
 }, Gs = (e) => e, qs = (e, t, s) => {
   const i = Gs(e);
   return {
-    emit: (n) => Ys(i, t, {
+    emit: (n) => Xs(i, t, {
       bubbles: !!(s & 4),
       composed: !!(s & 2),
       cancelable: !!(s & 1),
       detail: n
     })
   };
-}, Ys = (e, t, s) => {
+}, Xs = (e, t, s) => {
   const i = m.ce(t, s);
   return e.dispatchEvent(i), i;
-}, Ks = (e, t) => {
-}, qe = (e, t) => (e.$flags$ |= 16, Ks(e, e.$ancestorComponent$), pi(() => Qs(e, t))), Qs = (e, t) => {
-  const s = e.$hostElement$, i = U("scheduleUpdate", e.$cmpMeta$.$tagName$), n = s;
+}, Ys = (e, t) => {
+}, qe = (e, t) => (e.$flags$ |= 16, Ys(e, e.$ancestorComponent$), pi(() => Ks(e, t))), Ks = (e, t) => {
+  const s = e.$hostElement$, i = R("scheduleUpdate", e.$cmpMeta$.$tagName$), n = s;
   let r;
-  return t ? r = D(n, "componentWillLoad") : r = D(n, "componentWillUpdate"), r = $e(r, () => D(n, "componentWillRender")), i(), $e(r, () => Xs(e, n, t));
-}, Xs = async (e, t, s) => {
-  const i = e.$hostElement$, n = U("update", e.$cmpMeta$.$tagName$);
-  i["s-rc"], s && Rs(e);
-  const r = U("render", e.$cmpMeta$.$tagName$);
+  return t ? r = D(n, "componentWillLoad") : r = D(n, "componentWillUpdate"), r = $e(r, () => D(n, "componentWillRender")), i(), $e(r, () => Qs(e, n, t));
+}, Qs = async (e, t, s) => {
+  const i = e.$hostElement$, n = R("update", e.$cmpMeta$.$tagName$);
+  i["s-rc"], s && Us(e);
+  const r = R("render", e.$cmpMeta$.$tagName$);
   Zs(e, t, i), r(), n(), Js(e);
 }, Zs = (e, t, s) => {
   try {
@@ -958,7 +958,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
   }
   return le = null, null;
 }, Js = (e) => {
-  const t = e.$cmpMeta$.$tagName$, s = e.$hostElement$, i = U("postUpdate", t), n = s;
+  const t = e.$cmpMeta$.$tagName$, s = e.$hostElement$, i = R("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) => {
   if (e && e[t])
@@ -967,8 +967,8 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
     } catch (i) {
       J(i);
     }
-}, $e = (e, t) => e && e.then ? e.then(t) : t(), Vs = (e, t) => e != null && !zt(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, ti = (e, t) => yt(e).$instanceValues$.get(t), ei = (e, t, s, i) => {
-  const n = yt(e), r = e, o = n.$instanceValues$.get(t), a = n.$flags$, l = r;
+}, $e = (e, t) => e && e.then ? e.then(t) : t(), Vs = (e, t) => e != null && !Ft(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, ti = (e, t) => _t(e).$instanceValues$.get(t), ei = (e, t, s, i) => {
+  const n = _t(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) {
@@ -1034,7 +1034,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
     typeof o != "string" && (o = o[t.$modeName$ = Hs(e)]);
     const a = je(s, t.$modeName$);
     if (!ht.has(a)) {
-      const l = U("registerStyles", s.$tagName$);
+      const l = R("registerStyles", s.$tagName$);
       Ls(a, o, !!(s.$flags$ & 1)), l();
     }
   }
@@ -1042,7 +1042,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
 }, ni = (e) => {
 }, ri = (e) => {
   if (!(m.$flags$ & 1)) {
-    const t = yt(e), s = t.$cmpMeta$, i = U("connectedCallback", s.$tagName$);
+    const t = _t(e), s = t.$cmpMeta$, i = R("connectedCallback", s.$tagName$);
     t.$flags$ & 1 ? (Me(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];
@@ -1055,10 +1055,10 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
   t["s-cn"] = !0, e.insertBefore(t, e.firstChild);
 }, ai = (e) => {
   if (!(m.$flags$ & 1)) {
-    const t = yt(e);
+    const t = _t(e);
     t.$rmListeners$ && (t.$rmListeners$.map((s) => s()), t.$rmListeners$ = void 0);
   }
-}, Ye = (e, t) => {
+}, Xe = (e, t) => {
   const s = {
     $flags$: t[0],
     $tagName$: t[1]
@@ -1082,16 +1082,16 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
       });
     }
   }), e.is = s.$tagName$, si(e, s);
-}, Ke = /* @__PURE__ */ new WeakMap(), yt = (e) => Ke.get(e), li = (e, t) => {
+}, Ye = /* @__PURE__ */ new WeakMap(), _t = (e) => Ye.get(e), li = (e, t) => {
   const s = {
     $flags$: 0,
     $hostElement$: e,
     $cmpMeta$: t,
     $instanceValues$: /* @__PURE__ */ new Map()
   };
-  return Me(e, s, t.$listeners$), Ke.set(e, s);
-}, me = (e, t) => t in e, J = (e, t) => (0, console.error)(e, t), ht = /* @__PURE__ */ new Map(), ci = [], ve = [], Qe = [], di = (e, t) => (s) => {
-  e.push(s), Pt || (Pt = !0, t && m.$flags$ & 4 ? hi(Lt) : m.raf(Lt));
+  return Me(e, s, t.$listeners$), Ye.set(e, s);
+}, me = (e, t) => t in e, J = (e, t) => (0, console.error)(e, t), ht = /* @__PURE__ */ new Map(), ci = [], ve = [], Ke = [], di = (e, t) => (s) => {
+  e.push(s), Rt || (Rt = !0, t && m.$flags$ & 4 ? hi(Ut) : m.raf(Ut));
 }, ye = (e) => {
   for (let t = 0; t < e.length; t++)
     try {
@@ -1100,9 +1100,9 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, N
       J(s);
     }
   e.length = 0;
-}, Lt = () => {
-  ye(ve), ye(Qe), (Pt = ve.length > 0) && m.raf(Lt);
-}, hi = (e) => Cs().then(e), pi = /* @__PURE__ */ di(Qe, !0), ui = (e = {}) => {
+}, Ut = () => {
+  ye(ve), ye(Ke), (Rt = ve.length > 0) && m.raf(Ut);
+}, hi = (e) => Cs().then(e), pi = /* @__PURE__ */ di(Ke, !0), ui = (e = {}) => {
   const { content: t = "", title: s, attributes: i = [] } = e;
   let n = "", r = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
@@ -1119,7 +1119,7 @@ class $i {
     this.voca_component = t, this.voca_added = gi(/* @__PURE__ */ new Date());
   }
 }
-const mi = "telia-vst{display:none}", vi = /* @__PURE__ */ Ye(class extends Ne {
+const mi = "telia-vst{display:none}", vi = /* @__PURE__ */ Xe(class extends Ne {
   constructor() {
     super(), this.__registerHost(), this.vocaInternalUStats = qs(this, "vocaInternalUStats", 7);
   }
@@ -1127,7 +1127,7 @@ const mi = "telia-vst{display:none}", vi = /* @__PURE__ */ Ye(class extends Ne {
     this.vocaInternalUStats.emit(new $i(this.dataTrackingId));
   }
   render() {
-    return j(Bt, null);
+    return j(Wt, null);
   }
   static get style() {
     return mi;
@@ -1135,7 +1135,7 @@ const mi = "telia-vst{display:none}", vi = /* @__PURE__ */ Ye(class extends Ne {
 }, [0, "telia-vst", {
   dataTrackingId: [1, "data-tracking-id"]
 }]);
-function Xe() {
+function Qe() {
   if (typeof customElements > "u")
     return;
   ["telia-vst"].forEach((t) => {
@@ -1146,18 +1146,18 @@ function Xe() {
     }
   });
 }
-Xe();
-function Ut() {
+Qe();
+function Ht() {
   return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
 }
 function yi() {
-  if (typeof Ut().vocadsIcons !== void 0)
-    return Ut().vocadsIcons;
+  if (typeof Ht().vocadsIcons !== void 0)
+    return Ht().vocadsIcons;
 }
 function bi() {
-  return Ut().vocadsIconsRegistered;
+  return Ht().vocadsIconsRegistered;
 }
-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))}", xi = /* @__PURE__ */ Ye(class extends Ne {
+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))}", xi = /* @__PURE__ */ Xe(class extends Ne {
   constructor() {
     super(), this.__registerHost(), this.size = "md", this.allyTitle = null, this.dataTrackingId = "telia-icon";
   }
@@ -1186,7 +1186,7 @@ const _i = ".telia-icon{display:inline-block}.telia-icon__container{display:bloc
       attributes: t,
       title: this.allyTitle
     });
-    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 }));
+    return j(Wt, { 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 _i;
@@ -1207,7 +1207,7 @@ function wi() {
         customElements.get(t) || customElements.define(t, xi);
         break;
       case "telia-vst":
-        customElements.get(t) || Xe();
+        customElements.get(t) || Qe();
         break;
     }
   });
@@ -1228,7 +1228,7 @@ const V = (e) => (t, s) => {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Ai = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: Dt }, Si = (e = Ai, t, s) => {
+const Ai = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: zt }, 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") {
@@ -1274,8 +1274,8 @@ const Ei = (e) => e.strings === void 0;
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const bt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, _t = (e) => (...t) => ({ _$litDirective$: e, values: t });
-let Wt = class {
+const xt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, wt = (e) => (...t) => ({ _$litDirective$: e, values: t });
+let qt = class {
   constructor(t) {
   }
   get _$AU() {
@@ -1337,9 +1337,9 @@ function ki(e, t = !1, s = 0) {
       q(this, e);
 }
 const Ti = (e) => {
-  e.type == bt.CHILD && (e._$AP ?? (e._$AP = ki), e._$AQ ?? (e._$AQ = Ci));
+  e.type == xt.CHILD && (e._$AP ?? (e._$AP = ki), e._$AQ ?? (e._$AQ = Ci));
 };
-let Je = class extends Wt {
+let Je = class extends qt {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
@@ -1368,10 +1368,10 @@ let Je = class extends Wt {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Gt = () => new Oi();
+const ut = () => new Oi();
 class Oi {
 }
-const kt = /* @__PURE__ */ new WeakMap(), qt = _t(class extends Je {
+const Ot = /* @__PURE__ */ new WeakMap(), ft = wt(class extends Je {
   render(e) {
     return u;
   }
@@ -1383,14 +1383,14 @@ const kt = /* @__PURE__ */ new WeakMap(), qt = _t(class extends Je {
   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 = Ot.get(t);
+      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), Ot.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 = Ot.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,10 +1404,10 @@ const kt = /* @__PURE__ */ new WeakMap(), qt = _t(class extends Je {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Yt = _t(class extends Wt {
+const Xt = wt(class extends qt {
   constructor(e) {
     var t;
-    if (super(e), e.type !== bt.ATTRIBUTE || e.name !== "class" || ((t = e.strings) == null ? void 0 : t.length) > 2)
+    if (super(e), e.type !== xt.ATTRIBUTE || e.name !== "class" || ((t = e.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(e) {
@@ -1432,13 +1432,13 @@ const Yt = _t(class extends Wt {
   }
 }), Pi = /* @__PURE__ */ new WeakMap();
 let be = 0;
-const Tt = /* @__PURE__ */ new Map(), _e = /* @__PURE__ */ new WeakSet(), xe = () => new Promise((e) => requestAnimationFrame(e)), Li = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], Ui = [{ opacity: 0 }], we = [{ opacity: 0 }, { opacity: 1 }], Ae = (e, t) => {
+const Pt = /* @__PURE__ */ new Map(), _e = /* @__PURE__ */ new WeakSet(), xe = () => new Promise((e) => requestAnimationFrame(e)), Li = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], Ri = [{ opacity: 0 }], we = [{ opacity: 0 }, { opacity: 1 }], Ae = (e, t) => {
   const s = e - t;
   return s === 0 ? void 0 : s;
 }, Se = (e, t) => {
   const s = e / t;
   return s === 1 ? void 0 : s;
-}, Ot = { left: (e, t) => {
+}, Lt = { left: (e, t) => {
   const s = Ae(e, t);
   return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateX(${s}px)` };
 }, top: (e, t) => {
@@ -1454,10 +1454,10 @@ const Tt = /* @__PURE__ */ new Map(), _e = /* @__PURE__ */ new WeakSet(), xe = (
   t === 0 && (t = 1, s = { height: "1px" });
   const i = Se(e, t);
   return { value: i, overrideFrom: s, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
-} }, Ri = { duration: 333, easing: "ease-in-out" }, Hi = ["left", "top", "width", "height", "opacity", "color", "background"], Ee = /* @__PURE__ */ new WeakMap();
+} }, Ui = { duration: 333, easing: "ease-in-out" }, Hi = ["left", "top", "width", "height", "opacity", "color", "background"], Ee = /* @__PURE__ */ new WeakMap();
 class Ni extends Je {
   constructor(t) {
-    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === bt.CHILD)
+    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === xt.CHILD)
       throw Error("The `animate` directive must be used in attribute position.");
     this.createFinished();
   }
@@ -1494,7 +1494,7 @@ class Ni extends Je {
   p() {
     const t = {}, s = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
     return this.options.properties.forEach((n) => {
-      const r = s[n] ?? (Ot[n] ? void 0 : i[n]), o = Number(r);
+      const r = s[n] ?? (Lt[n] ? void 0 : i[n]), o = Number(r);
       t[n] = isNaN(o) ? r + "" : o;
     }), t;
   }
@@ -1522,9 +1522,9 @@ class Ni extends Je {
       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 = Pt.get(this.options.inId);
       if (r) {
-        Tt.delete(this.options.inId);
+        Pt.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, be++, t.forEach((l) => l.zIndex = be);
       } else
@@ -1543,7 +1543,7 @@ class Ni extends Je {
   }
   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 && Pt.set(this.options.id, this.g), this.options.out === void 0))
       return;
     if (this.prepare(), await xe(), (s = this.t) == null ? void 0 : s.isConnected) {
       const i = this.i && this.i.parentNode === this.t ? this.i : null;
@@ -1583,7 +1583,7 @@ class Ni extends Je {
     }), t;
   }
   A(t, s = this._()) {
-    const i = { ...Ri };
+    const i = { ...Ui };
     return s.forEach((n) => Object.assign(i, n.options.keyframeOptions)), Object.assign(i, t), i;
   }
   O(t, s, i) {
@@ -1600,8 +1600,8 @@ class Ni extends Je {
     const a = {};
     for (const l in s) {
       const c = t[l], d = s[l];
-      if (l in Ot) {
-        const h = Ot[l];
+      if (l in Lt) {
+        const h = Lt[l];
         if (c === void 0 || d === void 0)
           continue;
         const p = h(c, d);
@@ -1634,7 +1634,7 @@ class Ni extends Je {
     this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, s);
   }
 }
-const Rt = _t(Ni), nt = (e, t, s) => {
+const Nt = wt(Ni), nt = (e, t, s) => {
   e && s.style.setProperty(t, e);
 }, Ve = (e, t) => {
   var s, i, n, r;
@@ -1659,7 +1659,7 @@ var Mi = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, tt = (e, t
 };
 class k extends v {
   constructor() {
-    super(...arguments), this.active = !1, this.loaded = !1, this.offset = 0, this.buttonRef = Gt();
+    super(...arguments), this.active = !1, this.loaded = !1, this.offset = 0, this.buttonRef = ut();
   }
   async connectedCallback() {
     super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding(), this.offset > 0 && this.buttonRef.value && (this.buttonRef.value.style.right = `calc(${this.offset}px + 20px)`);
@@ -1686,7 +1686,7 @@ class k extends v {
     const i = (c = this.application) == null ? void 0 : c.triggerIcon;
     if (!i)
       return u;
-    const n = async (d) => await import("./index-7612a1fb.mjs").then(
+    const n = async (d) => await import("./index-217f3c39.mjs").then(
       (p) => p[d]
     ), { type: r, content: o } = i;
     switch (r) {
@@ -1712,7 +1712,7 @@ class k extends v {
             <button
               class="trigger-label"
               @click=${this._toggleActive}
-              ${Rt({
+              ${Nt({
       keyframeOptions: {},
       in: Li,
       stabilizeOut: !0,
@@ -1724,13 +1724,13 @@ class k extends v {
           ` : u}
 
       <button
-        class=${Yt({
+        class=${Xt({
       trigger: !0,
       active: this.active,
       rendered: this.loaded
     })}
         @click=${this._toggleActive}
-        ${qt(this.buttonRef)}
+        ${ft(this.buttonRef)}
       >
         ${this.icon}
         <span class="trigger-close">
@@ -1973,14 +1973,14 @@ function* zi(e, t) {
       yield t(i, s++);
   }
 }
-var Kt = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Trigger = "trigger", e))(Kt || {}), Bi = Object.defineProperty, Fi = Object.getOwnPropertyDescriptor, Wi = (e, t, s, i) => {
+var Yt = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Trigger = "trigger", e))(Yt || {}), Bi = Object.defineProperty, Fi = Object.getOwnPropertyDescriptor, Wi = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? Fi(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 && Bi(t, s, n), n;
 };
-class Qt extends v {
+class Kt extends v {
   constructor() {
-    super(...arguments), this.nodes = [], this.wrapperRef = Gt();
+    super(...arguments), this.nodes = [], this.wrapperRef = ut();
   }
   addChild(t) {
     t.parent = this, this.nodes.push(t);
@@ -2003,12 +2003,12 @@ class Qt extends v {
     this.applyBranding(), this.applyStyles();
   }
   render() {
-    return this.application.renderStrategy === Kt.Trigger && this.renderRoot.host.classList.add("floating"), f`<div class="widget-container" ${qt(this.wrapperRef)}>
+    return this.application.renderStrategy === Yt.Trigger && this.renderRoot.host.classList.add("floating"), f`<div class="widget-container" ${ft(this.wrapperRef)}>
       ${zi(this.nodes, (t) => t)}
     </div>`;
   }
 }
-Qt.styles = _`
+Kt.styles = _`
     :host {
       --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       --spacing-xs: 0.2rem;
@@ -2102,8 +2102,8 @@ Qt.styles = _`
   `;
 Wi([
   $({ attribute: !1 })
-], Qt.prototype, "application", 2);
-var Gi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, Xt = (e, t, s, i) => {
+], Kt.prototype, "application", 2);
+var Gi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, Qt = (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 && Gi(t, s, n), n;
@@ -2133,7 +2133,7 @@ class et extends v {
   render() {
     if (!this.widget || this.status !== "activated")
       return u;
-    if (this.widget.renderStrategy === Kt.Trigger) {
+    if (this.widget.renderStrategy === Yt.Trigger) {
       const t = new k();
       return t.application = this.widget, t;
     }
@@ -2147,23 +2147,23 @@ et.styles = [
       }
     `
 ];
-Xt([
+Qt([
   $({ attribute: !0 })
 ], et.prototype, "name", 2);
-Xt([
+Qt([
   A()
 ], et.prototype, "widget", 2);
-Xt([
+Qt([
   A()
 ], et.prototype, "status", 2);
 customElements.get("ace-trigger") || customElements.define("ace-trigger", k);
 customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", es);
-customElements.get("ace-wrapper") || customElements.define("ace-wrapper", Qt);
+customElements.get("ace-wrapper") || customElements.define("ace-wrapper", Kt);
 customElements.get("ace-widget") || customElements.define("ace-widget", et);
-var Yi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, xt = (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 Xi = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, At = (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 && Yi(t, s, n), n;
+  return i && n && Xi(t, s, n), n;
 };
 let z = class extends v {
   constructor() {
@@ -2186,7 +2186,7 @@ let z = class extends v {
       (e) => f`<div class="conversation-entry" tabindex="-1">
             <conversation-entry
               .entry=${e}
-              ${Rt({
+              ${Nt({
         keyframeOptions: {},
         in: we,
         stabilizeOut: !0,
@@ -2197,10 +2197,10 @@ let z = class extends v {
           </div>`
     )}
       ${this.loading ? f`<ace-typing-state
-            ${Rt({
+            ${Nt({
       keyframeOptions: {},
       in: we,
-      out: Ui,
+      out: Ri,
       stabilizeOut: !0,
       skipInitial: !1
     })}
@@ -2221,24 +2221,24 @@ z.styles = [
       }
     `
 ];
-xt([
+At([
   $({ type: Boolean })
 ], z.prototype, "loading", 2);
-xt([
+At([
   $({ attribute: !1 })
 ], z.prototype, "session", 2);
-xt([
+At([
   A()
 ], z.prototype, "entries", 2);
-z = xt([
+z = At([
   V("ace-conversation-session")
 ], z);
-var Qi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, ss = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Xi(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 && Qi(t, s, n), n;
+  return i && n && Ki(t, s, n), n;
 };
-let ut = class extends v {
+let gt = class extends v {
   connectedCallback() {
     var e;
     super.connectedCallback(), (e = this.entry.didUpdate) == null || e.subscribe(() => {
@@ -2258,11 +2258,11 @@ let ut = class extends v {
   render() {
     var e, t;
     switch (this.entry.type) {
-      case wt.System:
+      case St.System:
         return "";
-      case wt.Agent:
+      case St.Agent:
         return f`<div
-          class=${Yt({
+          class=${Xt({
           "conversation-agent-message": !0,
           "has-avatar": !!((e = this.entry.sender) != null && e.avatar)
         })}
@@ -2287,7 +2287,7 @@ let ut = class extends v {
           this.entry.timestamp
         )}
         </div>`;
-      case wt.User:
+      case St.User:
         return f`<div class="conversation-user-message">
           <div class="entry-content">
             ${this.entry.messages.map(
@@ -2310,7 +2310,7 @@ let ut = class extends v {
     }
   }
 };
-ut.styles = [
+gt.styles = [
   _`
       :host {
         box-sizing: border-box;
@@ -2397,16 +2397,16 @@ ut.styles = [
 ];
 ss([
   $({ attribute: !1 })
-], ut.prototype, "entry", 2);
-ut = ss([
+], gt.prototype, "entry", 2);
+gt = ss([
   V("conversation-entry")
-], ut);
+], gt);
 var Zi = Object.defineProperty, Ji = Object.getOwnPropertyDescriptor, is = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? Ji(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 && Zi(t, s, n), n;
 };
-let ft = class extends v {
+let $t = class extends v {
   render() {
     return f`
       <div class="message-group">
@@ -2421,7 +2421,7 @@ let ft = class extends v {
     `;
   }
 };
-ft.styles = [
+$t.styles = [
   _`
       :host {
         box-sizing: border-box;
@@ -2439,16 +2439,16 @@ ft.styles = [
 ];
 is([
   $({ attribute: !1 })
-], ft.prototype, "group", 2);
-ft = is([
+], $t.prototype, "group", 2);
+$t = is([
   V("conversation-group")
-], ft);
+], $t);
 var Vi = Object.defineProperty, tn = Object.getOwnPropertyDescriptor, en = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? tn(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 && Vi(t, s, n), n;
 };
-let Ht = class extends v {
+let Mt = class extends v {
   render() {
     return f`<div class="container">
       <div class="dot"></div>
@@ -2457,7 +2457,7 @@ let Ht = class extends v {
     </div>`;
   }
 };
-Ht.styles = [
+Mt.styles = [
   _`
       :host {
         display: block;
@@ -2494,17 +2494,17 @@ Ht.styles = [
       }
     `
 ];
-Ht = en([
+Mt = en([
   V("ace-typing-state")
-], Ht);
+], Mt);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Nt extends Wt {
+class jt extends qt {
   constructor(t) {
-    if (super(t), this.et = u, t.type !== bt.CHILD)
+    if (super(t), this.et = u, t.type !== xt.CHILD)
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
   }
   render(t) {
@@ -2521,21 +2521,21 @@ class Nt extends Wt {
     return s.raw = s, this.vt = { _$litType$: this.constructor.resultType, strings: s, values: [] };
   }
 }
-Nt.directiveName = "unsafeHTML", Nt.resultType = 1;
-const sn = _t(Nt);
+jt.directiveName = "unsafeHTML", jt.resultType = 1;
+const sn = wt(jt);
 var nn = Object.defineProperty, rn = Object.getOwnPropertyDescriptor, ns = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? rn(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 && nn(t, s, n), n;
 };
-let gt = class extends v {
+let mt = class extends v {
   render() {
     return f`<div class="message-type-html">
       ${sn(this.message.content)}
     </div>`;
   }
 };
-gt.styles = [
+mt.styles = [
   _`
       :host {
         box-sizing: border-box;
@@ -2552,10 +2552,10 @@ gt.styles = [
 ];
 ns([
   $({ attribute: !1 })
-], gt.prototype, "message", 2);
-gt = ns([
+], mt.prototype, "message", 2);
+mt = ns([
   V("message-type-html")
-], gt);
+], mt);
 var on = Object.defineProperty, an = Object.getOwnPropertyDescriptor, Zt = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? an(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
@@ -2566,7 +2566,7 @@ const ln = (e) => {
 }, rs = ts(v);
 class B extends rs {
   constructor() {
-    super(...arguments), this.message = "", this.platform = null, this.session = null, this.conversationContentRef = Gt(), this.chatScrollHeight = 0;
+    super(...arguments), this.message = "", this.platform = null, this.session = null, this.conversationContentRef = ut(), this.formRef = ut(), this.chatScrollHeight = 0;
   }
   async connectedCallback() {
     super.connectedCallback();
@@ -2576,7 +2576,14 @@ class B extends rs {
     this.platform = t || null, this.platform && (this.platform.activeSessionId ? this.session = this.platform.sessions.get(this.platform.activeSessionId) || null : this.session = this.platform.createSession(this) || null);
   }
   async _onSendMessage(t) {
-    t.preventDefault();
+    var i;
+    if (t.preventDefault(), this.message.length <= 0) {
+      (i = this.formRef.value) == null || i.classList.add("shake"), setTimeout(() => {
+        var n;
+        (n = this.formRef.value) == null || n.classList.remove("shake");
+      }, 500);
+      return;
+    }
     const s = new CustomEvent("user-submit", {
       detail: { text: this.message }
     });
@@ -2597,18 +2604,22 @@ class B extends rs {
   render() {
     return f` <div
       @action=${this._actionHandler}
-      class=${Yt({
+      class=${Xt({
       conversation: !0,
       "input-has-text": this.message.length > 0
     })}
     >
-      <div class="conversation-content" ${qt(this.conversationContentRef)}>
+      <div class="conversation-content" ${ft(this.conversationContentRef)}>
         ${this.session ? f`<ace-conversation-session
               @updated=${this.onSessionUpdated}
               .session=${this.session}
             ></ace-conversation-session>` : u}
       </div>
-      <form class="conversation-bottom" @submit=${this._onSendMessage}>
+      <form
+        class="conversation-bottom"
+        @submit=${this._onSendMessage}
+        ${ft(this.formRef)}
+      >
         <input
           placeholder=${this.properties.inputPlaceholder || "Type your message here..."}
           .value=${this.message}
@@ -2675,6 +2686,26 @@ B.styles = [
         background-color: transparent;
       }
 
+      @keyframes shake {
+        10%,
+        90% {
+          transform: translateX(1px);
+        }
+        20%,
+        80% {
+          transform: translateX(-1px);
+        }
+        30%,
+        50%,
+        70% {
+          transform: translateX(2px);
+        }
+        40%,
+        60% {
+          transform: translateX(-2px);
+        }
+      }
+
       .conversation {
         display: grid;
         grid-template-rows: 1fr auto;
@@ -2706,6 +2737,10 @@ B.styles = [
         padding: 0 var(--spacing-md);
         margin: 0;
       }
+      .conversation-bottom.shake {
+        animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both
+          running shake;
+      }
       .conversation-bottom-left {
         border-right: 1px solid var(--gray-color);
         padding-right: var(--spacing-md);