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

package/{conversation-e5c4f286.mjs → conversation-61c3428d.mjs}

@@ -1,22 +1,22 @@
-import { C as wt } from "./index-becf5ea8.mjs";
+import { C as wt } from "./index-6f7ce259.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();
-let Te = class {
+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();
+let ke = class {
   constructor(t, s, i) {
-    if (this._$cssResult$ = !0, i !== Mt)
+    if (this._$cssResult$ = !0, i !== jt)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = s;
   }
   get styleSheet() {
     let t = this.o;
     const s = this.t;
-    if (Ht && t === void 0) {
+    if (Mt && 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));
+      i && (t = Jt.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Jt.set(s, t));
     }
     return t;
   }
@@ -24,7 +24,7 @@ let Te = class {
     return this.cssText;
   }
 };
-const os = (e) => new Te(typeof e == "string" ? e : e + "", void 0, Mt), _ = (e, ...t) => {
+const os = (e) => new ke(typeof e == "string" ? e : e + "", void 0, jt), _ = (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 Te(typeof e == "string" ? e : e + "", void 0, Mt), _ = (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 Te(s, e, Mt);
+  return new ke(s, e, jt);
 }, as = (e, t) => {
-  if (Ht)
+  if (Mt)
     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) => {
+}, Vt = Mt ? (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 Te(typeof e == "string" ? e : e + "", void 0, Mt), _ = (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, Vt = E.trustedTypes, fs = Vt ? Vt.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 : "", At = E.reactiveElementPolyfillSupport, W = (e, t) => e, ot = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
       e = e ? fs : null;
@@ -80,7 +80,7 @@ const { is: ls, defineProperty: cs, getOwnPropertyDescriptor: ds, getOwnProperty
       }
   }
   return s;
-} }, jt = (e, t) => !ls(e, t), te = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: jt };
+} }, Dt = (e, t) => !ls(e, t), ee = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: Dt };
 Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), E.litPropertyMetadata ?? (E.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
 let R = class extends HTMLElement {
   static addInitializer(t) {
@@ -89,7 +89,7 @@ let R = class extends HTMLElement {
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, s = te) {
+  static createProperty(t, s = ee) {
     if (s.state && (s.attribute = !1), this._$Ei(), this.elementProperties.set(t, s), !s.noAccessor) {
       const i = Symbol(), n = this.getPropertyDescriptor(t, i, s);
       n !== void 0 && cs(this.prototype, t, n);
@@ -109,7 +109,7 @@ let R = class extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? te;
+    return this.elementProperties.get(t) ?? ee;
   }
   static _$Ei() {
     if (this.hasOwnProperty(W("elementProperties")))
@@ -144,9 +144,9 @@ let R = class extends HTMLElement {
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
       for (const n of i)
-        s.unshift(Jt(n));
+        s.unshift(Vt(n));
     } else
-      t !== void 0 && s.push(Jt(t));
+      t !== void 0 && s.push(Vt(t));
     return s;
   }
   static _$Eu(t, s) {
@@ -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 ?? jt)(n ? r : this[t], s))
+      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? Dt)(n ? r : this[t], s))
         return;
       this.C(t, s, i);
     }
@@ -299,13 +299,13 @@ 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 = `[ 	
-\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);
+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}*(?:[^ 	
+\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) {
   if (!Array.isArray(e) || !e.hasOwnProperty("raw"))
     throw Error("invalid template strings array");
-  return ee !== void 0 ? ee.createHTML(t) : t;
+  return se !== void 0 ? se.createHTML(t) : t;
 }
 const vs = (e, t) => {
   const s = e.length - 1, i = [];
@@ -314,9 +314,9 @@ const vs = (e, t) => {
     const l = e[a];
     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);
+      p = o.lastIndex, o === F ? d[1] === "!--" ? o = ie : d[1] !== void 0 ? o = ne : d[2] !== void 0 ? (Le.test(d[2]) && (n = RegExp("</" + d[2], "g")), o = T) : d[3] !== void 0 && (o = T) : o === T ? 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 ? T : d[3] === '"' ? oe : re) : o === oe || o === re ? o = T : o === ie || o === ne ? o = F : (o = T, n = void 0);
+    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];
 };
@@ -334,17 +334,17 @@ class Q {
       if (n.nodeType === 1) {
         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);
+            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);
             } 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());
           }
         }
@@ -389,7 +389,7 @@ class ys {
     for (; l !== void 0; ) {
       if (o === l.index) {
         let c;
-        l.type === 2 ? c = new X(r, r.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (c = new ws(r, this, t)), this._$AV.push(c), l = i[++a];
+        l.type === 2 ? c = new Z(r, r.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (c = new ws(r, this, t)), this._$AV.push(c), l = i[++a];
       }
       o !== (l == null ? void 0 : l.index) && (r = P.nextNode(), o++);
     }
@@ -401,7 +401,7 @@ class ys {
       i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, s), s += i.strings.length - 2) : i._$AI(t[s])), s++;
   }
 }
-class X {
+class Z {
   get _$AU() {
     var t;
     return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
@@ -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);
@@ -443,15 +443,15 @@ class X {
     }
   }
   _$AC(t) {
-    let s = oe.get(t.strings);
-    return s === void 0 && oe.set(t.strings, s = new Q(t)), s;
+    let s = ae.get(t.strings);
+    return s === void 0 && ae.set(t.strings, s = new Q(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 X(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(Y()), this.k(Y()), 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 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;
   }
@@ -536,13 +536,13 @@ class ws {
   }
 }
 const Et = G.litHtmlPolyfillSupport;
-Et == null || Et(Q, X), (G.litHtmlVersions ?? (G.litHtmlVersions = [])).push("3.0.2");
+Et == null || Et(Q, 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 X(t.insertBefore(Y(), r), r, void 0, s ?? {});
+    i._$litPart$ = n = new Z(t.insertBefore(Y(), r), r, void 0, s ?? {});
   }
   return n._$AI(e), n;
 };
@@ -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, It = !1, y = !1, le = null, Pt = !1;
+const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, Ne = vt.HTMLElement || class {
 }, m = {
   $flags$: 0,
   $resourcesUrl$: "",
@@ -686,7 +686,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
   } catch {
   }
   return e;
-})(), Cs = (e) => Promise.resolve(e), Ts = /* @__PURE__ */ (() => {
+})(), Cs = (e) => Promise.resolve(e), ks = /* @__PURE__ */ (() => {
   try {
     return new CSSStyleSheet(), typeof new CSSStyleSheet().replace == "function";
   } catch {
@@ -694,40 +694,40 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
   return !1;
 })(), Me = (e, t, s, i) => {
   s && s.map(([n, r, o]) => {
-    const a = Os(e, n), l = ks(t, o), c = Ps(n);
+    const a = Os(e, n), l = Ts(t, o), c = Ps(n);
     m.ael(a, r, l, c), (t.$rmListeners$ = t.$rmListeners$ || []).push(() => m.rel(a, r, l, c));
   });
-}, ks = (e, t) => (s) => {
+}, Ts = (e, t) => (s) => {
   try {
-    N.lazyLoad || e.$hostElement$[t](s);
+    H.lazyLoad || e.$hostElement$[t](s);
   } catch (i) {
     J(i);
   }
 }, Os = (e, t) => t & 4 ? w : t & 8 ? vt : t & 16 ? w.body : e, Ps = (e) => Es ? {
   passive: (e & 1) !== 0,
   capture: (e & 2) !== 0
-} : (e & 2) !== 0, le = "http://www.w3.org/1999/xlink", U = (e, t = "") => () => {
-}, ce = /* @__PURE__ */ new WeakMap(), Ls = (e, t, s) => {
+} : (e & 2) !== 0, ce = "http://www.w3.org/1999/xlink", U = (e, t = "") => () => {
+}, de = /* @__PURE__ */ new WeakMap(), Ls = (e, t, s) => {
   let i = ht.get(e);
-  Ts && s ? (i = i || new CSSStyleSheet(), i.replace(t)) : i = t, ht.set(e, i);
+  ks && s ? (i = i || new CSSStyleSheet(), i.replace(t)) : i = t, ht.set(e, i);
 }, Us = (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") {
       e = e.head || e;
-      let o = ce.get(e), a;
-      o || ce.set(e, o = /* @__PURE__ */ new Set()), o.has(n) || (a = w.createElement("style"), a.innerHTML = r, e.insertBefore(a, e.querySelector("link")), o && o.add(n));
+      let o = de.get(e), a;
+      o || de.set(e, o = /* @__PURE__ */ new Set()), o.has(n) || (a = w.createElement("style"), a.innerHTML = r, e.insertBefore(a, e.querySelector("link")), o && o.add(n));
     } else
       e.adoptedStyleSheets.includes(r) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, r]);
   return n;
 }, 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), 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) => {
   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" && !It(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" && !zt(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);
@@ -750,27 +750,27 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
   };
   return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;
 }, Bt = {}, Ds = (e) => e && e.$tag$ === Bt, Is = {
-  forEach: (e, t) => e.map(he).forEach(t),
-  map: (e, t) => e.map(he).map(t).map(Bs)
-}, he = (e) => ({
+  forEach: (e, t) => e.map(pe).forEach(t),
+  map: (e, t) => e.map(pe).map(t).map(zs)
+}, pe = (e) => ({
   vattrs: e.$attrs$,
   vchildren: e.$children$,
   vkey: e.$key$,
   vname: e.$name$,
   vtag: e.$tag$,
   vtext: e.$text$
-}), Bs = (e) => {
+}), zs = (e) => {
   if (typeof e.vtag == "function") {
     const s = Object.assign({}, e.vattrs);
     return e.vkey && (s.key = e.vkey), e.vname && (s.name = e.vname), j(e.vtag, s, ...e.vchildren || []);
   }
   const t = ct(e.vtag, e.vtext);
   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) => {
+}, ue = (e, t, s, i, n, r) => {
   if (s !== i) {
-    let o = ge(e, t), a = t.toLowerCase();
+    let o = me(e, t), a = t.toLowerCase();
     if (t === "class") {
-      const l = e.classList, c = ue(s), d = ue(i);
+      const l = e.classList, c = fe(s), d = fe(i);
       l.remove(...c.filter((h) => h && !d.includes(h))), l.add(...d.filter((h) => h && !c.includes(h)));
     } else if (t === "style") {
       for (const l in s)
@@ -781,9 +781,9 @@ 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) : 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);
       else {
-        const l = It(i);
+        const l = zt(i);
         if ((o || l && i !== null) && !n)
           try {
             if (e.tagName.includes("-"))
@@ -795,18 +795,18 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
           } catch {
           }
         let c = !1;
-        a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, c = !0), i == null || i === !1 ? (i !== !1 || e.getAttribute(t) === "") && (c ? e.removeAttributeNS(le, t) : e.removeAttribute(t)) : (!o || r & 4 || n) && !l && (i = i === !0 ? "" : i, c ? e.setAttributeNS(le, t, i) : e.setAttribute(t, i));
+        a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, c = !0), i == null || i === !1 ? (i !== !1 || e.getAttribute(t) === "") && (c ? e.removeAttributeNS(ce, t) : e.removeAttribute(t)) : (!o || r & 4 || n) && !l && (i = i === !0 ? "" : i, c ? e.setAttributeNS(ce, t, i) : e.setAttribute(t, i));
       }
   }
-}, zs = /\s/, ue = (e) => e ? e.split(zs) : [], De = (e, t, s, i) => {
-  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, r = e && e.$attrs$ || de, o = t.$attrs$ || de;
+}, Bs = /\s/, fe = (e) => e ? e.split(Bs) : [], De = (e, t, s, i) => {
+  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, r = e && e.$attrs$ || he, o = t.$attrs$ || he;
   for (i in r)
-    i in o || pe(n, i, r[i], void 0, s, t.$flags$);
+    i in o || ue(n, i, r[i], void 0, s, t.$flags$);
   for (i in o)
-    pe(n, i, r[i], o[i], s, t.$flags$);
+    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 (Ne || (Dt = !0, n.$tag$ === "slot" && (H && i.classList.add(H + "-s"), n.$flags$ |= n.$children$ ? (
+  if (He || (It = !0, n.$tag$ === "slot" && (N && i.classList.add(N + "-s"), n.$flags$ |= n.$children$ ? (
     // slot element has fallback content
     2
   ) : (
@@ -817,29 +817,29 @@ 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);
   }
-  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$ && Z(e.$elm$, !1)), o;
-}, Z = (e, t) => {
+  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) => {
   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"] && (ze(n).insertBefore(n, zt(n)), n["s-ol"].remove(), n["s-ol"] = void 0, Dt = !0), t && Z(n, t);
+    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);
   }
   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, zt(t))));
-}, Be = (e, t, s, i, n) => {
+    i[n] && (a = dt(null, s, n, e), a && (i[n].$elm$ = a, o.insertBefore(a, Ft(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() : Z(n, !0), n.remove());
+    (i = e[t]) && (n = i.$elm$, Ge(i), lt = !0, n["s-ol"] ? n["s-ol"].remove() : X(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,29 +847,29 @@ 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") && X(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") && X(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 && ze(c.$elm$).insertBefore(x, zt(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, Ft(c.$elm$));
     }
-  n > l ? Ie(e, i[h + 1] == null ? null : i[h + 1].$elm$, s, i, r, h) : r > h && Be(t, n, l);
-}, it = (e, t) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : e.$key$ === t.$key$ : !1, zt = (e) => e && e["s-ol"] || e, ze = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, M = (e, t) => {
+  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) => {
   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 && Be(i, 0, i.length - 1), y && r === "svg" && (y = !1)) : (a = s["s-cr"]) ? a.parentNode.textContent = o : e.$text$ !== o && (s.data = o);
+  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);
 }, Fe = (e) => {
   let t = e.childNodes, s, i, n, r, o, a;
   for (i = 0, n = t.length; i < n; i++)
@@ -893,23 +893,23 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
   for (; a < c; a++) {
     if (t = l[a], t["s-sr"] && (s = t["s-cr"]) && s.parentNode)
       for (i = s.parentNode.childNodes, n = t["s-sn"], o = i.length - 1; o >= 0; o--)
-        s = i[o], !s["s-cn"] && !s["s-nr"] && s["s-hn"] !== t["s-hn"] && (fe(s, n) ? (r = b.find((d) => d.$nodeToRelocate$ === s), lt = !0, s["s-sn"] = s["s-sn"] || n, r ? r.$slotRefNode$ = t : b.push({
+        s = i[o], !s["s-cn"] && !s["s-nr"] && s["s-hn"] !== t["s-hn"] && (ge(s, n) ? (r = b.find((d) => d.$nodeToRelocate$ === s), lt = !0, s["s-sn"] = s["s-sn"] || n, r ? r.$slotRefNode$ = t : b.push({
           $slotRefNode$: t,
           $nodeToRelocate$: s
         }), s["s-sr"] && b.map((d) => {
-          fe(d.$nodeToRelocate$, s["s-sn"]) && (r = b.find((h) => h.$nodeToRelocate$ === s), r && !d.$slotRefNode$ && (d.$slotRefNode$ = r.$slotRefNode$));
+          ge(d.$nodeToRelocate$, s["s-sn"]) && (r = b.find((h) => h.$nodeToRelocate$ === s), r && !d.$slotRefNode$ && (d.$slotRefNode$ = r.$slotRefNode$));
         })) : b.some((d) => d.$nodeToRelocate$ === s) || b.push({
           $nodeToRelocate$: s
         }));
     t.nodeType === 1 && We(t);
   }
-}, fe = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", Ge = (e) => {
+}, ge = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", Ge = (e) => {
   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) {
+    if (m.$flags$ |= 1, It) {
       We(r.$elm$);
       let o, a, l, c, d, h, p = 0;
       for (; p < b.length; p++)
@@ -944,19 +944,19 @@ 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));
-}, Zs = async (e, t, s) => {
+  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$);
-  Xs(e, t, i), r(), n(), Js(e);
-}, Xs = (e, t, s) => {
+  Zs(e, t, i), r(), n(), Js(e);
+}, Zs = (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));
+    le = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (H.hasRenderFn || H.reflect) && (H.vdomRender || H.reflect) && (H.hydrateServerSide || Ws(e, t));
   } catch (a) {
     J(a, e.$hostElement$);
   }
-  return ae = null, null;
+  return le = null, null;
 }, Js = (e) => {
   const t = e.$cmpMeta$.$tagName$, s = e.$hostElement$, i = U("postUpdate", t), n = s;
   e.$ancestorComponent$, D(n, "componentDidRender"), e.$flags$ & 64 ? (D(n, "componentDidUpdate"), i()) : (e.$flags$ |= 64, D(n, "componentDidLoad"), i());
@@ -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) => {
+}, $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;
   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,9 +1090,9 @@ 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) => {
+}, 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));
-}, ve = (e) => {
+}, ye = (e) => {
   for (let t = 0; t < e.length; t++)
     try {
       e[t](performance.now());
@@ -1101,7 +1101,7 @@ const vt = typeof window < "u" ? window : {}, w = vt.document || { head: {} }, H
     }
   e.length = 0;
 }, Lt = () => {
-  ve(me), ve(Qe), (Pt = me.length > 0) && m.raf(Lt);
+  ye(ve), ye(Qe), (Pt = ve.length > 0) && m.raf(Lt);
 }, hi = (e) => Cs().then(e), pi = /* @__PURE__ */ di(Qe, !0), ui = (e = {}) => {
   const { content: t = "", title: s, attributes: i = [] } = e;
   let n = "", r = [
@@ -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);
@@ -1135,7 +1135,7 @@ const mi = "telia-vst{display:none}", vi = /* @__PURE__ */ Ye(class extends He {
 }, [0, "telia-vst", {
   dataTrackingId: [1, "data-tracking-id"]
 }]);
-function Ze() {
+function Xe() {
   if (typeof customElements > "u")
     return;
   ["telia-vst"].forEach((t) => {
@@ -1146,7 +1146,7 @@ function Ze() {
     }
   });
 }
-Ze();
+Xe();
 function Ut() {
   return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
 }
@@ -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";
   }
@@ -1207,7 +1207,7 @@ function wi() {
         customElements.get(t) || customElements.define(t, xi);
         break;
       case "telia-vst":
-        customElements.get(t) || Ze();
+        customElements.get(t) || Xe();
         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: jt }, Si = (e = Ai, t, s) => {
+const Ai = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: Dt }, 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") {
@@ -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
@@ -1275,7 +1275,7 @@ const Ei = (e) => e.strings === void 0;
  * 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 Ft = class {
+let Wt = class {
   constructor(t) {
   }
   get _$AU() {
@@ -1311,20 +1311,20 @@ const q = (e, t) => {
       break;
     s = t._$AN, s.delete(e), e = t;
   } while ((s == null ? void 0 : s.size) === 0);
-}, Xe = (e) => {
+}, Ze = (e) => {
   for (let t; t = e._$AM; e = t) {
     let s = t._$AN;
     if (s === void 0)
       t._$AN = s = /* @__PURE__ */ new Set();
     else if (s.has(e))
       break;
-    s.add(e), ki(t);
+    s.add(e), Ti(t);
   }
 };
 function Ci(e) {
-  this._$AN !== void 0 ? (pt(this), this._$AM = e, Xe(this)) : this._$AM = e;
+  this._$AN !== void 0 ? (pt(this), this._$AM = e, Ze(this)) : this._$AM = e;
 }
-function Ti(e, t = !1, s = 0) {
+function ki(e, t = !1, s = 0) {
   const i = this._$AH, n = this._$AN;
   if (n !== void 0 && n.size !== 0)
     if (t)
@@ -1336,15 +1336,15 @@ function Ti(e, t = !1, s = 0) {
     else
       q(this, e);
 }
-const ki = (e) => {
-  e.type == bt.CHILD && (e._$AP ?? (e._$AP = Ti), e._$AQ ?? (e._$AQ = Ci));
+const Ti = (e) => {
+  e.type == bt.CHILD && (e._$AP ?? (e._$AP = ki), e._$AQ ?? (e._$AQ = Ci));
 };
-let Je = class extends Ft {
+let Je = class extends Wt {
   constructor() {
     super(...arguments), this._$AN = void 0;
   }
   _$AT(t, s, i) {
-    super._$AT(t, s, i), Xe(this), this.isConnected = t._$AU;
+    super._$AT(t, s, i), Ze(this), this.isConnected = t._$AU;
   }
   _$AO(t, s = !0) {
     var i, n;
@@ -1368,10 +1368,10 @@ let Je = class extends Ft {
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const Wt = () => new Oi();
+const Gt = () => new Oi();
 class Oi {
 }
-const Tt = /* @__PURE__ */ new WeakMap(), Gt = _t(class extends Je {
+const kt = /* @__PURE__ */ new WeakMap(), qt = _t(class extends Je {
   render(e) {
     return u;
   }
@@ -1383,14 +1383,14 @@ const Tt = /* @__PURE__ */ new WeakMap(), Gt = _t(class extends Je {
   ot(e) {
     if (typeof this.G == "function") {
       const t = this.ct ?? globalThis;
-      let s = Tt.get(t);
-      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), Tt.set(t, s)), s.get(this.G) !== void 0 && this.G.call(this.ct, void 0), s.set(this.G, e), e !== void 0 && this.G.call(this.ct, e);
+      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);
     } else
       this.G.value = e;
   }
   get rt() {
     var e, t;
-    return typeof this.G == "function" ? (e = Tt.get(this.ct ?? globalThis)) == null ? void 0 : e.get(this.G) : (t = this.G) == null ? void 0 : t.value;
+    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;
   }
   disconnected() {
     this.rt === this.lt && this.ot(void 0);
@@ -1404,7 +1404,7 @@ const Tt = /* @__PURE__ */ new WeakMap(), Gt = _t(class extends Je {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const qt = _t(class extends Ft {
+const Yt = _t(class extends Wt {
   constructor(e) {
     var t;
     if (super(e), e.type !== bt.ATTRIBUTE || e.name !== "class" || ((t = e.strings) == null ? void 0 : t.length) > 2)
@@ -1430,7 +1430,211 @@ const qt = _t(class extends Ft {
     }
     return C;
   }
-}), nt = (e, t, s) => {
+}), 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 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) => {
+  const s = Ae(e, t);
+  return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateX(${s}px)` };
+}, top: (e, t) => {
+  const s = Ae(e, t);
+  return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateY(${s}px)` };
+}, width: (e, t) => {
+  let s;
+  t === 0 && (t = 1, s = { width: "1px" });
+  const i = Se(e, t);
+  return { value: i, overrideFrom: s, transform: i == null || isNaN(i) ? void 0 : `scaleX(${i})` };
+}, height: (e, t) => {
+  let s;
+  t === 0 && (t = 1, s = { height: "1px" });
+  const i = 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();
+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)
+      throw Error("The `animate` directive must be used in attribute position.");
+    this.createFinished();
+  }
+  createFinished() {
+    var t;
+    (t = this.resolveFinished) == null || t.call(this), this.finished = new Promise((s) => {
+      this.h = s;
+    });
+  }
+  async resolveFinished() {
+    var t;
+    (t = this.h) == null || t.call(this), this.h = void 0;
+  }
+  render(t) {
+    return u;
+  }
+  getController() {
+    return Pi.get(this.l);
+  }
+  isDisabled() {
+    var t;
+    return this.options.disabled || ((t = this.getController()) == null ? void 0 : t.disabled);
+  }
+  update(t, [s]) {
+    var n;
+    const i = this.l === void 0;
+    return i && (this.l = (n = t.options) == null ? void 0 : n.host, this.l.addController(this), this.element = t.element, Ee.set(this.element, this)), this.optionsOrCallback = s, (i || typeof s != "function") && this.u(s), this.render(s);
+  }
+  u(t) {
+    t = t ?? {};
+    const s = this.getController();
+    s !== void 0 && ((t = { ...s.defaultOptions, ...t }).keyframeOptions = { ...s.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = Hi), this.options = t;
+  }
+  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);
+      t[n] = isNaN(o) ? r + "" : o;
+    }), t;
+  }
+  m() {
+    let t, s = !0;
+    return this.options.guard && (t = this.options.guard(), s = ((i, n) => {
+      if (Array.isArray(i)) {
+        if (Array.isArray(n) && n.length === i.length && i.every((r, o) => r === n[o]))
+          return !1;
+      } else if (n === i)
+        return !1;
+      return !0;
+    })(t, this.v)), this.o = this.l.hasUpdated && !this.isDisabled() && !this.isAnimating() && s && this.element.isConnected, this.o && (this.v = Array.isArray(t) ? Array.from(t) : t), this.o;
+  }
+  hostUpdate() {
+    typeof this.optionsOrCallback == "function" && this.u(this.optionsOrCallback()), this.m() && (this.g = this.p(), this.t = this.t ?? this.element.parentNode, this.i = this.element.nextSibling);
+  }
+  async hostUpdated() {
+    if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
+      return;
+    let t;
+    this.prepare(), await xe;
+    const s = this._(), i = this.A(this.options.keyframeOptions, s), n = this.p();
+    if (this.g !== void 0) {
+      const { from: r, to: o } = this.O(this.g, n, s);
+      this.log("measured", [this.g, n, r, o]), t = this.calculateKeyframes(r, o);
+    } else {
+      const r = Tt.get(this.options.inId);
+      if (r) {
+        Tt.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
+        this.options.in && (t = [...this.options.in, {}]);
+    }
+    this.animate(t, i);
+  }
+  resetStyles() {
+    this.j !== void 0 && (this.element.setAttribute("style", this.j ?? ""), this.j = void 0);
+  }
+  commitStyles() {
+    var t, s;
+    this.j = this.element.getAttribute("style"), (t = this.webAnimation) == null || t.commitStyles(), (s = this.webAnimation) == null || s.cancel();
+  }
+  reconnected() {
+  }
+  async disconnected() {
+    var s;
+    if (!this.o || (this.options.id !== void 0 && Tt.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;
+      if (this.t.insertBefore(this.element, i), this.options.stabilizeOut) {
+        const n = this.p();
+        this.log("stabilizing out");
+        const r = this.g.left - n.left, o = this.g.top - n.top;
+        getComputedStyle(this.element).position !== "static" || r === 0 && o === 0 || (this.element.style.position = "relative"), r !== 0 && (this.element.style.left = r + "px"), o !== 0 && (this.element.style.top = o + "px");
+      }
+    }
+    const t = this.A(this.options.keyframeOptions);
+    await this.animate(this.options.out, t), this.element.remove();
+  }
+  prepare() {
+    this.createFinished();
+  }
+  start() {
+    var t, s;
+    (s = (t = this.options).onStart) == null || s.call(t, this);
+  }
+  didFinish(t) {
+    var s, i;
+    t && ((i = (s = this.options).onComplete) == null || i.call(s, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
+  }
+  _() {
+    const t = [];
+    for (let s = this.element.parentNode; s; s = s == null ? void 0 : s.parentNode) {
+      const i = Ee.get(s);
+      i && !i.isDisabled() && i && t.push(i);
+    }
+    return t;
+  }
+  get isHostRendered() {
+    const t = _e.has(this.l);
+    return t || this.l.updateComplete.then(() => {
+      _e.add(this.l);
+    }), t;
+  }
+  A(t, s = this._()) {
+    const i = { ...Ri };
+    return s.forEach((n) => Object.assign(i, n.options.keyframeOptions)), Object.assign(i, t), i;
+  }
+  O(t, s, i) {
+    t = { ...t }, s = { ...s };
+    const n = i.map((a) => a.animatingProperties).filter((a) => a !== void 0);
+    let r = 1, o = 1;
+    return n !== void 0 && (n.forEach((a) => {
+      a.width && (r /= a.width), a.height && (o /= a.height);
+    }), t.left !== void 0 && s.left !== void 0 && (t.left = r * t.left, s.left = r * s.left), t.top !== void 0 && s.top !== void 0 && (t.top = o * t.top, s.top = o * s.top)), { from: t, to: s };
+  }
+  calculateKeyframes(t, s, i = !1) {
+    const n = {}, r = {};
+    let o = !1;
+    const a = {};
+    for (const l in s) {
+      const c = t[l], d = s[l];
+      if (l in Ot) {
+        const h = Ot[l];
+        if (c === void 0 || d === void 0)
+          continue;
+        const p = h(c, d);
+        p.transform !== void 0 && (a[l] = p.value, o = !0, n.transform = `${n.transform ?? ""} ${p.transform}`, p.overrideFrom !== void 0 && Object.assign(n, p.overrideFrom));
+      } else
+        c !== d && c !== void 0 && d !== void 0 && (o = !0, n[l] = c, r[l] = d);
+    }
+    return n.transformOrigin = r.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, o ? [n, r] : void 0;
+  }
+  async animate(t, s = this.options.keyframeOptions) {
+    this.start(), this.frames = t;
+    let i = !1;
+    if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t = this.options.onFrames(this), this.log("modified frames", t)), t !== void 0)) {
+      this.log("animate", [t, s]), i = !0, this.webAnimation = this.element.animate(t, s);
+      const n = this.getController();
+      n == null || n.add(this);
+      try {
+        await this.webAnimation.finished;
+      } catch {
+      }
+      n == null || n.remove(this);
+    }
+    return this.didFinish(i), i;
+  }
+  isAnimating() {
+    var t, s;
+    return ((t = this.webAnimation) == null ? void 0 : t.playState) === "running" || ((s = this.webAnimation) == null ? void 0 : s.pending);
+  }
+  log(t, s) {
+    this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, s);
+  }
+}
+const Rt = _t(Ni), nt = (e, t, s) => {
   e && s.style.setProperty(t, e);
 }, Ve = (e, t) => {
   var s, i, n, r;
@@ -1448,14 +1652,14 @@ const qt = _t(class extends Ft {
     t
   );
 };
-var Pi = Object.defineProperty, Li = Object.getOwnPropertyDescriptor, tt = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Li(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+var Mi = Object.defineProperty, ji = Object.getOwnPropertyDescriptor, tt = (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 && Pi(t, s, n), n;
+  return i && n && Mi(t, s, n), n;
 };
-class T extends v {
+class k extends v {
   constructor() {
-    super(...arguments), this.active = !1, this.loaded = !1, this.offset = 0, this.buttonRef = Wt();
+    super(...arguments), this.active = !1, this.loaded = !1, this.offset = 0, this.buttonRef = Gt();
   }
   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)`);
@@ -1478,17 +1682,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-7612a1fb.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 +1706,88 @@ class T extends v {
     this.offset = t;
   }
   render() {
-    return $`<button
-      class=${qt({
+    var t, s, i, n;
+    return f`<div class="trigger-container">
+      ${!this.active && ((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}
+              ${Rt({
+      keyframeOptions: {},
+      in: Li,
+      stabilizeOut: !0,
+      skipInitial: !1
+    })}
+            >
+              ${this.application.settings.branding.other.buttonLabelText}
+            </button>
+          ` : u}
+
+      <button
+        class=${Yt({
       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}
+        ${qt(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 = [
+k.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;
@@ -1573,7 +1805,10 @@ T.styles = [
         box-sizing: border-box;
         transition: transform 200ms ease-out;
       }
-      .trigger:hover {
+      .trigger:active {
+        transform: scale(0.8) !important;
+      }
+      .trigger:hover:not(:active) {
         transform: scale(1.1) !important;
       }
       .trigger.rendered {
@@ -1615,27 +1850,49 @@ 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 })
-], T.prototype, "application", 2);
+  $({ attribute: !1 })
+], k.prototype, "application", 2);
 tt([
   A()
-], T.prototype, "active", 2);
+], k.prototype, "active", 2);
 tt([
   A()
-], T.prototype, "loaded", 2);
+], k.prototype, "loaded", 2);
 tt([
   A()
-], T.prototype, "icon", 2);
+], k.prototype, "icon", 2);
 tt([
   A()
-], T.prototype, "offset", 2);
-var Ui = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, O = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Ri(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+], k.prototype, "offset", 2);
+var Di = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, O = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Ii(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && Ui(t, s, n), n;
+  return i && n && Di(t, s, n), n;
 };
 const ts = (e) => {
   class t extends e {
@@ -1677,24 +1934,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,21 +1966,21 @@ es.styles = [
  * Copyright 2021 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-function* Ni(e, t) {
+function* zi(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) => {
-  for (var n = i > 1 ? void 0 : i ? Mi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+var Kt = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Trigger = "trigger", e))(Kt || {}), 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 && Hi(t, s, n), n;
+  return i && n && Bi(t, s, n), n;
 };
-class Kt extends v {
+class Qt extends v {
   constructor() {
-    super(...arguments), this.nodes = [], this.wrapperRef = Wt();
+    super(...arguments), this.nodes = [], this.wrapperRef = Gt();
   }
   addChild(t) {
     t.parent = this, this.nodes.push(t);
@@ -1746,12 +2003,12 @@ 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 === Kt.Trigger && this.renderRoot.host.classList.add("floating"), f`<div class="widget-container" ${qt(this.wrapperRef)}>
+      ${zi(this.nodes, (t) => t)}
     </div>`;
   }
 }
-Kt.styles = _`
+Qt.styles = _`
     :host {
       --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
       --spacing-xs: 0.2rem;
@@ -1843,13 +2100,13 @@ Kt.styles = _`
       animation: slideDown 0.3s linear;
     }
   `;
-ji([
-  g({ 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--)
+Wi([
+  $({ attribute: !1 })
+], Qt.prototype, "application", 2);
+var Gi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, Xt = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? qi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && Di(t, s, n), n;
+  return i && n && Gi(t, s, n), n;
 };
 class et extends v {
   constructor() {
@@ -1876,8 +2133,8 @@ class et extends v {
   render() {
     if (!this.widget || this.status !== "activated")
       return u;
-    if (this.widget.renderStrategy === Yt.Trigger) {
-      const t = new T();
+    if (this.widget.renderStrategy === Kt.Trigger) {
+      const t = new k();
       return t.application = this.widget, t;
     }
     return this.widget.render();
@@ -1890,230 +2147,25 @@ et.styles = [
       }
     `
 ];
-Qt([
-  g({ attribute: !0 })
+Xt([
+  $({ attribute: !0 })
 ], et.prototype, "name", 2);
-Qt([
+Xt([
   A()
 ], et.prototype, "widget", 2);
-Qt([
+Xt([
   A()
 ], et.prototype, "status", 2);
-customElements.get("ace-trigger") || customElements.define("ace-trigger", T);
+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", Kt);
+customElements.get("ace-wrapper") || customElements.define("ace-wrapper", Qt);
 customElements.get("ace-widget") || customElements.define("ace-widget", et);
-const Bi = /* @__PURE__ */ new WeakMap();
-let ye = 0;
-const kt = /* @__PURE__ */ new Map(), be = /* @__PURE__ */ new WeakSet(), _e = () => new Promise((e) => requestAnimationFrame(e)), zi = [{ opacity: 0 }], xe = [{ opacity: 0 }, { opacity: 1 }], we = (e, t) => {
-  const s = e - t;
-  return s === 0 ? void 0 : s;
-}, Ae = (e, t) => {
-  const s = e / t;
-  return s === 1 ? void 0 : s;
-}, Ot = { left: (e, t) => {
-  const s = we(e, t);
-  return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateX(${s}px)` };
-}, top: (e, t) => {
-  const s = we(e, t);
-  return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateY(${s}px)` };
-}, width: (e, t) => {
-  let s;
-  t === 0 && (t = 1, s = { width: "1px" });
-  const i = Ae(e, t);
-  return { value: i, overrideFrom: s, transform: i == null || isNaN(i) ? void 0 : `scaleX(${i})` };
-}, height: (e, t) => {
-  let s;
-  t === 0 && (t = 1, s = { height: "1px" });
-  const i = Ae(e, t);
-  return { value: i, overrideFrom: s, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
-} }, Fi = { duration: 333, easing: "ease-in-out" }, Wi = ["left", "top", "width", "height", "opacity", "color", "background"], Se = /* @__PURE__ */ new WeakMap();
-class Gi extends Je {
-  constructor(t) {
-    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === bt.CHILD)
-      throw Error("The `animate` directive must be used in attribute position.");
-    this.createFinished();
-  }
-  createFinished() {
-    var t;
-    (t = this.resolveFinished) == null || t.call(this), this.finished = new Promise((s) => {
-      this.h = s;
-    });
-  }
-  async resolveFinished() {
-    var t;
-    (t = this.h) == null || t.call(this), this.h = void 0;
-  }
-  render(t) {
-    return u;
-  }
-  getController() {
-    return Bi.get(this.l);
-  }
-  isDisabled() {
-    var t;
-    return this.options.disabled || ((t = this.getController()) == null ? void 0 : t.disabled);
-  }
-  update(t, [s]) {
-    var n;
-    const i = this.l === void 0;
-    return i && (this.l = (n = t.options) == null ? void 0 : n.host, this.l.addController(this), this.element = t.element, Se.set(this.element, this)), this.optionsOrCallback = s, (i || typeof s != "function") && this.u(s), this.render(s);
-  }
-  u(t) {
-    t = t ?? {};
-    const s = this.getController();
-    s !== void 0 && ((t = { ...s.defaultOptions, ...t }).keyframeOptions = { ...s.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = Wi), this.options = t;
-  }
-  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);
-      t[n] = isNaN(o) ? r + "" : o;
-    }), t;
-  }
-  m() {
-    let t, s = !0;
-    return this.options.guard && (t = this.options.guard(), s = ((i, n) => {
-      if (Array.isArray(i)) {
-        if (Array.isArray(n) && n.length === i.length && i.every((r, o) => r === n[o]))
-          return !1;
-      } else if (n === i)
-        return !1;
-      return !0;
-    })(t, this.v)), this.o = this.l.hasUpdated && !this.isDisabled() && !this.isAnimating() && s && this.element.isConnected, this.o && (this.v = Array.isArray(t) ? Array.from(t) : t), this.o;
-  }
-  hostUpdate() {
-    typeof this.optionsOrCallback == "function" && this.u(this.optionsOrCallback()), this.m() && (this.g = this.p(), this.t = this.t ?? this.element.parentNode, this.i = this.element.nextSibling);
-  }
-  async hostUpdated() {
-    if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
-      return;
-    let t;
-    this.prepare(), await _e;
-    const s = this._(), i = this.A(this.options.keyframeOptions, s), n = this.p();
-    if (this.g !== void 0) {
-      const { from: r, to: o } = this.O(this.g, n, s);
-      this.log("measured", [this.g, n, r, o]), t = this.calculateKeyframes(r, o);
-    } else {
-      const r = kt.get(this.options.inId);
-      if (r) {
-        kt.delete(this.options.inId);
-        const { from: o, to: a } = this.O(r, n, s);
-        t = this.calculateKeyframes(o, a), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, ye++, t.forEach((l) => l.zIndex = ye);
-      } else
-        this.options.in && (t = [...this.options.in, {}]);
-    }
-    this.animate(t, i);
-  }
-  resetStyles() {
-    this.j !== void 0 && (this.element.setAttribute("style", this.j ?? ""), this.j = void 0);
-  }
-  commitStyles() {
-    var t, s;
-    this.j = this.element.getAttribute("style"), (t = this.webAnimation) == null || t.commitStyles(), (s = this.webAnimation) == null || s.cancel();
-  }
-  reconnected() {
-  }
-  async disconnected() {
-    var s;
-    if (!this.o || (this.options.id !== void 0 && kt.set(this.options.id, this.g), this.options.out === void 0))
-      return;
-    if (this.prepare(), await _e(), (s = this.t) == null ? void 0 : s.isConnected) {
-      const i = this.i && this.i.parentNode === this.t ? this.i : null;
-      if (this.t.insertBefore(this.element, i), this.options.stabilizeOut) {
-        const n = this.p();
-        this.log("stabilizing out");
-        const r = this.g.left - n.left, o = this.g.top - n.top;
-        getComputedStyle(this.element).position !== "static" || r === 0 && o === 0 || (this.element.style.position = "relative"), r !== 0 && (this.element.style.left = r + "px"), o !== 0 && (this.element.style.top = o + "px");
-      }
-    }
-    const t = this.A(this.options.keyframeOptions);
-    await this.animate(this.options.out, t), this.element.remove();
-  }
-  prepare() {
-    this.createFinished();
-  }
-  start() {
-    var t, s;
-    (s = (t = this.options).onStart) == null || s.call(t, this);
-  }
-  didFinish(t) {
-    var s, i;
-    t && ((i = (s = this.options).onComplete) == null || i.call(s, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
-  }
-  _() {
-    const t = [];
-    for (let s = this.element.parentNode; s; s = s == null ? void 0 : s.parentNode) {
-      const i = Se.get(s);
-      i && !i.isDisabled() && i && t.push(i);
-    }
-    return t;
-  }
-  get isHostRendered() {
-    const t = be.has(this.l);
-    return t || this.l.updateComplete.then(() => {
-      be.add(this.l);
-    }), t;
-  }
-  A(t, s = this._()) {
-    const i = { ...Fi };
-    return s.forEach((n) => Object.assign(i, n.options.keyframeOptions)), Object.assign(i, t), i;
-  }
-  O(t, s, i) {
-    t = { ...t }, s = { ...s };
-    const n = i.map((a) => a.animatingProperties).filter((a) => a !== void 0);
-    let r = 1, o = 1;
-    return n !== void 0 && (n.forEach((a) => {
-      a.width && (r /= a.width), a.height && (o /= a.height);
-    }), t.left !== void 0 && s.left !== void 0 && (t.left = r * t.left, s.left = r * s.left), t.top !== void 0 && s.top !== void 0 && (t.top = o * t.top, s.top = o * s.top)), { from: t, to: s };
-  }
-  calculateKeyframes(t, s, i = !1) {
-    const n = {}, r = {};
-    let o = !1;
-    const a = {};
-    for (const l in s) {
-      const c = t[l], d = s[l];
-      if (l in Ot) {
-        const h = Ot[l];
-        if (c === void 0 || d === void 0)
-          continue;
-        const p = h(c, d);
-        p.transform !== void 0 && (a[l] = p.value, o = !0, n.transform = `${n.transform ?? ""} ${p.transform}`, p.overrideFrom !== void 0 && Object.assign(n, p.overrideFrom));
-      } else
-        c !== d && c !== void 0 && d !== void 0 && (o = !0, n[l] = c, r[l] = d);
-    }
-    return n.transformOrigin = r.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, o ? [n, r] : void 0;
-  }
-  async animate(t, s = this.options.keyframeOptions) {
-    this.start(), this.frames = t;
-    let i = !1;
-    if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t = this.options.onFrames(this), this.log("modified frames", t)), t !== void 0)) {
-      this.log("animate", [t, s]), i = !0, this.webAnimation = this.element.animate(t, s);
-      const n = this.getController();
-      n == null || n.add(this);
-      try {
-        await this.webAnimation.finished;
-      } catch {
-      }
-      n == null || n.remove(this);
-    }
-    return this.didFinish(i), i;
-  }
-  isAnimating() {
-    var t, s;
-    return ((t = this.webAnimation) == null ? void 0 : t.playState) === "running" || ((s = this.webAnimation) == null ? void 0 : s.pending);
-  }
-  log(t, s) {
-    this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, s);
-  }
-}
-const Ee = _t(Gi);
-var qi = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, xt = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Yi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+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--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && qi(t, s, n), n;
+  return i && n && Yi(t, s, n), n;
 };
-let B = class extends v {
+let z = class extends v {
   constructor() {
     super(...arguments), this.loading = !0, this.entries = [];
   }
@@ -2129,14 +2181,14 @@ 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({
+              ${Rt({
         keyframeOptions: {},
-        in: xe,
+        in: we,
         stabilizeOut: !0,
         skipInitial: !1
       })}
@@ -2144,11 +2196,11 @@ let B = class extends v {
             </conversation-entry>
           </div>`
     )}
-      ${this.loading ? $`<ace-typing-state
-            ${Ee({
+      ${this.loading ? f`<ace-typing-state
+            ${Rt({
       keyframeOptions: {},
-      in: xe,
-      out: zi,
+      in: we,
+      out: Ui,
       stabilizeOut: !0,
       skipInitial: !1
     })}
@@ -2156,7 +2208,7 @@ let B = class extends v {
     </div> `;
   }
 };
-B.styles = [
+z.styles = [
   _`
       :host {
         display: block;
@@ -2170,21 +2222,21 @@ B.styles = [
     `
 ];
 xt([
-  g({ type: Boolean })
-], B.prototype, "loading", 2);
+  $({ type: Boolean })
+], z.prototype, "loading", 2);
 xt([
-  g({ attribute: !1 })
-], B.prototype, "session", 2);
+  $({ attribute: !1 })
+], z.prototype, "session", 2);
 xt([
   A()
-], B.prototype, "entries", 2);
-B = xt([
+], z.prototype, "entries", 2);
+z = xt([
   V("ace-conversation-session")
-], B);
-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--)
+], 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--)
     (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
-  return i && n && Ki(t, s, n), n;
+  return i && n && Qi(t, s, n), n;
 };
 let ut = class extends v {
   connectedCallback() {
@@ -2201,7 +2253,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 +2261,19 @@ let ut = class extends v {
       case wt.System:
         return "";
       case wt.Agent:
-        return $`<div
-          class=${qt({
+        return f`<div
+          class=${Yt({
           "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 +2288,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,23 +2396,23 @@ ut.styles = [
     `
 ];
 ss([
-  g({ attribute: !1 })
+  $({ attribute: !1 })
 ], ut.prototype, "entry", 2);
 ut = ss([
   V("conversation-entry")
 ], ut);
-var Zi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, is = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Xi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+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 {
   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,26 +2438,26 @@ ft.styles = [
     `
 ];
 is([
-  g({ attribute: !1 })
+  $({ attribute: !1 })
 ], ft.prototype, "group", 2);
 ft = is([
   V("conversation-group")
 ], ft);
-var Ji = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, tn = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Vi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+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 && Ji(t, s, n), n;
+  return i && n && Vi(t, s, n), n;
 };
-let Rt = class extends v {
+let Ht = 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>
     </div>`;
   }
 };
-Rt.styles = [
+Ht.styles = [
   _`
       :host {
         display: block;
@@ -2442,15 +2494,15 @@ Rt.styles = [
       }
     `
 ];
-Rt = tn([
+Ht = en([
   V("ace-typing-state")
-], Rt);
+], Ht);
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class Nt extends Ft {
+class Nt extends Wt {
   constructor(t) {
     if (super(t), this.et = u, t.type !== bt.CHILD)
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
@@ -2470,20 +2522,20 @@ class Nt extends Ft {
   }
 }
 Nt.directiveName = "unsafeHTML", Nt.resultType = 1;
-const en = _t(Nt);
-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--)
+const sn = _t(Nt);
+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 && sn(t, s, n), n;
+  return i && n && nn(t, s, n), n;
 };
-let $t = class extends v {
+let gt = class extends v {
   render() {
-    return $`<div class="message-type-html">
-      ${en(this.message.content)}
+    return f`<div class="message-type-html">
+      ${sn(this.message.content)}
     </div>`;
   }
 };
-$t.styles = [
+gt.styles = [
   _`
       :host {
         box-sizing: border-box;
@@ -2499,22 +2551,22 @@ $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);
-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--)
+], gt);
+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);
-  return i && n && rn(t, s, n), n;
+  return i && n && on(t, s, n), n;
 };
-const an = (e) => {
+const ln = (e) => {
   e.scrollTo ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight;
 }, rs = ts(v);
-class z extends rs {
+class B extends rs {
   constructor() {
-    super(...arguments), this.message = "", this.platform = null, this.session = null, this.conversationContentRef = Wt(), this.chatScrollHeight = 0;
+    super(...arguments), this.message = "", this.platform = null, this.session = null, this.conversationContentRef = Gt(), this.chatScrollHeight = 0;
   }
   async connectedCallback() {
     super.connectedCallback();
@@ -2539,19 +2591,19 @@ class z extends rs {
     const t = this.conversationContentRef.value;
     t && setTimeout(() => {
       const s = t.scrollHeight;
-      s > this.chatScrollHeight && (an(t), this.chatScrollHeight = s);
+      s > this.chatScrollHeight && (ln(t), this.chatScrollHeight = s);
     }, 1e3);
   }
   render() {
-    return $` <div
+    return f` <div
       @action=${this._actionHandler}
-      class=${qt({
+      class=${Yt({
       conversation: !0,
       "input-has-text": this.message.length > 0
     })}
     >
-      <div class="conversation-content" ${Gt(this.conversationContentRef)}>
-        ${this.session ? $`<ace-conversation-session
+      <div class="conversation-content" ${qt(this.conversationContentRef)}>
+        ${this.session ? f`<ace-conversation-session
               @updated=${this.onSessionUpdated}
               .session=${this.session}
             ></ace-conversation-session>` : u}
@@ -2571,7 +2623,7 @@ class z extends rs {
     </div>`;
   }
 }
-z.styles = [
+B.styles = [
   rs.styles || [],
   _`
       :host {
@@ -2683,17 +2735,17 @@ z.styles = [
 ];
 Zt([
   A()
-], z.prototype, "message", 2);
+], B.prototype, "message", 2);
 Zt([
   A()
-], z.prototype, "platform", 2);
+], B.prototype, "platform", 2);
 Zt([
   A()
-], z.prototype, "session", 2);
+], B.prototype, "session", 2);
 const $n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Conversation: z,
-  default: z
+  Conversation: B,
+  default: B
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   $n as c,