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

package/conversation-f7adbd99.mjs

@@ -1,3002 +0,0 @@
-import { C as Et, E as cs } from "./index-fd9bb67f.mjs";
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const nt = globalThis, Bt = nt.ShadowRoot && (nt.ShadyCSS === void 0 || nt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, zt = Symbol(), Vt = /* @__PURE__ */ new WeakMap();
-let Le = class {
-  constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== zt)
-      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = e;
-  }
-  get styleSheet() {
-    let t = this.o;
-    const e = this.t;
-    if (Bt && t === void 0) {
-      const i = e !== void 0 && e.length === 1;
-      i && (t = Vt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Vt.set(e, t));
-    }
-    return t;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const ds = (s) => new Le(typeof s == "string" ? s : s + "", void 0, zt), b = (s, ...t) => {
-  const e = s.length === 1 ? s[0] : t.reduce((i, n, o) => i + ((r) => {
-    if (r._$cssResult$ === !0)
-      return r.cssText;
-    if (typeof r == "number")
-      return r;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(n) + s[o + 1], s[0]);
-  return new Le(e, s, zt);
-}, hs = (s, t) => {
-  if (Bt)
-    s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
-  else
-    for (const e of t) {
-      const i = document.createElement("style"), n = nt.litNonce;
-      n !== void 0 && i.setAttribute("nonce", n), i.textContent = e.cssText, s.appendChild(i);
-    }
-}, te = Bt ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
-  let e = "";
-  for (const i of t.cssRules)
-    e += i.cssText;
-  return ds(e);
-})(s) : s;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { is: ps, defineProperty: us, getOwnPropertyDescriptor: fs, getOwnPropertyNames: gs, getOwnPropertySymbols: $s, getPrototypeOf: ms } = Object, S = globalThis, ee = S.trustedTypes, vs = ee ? ee.emptyScript : "", kt = S.reactiveElementPolyfillSupport, F = (s, t) => s, ot = { toAttribute(s, t) {
-  switch (t) {
-    case Boolean:
-      s = s ? vs : null;
-      break;
-    case Object:
-    case Array:
-      s = s == null ? s : JSON.stringify(s);
-  }
-  return s;
-}, fromAttribute(s, t) {
-  let e = s;
-  switch (t) {
-    case Boolean:
-      e = s !== null;
-      break;
-    case Number:
-      e = s === null ? null : Number(s);
-      break;
-    case Object:
-    case Array:
-      try {
-        e = JSON.parse(s);
-      } catch {
-        e = null;
-      }
-  }
-  return e;
-} }, Ft = (s, t) => !ps(s, t), se = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: Ft };
-Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), S.litPropertyMetadata ?? (S.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
-let R = class extends HTMLElement {
-  static addInitializer(t) {
-    this._$Ei(), (this.l ?? (this.l = [])).push(t);
-  }
-  static get observedAttributes() {
-    return this.finalize(), this._$Eh && [...this._$Eh.keys()];
-  }
-  static createProperty(t, e = se) {
-    if (e.state && (e.attribute = !1), this._$Ei(), this.elementProperties.set(t, e), !e.noAccessor) {
-      const i = Symbol(), n = this.getPropertyDescriptor(t, i, e);
-      n !== void 0 && us(this.prototype, t, n);
-    }
-  }
-  static getPropertyDescriptor(t, e, i) {
-    const { get: n, set: o } = fs(this.prototype, t) ?? { get() {
-      return this[e];
-    }, set(r) {
-      this[e] = r;
-    } };
-    return { get() {
-      return n == null ? void 0 : n.call(this);
-    }, set(r) {
-      const a = n == null ? void 0 : n.call(this);
-      o.call(this, r), this.requestUpdate(t, a, i);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? se;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(F("elementProperties")))
-      return;
-    const t = ms(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(F("finalized")))
-      return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(F("properties"))) {
-      const e = this.properties, i = [...gs(e), ...$s(e)];
-      for (const n of i)
-        this.createProperty(n, e[n]);
-    }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const e = litPropertyMetadata.get(t);
-      if (e !== void 0)
-        for (const [i, n] of e)
-          this.elementProperties.set(i, n);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, i] of this.elementProperties) {
-      const n = this._$Eu(e, i);
-      n !== void 0 && this._$Eh.set(n, e);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(t) {
-    const e = [];
-    if (Array.isArray(t)) {
-      const i = new Set(t.flat(1 / 0).reverse());
-      for (const n of i)
-        e.unshift(te(n));
-    } else
-      t !== void 0 && e.push(te(t));
-    return e;
-  }
-  static _$Eu(t, e) {
-    const i = e.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    var t;
-    this._$Eg = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((e) => e(this));
-  }
-  addController(t) {
-    var e;
-    (this._$ES ?? (this._$ES = [])).push(t), this.renderRoot !== void 0 && this.isConnected && ((e = t.hostConnected) == null || e.call(t));
-  }
-  removeController(t) {
-    var e;
-    (e = this._$ES) == null || e.splice(this._$ES.indexOf(t) >>> 0, 1);
-  }
-  _$E_() {
-    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const i of e.keys())
-      this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
-    t.size > 0 && (this._$Ep = t);
-  }
-  createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return hs(t, this.constructor.elementStyles), t;
-  }
-  connectedCallback() {
-    var t;
-    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) == null || t.forEach((e) => {
-      var i;
-      return (i = e.hostConnected) == null ? void 0 : i.call(e);
-    });
-  }
-  enableUpdating(t) {
-  }
-  disconnectedCallback() {
-    var t;
-    (t = this._$ES) == null || t.forEach((e) => {
-      var i;
-      return (i = e.hostDisconnected) == null ? void 0 : i.call(e);
-    });
-  }
-  attributeChangedCallback(t, e, i) {
-    this._$AK(t, i);
-  }
-  _$EO(t, e) {
-    var o;
-    const i = this.constructor.elementProperties.get(t), n = this.constructor._$Eu(t, i);
-    if (n !== void 0 && i.reflect === !0) {
-      const r = (((o = i.converter) == null ? void 0 : o.toAttribute) !== void 0 ? i.converter : ot).toAttribute(e, i.type);
-      this._$Em = t, r == null ? this.removeAttribute(n) : this.setAttribute(n, r), this._$Em = null;
-    }
-  }
-  _$AK(t, e) {
-    var o;
-    const i = this.constructor, n = i._$Eh.get(t);
-    if (n !== void 0 && this._$Em !== n) {
-      const r = i.getPropertyOptions(n), a = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((o = r.converter) == null ? void 0 : o.fromAttribute) !== void 0 ? r.converter : ot;
-      this._$Em = n, this[n] = a.fromAttribute(e, r.type), this._$Em = null;
-    }
-  }
-  requestUpdate(t, e, i, n = !1, o) {
-    if (t !== void 0) {
-      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? Ft)(n ? o : this[t], e))
-        return;
-      this.C(t, e, i);
-    }
-    this.isUpdatePending === !1 && (this._$Eg = this._$EP());
-  }
-  C(t, e, i) {
-    this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$Em !== t && (this._$Ej ?? (this._$Ej = /* @__PURE__ */ new Set())).add(t);
-  }
-  async _$EP() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$Eg;
-    } catch (e) {
-      Promise.reject(e);
-    }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    var i;
-    if (!this.isUpdatePending)
-      return;
-    if (!this.hasUpdated) {
-      if (this._$Ep) {
-        for (const [o, r] of this._$Ep)
-          this[o] = r;
-        this._$Ep = void 0;
-      }
-      const n = this.constructor.elementProperties;
-      if (n.size > 0)
-        for (const [o, r] of n)
-          r.wrapped !== !0 || this._$AL.has(o) || this[o] === void 0 || this.C(o, this[o], r);
-    }
-    let t = !1;
-    const e = this._$AL;
-    try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), (i = this._$ES) == null || i.forEach((n) => {
-        var o;
-        return (o = n.hostUpdate) == null ? void 0 : o.call(n);
-      }), this.update(e)) : this._$ET();
-    } catch (n) {
-      throw t = !1, this._$ET(), n;
-    }
-    t && this._$AE(e);
-  }
-  willUpdate(t) {
-  }
-  _$AE(t) {
-    var e;
-    (e = this._$ES) == null || e.forEach((i) => {
-      var n;
-      return (n = i.hostUpdated) == null ? void 0 : n.call(i);
-    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
-  }
-  _$ET() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$Eg;
-  }
-  shouldUpdate(t) {
-    return !0;
-  }
-  update(t) {
-    this._$Ej && (this._$Ej = this._$Ej.forEach((e) => this._$EO(e, this[e]))), this._$ET();
-  }
-  updated(t) {
-  }
-  firstUpdated(t) {
-  }
-};
-R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, R[F("elementProperties")] = /* @__PURE__ */ new Map(), R[F("finalized")] = /* @__PURE__ */ new Map(), kt == null || kt({ ReactiveElement: R }), (S.reactiveElementVersions ?? (S.reactiveElementVersions = [])).push("2.0.1");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const W = globalThis, rt = W.trustedTypes, ie = rt ? rt.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Pe = "$lit$", A = `lit$${(Math.random() + "").slice(9)}$`, Me = "?" + A, ys = `<${Me}>`, L = document, G = () => L.createComment(""), q = (s) => s === null || typeof s != "object" && typeof s != "function", Re = Array.isArray, bs = (s) => Re(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", Tt = `[ 	
-\f\r]`, z = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ne = /-->/g, oe = />/g, k = RegExp(`>|${Tt}(?:([^\\s"'>=/]+)(${Tt}*=${Tt}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), re = /'/g, ae = /"/g, He = /^(?:script|style|textarea|title)$/i, _s = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), f = _s(1), E = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), le = /* @__PURE__ */ new WeakMap(), O = L.createTreeWalker(L, 129);
-function Ue(s, t) {
-  if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
-    throw Error("invalid template strings array");
-  return ie !== void 0 ? ie.createHTML(t) : t;
-}
-const Cs = (s, t) => {
-  const e = s.length - 1, i = [];
-  let n, o = t === 2 ? "<svg>" : "", r = z;
-  for (let a = 0; a < e; a++) {
-    const l = s[a];
-    let c, d, h = -1, p = 0;
-    for (; p < l.length && (r.lastIndex = p, d = r.exec(l), d !== null); )
-      p = r.lastIndex, r === z ? d[1] === "!--" ? r = ne : d[1] !== void 0 ? r = oe : d[2] !== void 0 ? (He.test(d[2]) && (n = RegExp("</" + d[2], "g")), r = k) : d[3] !== void 0 && (r = k) : r === k ? d[0] === ">" ? (r = n ?? z, h = -1) : d[1] === void 0 ? h = -2 : (h = r.lastIndex - d[2].length, c = d[1], r = d[3] === void 0 ? k : d[3] === '"' ? ae : re) : r === ae || r === re ? r = k : r === ne || r === oe ? r = z : (r = k, n = void 0);
-    const g = r === k && s[a + 1].startsWith("/>") ? " " : "";
-    o += r === z ? l + ys : h >= 0 ? (i.push(c), l.slice(0, h) + Pe + l.slice(h) + A + g) : l + A + (h === -2 ? a : g);
-  }
-  return [Ue(s, o + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
-};
-class Y {
-  constructor({ strings: t, _$litType$: e }, i) {
-    let n;
-    this.parts = [];
-    let o = 0, r = 0;
-    const a = t.length - 1, l = this.parts, [c, d] = Cs(t, e);
-    if (this.el = Y.createElement(c, i), O.currentNode = this.el.content, e === 2) {
-      const h = this.el.content.firstChild;
-      h.replaceWith(...h.childNodes);
-    }
-    for (; (n = O.nextNode()) !== null && l.length < a; ) {
-      if (n.nodeType === 1) {
-        if (n.hasAttributes())
-          for (const h of n.getAttributeNames())
-            if (h.endsWith(Pe)) {
-              const p = d[r++], g = n.getAttribute(h).split(A), C = /([.?@])?(.*)/.exec(p);
-              l.push({ type: 1, index: o, name: C[2], strings: g, ctor: C[1] === "." ? ws : C[1] === "?" ? As : C[1] === "@" ? Ss : vt }), n.removeAttribute(h);
-            } else
-              h.startsWith(A) && (l.push({ type: 6, index: o }), n.removeAttribute(h));
-        if (He.test(n.tagName)) {
-          const h = n.textContent.split(A), p = h.length - 1;
-          if (p > 0) {
-            n.textContent = rt ? rt.emptyScript : "";
-            for (let g = 0; g < p; g++)
-              n.append(h[g], G()), O.nextNode(), l.push({ type: 2, index: ++o });
-            n.append(h[p], G());
-          }
-        }
-      } else if (n.nodeType === 8)
-        if (n.data === Me)
-          l.push({ type: 2, index: o });
-        else {
-          let h = -1;
-          for (; (h = n.data.indexOf(A, h + 1)) !== -1; )
-            l.push({ type: 7, index: o }), h += A.length - 1;
-        }
-      o++;
-    }
-  }
-  static createElement(t, e) {
-    const i = L.createElement("template");
-    return i.innerHTML = t, i;
-  }
-}
-function I(s, t, e = s, i) {
-  var r, a;
-  if (t === E)
-    return t;
-  let n = i !== void 0 ? (r = e._$Co) == null ? void 0 : r[i] : e._$Cl;
-  const o = q(t) ? void 0 : t._$litDirective$;
-  return (n == null ? void 0 : n.constructor) !== o && ((a = n == null ? void 0 : n._$AO) == null || a.call(n, !1), o === void 0 ? n = void 0 : (n = new o(s), n._$AT(s, e, i)), i !== void 0 ? (e._$Co ?? (e._$Co = []))[i] = n : e._$Cl = n), n !== void 0 && (t = I(s, n._$AS(s, t.values), n, i)), t;
-}
-class xs {
-  constructor(t, e) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, n = ((t == null ? void 0 : t.creationScope) ?? L).importNode(e, !0);
-    O.currentNode = n;
-    let o = O.nextNode(), r = 0, a = 0, l = i[0];
-    for (; l !== void 0; ) {
-      if (r === l.index) {
-        let c;
-        l.type === 2 ? c = new K(o, o.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (c = new Es(o, this, t)), this._$AV.push(c), l = i[++a];
-      }
-      r !== (l == null ? void 0 : l.index) && (o = O.nextNode(), r++);
-    }
-    return O.currentNode = L, n;
-  }
-  p(t) {
-    let e = 0;
-    for (const i of this._$AV)
-      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
-  }
-}
-class K {
-  get _$AU() {
-    var t;
-    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
-  }
-  constructor(t, e, i, n) {
-    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = n, this._$Cv = (n == null ? void 0 : n.isConnected) ?? !0;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const e = this._$AM;
-    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, e = this) {
-    t = I(this, t, e), q(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : bs(t) ? this.T(t) : this._(t);
-  }
-  k(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  $(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
-  }
-  _(t) {
-    this._$AH !== u && q(this._$AH) ? this._$AA.nextSibling.data = t : this.$(L.createTextNode(t)), this._$AH = t;
-  }
-  g(t) {
-    var o;
-    const { values: e, _$litType$: i } = t, n = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Y.createElement(Ue(i.h, i.h[0]), this.options)), i);
-    if (((o = this._$AH) == null ? void 0 : o._$AD) === n)
-      this._$AH.p(e);
-    else {
-      const r = new xs(n, this), a = r.u(this.options);
-      r.p(e), this.$(a), this._$AH = r;
-    }
-  }
-  _$AC(t) {
-    let e = le.get(t.strings);
-    return e === void 0 && le.set(t.strings, e = new Y(t)), e;
-  }
-  T(t) {
-    Re(this._$AH) || (this._$AH = [], this._$AR());
-    const e = this._$AH;
-    let i, n = 0;
-    for (const o of t)
-      n === e.length ? e.push(i = new K(this.k(G()), this.k(G()), this, this.options)) : i = e[n], i._$AI(o), n++;
-    n < e.length && (this._$AR(i && i._$AB.nextSibling, n), e.length = n);
-  }
-  _$AR(t = this._$AA.nextSibling, e) {
-    var i;
-    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const n = t.nextSibling;
-      t.remove(), t = n;
-    }
-  }
-  setConnected(t) {
-    var e;
-    this._$AM === void 0 && (this._$Cv = t, (e = this._$AP) == null || e.call(this, t));
-  }
-}
-class vt {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t, e, i, n, o) {
-    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = e, this._$AM = n, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = u;
-  }
-  _$AI(t, e = this, i, n) {
-    const o = this.strings;
-    let r = !1;
-    if (o === void 0)
-      t = I(this, t, e, 0), r = !q(t) || t !== this._$AH && t !== E, r && (this._$AH = t);
-    else {
-      const a = t;
-      let l, c;
-      for (t = o[0], l = 0; l < o.length - 1; l++)
-        c = I(this, a[i + l], e, l), c === E && (c = this._$AH[l]), r || (r = !q(c) || c !== this._$AH[l]), c === u ? t = u : t !== u && (t += (c ?? "") + o[l + 1]), this._$AH[l] = c;
-    }
-    r && !n && this.O(t);
-  }
-  O(t) {
-    t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}
-class ws extends vt {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  O(t) {
-    this.element[this.name] = t === u ? void 0 : t;
-  }
-}
-let As = class extends vt {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  O(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== u);
-  }
-};
-class Ss extends vt {
-  constructor(t, e, i, n, o) {
-    super(t, e, i, n, o), this.type = 5;
-  }
-  _$AI(t, e = this) {
-    if ((t = I(this, t, e, 0) ?? u) === E)
-      return;
-    const i = this._$AH, n = t === u && i !== u || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== u && (i === u || n);
-    n && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    var e;
-    typeof this._$AH == "function" ? this._$AH.call(((e = this.options) == null ? void 0 : e.host) ?? this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-class Es {
-  constructor(t, e, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    I(this, t);
-  }
-}
-const Ot = W.litHtmlPolyfillSupport;
-Ot == null || Ot(Y, K), (W.litHtmlVersions ?? (W.litHtmlVersions = [])).push("3.0.2");
-const ks = (s, t, e) => {
-  const i = (e == null ? void 0 : e.renderBefore) ?? t;
-  let n = i._$litPart$;
-  if (n === void 0) {
-    const o = (e == null ? void 0 : e.renderBefore) ?? null;
-    i._$litPart$ = n = new K(t.insertBefore(G(), o), o, void 0, e ?? {});
-  }
-  return n._$AI(s), n;
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let m = class extends R {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-  }
-  createRenderRoot() {
-    var e;
-    const t = super.createRenderRoot();
-    return (e = this.renderOptions).renderBefore ?? (e.renderBefore = t.firstChild), t;
-  }
-  update(t) {
-    const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ks(e, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    var t;
-    super.connectedCallback(), (t = this._$Do) == null || t.setConnected(!0);
-  }
-  disconnectedCallback() {
-    var t;
-    super.disconnectedCallback(), (t = this._$Do) == null || t.setConnected(!1);
-  }
-  render() {
-    return E;
-  }
-};
-var Oe;
-m._$litElement$ = !0, m.finalized = !0, (Oe = globalThis.litElementHydrateSupport) == null || Oe.call(globalThis, { LitElement: m });
-const Lt = globalThis.litElementPolyfillSupport;
-Lt == null || Lt({ LitElement: m });
-(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.1");
-const Ts = { name: "alert", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 60C47.464 60 60 47.464 60 32C60 16.536 47.464 4 32 4C16.536 4 4 16.536 4 32C4.01731 47.4568 16.5432 59.9827 32 60ZM32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6923 45.0849 45.0849 55.6923 32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.32247 18.9212 18.9212 8.32247 32 8.30769Z"/><path d="M29.3491 38.6031V20.6807C29.348 19.8662 29.4903 19.0598 29.7675 18.3096C29.9945 17.6371 30.3484 17.0302 30.804 16.5322C31.1251 16.1524 31.5593 15.9246 32.0204 15.894C32.6852 15.894 33.3496 16.471 34.0134 17.625C34.3738 18.1337 34.5955 18.7525 34.6509 19.4042V37.3267C34.6509 37.9947 34.2454 38.6329 33.4345 39.2414C32.6632 39.835 31.7547 40.1521 30.825 40.1523C29.8423 40.1524 29.3503 39.636 29.3491 38.6031Z"/><path d="M33.66 44.6959C33.9649 45.0866 34.161 45.551 34.2284 46.0419C34.2284 46.5397 33.8893 47.0083 33.2109 47.4476C32.5638 47.8771 31.8043 48.1062 31.0275 48.1061C30.1902 48.1061 29.7716 47.7271 29.7716 46.9693C29.7703 46.3788 29.8874 45.7941 30.116 45.2496C30.3064 44.7579 30.6022 44.3138 30.9826 43.9487C31.2626 43.6591 31.6427 43.4875 32.045 43.4692C32.5635 43.4692 33.1019 43.8781 33.66 44.6959Z"/></svg>' }, Os = { name: "check-circle-filled", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9829 16.5431 47.4569 4.01712 32 4ZM44.5613 24.5793L31.6382 43.9639C31.2806 44.5011 30.7008 44.8493 30.0586 44.9126C29.988 44.9197 29.9171 44.9232 29.8462 44.9231C29.275 44.9229 28.7272 44.696 28.3233 44.2921L19.7079 35.6767C19.1639 35.1326 18.9514 34.3396 19.1505 33.5964C19.3497 32.8533 19.9302 32.2728 20.6734 32.0736C21.4166 31.8745 22.2095 32.087 22.7536 32.631L29.5117 39.3881L40.9772 22.1899C41.4016 21.5439 42.1396 21.1749 42.9111 21.2229C43.6825 21.2709 44.3691 21.7286 44.7101 22.4223C45.0511 23.1159 44.9944 23.9391 44.5613 24.5793Z"/></svg>' }, Ls = { name: "check-circle", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9998 4C16.5358 4 3.99976 16.536 3.99976 32C3.99976 47.464 16.5358 60 31.9998 60C47.4637 60 59.9998 47.464 59.9998 32C59.9826 16.5431 47.4566 4.01712 31.9998 4ZM31.9998 55.6923C18.9149 55.6923 8.30745 45.0849 8.30745 32C8.30745 18.9151 18.9149 8.30769 31.9998 8.30769C45.0847 8.30769 55.6921 18.9151 55.6921 32C55.6773 45.0788 45.0785 55.6775 31.9998 55.6923ZM44.5611 24.5793L31.638 43.9639C31.2804 44.5011 30.7005 44.8493 30.0584 44.9126C29.9878 44.9197 29.9169 44.9232 29.8459 44.9231C29.2747 44.9229 28.727 44.696 28.3231 44.2921L19.7077 35.6767C19.1636 35.1326 18.9512 34.3396 19.1503 33.5964C19.3494 32.8533 19.9299 32.2728 20.6731 32.0736C21.4163 31.8745 22.2093 32.087 22.7534 32.631L29.5115 39.3881L40.9769 22.1899C41.4013 21.5439 42.1394 21.1749 42.9108 21.2229C43.6823 21.2709 44.3688 21.7286 44.7099 22.4223C45.0509 23.1159 44.9941 23.9391 44.5611 24.5793Z"/></svg>' }, ce = { name: "mute", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M51.4283 11.6761L53.1768 9.53891C53.9347 8.61282 53.7982 7.24774 52.8722 6.48993C51.9461 5.73211 50.581 5.86852 49.8232 6.79461L36.3333 23.2822V13.3972C36.3332 11.6447 35.2774 10.0648 33.6583 9.39418C32.0391 8.72356 30.1755 9.09425 28.9362 10.3334L18.1029 21.1668H14.6667C9.88247 21.1722 6.00547 25.0492 6 29.8334V34.1668C6.00547 38.951 9.88247 42.828 14.6667 42.8334H18.1029L19.3315 44.0621L10.8232 54.4613C10.0653 55.3874 10.2018 56.7525 11.1279 57.5103C12.0539 58.2681 13.419 58.1317 14.1768 57.2056L22.411 47.1416L28.9362 53.6668C30.1755 54.9059 32.0391 55.2766 33.6583 54.606C35.2774 53.9354 36.3332 52.3555 36.3333 50.603V30.1254L42.6092 22.4549C44.2201 25.3756 45.044 28.6649 45 32.0001C45.1184 36.1899 43.7698 40.2896 41.1872 43.5909C40.409 44.5001 40.5152 45.8679 41.4243 46.6461C42.3334 47.4243 43.7012 47.3183 44.4795 46.4093C47.7313 42.3208 49.4486 37.2227 49.3333 32.0001C49.403 27.3538 48.067 22.7949 45.5005 18.9211L48.6119 15.1182C52.019 20.0793 53.7867 25.9829 53.6667 32.0001C53.6667 39.0587 51.4873 45.6518 47.6872 50.0909C46.909 51.0001 47.0152 52.3679 47.9243 53.1461C48.8334 53.9243 50.2012 53.8183 50.9795 52.9093C55.4408 47.6968 58 40.0764 58 32.0001C58 24.21 55.6006 16.8662 51.4283 11.6761ZM19.8971 38.5H14.6667C12.2744 38.4977 10.3357 36.559 10.3333 34.1667V29.8334C10.3357 27.4411 12.2744 25.5024 14.6667 25.5H19.8971L32 13.3972V28.5784L22.089 40.6919L19.8971 38.5ZM31.9997 50.603L25.1682 43.7715L31.9997 35.4218V50.603Z"/></svg>' }, Ps = { name: "question", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M32 4C16.536 4 4 16.536 4 32C4 47.464 16.536 60 32 60C47.464 60 60 47.464 60 32C59.9827 16.5432 47.4568 4.01731 32 4ZM32 55.6923C18.9151 55.6923 8.30769 45.0849 8.30769 32C8.30769 18.9151 18.9151 8.30769 32 8.30769C45.0849 8.30769 55.6923 18.9151 55.6923 32C55.6775 45.0788 45.0788 55.6775 32 55.6923Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.9423 37.5723L36.311 32.9068L36.7354 32.4448C39.7555 29.1161 40.7645 27.0647 40.7645 24.5087C40.7645 23.1091 40.4251 21.7942 39.7041 20.6491C38.3044 18.3587 35.6323 16.9166 32.2816 16.9166C28.7565 16.9166 25.3125 18.7414 23.2581 21.6772L23.1201 21.8791C22.8232 22.3032 22.696 22.6849 22.696 22.9818C22.696 23.7029 23.926 25.9932 25.2833 25.9932C25.5378 25.9932 25.7922 25.9084 26.0467 25.7388C26.2588 25.5691 26.5981 25.2298 27.0647 24.7208C28.8885 22.6849 30.1185 21.9215 31.7726 21.9215C33.6813 21.9215 35.081 23.1939 35.081 24.8905C35.081 26.375 34.2751 27.7746 32.3664 29.8529L28.2523 34.2216C27.9554 34.6033 27.7857 34.9426 27.7857 35.282C27.7857 35.6213 27.9978 36.1726 28.4219 36.8937C29.0581 37.8692 29.7368 38.3782 30.4578 38.3782C30.9244 38.3782 31.3909 38.1237 31.9423 37.5723ZM30.882 47.4972C29.2278 47.4972 27.6585 44.7403 27.6585 43.6799C27.6585 42.1954 30.0761 40.6261 32.4089 40.6261C33.6389 40.6261 34.2751 41.1775 34.2751 42.3227C34.2751 44.0616 33.4692 45.843 32.4513 46.7761C31.9423 47.2427 31.4334 47.4972 30.882 47.4972Z"/></svg>' }, Ms = { name: "send", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.41642 6.29292C5.99705 5.18016 3.38612 7.41823 4.12858 9.96847L10.5427 32L4.12858 54.0315C3.38612 56.5818 5.99704 58.8198 8.41642 57.7071L58.1942 34.8125C60.6019 33.7051 60.6019 30.2949 58.1942 29.1875L8.41642 6.29292ZM14.2569 29.9351L8.74174 10.9913L49.9295 29.9351H14.2569ZM14.2568 34.0651L8.74174 53.0087L49.9291 34.0651H14.2568Z"/></svg>' }, de = { name: "volume", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M33.6578 9.3322C32.0391 8.65799 30.1735 9.02919 28.9362 10.2717L18.1029 21.105H14.6667C9.88247 21.1105 6.00547 24.9875 6 29.7717V34.105C6.00547 38.8892 9.88247 42.7662 14.6667 42.7717H18.1029L28.9362 53.605C30.1755 54.8442 32.0391 55.2149 33.6583 54.5442C35.2774 53.8736 36.3332 52.2937 36.3333 50.5412V13.3355C36.3365 11.5817 35.2794 10.0001 33.6578 9.3322ZM32 50.5411L19.8971 38.4382H14.6667C12.2744 38.4358 10.3357 36.4971 10.3333 34.1049V29.7716C10.3357 27.3793 12.2744 25.4406 14.6667 25.4382H19.8971L32 13.3353V50.5411ZM49.3334 31.9383C49.4487 37.161 47.7314 42.2591 44.4796 46.3475C43.7013 47.2565 42.3335 47.3625 41.4244 46.5843C40.5153 45.8061 40.4092 44.4383 41.1873 43.5291C43.7699 40.2278 45.1185 36.1282 45.0001 31.9383C45.1185 27.7485 43.7699 23.6488 41.1873 20.3475C40.4092 19.4383 40.5153 18.0705 41.4244 17.2923C42.3335 16.5141 43.7013 16.6201 44.4796 17.5291C47.7314 21.6176 49.4487 26.7157 49.3334 31.9383ZM58.0001 31.9383C58.0001 40.0147 55.441 47.635 50.9796 52.8475C50.2013 53.7565 48.8335 53.8625 47.9244 53.0843C47.0153 52.3061 46.9092 50.9383 47.6873 50.0291C51.4874 45.59 53.6668 38.9969 53.6668 31.9383C53.6668 24.8797 51.4874 18.2866 47.6873 13.8475C46.9092 12.9383 47.0153 11.5705 47.9244 10.7923C48.8335 10.0141 50.2013 10.1201 50.9796 11.0291C55.441 16.2416 58.0001 23.862 58.0001 31.9383Z"/></svg>' }, H = {
-  allRenderFn: !1,
-  cmpDidLoad: !0,
-  cmpDidUnload: !1,
-  cmpDidUpdate: !0,
-  cmpDidRender: !0,
-  cmpWillLoad: !0,
-  cmpWillUpdate: !0,
-  cmpWillRender: !0,
-  connectedCallback: !0,
-  disconnectedCallback: !0,
-  element: !0,
-  event: !0,
-  hasRenderFn: !0,
-  lifecycle: !0,
-  hostListener: !0,
-  hostListenerTargetWindow: !0,
-  hostListenerTargetDocument: !0,
-  hostListenerTargetBody: !0,
-  hostListenerTargetParent: !1,
-  hostListenerTarget: !0,
-  member: !0,
-  method: !0,
-  mode: !0,
-  observeAttribute: !0,
-  prop: !0,
-  propMutable: !0,
-  reflect: !0,
-  scoped: !0,
-  shadowDom: !0,
-  slot: !0,
-  cssAnnotations: !0,
-  state: !0,
-  style: !0,
-  svg: !0,
-  updatable: !0,
-  vdomAttribute: !0,
-  vdomXlink: !0,
-  vdomClass: !0,
-  vdomFunctional: !0,
-  vdomKey: !0,
-  vdomListener: !0,
-  vdomRef: !0,
-  vdomPropOrAttr: !0,
-  vdomRender: !0,
-  vdomStyle: !0,
-  vdomText: !0,
-  watchCallback: !0,
-  taskQueue: !0,
-  hotModuleReplacement: !1,
-  isDebug: !1,
-  isDev: !1,
-  isTesting: !1,
-  hydrateServerSide: !1,
-  hydrateClientSide: !1,
-  lifecycleDOMEvents: !1,
-  lazyLoad: !1,
-  profile: !1,
-  slotRelocation: !0,
-  appendChildSlotFix: !1,
-  cloneNodeFix: !1,
-  hydratedAttribute: !1,
-  hydratedClass: !0,
-  safari10: !1,
-  scriptDataOpts: !1,
-  scopedSlotTextContentFix: !1,
-  shadowDomShim: !1,
-  slotChildNodesFix: !1,
-  invisiblePrehydration: !0,
-  propBoolean: !0,
-  propNumber: !0,
-  propString: !0,
-  cssVarShim: !1,
-  constructableCSS: !0,
-  cmpShouldUpdate: !0,
-  devTools: !1,
-  dynamicImportShim: !1,
-  shadowDelegatesFocus: !0,
-  initializeNextTick: !1,
-  asyncLoading: !1,
-  asyncQueue: !1,
-  transformTagName: !1,
-  attachStyles: !0
-};
-let U, Ne, yt, je = !1, at = !1, Wt = !1, y = !1, he = null, Ht = !1;
-const bt = typeof window < "u" ? window : {}, x = bt.document || { head: {} }, De = bt.HTMLElement || class {
-}, v = {
-  $flags$: 0,
-  $resourcesUrl$: "",
-  jmp: (s) => s(),
-  raf: (s) => requestAnimationFrame(s),
-  ael: (s, t, e, i) => s.addEventListener(t, e, i),
-  rel: (s, t, e, i) => s.removeEventListener(t, e, i),
-  ce: (s, t) => new CustomEvent(s, t)
-}, Rs = /* @__PURE__ */ (() => {
-  let s = !1;
-  try {
-    x.addEventListener("e", null, Object.defineProperty({}, "passive", {
-      get() {
-        s = !0;
-      }
-    }));
-  } catch {
-  }
-  return s;
-})(), Hs = (s) => Promise.resolve(s), Us = /* @__PURE__ */ (() => {
-  try {
-    return new CSSStyleSheet(), typeof new CSSStyleSheet().replace == "function";
-  } catch {
-  }
-  return !1;
-})(), Ie = (s, t, e, i) => {
-  e && e.map(([n, o, r]) => {
-    const a = js(s, n), l = Ns(t, r), c = Ds(n);
-    v.ael(a, o, l, c), (t.$rmListeners$ = t.$rmListeners$ || []).push(() => v.rel(a, o, l, c));
-  });
-}, Ns = (s, t) => (e) => {
-  try {
-    H.lazyLoad || s.$hostElement$[t](e);
-  } catch (i) {
-    Q(i);
-  }
-}, js = (s, t) => t & 4 ? x : t & 8 ? bt : t & 16 ? x.body : s, Ds = (s) => Rs ? {
-  passive: (s & 1) !== 0,
-  capture: (s & 2) !== 0
-} : (s & 2) !== 0, pe = "http://www.w3.org/1999/xlink", P = (s, t = "") => () => {
-}, ue = /* @__PURE__ */ new WeakMap(), Is = (s, t, e) => {
-  let i = dt.get(s);
-  Us && e ? (i = i || new CSSStyleSheet(), i.replace(t)) : i = t, dt.set(s, i);
-}, Bs = (s, t, e, i) => {
-  let n = Be(t, e), o = dt.get(n);
-  if (s = s.nodeType === 11 ? s : x, o)
-    if (typeof o == "string") {
-      s = s.head || s;
-      let r = ue.get(s), a;
-      r || ue.set(s, r = /* @__PURE__ */ new Set()), r.has(n) || (a = x.createElement("style"), a.innerHTML = o, s.insertBefore(a, s.querySelector("link")), r && r.add(n));
-    } else
-      s.adoptedStyleSheets.includes(o) || (s.adoptedStyleSheets = [...s.adoptedStyleSheets, o]);
-  return n;
-}, zs = (s) => {
-  const t = s.$cmpMeta$, e = s.$hostElement$, i = t.$flags$, n = P("attachStyles", t.$tagName$), o = Bs(e.shadowRoot ? e.shadowRoot : e.getRootNode(), t, s.$modeName$);
-  i & 10 && (e["s-sc"] = o, e.classList.add(o + "-h"), i & 2 && e.classList.add(o + "-s")), n();
-}, Be = (s, t) => "sc-" + (t && s.$flags$ & 32 ? s.$tagName$ + "-" + t : s.$tagName$), Fs = (s) => mi.map((t) => t(s)).find((t) => !!t), fe = {}, Ws = "http://www.w3.org/2000/svg", Zs = "http://www.w3.org/1999/xhtml", Gs = (s) => s != null, Zt = (s) => (s = typeof s, s === "object" || s === "function"), j = (s, t, ...e) => {
-  let i = null, n = null, o = null, r = !1, a = !1, l = [];
-  const c = (h) => {
-    for (let p = 0; p < h.length; p++)
-      i = h[p], Array.isArray(i) ? c(i) : i != null && typeof i != "boolean" && ((r = typeof s != "function" && !Zt(i)) && (i = String(i)), r && a ? l[l.length - 1].$text$ += i : l.push(r ? lt(null, i) : i), a = r);
-  };
-  if (c(e), t) {
-    t.key && (n = t.key), t.name && (o = t.name);
-    {
-      const h = t.className || t.class;
-      h && (t.class = typeof h != "object" ? h : Object.keys(h).filter((p) => h[p]).join(" "));
-    }
-  }
-  if (typeof s == "function")
-    return s(t === null ? {} : t, l, Ys);
-  const d = lt(s, null);
-  return d.$attrs$ = t, l.length > 0 && (d.$children$ = l), d.$key$ = n, d.$name$ = o, d;
-}, lt = (s, t) => {
-  const e = {
-    $flags$: 0,
-    $tag$: s,
-    $text$: t,
-    $elm$: null,
-    $children$: null
-  };
-  return e.$attrs$ = null, e.$key$ = null, e.$name$ = null, e;
-}, Gt = {}, qs = (s) => s && s.$tag$ === Gt, Ys = {
-  forEach: (s, t) => s.map(ge).forEach(t),
-  map: (s, t) => s.map(ge).map(t).map(Xs)
-}, ge = (s) => ({
-  vattrs: s.$attrs$,
-  vchildren: s.$children$,
-  vkey: s.$key$,
-  vname: s.$name$,
-  vtag: s.$tag$,
-  vtext: s.$text$
-}), Xs = (s) => {
-  if (typeof s.vtag == "function") {
-    const e = Object.assign({}, s.vattrs);
-    return s.vkey && (e.key = s.vkey), s.vname && (e.name = s.vname), j(s.vtag, e, ...s.vchildren || []);
-  }
-  const t = lt(s.vtag, s.vtext);
-  return t.$attrs$ = s.vattrs, t.$children$ = s.vchildren, t.$key$ = s.vkey, t.$name$ = s.vname, t;
-}, $e = (s, t, e, i, n, o) => {
-  if (e !== i) {
-    let r = be(s, t), a = t.toLowerCase();
-    if (t === "class") {
-      const l = s.classList, c = me(e), d = me(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 e)
-        (!i || i[l] == null) && (l.includes("-") ? s.style.removeProperty(l) : s.style[l] = "");
-      for (const l in i)
-        (!e || i[l] !== e[l]) && (l.includes("-") ? s.style.setProperty(l, i[l]) : s.style[l] = i[l]);
-    } else if (t !== "key")
-      if (t === "ref")
-        i && i(s);
-      else if (!s.__lookupSetter__(t) && t[0] === "o" && t[1] === "n")
-        t[2] === "-" ? t = t.slice(3) : be(bt, a) ? t = a.slice(2) : t = a[2] + t.slice(3), e && v.rel(s, t, e, !1), i && v.ael(s, t, i, !1);
-      else {
-        const l = Zt(i);
-        if ((r || l && i !== null) && !n)
-          try {
-            if (s.tagName.includes("-"))
-              s[t] = i;
-            else {
-              let d = i ?? "";
-              t === "list" ? r = !1 : (e == null || s[t] != d) && (s[t] = d);
-            }
-          } catch {
-          }
-        let c = !1;
-        a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, c = !0), i == null || i === !1 ? (i !== !1 || s.getAttribute(t) === "") && (c ? s.removeAttributeNS(pe, t) : s.removeAttribute(t)) : (!r || o & 4 || n) && !l && (i = i === !0 ? "" : i, c ? s.setAttributeNS(pe, t, i) : s.setAttribute(t, i));
-      }
-  }
-}, Ks = /\s/, me = (s) => s ? s.split(Ks) : [], ze = (s, t, e, i) => {
-  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, o = s && s.$attrs$ || fe, r = t.$attrs$ || fe;
-  for (i in o)
-    i in r || $e(n, i, o[i], void 0, e, t.$flags$);
-  for (i in r)
-    $e(n, i, o[i], r[i], e, t.$flags$);
-}, ct = (s, t, e, i) => {
-  let n = t.$children$[e], o = 0, r, a, l;
-  if (je || (Wt = !0, n.$tag$ === "slot" && (U && i.classList.add(U + "-s"), n.$flags$ |= n.$children$ ? (
-    // slot element has fallback content
-    2
-  ) : (
-    // slot element does not have fallback content
-    1
-  ))), n.$text$ !== null)
-    r = n.$elm$ = x.createTextNode(n.$text$);
-  else if (n.$flags$ & 1)
-    r = n.$elm$ = x.createTextNode("");
-  else {
-    if (y || (y = n.$tag$ === "svg"), r = n.$elm$ = x.createElementNS(y ? Ws : Zs, n.$flags$ & 2 ? "slot-fb" : n.$tag$), y && n.$tag$ === "foreignObject" && (y = !1), ze(null, n, y), Gs(U) && r["s-si"] !== U && r.classList.add(r["s-si"] = U), n.$children$)
-      for (o = 0; o < n.$children$.length; ++o)
-        a = ct(s, n, o, r), a && r.appendChild(a);
-    n.$tag$ === "svg" ? y = !1 : r.tagName === "foreignObject" && (y = !0);
-  }
-  return r["s-hn"] = yt, n.$flags$ & 3 && (r["s-sr"] = !0, r["s-cr"] = Ne, r["s-sn"] = n.$name$ || "", l = s && s.$children$ && s.$children$[e], l && l.$tag$ === n.$tag$ && s.$elm$ && X(s.$elm$, !1)), r;
-}, X = (s, t) => {
-  v.$flags$ |= 1;
-  const e = s.childNodes;
-  for (let i = e.length - 1; i >= 0; i--) {
-    const n = e[i];
-    n["s-hn"] !== yt && n["s-ol"] && (Ze(n).insertBefore(n, qt(n)), n["s-ol"].remove(), n["s-ol"] = void 0, Wt = !0), t && X(n, t);
-  }
-  v.$flags$ &= -2;
-}, Fe = (s, t, e, i, n, o) => {
-  let r = s["s-cr"] && s["s-cr"].parentNode || s, a;
-  for (r.shadowRoot && r.tagName === yt && (r = r.shadowRoot); n <= o; ++n)
-    i[n] && (a = ct(null, e, n, s), a && (i[n].$elm$ = a, r.insertBefore(a, qt(t))));
-}, We = (s, t, e, i, n) => {
-  for (; t <= e; ++t)
-    (i = s[t]) && (n = i.$elm$, Ye(i), at = !0, n["s-ol"] ? n["s-ol"].remove() : X(n, !0), n.remove());
-}, Qs = (s, t, e, i) => {
-  let n = 0, o = 0, r = 0, a = 0, l = t.length - 1, c = t[0], d = t[l], h = i.length - 1, p = i[0], g = i[h], C, et;
-  for (; n <= l && o <= h; )
-    if (c == null)
-      c = t[++n];
-    else if (d == null)
-      d = t[--l];
-    else if (p == null)
-      p = i[++o];
-    else if (g == null)
-      g = i[--h];
-    else if (st(c, p))
-      N(c, p), c = t[++n], p = i[++o];
-    else if (st(d, g))
-      N(d, g), d = t[--l], g = i[--h];
-    else if (st(c, g))
-      (c.$tag$ === "slot" || g.$tag$ === "slot") && X(c.$elm$.parentNode, !1), N(c, g), s.insertBefore(c.$elm$, d.$elm$.nextSibling), c = t[++n], g = i[--h];
-    else if (st(d, p))
-      (c.$tag$ === "slot" || g.$tag$ === "slot") && X(d.$elm$.parentNode, !1), N(d, p), s.insertBefore(d.$elm$, c.$elm$), d = t[--l], p = i[++o];
-    else {
-      for (r = -1, a = n; a <= l; ++a)
-        if (t[a] && t[a].$key$ !== null && t[a].$key$ === p.$key$) {
-          r = a;
-          break;
-        }
-      r >= 0 ? (et = t[r], et.$tag$ !== p.$tag$ ? C = ct(t && t[o], e, r, s) : (N(et, p), t[r] = void 0, C = et.$elm$), p = i[++o]) : (C = ct(t && t[o], e, o, s), p = i[++o]), C && Ze(c.$elm$).insertBefore(C, qt(c.$elm$));
-    }
-  n > l ? Fe(s, i[h + 1] == null ? null : i[h + 1].$elm$, e, i, o, h) : o > h && We(t, n, l);
-}, st = (s, t) => s.$tag$ === t.$tag$ ? s.$tag$ === "slot" ? s.$name$ === t.$name$ : s.$key$ === t.$key$ : !1, qt = (s) => s && s["s-ol"] || s, Ze = (s) => (s["s-ol"] ? s["s-ol"] : s).parentNode, N = (s, t) => {
-  const e = t.$elm$ = s.$elm$, i = s.$children$, n = t.$children$, o = t.$tag$, r = t.$text$;
-  let a;
-  r === null ? (y = o === "svg" ? !0 : o === "foreignObject" ? !1 : y, o === "slot" || ze(s, t, y), i !== null && n !== null ? Qs(e, i, t, n) : n !== null ? (s.$text$ !== null && (e.textContent = ""), Fe(e, null, t, n, 0, n.length - 1)) : i !== null && We(i, 0, i.length - 1), y && o === "svg" && (y = !1)) : (a = e["s-cr"]) ? a.parentNode.textContent = r : s.$text$ !== r && (e.data = r);
-}, Ge = (s) => {
-  let t = s.childNodes, e, i, n, o, r, a;
-  for (i = 0, n = t.length; i < n; i++)
-    if (e = t[i], e.nodeType === 1) {
-      if (e["s-sr"]) {
-        for (r = e["s-sn"], e.hidden = !1, o = 0; o < n; o++)
-          if (a = t[o].nodeType, t[o]["s-hn"] !== e["s-hn"] || r !== "") {
-            if (a === 1 && r === t[o].getAttribute("slot")) {
-              e.hidden = !0;
-              break;
-            }
-          } else if (a === 1 || a === 3 && t[o].textContent.trim() !== "") {
-            e.hidden = !0;
-            break;
-          }
-      }
-      Ge(e);
-    }
-}, _ = [], qe = (s) => {
-  let t, e, i, n, o, r, a = 0, l = s.childNodes, c = l.length;
-  for (; a < c; a++) {
-    if (t = l[a], t["s-sr"] && (e = t["s-cr"]) && e.parentNode)
-      for (i = e.parentNode.childNodes, n = t["s-sn"], r = i.length - 1; r >= 0; r--)
-        e = i[r], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== t["s-hn"] && (ve(e, n) ? (o = _.find((d) => d.$nodeToRelocate$ === e), at = !0, e["s-sn"] = e["s-sn"] || n, o ? o.$slotRefNode$ = t : _.push({
-          $slotRefNode$: t,
-          $nodeToRelocate$: e
-        }), e["s-sr"] && _.map((d) => {
-          ve(d.$nodeToRelocate$, e["s-sn"]) && (o = _.find((h) => h.$nodeToRelocate$ === e), o && !d.$slotRefNode$ && (d.$slotRefNode$ = o.$slotRefNode$));
-        })) : _.some((d) => d.$nodeToRelocate$ === e) || _.push({
-          $nodeToRelocate$: e
-        }));
-    t.nodeType === 1 && qe(t);
-  }
-}, ve = (s, t) => s.nodeType === 1 ? s.getAttribute("slot") === null && t === "" || s.getAttribute("slot") === t : s["s-sn"] === t ? !0 : t === "", Ye = (s) => {
-  s.$attrs$ && s.$attrs$.ref && s.$attrs$.ref(null), s.$children$ && s.$children$.map(Ye);
-}, Js = (s, t) => {
-  const e = s.$hostElement$, i = s.$cmpMeta$, n = s.$vnode$ || lt(null, null), o = qs(t) ? t : j(null, null, t);
-  yt = e.tagName, i.$attrsToReflect$ && (o.$attrs$ = o.$attrs$ || {}, i.$attrsToReflect$.map(([r, a]) => o.$attrs$[a] = e[r])), o.$tag$ = null, o.$flags$ |= 4, s.$vnode$ = o, o.$elm$ = n.$elm$ = e.shadowRoot || e, U = e["s-sc"], Ne = e["s-cr"], je = (i.$flags$ & 1) !== 0, at = !1, N(n, o);
-  {
-    if (v.$flags$ |= 1, Wt) {
-      qe(o.$elm$);
-      let r, a, l, c, d, h, p = 0;
-      for (; p < _.length; p++)
-        r = _[p], a = r.$nodeToRelocate$, a["s-ol"] || (l = x.createTextNode(""), l["s-nr"] = a, a.parentNode.insertBefore(a["s-ol"] = l, a));
-      for (p = 0; p < _.length; p++)
-        if (r = _[p], a = r.$nodeToRelocate$, r.$slotRefNode$) {
-          for (c = r.$slotRefNode$.parentNode, d = r.$slotRefNode$.nextSibling, l = a["s-ol"]; l = l.previousSibling; )
-            if (h = l["s-nr"], h && h["s-sn"] === a["s-sn"] && c === h.parentNode && (h = h.nextSibling, !h || !h["s-nr"])) {
-              d = h;
-              break;
-            }
-          (!d && c !== a.parentNode || a.nextSibling !== d) && a !== d && (!a["s-hn"] && a["s-ol"] && (a["s-hn"] = a["s-ol"].parentNode.nodeName), c.insertBefore(a, d));
-        } else
-          a.nodeType === 1 && (a.hidden = !0);
-    }
-    at && Ge(o.$elm$), v.$flags$ &= -2, _.length = 0;
-  }
-}, Vs = (s) => s, ti = (s, t, e) => {
-  const i = Vs(s);
-  return {
-    emit: (n) => ei(i, t, {
-      bubbles: !!(e & 4),
-      composed: !!(e & 2),
-      cancelable: !!(e & 1),
-      detail: n
-    })
-  };
-}, ei = (s, t, e) => {
-  const i = v.ce(t, e);
-  return s.dispatchEvent(i), i;
-}, si = (s, t) => {
-}, Xe = (s, t) => (s.$flags$ |= 16, si(s, s.$ancestorComponent$), bi(() => ii(s, t))), ii = (s, t) => {
-  const e = s.$hostElement$, i = P("scheduleUpdate", s.$cmpMeta$.$tagName$), n = e;
-  let o;
-  return t ? o = D(n, "componentWillLoad") : o = D(n, "componentWillUpdate"), o = ye(o, () => D(n, "componentWillRender")), i(), ye(o, () => ni(s, n, t));
-}, ni = async (s, t, e) => {
-  const i = s.$hostElement$, n = P("update", s.$cmpMeta$.$tagName$);
-  i["s-rc"], e && zs(s);
-  const o = P("render", s.$cmpMeta$.$tagName$);
-  oi(s, t, i), o(), n(), ri(s);
-}, oi = (s, t, e) => {
-  try {
-    he = t, t = t.render && t.render(), s.$flags$ &= -17, s.$flags$ |= 2, (H.hasRenderFn || H.reflect) && (H.vdomRender || H.reflect) && (H.hydrateServerSide || Js(s, t));
-  } catch (a) {
-    Q(a, s.$hostElement$);
-  }
-  return he = null, null;
-}, ri = (s) => {
-  const t = s.$cmpMeta$.$tagName$, e = s.$hostElement$, i = P("postUpdate", t), n = e;
-  s.$ancestorComponent$, D(n, "componentDidRender"), s.$flags$ & 64 ? (D(n, "componentDidUpdate"), i()) : (s.$flags$ |= 64, D(n, "componentDidLoad"), i());
-}, D = (s, t, e) => {
-  if (s && s[t])
-    try {
-      return s[t](e);
-    } catch (i) {
-      Q(i);
-    }
-}, ye = (s, t) => s && s.then ? s.then(t) : t(), ai = (s, t) => s != null && !Zt(s) ? t & 4 ? s === "false" ? !1 : s === "" || !!s : t & 2 ? parseFloat(s) : t & 1 ? String(s) : s : s, li = (s, t) => _t(s).$instanceValues$.get(t), ci = (s, t, e, i) => {
-  const n = _t(s), o = s, r = n.$instanceValues$.get(t), a = n.$flags$, l = o;
-  e = ai(e, i.$members$[t][0]);
-  const c = Number.isNaN(r) && Number.isNaN(e);
-  if (e !== r && !c) {
-    n.$instanceValues$.set(t, e);
-    {
-      if (i.$watchers$ && a & 128) {
-        const h = i.$watchers$[t];
-        h && h.map((p) => {
-          try {
-            l[p](e, r, t);
-          } catch (g) {
-            Q(g, o);
-          }
-        });
-      }
-      if ((a & 18) === 2) {
-        if (l.componentShouldUpdate && l.componentShouldUpdate(e, r, t) === !1)
-          return;
-        Xe(n, !1);
-      }
-    }
-  }
-}, di = (s, t, e) => {
-  if (t.$members$) {
-    s.watchers && (t.$watchers$ = s.watchers);
-    const i = Object.entries(t.$members$), n = s.prototype;
-    i.map(([o, [r]]) => {
-      (r & 31 || r & 32) && Object.defineProperty(n, o, {
-        get() {
-          return li(this, o);
-        },
-        set(a) {
-          ci(this, o, a, t);
-        },
-        configurable: !0,
-        enumerable: !0
-      });
-    });
-    {
-      const o = /* @__PURE__ */ new Map();
-      n.attributeChangedCallback = function(r, a, l) {
-        v.jmp(() => {
-          const c = o.get(r);
-          if (this.hasOwnProperty(c))
-            l = this[c], delete this[c];
-          else if (n.hasOwnProperty(c) && typeof this[c] == "number" && this[c] == l)
-            return;
-          this[c] = l === null && typeof this[c] == "boolean" ? !1 : l;
-        });
-      }, s.observedAttributes = i.filter(
-        ([r, a]) => a[0] & 15
-        /* HasAttribute */
-      ).map(([r, a]) => {
-        const l = a[1] || r;
-        return o.set(l, r), a[0] & 512 && t.$attrsToReflect$.push([r, l]), l;
-      });
-    }
-  }
-  return s;
-}, hi = async (s, t, e, i, n) => {
-  if (!(t.$flags$ & 32) && (n = s.constructor, t.$flags$ |= 32, customElements.whenDefined(e.$tagName$).then(() => t.$flags$ |= 128), n.style)) {
-    let r = n.style;
-    typeof r != "string" && (r = r[t.$modeName$ = Fs(s)]);
-    const a = Be(e, t.$modeName$);
-    if (!dt.has(a)) {
-      const l = P("registerStyles", e.$tagName$);
-      Is(a, r, !!(e.$flags$ & 1)), l();
-    }
-  }
-  t.$ancestorComponent$, (() => Xe(t, !0))();
-}, pi = (s) => {
-}, ui = (s) => {
-  if (!(v.$flags$ & 1)) {
-    const t = _t(s), e = t.$cmpMeta$, i = P("connectedCallback", e.$tagName$);
-    t.$flags$ & 1 ? (Ie(s, t, e.$listeners$), pi(t.$lazyInstance$)) : (t.$flags$ |= 1, e.$flags$ & 12 && fi(s), e.$members$ && Object.entries(e.$members$).map(([n, [o]]) => {
-      if (o & 31 && s.hasOwnProperty(n)) {
-        const r = s[n];
-        delete s[n], s[n] = r;
-      }
-    }), hi(s, t, e)), i();
-  }
-}, fi = (s) => {
-  const t = s["s-cr"] = x.createComment("");
-  t["s-cn"] = !0, s.insertBefore(t, s.firstChild);
-}, gi = (s) => {
-  if (!(v.$flags$ & 1)) {
-    const t = _t(s);
-    t.$rmListeners$ && (t.$rmListeners$.map((e) => e()), t.$rmListeners$ = void 0);
-  }
-}, Ke = (s, t) => {
-  const e = {
-    $flags$: t[0],
-    $tagName$: t[1]
-  };
-  e.$members$ = t[2], e.$listeners$ = t[3], e.$watchers$ = s.$watchers$, e.$attrsToReflect$ = [];
-  const i = s.prototype.connectedCallback, n = s.prototype.disconnectedCallback;
-  return Object.assign(s.prototype, {
-    __registerHost() {
-      $i(this, e);
-    },
-    connectedCallback() {
-      ui(this), i && i.call(this);
-    },
-    disconnectedCallback() {
-      gi(this), n && n.call(this);
-    },
-    __attachShadow() {
-      this.attachShadow({
-        mode: "open",
-        delegatesFocus: !!(e.$flags$ & 16)
-      });
-    }
-  }), s.is = e.$tagName$, di(s, e);
-}, Qe = /* @__PURE__ */ new WeakMap(), _t = (s) => Qe.get(s), $i = (s, t) => {
-  const e = {
-    $flags$: 0,
-    $hostElement$: s,
-    $cmpMeta$: t,
-    $instanceValues$: /* @__PURE__ */ new Map()
-  };
-  return Ie(s, e, t.$listeners$), Qe.set(s, e);
-}, be = (s, t) => t in s, Q = (s, t) => (0, console.error)(s, t), dt = /* @__PURE__ */ new Map(), mi = [], _e = [], Je = [], vi = (s, t) => (e) => {
-  s.push(e), Ht || (Ht = !0, t && v.$flags$ & 4 ? yi(Ut) : v.raf(Ut));
-}, Ce = (s) => {
-  for (let t = 0; t < s.length; t++)
-    try {
-      s[t](performance.now());
-    } catch (e) {
-      Q(e);
-    }
-  s.length = 0;
-}, Ut = () => {
-  Ce(_e), Ce(Je), (Ht = _e.length > 0) && v.raf(Ut);
-}, yi = (s) => Hs().then(s), bi = /* @__PURE__ */ vi(Je, !0), _i = (s = {}) => {
-  const { content: t = "", title: e, attributes: i = [] } = s;
-  let n = "", o = [
-    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
-    { name: "fill", value: "currentColor" },
-    ...i
-  ];
-  return e && (n = `<title>${e}</title>`), `<svg ${o.map((a) => `${a.name}="${a.value}"`).join(" ")}>${n}${t}</svg>`;
-}, Ci = (s) => s.replace(/<(\/?)svg([^>]*)>/g, "").trim();
-function xi(s) {
-  return `${s.getFullYear()}.${s.getMonth() + 1}`;
-}
-class wi {
-  constructor(t) {
-    this.voca_component = t, this.voca_added = xi(/* @__PURE__ */ new Date());
-  }
-}
-const Ai = "telia-vst{display:none}", Si = /* @__PURE__ */ Ke(class extends De {
-  constructor() {
-    super(), this.__registerHost(), this.vocaInternalUStats = ti(this, "vocaInternalUStats", 7);
-  }
-  connectedCallback() {
-    this.vocaInternalUStats.emit(new wi(this.dataTrackingId));
-  }
-  render() {
-    return j(Gt, null);
-  }
-  static get style() {
-    return Ai;
-  }
-}, [0, "telia-vst", {
-  dataTrackingId: [1, "data-tracking-id"]
-}]);
-function Ve() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-vst"].forEach((t) => {
-    switch (t) {
-      case "telia-vst":
-        customElements.get(t) || customElements.define(t, Si);
-        break;
-    }
-  });
-}
-Ve();
-function Nt() {
-  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
-}
-function Ei() {
-  if (typeof Nt().vocadsIcons !== void 0)
-    return Nt().vocadsIcons;
-}
-function ki() {
-  return Nt().vocadsIconsRegistered;
-}
-const Ti = ".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))}", Oi = /* @__PURE__ */ Ke(class extends De {
-  constructor() {
-    super(), this.__registerHost(), this.size = "md", this.allyTitle = null, this.dataTrackingId = "telia-icon";
-  }
-  /**
-   * Returns svg string from svg property or svg string from icons bundle if icons bundle is registered
-   * @private
-   * @returns string
-   */
-  getSvgString() {
-    if (this.svg)
-      return this.svg;
-    if (ki() && this.name) {
-      const s = Ei();
-      return s[this.name] ? s[this.name].svg : "";
-    }
-    return this.name && console.warn(this.name, "Icons bundle is not registered and will not be rendered. Check if you have registered icons bundle or use svg property"), "";
-  }
-  render() {
-    let s = this.getSvgString(), t = [{ name: "viewBox", value: "0 0 64 64" }];
-    this.allyTitle ? t = [...t, { name: "role", value: "img" }] : t = [
-      ...t,
-      { name: "aria-hidden", value: "true" }
-    ];
-    const e = _i({
-      content: Ci(s),
-      attributes: t,
-      title: this.allyTitle
-    });
-    return j(Gt, { class: `telia-icon telia-icon--${this.size}` }, j("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: e }), j("telia-vst", { dataTrackingId: this.dataTrackingId }));
-  }
-  static get style() {
-    return Ti;
-  }
-}, [0, "telia-icon", {
-  name: [1],
-  svg: [1],
-  size: [1],
-  allyTitle: [1, "ally-title"],
-  dataTestid: [1, "data-testid"]
-}]);
-function Li() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-icon", "telia-vst"].forEach((t) => {
-    switch (t) {
-      case "telia-icon":
-        customElements.get(t) || customElements.define(t, Oi);
-        break;
-      case "telia-vst":
-        customElements.get(t) || Ve();
-        break;
-    }
-  });
-}
-Li();
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const J = (s) => (t, e) => {
-  e !== void 0 ? e.addInitializer(() => {
-    customElements.define(s, t);
-  }) : customElements.define(s, t);
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Pi = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: Ft }, Mi = (s = Pi, t, e) => {
-  const { kind: i, metadata: n } = e;
-  let o = globalThis.litPropertyMetadata.get(n);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(n, o = /* @__PURE__ */ new Map()), o.set(e.name, s), i === "accessor") {
-    const { name: r } = e;
-    return { set(a) {
-      const l = t.get.call(this);
-      t.set.call(this, a), this.requestUpdate(r, l, s);
-    }, init(a) {
-      return a !== void 0 && this.C(r, void 0, s), a;
-    } };
-  }
-  if (i === "setter") {
-    const { name: r } = e;
-    return function(a) {
-      const l = this[r];
-      t.call(this, a), this.requestUpdate(r, l, s);
-    };
-  }
-  throw Error("Unsupported decorator location: " + i);
-};
-function $(s) {
-  return (t, e) => typeof e == "object" ? Mi(s, t, e) : ((i, n, o) => {
-    const r = n.hasOwnProperty(o);
-    return n.constructor.createProperty(o, r ? { ...i, wrapped: !0 } : i), r ? Object.getOwnPropertyDescriptor(n, o) : void 0;
-  })(s, t, e);
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function w(s) {
-  return $({ ...s, state: !0, attribute: !1 });
-}
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ri = (s) => s.strings === void 0;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ct = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, xt = (s) => (...t) => ({ _$litDirective$: s, values: t });
-let Yt = class {
-  constructor(t) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t, e, i) {
-    this._$Ct = t, this._$AM = e, this._$Ci = i;
-  }
-  _$AS(t, e) {
-    return this.update(t, e);
-  }
-  update(t, e) {
-    return this.render(...e);
-  }
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Z = (s, t) => {
-  var i;
-  const e = s._$AN;
-  if (e === void 0)
-    return !1;
-  for (const n of e)
-    (i = n._$AO) == null || i.call(n, t, !1), Z(n, t);
-  return !0;
-}, ht = (s) => {
-  let t, e;
-  do {
-    if ((t = s._$AM) === void 0)
-      break;
-    e = t._$AN, e.delete(s), s = t;
-  } while ((e == null ? void 0 : e.size) === 0);
-}, ts = (s) => {
-  for (let t; t = s._$AM; s = t) {
-    let e = t._$AN;
-    if (e === void 0)
-      t._$AN = e = /* @__PURE__ */ new Set();
-    else if (e.has(s))
-      break;
-    e.add(s), Ni(t);
-  }
-};
-function Hi(s) {
-  this._$AN !== void 0 ? (ht(this), this._$AM = s, ts(this)) : this._$AM = s;
-}
-function Ui(s, t = !1, e = 0) {
-  const i = this._$AH, n = this._$AN;
-  if (n !== void 0 && n.size !== 0)
-    if (t)
-      if (Array.isArray(i))
-        for (let o = e; o < i.length; o++)
-          Z(i[o], !1), ht(i[o]);
-      else
-        i != null && (Z(i, !1), ht(i));
-    else
-      Z(this, s);
-}
-const Ni = (s) => {
-  s.type == Ct.CHILD && (s._$AP ?? (s._$AP = Ui), s._$AQ ?? (s._$AQ = Hi));
-};
-let es = class extends Yt {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(t, e, i) {
-    super._$AT(t, e, i), ts(this), this.isConnected = t._$AU;
-  }
-  _$AO(t, e = !0) {
-    var i, n;
-    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (n = this.disconnected) == null || n.call(this)), e && (Z(this, t), ht(this));
-  }
-  setValue(t) {
-    if (Ri(this._$Ct))
-      this._$Ct._$AI(t, this);
-    else {
-      const e = [...this._$Ct._$AH];
-      e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-};
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const pt = () => new ji();
-class ji {
-}
-const Pt = /* @__PURE__ */ new WeakMap(), ut = xt(class extends es {
-  render(s) {
-    return u;
-  }
-  update(s, [t]) {
-    var i;
-    const e = t !== this.G;
-    return e && this.G !== void 0 && this.ot(void 0), (e || this.rt !== this.lt) && (this.G = t, this.ct = (i = s.options) == null ? void 0 : i.host, this.ot(this.lt = s.element)), u;
-  }
-  ot(s) {
-    if (typeof this.G == "function") {
-      const t = this.ct ?? globalThis;
-      let e = Pt.get(t);
-      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), Pt.set(t, e)), e.get(this.G) !== void 0 && this.G.call(this.ct, void 0), e.set(this.G, s), s !== void 0 && this.G.call(this.ct, s);
-    } else
-      this.G.value = s;
-  }
-  get rt() {
-    var s, t;
-    return typeof this.G == "function" ? (s = Pt.get(this.ct ?? globalThis)) == null ? void 0 : s.get(this.G) : (t = this.G) == null ? void 0 : t.value;
-  }
-  disconnected() {
-    this.rt === this.lt && this.ot(void 0);
-  }
-  reconnected() {
-    this.ot(this.lt);
-  }
-});
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ft = xt(class extends Yt {
-  constructor(s) {
-    var t;
-    if (super(s), s.type !== Ct.ATTRIBUTE || s.name !== "class" || ((t = s.strings) == null ? void 0 : t.length) > 2)
-      throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(s) {
-    return " " + Object.keys(s).filter((t) => s[t]).join(" ") + " ";
-  }
-  update(s, [t]) {
-    var i, n;
-    if (this.it === void 0) {
-      this.it = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.st = new Set(s.strings.join(" ").split(/\s/).filter((o) => o !== "")));
-      for (const o in t)
-        t[o] && !((i = this.st) != null && i.has(o)) && this.it.add(o);
-      return this.render(t);
-    }
-    const e = s.element.classList;
-    for (const o of this.it)
-      o in t || (e.remove(o), this.it.delete(o));
-    for (const o in t) {
-      const r = !!t[o];
-      r === this.it.has(o) || (n = this.st) != null && n.has(o) || (r ? (e.add(o), this.it.add(o)) : (e.remove(o), this.it.delete(o)));
-    }
-    return E;
-  }
-});
-var Di = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, Bi = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? Ii(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && Di(t, e, n), n;
-};
-class Xt extends m {
-  constructor() {
-    super(...arguments), this.anchor = "BottomRight";
-  }
-  appendChild(t) {
-    var e;
-    return (e = this.shadowRoot) == null || e.appendChild(t), t;
-  }
-  render() {
-    return this.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right"), u;
-  }
-}
-Xt.styles = [
-  b`
-      :host {
-        position: fixed;
-        display: flex;
-        align-items: center;
-        gap: 1rem;
-      }
-
-      :host(.bottom-right) {
-        bottom: 20px;
-        right: 20px;
-      }
-      :host(.bottom-left) {
-        bottom: 20px;
-        left: 20px;
-      }
-    `
-];
-Bi([
-  $({ attribute: !0 })
-], Xt.prototype, "anchor", 2);
-const zi = /* @__PURE__ */ new WeakMap();
-let xe = 0;
-const Mt = /* @__PURE__ */ new Map(), we = /* @__PURE__ */ new WeakSet(), Ae = () => new Promise((s) => requestAnimationFrame(s)), Fi = [{ transform: "translateX(100%) scale(0)", opacity: 0 }], Wi = [{ opacity: 0 }], Se = [{ opacity: 0 }, { opacity: 1 }], Ee = (s, t) => {
-  const e = s - t;
-  return e === 0 ? void 0 : e;
-}, ke = (s, t) => {
-  const e = s / t;
-  return e === 1 ? void 0 : e;
-}, Rt = { left: (s, t) => {
-  const e = Ee(s, t);
-  return { value: e, transform: e == null || isNaN(e) ? void 0 : `translateX(${e}px)` };
-}, top: (s, t) => {
-  const e = Ee(s, t);
-  return { value: e, transform: e == null || isNaN(e) ? void 0 : `translateY(${e}px)` };
-}, width: (s, t) => {
-  let e;
-  t === 0 && (t = 1, e = { width: "1px" });
-  const i = ke(s, t);
-  return { value: i, overrideFrom: e, transform: i == null || isNaN(i) ? void 0 : `scaleX(${i})` };
-}, height: (s, t) => {
-  let e;
-  t === 0 && (t = 1, e = { height: "1px" });
-  const i = ke(s, t);
-  return { value: i, overrideFrom: e, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
-} }, Zi = { duration: 333, easing: "ease-in-out" }, Gi = ["left", "top", "width", "height", "opacity", "color", "background"], Te = /* @__PURE__ */ new WeakMap();
-class qi extends es {
-  constructor(t) {
-    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === Ct.CHILD)
-      throw Error("The `animate` directive must be used in attribute position.");
-    this.createFinished();
-  }
-  createFinished() {
-    var t;
-    (t = this.resolveFinished) == null || t.call(this), this.finished = new Promise((e) => {
-      this.h = e;
-    });
-  }
-  async resolveFinished() {
-    var t;
-    (t = this.h) == null || t.call(this), this.h = void 0;
-  }
-  render(t) {
-    return u;
-  }
-  getController() {
-    return zi.get(this.l);
-  }
-  isDisabled() {
-    var t;
-    return this.options.disabled || ((t = this.getController()) == null ? void 0 : t.disabled);
-  }
-  update(t, [e]) {
-    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, Te.set(this.element, this)), this.optionsOrCallback = e, (i || typeof e != "function") && this.u(e), this.render(e);
-  }
-  u(t) {
-    t = t ?? {};
-    const e = this.getController();
-    e !== void 0 && ((t = { ...e.defaultOptions, ...t }).keyframeOptions = { ...e.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = Gi), this.options = t;
-  }
-  p() {
-    const t = {}, e = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
-    return this.options.properties.forEach((n) => {
-      const o = e[n] ?? (Rt[n] ? void 0 : i[n]), r = Number(o);
-      t[n] = isNaN(r) ? o + "" : r;
-    }), t;
-  }
-  m() {
-    let t, e = !0;
-    return this.options.guard && (t = this.options.guard(), e = ((i, n) => {
-      if (Array.isArray(i)) {
-        if (Array.isArray(n) && n.length === i.length && i.every((o, r) => o === n[r]))
-          return !1;
-      } else if (n === i)
-        return !1;
-      return !0;
-    })(t, this.v)), this.o = this.l.hasUpdated && !this.isDisabled() && !this.isAnimating() && e && 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 Ae;
-    const e = this._(), i = this.A(this.options.keyframeOptions, e), n = this.p();
-    if (this.g !== void 0) {
-      const { from: o, to: r } = this.O(this.g, n, e);
-      this.log("measured", [this.g, n, o, r]), t = this.calculateKeyframes(o, r);
-    } else {
-      const o = Mt.get(this.options.inId);
-      if (o) {
-        Mt.delete(this.options.inId);
-        const { from: r, to: a } = this.O(o, n, e);
-        t = this.calculateKeyframes(r, a), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, xe++, t.forEach((l) => l.zIndex = xe);
-      } else
-        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, e;
-    this.j = this.element.getAttribute("style"), (t = this.webAnimation) == null || t.commitStyles(), (e = this.webAnimation) == null || e.cancel();
-  }
-  reconnected() {
-  }
-  async disconnected() {
-    var e;
-    if (!this.o || (this.options.id !== void 0 && Mt.set(this.options.id, this.g), this.options.out === void 0))
-      return;
-    if (this.prepare(), await Ae(), (e = this.t) == null ? void 0 : e.isConnected) {
-      const i = this.i && this.i.parentNode === this.t ? this.i : null;
-      if (this.t.insertBefore(this.element, i), this.options.stabilizeOut) {
-        const n = this.p();
-        this.log("stabilizing out");
-        const o = this.g.left - n.left, r = this.g.top - n.top;
-        getComputedStyle(this.element).position !== "static" || o === 0 && r === 0 || (this.element.style.position = "relative"), o !== 0 && (this.element.style.left = o + "px"), r !== 0 && (this.element.style.top = r + "px");
-      }
-    }
-    const t = this.A(this.options.keyframeOptions);
-    await this.animate(this.options.out, t), this.element.remove();
-  }
-  prepare() {
-    this.createFinished();
-  }
-  start() {
-    var t, e;
-    (e = (t = this.options).onStart) == null || e.call(t, this);
-  }
-  didFinish(t) {
-    var e, i;
-    t && ((i = (e = this.options).onComplete) == null || i.call(e, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
-  }
-  _() {
-    const t = [];
-    for (let e = this.element.parentNode; e; e = e == null ? void 0 : e.parentNode) {
-      const i = Te.get(e);
-      i && !i.isDisabled() && i && t.push(i);
-    }
-    return t;
-  }
-  get isHostRendered() {
-    const t = we.has(this.l);
-    return t || this.l.updateComplete.then(() => {
-      we.add(this.l);
-    }), t;
-  }
-  A(t, e = this._()) {
-    const i = { ...Zi };
-    return e.forEach((n) => Object.assign(i, n.options.keyframeOptions)), Object.assign(i, t), i;
-  }
-  O(t, e, i) {
-    t = { ...t }, e = { ...e };
-    const n = i.map((a) => a.animatingProperties).filter((a) => a !== void 0);
-    let o = 1, r = 1;
-    return n !== void 0 && (n.forEach((a) => {
-      a.width && (o /= a.width), a.height && (r /= a.height);
-    }), t.left !== void 0 && e.left !== void 0 && (t.left = o * t.left, e.left = o * e.left), t.top !== void 0 && e.top !== void 0 && (t.top = r * t.top, e.top = r * e.top)), { from: t, to: e };
-  }
-  calculateKeyframes(t, e, i = !1) {
-    const n = {}, o = {};
-    let r = !1;
-    const a = {};
-    for (const l in e) {
-      const c = t[l], d = e[l];
-      if (l in Rt) {
-        const h = Rt[l];
-        if (c === void 0 || d === void 0)
-          continue;
-        const p = h(c, d);
-        p.transform !== void 0 && (a[l] = p.value, r = !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 && (r = !0, n[l] = c, o[l] = d);
-    }
-    return n.transformOrigin = o.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, r ? [n, o] : void 0;
-  }
-  async animate(t, e = 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, e]), i = !0, this.webAnimation = this.element.animate(t, e);
-      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, e;
-    return ((t = this.webAnimation) == null ? void 0 : t.playState) === "running" || ((e = this.webAnimation) == null ? void 0 : e.pending);
-  }
-  log(t, e) {
-    this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
-  }
-}
-const jt = xt(qi), it = (s, t, e) => {
-  s && e.style.setProperty(t, s);
-}, ss = (s, t) => {
-  var e, i, n, o;
-  it((e = s.colors) == null ? void 0 : e.primaryBackground, "--primary-background", t), it(
-    (i = s.colors) == null ? void 0 : i.textOnPrimaryBackground,
-    "--text-on-primary-background",
-    t
-  ), it(
-    (n = s.colors) == null ? void 0 : n.secondaryBackground,
-    "--secondary-background",
-    t
-  ), it(
-    (o = s.colors) == null ? void 0 : o.textOnSecondaryBackground,
-    "--text-on-secondary-background",
-    t
-  );
-};
-var Yi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, wt = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? Xi(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && Yi(t, e, n), n;
-};
-class M extends m {
-  constructor() {
-    super(...arguments), this.active = !1, this.loaded = !1, this.containerRef = pt();
-  }
-  async connectedCallback() {
-    super.connectedCallback(), this.icon = await this._renderSymbol(), this.loaded = !0, this._applyBranding();
-  }
-  toggleActive() {
-    var t;
-    if (!((t = this.application) != null && t.root)) {
-      console.warn(
-        "Could not activate widget. No root element assigned to widget."
-      );
-      return;
-    }
-    this.active = !this.active, this.active ? this.application.appendToDOM() : this.application.hide();
-  }
-  _applyBranding() {
-    var t;
-    (t = this.application) != null && t.settings && ss(this.application.settings.branding, this);
-  }
-  async _renderSymbol() {
-    var a, l, c;
-    const t = (a = this.application) == null ? void 0 : a.branding(), e = (l = t == null ? void 0 : t.graphics) == null ? void 0 : l.trigger;
-    if (e)
-      return f` <img src=${e} class="trigger-icon" alt="" /> `;
-    const i = (c = this.application) == null ? void 0 : c.triggerIcon;
-    if (!i)
-      return u;
-    const n = async (d) => Ps, { type: o, content: r } = i;
-    switch (o) {
-      case "Telia": {
-        const d = await n();
-        return d ? f`<telia-icon
-            class="trigger-icon"
-            svg=${d.svg}
-            size="lg"
-          ></telia-icon>` : u;
-      }
-      default:
-        return u;
-    }
-  }
-  render() {
-    var t, e, i, n;
-    return f`<div class="trigger-container" ${ut(this.containerRef)}>
-      ${!this.active && ((n = (i = (e = (t = this.application) == null ? void 0 : t.settings) == null ? void 0 : e.branding) == null ? void 0 : i.other) != null && n.showButtonLabel) ? f`
-            <button
-              class="trigger-label"
-              @click=${this.toggleActive}
-              ${jt({
-      keyframeOptions: {},
-      in: Fi,
-      stabilizeOut: !0,
-      skipInitial: !1
-    })}
-            >
-              ${this.application.settings.branding.other.buttonLabelText}
-            </button>
-          ` : u}
-
-      <button
-        class=${ft({
-      trigger: !0,
-      active: this.active,
-      rendered: this.loaded
-    })}
-        @click=${this.toggleActive}
-      >
-        ${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"
-              fill="none"
-              stroke="#000"
-              stroke-width="2"
-              stroke-miterlimit="10"
-            />
-          </svg>
-        </span>
-      </button>
-    </div>`;
-  }
-}
-M.styles = [
-  b`
-      :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-container {
-        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;
-        justify-content: center;
-        border: none;
-        line-height: 55px;
-        height: 55px;
-        width: 55px;
-        border-radius: 55px;
-        cursor: pointer;
-        background-color: var(--trigger-bg, var(--primary-background));
-        font-family: Lato;
-        text-decoration: none;
-        border: 3px dashed transparent;
-        box-sizing: border-box;
-        transition: transform 200ms ease-out;
-      }
-      .trigger:active {
-        transform: scale(0.8) !important;
-      }
-      .trigger:hover:not(:active) {
-        transform: scale(1.1) !important;
-      }
-      .trigger.rendered {
-        transform: scale(1);
-      }
-      .trigger.active .trigger-icon {
-        opacity: 0;
-        transform: rotate(-180deg) scale(0);
-      }
-      .trigger.active .trigger-close {
-        opacity: 1;
-        transform: rotate(0deg) scale(1);
-      }
-
-      .trigger-icon {
-        display: inline-block;
-        line-height: inherit;
-        text-align: center;
-        opacity: 1;
-        transform: rotate(0deg) scale(1);
-        transition: opacity 200ms ease-out, transform 200ms ease-out;
-        color: var(--trigger-text-color, var(--text-on-primary-background));
-      }
-      .trigger-close {
-        opacity: 0;
-        transition: transform 200ms ease-out;
-        transform: rotate(180deg) scale(0);
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        fill: var(--trigger-text-color, var(--text-on-primary-background));
-      }
-
-      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;
-      }
-    `
-];
-wt([
-  $({ attribute: !1 })
-], M.prototype, "application", 2);
-wt([
-  w()
-], M.prototype, "active", 2);
-wt([
-  w()
-], M.prototype, "loaded", 2);
-wt([
-  w()
-], M.prototype, "icon", 2);
-var Ki = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, T = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? Qi(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && Ki(t, e, n), n;
-};
-const is = (s) => {
-  class t extends s {
-    constructor() {
-      super(...arguments), this.properties = {}, this.context = {}, this.layout = {}, this.nodes = [];
-    }
-    writeProperties(i) {
-      this.properties = i;
-    }
-    writeLayout(i) {
-      this.layout = i;
-    }
-    writeContext(i) {
-      this.context = i;
-    }
-    addChild(i) {
-      i.parent = this, this.nodes.push(i);
-    }
-    connectedCallback() {
-      super.connectedCallback(), this.renderRoot.host.style.setProperty(
-        "--width",
-        this.layout.size === "full" ? "var(--columns, 1)" : `min(${this.layout.size || "var(--columns)"}, var(--columns))`
-      ), this.application.mountComponent(this);
-    }
-  }
-  return t.styles = [
-    // (superClass as unknown as typeof LitElement).styles ?? [],
-    b`
-        :host {
-          font-family: var(--font-family);
-          grid-column: span var(--width);
-          max-width: 100%;
-          overflow: hidden;
-          box-sizing: border-box;
-          display: block;
-        }
-        * {
-          box-sizing: border-box;
-        }
-      `
-  ], T([
-    $()
-  ], t.prototype, "properties", 2), T([
-    $()
-  ], t.prototype, "context", 2), T([
-    $()
-  ], t.prototype, "layout", 2), T([
-    $()
-  ], t.prototype, "name", 2), T([
-    $()
-  ], t.prototype, "type", 2), T([
-    $({ attribute: !1 })
-  ], t.prototype, "application", 2), T([
-    $({ attribute: !1 })
-  ], t.prototype, "parent", 2), t;
-};
-class ns extends is(m) {
-  render() {
-    return f`Non resolved component`;
-  }
-}
-ns.styles = [
-  b`
-      :host {
-        display: block;
-      }
-    `
-];
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function* Ji(s, t) {
-  if (s !== void 0) {
-    let e = 0;
-    for (const i of s)
-      yield t(i, e++);
-  }
-}
-var Kt = /* @__PURE__ */ ((s) => (s.Inline = "inline", s.Trigger = "trigger", s))(Kt || {}), Vi = Object.defineProperty, tn = Object.getOwnPropertyDescriptor, en = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? tn(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && Vi(t, e, n), n;
-};
-class Qt extends m {
-  constructor() {
-    super(...arguments), this.nodes = [], this.wrapperRef = pt();
-  }
-  addChild(t) {
-    t.parent = this, this.nodes.push(t);
-  }
-  applyBranding() {
-    if (!this.wrapperRef.value)
-      return;
-    const t = this.application.settings;
-    t != null && t.branding && ss(t.branding, this.wrapperRef.value);
-  }
-  applyStyles() {
-    if (!this.wrapperRef.value)
-      return;
-    const t = this.application.styles(), e = this.wrapperRef.value;
-    Object.entries(t).forEach(([i, n]) => {
-      e.style.setProperty(`--${i}`, n);
-    });
-  }
-  firstUpdated(t) {
-    this.applyBranding(), this.applyStyles();
-  }
-  render() {
-    return this.application.renderStrategy === Kt.Trigger && (this.renderRoot.host.classList.add("floating"), this.application.anchor === "BottomLeft" ? this.renderRoot.host.classList.add("bottom-left") : this.application.anchor === "BottomRight" && this.renderRoot.host.classList.add("bottom-right")), f`<div class="widget-container" ${ut(this.wrapperRef)}>
-      ${Ji(this.nodes, (t) => t)}
-    </div>`;
-  }
-}
-Qt.styles = b`
-    :host {
-      --font-family: TeliaSans, Helvetica, Arial, Lucida Grande, sans-serif;
-      --spacing-xs: 0.2rem;
-      --spacing-sm: 0.5rem;
-      --spacing-md: 1rem;
-      --spacing-lg: 1.2rem;
-      --spacing-xl: 1.8rem;
-
-      --text-color: #222222;
-      --link-color: #990ae3;
-      --gray-color: #f3f3f8;
-      --gray-dark-color: #a6a6a6;
-
-      --box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
-      --border-radius: var(--spacing-sm);
-      --border-radius-sm: var(--spacing-sm);
-      --gap: var(--spacing-sm);
-    }
-    :host {
-      --voca-rem-multiplier: 0.625;
-      box-sizing: border-box;
-      display: block;
-    }
-
-    :host(.inline) {
-      height: 100%;
-      position: fixed;
-      inset: 0 0 0 0;
-    }
-
-    :host(.floating) {
-      z-index: 6;
-      position: fixed;
-    }
-    @media screen and (max-width: 800px) {
-      :host(.floating) {
-        inset: 0 0 95px 0;
-      }
-    }
-    @media screen and (min-width: 801px) {
-      :host(.floating) {
-        inset: auto 20px 95px auto;
-        max-height: calc(100vh - 120px);
-        width: 400px;
-        height: 700px;
-      }
-      :host(.floating.bottom-right) {
-        inset: auto 20px 95px auto;
-      }
-      :host(.floating.bottom-left) {
-        inset: auto auto 95px 20px;
-      }
-    }
-
-    :host(.floating) .widget-container {
-      box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
-      border-radius: 0.7rem;
-    }
-
-    * {
-      box-sizing: border-box;
-    }
-    .widget-container {
-      height: 100%;
-      background-color: var(--primary-background);
-      padding: var(--spacing-sm);
-      border: var(--widget-border, none);
-    }
-    @keyframes slideDown {
-      from {
-        transform: translateY(0);
-        opacity: 1;
-      }
-      to {
-        transform: translateY(100%);
-        opacity: 0;
-      }
-    }
-    @keyframes slideUp {
-      from {
-        transform: translateY(100%);
-        opacity: 0;
-      }
-      to {
-        transform: translateY(0);
-        opacity: 1;
-      }
-    }
-    :host(.expanded) {
-      opacity: 1;
-      animation: slideUp 0.3s linear;
-    }
-    :host(.hidden) {
-      opacity: 0;
-      animation: slideDown 0.3s linear;
-    }
-  `;
-en([
-  $({ attribute: !1 })
-], Qt.prototype, "application", 2);
-var sn = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, Jt = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? nn(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && sn(t, e, n), n;
-};
-class V extends m {
-  constructor() {
-    super(), this.status = "deactivated", this.addEventListener("environment-created", this.onEnvironmentCreated);
-  }
-  async connectedCallback() {
-    super.connectedCallback(), await this.getGlobalEnvironment();
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.removeEventListener("environment-created", this.onEnvironmentCreated);
-  }
-  async onEnvironmentCreated(t) {
-    this.widget = t.detail.widget, await this.activate(), this.requestUpdate();
-  }
-  async activate() {
-    this.widget && (await this.widget.activate(), this.status = "activated");
-  }
-  async getGlobalEnvironment() {
-    const t = globalThis.widgets;
-    t && (this.widget = t.applications.find(
-      (e) => e.name === this.name
-    ), await this.activate());
-  }
-  render() {
-    if (!this.widget || this.status !== "activated")
-      return u;
-    if (this.widget.renderStrategy === Kt.Trigger) {
-      const t = new M();
-      return t.application = this.widget, t;
-    }
-    return this.widget.render();
-  }
-}
-V.styles = [
-  b`
-      :host {
-        display: block;
-      }
-    `
-];
-Jt([
-  $({ attribute: !0 })
-], V.prototype, "name", 2);
-Jt([
-  w()
-], V.prototype, "widget", 2);
-Jt([
-  w()
-], V.prototype, "status", 2);
-customElements.get("ace-trigger-slot") || customElements.define("ace-trigger-slot", Xt);
-customElements.get("ace-trigger") || customElements.define("ace-trigger", M);
-customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", ns);
-customElements.get("ace-wrapper") || customElements.define("ace-wrapper", Qt);
-customElements.get("ace-widget") || customElements.define("ace-widget", V);
-var on = Object.defineProperty, rn = Object.getOwnPropertyDescriptor, At = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? rn(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && on(t, e, n), n;
-};
-let B = class extends m {
-  constructor() {
-    super(...arguments), this.loading = !0, this.entries = [];
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.session.entries().subscribe((s) => {
-      this.entries = s;
-    }), this.session.isTyping().subscribe((s) => {
-      this.loading = s;
-    });
-  }
-  updated(s) {
-    const t = new CustomEvent("updated", {});
-    this.dispatchEvent(t);
-  }
-  render() {
-    return f`<div class="conversation-session">
-      ${this.entries.map(
-      (s) => f`<div class="conversation-entry" tabindex="-1">
-            <conversation-entry
-              .entry=${s}
-              ${jt({
-        keyframeOptions: {},
-        in: Se,
-        stabilizeOut: !0,
-        skipInitial: !1
-      })}
-            >
-            </conversation-entry>
-          </div>`
-    )}
-      ${this.loading ? f`<ace-typing-state
-            ${jt({
-      keyframeOptions: {},
-      in: Se,
-      out: Wi,
-      stabilizeOut: !0,
-      skipInitial: !1
-    })}
-          ></ace-typing-state>` : u}
-    </div> `;
-  }
-};
-B.styles = [
-  b`
-      :host {
-        display: block;
-      }
-      .conversation-session {
-        display: flex;
-        flex-direction: column;
-        justify-content: end;
-        min-height: 100%;
-        padding: var(--spacing-md);
-      }
-    `
-];
-At([
-  $({ type: Boolean })
-], B.prototype, "loading", 2);
-At([
-  $({ attribute: !1 })
-], B.prototype, "session", 2);
-At([
-  w()
-], B.prototype, "entries", 2);
-B = At([
-  J("ace-conversation-session")
-], B);
-var an = Object.defineProperty, ln = Object.getOwnPropertyDescriptor, os = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? ln(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && an(t, e, n), n;
-};
-let gt = class extends m {
-  connectedCallback() {
-    var s;
-    super.connectedCallback(), (s = this.entry.didUpdate) == null || s.subscribe(() => {
-      this.requestUpdate();
-    });
-  }
-  _getTimestamp(s) {
-    return new Date(s).toLocaleTimeString([], {
-      hour: "numeric",
-      minute: "2-digit",
-      hourCycle: "h23"
-    });
-  }
-  _renderTimestamp(s, t) {
-    if (!s && !t)
-      return u;
-    let e = "";
-    return s ? t ? e = `${s}: ${this._getTimestamp(t)}` : e = s : t && (e = this._getTimestamp(t)), f`<p class="conversation-timestamp">${e}</p>`;
-  }
-  _renderDeliveryStatus(s) {
-    return s === "delivered" ? f`<telia-icon
-        svg=${Os.svg}
-        size="sm"
-      ></telia-icon>` : s === "failed" ? f`<telia-icon
-        svg=${Ts.svg}
-        size="sm"
-        title="Message could not be delivered"
-      ></telia-icon>` : f`<telia-icon svg=${Ls.svg} size="sm"></telia-icon>`;
-  }
-  _dispatchEntryAction(s) {
-    this.entry.actions$.next(s.detail);
-  }
-  render() {
-    var s, t;
-    switch (this.entry.type) {
-      case Et.System:
-        return f`
-          <div class="conversation-system-message">
-            ${this.entry.messages.map(
-          (e) => f`
-                <div class="message-container">
-                  <div class="message-content">
-                    <conversation-group
-                      .group=${e}
-                      @action=${this._dispatchEntryAction}
-                    ></conversation-group>
-                  </div>
-                </div>
-              `
-        )}
-            <span>${this._getTimestamp(this.entry.timestamp)}</span>
-          </div>
-        `;
-      case Et.Agent:
-        return f`<div
-          class=${ft({
-          "conversation-agent-message": !0,
-          "has-avatar": !!((s = this.entry.sender) != null && s.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(
-          (e) => f`
-                <div class="message-container">
-                  <div class="message-content">
-                    <conversation-group .group=${e}></conversation-group>
-                  </div>
-                </div>
-              `
-        )}
-          </div>
-          <div class="message-details">
-            ${this._renderTimestamp(
-          this.entry.sender.name || "",
-          this.entry.timestamp
-        )}
-          </div>
-        </div>`;
-      case Et.User:
-        return f`<div
-          class=${ft({
-          "conversation-user-message": !0,
-          "has-error": this.entry.status === "failed"
-        })}
-        >
-          <div class="entry-content">
-            ${this.entry.messages.map(
-          (e) => f`
-                <div class="message-container">
-                  <div class="message-content">
-                    <conversation-group .group=${e}></conversation-group>
-                  </div>
-                </div>
-              `
-        )}
-          </div>
-          <div class="message-details">
-            ${this._renderTimestamp(
-          this.entry.sender.name || "",
-          this.entry.timestamp
-        )}
-            ${this._renderDeliveryStatus(this.entry.status)}
-          </div>
-        </div>`;
-      default:
-        return u;
-    }
-  }
-};
-gt.styles = [
-  b`
-      :host {
-        box-sizing: border-box;
-        display: block;
-      }
-      * {
-        box-sizing: border-box;
-      }
-      .message-content {
-        padding: var(--spacing-md);
-        display: inline-block;
-        margin-top: var(--spacing-md);
-        max-width: 100%;
-        border: 1px solid rgba(255, 255, 255, 0.22);
-        border-radius: var(--border-radius);
-        background-color: var(--bubble-bg-color);
-        color: var(--bubble-text-color);
-      }
-
-      .message-details {
-        display: flex;
-        gap: var(--spacing-sm);
-        align-items: center;
-      }
-
-      .conversation-system-message {
-        display: flex;
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-      }
-
-      .conversation-system-message .message-content {
-        padding: 0;
-      }
-
-      .conversation-system-message span {
-        color: var(--message-info-color, var(--text-color));
-        font-size: 0.8rem;
-      }
-
-      .conversation-user-message {
-        --bubble-bg-color: var(--user-bg-color);
-        --bubble-text-color: var(--user-text-color);
-        margin-left: 10%;
-        width: 90%;
-        display: flex;
-        flex-direction: column;
-        align-items: flex-end;
-        gap: var(--spacing-sm);
-      }
-
-      .conversation-user-message.has-error {
-        opacity: 0.7;
-      }
-
-      .conversation-user-message.has-error .message-details {
-        color: var(--error-text-color);
-      }
-
-      .conversation-agent-message {
-        --bubble-bg-color: var(--agent-bg-color);
-        --bubble-text-color: var(--agent-text-color);
-        display: grid;
-        margin-right: 10%;
-        width: 90%;
-        gap: var(--spacing-sm);
-
-        grid-template-columns: 1fr;
-        grid-template-rows: 1fr auto;
-        grid-template-areas:
-          'content'
-          'info';
-      }
-      .conversation-agent-message.has-avatar {
-        grid-template-columns: auto 1fr;
-        grid-template-rows: 1fr auto;
-        grid-template-areas:
-          'avatar content'
-          '. info';
-      }
-
-      .avatar {
-        grid-area: avatar;
-        place-self: flex-end;
-        width: 32px;
-        height: 32px;
-        border-radius: 50%;
-        align-self: flex-end;
-        justify-self: center;
-        overflow: hidden;
-        margin-right: var(--spacing-md);
-        justify-content: center;
-        align-items: center;
-      }
-      .avatar img {
-        height: 100%;
-        width: 100%;
-        object-fit: cover;
-      }
-
-      .conversation-timestamp {
-        grid-area: info;
-        margin: 0;
-        line-height: 1.5em;
-        grid-area: info;
-        color: var(--message-info-color, var(--text-color));
-        font-size: 0.8rem;
-        font-weight: 300;
-      }
-
-      .entry-content {
-        grid-area: content;
-      }
-    `
-];
-os([
-  $({ attribute: !1 })
-], gt.prototype, "entry", 2);
-gt = os([
-  J("conversation-entry")
-], gt);
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const cn = (s, t, e) => {
-  for (const i of t)
-    if (i[0] === s)
-      return (0, i[1])();
-  return e == null ? void 0 : e();
-};
-var dn = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, rs = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? hn(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && dn(t, e, n), n;
-};
-let $t = class extends m {
-  render() {
-    return f`
-      <div class="message-group">
-        ${this.group.items.map(
-      ([s, t]) => f`
-            ${cn(
-        s,
-        [["html", () => f`<message-type-html .message=${t} />`]],
-        () => {
-          const e = customElements.get(s);
-          if (!e)
-            return u;
-          const i = new e();
-          return f`${i}`;
-        }
-      )}
-          `
-    )}
-      </div>
-    `;
-  }
-};
-$t.styles = [
-  b`
-      :host {
-        box-sizing: border-box;
-        display: block;
-      }
-      * {
-        box-sizing: border-box;
-      }
-      .message-group {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-md);
-      }
-    `
-];
-rs([
-  $({ attribute: !1 })
-], $t.prototype, "group", 2);
-$t = rs([
-  J("conversation-group")
-], $t);
-var pn = Object.defineProperty, un = Object.getOwnPropertyDescriptor, fn = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? un(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && pn(t, e, n), n;
-};
-let Dt = class extends m {
-  render() {
-    return f`<div class="container">
-      <div class="dot"></div>
-      <div class="dot"></div>
-      <div class="dot"></div>
-    </div>`;
-  }
-};
-Dt.styles = [
-  b`
-      :host {
-        display: block;
-      }
-      .container {
-        align-items: center;
-        display: flex;
-        justify-content: center;
-        gap: var(--spacing-sm);
-        padding: var(--spacing-md);
-      }
-      .dot {
-        border-radius: 9999px;
-        height: var(--spacing-sm);
-        width: var(--spacing-sm);
-        background: var(--primary-background);
-        opacity: 0;
-        animation: blink 1s infinite;
-      }
-      .dot:nth-child(1) {
-        animation-delay: 0.3333s;
-      }
-      .dot:nth-child(2) {
-        animation-delay: 0.6666s;
-      }
-      .dot:nth-child(3) {
-        animation-delay: 0.9999s;
-      }
-
-      @keyframes blink {
-        50% {
-          opacity: 1;
-        }
-      }
-    `
-];
-Dt = fn([
-  J("ace-typing-state")
-], Dt);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class It extends Yt {
-  constructor(t) {
-    if (super(t), this.et = u, t.type !== Ct.CHILD)
-      throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(t) {
-    if (t === u || t == null)
-      return this.vt = void 0, this.et = t;
-    if (t === E)
-      return t;
-    if (typeof t != "string")
-      throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (t === this.et)
-      return this.vt;
-    this.et = t;
-    const e = [t];
-    return e.raw = e, this.vt = { _$litType$: this.constructor.resultType, strings: e, values: [] };
-  }
-}
-It.directiveName = "unsafeHTML", It.resultType = 1;
-const gn = xt(It);
-var $n = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, as = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? mn(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && $n(t, e, n), n;
-};
-let mt = class extends m {
-  render() {
-    return f`<div class="message-type-html">
-      ${gn(this.message.content)}
-    </div>`;
-  }
-};
-mt.styles = [
-  b`
-      :host {
-        box-sizing: border-box;
-      }
-      * {
-        box-sizing: border-box;
-      }
-      p {
-        margin: 0;
-        padding: 0;
-        word-break: break-word;
-      }
-      a {
-        word-break: break-all;
-      }
-    `
-];
-as([
-  $({ attribute: !1 })
-], mt.prototype, "message", 2);
-mt = as([
-  J("message-type-html")
-], mt);
-class vn {
-  constructor(t) {
-    this._message = null, this._host = t, t.addController(this);
-  }
-  hostConnected() {
-  }
-  set message(t) {
-    this._message = t, this._host.requestUpdate();
-  }
-  get message() {
-    return this._message;
-  }
-  hasMessage() {
-    return !!this.message;
-  }
-}
-var yn = Object.defineProperty, bn = Object.getOwnPropertyDescriptor, St = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? bn(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && yn(t, e, n), n;
-};
-const _n = (s) => {
-  s.scrollTo ? s.scrollTo({ top: s.scrollHeight, behavior: "smooth" }) : s.scrollTop = s.scrollHeight;
-}, ls = is(m);
-class tt extends ls {
-  constructor() {
-    super(...arguments), this.toast = new vn(this), this.messageMaxLength = 1e3, this.message = "", this.platform = null, this.session = null, this.disabled = !1, this.conversationContentRef = pt(), this.formRef = pt(), this.chatScrollHeight = 0;
-  }
-  async connectedCallback() {
-    super.connectedCallback(), this.messageMaxLength = this.properties.messageMaxLength ?? this.messageMaxLength;
-    const t = await this.application.container.get(
-      "conversation"
-    );
-    this.platform = t || null, this.platform && (this.platform.activeSessionId ? this.session = this.platform.sessions.get(this.platform.activeSessionId) || null : this.session = this.platform.createSession(this) || null), this._addHeaderOptions();
-  }
-  async _onSendMessage(t) {
-    var i;
-    if (t.preventDefault(), this.message.length <= 0) {
-      (i = this.formRef.value) == null || i.classList.add("shake"), setTimeout(() => {
-        var n;
-        (n = this.formRef.value) == null || n.classList.remove("shake");
-      }, 500);
-      return;
-    }
-    this.message = this.message.slice(0, this.messageMaxLength);
-    const e = new CustomEvent("user-submit", {
-      detail: { text: this.message }
-    });
-    this.dispatchEvent(e), this.message = "";
-  }
-  _addHeaderOptions() {
-    const t = this.application.getComponent("widget-header");
-    if (!t)
-      return;
-    const e = this.application.texts, i = e.getOrFallback("conversation.mute", "Mute"), n = e.getOrFallback("conversation.unmute", "Unmute"), r = !!this.application.branding().other.disableSound, a = t.addOption({
-      label: r ? n : i,
-      icon: r ? de.svg : ce.svg,
-      closeOnClick: !1,
-      datatestid: "options-mute-button",
-      onClick: () => {
-        !!this.application.branding().other.disableSound ? (this.application.unmute(), a.updateLabel(i), a.updateIcon(de.svg)) : (this.application.mute(), a.updateLabel(n), a.updateIcon(ce.svg));
-      }
-    });
-  }
-  _inputHandler(t) {
-    this.message = t.target.value;
-  }
-  _actionHandler(t) {
-  }
-  onSessionUpdated() {
-    const t = this.conversationContentRef.value;
-    t && setTimeout(() => {
-      const e = t.scrollHeight;
-      e > this.chatScrollHeight && (_n(t), this.chatScrollHeight = e);
-    }, 1e3);
-  }
-  disableInput() {
-    this.disabled = !0;
-  }
-  enableInput() {
-    this.disabled = !1;
-  }
-  setToastMessage(t) {
-    this.toast.message = t;
-  }
-  handover(t, e = {}) {
-    var i;
-    return this.enableInput(), this.setToastMessage(null), ((i = this.session) == null ? void 0 : i.handover(t, e)) || cs;
-  }
-  render() {
-    const t = this.application.texts;
-    return f` <div
-      @action=${this._actionHandler}
-      class=${ft({
-      conversation: !0,
-      disabled: this.disabled,
-      "conversation--has-toast": this.toast.hasMessage(),
-      "conversation--input-has-text": this.message.length > 0
-    })}
-    >
-      <div class="conversation-content" ${ut(this.conversationContentRef)}>
-        ${this.toast.hasMessage() ? f`<div class="conversation__toast">${this.toast.message}</div>` : u}
-        ${this.session ? f`<ace-conversation-session
-              @updated=${this.onSessionUpdated}
-              .session=${this.session}
-            ></ace-conversation-session>` : u}
-      </div>
-      <form
-        class="conversation-bottom"
-        @submit=${this._onSendMessage}
-        ${ut(this.formRef)}
-      >
-        <input
-        maxlength=${this.messageMaxLength}
-        placeholder=${t.getOrFallback(
-      "conversation.input-placeholder",
-      "Aa"
-    )}
-        data-testid='message-input'
-        .value=${this.message}
-        ?disabled=${this.disabled} 
-        @input=${this._inputHandler} />
-        <div class="conversation-actions">
-          <button
-            class="conversation-send-button"
-            type="submit"
-            data-testid='send-message-button'
-            title=${t.getOrFallback("conversation.send-alt", "Send")}
-            ?disabled=${this.disabled}
-          >
-            <telia-icon svg=${Ms.svg}></telia-icon>
-          </button>
-        </div>
-      </form>
-    </div>`;
-  }
-}
-tt.styles = [
-  ls.styles || [],
-  b`
-      :host {
-        font-family: var(--font-family);
-        /* --send-icon-color: var(--gray-dark-color, #a6a6a6); */
-        --send-icon-opacity: 0.4;
-        --send-icon-color: var(--text-color);
-        --conversation-bg: var(--conversation-bg-color, #fafafa);
-        --agent-bg-color: var(
-          --conversation-agent-bg-color,
-          var(--secondary-background)
-        );
-        --agent-text-color: var(
-          --conversation-agent-text-color,
-          var(--text-on-secondary-background)
-        );
-        --user-bg-color: var(
-          --conversation-user-bg-color,
-          var(--primary-background)
-        );
-        --user-text-color: var(
-          --conversation-user-text-color,
-          var(--text-on-primary-background)
-        );
-
-        --content-border: var(--conversation-content-border, none);
-        --input-border: var(--conversation-input-border, none);
-        --input-text-color: var(--conversation-input-text-color, inherit);
-        --conversation-input-bg: var(--conversation-input-bg-color, #fff);
-
-        --toast-bg: #eb5185;
-        --toast-text-color: white;
-
-        --error-text-color: #eb5185;
-
-        --message-info-color: var(
-          --conversation-message-info-color,
-          var(--text-color)
-        );
-
-        scrollbar-width: thin; /* Firefox */
-        scrollbar-color: #7f7f7f transparent; /* Firefox */
-      }
-      ::-webkit-scrollbar {
-        width: 3px !important;
-        background-color: transparent;
-        border-left: none;
-      }
-      ::-webkit-scrollbar-thumb {
-        background-color: #7f7f7f;
-      }
-      ::-webkit-scrollbar-track {
-        -webkit-box-shadow: none !important;
-        background-color: transparent;
-      }
-
-      @keyframes shake {
-        10%,
-        90% {
-          transform: translateX(1px);
-        }
-        20%,
-        80% {
-          transform: translateX(-1px);
-        }
-        30%,
-        50%,
-        70% {
-          transform: translateX(2px);
-        }
-        40%,
-        60% {
-          transform: translateX(-2px);
-        }
-      }
-
-      .conversation {
-        display: grid;
-        grid-template-rows: 1fr auto;
-        gap: var(--spacing-lg);
-        height: 100%;
-        background-color: transparent;
-      }
-      .conversation.conversation--input-has-text {
-        /* --send-icon-color: var(--primary-color); */
-        --send-icon-opacity: 1;
-      }
-      .conversation.conversation--has-toast .conversation-content {
-        border-top-right-radius: 0;
-        border-top-left-radius: 0;
-      }
-      .conversation.disabled .conversation-bottom {
-        --conversation-input-bg: rgba(255, 255, 255, 0.4);
-      }
-      .conversation-content {
-        flex: 1;
-        background-color: var(--conversation-bg);
-        overflow-y: auto;
-        overflow-x: hidden;
-        border-radius: var(--border-radius-sm);
-        border: var(--content-border);
-        position: relative;
-      }
-      .conversation-bottom {
-        border: var(--input-border);
-        border-radius: var(--border-radius-sm);
-        background-color: var(--conversation-input-bg);
-        min-height: 50px;
-        max-height: 150px;
-        display: flex;
-        align-items: center;
-        padding: 0 var(--spacing-md);
-        margin: 0;
-        transition: background-color 500ms ease-in-out;
-      }
-      .conversation-bottom.shake {
-        animation: 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0s 1 normal both
-          running shake;
-      }
-      .conversation-bottom-left {
-        border-right: 1px solid var(--gray-color);
-        padding-right: var(--spacing-md);
-      }
-      .conversation-send-button {
-        border: none;
-        background: transparent;
-        color: var(--send-icon-color);
-        opacity: var(--send-icon-opacity);
-        transition: opacity 200ms ease-in-out;
-      }
-      .conversation-send-button:not(:disabled):hover {
-        --send-icon-opacity: 1;
-        cursor: pointer;
-      }
-      .conversation__toast {
-        background-color: var(--toast-bg);
-        color: var(--toast-text-color);
-        padding: var(--spacing-md);
-        position: sticky;
-        top: 0;
-        left: 0;
-        right: 0;
-        font-size: 0.8rem;
-        text-align: center;
-        font-weight: 500;
-      }
-      input {
-        border: none;
-        font-family: inherit;
-        font-size: inherit;
-        flex: 1;
-        height: 2.5rem;
-        outline: none;
-        background-color: transparent;
-        color: var(--input-text-color);
-      }
-    `
-];
-St([
-  w()
-], tt.prototype, "message", 2);
-St([
-  w()
-], tt.prototype, "platform", 2);
-St([
-  w()
-], tt.prototype, "session", 2);
-St([
-  w()
-], tt.prototype, "disabled", 2);
-export {
-  tt as Conversation,
-  tt as default
-};