@telia-ace/widget-conversation-flamingo 1.1.12-rc.1 → 1.1.12-rc.2

package/conversation-a518bd92.mjs

@@ -0,0 +1,2634 @@
+import { C as St } from "./index-231900d1.mjs";
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const rt = globalThis, jt = rt.ShadowRoot && (rt.ShadyCSS === void 0 || rt.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Dt = Symbol(), Qt = /* @__PURE__ */ new WeakMap();
+let Ee = class {
+  constructor(t, s, i) {
+    if (this._$cssResult$ = !0, i !== Dt)
+      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 (jt && t === void 0) {
+      const i = s !== void 0 && s.length === 1;
+      i && (t = Qt.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Qt.set(s, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const as = (e) => new Ee(typeof e == "string" ? e : e + "", void 0, Dt), 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 Ee(s, e, Dt);
+}, ls = (e, t) => {
+  if (jt)
+    e.adoptedStyleSheets = t.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet);
+  else
+    for (const s of t) {
+      const i = document.createElement("style"), n = rt.litNonce;
+      n !== void 0 && i.setAttribute("nonce", n), i.textContent = s.cssText, e.appendChild(i);
+    }
+}, Zt = jt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+  let s = "";
+  for (const i of t.cssRules)
+    s += i.cssText;
+  return as(s);
+})(e) : e;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { is: cs, defineProperty: ds, getOwnPropertyDescriptor: hs, getOwnPropertyNames: ps, getOwnPropertySymbols: us, getPrototypeOf: fs } = Object, C = globalThis, Xt = C.trustedTypes, $s = Xt ? Xt.emptyScript : "", Ct = C.reactiveElementPolyfillSupport, q = (e, t) => e, ot = { toAttribute(e, t) {
+  switch (t) {
+    case Boolean:
+      e = e ? $s : 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;
+} }, It = (e, t) => !cs(e, t), Jt = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: It };
+Symbol.metadata ?? (Symbol.metadata = Symbol("metadata")), C.litPropertyMetadata ?? (C.litPropertyMetadata = /* @__PURE__ */ new WeakMap());
+let H = 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 = Jt) {
+    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 && ds(this.prototype, t, n);
+    }
+  }
+  static getPropertyDescriptor(t, s, i) {
+    const { get: n, set: r } = hs(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) ?? Jt;
+  }
+  static _$Ei() {
+    if (this.hasOwnProperty(q("elementProperties")))
+      return;
+    const t = fs(this);
+    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+  }
+  static finalize() {
+    if (this.hasOwnProperty(q("finalized")))
+      return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(q("properties"))) {
+      const s = this.properties, i = [...ps(s), ...us(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(Zt(n));
+    } else
+      t !== void 0 && s.push(Zt(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 ls(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 : ot).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 : ot;
+      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 ?? It)(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) {
+  }
+};
+H.elementStyles = [], H.shadowRootOptions = { mode: "open" }, H[q("elementProperties")] = /* @__PURE__ */ new Map(), H[q("finalized")] = /* @__PURE__ */ new Map(), Ct == null || Ct({ ReactiveElement: H }), (C.reactiveElementVersions ?? (C.reactiveElementVersions = [])).push("2.0.1");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const Y = globalThis, at = Y.trustedTypes, Vt = at ? at.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Te = "$lit$", S = `lit$${(Math.random() + "").slice(9)}$`, ke = "?" + S, gs = `<${ke}>`, U = document, Q = () => U.createComment(""), Z = (e) => e === null || typeof e != "object" && typeof e != "function", Oe = Array.isArray, vs = (e) => Oe(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", Et = `[ 	
+\f\r]`, G = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, te = /-->/g, ee = />/g, O = RegExp(`>|${Et}(?:([^\\s"'>=/]+)(${Et}*=${Et}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), se = /'/g, ie = /"/g, Pe = /^(?:script|style|textarea|title)$/i, ms = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), $ = ms(1), E = Symbol.for("lit-noChange"), u = Symbol.for("lit-nothing"), ne = /* @__PURE__ */ new WeakMap(), L = U.createTreeWalker(U, 129);
+function Le(e, t) {
+  if (!Array.isArray(e) || !e.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return Vt !== void 0 ? Vt.createHTML(t) : t;
+}
+const ys = (e, t) => {
+  const s = e.length - 1, i = [];
+  let n, r = t === 2 ? "<svg>" : "", o = G;
+  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 === G ? h[1] === "!--" ? o = te : h[1] !== void 0 ? o = ee : h[2] !== void 0 ? (Pe.test(h[2]) && (n = RegExp("</" + h[2], "g")), o = O) : h[3] !== void 0 && (o = O) : o === O ? h[0] === ">" ? (o = n ?? G, d = -1) : h[1] === void 0 ? d = -2 : (d = o.lastIndex - h[2].length, c = h[1], o = h[3] === void 0 ? O : h[3] === '"' ? ie : se) : o === ie || o === se ? o = O : o === te || o === ee ? o = G : (o = O, n = void 0);
+    const f = o === O && e[a + 1].startsWith("/>") ? " " : "";
+    r += o === G ? l + gs : d >= 0 ? (i.push(c), l.slice(0, d) + Te + l.slice(d) + S + f) : l + S + (d === -2 ? a : f);
+  }
+  return [Le(e, r + (e[s] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+};
+class X {
+  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] = ys(t, s);
+    if (this.el = X.createElement(c, i), L.currentNode = this.el.content, s === 2) {
+      const d = this.el.content.firstChild;
+      d.replaceWith(...d.childNodes);
+    }
+    for (; (n = L.nextNode()) !== null && l.length < a; ) {
+      if (n.nodeType === 1) {
+        if (n.hasAttributes())
+          for (const d of n.getAttributeNames())
+            if (d.endsWith(Te)) {
+              const p = h[o++], f = n.getAttribute(d).split(S), _ = /([.?@])?(.*)/.exec(p);
+              l.push({ type: 1, index: r, name: _[2], strings: f, ctor: _[1] === "." ? _s : _[1] === "?" ? xs : _[1] === "@" ? ws : vt }), n.removeAttribute(d);
+            } else
+              d.startsWith(S) && (l.push({ type: 6, index: r }), n.removeAttribute(d));
+        if (Pe.test(n.tagName)) {
+          const d = n.textContent.split(S), p = d.length - 1;
+          if (p > 0) {
+            n.textContent = at ? at.emptyScript : "";
+            for (let f = 0; f < p; f++)
+              n.append(d[f], Q()), L.nextNode(), l.push({ type: 2, index: ++r });
+            n.append(d[p], Q());
+          }
+        }
+      } else if (n.nodeType === 8)
+        if (n.data === ke)
+          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 = U.createElement("template");
+    return i.innerHTML = t, i;
+  }
+}
+function B(e, t, s = e, i) {
+  var o, a;
+  if (t === E)
+    return t;
+  let n = i !== void 0 ? (o = s._$Co) == null ? void 0 : o[i] : s._$Cl;
+  const r = Z(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 = B(e, n._$AS(e, t.values), n, i)), t;
+}
+class bs {
+  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) ?? U).importNode(s, !0);
+    L.currentNode = n;
+    let r = L.nextNode(), o = 0, a = 0, l = i[0];
+    for (; l !== void 0; ) {
+      if (o === l.index) {
+        let c;
+        l.type === 2 ? c = new V(r, r.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(r, l.name, l.strings, this, t) : l.type === 6 && (c = new As(r, this, t)), this._$AV.push(c), l = i[++a];
+      }
+      o !== (l == null ? void 0 : l.index) && (r = L.nextNode(), o++);
+    }
+    return L.currentNode = U, 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 V {
+  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 = B(this, t, s), Z(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) : vs(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 && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.$(U.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 = X.createElement(Le(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 bs(n, this), a = o.u(this.options);
+      o.p(s), this.$(a), this._$AH = o;
+    }
+  }
+  _$AC(t) {
+    let s = ne.get(t.strings);
+    return s === void 0 && ne.set(t.strings, s = new X(t)), s;
+  }
+  T(t) {
+    Oe(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 V(this.k(Q()), this.k(Q()), 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 vt {
+  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 = B(this, t, s, 0), o = !Z(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
+    else {
+      const a = t;
+      let l, c;
+      for (t = r[0], l = 0; l < r.length - 1; l++)
+        c = B(this, a[i + l], s, l), c === E && (c = this._$AH[l]), o || (o = !Z(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 _s extends vt {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  O(t) {
+    this.element[this.name] = t === u ? void 0 : t;
+  }
+}
+let xs = class extends vt {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  O(t) {
+    this.element.toggleAttribute(this.name, !!t && t !== u);
+  }
+};
+class ws extends vt {
+  constructor(t, s, i, n, r) {
+    super(t, s, i, n, r), this.type = 5;
+  }
+  _$AI(t, s = this) {
+    if ((t = B(this, t, s, 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, 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 As {
+  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) {
+    B(this, t);
+  }
+}
+const Tt = Y.litHtmlPolyfillSupport;
+Tt == null || Tt(X, V), (Y.litHtmlVersions ?? (Y.litHtmlVersions = [])).push("3.0.2");
+const Ss = (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 V(t.insertBefore(Q(), 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 H {
+  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 = Ss(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 E;
+  }
+};
+var Ce;
+y._$litElement$ = !0, y.finalized = !0, (Ce = globalThis.litElementHydrateSupport) == null || Ce.call(globalThis, { LitElement: y });
+const kt = globalThis.litElementPolyfillSupport;
+kt == null || kt({ LitElement: y });
+(globalThis.litElementVersions ?? (globalThis.litElementVersions = [])).push("4.0.1");
+const Cs = { 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>' }, R = {
+  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 M, Ue, mt, Ne = !1, lt = !1, Bt = !1, m = !1, re = null, Ut = !1;
+const yt = typeof window < "u" ? window : {}, x = yt.document || { head: {} }, He = yt.HTMLElement || class {
+}, v = {
+  $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)
+}, Es = /* @__PURE__ */ (() => {
+  let e = !1;
+  try {
+    x.addEventListener("e", null, Object.defineProperty({}, "passive", {
+      get() {
+        e = !0;
+      }
+    }));
+  } catch {
+  }
+  return e;
+})(), Ts = (e) => Promise.resolve(e), ks = /* @__PURE__ */ (() => {
+  try {
+    return new CSSStyleSheet(), typeof new CSSStyleSheet().replace == "function";
+  } catch {
+  }
+  return !1;
+})(), Re = (e, t, s, i) => {
+  s && s.map(([n, r, o]) => {
+    const a = Ps(e, n), l = Os(t, o), c = Ls(n);
+    v.ael(a, r, l, c), (t.$rmListeners$ = t.$rmListeners$ || []).push(() => v.rel(a, r, l, c));
+  });
+}, Os = (e, t) => (s) => {
+  try {
+    R.lazyLoad || e.$hostElement$[t](s);
+  } catch (i) {
+    tt(i);
+  }
+}, Ps = (e, t) => t & 4 ? x : t & 8 ? yt : t & 16 ? x.body : e, Ls = (e) => Es ? {
+  passive: (e & 1) !== 0,
+  capture: (e & 2) !== 0
+} : (e & 2) !== 0, oe = "http://www.w3.org/1999/xlink", N = (e, t = "") => () => {
+}, ae = /* @__PURE__ */ new WeakMap(), Us = (e, t, s) => {
+  let i = ht.get(e);
+  ks && s ? (i = i || new CSSStyleSheet(), i.replace(t)) : i = t, ht.set(e, i);
+}, Ns = (e, t, s, i) => {
+  let n = Me(t, s), r = ht.get(n);
+  if (e = e.nodeType === 11 ? e : x, r)
+    if (typeof r == "string") {
+      e = e.head || e;
+      let o = ae.get(e), a;
+      o || ae.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;
+}, Hs = (e) => {
+  const t = e.$cmpMeta$, s = e.$hostElement$, i = t.$flags$, n = N("attachStyles", t.$tagName$), r = Ns(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();
+}, Me = (e, t) => "sc-" + (t && e.$flags$ & 32 ? e.$tagName$ + "-" + t : e.$tagName$), Rs = (e) => di.map((t) => t(e)).find((t) => !!t), le = {}, Ms = "http://www.w3.org/2000/svg", js = "http://www.w3.org/1999/xhtml", Ds = (e) => e != null, zt = (e) => (e = typeof e, e === "object" || e === "function"), D = (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" && !zt(i)) && (i = String(i)), o && a ? l[l.length - 1].$text$ += i : l.push(o ? ct(null, i) : i), a = o);
+  };
+  if (c(s), t) {
+    t.key && (n = t.key), t.name && (r = t.name);
+    {
+      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, Bs);
+  const h = ct(e, null);
+  return h.$attrs$ = t, l.length > 0 && (h.$children$ = l), h.$key$ = n, h.$name$ = r, h;
+}, ct = (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;
+}, Ft = {}, Is = (e) => e && e.$tag$ === Ft, Bs = {
+  forEach: (e, t) => e.map(ce).forEach(t),
+  map: (e, t) => e.map(ce).map(t).map(zs)
+}, ce = (e) => ({
+  vattrs: e.$attrs$,
+  vchildren: e.$children$,
+  vkey: e.$key$,
+  vname: e.$name$,
+  vtag: e.$tag$,
+  vtext: e.$text$
+}), zs = (e) => {
+  if (typeof e.vtag == "function") {
+    const s = Object.assign({}, e.vattrs);
+    return e.vkey && (s.key = e.vkey), e.vname && (s.name = e.vname), D(e.vtag, s, ...e.vchildren || []);
+  }
+  const t = ct(e.vtag, e.vtext);
+  return t.$attrs$ = e.vattrs, t.$children$ = e.vchildren, t.$key$ = e.vkey, t.$name$ = e.vname, t;
+}, de = (e, t, s, i, n, r) => {
+  if (s !== i) {
+    let o = fe(e, t), a = t.toLowerCase();
+    if (t === "class") {
+      const l = e.classList, c = he(s), h = he(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) : fe(yt, a) ? t = a.slice(2) : t = a[2] + t.slice(3), s && v.rel(e, t, s, !1), i && v.ael(e, t, i, !1);
+      else {
+        const l = zt(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(oe, t) : e.removeAttribute(t)) : (!o || r & 4 || n) && !l && (i = i === !0 ? "" : i, c ? e.setAttributeNS(oe, t, i) : e.setAttribute(t, i));
+      }
+  }
+}, Fs = /\s/, he = (e) => e ? e.split(Fs) : [], je = (e, t, s, i) => {
+  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, r = e && e.$attrs$ || le, o = t.$attrs$ || le;
+  for (i in r)
+    i in o || de(n, i, r[i], void 0, s, t.$flags$);
+  for (i in o)
+    de(n, i, r[i], o[i], s, t.$flags$);
+}, dt = (e, t, s, i) => {
+  let n = t.$children$[s], r = 0, o, a, l;
+  if (Ne || (Bt = !0, n.$tag$ === "slot" && (M && i.classList.add(M + "-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 (m || (m = n.$tag$ === "svg"), o = n.$elm$ = x.createElementNS(m ? Ms : js, n.$flags$ & 2 ? "slot-fb" : n.$tag$), m && n.$tag$ === "foreignObject" && (m = !1), je(null, n, m), Ds(M) && o["s-si"] !== M && o.classList.add(o["s-si"] = M), n.$children$)
+      for (r = 0; r < n.$children$.length; ++r)
+        a = dt(e, n, r, o), a && o.appendChild(a);
+    n.$tag$ === "svg" ? m = !1 : o.tagName === "foreignObject" && (m = !0);
+  }
+  return o["s-hn"] = mt, n.$flags$ & 3 && (o["s-sr"] = !0, o["s-cr"] = Ue, o["s-sn"] = n.$name$ || "", l = e && e.$children$ && e.$children$[s], l && l.$tag$ === n.$tag$ && e.$elm$ && J(e.$elm$, !1)), o;
+}, J = (e, t) => {
+  v.$flags$ |= 1;
+  const s = e.childNodes;
+  for (let i = s.length - 1; i >= 0; i--) {
+    const n = s[i];
+    n["s-hn"] !== mt && n["s-ol"] && (Be(n).insertBefore(n, Wt(n)), n["s-ol"].remove(), n["s-ol"] = void 0, Bt = !0), t && J(n, t);
+  }
+  v.$flags$ &= -2;
+}, De = (e, t, s, i, n, r) => {
+  let o = e["s-cr"] && e["s-cr"].parentNode || e, a;
+  for (o.shadowRoot && o.tagName === mt && (o = o.shadowRoot); n <= r; ++n)
+    i[n] && (a = dt(null, s, n, e), a && (i[n].$elm$ = a, o.insertBefore(a, Wt(t))));
+}, Ie = (e, t, s, i, n) => {
+  for (; t <= s; ++t)
+    (i = e[t]) && (n = i.$elm$, We(i), lt = !0, n["s-ol"] ? n["s-ol"].remove() : J(n, !0), n.remove());
+}, Ws = (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], _, st;
+  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 (it(c, p))
+      j(c, p), c = t[++n], p = i[++r];
+    else if (it(h, f))
+      j(h, f), h = t[--l], f = i[--d];
+    else if (it(c, f))
+      (c.$tag$ === "slot" || f.$tag$ === "slot") && J(c.$elm$.parentNode, !1), j(c, f), e.insertBefore(c.$elm$, h.$elm$.nextSibling), c = t[++n], f = i[--d];
+    else if (it(h, p))
+      (c.$tag$ === "slot" || f.$tag$ === "slot") && J(h.$elm$.parentNode, !1), j(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 ? (st = t[o], st.$tag$ !== p.$tag$ ? _ = dt(t && t[r], s, o, e) : (j(st, p), t[o] = void 0, _ = st.$elm$), p = i[++r]) : (_ = dt(t && t[r], s, r, e), p = i[++r]), _ && Be(c.$elm$).insertBefore(_, Wt(c.$elm$));
+    }
+  n > l ? De(e, i[d + 1] == null ? null : i[d + 1].$elm$, s, i, r, d) : r > d && Ie(t, n, l);
+}, it = (e, t) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : e.$key$ === t.$key$ : !1, Wt = (e) => e && e["s-ol"] || e, Be = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, j = (e, t) => {
+  const s = t.$elm$ = e.$elm$, i = e.$children$, n = t.$children$, r = t.$tag$, o = t.$text$;
+  let a;
+  o === null ? (m = r === "svg" ? !0 : r === "foreignObject" ? !1 : m, r === "slot" || je(e, t, m), i !== null && n !== null ? Ws(s, i, t, n) : n !== null ? (e.$text$ !== null && (s.textContent = ""), De(s, null, t, n, 0, n.length - 1)) : i !== null && Ie(i, 0, i.length - 1), m && r === "svg" && (m = !1)) : (a = s["s-cr"]) ? a.parentNode.textContent = o : e.$text$ !== o && (s.data = o);
+}, ze = (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;
+          }
+      }
+      ze(s);
+    }
+}, b = [], Fe = (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"] && (pe(s, n) ? (r = b.find((h) => h.$nodeToRelocate$ === s), lt = !0, s["s-sn"] = s["s-sn"] || n, r ? r.$slotRefNode$ = t : b.push({
+          $slotRefNode$: t,
+          $nodeToRelocate$: s
+        }), s["s-sr"] && b.map((h) => {
+          pe(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 && Fe(t);
+  }
+}, pe = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", We = (e) => {
+  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(We);
+}, Gs = (e, t) => {
+  const s = e.$hostElement$, i = e.$cmpMeta$, n = e.$vnode$ || ct(null, null), r = Is(t) ? t : D(null, null, t);
+  mt = s.tagName, i.$attrsToReflect$ && (r.$attrs$ = r.$attrs$ || {}, i.$attrsToReflect$.map(([o, a]) => r.$attrs$[a] = s[o])), r.$tag$ = null, r.$flags$ |= 4, e.$vnode$ = r, r.$elm$ = n.$elm$ = s.shadowRoot || s, M = s["s-sc"], Ue = s["s-cr"], Ne = (i.$flags$ & 1) !== 0, lt = !1, j(n, r);
+  {
+    if (v.$flags$ |= 1, Bt) {
+      Fe(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);
+    }
+    lt && ze(r.$elm$), v.$flags$ &= -2, b.length = 0;
+  }
+}, qs = (e) => e, Ys = (e, t, s) => {
+  const i = qs(e);
+  return {
+    emit: (n) => Ks(i, t, {
+      bubbles: !!(s & 4),
+      composed: !!(s & 2),
+      cancelable: !!(s & 1),
+      detail: n
+    })
+  };
+}, Ks = (e, t, s) => {
+  const i = v.ce(t, s);
+  return e.dispatchEvent(i), i;
+}, Qs = (e, t) => {
+}, Ge = (e, t) => (e.$flags$ |= 16, Qs(e, e.$ancestorComponent$), ui(() => Zs(e, t))), Zs = (e, t) => {
+  const s = e.$hostElement$, i = N("scheduleUpdate", e.$cmpMeta$.$tagName$), n = s;
+  let r;
+  return t ? r = I(n, "componentWillLoad") : r = I(n, "componentWillUpdate"), r = ue(r, () => I(n, "componentWillRender")), i(), ue(r, () => Xs(e, n, t));
+}, Xs = async (e, t, s) => {
+  const i = e.$hostElement$, n = N("update", e.$cmpMeta$.$tagName$);
+  i["s-rc"], s && Hs(e);
+  const r = N("render", e.$cmpMeta$.$tagName$);
+  Js(e, t, i), r(), n(), Vs(e);
+}, Js = (e, t, s) => {
+  try {
+    re = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (R.hasRenderFn || R.reflect) && (R.vdomRender || R.reflect) && (R.hydrateServerSide || Gs(e, t));
+  } catch (a) {
+    tt(a, e.$hostElement$);
+  }
+  return re = null, null;
+}, Vs = (e) => {
+  const t = e.$cmpMeta$.$tagName$, s = e.$hostElement$, i = N("postUpdate", t), n = s;
+  e.$ancestorComponent$, I(n, "componentDidRender"), e.$flags$ & 64 ? (I(n, "componentDidUpdate"), i()) : (e.$flags$ |= 64, I(n, "componentDidLoad"), i());
+}, I = (e, t, s) => {
+  if (e && e[t])
+    try {
+      return e[t](s);
+    } catch (i) {
+      tt(i);
+    }
+}, ue = (e, t) => e && e.then ? e.then(t) : t(), ti = (e, t) => e != null && !zt(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, ei = (e, t) => bt(e).$instanceValues$.get(t), si = (e, t, s, i) => {
+  const n = bt(e), r = e, o = n.$instanceValues$.get(t), a = n.$flags$, l = r;
+  s = ti(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) {
+            tt(f, r);
+          }
+        });
+      }
+      if ((a & 18) === 2) {
+        if (l.componentShouldUpdate && l.componentShouldUpdate(s, o, t) === !1)
+          return;
+        Ge(n, !1);
+      }
+    }
+  }
+}, ii = (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 ei(this, r);
+        },
+        set(a) {
+          si(this, r, a, t);
+        },
+        configurable: !0,
+        enumerable: !0
+      });
+    });
+    {
+      const r = /* @__PURE__ */ new Map();
+      n.attributeChangedCallback = function(o, a, l) {
+        v.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;
+}, ni = 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$ = Rs(e)]);
+    const a = Me(s, t.$modeName$);
+    if (!ht.has(a)) {
+      const l = N("registerStyles", s.$tagName$);
+      Us(a, o, !!(s.$flags$ & 1)), l();
+    }
+  }
+  t.$ancestorComponent$, (() => Ge(t, !0))();
+}, ri = (e) => {
+}, oi = (e) => {
+  if (!(v.$flags$ & 1)) {
+    const t = bt(e), s = t.$cmpMeta$, i = N("connectedCallback", s.$tagName$);
+    t.$flags$ & 1 ? (Re(e, t, s.$listeners$), ri(t.$lazyInstance$)) : (t.$flags$ |= 1, s.$flags$ & 12 && ai(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;
+      }
+    }), ni(e, t, s)), i();
+  }
+}, ai = (e) => {
+  const t = e["s-cr"] = x.createComment("");
+  t["s-cn"] = !0, e.insertBefore(t, e.firstChild);
+}, li = (e) => {
+  if (!(v.$flags$ & 1)) {
+    const t = bt(e);
+    t.$rmListeners$ && (t.$rmListeners$.map((s) => s()), t.$rmListeners$ = void 0);
+  }
+}, qe = (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() {
+      ci(this, s);
+    },
+    connectedCallback() {
+      oi(this), i && i.call(this);
+    },
+    disconnectedCallback() {
+      li(this), n && n.call(this);
+    },
+    __attachShadow() {
+      this.attachShadow({
+        mode: "open",
+        delegatesFocus: !!(s.$flags$ & 16)
+      });
+    }
+  }), e.is = s.$tagName$, ii(e, s);
+}, Ye = /* @__PURE__ */ new WeakMap(), bt = (e) => Ye.get(e), ci = (e, t) => {
+  const s = {
+    $flags$: 0,
+    $hostElement$: e,
+    $cmpMeta$: t,
+    $instanceValues$: /* @__PURE__ */ new Map()
+  };
+  return Re(e, s, t.$listeners$), Ye.set(e, s);
+}, fe = (e, t) => t in e, tt = (e, t) => (0, console.error)(e, t), ht = /* @__PURE__ */ new Map(), di = [], $e = [], Ke = [], hi = (e, t) => (s) => {
+  e.push(s), Ut || (Ut = !0, t && v.$flags$ & 4 ? pi(Nt) : v.raf(Nt));
+}, ge = (e) => {
+  for (let t = 0; t < e.length; t++)
+    try {
+      e[t](performance.now());
+    } catch (s) {
+      tt(s);
+    }
+  e.length = 0;
+}, Nt = () => {
+  ge($e), ge(Ke), (Ut = $e.length > 0) && v.raf(Nt);
+}, pi = (e) => Ts().then(e), ui = /* @__PURE__ */ hi(Ke, !0), fi = (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>`;
+}, $i = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim();
+function gi(e) {
+  return `${e.getFullYear()}.${e.getMonth() + 1}`;
+}
+class vi {
+  constructor(t) {
+    this.voca_component = t, this.voca_added = gi(/* @__PURE__ */ new Date());
+  }
+}
+const mi = "telia-vst{display:none}", yi = /* @__PURE__ */ qe(class extends He {
+  constructor() {
+    super(), this.__registerHost(), this.vocaInternalUStats = Ys(this, "vocaInternalUStats", 7);
+  }
+  connectedCallback() {
+    this.vocaInternalUStats.emit(new vi(this.dataTrackingId));
+  }
+  render() {
+    return D(Ft, null);
+  }
+  static get style() {
+    return mi;
+  }
+}, [0, "telia-vst", {
+  dataTrackingId: [1, "data-tracking-id"]
+}]);
+function Qe() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-vst":
+        customElements.get(t) || customElements.define(t, yi);
+        break;
+    }
+  });
+}
+Qe();
+function Ht() {
+  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
+}
+function bi() {
+  if (typeof Ht().vocadsIcons !== void 0)
+    return Ht().vocadsIcons;
+}
+function _i() {
+  return Ht().vocadsIconsRegistered;
+}
+const xi = ".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))}", wi = /* @__PURE__ */ qe(class extends He {
+  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 (_i() && this.name) {
+      const e = bi();
+      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 = fi({
+      content: $i(e),
+      attributes: t,
+      title: this.allyTitle
+    });
+    return D(Ft, { class: `telia-icon telia-icon--${this.size}` }, D("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: s }), D("telia-vst", { dataTrackingId: this.dataTrackingId }));
+  }
+  static get style() {
+    return xi;
+  }
+}, [0, "telia-icon", {
+  name: [1],
+  svg: [1],
+  size: [1],
+  allyTitle: [1, "ally-title"],
+  dataTestid: [1, "data-testid"]
+}]);
+function Ai() {
+  if (typeof customElements > "u")
+    return;
+  ["telia-icon", "telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-icon":
+        customElements.get(t) || customElements.define(t, wi);
+        break;
+      case "telia-vst":
+        customElements.get(t) || Qe();
+        break;
+    }
+  });
+}
+Ai();
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const k = (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 Si = { attribute: !0, type: String, converter: ot, reflect: !1, hasChanged: It }, Ci = (e = Si, 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" ? Ci(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 Ei = (e) => e.strings === void 0;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const _t = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, xt = (e) => (...t) => ({ _$litDirective$: e, values: t });
+let Gt = 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 K = (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), K(n, t);
+  return !0;
+}, pt = (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);
+}, Ze = (e) => {
+  for (let t; t = e._$AM; e = t) {
+    let s = t._$AN;
+    if (s === void 0)
+      t._$AN = s = /* @__PURE__ */ new Set();
+    else if (s.has(e))
+      break;
+    s.add(e), Oi(t);
+  }
+};
+function Ti(e) {
+  this._$AN !== void 0 ? (pt(this), this._$AM = e, Ze(this)) : this._$AM = e;
+}
+function ki(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++)
+          K(i[r], !1), pt(i[r]);
+      else
+        i != null && (K(i, !1), pt(i));
+    else
+      K(this, e);
+}
+const Oi = (e) => {
+  e.type == _t.CHILD && (e._$AP ?? (e._$AP = ki), e._$AQ ?? (e._$AQ = Ti));
+};
+let Xe = class extends Gt {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(t, s, i) {
+    super._$AT(t, s, i), Ze(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 && (K(this, t), pt(this));
+  }
+  setValue(t) {
+    if (Ei(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 Je = () => new Pi();
+class Pi {
+}
+const Ot = /* @__PURE__ */ new WeakMap(), Ve = xt(class extends Xe {
+  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 = Ot.get(t);
+      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), Ot.set(t, s)), s.get(this.G) !== void 0 && this.G.call(this.ct, void 0), s.set(this.G, e), e !== void 0 && this.G.call(this.ct, e);
+    } else
+      this.G.value = e;
+  }
+  get rt() {
+    var e, t;
+    return typeof this.G == "function" ? (e = Ot.get(this.ct ?? globalThis)) == null ? void 0 : e.get(this.G) : (t = this.G) == null ? void 0 : t.value;
+  }
+  disconnected() {
+    this.rt === this.lt && this.ot(void 0);
+  }
+  reconnected() {
+    this.ot(this.lt);
+  }
+});
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const qt = xt(class extends Gt {
+  constructor(e) {
+    var t;
+    if (super(e), e.type !== _t.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 E;
+  }
+}), nt = (e, t, s) => {
+  e && s.style.setProperty(t, e);
+}, ts = (e, t) => {
+  var s, i, n, r;
+  nt((s = e.colors) == null ? void 0 : s.primaryBackground, "--primary-background", t), nt(
+    (i = e.colors) == null ? void 0 : i.textOnPrimaryBackground,
+    "--text-on-primary-background",
+    t
+  ), nt(
+    (n = e.colors) == null ? void 0 : n.secondaryBackground,
+    "--secondary-background",
+    t
+  ), nt(
+    (r = e.colors) == null ? void 0 : r.textOnSecondaryBackground,
+    "--text-on-secondary-background",
+    t
+  );
+};
+var Li = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, et = (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;
+};
+let T = class 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 e;
+    if (!((e = this.application) != null && e.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 e;
+    (e = this.application) != null && e.settings && ts(this.application.settings.branding, this);
+  }
+  async _renderSymbol() {
+    var n;
+    const e = (n = this.application) == null ? void 0 : n.triggerIcon;
+    if (!e)
+      return u;
+    const t = async (r) => await import("./index-b5ca9962.mjs").then(
+      (a) => a[r]
+    ), { type: s, content: i } = e;
+    switch (s) {
+      case "Telia": {
+        const r = await t(i);
+        return r ? $`<telia-icon
+            class="trigger-icon"
+            svg=${r.svg}
+            size="lg"
+          ></telia-icon>` : u;
+      }
+      default:
+        return u;
+    }
+  }
+  render() {
+    return $`<button
+      class=${qt({
+      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>`;
+  }
+};
+T.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));
+      }
+    `
+];
+et([
+  g({ attribute: !1 })
+], T.prototype, "application", 2);
+et([
+  A()
+], T.prototype, "active", 2);
+et([
+  A()
+], T.prototype, "loaded", 2);
+et([
+  A()
+], T.prototype, "icon", 2);
+T = et([
+  k("ace-trigger")
+], T);
+var Ni = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, P = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Hi(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 && Ni(t, s, n), n;
+};
+const es = (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;
+        }
+      `
+  ], P([
+    g()
+  ], t.prototype, "properties", 2), P([
+    g()
+  ], t.prototype, "context", 2), P([
+    g()
+  ], t.prototype, "layout", 2), P([
+    g()
+  ], t.prototype, "name", 2), P([
+    g()
+  ], t.prototype, "type", 2), P([
+    g({ attribute: !1 })
+  ], t.prototype, "application", 2), P([
+    g({ attribute: !1 })
+  ], t.prototype, "parent", 2), t;
+};
+var Ri = Object.defineProperty, Mi = Object.getOwnPropertyDescriptor, ji = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Mi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && Ri(t, s, n), n;
+};
+let Rt = class extends es(y) {
+  render() {
+    return $`Non resolved component`;
+  }
+};
+Rt.styles = [
+  w`
+      :host {
+        display: block;
+      }
+    `
+];
+Rt = ji([
+  k("ace-unresolved-component")
+], Rt);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function* Di(e, t) {
+  if (e !== void 0) {
+    let s = 0;
+    for (const i of e)
+      yield t(i, s++);
+  }
+}
+var Yt = /* @__PURE__ */ ((e) => (e.Inline = "inline", e.Trigger = "trigger", e))(Yt || {}), Ii = Object.defineProperty, Bi = Object.getOwnPropertyDescriptor, ss = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Bi(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 && Ii(t, s, n), n;
+};
+let ut = class extends y {
+  constructor() {
+    super(...arguments), this.nodes = [], this.wrapperRef = Je();
+  }
+  addChild(e) {
+    e.parent = this, this.nodes.push(e);
+  }
+  applyBranding() {
+    if (this.wrapperRef.value) {
+      const e = this.application.settings;
+      e != null && e.branding && ts(e.branding, this.wrapperRef.value);
+    }
+  }
+  firstUpdated(e) {
+    this.applyBranding();
+  }
+  render() {
+    return this.application.renderStrategy === Yt.Trigger && this.renderRoot.host.classList.add("floating"), $`<div class="widget-container" ${Ve(this.wrapperRef)}>
+      ${Di(this.nodes, (e) => e)}
+    </div>`;
+  }
+};
+ut.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;
+      }
+    }
+  `;
+ss([
+  g({ attribute: !1 })
+], ut.prototype, "application", 2);
+ut = ss([
+  k("ace-wrapper")
+], ut);
+var zi = Object.defineProperty, Fi = Object.getOwnPropertyDescriptor, wt = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Fi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && zi(t, s, n), n;
+};
+let z = class 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(e) {
+    this.widget = e.detail.widget, await this.activate(), this.requestUpdate();
+  }
+  async activate() {
+    this.widget && (await this.widget.activate(), this.status = "activated");
+  }
+  async getGlobalEnvironment() {
+    const e = globalThis.widgets;
+    e && (this.widget = e.applications.find(
+      (t) => t.name === this.name
+    ), await this.activate());
+  }
+  render() {
+    if (!this.widget || this.status !== "activated")
+      return u;
+    if (this.widget.renderStrategy === Yt.Trigger) {
+      const e = new T();
+      return e.application = this.widget, e;
+    }
+    return this.widget.render();
+  }
+};
+z.styles = [
+  w`
+      :host {
+        display: block;
+      }
+    `
+];
+wt([
+  g({ attribute: !0 })
+], z.prototype, "name", 2);
+wt([
+  A()
+], z.prototype, "widget", 2);
+wt([
+  A()
+], z.prototype, "status", 2);
+z = wt([
+  k("ace-widget")
+], z);
+const Wi = /* @__PURE__ */ new WeakMap();
+let ve = 0;
+const Pt = /* @__PURE__ */ new Map(), me = /* @__PURE__ */ new WeakSet(), ye = () => new Promise((e) => requestAnimationFrame(e)), be = [{ opacity: 0 }], _e = [{ opacity: 0 }, { opacity: 1 }], xe = (e, t) => {
+  const s = e - t;
+  return s === 0 ? void 0 : s;
+}, we = (e, t) => {
+  const s = e / t;
+  return s === 1 ? void 0 : s;
+}, Lt = { left: (e, t) => {
+  const s = xe(e, t);
+  return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateX(${s}px)` };
+}, top: (e, t) => {
+  const s = xe(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 = we(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 = we(e, t);
+  return { value: i, overrideFrom: s, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
+} }, Gi = { duration: 333, easing: "ease-in-out" }, qi = ["left", "top", "width", "height", "opacity", "color", "background"], Ae = /* @__PURE__ */ new WeakMap();
+class Yi extends Xe {
+  constructor(t) {
+    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === _t.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 Wi.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, Ae.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 = qi), this.options = t;
+  }
+  p() {
+    const t = {}, s = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
+    return this.options.properties.forEach((n) => {
+      const r = s[n] ?? (Lt[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 ye;
+    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 = Pt.get(this.options.inId);
+      if (r) {
+        Pt.delete(this.options.inId);
+        const { from: o, to: a } = this.O(r, n, s);
+        t = this.calculateKeyframes(o, a), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, ve++, t.forEach((l) => l.zIndex = ve);
+      } 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 && Pt.set(this.options.id, this.g), this.options.out === void 0))
+      return;
+    if (this.prepare(), await ye(), (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 = Ae.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 = { ...Gi };
+    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 Lt) {
+        const d = Lt[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 Se = xt(Yi);
+var Ki = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, At = (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 && Ki(t, s, n), n;
+};
+let F = 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="convesation-session">
+      ${this.entries.map(
+      (e) => $`<div class="conversation-entry" tabindex="-1">
+            <conversation-entry
+              .entry=${e}
+              ${Se({
+        keyframeOptions: {},
+        in: _e,
+        out: be,
+        stabilizeOut: !0,
+        skipInitial: !1
+      })}
+            >
+            </conversation-entry>
+          </div>`
+    )}
+      ${this.loading ? $`<div
+            class="loader"
+            ${Se({
+      in: _e,
+      out: be,
+      skipInitial: !1
+    })}
+          >
+            <div></div>
+            <div></div>
+            <div></div>
+          </div>` : u}
+    </div>`;
+  }
+};
+F.styles = [
+  w`
+      :host {
+        display: block;
+      }
+      .conversation-session {
+        display: flex;
+        flex-direction: column;
+        justify-content: end;
+        min-height: 100%;
+      }
+    `
+];
+At([
+  g({ type: Boolean })
+], F.prototype, "loading", 2);
+At([
+  g({ attribute: !1 })
+], F.prototype, "session", 2);
+At([
+  A()
+], F.prototype, "entries", 2);
+F = At([
+  k("ace-conversation-session")
+], F);
+var Zi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, is = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Xi(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && Zi(t, s, n), n;
+};
+let ft = 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 St.System:
+        return "";
+      case St.Agent:
+        return $`<div
+          class=${qt({
+          "conversation-agent-message": !0,
+          "has-avatar": !!((e = this.entry.sender) != null && e.avatar)
+        })}
+        >
+          ${typeof ((t = this.entry.sender) == null ? void 0 : t.avatar) == "string" ? $`<div class="avatar">
+                <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 St.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;
+    }
+  }
+};
+ft.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;
+      }
+    `
+];
+is([
+  g({ attribute: !1 })
+], ft.prototype, "entry", 2);
+ft = is([
+  k("conversation-entry")
+], ft);
+var Ji = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, ns = (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 $t = 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>
+    `;
+  }
+};
+$t.styles = [
+  w`
+      :host {
+        box-sizing: border-box;
+        display: block;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      .message-group {
+        display: flex;
+        flex-direction: column;
+        gap: var(--spacing-md);
+      }
+    `
+];
+ns([
+  g({ attribute: !1 })
+], $t.prototype, "group", 2);
+$t = ns([
+  k("conversation-group")
+], $t);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class Mt extends Gt {
+  constructor(t) {
+    if (super(t), this.et = u, t.type !== _t.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 s = [t];
+    return s.raw = s, this.vt = { _$litType$: this.constructor.resultType, strings: s, values: [] };
+  }
+}
+Mt.directiveName = "unsafeHTML", Mt.resultType = 1;
+const tn = xt(Mt);
+var en = Object.defineProperty, sn = Object.getOwnPropertyDescriptor, rs = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? sn(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 && en(t, s, n), n;
+};
+let gt = class extends y {
+  render() {
+    return $`<div class="message-type-html">
+      ${tn(this.message.content)}
+    </div>`;
+  }
+};
+gt.styles = [
+  w`
+      :host {
+        box-sizing: border-box;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      p {
+        margin: 0;
+        padding: 0;
+        word-break: break-word;
+      }
+    `
+];
+rs([
+  g({ attribute: !1 })
+], gt.prototype, "message", 2);
+gt = rs([
+  k("message-type-html")
+], gt);
+var nn = Object.defineProperty, rn = Object.getOwnPropertyDescriptor, Kt = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? rn(t, s) : t, r = e.length - 1, o; r >= 0; r--)
+    (o = e[r]) && (n = (i ? o(t, s, n) : o(n)) || n);
+  return i && n && nn(t, s, n), n;
+};
+const on = (e) => {
+  e.scrollTo ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight;
+}, os = es(y);
+class W extends os {
+  constructor() {
+    super(...arguments), this.message = "", this.platform = null, this.session = null, this.conversationContentRef = Je(), this.chatScrollHeight = 0;
+  }
+  async connectedCallback() {
+    var s;
+    super.connectedCallback();
+    const t = await this.application.container.environment.container.get(
+      "conversation"
+    );
+    this.platform = t || null, this.session = ((s = this.platform) == null ? void 0 : s.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 && (on(s), this.chatScrollHeight = i);
+    }, 1e3);
+  }
+  render() {
+    return $` <div
+      @action=${this._actionHandler}
+      class=${qt({
+      conversation: !0,
+      "input-has-text": this.message.length > 0
+    })}
+    >
+      <div class="conversation-content" ${Ve(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=${Cs.svg}></telia-icon>
+          </button>
+        </div>
+      </form>
+    </div>`;
+  }
+}
+W.styles = [
+  os.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;
+      }
+    `
+];
+Kt([
+  A()
+], W.prototype, "message", 2);
+Kt([
+  A()
+], W.prototype, "platform", 2);
+Kt([
+  A()
+], W.prototype, "session", 2);
+const fn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Conversation: W,
+  default: W
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  fn as c,
+  Cs as s
+};