@telia-ace/widget-conversation-flamingo 1.0.7 → 1.0.9

package/dist/conversation-cb14062a.js

@@ -1,2358 +0,0 @@
-var ns = Object.defineProperty, os = Object.defineProperties;
-var rs = Object.getOwnPropertyDescriptors;
-var Wt = Object.getOwnPropertySymbols;
-var ls = Object.prototype.hasOwnProperty, as = Object.prototype.propertyIsEnumerable;
-var Gt = (s, t, e) => t in s ? ns(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, g = (s, t) => {
-  for (var e in t || (t = {}))
-    ls.call(t, e) && Gt(s, e, t[e]);
-  if (Wt)
-    for (var e of Wt(t))
-      as.call(t, e) && Gt(s, e, t[e]);
-  return s;
-}, Y = (s, t) => os(s, rs(t));
-var b = (s, t, e) => new Promise((i, n) => {
-  var o = (a) => {
-    try {
-      l(e.next(a));
-    } catch (c) {
-      n(c);
-    }
-  }, r = (a) => {
-    try {
-      l(e.throw(a));
-    } catch (c) {
-      n(c);
-    }
-  }, l = (a) => a.done ? i(a.value) : Promise.resolve(a.value).then(o, r);
-  l((e = e.apply(s, t)).next());
-});
-import { C as mt, m as cs, V as ds, f as hs } from "./index-7f99bf14.js";
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const J = window, Ut = J.ShadowRoot && (J.ShadyCSS === void 0 || J.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, jt = Symbol(), Zt = /* @__PURE__ */ new WeakMap();
-let we = class {
-  constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== jt)
-      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = e;
-  }
-  get styleSheet() {
-    let t = this.o;
-    const e = this.t;
-    if (Ut && t === void 0) {
-      const i = e !== void 0 && e.length === 1;
-      i && (t = Zt.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Zt.set(e, t));
-    }
-    return t;
-  }
-  toString() {
-    return this.cssText;
-  }
-};
-const us = (s) => new we(typeof s == "string" ? s : s + "", void 0, jt), z = (s, ...t) => {
-  const e = s.length === 1 ? s[0] : t.reduce((i, n, o) => i + ((r) => {
-    if (r._$cssResult$ === !0)
-      return r.cssText;
-    if (typeof r == "number")
-      return r;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(n) + s[o + 1], s[0]);
-  return new we(e, s, jt);
-}, ps = (s, t) => {
-  Ut ? s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet) : t.forEach((e) => {
-    const i = document.createElement("style"), n = J.litNonce;
-    n !== void 0 && i.setAttribute("nonce", n), i.textContent = e.cssText, s.appendChild(i);
-  });
-}, qt = Ut ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
-  let e = "";
-  for (const i of t.cssRules)
-    e += i.cssText;
-  return us(e);
-})(s) : s;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var yt;
-const V = window, Kt = V.trustedTypes, $s = Kt ? Kt.emptyScript : "", Qt = V.reactiveElementPolyfillSupport, Tt = { toAttribute(s, t) {
-  switch (t) {
-    case Boolean:
-      s = s ? $s : null;
-      break;
-    case Object:
-    case Array:
-      s = s == null ? s : JSON.stringify(s);
-  }
-  return s;
-}, fromAttribute(s, t) {
-  let e = s;
-  switch (t) {
-    case Boolean:
-      e = s !== null;
-      break;
-    case Number:
-      e = s === null ? null : Number(s);
-      break;
-    case Object:
-    case Array:
-      try {
-        e = JSON.parse(s);
-      } catch (i) {
-        e = null;
-      }
-  }
-  return e;
-} }, Ee = (s, t) => t !== s && (t == t || s == s), bt = { attribute: !0, type: String, converter: Tt, reflect: !1, hasChanged: Ee }, Ot = "finalized";
-let L = class extends HTMLElement {
-  constructor() {
-    super(), this._$Ei = /* @__PURE__ */ new Map(), this.isUpdatePending = !1, this.hasUpdated = !1, this._$El = null, this._$Eu();
-  }
-  static addInitializer(t) {
-    var e;
-    this.finalize(), ((e = this.h) !== null && e !== void 0 ? e : this.h = []).push(t);
-  }
-  static get observedAttributes() {
-    this.finalize();
-    const t = [];
-    return this.elementProperties.forEach((e, i) => {
-      const n = this._$Ep(i, e);
-      n !== void 0 && (this._$Ev.set(n, i), t.push(n));
-    }), t;
-  }
-  static createProperty(t, e = bt) {
-    if (e.state && (e.attribute = !1), this.finalize(), this.elementProperties.set(t, e), !e.noAccessor && !this.prototype.hasOwnProperty(t)) {
-      const i = typeof t == "symbol" ? Symbol() : "__" + t, n = this.getPropertyDescriptor(t, i, e);
-      n !== void 0 && Object.defineProperty(this.prototype, t, n);
-    }
-  }
-  static getPropertyDescriptor(t, e, i) {
-    return { get() {
-      return this[e];
-    }, set(n) {
-      const o = this[t];
-      this[e] = n, this.requestUpdate(t, o, i);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) || bt;
-  }
-  static finalize() {
-    if (this.hasOwnProperty(Ot))
-      return !1;
-    this[Ot] = !0;
-    const t = Object.getPrototypeOf(this);
-    if (t.finalize(), t.h !== void 0 && (this.h = [...t.h]), this.elementProperties = new Map(t.elementProperties), this._$Ev = /* @__PURE__ */ new Map(), this.hasOwnProperty("properties")) {
-      const e = this.properties, i = [...Object.getOwnPropertyNames(e), ...Object.getOwnPropertySymbols(e)];
-      for (const n of i)
-        this.createProperty(n, e[n]);
-    }
-    return this.elementStyles = this.finalizeStyles(this.styles), !0;
-  }
-  static finalizeStyles(t) {
-    const e = [];
-    if (Array.isArray(t)) {
-      const i = new Set(t.flat(1 / 0).reverse());
-      for (const n of i)
-        e.unshift(qt(n));
-    } else
-      t !== void 0 && e.push(qt(t));
-    return e;
-  }
-  static _$Ep(t, e) {
-    const i = e.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
-  }
-  _$Eu() {
-    var t;
-    this._$E_ = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach((e) => e(this));
-  }
-  addController(t) {
-    var e, i;
-    ((e = this._$ES) !== null && e !== void 0 ? e : this._$ES = []).push(t), this.renderRoot !== void 0 && this.isConnected && ((i = t.hostConnected) === null || i === void 0 || i.call(t));
-  }
-  removeController(t) {
-    var e;
-    (e = this._$ES) === null || e === void 0 || e.splice(this._$ES.indexOf(t) >>> 0, 1);
-  }
-  _$Eg() {
-    this.constructor.elementProperties.forEach((t, e) => {
-      this.hasOwnProperty(e) && (this._$Ei.set(e, this[e]), delete this[e]);
-    });
-  }
-  createRenderRoot() {
-    var t;
-    const e = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
-    return ps(e, this.constructor.elementStyles), e;
-  }
-  connectedCallback() {
-    var t;
-    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
-      var i;
-      return (i = e.hostConnected) === null || i === void 0 ? void 0 : i.call(e);
-    });
-  }
-  enableUpdating(t) {
-  }
-  disconnectedCallback() {
-    var t;
-    (t = this._$ES) === null || t === void 0 || t.forEach((e) => {
-      var i;
-      return (i = e.hostDisconnected) === null || i === void 0 ? void 0 : i.call(e);
-    });
-  }
-  attributeChangedCallback(t, e, i) {
-    this._$AK(t, i);
-  }
-  _$EO(t, e, i = bt) {
-    var n;
-    const o = this.constructor._$Ep(t, i);
-    if (o !== void 0 && i.reflect === !0) {
-      const r = (((n = i.converter) === null || n === void 0 ? void 0 : n.toAttribute) !== void 0 ? i.converter : Tt).toAttribute(e, i.type);
-      this._$El = t, r == null ? this.removeAttribute(o) : this.setAttribute(o, r), this._$El = null;
-    }
-  }
-  _$AK(t, e) {
-    var i;
-    const n = this.constructor, o = n._$Ev.get(t);
-    if (o !== void 0 && this._$El !== o) {
-      const r = n.getPropertyOptions(o), l = typeof r.converter == "function" ? { fromAttribute: r.converter } : ((i = r.converter) === null || i === void 0 ? void 0 : i.fromAttribute) !== void 0 ? r.converter : Tt;
-      this._$El = o, this[o] = l.fromAttribute(e, r.type), this._$El = null;
-    }
-  }
-  requestUpdate(t, e, i) {
-    let n = !0;
-    t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || Ee)(this[t], e) ? (this._$AL.has(t) || this._$AL.set(t, e), i.reflect === !0 && this._$El !== t && (this._$EC === void 0 && (this._$EC = /* @__PURE__ */ new Map()), this._$EC.set(t, i))) : n = !1), !this.isUpdatePending && n && (this._$E_ = this._$Ej());
-  }
-  _$Ej() {
-    return b(this, null, function* () {
-      this.isUpdatePending = !0;
-      try {
-        yield this._$E_;
-      } catch (e) {
-        Promise.reject(e);
-      }
-      const t = this.scheduleUpdate();
-      return t != null && (yield t), !this.isUpdatePending;
-    });
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    var t;
-    if (!this.isUpdatePending)
-      return;
-    this.hasUpdated, this._$Ei && (this._$Ei.forEach((n, o) => this[o] = n), this._$Ei = void 0);
-    let e = !1;
-    const i = this._$AL;
-    try {
-      e = this.shouldUpdate(i), e ? (this.willUpdate(i), (t = this._$ES) === null || t === void 0 || t.forEach((n) => {
-        var o;
-        return (o = n.hostUpdate) === null || o === void 0 ? void 0 : o.call(n);
-      }), this.update(i)) : this._$Ek();
-    } catch (n) {
-      throw e = !1, this._$Ek(), n;
-    }
-    e && this._$AE(i);
-  }
-  willUpdate(t) {
-  }
-  _$AE(t) {
-    var e;
-    (e = this._$ES) === null || e === void 0 || e.forEach((i) => {
-      var n;
-      return (n = i.hostUpdated) === null || n === void 0 ? void 0 : n.call(i);
-    }), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
-  }
-  _$Ek() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$E_;
-  }
-  shouldUpdate(t) {
-    return !0;
-  }
-  update(t) {
-    this._$EC !== void 0 && (this._$EC.forEach((e, i) => this._$EO(i, this[i], e)), this._$EC = void 0), this._$Ek();
-  }
-  updated(t) {
-  }
-  firstUpdated(t) {
-  }
-};
-L[Ot] = !0, L.elementProperties = /* @__PURE__ */ new Map(), L.elementStyles = [], L.shadowRootOptions = { mode: "open" }, Qt == null || Qt({ ReactiveElement: L }), ((yt = V.reactiveElementVersions) !== null && yt !== void 0 ? yt : V.reactiveElementVersions = []).push("1.6.3");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var _t;
-const tt = window, I = tt.trustedTypes, Yt = I ? I.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Pt = "$lit$", x = `lit$${(Math.random() + "").slice(9)}$`, Ce = "?" + x, fs = `<${Ce}>`, O = document, G = () => O.createComment(""), Z = (s) => s === null || typeof s != "object" && typeof s != "function", ke = Array.isArray, vs = (s) => ke(s) || typeof (s == null ? void 0 : s[Symbol.iterator]) == "function", At = `[ 	
-\f\r]`, F = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Xt = /-->/g, Jt = />/g, k = RegExp(`>|${At}(?:([^\\s"'>=/]+)(${At}*=${At}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), Vt = /'/g, te = /"/g, Te = /^(?:script|style|textarea|title)$/i, gs = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), f = gs(1), w = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), ee = /* @__PURE__ */ new WeakMap(), T = O.createTreeWalker(O, 129, null, !1);
-function Oe(s, t) {
-  if (!Array.isArray(s) || !s.hasOwnProperty("raw"))
-    throw Error("invalid template strings array");
-  return Yt !== void 0 ? Yt.createHTML(t) : t;
-}
-const ms = (s, t) => {
-  const e = s.length - 1, i = [];
-  let n, o = t === 2 ? "<svg>" : "", r = F;
-  for (let l = 0; l < e; l++) {
-    const a = s[l];
-    let c, d, h = -1, u = 0;
-    for (; u < a.length && (r.lastIndex = u, d = r.exec(a), d !== null); )
-      u = r.lastIndex, r === F ? d[1] === "!--" ? r = Xt : d[1] !== void 0 ? r = Jt : d[2] !== void 0 ? (Te.test(d[2]) && (n = RegExp("</" + d[2], "g")), r = k) : d[3] !== void 0 && (r = k) : r === k ? d[0] === ">" ? (r = n != null ? n : F, h = -1) : d[1] === void 0 ? h = -2 : (h = r.lastIndex - d[2].length, c = d[1], r = d[3] === void 0 ? k : d[3] === '"' ? te : Vt) : r === te || r === Vt ? r = k : r === Xt || r === Jt ? r = F : (r = k, n = void 0);
-    const $ = r === k && s[l + 1].startsWith("/>") ? " " : "";
-    o += r === F ? a + fs : h >= 0 ? (i.push(c), a.slice(0, h) + Pt + a.slice(h) + x + $) : a + x + (h === -2 ? (i.push(void 0), l) : $);
-  }
-  return [Oe(s, o + (s[e] || "<?>") + (t === 2 ? "</svg>" : "")), i];
-};
-let Ht = class Pe {
-  constructor({ strings: t, _$litType$: e }, i) {
-    let n;
-    this.parts = [];
-    let o = 0, r = 0;
-    const l = t.length - 1, a = this.parts, [c, d] = ms(t, e);
-    if (this.el = Pe.createElement(c, i), T.currentNode = this.el.content, e === 2) {
-      const h = this.el.content, u = h.firstChild;
-      u.remove(), h.append(...u.childNodes);
-    }
-    for (; (n = T.nextNode()) !== null && a.length < l; ) {
-      if (n.nodeType === 1) {
-        if (n.hasAttributes()) {
-          const h = [];
-          for (const u of n.getAttributeNames())
-            if (u.endsWith(Pt) || u.startsWith(x)) {
-              const $ = d[r++];
-              if (h.push(u), $ !== void 0) {
-                const C = n.getAttribute($.toLowerCase() + Pt).split(x), S = /([.?@])?(.*)/.exec($);
-                a.push({ type: 1, index: o, name: S[2], strings: C, ctor: S[1] === "." ? bs : S[1] === "?" ? As : S[1] === "@" ? Ss : ht });
-              } else
-                a.push({ type: 6, index: o });
-            }
-          for (const u of h)
-            n.removeAttribute(u);
-        }
-        if (Te.test(n.tagName)) {
-          const h = n.textContent.split(x), u = h.length - 1;
-          if (u > 0) {
-            n.textContent = I ? I.emptyScript : "";
-            for (let $ = 0; $ < u; $++)
-              n.append(h[$], G()), T.nextNode(), a.push({ type: 2, index: ++o });
-            n.append(h[u], G());
-          }
-        }
-      } else if (n.nodeType === 8)
-        if (n.data === Ce)
-          a.push({ type: 2, index: o });
-        else {
-          let h = -1;
-          for (; (h = n.data.indexOf(x, h + 1)) !== -1; )
-            a.push({ type: 7, index: o }), h += x.length - 1;
-        }
-      o++;
-    }
-  }
-  static createElement(t, e) {
-    const i = O.createElement("template");
-    return i.innerHTML = t, i;
-  }
-};
-function D(s, t, e = s, i) {
-  var n, o, r, l;
-  if (t === w)
-    return t;
-  let a = i !== void 0 ? (n = e._$Co) === null || n === void 0 ? void 0 : n[i] : e._$Cl;
-  const c = Z(t) ? void 0 : t._$litDirective$;
-  return (a == null ? void 0 : a.constructor) !== c && ((o = a == null ? void 0 : a._$AO) === null || o === void 0 || o.call(a, !1), c === void 0 ? a = void 0 : (a = new c(s), a._$AT(s, e, i)), i !== void 0 ? ((r = (l = e)._$Co) !== null && r !== void 0 ? r : l._$Co = [])[i] = a : e._$Cl = a), a !== void 0 && (t = D(s, a._$AS(s, t.values), a, i)), t;
-}
-class ys {
-  constructor(t, e) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    var e;
-    const { el: { content: i }, parts: n } = this._$AD, o = ((e = t == null ? void 0 : t.creationScope) !== null && e !== void 0 ? e : O).importNode(i, !0);
-    T.currentNode = o;
-    let r = T.nextNode(), l = 0, a = 0, c = n[0];
-    for (; c !== void 0; ) {
-      if (l === c.index) {
-        let d;
-        c.type === 2 ? d = new K(r, r.nextSibling, this, t) : c.type === 1 ? d = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (d = new xs(r, this, t)), this._$AV.push(d), c = n[++a];
-      }
-      l !== (c == null ? void 0 : c.index) && (r = T.nextNode(), l++);
-    }
-    return T.currentNode = O, o;
-  }
-  v(t) {
-    let e = 0;
-    for (const i of this._$AV)
-      i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
-  }
-}
-class K {
-  constructor(t, e, i, n) {
-    var o;
-    this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = n, this._$Cp = (o = n == null ? void 0 : n.isConnected) === null || o === void 0 || o;
-  }
-  get _$AU() {
-    var t, e;
-    return (e = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && e !== void 0 ? e : this._$Cp;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const e = this._$AM;
-    return e !== void 0 && (t == null ? void 0 : t.nodeType) === 11 && (t = e.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, e = this) {
-    t = D(this, t, e), Z(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== w && 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 !== p && Z(this._$AH) ? this._$AA.nextSibling.data = t : this.$(O.createTextNode(t)), this._$AH = t;
-  }
-  g(t) {
-    var e;
-    const { values: i, _$litType$: n } = t, o = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = Ht.createElement(Oe(n.h, n.h[0]), this.options)), n);
-    if (((e = this._$AH) === null || e === void 0 ? void 0 : e._$AD) === o)
-      this._$AH.v(i);
-    else {
-      const r = new ys(o, this), l = r.u(this.options);
-      r.v(i), this.$(l), this._$AH = r;
-    }
-  }
-  _$AC(t) {
-    let e = ee.get(t.strings);
-    return e === void 0 && ee.set(t.strings, e = new Ht(t)), e;
-  }
-  T(t) {
-    ke(this._$AH) || (this._$AH = [], this._$AR());
-    const e = this._$AH;
-    let i, n = 0;
-    for (const o of t)
-      n === e.length ? e.push(i = new K(this.k(G()), this.k(G()), this, this.options)) : i = e[n], i._$AI(o), n++;
-    n < e.length && (this._$AR(i && i._$AB.nextSibling, n), e.length = n);
-  }
-  _$AR(t = this._$AA.nextSibling, e) {
-    var i;
-    for ((i = this._$AP) === null || i === void 0 || i.call(this, !1, !0, e); t && t !== this._$AB; ) {
-      const n = t.nextSibling;
-      t.remove(), t = n;
-    }
-  }
-  setConnected(t) {
-    var e;
-    this._$AM === void 0 && (this._$Cp = t, (e = this._$AP) === null || e === void 0 || e.call(this, t));
-  }
-}
-class ht {
-  constructor(t, e, i, n, o) {
-    this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, this.name = e, this._$AM = n, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = p;
-  }
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t, e = this, i, n) {
-    const o = this.strings;
-    let r = !1;
-    if (o === void 0)
-      t = D(this, t, e, 0), r = !Z(t) || t !== this._$AH && t !== w, r && (this._$AH = t);
-    else {
-      const l = t;
-      let a, c;
-      for (t = o[0], a = 0; a < o.length - 1; a++)
-        c = D(this, l[i + a], e, a), c === w && (c = this._$AH[a]), r || (r = !Z(c) || c !== this._$AH[a]), c === p ? t = p : t !== p && (t += (c != null ? c : "") + o[a + 1]), this._$AH[a] = c;
-    }
-    r && !n && this.j(t);
-  }
-  j(t) {
-    t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t != null ? t : "");
-  }
-}
-let bs = class extends ht {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === p ? void 0 : t;
-  }
-};
-const _s = I ? I.emptyScript : "";
-class As extends ht {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    t && t !== p ? this.element.setAttribute(this.name, _s) : this.element.removeAttribute(this.name);
-  }
-}
-class Ss extends ht {
-  constructor(t, e, i, n, o) {
-    super(t, e, i, n, o), this.type = 5;
-  }
-  _$AI(t, e = this) {
-    var i;
-    if ((t = (i = D(this, t, e, 0)) !== null && i !== void 0 ? i : p) === w)
-      return;
-    const n = this._$AH, o = t === p && n !== p || t.capture !== n.capture || t.once !== n.once || t.passive !== n.passive, r = t !== p && (n === p || o);
-    o && this.element.removeEventListener(this.name, this, n), r && this.element.addEventListener(this.name, this, t), this._$AH = t;
-  }
-  handleEvent(t) {
-    var e, i;
-    typeof this._$AH == "function" ? this._$AH.call((i = (e = this.options) === null || e === void 0 ? void 0 : e.host) !== null && i !== void 0 ? i : this.element, t) : this._$AH.handleEvent(t);
-  }
-}
-class xs {
-  constructor(t, e, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    D(this, t);
-  }
-}
-const se = tt.litHtmlPolyfillSupport;
-se == null || se(Ht, K), ((_t = tt.litHtmlVersions) !== null && _t !== void 0 ? _t : tt.litHtmlVersions = []).push("2.8.0");
-const ws = (s, t, e) => {
-  var i, n;
-  const o = (i = e == null ? void 0 : e.renderBefore) !== null && i !== void 0 ? i : t;
-  let r = o._$litPart$;
-  if (r === void 0) {
-    const l = (n = e == null ? void 0 : e.renderBefore) !== null && n !== void 0 ? n : null;
-    o._$litPart$ = r = new K(t.insertBefore(G(), l), l, void 0, e != null ? e : {});
-  }
-  return r._$AI(s), r;
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var St, xt;
-let _ = class extends L {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
-  }
-  createRenderRoot() {
-    var t, e;
-    const i = super.createRenderRoot();
-    return (t = (e = this.renderOptions).renderBefore) !== null && t !== void 0 || (e.renderBefore = i.firstChild), i;
-  }
-  update(t) {
-    const e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = ws(e, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    var t;
-    super.connectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!0);
-  }
-  disconnectedCallback() {
-    var t;
-    super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
-  }
-  render() {
-    return w;
-  }
-};
-_.finalized = !0, _._$litElement$ = !0, (St = globalThis.litElementHydrateSupport) === null || St === void 0 || St.call(globalThis, { LitElement: _ });
-const ie = globalThis.litElementPolyfillSupport;
-ie == null || ie({ LitElement: _ });
-((xt = globalThis.litElementVersions) !== null && xt !== void 0 ? xt : globalThis.litElementVersions = []).push("3.3.3");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const B = (s) => (t) => typeof t == "function" ? ((e, i) => (customElements.define(e, i), i))(s, t) : ((e, i) => {
-  const { kind: n, elements: o } = i;
-  return { kind: n, elements: o, finisher(r) {
-    customElements.define(e, r);
-  } };
-})(s, t);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Es = (s, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? Y(g({}, t), { finisher(e) {
-  e.createProperty(t.key, s);
-} }) : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
-  typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
-}, finisher(e) {
-  e.createProperty(t.key, s);
-} }, Cs = (s, t, e) => {
-  t.constructor.createProperty(e, s);
-};
-function E(s) {
-  return (t, e) => e !== void 0 ? Cs(s, t, e) : Es(s, t);
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function ks(s) {
-  return E(Y(g({}, s), { state: !0 }));
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ts = ({ finisher: s, descriptor: t }) => (e, i) => {
-  var n;
-  if (i === void 0) {
-    const o = (n = e.originalKey) !== null && n !== void 0 ? n : e.key, r = t != null ? { kind: "method", placement: "prototype", key: o, descriptor: t(e.key) } : Y(g({}, e), { key: o });
-    return s != null && (r.finisher = function(l) {
-      s(l, o);
-    }), r;
-  }
-  {
-    const o = e.constructor;
-    t !== void 0 && Object.defineProperty(e, i, t(i)), s == null || s(o, i);
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var wt;
-((wt = window.HTMLSlotElement) === null || wt === void 0 ? void 0 : wt.prototype.assignedElements) != null;
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Os = (s) => s.strings === void 0;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const ut = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, pt = (s) => (...t) => ({ _$litDirective$: s, values: t });
-let It = class {
-  constructor(t) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t, e, i) {
-    this._$Ct = t, this._$AM = e, this._$Ci = i;
-  }
-  _$AS(t, e) {
-    return this.update(t, e);
-  }
-  update(t, e) {
-    return this.render(...e);
-  }
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const W = (s, t) => {
-  var e, i;
-  const n = s._$AN;
-  if (n === void 0)
-    return !1;
-  for (const o of n)
-    (i = (e = o)._$AO) === null || i === void 0 || i.call(e, t, !1), W(o, t);
-  return !0;
-}, et = (s) => {
-  let t, e;
-  do {
-    if ((t = s._$AM) === void 0)
-      break;
-    e = t._$AN, e.delete(s), s = t;
-  } while ((e == null ? void 0 : e.size) === 0);
-}, He = (s) => {
-  for (let t; t = s._$AM; s = t) {
-    let e = t._$AN;
-    if (e === void 0)
-      t._$AN = e = /* @__PURE__ */ new Set();
-    else if (e.has(s))
-      break;
-    e.add(s), Ls(t);
-  }
-};
-function Ps(s) {
-  this._$AN !== void 0 ? (et(this), this._$AM = s, He(this)) : this._$AM = s;
-}
-function Hs(s, t = !1, e = 0) {
-  const i = this._$AH, n = this._$AN;
-  if (n !== void 0 && n.size !== 0)
-    if (t)
-      if (Array.isArray(i))
-        for (let o = e; o < i.length; o++)
-          W(i[o], !1), et(i[o]);
-      else
-        i != null && (W(i, !1), et(i));
-    else
-      W(this, s);
-}
-const Ls = (s) => {
-  var t, e, i, n;
-  s.type == ut.CHILD && ((t = (i = s)._$AP) !== null && t !== void 0 || (i._$AP = Hs), (e = (n = s)._$AQ) !== null && e !== void 0 || (n._$AQ = Ps));
-};
-class Le extends It {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(t, e, i) {
-    super._$AT(t, e, i), He(this), this.isConnected = t._$AU;
-  }
-  _$AO(t, e = !0) {
-    var i, n;
-    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) === null || i === void 0 || i.call(this) : (n = this.disconnected) === null || n === void 0 || n.call(this)), e && (W(this, t), et(this));
-  }
-  setValue(t) {
-    if (Os(this._$Ct))
-      this._$Ct._$AI(t, this);
-    else {
-      const e = [...this._$Ct._$AH];
-      e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ns = () => new Ms();
-let Ms = class {
-};
-const Et = /* @__PURE__ */ new WeakMap(), Rs = pt(class extends Le {
-  render(s) {
-    return p;
-  }
-  update(s, [t]) {
-    var e;
-    const i = t !== this.G;
-    return i && this.G !== void 0 && this.ot(void 0), (i || this.rt !== this.lt) && (this.G = t, this.dt = (e = s.options) === null || e === void 0 ? void 0 : e.host, this.ot(this.lt = s.element)), p;
-  }
-  ot(s) {
-    var t;
-    if (typeof this.G == "function") {
-      const e = (t = this.dt) !== null && t !== void 0 ? t : globalThis;
-      let i = Et.get(e);
-      i === void 0 && (i = /* @__PURE__ */ new WeakMap(), Et.set(e, i)), i.get(this.G) !== void 0 && this.G.call(this.dt, void 0), i.set(this.G, s), s !== void 0 && this.G.call(this.dt, s);
-    } else
-      this.G.value = s;
-  }
-  get rt() {
-    var s, t, e;
-    return typeof this.G == "function" ? (t = Et.get((s = this.dt) !== null && s !== void 0 ? s : globalThis)) === null || t === void 0 ? void 0 : t.get(this.G) : (e = this.G) === null || e === void 0 ? void 0 : e.value;
-  }
-  disconnected() {
-    this.rt === this.lt && this.ot(void 0);
-  }
-  reconnected() {
-    this.ot(this.lt);
-  }
-}), Us = /* @__PURE__ */ new WeakMap();
-let ne = 0;
-const Ct = /* @__PURE__ */ new Map(), oe = /* @__PURE__ */ new WeakSet(), re = () => new Promise((s) => requestAnimationFrame(s)), le = [{ opacity: 0 }], ae = [{ opacity: 0 }, { opacity: 1 }], ce = (s, t) => {
-  const e = s - t;
-  return e === 0 ? void 0 : e;
-}, de = (s, t) => {
-  const e = s / t;
-  return e === 1 ? void 0 : e;
-}, kt = { left: (s, t) => {
-  const e = ce(s, t);
-  return { value: e, transform: e == null || isNaN(e) ? void 0 : `translateX(${e}px)` };
-}, top: (s, t) => {
-  const e = ce(s, t);
-  return { value: e, transform: e == null || isNaN(e) ? void 0 : `translateY(${e}px)` };
-}, width: (s, t) => {
-  let e;
-  t === 0 && (t = 1, e = { width: "1px" });
-  const i = de(s, t);
-  return { value: i, overrideFrom: e, transform: i == null || isNaN(i) ? void 0 : `scaleX(${i})` };
-}, height: (s, t) => {
-  let e;
-  t === 0 && (t = 1, e = { height: "1px" });
-  const i = de(s, t);
-  return { value: i, overrideFrom: e, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
-} }, js = { duration: 333, easing: "ease-in-out" }, Is = ["left", "top", "width", "height", "opacity", "color", "background"], he = /* @__PURE__ */ new WeakMap();
-class Ds extends Le {
-  constructor(t) {
-    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === ut.CHILD)
-      throw Error("The `animate` directive must be used in attribute position.");
-    this.createFinished();
-  }
-  createFinished() {
-    var t;
-    (t = this.resolveFinished) === null || t === void 0 || t.call(this), this.finished = new Promise((e) => {
-      this.h = e;
-    });
-  }
-  resolveFinished() {
-    return b(this, null, function* () {
-      var t;
-      (t = this.h) === null || t === void 0 || t.call(this), this.h = void 0;
-    });
-  }
-  render(t) {
-    return p;
-  }
-  getController() {
-    return Us.get(this.l);
-  }
-  isDisabled() {
-    var t;
-    return this.options.disabled || ((t = this.getController()) === null || t === void 0 ? void 0 : t.disabled);
-  }
-  update(t, [e]) {
-    var i;
-    const n = this.l === void 0;
-    return n && (this.l = (i = t.options) === null || i === void 0 ? void 0 : i.host, this.l.addController(this), this.element = t.element, he.set(this.element, this)), this.optionsOrCallback = e, (n || typeof e != "function") && this.u(e), this.render(e);
-  }
-  u(t) {
-    var e, i;
-    t = t != null ? t : {};
-    const n = this.getController();
-    n !== void 0 && ((t = g(g({}, n.defaultOptions), t)).keyframeOptions = g(g({}, n.defaultOptions.keyframeOptions), t.keyframeOptions)), (e = (i = t).properties) !== null && e !== void 0 || (i.properties = Is), this.options = t;
-  }
-  v() {
-    const t = {}, e = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
-    return this.options.properties.forEach((n) => {
-      var o;
-      const r = (o = e[n]) !== null && o !== void 0 ? o : kt[n] ? void 0 : i[n], l = Number(r);
-      t[n] = isNaN(l) ? r + "" : l;
-    }), t;
-  }
-  p() {
-    let t, e = !0;
-    return this.options.guard && (t = this.options.guard(), e = ((i, n) => {
-      if (Array.isArray(i)) {
-        if (Array.isArray(n) && n.length === i.length && i.every((o, r) => o === n[r]))
-          return !1;
-      } else if (n === i)
-        return !1;
-      return !0;
-    })(t, this.m)), this.o = this.l.hasUpdated && !this.isDisabled() && !this.isAnimating() && e && this.element.isConnected, this.o && (this.m = Array.isArray(t) ? Array.from(t) : t), this.o;
-  }
-  hostUpdate() {
-    var t;
-    typeof this.optionsOrCallback == "function" && this.u(this.optionsOrCallback()), this.p() && (this.g = this.v(), this.t = (t = this.t) !== null && t !== void 0 ? t : this.element.parentNode, this.i = this.element.nextSibling);
-  }
-  hostUpdated() {
-    return b(this, null, function* () {
-      if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
-        return;
-      let t;
-      this.prepare(), yield re;
-      const e = this._(), i = this.A(this.options.keyframeOptions, e), n = this.v();
-      if (this.g !== void 0) {
-        const { from: o, to: r } = this.O(this.g, n, e);
-        this.log("measured", [this.g, n, o, r]), t = this.calculateKeyframes(o, r);
-      } else {
-        const o = Ct.get(this.options.inId);
-        if (o) {
-          Ct.delete(this.options.inId);
-          const { from: r, to: l } = this.O(o, n, e);
-          t = this.calculateKeyframes(r, l), t = this.options.in ? [g(g({}, this.options.in[0]), t[0]), ...this.options.in.slice(1), t[1]] : t, ne++, t.forEach((a) => a.zIndex = ne);
-        } else
-          this.options.in && (t = [...this.options.in, {}]);
-      }
-      this.animate(t, i);
-    });
-  }
-  resetStyles() {
-    var t;
-    this.j !== void 0 && (this.element.setAttribute("style", (t = this.j) !== null && t !== void 0 ? t : ""), this.j = void 0);
-  }
-  commitStyles() {
-    var t, e;
-    this.j = this.element.getAttribute("style"), (t = this.webAnimation) === null || t === void 0 || t.commitStyles(), (e = this.webAnimation) === null || e === void 0 || e.cancel();
-  }
-  reconnected() {
-  }
-  disconnected() {
-    return b(this, null, function* () {
-      var t;
-      if (!this.o || (this.options.id !== void 0 && Ct.set(this.options.id, this.g), this.options.out === void 0))
-        return;
-      if (this.prepare(), yield re(), (t = this.t) === null || t === void 0 ? void 0 : t.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.v();
-          this.log("stabilizing out");
-          const o = this.g.left - n.left, r = this.g.top - n.top;
-          getComputedStyle(this.element).position !== "static" || o === 0 && r === 0 || (this.element.style.position = "relative"), o !== 0 && (this.element.style.left = o + "px"), r !== 0 && (this.element.style.top = r + "px");
-        }
-      }
-      const e = this.A(this.options.keyframeOptions);
-      yield this.animate(this.options.out, e), this.element.remove();
-    });
-  }
-  prepare() {
-    this.createFinished();
-  }
-  start() {
-    var t, e;
-    (e = (t = this.options).onStart) === null || e === void 0 || e.call(t, this);
-  }
-  didFinish(t) {
-    var e, i;
-    t && ((i = (e = this.options).onComplete) === null || i === void 0 || i.call(e, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
-  }
-  _() {
-    const t = [];
-    for (let e = this.element.parentNode; e; e = e == null ? void 0 : e.parentNode) {
-      const i = he.get(e);
-      i && !i.isDisabled() && i && t.push(i);
-    }
-    return t;
-  }
-  get isHostRendered() {
-    const t = oe.has(this.l);
-    return t || this.l.updateComplete.then(() => {
-      oe.add(this.l);
-    }), t;
-  }
-  A(t, e = this._()) {
-    const i = g({}, js);
-    return e.forEach((n) => Object.assign(i, n.options.keyframeOptions)), Object.assign(i, t), i;
-  }
-  O(t, e, i) {
-    t = g({}, t), e = g({}, e);
-    const n = i.map((l) => l.animatingProperties).filter((l) => l !== void 0);
-    let o = 1, r = 1;
-    return n !== void 0 && (n.forEach((l) => {
-      l.width && (o /= l.width), l.height && (r /= l.height);
-    }), t.left !== void 0 && e.left !== void 0 && (t.left = o * t.left, e.left = o * e.left), t.top !== void 0 && e.top !== void 0 && (t.top = r * t.top, e.top = r * e.top)), { from: t, to: e };
-  }
-  calculateKeyframes(t, e, i = !1) {
-    var n;
-    const o = {}, r = {};
-    let l = !1;
-    const a = {};
-    for (const c in e) {
-      const d = t[c], h = e[c];
-      if (c in kt) {
-        const u = kt[c];
-        if (d === void 0 || h === void 0)
-          continue;
-        const $ = u(d, h);
-        $.transform !== void 0 && (a[c] = $.value, l = !0, o.transform = `${(n = o.transform) !== null && n !== void 0 ? n : ""} ${$.transform}`, $.overrideFrom !== void 0 && Object.assign(o, $.overrideFrom));
-      } else
-        d !== h && d !== void 0 && h !== void 0 && (l = !0, o[c] = d, r[c] = h);
-    }
-    return o.transformOrigin = r.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, l ? [o, r] : void 0;
-  }
-  animate(i) {
-    return b(this, arguments, function* (t, e = this.options.keyframeOptions) {
-      this.start(), this.frames = t;
-      let n = !1;
-      if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t = this.options.onFrames(this), this.log("modified frames", t)), t !== void 0)) {
-        this.log("animate", [t, e]), n = !0, this.webAnimation = this.element.animate(t, e);
-        const o = this.getController();
-        o == null || o.add(this);
-        try {
-          yield this.webAnimation.finished;
-        } catch (r) {
-        }
-        o == null || o.remove(this);
-      }
-      return this.didFinish(n), n;
-    });
-  }
-  isAnimating() {
-    var t, e;
-    return ((t = this.webAnimation) === null || t === void 0 ? void 0 : t.playState) === "running" || ((e = this.webAnimation) === null || e === void 0 ? void 0 : e.pending);
-  }
-  log(t, e) {
-    this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, e);
-  }
-}
-const ue = pt(Ds), zs = { name: "grid-view", svg: '<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 8H28C29.1046 8 30 8.89543 30 10V28C30 29.1046 29.1046 30 28 30H10C8.89543 30 8 29.1046 8 28V10C8 8.89543 8.89543 8 10 8ZM12 12V26H26V12H12Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10 34H28C29.1046 34 30 34.8954 30 36V54C30 55.1046 29.1046 56 28 56H10C8.89543 56 8 55.1046 8 54V36C8 34.8954 8.89543 34 10 34ZM12 38V52H26V38H12Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M54 8H36C34.8954 8 34 8.89543 34 10V28C34 29.1046 34.8954 30 36 30H54C55.1046 30 56 29.1046 56 28V10C56 8.89543 55.1046 8 54 8ZM38 26V12H52V26H38Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M36 34H54C55.1046 34 56 34.8954 56 36V54C56 55.1046 55.1046 56 54 56H36C34.8954 56 34 55.1046 34 54V36C34 34.8954 34.8954 34 36 34ZM38 38V52H52V38H38Z"/></svg>' }, Bs = { 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>' };
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Ne = pt(class extends It {
-  constructor(s) {
-    var t;
-    if (super(s), s.type !== ut.ATTRIBUTE || s.name !== "class" || ((t = s.strings) === null || t === void 0 ? void 0 : t.length) > 2)
-      throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(s) {
-    return " " + Object.keys(s).filter((t) => s[t]).join(" ") + " ";
-  }
-  update(s, [t]) {
-    var e, i;
-    if (this.it === void 0) {
-      this.it = /* @__PURE__ */ new Set(), s.strings !== void 0 && (this.nt = new Set(s.strings.join(" ").split(/\s/).filter((o) => o !== "")));
-      for (const o in t)
-        t[o] && !(!((e = this.nt) === null || e === void 0) && e.has(o)) && this.it.add(o);
-      return this.render(t);
-    }
-    const n = s.element.classList;
-    this.it.forEach((o) => {
-      o in t || (n.remove(o), this.it.delete(o));
-    });
-    for (const o in t) {
-      const r = !!t[o];
-      r === this.it.has(o) || !((i = this.nt) === null || i === void 0) && i.has(o) || (r ? (n.add(o), this.it.add(o)) : (n.remove(o), this.it.delete(o)));
-    }
-    return w;
-  }
-}), N = {
-  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, Me, $t, Re = !1, st = !1, Dt = !1, m = !1, pe = null, Lt = !1;
-const ft = typeof window != "undefined" ? window : {}, A = ft.document || { head: {} }, Ue = ft.HTMLElement || class {
-}, v = {
-  $flags$: 0,
-  $resourcesUrl$: "",
-  jmp: (s) => s(),
-  raf: (s) => requestAnimationFrame(s),
-  ael: (s, t, e, i) => s.addEventListener(t, e, i),
-  rel: (s, t, e, i) => s.removeEventListener(t, e, i),
-  ce: (s, t) => new CustomEvent(s, t)
-}, Fs = /* @__PURE__ */ (() => {
-  let s = !1;
-  try {
-    A.addEventListener("e", null, Object.defineProperty({}, "passive", {
-      get() {
-        s = !0;
-      }
-    }));
-  } catch (t) {
-  }
-  return s;
-})(), Ws = (s) => Promise.resolve(s), Gs = /* @__PURE__ */ (() => {
-  try {
-    return new CSSStyleSheet(), typeof new CSSStyleSheet().replace == "function";
-  } catch (s) {
-  }
-  return !1;
-})(), je = (s, t, e, i) => {
-  e && e.map(([n, o, r]) => {
-    const l = qs(s, n), a = Zs(t, r), c = Ks(n);
-    v.ael(l, o, a, c), (t.$rmListeners$ = t.$rmListeners$ || []).push(() => v.rel(l, o, a, c));
-  });
-}, Zs = (s, t) => (e) => {
-  try {
-    N.lazyLoad || s.$hostElement$[t](e);
-  } catch (i) {
-    Q(i);
-  }
-}, qs = (s, t) => t & 4 ? A : t & 8 ? ft : t & 16 ? A.body : s, Ks = (s) => Fs ? {
-  passive: (s & 1) !== 0,
-  capture: (s & 2) !== 0
-} : (s & 2) !== 0, $e = "http://www.w3.org/1999/xlink", P = (s, t = "") => () => {
-}, fe = /* @__PURE__ */ new WeakMap(), Qs = (s, t, e) => {
-  let i = ot.get(s);
-  Gs && e ? (i = i || new CSSStyleSheet(), i.replace(t)) : i = t, ot.set(s, i);
-}, Ys = (s, t, e, i) => {
-  let n = Ie(t, e), o = ot.get(n);
-  if (s = s.nodeType === 11 ? s : A, o)
-    if (typeof o == "string") {
-      s = s.head || s;
-      let r = fe.get(s), l;
-      r || fe.set(s, r = /* @__PURE__ */ new Set()), r.has(n) || (l = A.createElement("style"), l.innerHTML = o, s.insertBefore(l, s.querySelector("link")), r && r.add(n));
-    } else
-      s.adoptedStyleSheets.includes(o) || (s.adoptedStyleSheets = [...s.adoptedStyleSheets, o]);
-  return n;
-}, Xs = (s) => {
-  const t = s.$cmpMeta$, e = s.$hostElement$, i = t.$flags$, n = P("attachStyles", t.$tagName$), o = Ys(e.shadowRoot ? e.shadowRoot : e.getRootNode(), t, s.$modeName$);
-  i & 10 && (e["s-sc"] = o, e.classList.add(o + "-h"), i & 2 && e.classList.add(o + "-s")), n();
-}, Ie = (s, t) => "sc-" + (t && s.$flags$ & 32 ? s.$tagName$ + "-" + t : s.$tagName$), Js = (s) => Ei.map((t) => t(s)).find((t) => !!t), ve = {}, Vs = "http://www.w3.org/2000/svg", ti = "http://www.w3.org/1999/xhtml", ei = (s) => s != null, zt = (s) => (s = typeof s, s === "object" || s === "function"), U = (s, t, ...e) => {
-  let i = null, n = null, o = null, r = !1, l = !1, a = [];
-  const c = (h) => {
-    for (let u = 0; u < h.length; u++)
-      i = h[u], Array.isArray(i) ? c(i) : i != null && typeof i != "boolean" && ((r = typeof s != "function" && !zt(i)) && (i = String(i)), r && l ? a[a.length - 1].$text$ += i : a.push(r ? it(null, i) : i), l = r);
-  };
-  if (c(e), t) {
-    t.key && (n = t.key), t.name && (o = t.name);
-    {
-      const h = t.className || t.class;
-      h && (t.class = typeof h != "object" ? h : Object.keys(h).filter((u) => h[u]).join(" "));
-    }
-  }
-  if (typeof s == "function")
-    return s(t === null ? {} : t, a, ii);
-  const d = it(s, null);
-  return d.$attrs$ = t, a.length > 0 && (d.$children$ = a), d.$key$ = n, d.$name$ = o, d;
-}, it = (s, t) => {
-  const e = {
-    $flags$: 0,
-    $tag$: s,
-    $text$: t,
-    $elm$: null,
-    $children$: null
-  };
-  return e.$attrs$ = null, e.$key$ = null, e.$name$ = null, e;
-}, Bt = {}, si = (s) => s && s.$tag$ === Bt, ii = {
-  forEach: (s, t) => s.map(ge).forEach(t),
-  map: (s, t) => s.map(ge).map(t).map(ni)
-}, ge = (s) => ({
-  vattrs: s.$attrs$,
-  vchildren: s.$children$,
-  vkey: s.$key$,
-  vname: s.$name$,
-  vtag: s.$tag$,
-  vtext: s.$text$
-}), ni = (s) => {
-  if (typeof s.vtag == "function") {
-    const e = Object.assign({}, s.vattrs);
-    return s.vkey && (e.key = s.vkey), s.vname && (e.name = s.vname), U(s.vtag, e, ...s.vchildren || []);
-  }
-  const t = it(s.vtag, s.vtext);
-  return t.$attrs$ = s.vattrs, t.$children$ = s.vchildren, t.$key$ = s.vkey, t.$name$ = s.vname, t;
-}, me = (s, t, e, i, n, o) => {
-  if (e !== i) {
-    let r = Ae(s, t), l = t.toLowerCase();
-    if (t === "class") {
-      const a = s.classList, c = ye(e), d = ye(i);
-      a.remove(...c.filter((h) => h && !d.includes(h))), a.add(...d.filter((h) => h && !c.includes(h)));
-    } else if (t === "style") {
-      for (const a in e)
-        (!i || i[a] == null) && (a.includes("-") ? s.style.removeProperty(a) : s.style[a] = "");
-      for (const a in i)
-        (!e || i[a] !== e[a]) && (a.includes("-") ? s.style.setProperty(a, i[a]) : s.style[a] = i[a]);
-    } else if (t !== "key")
-      if (t === "ref")
-        i && i(s);
-      else if (!s.__lookupSetter__(t) && t[0] === "o" && t[1] === "n")
-        t[2] === "-" ? t = t.slice(3) : Ae(ft, l) ? t = l.slice(2) : t = l[2] + t.slice(3), e && v.rel(s, t, e, !1), i && v.ael(s, t, i, !1);
-      else {
-        const a = zt(i);
-        if ((r || a && i !== null) && !n)
-          try {
-            if (s.tagName.includes("-"))
-              s[t] = i;
-            else {
-              let d = i == null ? "" : i;
-              t === "list" ? r = !1 : (e == null || s[t] != d) && (s[t] = d);
-            }
-          } catch (d) {
-          }
-        let c = !1;
-        l !== (l = l.replace(/^xlink\:?/, "")) && (t = l, c = !0), i == null || i === !1 ? (i !== !1 || s.getAttribute(t) === "") && (c ? s.removeAttributeNS($e, t) : s.removeAttribute(t)) : (!r || o & 4 || n) && !a && (i = i === !0 ? "" : i, c ? s.setAttributeNS($e, t, i) : s.setAttribute(t, i));
-      }
-  }
-}, oi = /\s/, ye = (s) => s ? s.split(oi) : [], De = (s, t, e, i) => {
-  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, o = s && s.$attrs$ || ve, r = t.$attrs$ || ve;
-  for (i in o)
-    i in r || me(n, i, o[i], void 0, e, t.$flags$);
-  for (i in r)
-    me(n, i, o[i], r[i], e, t.$flags$);
-}, nt = (s, t, e, i) => {
-  let n = t.$children$[e], o = 0, r, l, a;
-  if (Re || (Dt = !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)
-    r = n.$elm$ = A.createTextNode(n.$text$);
-  else if (n.$flags$ & 1)
-    r = n.$elm$ = A.createTextNode("");
-  else {
-    if (m || (m = n.$tag$ === "svg"), r = n.$elm$ = A.createElementNS(m ? Vs : ti, n.$flags$ & 2 ? "slot-fb" : n.$tag$), m && n.$tag$ === "foreignObject" && (m = !1), De(null, n, m), ei(M) && r["s-si"] !== M && r.classList.add(r["s-si"] = M), n.$children$)
-      for (o = 0; o < n.$children$.length; ++o)
-        l = nt(s, n, o, r), l && r.appendChild(l);
-    n.$tag$ === "svg" ? m = !1 : r.tagName === "foreignObject" && (m = !0);
-  }
-  return r["s-hn"] = $t, n.$flags$ & 3 && (r["s-sr"] = !0, r["s-cr"] = Me, r["s-sn"] = n.$name$ || "", a = s && s.$children$ && s.$children$[e], a && a.$tag$ === n.$tag$ && s.$elm$ && q(s.$elm$, !1)), r;
-}, q = (s, t) => {
-  v.$flags$ |= 1;
-  const e = s.childNodes;
-  for (let i = e.length - 1; i >= 0; i--) {
-    const n = e[i];
-    n["s-hn"] !== $t && n["s-ol"] && (Fe(n).insertBefore(n, Ft(n)), n["s-ol"].remove(), n["s-ol"] = void 0, Dt = !0), t && q(n, t);
-  }
-  v.$flags$ &= -2;
-}, ze = (s, t, e, i, n, o) => {
-  let r = s["s-cr"] && s["s-cr"].parentNode || s, l;
-  for (r.shadowRoot && r.tagName === $t && (r = r.shadowRoot); n <= o; ++n)
-    i[n] && (l = nt(null, e, n, s), l && (i[n].$elm$ = l, r.insertBefore(l, Ft(t))));
-}, Be = (s, t, e, i, n) => {
-  for (; t <= e; ++t)
-    (i = s[t]) && (n = i.$elm$, Ze(i), st = !0, n["s-ol"] ? n["s-ol"].remove() : q(n, !0), n.remove());
-}, ri = (s, t, e, i) => {
-  let n = 0, o = 0, r = 0, l = 0, a = t.length - 1, c = t[0], d = t[a], h = i.length - 1, u = i[0], $ = i[h], C, S;
-  for (; n <= a && o <= h; )
-    if (c == null)
-      c = t[++n];
-    else if (d == null)
-      d = t[--a];
-    else if (u == null)
-      u = i[++o];
-    else if ($ == null)
-      $ = i[--h];
-    else if (X(c, u))
-      R(c, u), c = t[++n], u = i[++o];
-    else if (X(d, $))
-      R(d, $), d = t[--a], $ = i[--h];
-    else if (X(c, $))
-      (c.$tag$ === "slot" || $.$tag$ === "slot") && q(c.$elm$.parentNode, !1), R(c, $), s.insertBefore(c.$elm$, d.$elm$.nextSibling), c = t[++n], $ = i[--h];
-    else if (X(d, u))
-      (c.$tag$ === "slot" || $.$tag$ === "slot") && q(d.$elm$.parentNode, !1), R(d, u), s.insertBefore(d.$elm$, c.$elm$), d = t[--a], u = i[++o];
-    else {
-      for (r = -1, l = n; l <= a; ++l)
-        if (t[l] && t[l].$key$ !== null && t[l].$key$ === u.$key$) {
-          r = l;
-          break;
-        }
-      r >= 0 ? (S = t[r], S.$tag$ !== u.$tag$ ? C = nt(t && t[o], e, r, s) : (R(S, u), t[r] = void 0, C = S.$elm$), u = i[++o]) : (C = nt(t && t[o], e, o, s), u = i[++o]), C && Fe(c.$elm$).insertBefore(C, Ft(c.$elm$));
-    }
-  n > a ? ze(s, i[h + 1] == null ? null : i[h + 1].$elm$, e, i, o, h) : o > h && Be(t, n, a);
-}, X = (s, t) => s.$tag$ === t.$tag$ ? s.$tag$ === "slot" ? s.$name$ === t.$name$ : s.$key$ === t.$key$ : !1, Ft = (s) => s && s["s-ol"] || s, Fe = (s) => (s["s-ol"] ? s["s-ol"] : s).parentNode, R = (s, t) => {
-  const e = t.$elm$ = s.$elm$, i = s.$children$, n = t.$children$, o = t.$tag$, r = t.$text$;
-  let l;
-  r === null ? (m = o === "svg" ? !0 : o === "foreignObject" ? !1 : m, o === "slot" || De(s, t, m), i !== null && n !== null ? ri(e, i, t, n) : n !== null ? (s.$text$ !== null && (e.textContent = ""), ze(e, null, t, n, 0, n.length - 1)) : i !== null && Be(i, 0, i.length - 1), m && o === "svg" && (m = !1)) : (l = e["s-cr"]) ? l.parentNode.textContent = r : s.$text$ !== r && (e.data = r);
-}, We = (s) => {
-  let t = s.childNodes, e, i, n, o, r, l;
-  for (i = 0, n = t.length; i < n; i++)
-    if (e = t[i], e.nodeType === 1) {
-      if (e["s-sr"]) {
-        for (r = e["s-sn"], e.hidden = !1, o = 0; o < n; o++)
-          if (l = t[o].nodeType, t[o]["s-hn"] !== e["s-hn"] || r !== "") {
-            if (l === 1 && r === t[o].getAttribute("slot")) {
-              e.hidden = !0;
-              break;
-            }
-          } else if (l === 1 || l === 3 && t[o].textContent.trim() !== "") {
-            e.hidden = !0;
-            break;
-          }
-      }
-      We(e);
-    }
-}, y = [], Ge = (s) => {
-  let t, e, i, n, o, r, l = 0, a = s.childNodes, c = a.length;
-  for (; l < c; l++) {
-    if (t = a[l], t["s-sr"] && (e = t["s-cr"]) && e.parentNode)
-      for (i = e.parentNode.childNodes, n = t["s-sn"], r = i.length - 1; r >= 0; r--)
-        e = i[r], !e["s-cn"] && !e["s-nr"] && e["s-hn"] !== t["s-hn"] && (be(e, n) ? (o = y.find((d) => d.$nodeToRelocate$ === e), st = !0, e["s-sn"] = e["s-sn"] || n, o ? o.$slotRefNode$ = t : y.push({
-          $slotRefNode$: t,
-          $nodeToRelocate$: e
-        }), e["s-sr"] && y.map((d) => {
-          be(d.$nodeToRelocate$, e["s-sn"]) && (o = y.find((h) => h.$nodeToRelocate$ === e), o && !d.$slotRefNode$ && (d.$slotRefNode$ = o.$slotRefNode$));
-        })) : y.some((d) => d.$nodeToRelocate$ === e) || y.push({
-          $nodeToRelocate$: e
-        }));
-    t.nodeType === 1 && Ge(t);
-  }
-}, be = (s, t) => s.nodeType === 1 ? s.getAttribute("slot") === null && t === "" || s.getAttribute("slot") === t : s["s-sn"] === t ? !0 : t === "", Ze = (s) => {
-  s.$attrs$ && s.$attrs$.ref && s.$attrs$.ref(null), s.$children$ && s.$children$.map(Ze);
-}, li = (s, t) => {
-  const e = s.$hostElement$, i = s.$cmpMeta$, n = s.$vnode$ || it(null, null), o = si(t) ? t : U(null, null, t);
-  $t = e.tagName, i.$attrsToReflect$ && (o.$attrs$ = o.$attrs$ || {}, i.$attrsToReflect$.map(([r, l]) => o.$attrs$[l] = e[r])), o.$tag$ = null, o.$flags$ |= 4, s.$vnode$ = o, o.$elm$ = n.$elm$ = e.shadowRoot || e, M = e["s-sc"], Me = e["s-cr"], Re = (i.$flags$ & 1) !== 0, st = !1, R(n, o);
-  {
-    if (v.$flags$ |= 1, Dt) {
-      Ge(o.$elm$);
-      let r, l, a, c, d, h, u = 0;
-      for (; u < y.length; u++)
-        r = y[u], l = r.$nodeToRelocate$, l["s-ol"] || (a = A.createTextNode(""), a["s-nr"] = l, l.parentNode.insertBefore(l["s-ol"] = a, l));
-      for (u = 0; u < y.length; u++)
-        if (r = y[u], l = r.$nodeToRelocate$, r.$slotRefNode$) {
-          for (c = r.$slotRefNode$.parentNode, d = r.$slotRefNode$.nextSibling, a = l["s-ol"]; a = a.previousSibling; )
-            if (h = a["s-nr"], h && h["s-sn"] === l["s-sn"] && c === h.parentNode && (h = h.nextSibling, !h || !h["s-nr"])) {
-              d = h;
-              break;
-            }
-          (!d && c !== l.parentNode || l.nextSibling !== d) && l !== d && (!l["s-hn"] && l["s-ol"] && (l["s-hn"] = l["s-ol"].parentNode.nodeName), c.insertBefore(l, d));
-        } else
-          l.nodeType === 1 && (l.hidden = !0);
-    }
-    st && We(o.$elm$), v.$flags$ &= -2, y.length = 0;
-  }
-}, ai = (s) => s, ci = (s, t, e) => {
-  const i = ai(s);
-  return {
-    emit: (n) => di(i, t, {
-      bubbles: !!(e & 4),
-      composed: !!(e & 2),
-      cancelable: !!(e & 1),
-      detail: n
-    })
-  };
-}, di = (s, t, e) => {
-  const i = v.ce(t, e);
-  return s.dispatchEvent(i), i;
-}, hi = (s, t) => {
-}, qe = (s, t) => (s.$flags$ |= 16, hi(s, s.$ancestorComponent$), Ti(() => ui(s, t))), ui = (s, t) => {
-  const e = s.$hostElement$, i = P("scheduleUpdate", s.$cmpMeta$.$tagName$), n = e;
-  let o;
-  return t ? o = j(n, "componentWillLoad") : o = j(n, "componentWillUpdate"), o = _e(o, () => j(n, "componentWillRender")), i(), _e(o, () => pi(s, n, t));
-}, pi = (s, t, e) => b(void 0, null, function* () {
-  const i = s.$hostElement$, n = P("update", s.$cmpMeta$.$tagName$);
-  i["s-rc"], e && Xs(s);
-  const o = P("render", s.$cmpMeta$.$tagName$);
-  $i(s, t, i), o(), n(), fi(s);
-}), $i = (s, t, e) => {
-  try {
-    pe = t, t = t.render && t.render(), s.$flags$ &= -17, s.$flags$ |= 2, (N.hasRenderFn || N.reflect) && (N.vdomRender || N.reflect) && (N.hydrateServerSide || li(s, t));
-  } catch (l) {
-    Q(l, s.$hostElement$);
-  }
-  return pe = null, null;
-}, fi = (s) => {
-  const t = s.$cmpMeta$.$tagName$, e = s.$hostElement$, i = P("postUpdate", t), n = e;
-  s.$ancestorComponent$, j(n, "componentDidRender"), s.$flags$ & 64 ? (j(n, "componentDidUpdate"), i()) : (s.$flags$ |= 64, j(n, "componentDidLoad"), i());
-}, j = (s, t, e) => {
-  if (s && s[t])
-    try {
-      return s[t](e);
-    } catch (i) {
-      Q(i);
-    }
-}, _e = (s, t) => s && s.then ? s.then(t) : t(), vi = (s, t) => s != null && !zt(s) ? t & 4 ? s === "false" ? !1 : s === "" || !!s : t & 2 ? parseFloat(s) : t & 1 ? String(s) : s : s, gi = (s, t) => vt(s).$instanceValues$.get(t), mi = (s, t, e, i) => {
-  const n = vt(s), o = s, r = n.$instanceValues$.get(t), l = n.$flags$, a = o;
-  e = vi(e, i.$members$[t][0]);
-  const c = Number.isNaN(r) && Number.isNaN(e);
-  if (e !== r && !c) {
-    n.$instanceValues$.set(t, e);
-    {
-      if (i.$watchers$ && l & 128) {
-        const h = i.$watchers$[t];
-        h && h.map((u) => {
-          try {
-            a[u](e, r, t);
-          } catch ($) {
-            Q($, o);
-          }
-        });
-      }
-      if ((l & 18) === 2) {
-        if (a.componentShouldUpdate && a.componentShouldUpdate(e, r, t) === !1)
-          return;
-        qe(n, !1);
-      }
-    }
-  }
-}, yi = (s, t, e) => {
-  if (t.$members$) {
-    s.watchers && (t.$watchers$ = s.watchers);
-    const i = Object.entries(t.$members$), n = s.prototype;
-    i.map(([o, [r]]) => {
-      (r & 31 || r & 32) && Object.defineProperty(n, o, {
-        get() {
-          return gi(this, o);
-        },
-        set(l) {
-          mi(this, o, l, t);
-        },
-        configurable: !0,
-        enumerable: !0
-      });
-    });
-    {
-      const o = /* @__PURE__ */ new Map();
-      n.attributeChangedCallback = function(r, l, a) {
-        v.jmp(() => {
-          const c = o.get(r);
-          if (this.hasOwnProperty(c))
-            a = this[c], delete this[c];
-          else if (n.hasOwnProperty(c) && typeof this[c] == "number" && this[c] == a)
-            return;
-          this[c] = a === null && typeof this[c] == "boolean" ? !1 : a;
-        });
-      }, s.observedAttributes = i.filter(
-        ([r, l]) => l[0] & 15
-        /* HasAttribute */
-      ).map(([r, l]) => {
-        const a = l[1] || r;
-        return o.set(a, r), l[0] & 512 && t.$attrsToReflect$.push([r, a]), a;
-      });
-    }
-  }
-  return s;
-}, bi = (s, t, e, i, n) => b(void 0, null, function* () {
-  if (!(t.$flags$ & 32) && (n = s.constructor, t.$flags$ |= 32, customElements.whenDefined(e.$tagName$).then(() => t.$flags$ |= 128), n.style)) {
-    let r = n.style;
-    typeof r != "string" && (r = r[t.$modeName$ = Js(s)]);
-    const l = Ie(e, t.$modeName$);
-    if (!ot.has(l)) {
-      const a = P("registerStyles", e.$tagName$);
-      Qs(l, r, !!(e.$flags$ & 1)), a();
-    }
-  }
-  t.$ancestorComponent$, (() => qe(t, !0))();
-}), _i = (s) => {
-}, Ai = (s) => {
-  if (!(v.$flags$ & 1)) {
-    const t = vt(s), e = t.$cmpMeta$, i = P("connectedCallback", e.$tagName$);
-    t.$flags$ & 1 ? (je(s, t, e.$listeners$), _i(t.$lazyInstance$)) : (t.$flags$ |= 1, e.$flags$ & 12 && Si(s), e.$members$ && Object.entries(e.$members$).map(([n, [o]]) => {
-      if (o & 31 && s.hasOwnProperty(n)) {
-        const r = s[n];
-        delete s[n], s[n] = r;
-      }
-    }), bi(s, t, e)), i();
-  }
-}, Si = (s) => {
-  const t = s["s-cr"] = A.createComment("");
-  t["s-cn"] = !0, s.insertBefore(t, s.firstChild);
-}, xi = (s) => {
-  if (!(v.$flags$ & 1)) {
-    const t = vt(s);
-    t.$rmListeners$ && (t.$rmListeners$.map((e) => e()), t.$rmListeners$ = void 0);
-  }
-}, Ke = (s, t) => {
-  const e = {
-    $flags$: t[0],
-    $tagName$: t[1]
-  };
-  e.$members$ = t[2], e.$listeners$ = t[3], e.$watchers$ = s.$watchers$, e.$attrsToReflect$ = [];
-  const i = s.prototype.connectedCallback, n = s.prototype.disconnectedCallback;
-  return Object.assign(s.prototype, {
-    __registerHost() {
-      wi(this, e);
-    },
-    connectedCallback() {
-      Ai(this), i && i.call(this);
-    },
-    disconnectedCallback() {
-      xi(this), n && n.call(this);
-    },
-    __attachShadow() {
-      this.attachShadow({
-        mode: "open",
-        delegatesFocus: !!(e.$flags$ & 16)
-      });
-    }
-  }), s.is = e.$tagName$, yi(s, e);
-}, Qe = /* @__PURE__ */ new WeakMap(), vt = (s) => Qe.get(s), wi = (s, t) => {
-  const e = {
-    $flags$: 0,
-    $hostElement$: s,
-    $cmpMeta$: t,
-    $instanceValues$: /* @__PURE__ */ new Map()
-  };
-  return je(s, e, t.$listeners$), Qe.set(s, e);
-}, Ae = (s, t) => t in s, Q = (s, t) => (0, console.error)(s, t), ot = /* @__PURE__ */ new Map(), Ei = [], Se = [], Ye = [], Ci = (s, t) => (e) => {
-  s.push(e), Lt || (Lt = !0, t && v.$flags$ & 4 ? ki(Nt) : v.raf(Nt));
-}, xe = (s) => {
-  for (let t = 0; t < s.length; t++)
-    try {
-      s[t](performance.now());
-    } catch (e) {
-      Q(e);
-    }
-  s.length = 0;
-}, Nt = () => {
-  xe(Se), xe(Ye), (Lt = Se.length > 0) && v.raf(Nt);
-}, ki = (s) => Ws().then(s), Ti = /* @__PURE__ */ Ci(Ye, !0), Oi = (s = {}) => {
-  const { content: t = "", title: e, attributes: i = [] } = s;
-  let n = "", o = [
-    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
-    { name: "fill", value: "currentColor" },
-    ...i
-  ];
-  return e && (n = `<title>${e}</title>`), `<svg ${o.map((l) => `${l.name}="${l.value}"`).join(" ")}>${n}${t}</svg>`;
-}, Pi = (s) => s.replace(/<(\/?)svg([^>]*)>/g, "").trim();
-function Hi(s) {
-  return `${s.getFullYear()}.${s.getMonth() + 1}`;
-}
-class Li {
-  constructor(t) {
-    this.voca_component = t, this.voca_added = Hi(/* @__PURE__ */ new Date());
-  }
-}
-const Ni = "telia-vst{display:none}", Mi = /* @__PURE__ */ Ke(class extends Ue {
-  constructor() {
-    super(), this.__registerHost(), this.vocaInternalUStats = ci(this, "vocaInternalUStats", 7);
-  }
-  connectedCallback() {
-    this.vocaInternalUStats.emit(new Li(this.dataTrackingId));
-  }
-  render() {
-    return U(Bt, null);
-  }
-  static get style() {
-    return Ni;
-  }
-}, [0, "telia-vst", {
-  dataTrackingId: [1, "data-tracking-id"]
-}]);
-function Xe() {
-  if (typeof customElements == "undefined")
-    return;
-  ["telia-vst"].forEach((t) => {
-    switch (t) {
-      case "telia-vst":
-        customElements.get(t) || customElements.define(t, Mi);
-        break;
-    }
-  });
-}
-Xe();
-function Mt() {
-  return typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
-}
-function Ri() {
-  if (typeof Mt().vocadsIcons !== void 0)
-    return Mt().vocadsIcons;
-}
-function Ui() {
-  return Mt().vocadsIconsRegistered;
-}
-const ji = ".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))}", Ii = /* @__PURE__ */ Ke(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 (Ui() && this.name) {
-      const s = Ri();
-      return s[this.name] ? s[this.name].svg : "";
-    }
-    return this.name && console.warn(this.name, "Icons bundle is not registered and will not be rendered. Check if you have registered icons bundle or use svg property"), "";
-  }
-  render() {
-    let s = this.getSvgString(), t = [{ name: "viewBox", value: "0 0 64 64" }];
-    this.allyTitle ? t = [...t, { name: "role", value: "img" }] : t = [
-      ...t,
-      { name: "aria-hidden", value: "true" }
-    ];
-    const e = Oi({
-      content: Pi(s),
-      attributes: t,
-      title: this.allyTitle
-    });
-    return U(Bt, { class: `telia-icon telia-icon--${this.size}` }, U("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: e }), U("telia-vst", { dataTrackingId: this.dataTrackingId }));
-  }
-  static get style() {
-    return ji;
-  }
-}, [0, "telia-icon", {
-  name: [1],
-  svg: [1],
-  size: [1],
-  allyTitle: [1, "ally-title"],
-  dataTestid: [1, "data-testid"]
-}]);
-function Di() {
-  if (typeof customElements == "undefined")
-    return;
-  ["telia-icon", "telia-vst"].forEach((t) => {
-    switch (t) {
-      case "telia-icon":
-        customElements.get(t) || customElements.define(t, Ii);
-        break;
-      case "telia-vst":
-        customElements.get(t) || Xe();
-        break;
-    }
-  });
-}
-Di();
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let zi = class extends Event {
-  constructor(t, e, i) {
-    super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.callback = e, this.subscribe = i != null && i;
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class Bi {
-  constructor(t, e, i, n) {
-    var o;
-    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (r, l) => {
-      this.unsubscribe && (this.unsubscribe !== l && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = r, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(r, l)), this.unsubscribe = l;
-    }, this.host = t, e.context !== void 0) {
-      const r = e;
-      this.context = r.context, this.callback = r.callback, this.subscribe = (o = r.subscribe) !== null && o !== void 0 && o;
-    } else
-      this.context = e, this.callback = i, this.subscribe = n != null && n;
-    this.host.addController(this);
-  }
-  hostConnected() {
-    this.dispatchRequest();
-  }
-  hostDisconnected() {
-    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
-  }
-  dispatchRequest() {
-    this.host.dispatchEvent(new zi(this.context, this.t, this.subscribe));
-  }
-}
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function Je({ context: s, subscribe: t }) {
-  return Ts({ finisher: (e, i) => {
-    e.addInitializer((n) => {
-      new Bi(n, { context: s, callback: (o) => {
-        n[i] = o;
-      }, subscribe: t });
-    });
-  } });
-}
-var Fi = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, Ve = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? Wi(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && Fi(t, e, n), n;
-};
-let rt = class extends _ {
-  _renderTimestamp(s, t) {
-    if (!s && !t)
-      return p;
-    const e = (n) => new Date(n).toLocaleTimeString([], {
-      hour: "2-digit",
-      minute: "2-digit"
-    });
-    let i = "";
-    return s ? t ? i = `${s}: ${e(t)}` : i = s : t && (i = e(t)), f`<p class="conversation-timestamp">${i}</p>`;
-  }
-  render() {
-    var s, t;
-    switch (this.message.type) {
-      case mt.System:
-        return "";
-      case mt.Agent:
-        return f`<div
-          class=${Ne({
-          "conversation-agent-message": !0,
-          "has-avatar": !!((s = this.message.sender) != null && s.avatar)
-        })}
-        >
-          ${(t = this.message.sender) != null && t.avatar ? f`<div class="avatar">
-                <img src=${this.message.sender.avatar} />
-              </div>` : p}
-
-          <div class="content-bundle">
-            ${this.message.content.map(
-          (e) => f`
-                <div class="message-container">
-                  <div class="message-content">
-                    <conversation-component-message-list
-                      .items=${e.items || []}
-                    ></conversation-component-message-list>
-                  </div>
-                </div>
-              `
-        )}
-          </div>
-          ${this._renderTimestamp(
-          this.message.sender.name || "",
-          this.message.timestamp
-        )}
-        </div>`;
-      case mt.User:
-        return f`<div class="conversation-user-message">
-          <div class="content-bundle">
-            ${this.message.content.map(
-          (e) => f`
-                <div class="message-container">
-                  <div class="message-content">
-                    <conversation-component-message-list
-                      .items=${e.items || []}
-                    ></conversation-component-message-list>
-                  </div>
-                </div>
-              `
-        )}
-          </div>
-          ${this._renderTimestamp(
-          "",
-          // TODO: properties.userLabel || ''
-          this.message.timestamp
-        )}
-        </div>`;
-      default:
-        return p;
-    }
-  }
-};
-rt.styles = z`
-    :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-top-right-radius: var(--border-radius);
-      border-bottom-right-radius: var(--border-radius);
-      border-top-left-radius: var(--border-radius);
-    }
-
-    .conversation-user-message {
-      margin-left: 10%;
-      width: 90%;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-end;
-    }
-
-    .conversation-agent-message {
-      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%;
-      background-color: var(--accent-color);
-      align-self: flex-end;
-      justify-self: center;
-      overflow: hidden;
-      margin-right: var(--spacing-md);
-      justify-content: center;
-      align-items: center;
-      padding: var(--spacing-xs);
-    }
-    .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;
-    }
-
-    .content-bundle {
-      grid-area: content;
-    }
-  `;
-Ve([
-  E()
-], rt.prototype, "message", 2);
-rt = Ve([
-  B("conversation-component-message")
-], rt);
-var Gi = Object.defineProperty, Zi = Object.getOwnPropertyDescriptor, ts = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? Zi(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && Gi(t, e, n), n;
-};
-let lt = class extends _ {
-  constructor() {
-    super(...arguments), this.items = [];
-  }
-  _isCustomComponent(s) {
-    return !["html", "link-list"].includes(s);
-  }
-  _createCustomComponent(s, t) {
-    const e = customElements.get(s);
-    if (e) {
-      const i = new e();
-      return i.message = t, i;
-    }
-    return p;
-  }
-  render() {
-    return f` <div class="message-list">
-      ${this.items.map(
-      ([s, t]) => f`
-          ${s === "html" ? f`
-                <message-type-html .message=${t}> </message-type-html>
-              ` : p}
-          ${s === "link-list" ? f`
-                <message-type-link-list .message=${t}>
-                </message-type-link-list>
-              ` : p}
-          ${s === "separator" ? f`
-                <message-type-separator .message=${t}>
-                </message-type-separator>
-              ` : p}
-          ${this._isCustomComponent(s) ? this._createCustomComponent(s, t) : p}
-        `
-    )}
-    </div>`;
-  }
-};
-lt.styles = z`
-    :host {
-      box-sizing: border-box;
-      display: block;
-      color: var(--text-color);
-    }
-    * {
-      box-sizing: border-box;
-    }
-    .message-list {
-      display: flex;
-      flex-direction: column;
-      gap: var(--spacing-md);
-    }
-  `;
-ts([
-  E()
-], lt.prototype, "items", 2);
-lt = ts([
-  B("conversation-component-message-list")
-], lt);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class Rt extends It {
-  constructor(t) {
-    if (super(t), this.et = p, t.type !== ut.CHILD)
-      throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(t) {
-    if (t === p || t == null)
-      return this.ft = void 0, this.et = t;
-    if (t === w)
-      return t;
-    if (typeof t != "string")
-      throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (t === this.et)
-      return this.ft;
-    this.et = t;
-    const e = [t];
-    return e.raw = e, this.ft = { _$litType$: this.constructor.resultType, strings: e, values: [] };
-  }
-}
-Rt.directiveName = "unsafeHTML", Rt.resultType = 1;
-const qi = pt(Rt);
-var Ki = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, es = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? Qi(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && Ki(t, e, n), n;
-};
-let at = class extends _ {
-  render() {
-    return f`<div class="message-type-html">
-      ${qi(this.message.body)}
-    </div>`;
-  }
-};
-at.styles = [
-  z`
-      :host {
-        box-sizing: border-box;
-      }
-      * {
-        box-sizing: border-box;
-      }
-      p {
-        margin: 0;
-        padding: 0;
-        word-break: break-word;
-      }
-    `
-];
-es([
-  E()
-], at.prototype, "message", 2);
-at = es([
-  B("message-type-html")
-], at);
-var Yi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, ss = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? Xi(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && Yi(t, e, n), n;
-};
-let ct = class extends _ {
-  _onItemClick(s) {
-    const t = new CustomEvent("action", {
-      bubbles: !0,
-      composed: !0,
-      detail: {
-        actionKey: "action",
-        payload: s
-      }
-    });
-    this.dispatchEvent(t);
-  }
-  render() {
-    return f`
-      <div class="message-type-link-list">
-        ${this.message.header ? f`<h1>${this.message.header}</h1>` : p}
-        <ul>
-          ${this.message.actions.map(
-      (s) => f`
-              <li>
-                <button @click=${() => this._onItemClick(s)}>
-                  ${s.label}
-                </button>
-              </li>
-            `
-    )}
-        </ul>
-      </div>
-    `;
-  }
-};
-ct.styles = [
-  z`
-      :host {
-        box-sizing: border-box;
-      }
-      * {
-        box-sizing: border-box;
-      }
-      h1 {
-        font-size: 1.1rem;
-        margin: 0 0 var(--spacing-sm);
-        font-weight: normal;
-        line-height: 1.8rem;
-        color: var(--text-color);
-        white-space: normal;
-      }
-      ul {
-        list-style: none;
-        margin: 0;
-        padding: 0;
-      }
-      .message-type-link-list button {
-        color: var(--primary-color);
-        background-color: transparent;
-        max-width: 100%;
-        border: none;
-        cursor: pointer;
-        text-transform: none;
-        font-weight: 300;
-        font-size: inherit;
-        text-align: left;
-        display: block;
-        margin: 0;
-        padding: 0;
-      }
-      .message-type-link-list ul {
-        display: flex;
-        flex-direction: column;
-        gap: var(--spacing-sm);
-      }
-    `
-];
-ss([
-  E()
-], ct.prototype, "message", 2);
-ct = ss([
-  B("message-type-link-list")
-], ct);
-var Ji = Object.defineProperty, Vi = Object.getOwnPropertyDescriptor, is = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? Vi(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && Ji(t, e, n), n;
-};
-let dt = class extends _ {
-  render() {
-    return f`<div class="message-type-separator"></div>`;
-  }
-};
-dt.styles = [
-  z`
-      :host {
-        box-sizing: border-box;
-      }
-      * {
-        box-sizing: border-box;
-      }
-      .message-type-separator {
-        border-bottom: 1px solid var(--gray-color);
-        width: 100%;
-      }
-    `
-];
-is([
-  E({ attribute: !1 })
-], dt.prototype, "message", 2);
-dt = is([
-  B("message-type-separator")
-], dt);
-const tn = (s) => {
-  setTimeout(() => {
-    s.scrollTo ? s.scrollTo({ top: s.scrollHeight, behavior: "smooth" }) : s.scrollTop = s.scrollHeight;
-  }, 1e3);
-};
-var en = Object.defineProperty, sn = Object.getOwnPropertyDescriptor, gt = (s, t, e, i) => {
-  for (var n = i > 1 ? void 0 : i ? sn(t, e) : t, o = s.length - 1, r; o >= 0; o--)
-    (r = s[o]) && (n = (i ? r(t, e, n) : r(n)) || n);
-  return i && n && en(t, e, n), n;
-};
-let H = class extends _ {
-  constructor() {
-    super(...arguments), this.properties = {}, this._actions = new cs(this), this.message = "", this.conversationContentRef = Ns();
-  }
-  _onClick(s) {
-    return b(this, null, function* () {
-      s.preventDefault(), console.log("Todo", this.message);
-    });
-  }
-  _onSendMessage(s) {
-    return b(this, null, function* () {
-      s.preventDefault(), yield this._actions.dispatch("user-submit", { text: this.message }), this.message = "";
-    });
-  }
-  _inputHandler(s) {
-    this.message = s.target.value;
-  }
-  _actionHandler(s) {
-    this._actions.dispatch(s.detail.actionKey, s.detail.payload);
-  }
-  updated(s) {
-    s.has("properties") && this.conversationContentRef.value && ((s.get("properties") || {}).messages || []).length < (this.properties.messages || []).length && tn(this.conversationContentRef.value);
-  }
-  render() {
-    return f` <div
-      @action=${this._actionHandler}
-      class=${Ne({
-      conversation: !0,
-      "input-has-text": this.message.length > 0
-    })}
-    >
-      <div class="conversation-content" ${Rs(this.conversationContentRef)}>
-        <div class="conversation-content-inner">
-          ${(this.properties.messages || []).map(
-      (s) => f`<div class="conversation-entry" tabindex="-1">
-                <conversation-component-message
-                  .message=${s}
-                  ${ue({
-        keyframeOptions: {},
-        in: ae,
-        out: le,
-        stabilizeOut: !0,
-        skipInitial: !1
-      })}
-                >
-                </conversation-component-message>
-              </div>`
-    )}
-          ${this.properties.loading ? f`<div
-                class="loader"
-                ${ue({
-      in: ae,
-      out: le,
-      skipInitial: !1
-    })}
-              >
-                <div></div>
-                <div></div>
-                <div></div>
-              </div>` : p}
-        </div>
-      </div>
-      <form class="conversation-bottom" @submit=${this._onSendMessage}>
-        <div class="conversation-bottom-left">
-          <button class="circle" @click=${this._onClick} type="button">
-            <telia-icon svg=${zs.svg} size="sm"></telia-icon>
-          </button>
-        </div>
-        <input
-          placeholder="Type your message here..."
-          .value=${this.message}
-          @input=${this._inputHandler}
-        />
-        <div class="conversation-actions">
-          <button class="conversation-send-button" type="submit">
-            <telia-icon svg=${Bs.svg}></telia-icon>
-          </button>
-        </div>
-      </form>
-    </div>`;
-  }
-};
-H.styles = z`
-    :host {
-      box-sizing: border-box;
-      font-family: var(--font-family);
-      --send-icon-color: var(--gray-dark-color, #a6a6a6);
-      --conversation-bg: #fafafa;
-
-      scrollbar-width: thin; /* Firefox */
-      scrollbar-color: #7f7f7f transparent; /* Firefox */
-    }
-    * {
-      box-sizing: border-box;
-    }
-    ::-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;
-      height: 100%;
-      background-color: var(--conversation-bg);
-    }
-
-    .conversation.input-has-text {
-      --send-icon-color: var(--primary-color);
-    }
-
-    .conversation-content {
-      flex: 1;
-
-      padding: var(--spacing-md);
-      overflow-y: auto;
-      overflow-x: hidden;
-    }
-    .conversation-content-inner {
-      display: flex;
-      flex-direction: column;
-      justify-content: end;
-      min-height: 100%;
-    }
-    .conversation-bottom {
-      border-top: 1px solid var(--gray-color);
-      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);
-    }
-    .circle {
-      background-color: var(--gray-dark-color, #a6a6a6);
-      border-radius: 50%;
-      color: #fff;
-      padding: var(--spacing-sm, 5px);
-      border: none;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
-    .conversation-send-button {
-      border: none;
-      background: transparent;
-      cursor: pointer;
-      color: var(--send-icon-color);
-    }
-    input {
-      border: none;
-      font-family: inherit;
-      font-size: inherit;
-      flex: 1;
-      padding: 0 var(--spacing-md);
-      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;
-    }
-  `;
-gt([
-  Je({ context: ds, subscribe: !0 }),
-  E({ attribute: !1 })
-], H.prototype, "container", 2);
-gt([
-  Je({ context: hs, subscribe: !0 }),
-  E({ attribute: !1 })
-], H.prototype, "properties", 2);
-gt([
-  ks()
-], H.prototype, "message", 2);
-H = gt([
-  B("conversation-component")
-], H);
-const pn = H;
-export {
-  H as ConversationComponent,
-  pn as default
-};
-//# sourceMappingURL=conversation-cb14062a.js.map