@telia-ace/widget-conversation-flamingo 1.1.27 → 1.1.28-rc.1

package/{conversation-e5c4f286.mjs → conversation-487024b2.mjs}

@@ -1,10 +1,10 @@
-import { C as wt } from "./index-becf5ea8.mjs";
+import { C as wt } from "./index-49b077e3.mjs";
 /**
  * @license
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const rt = globalThis, Ht = rt.ShadowRoot && (rt.ShadyCSS === void 0 || rt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Mt = Symbol(), Xt = /* @__PURE__ */ new WeakMap();
+const rt = globalThis, Nt = rt.ShadowRoot && (rt.ShadyCSS === void 0 || rt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Mt = Symbol(), Xt = /* @__PURE__ */ new WeakMap();
 let Te = class {
   constructor(t, s, i) {
     if (this._$cssResult$ = !0, i !== Mt)
@@ -14,7 +14,7 @@ let Te = class {
   get styleSheet() {
     let t = this.o;
     const s = this.t;
-    if (Ht && t === void 0) {
+    if (Nt && t === void 0) {
       const i = s !== void 0 && s.length === 1;
       i && (t = Xt.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Xt.set(s, t));
     }
@@ -34,14 +34,14 @@ const os = (e) => new Te(typeof e == "string" ? e : e + "", void 0, Mt), _ = (e,
   })(n) + e[r + 1], e[0]);
   return new Te(s, e, Mt);
 }, as = (e, t) => {
-  if (Ht)
+  if (Nt)
     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);
     }
-}, Jt = Ht ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, Jt = Nt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let s = "";
   for (const i of t.cssRules)
     s += i.cssText;
@@ -299,9 +299,9 @@ R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, R[W("elementProper
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const G = globalThis, at = G.trustedTypes, ee = at ? at.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ke = "$lit$", S = `lit$${(Math.random() + "").slice(9)}$`, Oe = "?" + S, $s = `<${Oe}>`, L = document, Y = () => L.createComment(""), K = (e) => e === null || typeof e != "object" && typeof e != "function", Pe = Array.isArray, gs = (e) => Pe(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", St = `[ 	
+const G = globalThis, at = G.trustedTypes, ee = at ? at.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, ke = "$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, se = /-->/g, ie = />/g, k = RegExp(`>|${St}(?:([^\\s"'>=/]+)(${St}*=${St}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ne = /'/g, re = /"/g, Le = /^(?:script|style|textarea|title)$/i, ms = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), $ = ms(1), C = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), oe = /* @__PURE__ */ new WeakMap(), P = L.createTreeWalker(L, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ne = /'/g, re = /"/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"), oe = /* @__PURE__ */ new WeakMap(), P = L.createTreeWalker(L, 129);
 function Ue(e, t) {
   if (!Array.isArray(e) || !e.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
@@ -315,8 +315,8 @@ const vs = (e, t) => {
     let c, d, h = -1, p = 0;
     for (; p < l.length && (o.lastIndex = p, d = o.exec(l), d !== null); )
       p = o.lastIndex, o === F ? d[1] === "!--" ? o = se : d[1] !== void 0 ? o = ie : d[2] !== void 0 ? (Le.test(d[2]) && (n = RegExp("</" + d[2], "g")), o = k) : d[3] !== void 0 && (o = k) : o === k ? d[0] === ">" ? (o = n ?? F, h = -1) : d[1] === void 0 ? h = -2 : (h = o.lastIndex - d[2].length, c = d[1], o = d[3] === void 0 ? k : d[3] === '"' ? re : ne) : o === re || o === ne ? o = k : o === se || o === ie ? o = F : (o = k, n = void 0);
-    const f = o === k && e[a + 1].startsWith("/>") ? " " : "";
-    r += o === F ? l + $s : h >= 0 ? (i.push(c), l.slice(0, h) + ke + l.slice(h) + S + f) : l + S + (h === -2 ? a : f);
+    const g = o === k && e[a + 1].startsWith("/>") ? " " : "";
+    r += o === F ? l + gs : h >= 0 ? (i.push(c), l.slice(0, h) + ke + l.slice(h) + S + g) : l + S + (h === -2 ? a : g);
   }
   return [Ue(e, r + (e[s] || "<?>") + (t === 2 ? "</svg>" : "")), i];
 };
@@ -335,16 +335,16 @@ class Q {
         if (n.hasAttributes())
           for (const h of n.getAttributeNames())
             if (h.endsWith(ke)) {
-              const p = d[o++], f = n.getAttribute(h).split(S), x = /([.?@])?(.*)/.exec(p);
-              l.push({ type: 1, index: r, name: x[2], strings: f, ctor: x[1] === "." ? bs : x[1] === "?" ? _s : x[1] === "@" ? xs : gt }), n.removeAttribute(h);
+              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);
             } else
               h.startsWith(S) && (l.push({ type: 6, index: r }), n.removeAttribute(h));
         if (Le.test(n.tagName)) {
           const h = n.textContent.split(S), p = h.length - 1;
           if (p > 0) {
             n.textContent = at ? at.emptyScript : "";
-            for (let f = 0; f < p; f++)
-              n.append(h[f], Y()), P.nextNode(), l.push({ type: 2, index: ++r });
+            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());
           }
         }
@@ -421,7 +421,7 @@ class X {
     return this._$AB;
   }
   _$AI(t, s = this) {
-    t = I(this, t, s), K(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== C && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : gs(t) ? this.T(t) : this._(t);
+    t = I(this, t, s), K(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== C && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : $s(t) ? this.T(t) : this._(t);
   }
   k(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -466,7 +466,7 @@ class X {
     this._$AM === void 0 && (this._$Cv = t, (s = this._$AP) == null || s.call(this, t));
   }
 }
-class gt {
+class $t {
   get tagName() {
     return this.element.tagName;
   }
@@ -493,7 +493,7 @@ class gt {
     t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class bs extends gt {
+class bs extends $t {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -501,7 +501,7 @@ class bs extends gt {
     this.element[this.name] = t === u ? void 0 : t;
   }
 }
-let _s = class extends gt {
+let _s = class extends $t {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -509,7 +509,7 @@ let _s = class extends gt {
     this.element.toggleAttribute(this.name, !!t && t !== u);
   }
 };
-class xs extends gt {
+class xs extends $t {
   constructor(t, s, i, n, r) {
     super(t, s, i, n, r), this.type = 5;
   }
@@ -581,7 +581,7 @@ v._$litElement$ = !0, v.finalized = !0, (Ce = globalThis.litElementHydrateSuppor
 const Ct = globalThis.litElementPolyfillSupport;
 Ct == null || Ct({ 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>' }, N = {
+const Ss = { name: "send", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.41642 6.29292C5.99705 5.18016 3.38612 7.41823 4.12858 9.96847L10.5427 32L4.12858 54.0315C3.38612 56.5818 5.99704 58.8198 8.41642 57.7071L58.1942 34.8125C60.6019 33.7051 60.6019 30.2949 58.1942 29.1875L8.41642 6.29292ZM14.2569 29.9351L8.74174 10.9913L49.9295 29.9351H14.2569ZM14.2568 34.0651L8.74174 53.0087L49.9291 34.0651H14.2568Z"/></svg>' }, H = {
   allRenderFn: !1,
   cmpDidLoad: !0,
   cmpDidUnload: !1,
@@ -665,8 +665,8 @@ const Ss = { name: "send", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.o
   transformTagName: !1,
   attachStyles: !0
 };
-let H, Re, mt, Ne = !1, lt = !1, Dt = !1, y = !1, ae = null, Pt = !1;
-const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, He = vt.HTMLElement || class {
+let N, Re, mt, He = !1, lt = !1, Dt = !1, y = !1, ae = null, Pt = !1;
+const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, Ne = vt.HTMLElement || class {
 }, m = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -699,7 +699,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
   });
 }, ks = (e, t) => (s) => {
   try {
-    N.lazyLoad || e.$hostElement$[t](s);
+    H.lazyLoad || e.$hostElement$[t](s);
   } catch (i) {
     J(i);
   }
@@ -723,7 +723,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
 }, 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$);
   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$), Ns = (e) => ci.map((t) => t(e)).find((t) => !!t), de = {}, Hs = "http://www.w3.org/2000/svg", Ms = "http://www.w3.org/1999/xhtml", js = (e) => e != null, It = (e) => (e = typeof e, e === "object" || e === "function"), j = (e, t, ...s) => {
+}, je = (e, t) => "sc-" + (t && e.$flags$ & 32 ? e.$tagName$ + "-" + t : e.$tagName$), Hs = (e) => ci.map((t) => t(e)).find((t) => !!t), de = {}, Ns = "http://www.w3.org/2000/svg", Ms = "http://www.w3.org/1999/xhtml", js = (e) => e != null, It = (e) => (e = typeof e, e === "object" || e === "function"), j = (e, t, ...s) => {
   let i = null, n = null, r = null, o = !1, a = !1, l = [];
   const c = (h) => {
     for (let p = 0; p < h.length; p++)
@@ -768,7 +768,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
   return t.$attrs$ = e.vattrs, t.$children$ = e.vchildren, t.$key$ = e.vkey, t.$name$ = e.vname, t;
 }, pe = (e, t, s, i, n, r) => {
   if (s !== i) {
-    let o = ge(e, t), a = t.toLowerCase();
+    let o = $e(e, t), a = t.toLowerCase();
     if (t === "class") {
       const l = e.classList, c = ue(s), d = ue(i);
       l.remove(...c.filter((h) => h && !d.includes(h))), l.add(...d.filter((h) => h && !c.includes(h)));
@@ -781,7 +781,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
       if (t === "ref")
         i && i(e);
       else if (!e.__lookupSetter__(t) && t[0] === "o" && t[1] === "n")
-        t[2] === "-" ? t = t.slice(3) : ge(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) : $e(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);
       else {
         const l = It(i);
         if ((o || l && i !== null) && !n)
@@ -806,7 +806,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
     pe(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 (Ne || (Dt = !0, n.$tag$ === "slot" && (H && i.classList.add(H + "-s"), n.$flags$ |= n.$children$ ? (
+  if (He || (Dt = !0, n.$tag$ === "slot" && (N && i.classList.add(N + "-s"), n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     2
   ) : (
@@ -817,7 +817,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
   else if (n.$flags$ & 1)
     o = n.$elm$ = w.createTextNode("");
   else {
-    if (y || (y = n.$tag$ === "svg"), o = n.$elm$ = w.createElementNS(y ? Hs : Ms, n.$flags$ & 2 ? "slot-fb" : n.$tag$), y && n.$tag$ === "foreignObject" && (y = !1), De(null, n, y), js(H) && o["s-si"] !== H && o.classList.add(o["s-si"] = H), n.$children$)
+    if (y || (y = n.$tag$ === "svg"), o = n.$elm$ = w.createElementNS(y ? Ns : Ms, n.$flags$ & 2 ? "slot-fb" : n.$tag$), y && n.$tag$ === "foreignObject" && (y = !1), De(null, n, y), js(N) && o["s-si"] !== N && o.classList.add(o["s-si"] = N), n.$children$)
       for (r = 0; r < n.$children$.length; ++r)
         a = dt(e, n, r, o), a && o.appendChild(a);
     n.$tag$ === "svg" ? y = !1 : o.tagName === "foreignObject" && (y = !0);
@@ -839,7 +839,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
   for (; t <= s; ++t)
     (i = e[t]) && (n = i.$elm$, Ge(i), lt = !0, n["s-ol"] ? n["s-ol"].remove() : Z(n, !0), n.remove());
 }, Fs = (e, t, s, i) => {
-  let n = 0, r = 0, o = 0, a = 0, l = t.length - 1, c = t[0], d = t[l], h = i.length - 1, p = i[0], f = i[h], x, st;
+  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; )
     if (c == null)
       c = t[++n];
@@ -847,16 +847,16 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
       d = t[--l];
     else if (p == null)
       p = i[++r];
-    else if (f == null)
-      f = i[--h];
+    else if (g == null)
+      g = i[--h];
     else if (it(c, p))
       M(c, p), c = t[++n], p = i[++r];
-    else if (it(d, f))
-      M(d, f), d = t[--l], f = i[--h];
-    else if (it(c, f))
-      (c.$tag$ === "slot" || f.$tag$ === "slot") && Z(c.$elm$.parentNode, !1), M(c, f), e.insertBefore(c.$elm$, d.$elm$.nextSibling), c = t[++n], f = i[--h];
+    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") && Z(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" || f.$tag$ === "slot") && Z(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") && Z(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$) {
@@ -907,7 +907,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
   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, H = s["s-sc"], Re = s["s-cr"], Ne = (i.$flags$ & 1) !== 0, lt = !1, M(n, r);
+  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);
   {
     if (m.$flags$ |= 1, Dt) {
       We(r.$elm$);
@@ -944,7 +944,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
 }, 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;
   let r;
-  return t ? r = D(n, "componentWillLoad") : r = D(n, "componentWillUpdate"), r = $e(r, () => D(n, "componentWillRender")), i(), $e(r, () => Zs(e, n, t));
+  return t ? r = D(n, "componentWillLoad") : r = D(n, "componentWillUpdate"), r = ge(r, () => D(n, "componentWillRender")), i(), ge(r, () => Zs(e, n, t));
 }, Zs = async (e, t, s) => {
   const i = e.$hostElement$, n = U("update", e.$cmpMeta$.$tagName$);
   i["s-rc"], s && Rs(e);
@@ -952,7 +952,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
   Xs(e, t, i), r(), n(), Js(e);
 }, Xs = (e, t, s) => {
   try {
-    ae = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (N.hasRenderFn || N.reflect) && (N.vdomRender || N.reflect) && (N.hydrateServerSide || Ws(e, t));
+    ae = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (H.hasRenderFn || H.reflect) && (H.vdomRender || H.reflect) && (H.hydrateServerSide || Ws(e, t));
   } catch (a) {
     J(a, e.$hostElement$);
   }
@@ -967,7 +967,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
     } catch (i) {
       J(i);
     }
-}, $e = (e, t) => e && e.then ? e.then(t) : t(), Vs = (e, t) => e != null && !It(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, ti = (e, t) => yt(e).$instanceValues$.get(t), ei = (e, t, s, i) => {
+}, ge = (e, t) => e && e.then ? e.then(t) : t(), Vs = (e, t) => e != null && !It(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, ti = (e, t) => 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;
   s = Vs(s, i.$members$[t][0]);
   const c = Number.isNaN(o) && Number.isNaN(s);
@@ -979,8 +979,8 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
         h && h.map((p) => {
           try {
             l[p](s, o, t);
-          } catch (f) {
-            J(f, r);
+          } catch (g) {
+            J(g, r);
           }
         });
       }
@@ -1031,7 +1031,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
 }, ii = async (e, t, s, i, n) => {
   if (!(t.$flags$ & 32) && (n = e.constructor, t.$flags$ |= 32, customElements.whenDefined(s.$tagName$).then(() => t.$flags$ |= 128), n.style)) {
     let o = n.style;
-    typeof o != "string" && (o = o[t.$modeName$ = Ns(e)]);
+    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$);
@@ -1090,7 +1090,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
     $instanceValues$: /* @__PURE__ */ new Map()
   };
   return Me(e, s, t.$listeners$), Ke.set(e, s);
-}, ge = (e, t) => t in e, J = (e, t) => (0, console.error)(e, t), ht = /* @__PURE__ */ new Map(), ci = [], me = [], Qe = [], di = (e, t) => (s) => {
+}, $e = (e, t) => t in e, J = (e, t) => (0, console.error)(e, t), ht = /* @__PURE__ */ new Map(), ci = [], me = [], Qe = [], di = (e, t) => (s) => {
   e.push(s), Pt || (Pt = !0, t && m.$flags$ & 4 ? hi(Lt) : m.raf(Lt));
 }, ve = (e) => {
   for (let t = 0; t < e.length; t++)
@@ -1111,20 +1111,20 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
   ];
   return s && (n = `<title>${s}</title>`), `<svg ${r.map((a) => `${a.name}="${a.value}"`).join(" ")}>${n}${t}</svg>`;
 }, fi = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim();
-function $i(e) {
+function gi(e) {
   return `${e.getFullYear()}.${e.getMonth() + 1}`;
 }
-class gi {
+class $i {
   constructor(t) {
-    this.voca_component = t, this.voca_added = $i(/* @__PURE__ */ new Date());
+    this.voca_component = t, this.voca_added = gi(/* @__PURE__ */ new Date());
   }
 }
-const mi = "telia-vst{display:none}", vi = /* @__PURE__ */ Ye(class extends He {
+const mi = "telia-vst{display:none}", vi = /* @__PURE__ */ Ye(class extends Ne {
   constructor() {
     super(), this.__registerHost(), this.vocaInternalUStats = qs(this, "vocaInternalUStats", 7);
   }
   connectedCallback() {
-    this.vocaInternalUStats.emit(new gi(this.dataTrackingId));
+    this.vocaInternalUStats.emit(new $i(this.dataTrackingId));
   }
   render() {
     return j(Bt, null);
@@ -1157,7 +1157,7 @@ function yi() {
 function bi() {
   return Ut().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 He {
+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 {
   constructor() {
     super(), this.__registerHost(), this.size = "md", this.allyTitle = null, this.dataTrackingId = "telia-icon";
   }
@@ -1249,7 +1249,7 @@ const Ai = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged
   }
   throw Error("Unsupported decorator location: " + i);
 };
-function g(e) {
+function $(e) {
   return (t, s) => typeof s == "object" ? Si(e, t, s) : ((i, n, r) => {
     const o = n.hasOwnProperty(r);
     return n.constructor.createProperty(r, o ? { ...i, wrapped: !0 } : i), o ? Object.getOwnPropertyDescriptor(n, r) : void 0;
@@ -1261,7 +1261,7 @@ function g(e) {
  * SPDX-License-Identifier: BSD-3-Clause
  */
 function A(e) {
-  return g({ ...e, state: !0, attribute: !1 });
+  return $({ ...e, state: !0, attribute: !1 });
 }
 /**
  * @license
@@ -1478,17 +1478,17 @@ class T extends v {
     var a, l, c;
     const t = (a = this.application) == null ? void 0 : a.branding(), s = (l = t == null ? void 0 : t.graphics) == null ? void 0 : l.trigger;
     if (s)
-      return $` <img src=${s} class="trigger-icon" alt="" /> `;
+      return f` <img src=${s} class="trigger-icon" alt="" /> `;
     const i = (c = this.application) == null ? void 0 : c.triggerIcon;
     if (!i)
       return u;
-    const n = async (d) => await import("./index-3d874c26.mjs").then(
+    const n = async (d) => await import("./index-00412454.mjs").then(
       (p) => p[d]
     ), { type: r, content: o } = i;
     switch (r) {
       case "Telia": {
         const d = await n(o);
-        return d ? $`<telia-icon
+        return d ? f`<telia-icon
             class="trigger-icon"
             svg=${d.svg}
             size="lg"
@@ -1502,60 +1502,79 @@ class T extends v {
     this.offset = t;
   }
   render() {
-    return $`<button
-      class=${qt({
+    var t, s, i, n;
+    return f`<div class="trigger-container">
+      ${(n = (i = (s = (t = this.application) == null ? void 0 : t.settings) == null ? void 0 : s.branding) == null ? void 0 : i.other) != null && n.showButtonLabel ? f`
+            <button class="trigger-label" @click=${this._toggleActive}>
+              ${this.application.settings.branding.other.buttonLabelText}
+            </button>
+          ` : u}
+
+      <button
+        class=${qt({
       trigger: !0,
       active: this.active,
       rendered: this.loaded
     })}
-      @click=${this._toggleActive}
-      ${Gt(this.buttonRef)}
-    >
-      ${this.icon}
-      <span class="trigger-close">
-        <svg
-          width="18"
-          height="9"
-          viewBox="0 0 18 9"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M9 9C8.81794 9.00045 8.63759 8.96634 8.46939 8.89965C8.3012 8.83295 8.14851 8.735 8.02015 8.61145L0.194523 1.12367C0.068294 0.99862 -0.00155266 0.831133 2.61958e-05 0.657285C0.00160506 0.483436 0.0744832 0.317136 0.202964 0.194202C0.331445 0.0712675 0.505249 0.00153576 0.686941 2.50649e-05C0.868634 -0.00148563 1.04368 0.0653456 1.17437 0.186125L9 7.6739L16.8256 0.186125C16.9563 0.0653456 17.1314 -0.00148563 17.3131 2.50649e-05C17.4948 0.00153576 17.6686 0.0712675 17.797 0.194202C17.9255 0.317136 17.9984 0.483436 18 0.657285C18.0016 0.831133 17.9317 0.99862 17.8055 1.12367L9.97985 8.61145C9.85149 8.735 9.6988 8.83295 9.53061 8.89965C9.36241 8.96634 9.18206 9.00045 9 9Z"
-            fill="white"
-          />
-        </svg>
-      </span>
-      <span class="trigger-loader">
-        <svg viewBox="25 25 50 50">
-          <circle
-            cx="50"
-            cy="50"
-            r="20"
+        @click=${this._toggleActive}
+        ${Gt(this.buttonRef)}
+      >
+        ${this.icon}
+        <span class="trigger-close">
+          <svg
+            width="18"
+            height="9"
+            viewBox="0 0 18 9"
             fill="none"
-            stroke="#000"
-            stroke-width="2"
-            stroke-miterlimit="10"
-          />
-        </svg>
-      </span>
-    </button>`;
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M9 9C8.81794 9.00045 8.63759 8.96634 8.46939 8.89965C8.3012 8.83295 8.14851 8.735 8.02015 8.61145L0.194523 1.12367C0.068294 0.99862 -0.00155266 0.831133 2.61958e-05 0.657285C0.00160506 0.483436 0.0744832 0.317136 0.202964 0.194202C0.331445 0.0712675 0.505249 0.00153576 0.686941 2.50649e-05C0.868634 -0.00148563 1.04368 0.0653456 1.17437 0.186125L9 7.6739L16.8256 0.186125C16.9563 0.0653456 17.1314 -0.00148563 17.3131 2.50649e-05C17.4948 0.00153576 17.6686 0.0712675 17.797 0.194202C17.9255 0.317136 17.9984 0.483436 18 0.657285C18.0016 0.831133 17.9317 0.99862 17.8055 1.12367L9.97985 8.61145C9.85149 8.735 9.6988 8.83295 9.53061 8.89965C9.36241 8.96634 9.18206 9.00045 9 9Z"
+              fill="white"
+            />
+          </svg>
+        </span>
+        <span class="trigger-loader">
+          <svg viewBox="25 25 50 50">
+            <circle
+              cx="50"
+              cy="50"
+              r="20"
+              fill="none"
+              stroke="#000"
+              stroke-width="2"
+              stroke-miterlimit="10"
+            />
+          </svg>
+        </span>
+      </button>
+    </div>`;
   }
 }
 T.styles = [
   _`
       :host {
         --voca-rem-multiplier: 0.625;
+        --trigger-label-bg: #f5e0ff;
+        --trigger-label-text-color: rgba(0, 0, 0, 0.8);
         display: block;
         box-sizing: border-box;
+        /* font-family: var(--font-family); */
+        font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       }
 
-      .trigger {
+      .trigger-container {
         position: fixed;
-        transform: scale(0);
-        box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
         bottom: 20px;
         right: 20px;
+        display: flex;
+        align-items: center;
+        gap: 1rem;
+      }
+
+      .trigger {
+        transform: scale(0);
+        box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
         z-index: 5;
         display: flex;
         align-items: center;
@@ -1615,10 +1634,32 @@ T.styles = [
       img {
         max-width: 100%;
       }
+
+      .trigger-label {
+        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);
+        background-color: var(--trigger-label-bg);
+        color: var(--trigger-label-text-color);
+        white-space: nowrap;
+        padding: 0.7rem 1rem;
+        border-radius: 0.3rem;
+        font-weight: 500;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        cursor: pointer;
+        border: none;
+        font-size: 1rem;
+        font-family: inherit;
+        transition: all 300ms ease-in-out;
+      }
+
+      .trigger-label:hover {
+        opacity: 0.8;
+      }
     `
 ];
 tt([
-  g({ attribute: !1 })
+  $({ attribute: !1 })
 ], T.prototype, "application", 2);
 tt([
   A()
@@ -1677,24 +1718,24 @@ const ts = (e) => {
         }
       `
   ], O([
-    g()
+    $()
   ], t.prototype, "properties", 2), O([
-    g()
+    $()
   ], t.prototype, "context", 2), O([
-    g()
+    $()
   ], t.prototype, "layout", 2), O([
-    g()
+    $()
   ], t.prototype, "name", 2), O([
-    g()
+    $()
   ], t.prototype, "type", 2), O([
-    g({ attribute: !1 })
+    $({ attribute: !1 })
   ], t.prototype, "application", 2), O([
-    g({ attribute: !1 })
+    $({ attribute: !1 })
   ], t.prototype, "parent", 2), t;
 };
 class es extends ts(v) {
   render() {
-    return $`Non resolved component`;
+    return f`Non resolved component`;
   }
 }
 es.styles = [
@@ -1709,17 +1750,17 @@ es.styles = [
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function* Ni(e, t) {
+function* Hi(e, t) {
   if (e !== void 0) {
     let s = 0;
     for (const i of e)
       yield t(i, s++);
   }
 }
-var Yt = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Trigger = "trigger", e))(Yt || {}), Hi = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, ji = (e, t, s, i) => {
+var Yt = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Trigger = "trigger", e))(Yt || {}), Ni = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, ji = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? Mi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && Hi(t, s, n), n;
+  return i && n && Ni(t, s, n), n;
 };
 class Kt extends v {
   constructor() {
@@ -1746,8 +1787,8 @@ class Kt extends v {
     this.applyBranding(), this.applyStyles();
   }
   render() {
-    return this.application.renderStrategy === Yt.Trigger && this.renderRoot.host.classList.add("floating"), $`<div class="widget-container" ${Gt(this.wrapperRef)}>
-      ${Ni(this.nodes, (t) => t)}
+    return this.application.renderStrategy === Yt.Trigger && this.renderRoot.host.classList.add("floating"), f`<div class="widget-container" ${Gt(this.wrapperRef)}>
+      ${Hi(this.nodes, (t) => t)}
     </div>`;
   }
 }
@@ -1844,7 +1885,7 @@ Kt.styles = _`
     }
   `;
 ji([
-  g({ attribute: !1 })
+  $({ attribute: !1 })
 ], Kt.prototype, "application", 2);
 var Di = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, Qt = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? Ii(t, s) : t, r = e.length - 1, o; r >= 0; r--)
@@ -1891,7 +1932,7 @@ et.styles = [
     `
 ];
 Qt([
-  g({ attribute: !0 })
+  $({ attribute: !0 })
 ], et.prototype, "name", 2);
 Qt([
   A()
@@ -2129,9 +2170,9 @@ let B = class extends v {
     this.dispatchEvent(t);
   }
   render() {
-    return $`<div class="conversation-session">
+    return f`<div class="conversation-session">
       ${this.entries.map(
-      (e) => $`<div class="conversation-entry" tabindex="-1">
+      (e) => f`<div class="conversation-entry" tabindex="-1">
             <conversation-entry
               .entry=${e}
               ${Ee({
@@ -2144,7 +2185,7 @@ let B = class extends v {
             </conversation-entry>
           </div>`
     )}
-      ${this.loading ? $`<ace-typing-state
+      ${this.loading ? f`<ace-typing-state
             ${Ee({
       keyframeOptions: {},
       in: xe,
@@ -2170,10 +2211,10 @@ B.styles = [
     `
 ];
 xt([
-  g({ type: Boolean })
+  $({ type: Boolean })
 ], B.prototype, "loading", 2);
 xt([
-  g({ attribute: !1 })
+  $({ attribute: !1 })
 ], B.prototype, "session", 2);
 xt([
   A()
@@ -2201,7 +2242,7 @@ let ut = class extends v {
       minute: "2-digit"
     });
     let i = "";
-    return e ? t ? i = `${e}: ${s(t)}` : i = e : t && (i = s(t)), $`<p class="conversation-timestamp">${i}</p>`;
+    return e ? t ? i = `${e}: ${s(t)}` : i = e : t && (i = s(t)), f`<p class="conversation-timestamp">${i}</p>`;
   }
   render() {
     var e, t;
@@ -2209,19 +2250,19 @@ let ut = class extends v {
       case wt.System:
         return "";
       case wt.Agent:
-        return $`<div
+        return f`<div
           class=${qt({
           "conversation-agent-message": !0,
           "has-avatar": !!((e = this.entry.sender) != null && e.avatar)
         })}
         >
-          ${typeof ((t = this.entry.sender) == null ? void 0 : t.avatar) == "string" ? $`<div class="avatar">
+          ${typeof ((t = this.entry.sender) == null ? void 0 : t.avatar) == "string" ? f`<div class="avatar">
                 <img src=${this.entry.sender.avatar} />
               </div>` : u}
 
           <div class="entry-content">
             ${this.entry.messages.map(
-          (s) => $`
+          (s) => f`
                 <div class="message-container">
                   <div class="message-content">
                     <conversation-group .group=${s}></conversation-group>
@@ -2236,10 +2277,10 @@ let ut = class extends v {
         )}
         </div>`;
       case wt.User:
-        return $`<div class="conversation-user-message">
+        return f`<div class="conversation-user-message">
           <div class="entry-content">
             ${this.entry.messages.map(
-          (s) => $`
+          (s) => f`
                 <div class="message-container">
                   <div class="message-content">
                     <conversation-group .group=${s}></conversation-group>
@@ -2344,7 +2385,7 @@ ut.styles = [
     `
 ];
 ss([
-  g({ attribute: !1 })
+  $({ attribute: !1 })
 ], ut.prototype, "entry", 2);
 ut = ss([
   V("conversation-entry")
@@ -2356,11 +2397,11 @@ var Zi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, is = (e, t
 };
 let ft = class extends v {
   render() {
-    return $`
+    return f`
       <div class="message-group">
         ${this.group.items.map(
-      ([e, t]) => $`
-            ${e === "html" ? $`
+      ([e, t]) => f`
+            ${e === "html" ? f`
                   <message-type-html .message=${t}></message-type-html>
                 ` : u}
           `
@@ -2386,7 +2427,7 @@ ft.styles = [
     `
 ];
 is([
-  g({ attribute: !1 })
+  $({ attribute: !1 })
 ], ft.prototype, "group", 2);
 ft = is([
   V("conversation-group")
@@ -2398,7 +2439,7 @@ var Ji = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, tn = (e, t
 };
 let Rt = class extends v {
   render() {
-    return $`<div class="container">
+    return f`<div class="container">
       <div class="dot"></div>
       <div class="dot"></div>
       <div class="dot"></div>
@@ -2450,7 +2491,7 @@ Rt = tn([
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Nt extends Ft {
+class Ht extends Ft {
   constructor(t) {
     if (super(t), this.et = u, t.type !== bt.CHILD)
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
@@ -2469,21 +2510,21 @@ class Nt extends Ft {
     return s.raw = s, this.vt = { _$litType$: this.constructor.resultType, strings: s, values: [] };
   }
 }
-Nt.directiveName = "unsafeHTML", Nt.resultType = 1;
-const en = _t(Nt);
+Ht.directiveName = "unsafeHTML", Ht.resultType = 1;
+const en = _t(Ht);
 var sn = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, ns = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? nn(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
   return i && n && sn(t, s, n), n;
 };
-let $t = class extends v {
+let gt = class extends v {
   render() {
-    return $`<div class="message-type-html">
+    return f`<div class="message-type-html">
       ${en(this.message.content)}
     </div>`;
   }
 };
-$t.styles = [
+gt.styles = [
   _`
       :host {
         box-sizing: border-box;
@@ -2499,11 +2540,11 @@ $t.styles = [
     `
 ];
 ns([
-  g({ attribute: !1 })
-], $t.prototype, "message", 2);
-$t = ns([
+  $({ attribute: !1 })
+], gt.prototype, "message", 2);
+gt = ns([
   V("message-type-html")
-], $t);
+], gt);
 var rn = Object.defineProperty, on = Object.getOwnPropertyDescriptor, Zt = (e, t, s, i) => {
   for (var n = i > 1 ? void 0 : i ? on(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
@@ -2543,7 +2584,7 @@ class z extends rs {
     }, 1e3);
   }
   render() {
-    return $` <div
+    return f` <div
       @action=${this._actionHandler}
       class=${qt({
       conversation: !0,
@@ -2551,7 +2592,7 @@ class z extends rs {
     })}
     >
       <div class="conversation-content" ${Gt(this.conversationContentRef)}>
-        ${this.session ? $`<ace-conversation-session
+        ${this.session ? f`<ace-conversation-session
               @updated=${this.onSessionUpdated}
               .session=${this.session}
             ></ace-conversation-session>` : u}
@@ -2690,12 +2731,12 @@ Zt([
 Zt([
   A()
 ], z.prototype, "session", 2);
-const $n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const gn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Conversation: z,
   default: z
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  $n as c,
+  gn as c,
   Ss as s
 };