@telia-ace/widget-conversation-flamingo 1.1.12 → 1.1.13

package/conversation-7da6b954.mjs

@@ -0,0 +1,2619 @@
+import { C as wt } from "./index-4ba82b09.mjs";
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const it = globalThis, Ht = it.ShadowRoot && (it.ShadyCSS === void 0 || it.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Rt = Symbol(), Kt = /* @__PURE__ */ new WeakMap();
+let Se = class {
+  constructor(t, s, i) {
+    if (this._$cssResult$ = !0, i !== Rt)
+      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t, this.t = s;
+  }
+  get styleSheet() {
+    let t = this.o;
+    const s = this.t;
+    if (Ht && t === void 0) {
+      const i = s !== void 0 && s.length === 1;
+      i && (t = Kt.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Kt.set(s, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const rs = (e) => new Se(typeof e == "string" ? e : e + "", void 0, Rt), w = (e, ...t) => {
+  const s = e.length === 1 ? e[0] : t.reduce((i, n, r) => i + ((o) => {
+    if (o._$cssResult$ === !0)
+      return o.cssText;
+    if (typeof o == "number")
+      return o;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(n) + e[r + 1], e[0]);
+  return new Se(s, e, Rt);
+}, os = (e, t) => {
+  if (Ht)
+    e.adoptedStyleSheets = t.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
+  else
+    for (const s of t) {
+      const i = document.createElement("style"), n = it.litNonce;
+      n !== void 0 && i.setAttribute("nonce", n), i.textContent = s.cssText, e.appendChild(i);
+    }
+}, Qt = Ht ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+  let s = "";
+  for (const i of t.cssRules)
+    s += i.cssText;
+  return rs(s);
+})(e) : e;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: as, defineProperty: ls, getOwnPropertyDescriptor: cs, getOwnPropertyNames: ds, getOwnPropertySymbols: hs, getPrototypeOf: ps } = Object, E = globalThis, Zt = E.trustedTypes, us = Zt ? Zt.emptyScript : "", At = E.reactiveElementPolyfillSupport, W = (e, t) => e, nt = { toAttribute(e, t) {
+  switch (t) {
+    case Boolean:
+      e = e ? us : null;
+      break;
+    case Object:
+    case Array:
+      e = e == null ? e : JSON.stringify(e);
+  }
+  return e;
+}, fromAttribute(e, t) {
+  let s = e;
+  switch (t) {
+    case Boolean:
+      s = e !== null;
+      break;
+    case Number:
+      s = e === null ? null : Number(e);
+      break;
+    case Object:
+    case Array:
+      try {
+        s = JSON.parse(e);
+      } catch {
+        s = null;
+      }
+  }
+  return s;
+} }, Mt = (e, t) => !as(e, t), Xt = { attribute: !0, type: String, converter: nt, reflect: !1, hasChanged: Mt };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), E.litPropertyMetadata ?? (E.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let N = 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, s = Xt) {
+    if (s.state && (s.attribute = !1), this._$Ei(), this.elementProperties.set(t, s), !s.noAccessor) {
+      const i = Symbol(), n = this.getPropertyDescriptor(t, i, s);
+      n !== void 0 && ls(this.prototype, t, n);
+    }
+  }
+  static getPropertyDescriptor(t, s, i) {
+    const { get: n, set: r } = cs(this.prototype, t) ?? { get() {
+      return this[s];
+    }, set(o) {
+      this[s] = o;
+    } };
+    return { get() {
+      return n == null ? void 0 : n.call(this);
+    }, set(o) {
+      const a = n == null ? void 0 : n.call(this);
+      r.call(this, o), this.requestUpdate(t, a, i);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) ?? Xt;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(W("elementProperties")))
+      return;
+    const t = ps(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(W("finalized")))
+      return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(W("properties"))) {
+      const s = this.properties, i = [...ds(s), ...hs(s)];
+      for (const n of i)
+        this.createProperty(n, s[n]);
+    }
+    const t = this[Symbol.metadata];
+    if (t !== null) {
+      const s = litPropertyMetadata.get(t);
+      if (s !== void 0)
+        for (const [i, n] of s)
+          this.elementProperties.set(i, n);
+    }
+    this._$Eh = /* @__PURE__ */ new Map();
+    for (const [s, i] of this.elementProperties) {
+      const n = this._$Eu(s, i);
+      n !== void 0 && this._$Eh.set(n, s);
+    }
+    this.elementStyles = this.finalizeStyles(this.styles);
+  }
+  static finalizeStyles(t) {
+    const s = [];
+    if (Array.isArray(t)) {
+      const i = new Set(t.flat(1 / 0).reverse());
+      for (const n of i)
+        s.unshift(Qt(n));
+    } else
+      t !== void 0 && s.push(Qt(t));
+    return s;
+  }
+  static _$Eu(t, s) {
+    const i = s.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((s) => this.enableUpdating = s), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), (t = this.constructor.l) == null || t.forEach((s) => s(this));
+  }
+  addController(t) {
+    var s;
+    (this._$ES ?? (this._$ES = [])).push(t), this.renderRoot !== void 0 && this.isConnected && ((s = t.hostConnected) == null || s.call(t));
+  }
+  removeController(t) {
+    var s;
+    (s = this._$ES) == null || s.splice(this._$ES.indexOf(t) >>> 0, 1);
+  }
+  _$E_() {
+    const t = /* @__PURE__ */ new Map(), s = this.constructor.elementProperties;
+    for (const i of s.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 os(t, this.constructor.elementStyles), t;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot ?? (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) == null || t.forEach((s) => {
+      var i;
+      return (i = s.hostConnected) == null ? void 0 : i.call(s);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$ES) == null || t.forEach((s) => {
+      var i;
+      return (i = s.hostDisconnected) == null ? void 0 : i.call(s);
+    });
+  }
+  attributeChangedCallback(t, s, i) {
+    this._$AK(t, i);
+  }
+  _$EO(t, s) {
+    var r;
+    const i = this.constructor.elementProperties.get(t), n = this.constructor._$Eu(t, i);
+    if (n !== void 0 && i.reflect === !0) {
+      const o = (((r = i.converter) == null ? void 0 : r.toAttribute) !== void 0 ? i.converter : nt).toAttribute(s, i.type);
+      this._$Em = t, o == null ? this.removeAttribute(n) : this.setAttribute(n, o), this._$Em = null;
+    }
+  }
+  _$AK(t, s) {
+    var r;
+    const i = this.constructor, n = i._$Eh.get(t);
+    if (n !== void 0 && this._$Em !== n) {
+      const o = i.getPropertyOptions(n), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : ((r = o.converter) == null ? void 0 : r.fromAttribute) !== void 0 ? o.converter : nt;
+      this._$Em = n, this[n] = a.fromAttribute(s, o.type), this._$Em = null;
+    }
+  }
+  requestUpdate(t, s, i, n = !1, r) {
+    if (t !== void 0) {
+      if (i ?? (i = this.constructor.getPropertyOptions(t)), !(i.hasChanged ?? Mt)(n ? r : this[t], s))
+        return;
+      this.C(t, s, i);
+    }
+    this.isUpdatePending === !1 && (this._$Eg = this._$EP());
+  }
+  C(t, s, i) {
+    this._$AL.has(t) || this._$AL.set(t, s), 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 (s) {
+      Promise.reject(s);
+    }
+    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 [r, o] of this._$Ep)
+          this[r] = o;
+        this._$Ep = void 0;
+      }
+      const n = this.constructor.elementProperties;
+      if (n.size > 0)
+        for (const [r, o] of n)
+          o.wrapped !== !0 || this._$AL.has(r) || this[r] === void 0 || this.C(r, this[r], o);
+    }
+    let t = !1;
+    const s = this._$AL;
+    try {
+      t = this.shouldUpdate(s), t ? (this.willUpdate(s), (i = this._$ES) == null || i.forEach((n) => {
+        var r;
+        return (r = n.hostUpdate) == null ? void 0 : r.call(n);
+      }), this.update(s)) : this._$ET();
+    } catch (n) {
+      throw t = !1, this._$ET(), n;
+    }
+    t && this._$AE(s);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var s;
+    (s = this._$ES) == null || s.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((s) => this._$EO(s, this[s]))), this._$ET();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+N.elementStyles = [], N.shadowRootOptions = { mode: "open" }, N[W("elementProperties")] = /* @__PURE__ */ new Map(), N[W("finalized")] = /* @__PURE__ */ new Map(), At == null || At({ ReactiveElement: N }), (E.reactiveElementVersions ?? (E.reactiveElementVersions = [])).push("2.0.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const G = globalThis, rt = G.trustedTypes, Jt = rt ? rt.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Ee = "$lit$", S = `lit$${(Math.random() + "").slice(9)}$`, Ce = "?" + S, fs = `<${Ce}>`, P = document, Y = () => P.createComment(""), K = (e) => e === null || typeof e != "object" && typeof e != "function", ke = Array.isArray, $s = (e) => ke(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", St = `[ 	
+\f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Vt = /-->/g, te = />/g, k = RegExp(`>|${St}(?:([^\\s"'>=/]+)(${St}*=${St}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ee = /'/g, se = /"/g, Te = /^(?:script|style|textarea|title)$/i, gs = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), $ = gs(1), C = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ie = /* @__PURE__ */ new WeakMap(), O = P.createTreeWalker(P, 129);
+function Oe(e, t) {
+  if (!Array.isArray(e) || !e.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return Jt !== void 0 ? Jt.createHTML(t) : t;
+}
+const ms = (e, t) => {
+  const s = e.length - 1, i = [];
+  let n, r = t === 2 ? "<svg>" : "", o = F;
+  for (let a = 0; a < s; a++) {
+    const l = e[a];
+    let c, h, d = -1, p = 0;
+    for (; p < l.length && (o.lastIndex = p, h = o.exec(l), h !== null); )
+      p = o.lastIndex, o === F ? h[1] === "!--" ? o = Vt : h[1] !== void 0 ? o = te : h[2] !== void 0 ? (Te.test(h[2]) && (n = RegExp("</" + h[2], "g")), o = k) : h[3] !== void 0 && (o = k) : o === k ? h[0] === ">" ? (o = n ?? F, d = -1) : h[1] === void 0 ? d = -2 : (d = o.lastIndex - h[2].length, c = h[1], o = h[3] === void 0 ? k : h[3] === '"' ? se : ee) : o === se || o === ee ? o = k : o === Vt || o === te ? o = F : (o = k, n = void 0);
+    const f = o === k && e[a + 1].startsWith("/>") ? " " : "";
+    r += o === F ? l + fs : d >= 0 ? (i.push(c), l.slice(0, d) + Ee + l.slice(d) + S + f) : l + S + (d === -2 ? a : f);
+  }
+  return [Oe(e, r + (e[s] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+};
+class Q {
+  constructor({ strings: t, _$litType$: s }, i) {
+    let n;
+    this.parts = [];
+    let r = 0, o = 0;
+    const a = t.length - 1, l = this.parts, [c, h] = ms(t, s);
+    if (this.el = Q.createElement(c, i), O.currentNode = this.el.content, s === 2) {
+      const d = this.el.content.firstChild;
+      d.replaceWith(...d.childNodes);
+    }
+    for (; (n = O.nextNode()) !== null && l.length < a; ) {
+      if (n.nodeType === 1) {
+        if (n.hasAttributes())
+          for (const d of n.getAttributeNames())
+            if (d.endsWith(Ee)) {
+              const p = h[o++], f = n.getAttribute(d).split(S), _ = /([.?@])?(.*)/.exec(p);
+              l.push({ type: 1, index: r, name: _[2], strings: f, ctor: _[1] === "." ? ys : _[1] === "?" ? bs : _[1] === "@" ? _s : ft }), n.removeAttribute(d);
+            } else
+              d.startsWith(S) && (l.push({ type: 6, index: r }), n.removeAttribute(d));
+        if (Te.test(n.tagName)) {
+          const d = n.textContent.split(S), p = d.length - 1;
+          if (p > 0) {
+            n.textContent = rt ? rt.emptyScript : "";
+            for (let f = 0; f < p; f++)
+              n.append(d[f], Y()), O.nextNode(), l.push({ type: 2, index: ++r });
+            n.append(d[p], Y());
+          }
+        }
+      } else if (n.nodeType === 8)
+        if (n.data === Ce)
+          l.push({ type: 2, index: r });
+        else {
+          let d = -1;
+          for (; (d = n.data.indexOf(S, d + 1)) !== -1; )
+            l.push({ type: 7, index: r }), d += S.length - 1;
+        }
+      r++;
+    }
+  }
+  static createElement(t, s) {
+    const i = P.createElement("template");
+    return i.innerHTML = t, i;
+  }
+}
+function I(e, t, s = e, i) {
+  var o, a;
+  if (t === C)
+    return t;
+  let n = i !== void 0 ? (o = s._$Co) == null ? void 0 : o[i] : s._$Cl;
+  const r = K(t) ? void 0 : t._$litDirective$;
+  return (n == null ? void 0 : n.constructor) !== r && ((a = n == null ? void 0 : n._$AO) == null || a.call(n, !1), r === void 0 ? n = void 0 : (n = new r(e), n._$AT(e, s, i)), i !== void 0 ? (s._$Co ?? (s._$Co = []))[i] = n : s._$Cl = n), n !== void 0 && (t = I(e, n._$AS(e, t.values), n, i)), t;
+}
+class vs {
+  constructor(t, s) {
+    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
+  }
+  get parentNode() {
+    return this._$AM.parentNode;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  u(t) {
+    const { el: { content: s }, parts: i } = this._$AD, n = ((t == null ? void 0 : t.creationScope) ?? P).importNode(s, !0);
+    O.currentNode = n;
+    let r = O.nextNode(), o = 0, a = 0, l = i[0];
+    for (; l !== void 0; ) {
+      if (o === l.index) {
+        let c;
+        l.type === 2 ? c = new X(r, r.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (c = new xs(r, this, t)), this._$AV.push(c), l = i[++a];
+      }
+      o !== (l == null ? void 0 : l.index) && (r = O.nextNode(), o++);
+    }
+    return O.currentNode = P, n;
+  }
+  p(t) {
+    let s = 0;
+    for (const i of this._$AV)
+      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, s), s += i.strings.length - 2) : i._$AI(t[s])), s++;
+  }
+}
+class X {
+  get _$AU() {
+    var t;
+    return ((t = this._$AM) == null ? void 0 : t._$AU) ?? this._$Cv;
+  }
+  constructor(t, s, i, n) {
+    this.type = 2, this._$AH = u, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = n, this._$Cv = (n == null ? void 0 : n.isConnected) ?? !0;
+  }
+  get parentNode() {
+    let t = this._$AA.parentNode;
+    const s = this._$AM;
+    return s !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = s.parentNode), t;
+  }
+  get startNode() {
+    return this._$AA;
+  }
+  get endNode() {
+    return this._$AB;
+  }
+  _$AI(t, s = this) {
+    t = I(this, t, s), K(t) ? t === u || t == null || t === "" ? (this._$AH !== u && this._$AR(), this._$AH = u) : t !== this._$AH && t !== C && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : $s(t) ? this.T(t) : this._(t);
+  }
+  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 && K(this._$AH) ? this._$AA.nextSibling.data = t : this.$(P.createTextNode(t)), this._$AH = t;
+  }
+  g(t) {
+    var r;
+    const { values: s, _$litType$: i } = t, n = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = Q.createElement(Oe(i.h, i.h[0]), this.options)), i);
+    if (((r = this._$AH) == null ? void 0 : r._$AD) === n)
+      this._$AH.p(s);
+    else {
+      const o = new vs(n, this), a = o.u(this.options);
+      o.p(s), this.$(a), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let s = ie.get(t.strings);
+    return s === void 0 && ie.set(t.strings, s = new Q(t)), s;
+  }
+  T(t) {
+    ke(this._$AH) || (this._$AH = [], this._$AR());
+    const s = this._$AH;
+    let i, n = 0;
+    for (const r of t)
+      n === s.length ? s.push(i = new X(this.k(Y()), this.k(Y()), this, this.options)) : i = s[n], i._$AI(r), n++;
+    n < s.length && (this._$AR(i && i._$AB.nextSibling, n), s.length = n);
+  }
+  _$AR(t = this._$AA.nextSibling, s) {
+    var i;
+    for ((i = this._$AP) == null ? void 0 : i.call(this, !1, !0, s); t && t !== this._$AB; ) {
+      const n = t.nextSibling;
+      t.remove(), t = n;
+    }
+  }
+  setConnected(t) {
+    var s;
+    this._$AM === void 0 && (this._$Cv = t, (s = this._$AP) == null || s.call(this, t));
+  }
+}
+class ft {
+  get tagName() {
+    return this.element.tagName;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  constructor(t, s, i, n, r) {
+    this.type = 1, this._$AH = u, this._$AN = void 0, this.element = t, this.name = s, this._$AM = n, this.options = r, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = u;
+  }
+  _$AI(t, s = this, i, n) {
+    const r = this.strings;
+    let o = !1;
+    if (r === void 0)
+      t = I(this, t, s, 0), o = !K(t) || t !== this._$AH && t !== C, o && (this._$AH = t);
+    else {
+      const a = t;
+      let l, c;
+      for (t = r[0], l = 0; l < r.length - 1; l++)
+        c = I(this, a[i + l], s, l), c === C && (c = this._$AH[l]), o || (o = !K(c) || c !== this._$AH[l]), c === u ? t = u : t !== u && (t += (c ?? "") + r[l + 1]), this._$AH[l] = c;
+    }
+    o && !n && this.O(t);
+  }
+  O(t) {
+    t === u ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  }
+}
+class ys extends ft {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  O(t) {
+    this.element[this.name] = t === u ? void 0 : t;
+  }
+}
+let bs = class extends ft {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  O(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== u);
+  }
+};
+class _s extends ft {
+  constructor(t, s, i, n, r) {
+    super(t, s, i, n, r), this.type = 5;
+  }
+  _$AI(t, s = this) {
+    if ((t = I(this, t, s, 0) ?? u) === C)
+      return;
+    const i = this._$AH, n = t === u && i !== u || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, r = t !== u && (i === u || n);
+    n && this.element.removeEventListener(this.name, this, i), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  }
+  handleEvent(t) {
+    var s;
+    typeof this._$AH == "function" ? this._$AH.call(((s = this.options) == null ? void 0 : s.host) ?? this.element, t) : this._$AH.handleEvent(t);
+  }
+}
+class xs {
+  constructor(t, s, i) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AI(t) {
+    I(this, t);
+  }
+}
+const Et = G.litHtmlPolyfillSupport;
+Et == null || Et(Q, X), (G.litHtmlVersions ?? (G.litHtmlVersions = [])).push("3.0.2");
+const ws = (e, t, s) => {
+  const i = (s == null ? void 0 : s.renderBefore) ?? t;
+  let n = i._$litPart$;
+  if (n === void 0) {
+    const r = (s == null ? void 0 : s.renderBefore) ?? null;
+    i._$litPart$ = n = new X(t.insertBefore(Y(), r), r, void 0, s ?? {});
+  }
+  return n._$AI(e), n;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+let y = class extends N {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var s;
+    const t = super.createRenderRoot();
+    return (s = this.renderOptions).renderBefore ?? (s.renderBefore = t.firstChild), t;
+  }
+  update(t) {
+    const s = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ws(s, 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 C;
+  }
+};
+var Ae;
+y._$litElement$ = !0, y.finalized = !0, (Ae = globalThis.litElementHydrateSupport) == null || Ae.call(globalThis, { LitElement: y });
+const Ct = globalThis.litElementPolyfillSupport;
+Ct == null || Ct({ LitElement: y });
+(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.1");
+const As = { name: "send", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.41642 6.29292C5.99705 5.18016 3.38612 7.41823 4.12858 9.96847L10.5427 32L4.12858 54.0315C3.38612 56.5818 5.99704 58.8198 8.41642 57.7071L58.1942 34.8125C60.6019 33.7051 60.6019 30.2949 58.1942 29.1875L8.41642 6.29292ZM14.2569 29.9351L8.74174 10.9913L49.9295 29.9351H14.2569ZM14.2568 34.0651L8.74174 53.0087L49.9291 34.0651H14.2568Z"/></svg>' }, H = {
+  allRenderFn: !1,
+  cmpDidLoad: !0,
+  cmpDidUnload: !1,
+  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 R, Pe, $t, Le = !1, ot = !1, jt = !1, v = !1, ne = null, Pt = !1;
+const gt = typeof window < "u" ? window : {}, x = gt.document || { head: {} }, Ue = gt.HTMLElement || class {
+}, m = {
+  $flags$: 0,
+  $resourcesUrl$: "",
+  jmp: (e) => e(),
+  raf: (e) => requestAnimationFrame(e),
+  ael: (e, t, s, i) => e.addEventListener(t, s, i),
+  rel: (e, t, s, i) => e.removeEventListener(t, s, i),
+  ce: (e, t) => new CustomEvent(e, t)
+}, Ss = /* @__PURE__ */ (() => {
+  let e = !1;
+  try {
+    x.addEventListener("e", null, Object.defineProperty({}, "passive", {
+      get() {
+        e = !0;
+      }
+    }));
+  } catch {
+  }
+  return e;
+})(), Es = (e) => Promise.resolve(e), Cs = /* @__PURE__ */ (() => {
+  try {
+    return new CSSStyleSheet(), typeof new CSSStyleSheet().replace == "function";
+  } catch {
+  }
+  return !1;
+})(), Ne = (e, t, s, i) => {
+  s && s.map(([n, r, o]) => {
+    const a = Ts(e, n), l = ks(t, o), c = Os(n);
+    m.ael(a, r, l, c), (t.$rmListeners$ = t.$rmListeners$ || []).push(() => m.rel(a, r, l, c));
+  });
+}, ks = (e, t) => (s) => {
+  try {
+    H.lazyLoad || e.$hostElement$[t](s);
+  } catch (i) {
+    J(i);
+  }
+}, Ts = (e, t) => t & 4 ? x : t & 8 ? gt : t & 16 ? x.body : e, Os = (e) => Ss ? {
+  passive: (e & 1) !== 0,
+  capture: (e & 2) !== 0
+} : (e & 2) !== 0, re = "http://www.w3.org/1999/xlink", L = (e, t = "") => () => {
+}, oe = /* @__PURE__ */ new WeakMap(), Ps = (e, t, s) => {
+  let i = ct.get(e);
+  Cs && s ? (i = i || new CSSStyleSheet(), i.replace(t)) : i = t, ct.set(e, i);
+}, Ls = (e, t, s, i) => {
+  let n = He(t, s), r = ct.get(n);
+  if (e = e.nodeType === 11 ? e : x, r)
+    if (typeof r == "string") {
+      e = e.head || e;
+      let o = oe.get(e), a;
+      o || oe.set(e, o = /* @__PURE__ */ new Set()), o.has(n) || (a = x.createElement("style"), a.innerHTML = r, e.insertBefore(a, e.querySelector("link")), o && o.add(n));
+    } else
+      e.adoptedStyleSheets.includes(r) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, r]);
+  return n;
+}, Us = (e) => {
+  const t = e.$cmpMeta$, s = e.$hostElement$, i = t.$flags$, n = L("attachStyles", t.$tagName$), r = Ls(s.shadowRoot ? s.shadowRoot : s.getRootNode(), t, e.$modeName$);
+  i & 10 && (s["s-sc"] = r, s.classList.add(r + "-h"), i & 2 && s.classList.add(r + "-s")), n();
+}, He = (e, t) => "sc-" + (t && e.$flags$ & 32 ? e.$tagName$ + "-" + t : e.$tagName$), Ns = (e) => li.map((t) => t(e)).find((t) => !!t), ae = {}, Hs = "http://www.w3.org/2000/svg", Rs = "http://www.w3.org/1999/xhtml", Ms = (e) => e != null, Dt = (e) => (e = typeof e, e === "object" || e === "function"), j = (e, t, ...s) => {
+  let i = null, n = null, r = null, o = !1, a = !1, l = [];
+  const c = (d) => {
+    for (let p = 0; p < d.length; p++)
+      i = d[p], Array.isArray(i) ? c(i) : i != null && typeof i != "boolean" && ((o = typeof e != "function" && !Dt(i)) && (i = String(i)), o && a ? l[l.length - 1].$text$ += i : l.push(o ? at(null, i) : i), a = o);
+  };
+  if (c(s), t) {
+    t.key && (n = t.key), t.name && (r = t.name);
+    {
+      const d = t.className || t.class;
+      d && (t.class = typeof d != "object" ? d : Object.keys(d).filter((p) => d[p]).join(" "));
+    }
+  }
+  if (typeof e == "function")
+    return e(t === null ? {} : t, l, Ds);
+  const h = at(e, null);
+  return h.$attrs$ = t, l.length > 0 && (h.$children$ = l), h.$key$ = n, h.$name$ = r, h;
+}, at = (e, t) => {
+  const s = {
+    $flags$: 0,
+    $tag$: e,
+    $text$: t,
+    $elm$: null,
+    $children$: null
+  };
+  return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;
+}, It = {}, js = (e) => e && e.$tag$ === It, Ds = {
+  forEach: (e, t) => e.map(le).forEach(t),
+  map: (e, t) => e.map(le).map(t).map(Is)
+}, le = (e) => ({
+  vattrs: e.$attrs$,
+  vchildren: e.$children$,
+  vkey: e.$key$,
+  vname: e.$name$,
+  vtag: e.$tag$,
+  vtext: e.$text$
+}), Is = (e) => {
+  if (typeof e.vtag == "function") {
+    const s = Object.assign({}, e.vattrs);
+    return e.vkey && (s.key = e.vkey), e.vname && (s.name = e.vname), j(e.vtag, s, ...e.vchildren || []);
+  }
+  const t = at(e.vtag, e.vtext);
+  return t.$attrs$ = e.vattrs, t.$children$ = e.vchildren, t.$key$ = e.vkey, t.$name$ = e.vname, t;
+}, ce = (e, t, s, i, n, r) => {
+  if (s !== i) {
+    let o = ue(e, t), a = t.toLowerCase();
+    if (t === "class") {
+      const l = e.classList, c = de(s), h = de(i);
+      l.remove(...c.filter((d) => d && !h.includes(d))), l.add(...h.filter((d) => d && !c.includes(d)));
+    } else if (t === "style") {
+      for (const l in s)
+        (!i || i[l] == null) && (l.includes("-") ? e.style.removeProperty(l) : e.style[l] = "");
+      for (const l in i)
+        (!s || i[l] !== s[l]) && (l.includes("-") ? e.style.setProperty(l, i[l]) : e.style[l] = i[l]);
+    } else if (t !== "key")
+      if (t === "ref")
+        i && i(e);
+      else if (!e.__lookupSetter__(t) && t[0] === "o" && t[1] === "n")
+        t[2] === "-" ? t = t.slice(3) : ue(gt, a) ? t = a.slice(2) : t = a[2] + t.slice(3), s && m.rel(e, t, s, !1), i && m.ael(e, t, i, !1);
+      else {
+        const l = Dt(i);
+        if ((o || l && i !== null) && !n)
+          try {
+            if (e.tagName.includes("-"))
+              e[t] = i;
+            else {
+              let h = i ?? "";
+              t === "list" ? o = !1 : (s == null || e[t] != h) && (e[t] = h);
+            }
+          } catch {
+          }
+        let c = !1;
+        a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, c = !0), i == null || i === !1 ? (i !== !1 || e.getAttribute(t) === "") && (c ? e.removeAttributeNS(re, t) : e.removeAttribute(t)) : (!o || r & 4 || n) && !l && (i = i === !0 ? "" : i, c ? e.setAttributeNS(re, t, i) : e.setAttribute(t, i));
+      }
+  }
+}, Bs = /\s/, de = (e) => e ? e.split(Bs) : [], Re = (e, t, s, i) => {
+  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, r = e && e.$attrs$ || ae, o = t.$attrs$ || ae;
+  for (i in r)
+    i in o || ce(n, i, r[i], void 0, s, t.$flags$);
+  for (i in o)
+    ce(n, i, r[i], o[i], s, t.$flags$);
+}, lt = (e, t, s, i) => {
+  let n = t.$children$[s], r = 0, o, a, l;
+  if (Le || (jt = !0, n.$tag$ === "slot" && (R && i.classList.add(R + "-s"), n.$flags$ |= n.$children$ ? (
+    // slot element has fallback content
+    2
+  ) : (
+    // slot element does not have fallback content
+    1
+  ))), n.$text$ !== null)
+    o = n.$elm$ = x.createTextNode(n.$text$);
+  else if (n.$flags$ & 1)
+    o = n.$elm$ = x.createTextNode("");
+  else {
+    if (v || (v = n.$tag$ === "svg"), o = n.$elm$ = x.createElementNS(v ? Hs : Rs, n.$flags$ & 2 ? "slot-fb" : n.$tag$), v && n.$tag$ === "foreignObject" && (v = !1), Re(null, n, v), Ms(R) && o["s-si"] !== R && o.classList.add(o["s-si"] = R), n.$children$)
+      for (r = 0; r < n.$children$.length; ++r)
+        a = lt(e, n, r, o), a && o.appendChild(a);
+    n.$tag$ === "svg" ? v = !1 : o.tagName === "foreignObject" && (v = !0);
+  }
+  return o["s-hn"] = $t, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = Pe, o["s-sn"] = n.$name$ || "", l = e && e.$children$ && e.$children$[s], l && l.$tag$ === n.$tag$ && e.$elm$ && Z(e.$elm$, !1)), o;
+}, Z = (e, t) => {
+  m.$flags$ |= 1;
+  const s = e.childNodes;
+  for (let i = s.length - 1; i >= 0; i--) {
+    const n = s[i];
+    n["s-hn"] !== $t && n["s-ol"] && (De(n).insertBefore(n, Bt(n)), n["s-ol"].remove(), n["s-ol"] = void 0, jt = !0), t && Z(n, t);
+  }
+  m.$flags$ &= -2;
+}, Me = (e, t, s, i, n, r) => {
+  let o = e["s-cr"] && e["s-cr"].parentNode || e, a;
+  for (o.shadowRoot && o.tagName === $t && (o = o.shadowRoot); n <= r; ++n)
+    i[n] && (a = lt(null, s, n, e), a && (i[n].$elm$ = a, o.insertBefore(a, Bt(t))));
+}, je = (e, t, s, i, n) => {
+  for (; t <= s; ++t)
+    (i = e[t]) && (n = i.$elm$, ze(i), ot = !0, n["s-ol"] ? n["s-ol"].remove() : Z(n, !0), n.remove());
+}, zs = (e, t, s, i) => {
+  let n = 0, r = 0, o = 0, a = 0, l = t.length - 1, c = t[0], h = t[l], d = i.length - 1, p = i[0], f = i[d], _, tt;
+  for (; n <= l && r <= d; )
+    if (c == null)
+      c = t[++n];
+    else if (h == null)
+      h = t[--l];
+    else if (p == null)
+      p = i[++r];
+    else if (f == null)
+      f = i[--d];
+    else if (et(c, p))
+      M(c, p), c = t[++n], p = i[++r];
+    else if (et(h, f))
+      M(h, f), h = t[--l], f = i[--d];
+    else if (et(c, f))
+      (c.$tag$ === "slot" || f.$tag$ === "slot") && Z(c.$elm$.parentNode, !1), M(c, f), e.insertBefore(c.$elm$, h.$elm$.nextSibling), c = t[++n], f = i[--d];
+    else if (et(h, p))
+      (c.$tag$ === "slot" || f.$tag$ === "slot") && Z(h.$elm$.parentNode, !1), M(h, p), e.insertBefore(h.$elm$, c.$elm$), h = t[--l], p = i[++r];
+    else {
+      for (o = -1, a = n; a <= l; ++a)
+        if (t[a] && t[a].$key$ !== null && t[a].$key$ === p.$key$) {
+          o = a;
+          break;
+        }
+      o >= 0 ? (tt = t[o], tt.$tag$ !== p.$tag$ ? _ = lt(t && t[r], s, o, e) : (M(tt, p), t[o] = void 0, _ = tt.$elm$), p = i[++r]) : (_ = lt(t && t[r], s, r, e), p = i[++r]), _ && De(c.$elm$).insertBefore(_, Bt(c.$elm$));
+    }
+  n > l ? Me(e, i[d + 1] == null ? null : i[d + 1].$elm$, s, i, r, d) : r > d && je(t, n, l);
+}, et = (e, t) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : e.$key$ === t.$key$ : !1, Bt = (e) => e && e["s-ol"] || e, De = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, M = (e, t) => {
+  const s = t.$elm$ = e.$elm$, i = e.$children$, n = t.$children$, r = t.$tag$, o = t.$text$;
+  let a;
+  o === null ? (v = r === "svg" ? !0 : r === "foreignObject" ? !1 : v, r === "slot" || Re(e, t, v), i !== null && n !== null ? zs(s, i, t, n) : n !== null ? (e.$text$ !== null && (s.textContent = ""), Me(s, null, t, n, 0, n.length - 1)) : i !== null && je(i, 0, i.length - 1), v && r === "svg" && (v = !1)) : (a = s["s-cr"]) ? a.parentNode.textContent = o : e.$text$ !== o && (s.data = o);
+}, Ie = (e) => {
+  let t = e.childNodes, s, i, n, r, o, a;
+  for (i = 0, n = t.length; i < n; i++)
+    if (s = t[i], s.nodeType === 1) {
+      if (s["s-sr"]) {
+        for (o = s["s-sn"], s.hidden = !1, r = 0; r < n; r++)
+          if (a = t[r].nodeType, t[r]["s-hn"] !== s["s-hn"] || o !== "") {
+            if (a === 1 && o === t[r].getAttribute("slot")) {
+              s.hidden = !0;
+              break;
+            }
+          } else if (a === 1 || a === 3 && t[r].textContent.trim() !== "") {
+            s.hidden = !0;
+            break;
+          }
+      }
+      Ie(s);
+    }
+}, b = [], Be = (e) => {
+  let t, s, i, n, r, o, a = 0, l = e.childNodes, c = l.length;
+  for (; a < c; a++) {
+    if (t = l[a], t["s-sr"] && (s = t["s-cr"]) && s.parentNode)
+      for (i = s.parentNode.childNodes, n = t["s-sn"], o = i.length - 1; o >= 0; o--)
+        s = i[o], !s["s-cn"] && !s["s-nr"] && s["s-hn"] !== t["s-hn"] && (he(s, n) ? (r = b.find((h) => h.$nodeToRelocate$ === s), ot = !0, s["s-sn"] = s["s-sn"] || n, r ? r.$slotRefNode$ = t : b.push({
+          $slotRefNode$: t,
+          $nodeToRelocate$: s
+        }), s["s-sr"] && b.map((h) => {
+          he(h.$nodeToRelocate$, s["s-sn"]) && (r = b.find((d) => d.$nodeToRelocate$ === s), r && !h.$slotRefNode$ && (h.$slotRefNode$ = r.$slotRefNode$));
+        })) : b.some((h) => h.$nodeToRelocate$ === s) || b.push({
+          $nodeToRelocate$: s
+        }));
+    t.nodeType === 1 && Be(t);
+  }
+}, he = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", ze = (e) => {
+  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(ze);
+}, Fs = (e, t) => {
+  const s = e.$hostElement$, i = e.$cmpMeta$, n = e.$vnode$ || at(null, null), r = js(t) ? t : j(null, null, t);
+  $t = s.tagName, i.$attrsToReflect$ && (r.$attrs$ = r.$attrs$ || {}, i.$attrsToReflect$.map(([o, a]) => r.$attrs$[a] = s[o])), r.$tag$ = null, r.$flags$ |= 4, e.$vnode$ = r, r.$elm$ = n.$elm$ = s.shadowRoot || s, R = s["s-sc"], Pe = s["s-cr"], Le = (i.$flags$ & 1) !== 0, ot = !1, M(n, r);
+  {
+    if (m.$flags$ |= 1, jt) {
+      Be(r.$elm$);
+      let o, a, l, c, h, d, p = 0;
+      for (; p < b.length; p++)
+        o = b[p], a = o.$nodeToRelocate$, a["s-ol"] || (l = x.createTextNode(""), l["s-nr"] = a, a.parentNode.insertBefore(a["s-ol"] = l, a));
+      for (p = 0; p < b.length; p++)
+        if (o = b[p], a = o.$nodeToRelocate$, o.$slotRefNode$) {
+          for (c = o.$slotRefNode$.parentNode, h = o.$slotRefNode$.nextSibling, l = a["s-ol"]; l = l.previousSibling; )
+            if (d = l["s-nr"], d && d["s-sn"] === a["s-sn"] && c === d.parentNode && (d = d.nextSibling, !d || !d["s-nr"])) {
+              h = d;
+              break;
+            }
+          (!h && c !== a.parentNode || a.nextSibling !== h) && a !== h && (!a["s-hn"] && a["s-ol"] && (a["s-hn"] = a["s-ol"].parentNode.nodeName), c.insertBefore(a, h));
+        } else
+          a.nodeType === 1 && (a.hidden = !0);
+    }
+    ot && Ie(r.$elm$), m.$flags$ &= -2, b.length = 0;
+  }
+}, Ws = (e) => e, Gs = (e, t, s) => {
+  const i = Ws(e);
+  return {
+    emit: (n) => qs(i, t, {
+      bubbles: !!(s & 4),
+      composed: !!(s & 2),
+      cancelable: !!(s & 1),
+      detail: n
+    })
+  };
+}, qs = (e, t, s) => {
+  const i = m.ce(t, s);
+  return e.dispatchEvent(i), i;
+}, Ys = (e, t) => {
+}, Fe = (e, t) => (e.$flags$ |= 16, Ys(e, e.$ancestorComponent$), hi(() => Ks(e, t))), Ks = (e, t) => {
+  const s = e.$hostElement$, i = L("scheduleUpdate", e.$cmpMeta$.$tagName$), n = s;
+  let r;
+  return t ? r = D(n, "componentWillLoad") : r = D(n, "componentWillUpdate"), r = pe(r, () => D(n, "componentWillRender")), i(), pe(r, () => Qs(e, n, t));
+}, Qs = async (e, t, s) => {
+  const i = e.$hostElement$, n = L("update", e.$cmpMeta$.$tagName$);
+  i["s-rc"], s && Us(e);
+  const r = L("render", e.$cmpMeta$.$tagName$);
+  Zs(e, t, i), r(), n(), Xs(e);
+}, Zs = (e, t, s) => {
+  try {
+    ne = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (H.hasRenderFn || H.reflect) && (H.vdomRender || H.reflect) && (H.hydrateServerSide || Fs(e, t));
+  } catch (a) {
+    J(a, e.$hostElement$);
+  }
+  return ne = null, null;
+}, Xs = (e) => {
+  const t = e.$cmpMeta$.$tagName$, s = e.$hostElement$, i = L("postUpdate", t), n = s;
+  e.$ancestorComponent$, D(n, "componentDidRender"), e.$flags$ & 64 ? (D(n, "componentDidUpdate"), i()) : (e.$flags$ |= 64, D(n, "componentDidLoad"), i());
+}, D = (e, t, s) => {
+  if (e && e[t])
+    try {
+      return e[t](s);
+    } catch (i) {
+      J(i);
+    }
+}, pe = (e, t) => e && e.then ? e.then(t) : t(), Js = (e, t) => e != null && !Dt(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, Vs = (e, t) => mt(e).$instanceValues$.get(t), ti = (e, t, s, i) => {
+  const n = mt(e), r = e, o = n.$instanceValues$.get(t), a = n.$flags$, l = r;
+  s = Js(s, i.$members$[t][0]);
+  const c = Number.isNaN(o) && Number.isNaN(s);
+  if (s !== o && !c) {
+    n.$instanceValues$.set(t, s);
+    {
+      if (i.$watchers$ && a & 128) {
+        const d = i.$watchers$[t];
+        d && d.map((p) => {
+          try {
+            l[p](s, o, t);
+          } catch (f) {
+            J(f, r);
+          }
+        });
+      }
+      if ((a & 18) === 2) {
+        if (l.componentShouldUpdate && l.componentShouldUpdate(s, o, t) === !1)
+          return;
+        Fe(n, !1);
+      }
+    }
+  }
+}, ei = (e, t, s) => {
+  if (t.$members$) {
+    e.watchers && (t.$watchers$ = e.watchers);
+    const i = Object.entries(t.$members$), n = e.prototype;
+    i.map(([r, [o]]) => {
+      (o & 31 || o & 32) && Object.defineProperty(n, r, {
+        get() {
+          return Vs(this, r);
+        },
+        set(a) {
+          ti(this, r, a, t);
+        },
+        configurable: !0,
+        enumerable: !0
+      });
+    });
+    {
+      const r = /* @__PURE__ */ new Map();
+      n.attributeChangedCallback = function(o, a, l) {
+        m.jmp(() => {
+          const c = r.get(o);
+          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;
+        });
+      }, e.observedAttributes = i.filter(
+        ([o, a]) => a[0] & 15
+        /* HasAttribute */
+      ).map(([o, a]) => {
+        const l = a[1] || o;
+        return r.set(l, o), a[0] & 512 && t.$attrsToReflect$.push([o, l]), l;
+      });
+    }
+  }
+  return e;
+}, si = async (e, t, s, i, n) => {
+  if (!(t.$flags$ & 32) && (n = e.constructor, t.$flags$ |= 32, customElements.whenDefined(s.$tagName$).then(() => t.$flags$ |= 128), n.style)) {
+    let o = n.style;
+    typeof o != "string" && (o = o[t.$modeName$ = Ns(e)]);
+    const a = He(s, t.$modeName$);
+    if (!ct.has(a)) {
+      const l = L("registerStyles", s.$tagName$);
+      Ps(a, o, !!(s.$flags$ & 1)), l();
+    }
+  }
+  t.$ancestorComponent$, (() => Fe(t, !0))();
+}, ii = (e) => {
+}, ni = (e) => {
+  if (!(m.$flags$ & 1)) {
+    const t = mt(e), s = t.$cmpMeta$, i = L("connectedCallback", s.$tagName$);
+    t.$flags$ & 1 ? (Ne(e, t, s.$listeners$), ii(t.$lazyInstance$)) : (t.$flags$ |= 1, s.$flags$ & 12 && ri(e), s.$members$ && Object.entries(s.$members$).map(([n, [r]]) => {
+      if (r & 31 && e.hasOwnProperty(n)) {
+        const o = e[n];
+        delete e[n], e[n] = o;
+      }
+    }), si(e, t, s)), i();
+  }
+}, ri = (e) => {
+  const t = e["s-cr"] = x.createComment("");
+  t["s-cn"] = !0, e.insertBefore(t, e.firstChild);
+}, oi = (e) => {
+  if (!(m.$flags$ & 1)) {
+    const t = mt(e);
+    t.$rmListeners$ && (t.$rmListeners$.map((s) => s()), t.$rmListeners$ = void 0);
+  }
+}, We = (e, t) => {
+  const s = {
+    $flags$: t[0],
+    $tagName$: t[1]
+  };
+  s.$members$ = t[2], s.$listeners$ = t[3], s.$watchers$ = e.$watchers$, s.$attrsToReflect$ = [];
+  const i = e.prototype.connectedCallback, n = e.prototype.disconnectedCallback;
+  return Object.assign(e.prototype, {
+    __registerHost() {
+      ai(this, s);
+    },
+    connectedCallback() {
+      ni(this), i && i.call(this);
+    },
+    disconnectedCallback() {
+      oi(this), n && n.call(this);
+    },
+    __attachShadow() {
+      this.attachShadow({
+        mode: "open",
+        delegatesFocus: !!(s.$flags$ & 16)
+      });
+    }
+  }), e.is = s.$tagName$, ei(e, s);
+}, Ge = /* @__PURE__ */ new WeakMap(), mt = (e) => Ge.get(e), ai = (e, t) => {
+  const s = {
+    $flags$: 0,
+    $hostElement$: e,
+    $cmpMeta$: t,
+    $instanceValues$: /* @__PURE__ */ new Map()
+  };
+  return Ne(e, s, t.$listeners$), Ge.set(e, s);
+}, ue = (e, t) => t in e, J = (e, t) => (0, console.error)(e, t), ct = /* @__PURE__ */ new Map(), li = [], fe = [], qe = [], ci = (e, t) => (s) => {
+  e.push(s), Pt || (Pt = !0, t && m.$flags$ & 4 ? di(Lt) : m.raf(Lt));
+}, $e = (e) => {
+  for (let t = 0; t < e.length; t++)
+    try {
+      e[t](performance.now());
+    } catch (s) {
+      J(s);
+    }
+  e.length = 0;
+}, Lt = () => {
+  $e(fe), $e(qe), (Pt = fe.length > 0) && m.raf(Lt);
+}, di = (e) => Es().then(e), hi = /* @__PURE__ */ ci(qe, !0), pi = (e = {}) => {
+  const { content: t = "", title: s, attributes: i = [] } = e;
+  let n = "", r = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    ...i
+  ];
+  return s && (n = `<title>${s}</title>`), `<svg ${r.map((a) => `${a.name}="${a.value}"`).join(" ")}>${n}${t}</svg>`;
+}, ui = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim();
+function fi(e) {
+  return `${e.getFullYear()}.${e.getMonth() + 1}`;
+}
+class $i {
+  constructor(t) {
+    this.voca_component = t, this.voca_added = fi(/* @__PURE__ */ new Date());
+  }
+}
+const gi = "telia-vst{display:none}", mi = /* @__PURE__ */ We(class extends Ue {
+  constructor() {
+    super(), this.__registerHost(), this.vocaInternalUStats = Gs(this, "vocaInternalUStats", 7);
+  }
+  connectedCallback() {
+    this.vocaInternalUStats.emit(new $i(this.dataTrackingId));
+  }
+  render() {
+    return j(It, null);
+  }
+  static get style() {
+    return gi;
+  }
+}, [0, "telia-vst", {
+  dataTrackingId: [1, "data-tracking-id"]
+}]);
+function Ye() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-vst":
+        customElements.get(t) || customElements.define(t, mi);
+        break;
+    }
+  });
+}
+Ye();
+function Ut() {
+  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
+}
+function vi() {
+  if (typeof Ut().vocadsIcons !== void 0)
+    return Ut().vocadsIcons;
+}
+function yi() {
+  return Ut().vocadsIconsRegistered;
+}
+const bi = ".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))}", _i = /* @__PURE__ */ We(class extends Ue {
+  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 (yi() && this.name) {
+      const e = vi();
+      return e[this.name] ? e[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 e = 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 s = pi({
+      content: ui(e),
+      attributes: t,
+      title: this.allyTitle
+    });
+    return j(It, { class: `telia-icon telia-icon--${this.size}` }, j("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: s }), j("telia-vst", { dataTrackingId: this.dataTrackingId }));
+  }
+  static get style() {
+    return bi;
+  }
+}, [0, "telia-icon", {
+  name: [1],
+  svg: [1],
+  size: [1],
+  allyTitle: [1, "ally-title"],
+  dataTestid: [1, "data-testid"]
+}]);
+function xi() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-icon", "telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-icon":
+        customElements.get(t) || customElements.define(t, _i);
+        break;
+      case "telia-vst":
+        customElements.get(t) || Ye();
+        break;
+    }
+  });
+}
+xi();
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const vt = (e) => (t, s) => {
+  s !== void 0 ? s.addInitializer(() => {
+    customElements.define(e, t);
+  }) : customElements.define(e, t);
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const wi = { attribute: !0, type: String, converter: nt, reflect: !1, hasChanged: Mt }, Ai = (e = wi, t, s) => {
+  const { kind: i, metadata: n } = s;
+  let r = globalThis.litPropertyMetadata.get(n);
+  if (r === void 0 && globalThis.litPropertyMetadata.set(n, r = /* @__PURE__ */ new Map()), r.set(s.name, e), i === "accessor") {
+    const { name: o } = s;
+    return { set(a) {
+      const l = t.get.call(this);
+      t.set.call(this, a), this.requestUpdate(o, l, e);
+    }, init(a) {
+      return a !== void 0 && this.C(o, void 0, e), a;
+    } };
+  }
+  if (i === "setter") {
+    const { name: o } = s;
+    return function(a) {
+      const l = this[o];
+      t.call(this, a), this.requestUpdate(o, l, e);
+    };
+  }
+  throw Error("Unsupported decorator location: " + i);
+};
+function g(e) {
+  return (t, s) => typeof s == "object" ? Ai(e, t, s) : ((i, n, r) => {
+    const o = n.hasOwnProperty(r);
+    return n.constructor.createProperty(r, o ? { ...i, wrapped: !0 } : i), o ? Object.getOwnPropertyDescriptor(n, r) : void 0;
+  })(e, t, s);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function A(e) {
+  return g({ ...e, state: !0, attribute: !1 });
+}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Si = (e) => e.strings === void 0;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const yt = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, bt = (e) => (...t) => ({ _$litDirective$: e, values: t });
+let zt = class {
+  constructor(t) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t, s, i) {
+    this._$Ct = t, this._$AM = s, this._$Ci = i;
+  }
+  _$AS(t, s) {
+    return this.update(t, s);
+  }
+  update(t, s) {
+    return this.render(...s);
+  }
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const q = (e, t) => {
+  var i;
+  const s = e._$AN;
+  if (s === void 0)
+    return !1;
+  for (const n of s)
+    (i = n._$AO) == null || i.call(n, t, !1), q(n, t);
+  return !0;
+}, dt = (e) => {
+  let t, s;
+  do {
+    if ((t = e._$AM) === void 0)
+      break;
+    s = t._$AN, s.delete(e), e = t;
+  } while ((s == null ? void 0 : s.size) === 0);
+}, Ke = (e) => {
+  for (let t; t = e._$AM; e = t) {
+    let s = t._$AN;
+    if (s === void 0)
+      t._$AN = s = /* @__PURE__ */ new Set();
+    else if (s.has(e))
+      break;
+    s.add(e), ki(t);
+  }
+};
+function Ei(e) {
+  this._$AN !== void 0 ? (dt(this), this._$AM = e, Ke(this)) : this._$AM = e;
+}
+function Ci(e, t = !1, s = 0) {
+  const i = this._$AH, n = this._$AN;
+  if (n !== void 0 && n.size !== 0)
+    if (t)
+      if (Array.isArray(i))
+        for (let r = s; r < i.length; r++)
+          q(i[r], !1), dt(i[r]);
+      else
+        i != null && (q(i, !1), dt(i));
+    else
+      q(this, e);
+}
+const ki = (e) => {
+  e.type == yt.CHILD && (e._$AP ?? (e._$AP = Ci), e._$AQ ?? (e._$AQ = Ei));
+};
+let Qe = class extends zt {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(t, s, i) {
+    super._$AT(t, s, i), Ke(this), this.isConnected = t._$AU;
+  }
+  _$AO(t, s = !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)), s && (q(this, t), dt(this));
+  }
+  setValue(t) {
+    if (Si(this._$Ct))
+      this._$Ct._$AI(t, this);
+    else {
+      const s = [...this._$Ct._$AH];
+      s[this._$Ci] = t, this._$Ct._$AI(s, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+};
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Ze = () => new Ti();
+class Ti {
+}
+const kt = /* @__PURE__ */ new WeakMap(), Xe = bt(class extends Qe {
+  render(e) {
+    return u;
+  }
+  update(e, [t]) {
+    var i;
+    const s = t !== this.G;
+    return s && this.G !== void 0 && this.ot(void 0), (s || this.rt !== this.lt) && (this.G = t, this.ct = (i = e.options) == null ? void 0 : i.host, this.ot(this.lt = e.element)), u;
+  }
+  ot(e) {
+    if (typeof this.G == "function") {
+      const t = this.ct ?? globalThis;
+      let s = kt.get(t);
+      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), kt.set(t, s)), s.get(this.G) !== void 0 && this.G.call(this.ct, void 0), s.set(this.G, e), e !== void 0 && this.G.call(this.ct, e);
+    } else
+      this.G.value = e;
+  }
+  get rt() {
+    var e, t;
+    return typeof this.G == "function" ? (e = kt.get(this.ct ?? globalThis)) == null ? void 0 : e.get(this.G) : (t = this.G) == null ? void 0 : t.value;
+  }
+  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 = bt(class extends zt {
+  constructor(e) {
+    var t;
+    if (super(e), e.type !== yt.ATTRIBUTE || e.name !== "class" || ((t = e.strings) == null ? void 0 : t.length) > 2)
+      throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(e) {
+    return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
+  }
+  update(e, [t]) {
+    var i, n;
+    if (this.it === void 0) {
+      this.it = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.st = new Set(e.strings.join(" ").split(/\s/).filter((r) => r !== "")));
+      for (const r in t)
+        t[r] && !((i = this.st) != null && i.has(r)) && this.it.add(r);
+      return this.render(t);
+    }
+    const s = e.element.classList;
+    for (const r of this.it)
+      r in t || (s.remove(r), this.it.delete(r));
+    for (const r in t) {
+      const o = !!t[r];
+      o === this.it.has(r) || (n = this.st) != null && n.has(r) || (o ? (s.add(r), this.it.add(r)) : (s.remove(r), this.it.delete(r)));
+    }
+    return C;
+  }
+}), st = (e, t, s) => {
+  e && s.style.setProperty(t, e);
+}, Je = (e, t) => {
+  var s, i, n, r;
+  st((s = e.colors) == null ? void 0 : s.primaryBackground, "--primary-background", t), st(
+    (i = e.colors) == null ? void 0 : i.textOnPrimaryBackground,
+    "--text-on-primary-background",
+    t
+  ), st(
+    (n = e.colors) == null ? void 0 : n.secondaryBackground,
+    "--secondary-background",
+    t
+  ), st(
+    (r = e.colors) == null ? void 0 : r.textOnSecondaryBackground,
+    "--text-on-secondary-background",
+    t
+  );
+};
+var Oi = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, _t = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Pi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && Oi(t, s, n), n;
+};
+class U extends y {
+  constructor() {
+    super(...arguments), this.active = !1, this.loaded = !1;
+  }
+  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.removeFromDOM();
+  }
+  _applyBranding() {
+    var t;
+    (t = this.application) != null && t.settings && Je(this.application.settings.branding, this);
+  }
+  async _renderSymbol() {
+    var r;
+    const t = (r = this.application) == null ? void 0 : r.triggerIcon;
+    if (!t)
+      return u;
+    const s = async (o) => await import("./index-217978bc.mjs").then(
+      (l) => l[o]
+    ), { type: i, content: n } = t;
+    switch (i) {
+      case "Telia": {
+        const o = await s(n);
+        return o ? $`<telia-icon
+            class="trigger-icon"
+            svg=${o.svg}
+            size="lg"
+          ></telia-icon>` : u;
+      }
+      default:
+        return u;
+    }
+  }
+  render() {
+    return $`<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>`;
+  }
+}
+U.styles = [
+  w`
+      :host {
+        --voca-rem-multiplier: 0.625;
+        display: block;
+        box-sizing: border-box;
+      }
+
+      .trigger {
+        position: fixed;
+        transform: scale(0);
+        box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
+        bottom: 20px;
+        right: 20px;
+        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:hover {
+        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));
+      }
+    `
+];
+_t([
+  g({ attribute: !1 })
+], U.prototype, "application", 2);
+_t([
+  A()
+], U.prototype, "active", 2);
+_t([
+  A()
+], U.prototype, "loaded", 2);
+_t([
+  A()
+], U.prototype, "icon", 2);
+var Li = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, T = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Ui(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && Li(t, s, n), n;
+};
+const Ve = (e) => {
+  class t extends e {
+    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))`
+      );
+    }
+  }
+  return t.styles = [
+    // (superClass as unknown as typeof LitElement).styles ?? [],
+    w`
+        :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([
+    g()
+  ], t.prototype, "properties", 2), T([
+    g()
+  ], t.prototype, "context", 2), T([
+    g()
+  ], t.prototype, "layout", 2), T([
+    g()
+  ], t.prototype, "name", 2), T([
+    g()
+  ], t.prototype, "type", 2), T([
+    g({ attribute: !1 })
+  ], t.prototype, "application", 2), T([
+    g({ attribute: !1 })
+  ], t.prototype, "parent", 2), t;
+};
+class ts extends Ve(y) {
+  render() {
+    return $`Non resolved component`;
+  }
+}
+ts.styles = [
+  w`
+      :host {
+        display: block;
+      }
+    `
+];
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function* Ni(e, t) {
+  if (e !== void 0) {
+    let s = 0;
+    for (const i of e)
+      yield t(i, s++);
+  }
+}
+var Wt = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Trigger = "trigger", e))(Wt || {}), Hi = Object.defineProperty, Ri = Object.getOwnPropertyDescriptor, Mi = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Ri(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && Hi(t, s, n), n;
+};
+class Gt extends y {
+  constructor() {
+    super(...arguments), this.nodes = [], this.wrapperRef = Ze();
+  }
+  addChild(t) {
+    t.parent = this, this.nodes.push(t);
+  }
+  applyBranding() {
+    if (this.wrapperRef.value) {
+      const t = this.application.settings;
+      t != null && t.branding && Je(t.branding, this.wrapperRef.value);
+    }
+  }
+  firstUpdated(t) {
+    this.applyBranding();
+  }
+  render() {
+    return this.application.renderStrategy === Wt.Trigger && this.renderRoot.host.classList.add("floating"), $`<div class="widget-container" ${Xe(this.wrapperRef)}>
+      ${Ni(this.nodes, (t) => t)}
+    </div>`;
+  }
+}
+Gt.styles = w`
+    :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);
+    }
+    :host {
+      --voca-rem-multiplier: 0.625;
+      box-sizing: border-box;
+      display: block;
+    }
+
+    :host(.floating) {
+      position: fixed;
+      z-index: 6;
+      inset: auto 20px 95px auto;
+      max-height: calc(100vh - 120px);
+      width: 400px;
+      height: 700px;
+    }
+    :host(.floating) .widget-container {
+      box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 40px;
+      border-radius: 0.7rem;
+    }
+    :host(.inline) {
+      height: 100%;
+      position: fixed;
+      inset: 0 0 0 0;
+    }
+
+    * {
+      box-sizing: border-box;
+    }
+    .widget-container {
+      height: 100%;
+      background-color: var(--primary-background);
+      padding: 0 var(--spacing-sm);
+    }
+    .widget-container.expanded {
+      opacity: 1;
+      animation: slideUp 0.5s;
+    }
+    .widget-container.hidden {
+      opacity: 0;
+      animation: slideDown 0.5s;
+    }
+    @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;
+      }
+    }
+  `;
+Mi([
+  g({ attribute: !1 })
+], Gt.prototype, "application", 2);
+var ji = Object.defineProperty, Di = Object.getOwnPropertyDescriptor, qt = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Di(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && ji(t, s, n), n;
+};
+class V extends y {
+  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(
+      (s) => s.name === this.name
+    ), await this.activate());
+  }
+  render() {
+    if (!this.widget || this.status !== "activated")
+      return u;
+    if (this.widget.renderStrategy === Wt.Trigger) {
+      const t = new U();
+      return t.application = this.widget, t;
+    }
+    return this.widget.render();
+  }
+}
+V.styles = [
+  w`
+      :host {
+        display: block;
+      }
+    `
+];
+qt([
+  g({ attribute: !0 })
+], V.prototype, "name", 2);
+qt([
+  A()
+], V.prototype, "widget", 2);
+qt([
+  A()
+], V.prototype, "status", 2);
+customElements.get("ace-trigger") || customElements.define("ace-trigger", U);
+customElements.get("ace-unresolved-component") || customElements.define("ace-unresolved-component", ts);
+customElements.get("ace-wrapper") || customElements.define("ace-wrapper", Gt);
+customElements.get("ace-widget") || customElements.define("ace-widget", V);
+const Ii = /* @__PURE__ */ new WeakMap();
+let ge = 0;
+const Tt = /* @__PURE__ */ new Map(), me = /* @__PURE__ */ new WeakSet(), ve = () => new Promise((e) => requestAnimationFrame(e)), Bi = [{ opacity: 0 }], ye = [{ opacity: 0 }, { opacity: 1 }], be = (e, t) => {
+  const s = e - t;
+  return s === 0 ? void 0 : s;
+}, _e = (e, t) => {
+  const s = e / t;
+  return s === 1 ? void 0 : s;
+}, Ot = { left: (e, t) => {
+  const s = be(e, t);
+  return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateX(${s}px)` };
+}, top: (e, t) => {
+  const s = be(e, t);
+  return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateY(${s}px)` };
+}, width: (e, t) => {
+  let s;
+  t === 0 && (t = 1, s = { width: "1px" });
+  const i = _e(e, t);
+  return { value: i, overrideFrom: s, transform: i == null || isNaN(i) ? void 0 : `scaleX(${i})` };
+}, height: (e, t) => {
+  let s;
+  t === 0 && (t = 1, s = { height: "1px" });
+  const i = _e(e, t);
+  return { value: i, overrideFrom: s, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
+} }, zi = { duration: 333, easing: "ease-in-out" }, Fi = ["left", "top", "width", "height", "opacity", "color", "background"], xe = /* @__PURE__ */ new WeakMap();
+class Wi extends Qe {
+  constructor(t) {
+    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === yt.CHILD)
+      throw Error("The `animate` directive must be used in attribute position.");
+    this.createFinished();
+  }
+  createFinished() {
+    var t;
+    (t = this.resolveFinished) == null || t.call(this), this.finished = new Promise((s) => {
+      this.h = s;
+    });
+  }
+  async resolveFinished() {
+    var t;
+    (t = this.h) == null || t.call(this), this.h = void 0;
+  }
+  render(t) {
+    return u;
+  }
+  getController() {
+    return Ii.get(this.l);
+  }
+  isDisabled() {
+    var t;
+    return this.options.disabled || ((t = this.getController()) == null ? void 0 : t.disabled);
+  }
+  update(t, [s]) {
+    var n;
+    const i = this.l === void 0;
+    return i && (this.l = (n = t.options) == null ? void 0 : n.host, this.l.addController(this), this.element = t.element, xe.set(this.element, this)), this.optionsOrCallback = s, (i || typeof s != "function") && this.u(s), this.render(s);
+  }
+  u(t) {
+    t = t ?? {};
+    const s = this.getController();
+    s !== void 0 && ((t = { ...s.defaultOptions, ...t }).keyframeOptions = { ...s.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = Fi), this.options = t;
+  }
+  p() {
+    const t = {}, s = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
+    return this.options.properties.forEach((n) => {
+      const r = s[n] ?? (Ot[n] ? void 0 : i[n]), o = Number(r);
+      t[n] = isNaN(o) ? r + "" : o;
+    }), t;
+  }
+  m() {
+    let t, s = !0;
+    return this.options.guard && (t = this.options.guard(), s = ((i, n) => {
+      if (Array.isArray(i)) {
+        if (Array.isArray(n) && n.length === i.length && i.every((r, o) => r === n[o]))
+          return !1;
+      } else if (n === i)
+        return !1;
+      return !0;
+    })(t, this.v)), this.o = this.l.hasUpdated && !this.isDisabled() && !this.isAnimating() && s && this.element.isConnected, this.o && (this.v = Array.isArray(t) ? Array.from(t) : t), this.o;
+  }
+  hostUpdate() {
+    typeof this.optionsOrCallback == "function" && this.u(this.optionsOrCallback()), this.m() && (this.g = this.p(), this.t = this.t ?? this.element.parentNode, this.i = this.element.nextSibling);
+  }
+  async hostUpdated() {
+    if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
+      return;
+    let t;
+    this.prepare(), await ve;
+    const s = this._(), i = this.A(this.options.keyframeOptions, s), n = this.p();
+    if (this.g !== void 0) {
+      const { from: r, to: o } = this.O(this.g, n, s);
+      this.log("measured", [this.g, n, r, o]), t = this.calculateKeyframes(r, o);
+    } else {
+      const r = Tt.get(this.options.inId);
+      if (r) {
+        Tt.delete(this.options.inId);
+        const { from: o, to: a } = this.O(r, n, s);
+        t = this.calculateKeyframes(o, a), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, ge++, t.forEach((l) => l.zIndex = ge);
+      } else
+        this.options.in && (t = [...this.options.in, {}]);
+    }
+    this.animate(t, i);
+  }
+  resetStyles() {
+    this.j !== void 0 && (this.element.setAttribute("style", this.j ?? ""), this.j = void 0);
+  }
+  commitStyles() {
+    var t, s;
+    this.j = this.element.getAttribute("style"), (t = this.webAnimation) == null || t.commitStyles(), (s = this.webAnimation) == null || s.cancel();
+  }
+  reconnected() {
+  }
+  async disconnected() {
+    var s;
+    if (!this.o || (this.options.id !== void 0 && Tt.set(this.options.id, this.g), this.options.out === void 0))
+      return;
+    if (this.prepare(), await ve(), (s = this.t) == null ? void 0 : s.isConnected) {
+      const i = this.i && this.i.parentNode === this.t ? this.i : null;
+      if (this.t.insertBefore(this.element, i), this.options.stabilizeOut) {
+        const n = this.p();
+        this.log("stabilizing out");
+        const r = this.g.left - n.left, o = this.g.top - n.top;
+        getComputedStyle(this.element).position !== "static" || r === 0 && o === 0 || (this.element.style.position = "relative"), r !== 0 && (this.element.style.left = r + "px"), o !== 0 && (this.element.style.top = o + "px");
+      }
+    }
+    const t = this.A(this.options.keyframeOptions);
+    await this.animate(this.options.out, t), this.element.remove();
+  }
+  prepare() {
+    this.createFinished();
+  }
+  start() {
+    var t, s;
+    (s = (t = this.options).onStart) == null || s.call(t, this);
+  }
+  didFinish(t) {
+    var s, i;
+    t && ((i = (s = this.options).onComplete) == null || i.call(s, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
+  }
+  _() {
+    const t = [];
+    for (let s = this.element.parentNode; s; s = s == null ? void 0 : s.parentNode) {
+      const i = xe.get(s);
+      i && !i.isDisabled() && i && t.push(i);
+    }
+    return t;
+  }
+  get isHostRendered() {
+    const t = me.has(this.l);
+    return t || this.l.updateComplete.then(() => {
+      me.add(this.l);
+    }), t;
+  }
+  A(t, s = this._()) {
+    const i = { ...zi };
+    return s.forEach((n) => Object.assign(i, n.options.keyframeOptions)), Object.assign(i, t), i;
+  }
+  O(t, s, i) {
+    t = { ...t }, s = { ...s };
+    const n = i.map((a) => a.animatingProperties).filter((a) => a !== void 0);
+    let r = 1, o = 1;
+    return n !== void 0 && (n.forEach((a) => {
+      a.width && (r /= a.width), a.height && (o /= a.height);
+    }), t.left !== void 0 && s.left !== void 0 && (t.left = r * t.left, s.left = r * s.left), t.top !== void 0 && s.top !== void 0 && (t.top = o * t.top, s.top = o * s.top)), { from: t, to: s };
+  }
+  calculateKeyframes(t, s, i = !1) {
+    const n = {}, r = {};
+    let o = !1;
+    const a = {};
+    for (const l in s) {
+      const c = t[l], h = s[l];
+      if (l in Ot) {
+        const d = Ot[l];
+        if (c === void 0 || h === void 0)
+          continue;
+        const p = d(c, h);
+        p.transform !== void 0 && (a[l] = p.value, o = !0, n.transform = `${n.transform ?? ""} ${p.transform}`, p.overrideFrom !== void 0 && Object.assign(n, p.overrideFrom));
+      } else
+        c !== h && c !== void 0 && h !== void 0 && (o = !0, n[l] = c, r[l] = h);
+    }
+    return n.transformOrigin = r.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, o ? [n, r] : void 0;
+  }
+  async animate(t, s = this.options.keyframeOptions) {
+    this.start(), this.frames = t;
+    let i = !1;
+    if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t = this.options.onFrames(this), this.log("modified frames", t)), t !== void 0)) {
+      this.log("animate", [t, s]), i = !0, this.webAnimation = this.element.animate(t, s);
+      const n = this.getController();
+      n == null || n.add(this);
+      try {
+        await this.webAnimation.finished;
+      } catch {
+      }
+      n == null || n.remove(this);
+    }
+    return this.didFinish(i), i;
+  }
+  isAnimating() {
+    var t, s;
+    return ((t = this.webAnimation) == null ? void 0 : t.playState) === "running" || ((s = this.webAnimation) == null ? void 0 : s.pending);
+  }
+  log(t, s) {
+    this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, s);
+  }
+}
+const we = bt(Wi);
+var Gi = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, xt = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? qi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && Gi(t, s, n), n;
+};
+let B = class extends y {
+  constructor() {
+    super(...arguments), this.loading = !1, this.entries = [];
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.session.entries().subscribe((e) => {
+      this.entries = e;
+    });
+  }
+  render() {
+    return $`<div class="conversation-session">
+      ${this.entries.map(
+      (e) => $`<div class="conversation-entry" tabindex="-1">
+            <conversation-entry
+              .entry=${e}
+              ${we({
+        keyframeOptions: {},
+        in: ye,
+        stabilizeOut: !0,
+        skipInitial: !1
+      })}
+            >
+            </conversation-entry>
+          </div>`
+    )}
+      ${this.loading ? $`<div
+            class="loader"
+            ${we({
+      in: ye,
+      out: Bi,
+      skipInitial: !1
+    })}
+          >
+            <div></div>
+            <div></div>
+            <div></div>
+          </div>` : u}
+    </div>`;
+  }
+};
+B.styles = [
+  w`
+      :host {
+        display: block;
+      }
+      .conversation-session {
+        display: flex;
+        flex-direction: column;
+        justify-content: end;
+        min-height: 100%;
+      }
+    `
+];
+xt([
+  g({ type: Boolean })
+], B.prototype, "loading", 2);
+xt([
+  g({ attribute: !1 })
+], B.prototype, "session", 2);
+xt([
+  A()
+], B.prototype, "entries", 2);
+B = xt([
+  vt("ace-conversation-session")
+], B);
+var Yi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, es = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Ki(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && Yi(t, s, n), n;
+};
+let ht = class extends y {
+  connectedCallback() {
+    var e;
+    super.connectedCallback(), (e = this.entry.didUpdate) == null || e.subscribe(() => {
+      this.requestUpdate();
+    });
+  }
+  _renderTimestamp(e, t) {
+    if (!e && !t)
+      return u;
+    const s = (n) => new Date(n).toLocaleTimeString([], {
+      hour: "2-digit",
+      minute: "2-digit"
+    });
+    let i = "";
+    return e ? t ? i = `${e}: ${s(t)}` : i = e : t && (i = s(t)), $`<p class="conversation-timestamp">${i}</p>`;
+  }
+  render() {
+    var e, t;
+    switch (this.entry.type) {
+      case wt.System:
+        return "";
+      case wt.Agent:
+        return $`<div
+          class=${Ft({
+          "conversation-agent-message": !0,
+          "has-avatar": !!((e = this.entry.sender) != null && e.avatar)
+        })}
+        >
+          ${typeof ((t = this.entry.sender) == null ? void 0 : t.avatar) == "string" ? $`<div class="avatar">
+                <img src=${this.entry.sender.avatar} />
+              </div>` : u}
+
+          <div class="entry-content">
+            ${this.entry.messages.map(
+          (s) => $`
+                <div class="message-container">
+                  <div class="message-content">
+                    <conversation-group .group=${s}></conversation-group>
+                  </div>
+                </div>
+              `
+        )}
+          </div>
+          ${this._renderTimestamp(
+          this.entry.sender.name || "",
+          this.entry.timestamp
+        )}
+        </div>`;
+      case wt.User:
+        return $`<div class="conversation-user-message">
+          <div class="entry-content">
+            ${this.entry.messages.map(
+          (s) => $`
+                <div class="message-container">
+                  <div class="message-content">
+                    <conversation-group .group=${s}></conversation-group>
+                  </div>
+                </div>
+              `
+        )}
+          </div>
+          ${this._renderTimestamp(
+          this.entry.sender.name || "",
+          this.entry.timestamp
+        )}
+        </div>`;
+      default:
+        return u;
+    }
+  }
+};
+ht.styles = [
+  w`
+      :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 var(--gray-color);
+        border-radius: var(--border-radius);
+        background-color: var(--bubble-bg-color);
+        color: var(--bubble-text-color);
+      }
+
+      .conversation-user-message {
+        --bubble-bg-color: var(--conversation-user-bg-color);
+        --bubble-text-color: var(--conversation-user-text-color);
+        margin-left: 10%;
+        width: 90%;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-end;
+      }
+
+      .conversation-agent-message {
+        --bubble-bg-color: var(--conversation-agent-bg-color);
+        --bubble-text-color: var(--conversation-agent-text-color);
+        display: grid;
+        margin-right: 10%;
+        width: 90%;
+
+        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(--text-color);
+        font-size: 0.8rem;
+        font-weight: 300;
+      }
+
+      .entry-content {
+        grid-area: content;
+      }
+    `
+];
+es([
+  g({ attribute: !1 })
+], ht.prototype, "entry", 2);
+ht = es([
+  vt("conversation-entry")
+], ht);
+var Qi = Object.defineProperty, Zi = Object.getOwnPropertyDescriptor, ss = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Zi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && Qi(t, s, n), n;
+};
+let pt = class extends y {
+  render() {
+    return $`
+      <div class="message-group">
+        ${this.group.items.map(
+      ([e, t]) => $`
+            ${e === "html" ? $`
+                  <message-type-html .message=${t}></message-type-html>
+                ` : u}
+          `
+    )}
+      </div>
+    `;
+  }
+};
+pt.styles = [
+  w`
+      :host {
+        box-sizing: border-box;
+        display: block;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      .message-group {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-md);
+      }
+    `
+];
+ss([
+  g({ attribute: !1 })
+], pt.prototype, "group", 2);
+pt = ss([
+  vt("conversation-group")
+], pt);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class Nt extends zt {
+  constructor(t) {
+    if (super(t), this.et = u, t.type !== yt.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 === C)
+      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 s = [t];
+    return s.raw = s, this.vt = { _$litType$: this.constructor.resultType, strings: s, values: [] };
+  }
+}
+Nt.directiveName = "unsafeHTML", Nt.resultType = 1;
+const Xi = bt(Nt);
+var Ji = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, is = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Vi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && Ji(t, s, n), n;
+};
+let ut = class extends y {
+  render() {
+    return $`<div class="message-type-html">
+      ${Xi(this.message.content)}
+    </div>`;
+  }
+};
+ut.styles = [
+  w`
+      :host {
+        box-sizing: border-box;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      p {
+        margin: 0;
+        padding: 0;
+        word-break: break-word;
+      }
+    `
+];
+is([
+  g({ attribute: !1 })
+], ut.prototype, "message", 2);
+ut = is([
+  vt("message-type-html")
+], ut);
+var tn = Object.defineProperty, en = Object.getOwnPropertyDescriptor, Yt = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? en(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && tn(t, s, n), n;
+};
+const sn = (e) => {
+  e.scrollTo ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight;
+}, ns = Ve(y);
+class z extends ns {
+  constructor() {
+    super(...arguments), this.message = "", this.platform = null, this.session = null, this.conversationContentRef = Ze(), this.chatScrollHeight = 0;
+  }
+  async connectedCallback() {
+    super.connectedCallback();
+    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);
+  }
+  async _onSendMessage(t) {
+    t.preventDefault();
+    const s = new CustomEvent("user-submit", {
+      detail: { text: this.message }
+    });
+    this.dispatchEvent(s), this.message = "";
+  }
+  _inputHandler(t) {
+    this.message = t.target.value;
+  }
+  _actionHandler(t) {
+  }
+  updated(t) {
+    const s = this.conversationContentRef.value;
+    s && setTimeout(() => {
+      const i = s.scrollHeight;
+      i > this.chatScrollHeight && (sn(s), this.chatScrollHeight = i);
+    }, 1e3);
+  }
+  render() {
+    return $` <div
+      @action=${this._actionHandler}
+      class=${Ft({
+      conversation: !0,
+      "input-has-text": this.message.length > 0
+    })}
+    >
+      <div class="conversation-content" ${Xe(this.conversationContentRef)}>
+        ${this.session ? $`<ace-conversation-session
+              .session=${this.session}
+            ></ace-conversation-session>` : u}
+      </div>
+      <form class="conversation-bottom" @submit=${this._onSendMessage}>
+        <input
+          placeholder=${this.properties.inputPlaceholder || "Type your message here..."}
+          .value=${this.message}
+          @input=${this._inputHandler}
+        />
+        <div class="conversation-actions">
+          <button class="conversation-send-button" type="submit">
+            <telia-icon svg=${As.svg}></telia-icon>
+          </button>
+        </div>
+      </form>
+    </div>`;
+  }
+}
+z.styles = [
+  ns.styles || [],
+  w`
+      :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: #fafafa;
+        --conversation-agent-bg-color: var(--secondary-background);
+        --conversation-agent-text-color: var(--text-on-secondary-background);
+        --conversation-user-bg-color: var(--primary-background);
+        --conversation-user-text-color: var(--text-on-primary-background);
+
+        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;
+      }
+
+      .conversation {
+        display: grid;
+        grid-template-rows: 1fr auto;
+        gap: var(--spacing-lg);
+        height: 100%;
+        background-color: transparent;
+      }
+      .conversation.input-has-text {
+        /* --send-icon-color: var(--primary-color); */
+        --send-icon-opacity: 1;
+      }
+      .conversation-content {
+        flex: 1;
+        background-color: var(--conversation-bg);
+        padding: var(--spacing-md);
+        overflow-y: auto;
+        overflow-x: hidden;
+        border-radius: var(--border-radius-sm);
+      }
+      .conversation-bottom {
+        border-top: 1px solid var(--gray-color);
+        border-radius: var(--border-radius-sm);
+        background-color: #fff;
+        min-height: 50px;
+        max-height: 150px;
+        display: flex;
+        align-items: center;
+        padding: 0 var(--spacing-md);
+        margin: 0;
+      }
+      .conversation-bottom-left {
+        border-right: 1px solid var(--gray-color);
+        padding-right: var(--spacing-md);
+      }
+      .conversation-send-button {
+        border: none;
+        background: transparent;
+        cursor: pointer;
+        color: var(--send-icon-color);
+        opacity: var(--send-icon-opacity);
+        transition: opacity 200ms ease-in-out;
+      }
+      .conversation-send-button:hover {
+        --send-icon-opacity: 1;
+      }
+      input {
+        border: none;
+        font-family: inherit;
+        font-size: inherit;
+        flex: 1;
+        height: 2.5rem;
+        outline: none;
+      }
+
+      @keyframes loaderanim {
+        0% {
+          opacity: 0;
+        }
+        75% {
+          opacity: 1;
+        }
+        100% {
+          opacity: 0;
+        }
+      }
+
+      .loader {
+        display: flex;
+        justify-content: center;
+      }
+
+      .loader > div {
+        height: 10px;
+        width: 10px;
+        border-radius: 50%;
+        margin: 5px;
+        background-color: var(--text-color);
+        animation-name: loaderanim;
+        animation-duration: 1s;
+        animation-iteration-count: infinite;
+      }
+
+      .loader > div:nth-of-type(2) {
+        animation-delay: 100ms;
+      }
+
+      .loader > div:nth-of-type(3) {
+        animation-delay: 200ms;
+      }
+    `
+];
+Yt([
+  A()
+], z.prototype, "message", 2);
+Yt([
+  A()
+], z.prototype, "platform", 2);
+Yt([
+  A()
+], z.prototype, "session", 2);
+const hn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Conversation: z,
+  default: z
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  hn as c,
+  As as s
+};