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

package/dist/conversation-b69d3ddc.js

@@ -0,0 +1,2281 @@
+var ns = Object.defineProperty, os = Object.defineProperties;
+var rs = Object.getOwnPropertyDescriptors;
+var Ft = Object.getOwnPropertySymbols;
+var ls = Object.prototype.hasOwnProperty, as = Object.prototype.propertyIsEnumerable;
+var Wt = (e, t, s) => t in e ? ns(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, m = (e, t) => {
+  for (var s in t || (t = {}))
+    ls.call(t, s) && Wt(e, s, t[s]);
+  if (Ft)
+    for (var s of Ft(t))
+      as.call(t, s) && Wt(e, s, t[s]);
+  return e;
+}, vt = (e, t) => os(e, rs(t));
+var b = (e, t, s) => new Promise((i, n) => {
+  var o = (a) => {
+    try {
+      l(s.next(a));
+    } catch (c) {
+      n(c);
+    }
+  }, r = (a) => {
+    try {
+      l(s.throw(a));
+    } catch (c) {
+      n(c);
+    }
+  }, l = (a) => a.done ? i(a.value) : Promise.resolve(a.value).then(o, r);
+  l((s = s.apply(e, t)).next());
+});
+import { C as gt, D as cs } from "./index-bbaba8ea.js";
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const X = window, Rt = X.ShadowRoot && (X.ShadyCSS === void 0 || X.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Ut = Symbol(), Gt = /* @__PURE__ */ new WeakMap();
+let we = class {
+  constructor(t, s, i) {
+    if (this._$cssResult$ = !0, i !== Ut)
+      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 (Rt && t === void 0) {
+      const i = s !== void 0 && s.length === 1;
+      i && (t = Gt.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Gt.set(s, t));
+    }
+    return t;
+  }
+  toString() {
+    return this.cssText;
+  }
+};
+const ds = (e) => new we(typeof e == "string" ? e : e + "", void 0, Ut), I = (e, ...t) => {
+  const s = e.length === 1 ? e[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) + e[o + 1], e[0]);
+  return new we(s, e, Ut);
+}, hs = (e, t) => {
+  Rt ? e.adoptedStyleSheets = t.map((s) => s instanceof CSSStyleSheet ? s : s.styleSheet) : t.forEach((s) => {
+    const i = document.createElement("style"), n = X.litNonce;
+    n !== void 0 && i.setAttribute("nonce", n), i.textContent = s.cssText, e.appendChild(i);
+  });
+}, Zt = Rt ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+  let s = "";
+  for (const i of t.cssRules)
+    s += i.cssText;
+  return ds(s);
+})(e) : e;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var mt;
+const J = window, Kt = J.trustedTypes, us = Kt ? Kt.emptyScript : "", qt = J.reactiveElementPolyfillSupport, kt = { toAttribute(e, t) {
+  switch (t) {
+    case Boolean:
+      e = e ? us : null;
+      break;
+    case Object:
+    case Array:
+      e = e == null ? e : JSON.stringify(e);
+  }
+  return e;
+}, fromAttribute(e, t) {
+  let s = e;
+  switch (t) {
+    case Boolean:
+      s = e !== null;
+      break;
+    case Number:
+      s = e === null ? null : Number(e);
+      break;
+    case Object:
+    case Array:
+      try {
+        s = JSON.parse(e);
+      } catch (i) {
+        s = null;
+      }
+  }
+  return s;
+} }, xe = (e, t) => t !== e && (t == t || e == e), yt = { attribute: !0, type: String, converter: kt, reflect: !1, hasChanged: xe }, Tt = "finalized";
+let P = 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 s;
+    this.finalize(), ((s = this.h) !== null && s !== void 0 ? s : this.h = []).push(t);
+  }
+  static get observedAttributes() {
+    this.finalize();
+    const t = [];
+    return this.elementProperties.forEach((s, i) => {
+      const n = this._$Ep(i, s);
+      n !== void 0 && (this._$Ev.set(n, i), t.push(n));
+    }), t;
+  }
+  static createProperty(t, s = yt) {
+    if (s.state && (s.attribute = !1), this.finalize(), this.elementProperties.set(t, s), !s.noAccessor && !this.prototype.hasOwnProperty(t)) {
+      const i = typeof t == "symbol" ? Symbol() : "__" + t, n = this.getPropertyDescriptor(t, i, s);
+      n !== void 0 && Object.defineProperty(this.prototype, t, n);
+    }
+  }
+  static getPropertyDescriptor(t, s, i) {
+    return { get() {
+      return this[s];
+    }, set(n) {
+      const o = this[t];
+      this[s] = n, this.requestUpdate(t, o, i);
+    }, configurable: !0, enumerable: !0 };
+  }
+  static getPropertyOptions(t) {
+    return this.elementProperties.get(t) || yt;
+  }
+  static finalize() {
+    if (this.hasOwnProperty(Tt))
+      return !1;
+    this[Tt] = !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 s = this.properties, i = [...Object.getOwnPropertyNames(s), ...Object.getOwnPropertySymbols(s)];
+      for (const n of i)
+        this.createProperty(n, s[n]);
+    }
+    return this.elementStyles = this.finalizeStyles(this.styles), !0;
+  }
+  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 _$Ep(t, s) {
+    const i = s.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+  }
+  _$Eu() {
+    var t;
+    this._$E_ = new Promise((s) => this.enableUpdating = s), this._$AL = /* @__PURE__ */ new Map(), this._$Eg(), this.requestUpdate(), (t = this.constructor.h) === null || t === void 0 || t.forEach((s) => s(this));
+  }
+  addController(t) {
+    var s, i;
+    ((s = this._$ES) !== null && s !== void 0 ? s : this._$ES = []).push(t), this.renderRoot !== void 0 && this.isConnected && ((i = t.hostConnected) === null || i === void 0 || i.call(t));
+  }
+  removeController(t) {
+    var s;
+    (s = this._$ES) === null || s === void 0 || s.splice(this._$ES.indexOf(t) >>> 0, 1);
+  }
+  _$Eg() {
+    this.constructor.elementProperties.forEach((t, s) => {
+      this.hasOwnProperty(s) && (this._$Ei.set(s, this[s]), delete this[s]);
+    });
+  }
+  createRenderRoot() {
+    var t;
+    const s = (t = this.shadowRoot) !== null && t !== void 0 ? t : this.attachShadow(this.constructor.shadowRootOptions);
+    return hs(s, this.constructor.elementStyles), s;
+  }
+  connectedCallback() {
+    var t;
+    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(!0), (t = this._$ES) === null || t === void 0 || t.forEach((s) => {
+      var i;
+      return (i = s.hostConnected) === null || i === void 0 ? void 0 : i.call(s);
+    });
+  }
+  enableUpdating(t) {
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this._$ES) === null || t === void 0 || t.forEach((s) => {
+      var i;
+      return (i = s.hostDisconnected) === null || i === void 0 ? void 0 : i.call(s);
+    });
+  }
+  attributeChangedCallback(t, s, i) {
+    this._$AK(t, i);
+  }
+  _$EO(t, s, i = yt) {
+    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 : kt).toAttribute(s, i.type);
+      this._$El = t, r == null ? this.removeAttribute(o) : this.setAttribute(o, r), this._$El = null;
+    }
+  }
+  _$AK(t, s) {
+    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 : kt;
+      this._$El = o, this[o] = l.fromAttribute(s, r.type), this._$El = null;
+    }
+  }
+  requestUpdate(t, s, i) {
+    let n = !0;
+    t !== void 0 && (((i = i || this.constructor.getPropertyOptions(t)).hasChanged || xe)(this[t], s) ? (this._$AL.has(t) || this._$AL.set(t, s), 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 (s) {
+        Promise.reject(s);
+      }
+      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 s = !1;
+    const i = this._$AL;
+    try {
+      s = this.shouldUpdate(i), s ? (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 s = !1, this._$Ek(), n;
+    }
+    s && this._$AE(i);
+  }
+  willUpdate(t) {
+  }
+  _$AE(t) {
+    var s;
+    (s = this._$ES) === null || s === void 0 || s.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((s, i) => this._$EO(i, this[i], s)), this._$EC = void 0), this._$Ek();
+  }
+  updated(t) {
+  }
+  firstUpdated(t) {
+  }
+};
+P[Tt] = !0, P.elementProperties = /* @__PURE__ */ new Map(), P.elementStyles = [], P.shadowRootOptions = { mode: "open" }, qt == null || qt({ ReactiveElement: P }), ((mt = J.reactiveElementVersions) !== null && mt !== void 0 ? mt : J.reactiveElementVersions = []).push("1.6.3");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var bt;
+const V = window, U = V.trustedTypes, Qt = U ? U.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, Ot = "$lit$", w = `lit$${(Math.random() + "").slice(9)}$`, Ee = "?" + w, ps = `<${Ee}>`, T = document, W = () => T.createComment(""), G = (e) => e === null || typeof e != "object" && typeof e != "function", Ce = Array.isArray, $s = (e) => Ce(e) || typeof (e == null ? void 0 : e[Symbol.iterator]) == "function", _t = `[ 	
+\f\r]`, B = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Yt = /-->/g, Xt = />/g, C = RegExp(`>|${_t}(?:([^\\s"'>=/]+)(${_t}*=${_t}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), Jt = /'/g, Vt = /"/g, ke = /^(?:script|style|textarea|title)$/i, fs = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), f = fs(1), x = Symbol.for("lit-noChange"), p = Symbol.for("lit-nothing"), te = /* @__PURE__ */ new WeakMap(), k = T.createTreeWalker(T, 129, null, !1);
+function Te(e, t) {
+  if (!Array.isArray(e) || !e.hasOwnProperty("raw"))
+    throw Error("invalid template strings array");
+  return Qt !== void 0 ? Qt.createHTML(t) : t;
+}
+const vs = (e, t) => {
+  const s = e.length - 1, i = [];
+  let n, o = t === 2 ? "<svg>" : "", r = B;
+  for (let l = 0; l < s; l++) {
+    const a = e[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 === B ? d[1] === "!--" ? r = Yt : d[1] !== void 0 ? r = Xt : d[2] !== void 0 ? (ke.test(d[2]) && (n = RegExp("</" + d[2], "g")), r = C) : d[3] !== void 0 && (r = C) : r === C ? d[0] === ">" ? (r = n != null ? n : B, h = -1) : d[1] === void 0 ? h = -2 : (h = r.lastIndex - d[2].length, c = d[1], r = d[3] === void 0 ? C : d[3] === '"' ? Vt : Jt) : r === Vt || r === Jt ? r = C : r === Yt || r === Xt ? r = B : (r = C, n = void 0);
+    const $ = r === C && e[l + 1].startsWith("/>") ? " " : "";
+    o += r === B ? a + ps : h >= 0 ? (i.push(c), a.slice(0, h) + Ot + a.slice(h) + w + $) : a + w + (h === -2 ? (i.push(void 0), l) : $);
+  }
+  return [Te(e, o + (e[s] || "<?>") + (t === 2 ? "</svg>" : "")), i];
+};
+let Pt = class Oe {
+  constructor({ strings: t, _$litType$: s }, i) {
+    let n;
+    this.parts = [];
+    let o = 0, r = 0;
+    const l = t.length - 1, a = this.parts, [c, d] = vs(t, s);
+    if (this.el = Oe.createElement(c, i), k.currentNode = this.el.content, s === 2) {
+      const h = this.el.content, u = h.firstChild;
+      u.remove(), h.append(...u.childNodes);
+    }
+    for (; (n = k.nextNode()) !== null && a.length < l; ) {
+      if (n.nodeType === 1) {
+        if (n.hasAttributes()) {
+          const h = [];
+          for (const u of n.getAttributeNames())
+            if (u.endsWith(Ot) || u.startsWith(w)) {
+              const $ = d[r++];
+              if (h.push(u), $ !== void 0) {
+                const E = n.getAttribute($.toLowerCase() + Ot).split(w), S = /([.?@])?(.*)/.exec($);
+                a.push({ type: 1, index: o, name: S[2], strings: E, ctor: S[1] === "." ? ms : S[1] === "?" ? bs : S[1] === "@" ? _s : dt });
+              } else
+                a.push({ type: 6, index: o });
+            }
+          for (const u of h)
+            n.removeAttribute(u);
+        }
+        if (ke.test(n.tagName)) {
+          const h = n.textContent.split(w), u = h.length - 1;
+          if (u > 0) {
+            n.textContent = U ? U.emptyScript : "";
+            for (let $ = 0; $ < u; $++)
+              n.append(h[$], W()), k.nextNode(), a.push({ type: 2, index: ++o });
+            n.append(h[u], W());
+          }
+        }
+      } else if (n.nodeType === 8)
+        if (n.data === Ee)
+          a.push({ type: 2, index: o });
+        else {
+          let h = -1;
+          for (; (h = n.data.indexOf(w, h + 1)) !== -1; )
+            a.push({ type: 7, index: o }), h += w.length - 1;
+        }
+      o++;
+    }
+  }
+  static createElement(t, s) {
+    const i = T.createElement("template");
+    return i.innerHTML = t, i;
+  }
+};
+function j(e, t, s = e, i) {
+  var n, o, r, l;
+  if (t === x)
+    return t;
+  let a = i !== void 0 ? (n = s._$Co) === null || n === void 0 ? void 0 : n[i] : s._$Cl;
+  const c = G(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(e), a._$AT(e, s, i)), i !== void 0 ? ((r = (l = s)._$Co) !== null && r !== void 0 ? r : l._$Co = [])[i] = a : s._$Cl = a), a !== void 0 && (t = j(e, a._$AS(e, t.values), a, i)), t;
+}
+class gs {
+  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) {
+    var s;
+    const { el: { content: i }, parts: n } = this._$AD, o = ((s = t == null ? void 0 : t.creationScope) !== null && s !== void 0 ? s : T).importNode(i, !0);
+    k.currentNode = o;
+    let r = k.nextNode(), l = 0, a = 0, c = n[0];
+    for (; c !== void 0; ) {
+      if (l === c.index) {
+        let d;
+        c.type === 2 ? d = new q(r, r.nextSibling, this, t) : c.type === 1 ? d = new c.ctor(r, c.name, c.strings, this, t) : c.type === 6 && (d = new As(r, this, t)), this._$AV.push(d), c = n[++a];
+      }
+      l !== (c == null ? void 0 : c.index) && (r = k.nextNode(), l++);
+    }
+    return k.currentNode = T, o;
+  }
+  v(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 q {
+  constructor(t, s, i, n) {
+    var o;
+    this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = n, this._$Cp = (o = n == null ? void 0 : n.isConnected) === null || o === void 0 || o;
+  }
+  get _$AU() {
+    var t, s;
+    return (s = (t = this._$AM) === null || t === void 0 ? void 0 : t._$AU) !== null && s !== void 0 ? s : this._$Cp;
+  }
+  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 = j(this, t, s), G(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== x && this._(t) : t._$litType$ !== void 0 ? this.g(t) : t.nodeType !== void 0 ? this.$(t) : $s(t) ? this.T(t) : this._(t);
+  }
+  k(t) {
+    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  }
+  $(t) {
+    this._$AH !== t && (this._$AR(), this._$AH = this.k(t));
+  }
+  _(t) {
+    this._$AH !== p && G(this._$AH) ? this._$AA.nextSibling.data = t : this.$(T.createTextNode(t)), this._$AH = t;
+  }
+  g(t) {
+    var s;
+    const { values: i, _$litType$: n } = t, o = typeof n == "number" ? this._$AC(t) : (n.el === void 0 && (n.el = Pt.createElement(Te(n.h, n.h[0]), this.options)), n);
+    if (((s = this._$AH) === null || s === void 0 ? void 0 : s._$AD) === o)
+      this._$AH.v(i);
+    else {
+      const r = new gs(o, this), l = r.u(this.options);
+      r.v(i), this.$(l), this._$AH = r;
+    }
+  }
+  _$AC(t) {
+    let s = te.get(t.strings);
+    return s === void 0 && te.set(t.strings, s = new Pt(t)), s;
+  }
+  T(t) {
+    Ce(this._$AH) || (this._$AH = [], this._$AR());
+    const s = this._$AH;
+    let i, n = 0;
+    for (const o of t)
+      n === s.length ? s.push(i = new q(this.k(W()), this.k(W()), this, this.options)) : i = s[n], i._$AI(o), 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 || i === 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._$Cp = t, (s = this._$AP) === null || s === void 0 || s.call(this, t));
+  }
+}
+class dt {
+  constructor(t, s, i, n, o) {
+    this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, this.name = s, 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, s = this, i, n) {
+    const o = this.strings;
+    let r = !1;
+    if (o === void 0)
+      t = j(this, t, s, 0), r = !G(t) || t !== this._$AH && t !== x, r && (this._$AH = t);
+    else {
+      const l = t;
+      let a, c;
+      for (t = o[0], a = 0; a < o.length - 1; a++)
+        c = j(this, l[i + a], s, a), c === x && (c = this._$AH[a]), r || (r = !G(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 ms = class extends dt {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  j(t) {
+    this.element[this.name] = t === p ? void 0 : t;
+  }
+};
+const ys = U ? U.emptyScript : "";
+class bs extends dt {
+  constructor() {
+    super(...arguments), this.type = 4;
+  }
+  j(t) {
+    t && t !== p ? this.element.setAttribute(this.name, ys) : this.element.removeAttribute(this.name);
+  }
+}
+class _s extends dt {
+  constructor(t, s, i, n, o) {
+    super(t, s, i, n, o), this.type = 5;
+  }
+  _$AI(t, s = this) {
+    var i;
+    if ((t = (i = j(this, t, s, 0)) !== null && i !== void 0 ? i : p) === x)
+      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 s, i;
+    typeof this._$AH == "function" ? this._$AH.call((i = (s = this.options) === null || s === void 0 ? void 0 : s.host) !== null && i !== void 0 ? i : 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) {
+    j(this, t);
+  }
+}
+const ee = V.litHtmlPolyfillSupport;
+ee == null || ee(Pt, q), ((bt = V.litHtmlVersions) !== null && bt !== void 0 ? bt : V.litHtmlVersions = []).push("2.8.0");
+const Ss = (e, t, s) => {
+  var i, n;
+  const o = (i = s == null ? void 0 : s.renderBefore) !== null && i !== void 0 ? i : t;
+  let r = o._$litPart$;
+  if (r === void 0) {
+    const l = (n = s == null ? void 0 : s.renderBefore) !== null && n !== void 0 ? n : null;
+    o._$litPart$ = r = new q(t.insertBefore(W(), l), l, void 0, s != null ? s : {});
+  }
+  return r._$AI(e), r;
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var At, St;
+let _ = class extends P {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    var t, s;
+    const i = super.createRenderRoot();
+    return (t = (s = this.renderOptions).renderBefore) !== null && t !== void 0 || (s.renderBefore = i.firstChild), i;
+  }
+  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 === void 0 || t.setConnected(!0);
+  }
+  disconnectedCallback() {
+    var t;
+    super.disconnectedCallback(), (t = this._$Do) === null || t === void 0 || t.setConnected(!1);
+  }
+  render() {
+    return x;
+  }
+};
+_.finalized = !0, _._$litElement$ = !0, (At = globalThis.litElementHydrateSupport) === null || At === void 0 || At.call(globalThis, { LitElement: _ });
+const se = globalThis.litElementPolyfillSupport;
+se == null || se({ LitElement: _ });
+((St = globalThis.litElementVersions) !== null && St !== void 0 ? St : globalThis.litElementVersions = []).push("3.3.3");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const D = (e) => (t) => typeof t == "function" ? ((s, i) => (customElements.define(s, i), i))(e, t) : ((s, i) => {
+  const { kind: n, elements: o } = i;
+  return { kind: n, elements: o, finisher(r) {
+    customElements.define(s, r);
+  } };
+})(e, t);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ws = (e, t) => t.kind === "method" && t.descriptor && !("value" in t.descriptor) ? vt(m({}, t), { finisher(s) {
+  s.createProperty(t.key, e);
+} }) : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: t.key, initializer() {
+  typeof t.initializer == "function" && (this[t.key] = t.initializer.call(this));
+}, finisher(s) {
+  s.createProperty(t.key, e);
+} }, xs = (e, t, s) => {
+  t.constructor.createProperty(s, e);
+};
+function z(e) {
+  return (t, s) => s !== void 0 ? xs(e, t, s) : ws(e, t);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function Es(e) {
+  return z(vt(m({}, e), { state: !0 }));
+}
+/**
+ * @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 Cs = (e) => e.strings === void 0;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const ht = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, ut = (e) => (...t) => ({ _$litDirective$: e, values: t });
+let jt = 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 F = (e, t) => {
+  var s, i;
+  const n = e._$AN;
+  if (n === void 0)
+    return !1;
+  for (const o of n)
+    (i = (s = o)._$AO) === null || i === void 0 || i.call(s, t, !1), F(o, t);
+  return !0;
+}, tt = (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);
+}, Pe = (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), Os(t);
+  }
+};
+function ks(e) {
+  this._$AN !== void 0 ? (tt(this), this._$AM = e, Pe(this)) : this._$AM = e;
+}
+function Ts(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 o = s; o < i.length; o++)
+          F(i[o], !1), tt(i[o]);
+      else
+        i != null && (F(i, !1), tt(i));
+    else
+      F(this, e);
+}
+const Os = (e) => {
+  var t, s, i, n;
+  e.type == ht.CHILD && ((t = (i = e)._$AP) !== null && t !== void 0 || (i._$AP = Ts), (s = (n = e)._$AQ) !== null && s !== void 0 || (n._$AQ = ks));
+};
+class He extends jt {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(t, s, i) {
+    super._$AT(t, s, i), Pe(this), this.isConnected = t._$AU;
+  }
+  _$AO(t, s = !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)), s && (F(this, t), tt(this));
+  }
+  setValue(t) {
+    if (Cs(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 Ps = () => new Hs();
+let Hs = class {
+};
+const xt = /* @__PURE__ */ new WeakMap(), Ls = ut(class extends He {
+  render(e) {
+    return p;
+  }
+  update(e, [t]) {
+    var s;
+    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 = (s = e.options) === null || s === void 0 ? void 0 : s.host, this.ot(this.lt = e.element)), p;
+  }
+  ot(e) {
+    var t;
+    if (typeof this.G == "function") {
+      const s = (t = this.dt) !== null && t !== void 0 ? t : globalThis;
+      let i = xt.get(s);
+      i === void 0 && (i = /* @__PURE__ */ new WeakMap(), xt.set(s, i)), i.get(this.G) !== void 0 && this.G.call(this.dt, void 0), i.set(this.G, e), e !== void 0 && this.G.call(this.dt, e);
+    } else
+      this.G.value = e;
+  }
+  get rt() {
+    var e, t, s;
+    return typeof this.G == "function" ? (t = xt.get((e = this.dt) !== null && e !== void 0 ? e : globalThis)) === null || t === void 0 ? void 0 : t.get(this.G) : (s = this.G) === null || s === void 0 ? void 0 : s.value;
+  }
+  disconnected() {
+    this.rt === this.lt && this.ot(void 0);
+  }
+  reconnected() {
+    this.ot(this.lt);
+  }
+}), Ns = /* @__PURE__ */ new WeakMap();
+let ie = 0;
+const Et = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new WeakSet(), oe = () => new Promise((e) => requestAnimationFrame(e)), re = [{ opacity: 0 }], le = [{ opacity: 0 }, { opacity: 1 }], ae = (e, t) => {
+  const s = e - t;
+  return s === 0 ? void 0 : s;
+}, ce = (e, t) => {
+  const s = e / t;
+  return s === 1 ? void 0 : s;
+}, Ct = { left: (e, t) => {
+  const s = ae(e, t);
+  return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateX(${s}px)` };
+}, top: (e, t) => {
+  const s = ae(e, t);
+  return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateY(${s}px)` };
+}, width: (e, t) => {
+  let s;
+  t === 0 && (t = 1, s = { width: "1px" });
+  const i = ce(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 = ce(e, t);
+  return { value: i, overrideFrom: s, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
+} }, Ms = { duration: 333, easing: "ease-in-out" }, Rs = ["left", "top", "width", "height", "opacity", "color", "background"], de = /* @__PURE__ */ new WeakMap();
+class Us extends He {
+  constructor(t) {
+    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === ht.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((s) => {
+      this.h = s;
+    });
+  }
+  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 Ns.get(this.l);
+  }
+  isDisabled() {
+    var t;
+    return this.options.disabled || ((t = this.getController()) === null || t === void 0 ? void 0 : t.disabled);
+  }
+  update(t, [s]) {
+    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, de.set(this.element, this)), this.optionsOrCallback = s, (n || typeof s != "function") && this.u(s), this.render(s);
+  }
+  u(t) {
+    var s, i;
+    t = t != null ? t : {};
+    const n = this.getController();
+    n !== void 0 && ((t = m(m({}, n.defaultOptions), t)).keyframeOptions = m(m({}, n.defaultOptions.keyframeOptions), t.keyframeOptions)), (s = (i = t).properties) !== null && s !== void 0 || (i.properties = Rs), this.options = t;
+  }
+  v() {
+    const t = {}, s = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
+    return this.options.properties.forEach((n) => {
+      var o;
+      const r = (o = s[n]) !== null && o !== void 0 ? o : Ct[n] ? void 0 : i[n], l = Number(r);
+      t[n] = isNaN(l) ? r + "" : l;
+    }), t;
+  }
+  p() {
+    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((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() && s && 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 oe;
+      const s = this._(), i = this.A(this.options.keyframeOptions, s), n = this.v();
+      if (this.g !== void 0) {
+        const { from: o, to: r } = this.O(this.g, n, s);
+        this.log("measured", [this.g, n, o, r]), t = this.calculateKeyframes(o, r);
+      } else {
+        const o = Et.get(this.options.inId);
+        if (o) {
+          Et.delete(this.options.inId);
+          const { from: r, to: l } = this.O(o, n, s);
+          t = this.calculateKeyframes(r, l), t = this.options.in ? [m(m({}, this.options.in[0]), t[0]), ...this.options.in.slice(1), t[1]] : t, ie++, t.forEach((a) => a.zIndex = ie);
+        } 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, s;
+    this.j = this.element.getAttribute("style"), (t = this.webAnimation) === null || t === void 0 || t.commitStyles(), (s = this.webAnimation) === null || s === void 0 || s.cancel();
+  }
+  reconnected() {
+  }
+  disconnected() {
+    return b(this, null, function* () {
+      var t;
+      if (!this.o || (this.options.id !== void 0 && Et.set(this.options.id, this.g), this.options.out === void 0))
+        return;
+      if (this.prepare(), yield oe(), (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 s = this.A(this.options.keyframeOptions);
+      yield this.animate(this.options.out, s), this.element.remove();
+    });
+  }
+  prepare() {
+    this.createFinished();
+  }
+  start() {
+    var t, s;
+    (s = (t = this.options).onStart) === null || s === void 0 || s.call(t, this);
+  }
+  didFinish(t) {
+    var s, i;
+    t && ((i = (s = this.options).onComplete) === null || i === void 0 || 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 = de.get(s);
+      i && !i.isDisabled() && i && t.push(i);
+    }
+    return t;
+  }
+  get isHostRendered() {
+    const t = ne.has(this.l);
+    return t || this.l.updateComplete.then(() => {
+      ne.add(this.l);
+    }), t;
+  }
+  A(t, s = this._()) {
+    const i = m({}, Ms);
+    return s.forEach((n) => Object.assign(i, n.options.keyframeOptions)), Object.assign(i, t), i;
+  }
+  O(t, s, i) {
+    t = m({}, t), s = m({}, s);
+    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 && s.left !== void 0 && (t.left = o * t.left, s.left = o * s.left), t.top !== void 0 && s.top !== void 0 && (t.top = r * t.top, s.top = r * s.top)), { from: t, to: s };
+  }
+  calculateKeyframes(t, s, i = !1) {
+    var n;
+    const o = {}, r = {};
+    let l = !1;
+    const a = {};
+    for (const c in s) {
+      const d = t[c], h = s[c];
+      if (c in Ct) {
+        const u = Ct[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, s = 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, s]), n = !0, this.webAnimation = this.element.animate(t, s);
+        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, s;
+    return ((t = this.webAnimation) === null || t === void 0 ? void 0 : t.playState) === "running" || ((s = this.webAnimation) === null || s === void 0 ? void 0 : s.pending);
+  }
+  log(t, s) {
+    this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, s);
+  }
+}
+const he = ut(Us), js = { 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>' }, Is = { 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 Le = ut(class extends jt {
+  constructor(e) {
+    var t;
+    if (super(e), e.type !== ht.ATTRIBUTE || e.name !== "class" || ((t = e.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(e) {
+    return " " + Object.keys(e).filter((t) => e[t]).join(" ") + " ";
+  }
+  update(e, [t]) {
+    var s, i;
+    if (this.it === void 0) {
+      this.it = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter((o) => o !== "")));
+      for (const o in t)
+        t[o] && !(!((s = this.nt) === null || s === void 0) && s.has(o)) && this.it.add(o);
+      return this.render(t);
+    }
+    const n = e.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 x;
+  }
+}), H = {
+  allRenderFn: !1,
+  cmpDidLoad: !0,
+  cmpDidUnload: !1,
+  cmpDidUpdate: !0,
+  cmpDidRender: !0,
+  cmpWillLoad: !0,
+  cmpWillUpdate: !0,
+  cmpWillRender: !0,
+  connectedCallback: !0,
+  disconnectedCallback: !0,
+  element: !0,
+  event: !0,
+  hasRenderFn: !0,
+  lifecycle: !0,
+  hostListener: !0,
+  hostListenerTargetWindow: !0,
+  hostListenerTargetDocument: !0,
+  hostListenerTargetBody: !0,
+  hostListenerTargetParent: !1,
+  hostListenerTarget: !0,
+  member: !0,
+  method: !0,
+  mode: !0,
+  observeAttribute: !0,
+  prop: !0,
+  propMutable: !0,
+  reflect: !0,
+  scoped: !0,
+  shadowDom: !0,
+  slot: !0,
+  cssAnnotations: !0,
+  state: !0,
+  style: !0,
+  svg: !0,
+  updatable: !0,
+  vdomAttribute: !0,
+  vdomXlink: !0,
+  vdomClass: !0,
+  vdomFunctional: !0,
+  vdomKey: !0,
+  vdomListener: !0,
+  vdomRef: !0,
+  vdomPropOrAttr: !0,
+  vdomRender: !0,
+  vdomStyle: !0,
+  vdomText: !0,
+  watchCallback: !0,
+  taskQueue: !0,
+  hotModuleReplacement: !1,
+  isDebug: !1,
+  isDev: !1,
+  isTesting: !1,
+  hydrateServerSide: !1,
+  hydrateClientSide: !1,
+  lifecycleDOMEvents: !1,
+  lazyLoad: !1,
+  profile: !1,
+  slotRelocation: !0,
+  appendChildSlotFix: !1,
+  cloneNodeFix: !1,
+  hydratedAttribute: !1,
+  hydratedClass: !0,
+  safari10: !1,
+  scriptDataOpts: !1,
+  scopedSlotTextContentFix: !1,
+  shadowDomShim: !1,
+  slotChildNodesFix: !1,
+  invisiblePrehydration: !0,
+  propBoolean: !0,
+  propNumber: !0,
+  propString: !0,
+  cssVarShim: !1,
+  constructableCSS: !0,
+  cmpShouldUpdate: !0,
+  devTools: !1,
+  dynamicImportShim: !1,
+  shadowDelegatesFocus: !0,
+  initializeNextTick: !1,
+  asyncLoading: !1,
+  asyncQueue: !1,
+  transformTagName: !1,
+  attachStyles: !0
+};
+let L, Ne, pt, Me = !1, et = !1, It = !1, g = !1, ue = null, Ht = !1;
+const $t = typeof window != "undefined" ? window : {}, A = $t.document || { head: {} }, Re = $t.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)
+}, Ds = /* @__PURE__ */ (() => {
+  let e = !1;
+  try {
+    A.addEventListener("e", null, Object.defineProperty({}, "passive", {
+      get() {
+        e = !0;
+      }
+    }));
+  } catch (t) {
+  }
+  return e;
+})(), zs = (e) => Promise.resolve(e), Bs = /* @__PURE__ */ (() => {
+  try {
+    return new CSSStyleSheet(), typeof new CSSStyleSheet().replace == "function";
+  } catch (e) {
+  }
+  return !1;
+})(), Ue = (e, t, s, i) => {
+  s && s.map(([n, o, r]) => {
+    const l = Ws(e, n), a = Fs(t, r), c = Gs(n);
+    v.ael(l, o, a, c), (t.$rmListeners$ = t.$rmListeners$ || []).push(() => v.rel(l, o, a, c));
+  });
+}, Fs = (e, t) => (s) => {
+  try {
+    H.lazyLoad || e.$hostElement$[t](s);
+  } catch (i) {
+    Q(i);
+  }
+}, Ws = (e, t) => t & 4 ? A : t & 8 ? $t : t & 16 ? A.body : e, Gs = (e) => Ds ? {
+  passive: (e & 1) !== 0,
+  capture: (e & 2) !== 0
+} : (e & 2) !== 0, pe = "http://www.w3.org/1999/xlink", O = (e, t = "") => () => {
+}, $e = /* @__PURE__ */ new WeakMap(), Zs = (e, t, s) => {
+  let i = nt.get(e);
+  Bs && s ? (i = i || new CSSStyleSheet(), i.replace(t)) : i = t, nt.set(e, i);
+}, Ks = (e, t, s, i) => {
+  let n = je(t, s), o = nt.get(n);
+  if (e = e.nodeType === 11 ? e : A, o)
+    if (typeof o == "string") {
+      e = e.head || e;
+      let r = $e.get(e), l;
+      r || $e.set(e, r = /* @__PURE__ */ new Set()), r.has(n) || (l = A.createElement("style"), l.innerHTML = o, e.insertBefore(l, e.querySelector("link")), r && r.add(n));
+    } else
+      e.adoptedStyleSheets.includes(o) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, o]);
+  return n;
+}, qs = (e) => {
+  const t = e.$cmpMeta$, s = e.$hostElement$, i = t.$flags$, n = O("attachStyles", t.$tagName$), o = Ks(s.shadowRoot ? s.shadowRoot : s.getRootNode(), t, e.$modeName$);
+  i & 10 && (s["s-sc"] = o, s.classList.add(o + "-h"), i & 2 && s.classList.add(o + "-s")), n();
+}, je = (e, t) => "sc-" + (t && e.$flags$ & 32 ? e.$tagName$ + "-" + t : e.$tagName$), Qs = (e) => Si.map((t) => t(e)).find((t) => !!t), fe = {}, Ys = "http://www.w3.org/2000/svg", Xs = "http://www.w3.org/1999/xhtml", Js = (e) => e != null, Dt = (e) => (e = typeof e, e === "object" || e === "function"), M = (e, t, ...s) => {
+  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 e != "function" && !Dt(i)) && (i = String(i)), r && l ? a[a.length - 1].$text$ += i : a.push(r ? st(null, i) : i), l = r);
+  };
+  if (c(s), 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 e == "function")
+    return e(t === null ? {} : t, a, ti);
+  const d = st(e, null);
+  return d.$attrs$ = t, a.length > 0 && (d.$children$ = a), d.$key$ = n, d.$name$ = o, d;
+}, st = (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;
+}, zt = {}, Vs = (e) => e && e.$tag$ === zt, ti = {
+  forEach: (e, t) => e.map(ve).forEach(t),
+  map: (e, t) => e.map(ve).map(t).map(ei)
+}, ve = (e) => ({
+  vattrs: e.$attrs$,
+  vchildren: e.$children$,
+  vkey: e.$key$,
+  vname: e.$name$,
+  vtag: e.$tag$,
+  vtext: e.$text$
+}), ei = (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), M(e.vtag, s, ...e.vchildren || []);
+  }
+  const t = st(e.vtag, e.vtext);
+  return t.$attrs$ = e.vattrs, t.$children$ = e.vchildren, t.$key$ = e.vkey, t.$name$ = e.vname, t;
+}, ge = (e, t, s, i, n, o) => {
+  if (s !== i) {
+    let r = _e(e, t), l = t.toLowerCase();
+    if (t === "class") {
+      const a = e.classList, c = me(s), d = me(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 s)
+        (!i || i[a] == null) && (a.includes("-") ? e.style.removeProperty(a) : e.style[a] = "");
+      for (const a in i)
+        (!s || i[a] !== s[a]) && (a.includes("-") ? e.style.setProperty(a, i[a]) : e.style[a] = i[a]);
+    } 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) : _e($t, l) ? t = l.slice(2) : t = l[2] + t.slice(3), s && v.rel(e, t, s, !1), i && v.ael(e, t, i, !1);
+      else {
+        const a = Dt(i);
+        if ((r || a && i !== null) && !n)
+          try {
+            if (e.tagName.includes("-"))
+              e[t] = i;
+            else {
+              let d = i == null ? "" : i;
+              t === "list" ? r = !1 : (s == null || e[t] != d) && (e[t] = d);
+            }
+          } catch (d) {
+          }
+        let c = !1;
+        l !== (l = l.replace(/^xlink\:?/, "")) && (t = l, c = !0), i == null || i === !1 ? (i !== !1 || e.getAttribute(t) === "") && (c ? e.removeAttributeNS(pe, t) : e.removeAttribute(t)) : (!r || o & 4 || n) && !a && (i = i === !0 ? "" : i, c ? e.setAttributeNS(pe, t, i) : e.setAttribute(t, i));
+      }
+  }
+}, si = /\s/, me = (e) => e ? e.split(si) : [], Ie = (e, t, s, i) => {
+  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, o = e && e.$attrs$ || fe, r = t.$attrs$ || fe;
+  for (i in o)
+    i in r || ge(n, i, o[i], void 0, s, t.$flags$);
+  for (i in r)
+    ge(n, i, o[i], r[i], s, t.$flags$);
+}, it = (e, t, s, i) => {
+  let n = t.$children$[s], o = 0, r, l, a;
+  if (Me || (It = !0, n.$tag$ === "slot" && (L && i.classList.add(L + "-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 (g || (g = n.$tag$ === "svg"), r = n.$elm$ = A.createElementNS(g ? Ys : Xs, n.$flags$ & 2 ? "slot-fb" : n.$tag$), g && n.$tag$ === "foreignObject" && (g = !1), Ie(null, n, g), Js(L) && r["s-si"] !== L && r.classList.add(r["s-si"] = L), n.$children$)
+      for (o = 0; o < n.$children$.length; ++o)
+        l = it(e, n, o, r), l && r.appendChild(l);
+    n.$tag$ === "svg" ? g = !1 : r.tagName === "foreignObject" && (g = !0);
+  }
+  return r["s-hn"] = pt, n.$flags$ & 3 && (r["s-sr"] = !0, r["s-cr"] = Ne, r["s-sn"] = n.$name$ || "", a = e && e.$children$ && e.$children$[s], a && a.$tag$ === n.$tag$ && e.$elm$ && Z(e.$elm$, !1)), r;
+}, Z = (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"] !== pt && n["s-ol"] && (Be(n).insertBefore(n, Bt(n)), n["s-ol"].remove(), n["s-ol"] = void 0, It = !0), t && Z(n, t);
+  }
+  v.$flags$ &= -2;
+}, De = (e, t, s, i, n, o) => {
+  let r = e["s-cr"] && e["s-cr"].parentNode || e, l;
+  for (r.shadowRoot && r.tagName === pt && (r = r.shadowRoot); n <= o; ++n)
+    i[n] && (l = it(null, s, n, e), l && (i[n].$elm$ = l, r.insertBefore(l, Bt(t))));
+}, ze = (e, t, s, i, n) => {
+  for (; t <= s; ++t)
+    (i = e[t]) && (n = i.$elm$, Ge(i), et = !0, n["s-ol"] ? n["s-ol"].remove() : Z(n, !0), n.remove());
+}, ii = (e, t, s, 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], E, 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 (Y(c, u))
+      N(c, u), c = t[++n], u = i[++o];
+    else if (Y(d, $))
+      N(d, $), d = t[--a], $ = i[--h];
+    else if (Y(c, $))
+      (c.$tag$ === "slot" || $.$tag$ === "slot") && Z(c.$elm$.parentNode, !1), N(c, $), e.insertBefore(c.$elm$, d.$elm$.nextSibling), c = t[++n], $ = i[--h];
+    else if (Y(d, u))
+      (c.$tag$ === "slot" || $.$tag$ === "slot") && Z(d.$elm$.parentNode, !1), N(d, u), e.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$ ? E = it(t && t[o], s, r, e) : (N(S, u), t[r] = void 0, E = S.$elm$), u = i[++o]) : (E = it(t && t[o], s, o, e), u = i[++o]), E && Be(c.$elm$).insertBefore(E, Bt(c.$elm$));
+    }
+  n > a ? De(e, i[h + 1] == null ? null : i[h + 1].$elm$, s, i, o, h) : o > h && ze(t, n, a);
+}, Y = (e, t) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : e.$key$ === t.$key$ : !1, Bt = (e) => e && e["s-ol"] || e, Be = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, N = (e, t) => {
+  const s = t.$elm$ = e.$elm$, i = e.$children$, n = t.$children$, o = t.$tag$, r = t.$text$;
+  let l;
+  r === null ? (g = o === "svg" ? !0 : o === "foreignObject" ? !1 : g, o === "slot" || Ie(e, t, g), i !== null && n !== null ? ii(s, i, t, n) : n !== null ? (e.$text$ !== null && (s.textContent = ""), De(s, null, t, n, 0, n.length - 1)) : i !== null && ze(i, 0, i.length - 1), g && o === "svg" && (g = !1)) : (l = s["s-cr"]) ? l.parentNode.textContent = r : e.$text$ !== r && (s.data = r);
+}, Fe = (e) => {
+  let t = e.childNodes, s, i, n, o, r, l;
+  for (i = 0, n = t.length; i < n; i++)
+    if (s = t[i], s.nodeType === 1) {
+      if (s["s-sr"]) {
+        for (r = s["s-sn"], s.hidden = !1, o = 0; o < n; o++)
+          if (l = t[o].nodeType, t[o]["s-hn"] !== s["s-hn"] || r !== "") {
+            if (l === 1 && r === t[o].getAttribute("slot")) {
+              s.hidden = !0;
+              break;
+            }
+          } else if (l === 1 || l === 3 && t[o].textContent.trim() !== "") {
+            s.hidden = !0;
+            break;
+          }
+      }
+      Fe(s);
+    }
+}, y = [], We = (e) => {
+  let t, s, i, n, o, r, l = 0, a = e.childNodes, c = a.length;
+  for (; l < c; l++) {
+    if (t = a[l], t["s-sr"] && (s = t["s-cr"]) && s.parentNode)
+      for (i = s.parentNode.childNodes, n = t["s-sn"], r = i.length - 1; r >= 0; r--)
+        s = i[r], !s["s-cn"] && !s["s-nr"] && s["s-hn"] !== t["s-hn"] && (ye(s, n) ? (o = y.find((d) => d.$nodeToRelocate$ === s), et = !0, s["s-sn"] = s["s-sn"] || n, o ? o.$slotRefNode$ = t : y.push({
+          $slotRefNode$: t,
+          $nodeToRelocate$: s
+        }), s["s-sr"] && y.map((d) => {
+          ye(d.$nodeToRelocate$, s["s-sn"]) && (o = y.find((h) => h.$nodeToRelocate$ === s), o && !d.$slotRefNode$ && (d.$slotRefNode$ = o.$slotRefNode$));
+        })) : y.some((d) => d.$nodeToRelocate$ === s) || y.push({
+          $nodeToRelocate$: s
+        }));
+    t.nodeType === 1 && We(t);
+  }
+}, ye = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", Ge = (e) => {
+  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(Ge);
+}, ni = (e, t) => {
+  const s = e.$hostElement$, i = e.$cmpMeta$, n = e.$vnode$ || st(null, null), o = Vs(t) ? t : M(null, null, t);
+  pt = s.tagName, i.$attrsToReflect$ && (o.$attrs$ = o.$attrs$ || {}, i.$attrsToReflect$.map(([r, l]) => o.$attrs$[l] = s[r])), o.$tag$ = null, o.$flags$ |= 4, e.$vnode$ = o, o.$elm$ = n.$elm$ = s.shadowRoot || s, L = s["s-sc"], Ne = s["s-cr"], Me = (i.$flags$ & 1) !== 0, et = !1, N(n, o);
+  {
+    if (v.$flags$ |= 1, It) {
+      We(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);
+    }
+    et && Fe(o.$elm$), v.$flags$ &= -2, y.length = 0;
+  }
+}, oi = (e) => e, ri = (e, t, s) => {
+  const i = oi(e);
+  return {
+    emit: (n) => li(i, t, {
+      bubbles: !!(s & 4),
+      composed: !!(s & 2),
+      cancelable: !!(s & 1),
+      detail: n
+    })
+  };
+}, li = (e, t, s) => {
+  const i = v.ce(t, s);
+  return e.dispatchEvent(i), i;
+}, ai = (e, t) => {
+}, Ze = (e, t) => (e.$flags$ |= 16, ai(e, e.$ancestorComponent$), Ei(() => ci(e, t))), ci = (e, t) => {
+  const s = e.$hostElement$, i = O("scheduleUpdate", e.$cmpMeta$.$tagName$), n = s;
+  let o;
+  return t ? o = R(n, "componentWillLoad") : o = R(n, "componentWillUpdate"), o = be(o, () => R(n, "componentWillRender")), i(), be(o, () => di(e, n, t));
+}, di = (e, t, s) => b(void 0, null, function* () {
+  const i = e.$hostElement$, n = O("update", e.$cmpMeta$.$tagName$);
+  i["s-rc"], s && qs(e);
+  const o = O("render", e.$cmpMeta$.$tagName$);
+  hi(e, t, i), o(), n(), ui(e);
+}), hi = (e, t, s) => {
+  try {
+    ue = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (H.hasRenderFn || H.reflect) && (H.vdomRender || H.reflect) && (H.hydrateServerSide || ni(e, t));
+  } catch (l) {
+    Q(l, e.$hostElement$);
+  }
+  return ue = null, null;
+}, ui = (e) => {
+  const t = e.$cmpMeta$.$tagName$, s = e.$hostElement$, i = O("postUpdate", t), n = s;
+  e.$ancestorComponent$, R(n, "componentDidRender"), e.$flags$ & 64 ? (R(n, "componentDidUpdate"), i()) : (e.$flags$ |= 64, R(n, "componentDidLoad"), i());
+}, R = (e, t, s) => {
+  if (e && e[t])
+    try {
+      return e[t](s);
+    } catch (i) {
+      Q(i);
+    }
+}, be = (e, t) => e && e.then ? e.then(t) : t(), pi = (e, t) => e != null && !Dt(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, $i = (e, t) => ft(e).$instanceValues$.get(t), fi = (e, t, s, i) => {
+  const n = ft(e), o = e, r = n.$instanceValues$.get(t), l = n.$flags$, a = o;
+  s = pi(s, i.$members$[t][0]);
+  const c = Number.isNaN(r) && Number.isNaN(s);
+  if (s !== r && !c) {
+    n.$instanceValues$.set(t, s);
+    {
+      if (i.$watchers$ && l & 128) {
+        const h = i.$watchers$[t];
+        h && h.map((u) => {
+          try {
+            a[u](s, r, t);
+          } catch ($) {
+            Q($, o);
+          }
+        });
+      }
+      if ((l & 18) === 2) {
+        if (a.componentShouldUpdate && a.componentShouldUpdate(s, r, t) === !1)
+          return;
+        Ze(n, !1);
+      }
+    }
+  }
+}, vi = (e, t, s) => {
+  if (t.$members$) {
+    e.watchers && (t.$watchers$ = e.watchers);
+    const i = Object.entries(t.$members$), n = e.prototype;
+    i.map(([o, [r]]) => {
+      (r & 31 || r & 32) && Object.defineProperty(n, o, {
+        get() {
+          return $i(this, o);
+        },
+        set(l) {
+          fi(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;
+        });
+      }, e.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 e;
+}, gi = (e, t, s, i, n) => b(void 0, null, function* () {
+  if (!(t.$flags$ & 32) && (n = e.constructor, t.$flags$ |= 32, customElements.whenDefined(s.$tagName$).then(() => t.$flags$ |= 128), n.style)) {
+    let r = n.style;
+    typeof r != "string" && (r = r[t.$modeName$ = Qs(e)]);
+    const l = je(s, t.$modeName$);
+    if (!nt.has(l)) {
+      const a = O("registerStyles", s.$tagName$);
+      Zs(l, r, !!(s.$flags$ & 1)), a();
+    }
+  }
+  t.$ancestorComponent$, (() => Ze(t, !0))();
+}), mi = (e) => {
+}, yi = (e) => {
+  if (!(v.$flags$ & 1)) {
+    const t = ft(e), s = t.$cmpMeta$, i = O("connectedCallback", s.$tagName$);
+    t.$flags$ & 1 ? (Ue(e, t, s.$listeners$), mi(t.$lazyInstance$)) : (t.$flags$ |= 1, s.$flags$ & 12 && bi(e), s.$members$ && Object.entries(s.$members$).map(([n, [o]]) => {
+      if (o & 31 && e.hasOwnProperty(n)) {
+        const r = e[n];
+        delete e[n], e[n] = r;
+      }
+    }), gi(e, t, s)), i();
+  }
+}, bi = (e) => {
+  const t = e["s-cr"] = A.createComment("");
+  t["s-cn"] = !0, e.insertBefore(t, e.firstChild);
+}, _i = (e) => {
+  if (!(v.$flags$ & 1)) {
+    const t = ft(e);
+    t.$rmListeners$ && (t.$rmListeners$.map((s) => s()), t.$rmListeners$ = void 0);
+  }
+}, Ke = (e, t) => {
+  const s = {
+    $flags$: t[0],
+    $tagName$: t[1]
+  };
+  s.$members$ = t[2], s.$listeners$ = t[3], s.$watchers$ = e.$watchers$, s.$attrsToReflect$ = [];
+  const i = e.prototype.connectedCallback, n = e.prototype.disconnectedCallback;
+  return Object.assign(e.prototype, {
+    __registerHost() {
+      Ai(this, s);
+    },
+    connectedCallback() {
+      yi(this), i && i.call(this);
+    },
+    disconnectedCallback() {
+      _i(this), n && n.call(this);
+    },
+    __attachShadow() {
+      this.attachShadow({
+        mode: "open",
+        delegatesFocus: !!(s.$flags$ & 16)
+      });
+    }
+  }), e.is = s.$tagName$, vi(e, s);
+}, qe = /* @__PURE__ */ new WeakMap(), ft = (e) => qe.get(e), Ai = (e, t) => {
+  const s = {
+    $flags$: 0,
+    $hostElement$: e,
+    $cmpMeta$: t,
+    $instanceValues$: /* @__PURE__ */ new Map()
+  };
+  return Ue(e, s, t.$listeners$), qe.set(e, s);
+}, _e = (e, t) => t in e, Q = (e, t) => (0, console.error)(e, t), nt = /* @__PURE__ */ new Map(), Si = [], Ae = [], Qe = [], wi = (e, t) => (s) => {
+  e.push(s), Ht || (Ht = !0, t && v.$flags$ & 4 ? xi(Lt) : v.raf(Lt));
+}, Se = (e) => {
+  for (let t = 0; t < e.length; t++)
+    try {
+      e[t](performance.now());
+    } catch (s) {
+      Q(s);
+    }
+  e.length = 0;
+}, Lt = () => {
+  Se(Ae), Se(Qe), (Ht = Ae.length > 0) && v.raf(Lt);
+}, xi = (e) => zs().then(e), Ei = /* @__PURE__ */ wi(Qe, !0), Ci = (e = {}) => {
+  const { content: t = "", title: s, attributes: i = [] } = e;
+  let n = "", o = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "currentColor" },
+    ...i
+  ];
+  return s && (n = `<title>${s}</title>`), `<svg ${o.map((l) => `${l.name}="${l.value}"`).join(" ")}>${n}${t}</svg>`;
+}, ki = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim();
+function Ti(e) {
+  return `${e.getFullYear()}.${e.getMonth() + 1}`;
+}
+class Oi {
+  constructor(t) {
+    this.voca_component = t, this.voca_added = Ti(/* @__PURE__ */ new Date());
+  }
+}
+const Pi = "telia-vst{display:none}", Hi = /* @__PURE__ */ Ke(class extends Re {
+  constructor() {
+    super(), this.__registerHost(), this.vocaInternalUStats = ri(this, "vocaInternalUStats", 7);
+  }
+  connectedCallback() {
+    this.vocaInternalUStats.emit(new Oi(this.dataTrackingId));
+  }
+  render() {
+    return M(zt, null);
+  }
+  static get style() {
+    return Pi;
+  }
+}, [0, "telia-vst", {
+  dataTrackingId: [1, "data-tracking-id"]
+}]);
+function Ye() {
+  if (typeof customElements == "undefined")
+    return;
+  ["telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-vst":
+        customElements.get(t) || customElements.define(t, Hi);
+        break;
+    }
+  });
+}
+Ye();
+function Nt() {
+  return typeof window != "undefined" ? window : typeof global != "undefined" ? global : typeof self != "undefined" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
+}
+function Li() {
+  if (typeof Nt().vocadsIcons !== void 0)
+    return Nt().vocadsIcons;
+}
+function Ni() {
+  return Nt().vocadsIconsRegistered;
+}
+const Mi = ".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))}", Ri = /* @__PURE__ */ Ke(class extends Re {
+  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 (Ni() && this.name) {
+      const e = Li();
+      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 = Ci({
+      content: ki(e),
+      attributes: t,
+      title: this.allyTitle
+    });
+    return M(zt, { class: `telia-icon telia-icon--${this.size}` }, M("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: s }), M("telia-vst", { dataTrackingId: this.dataTrackingId }));
+  }
+  static get style() {
+    return Mi;
+  }
+}, [0, "telia-icon", {
+  name: [1],
+  svg: [1],
+  size: [1],
+  allyTitle: [1, "ally-title"],
+  dataTestid: [1, "data-testid"]
+}]);
+function Ui() {
+  if (typeof customElements == "undefined")
+    return;
+  ["telia-icon", "telia-vst"].forEach((t) => {
+    switch (t) {
+      case "telia-icon":
+        customElements.get(t) || customElements.define(t, Ri);
+        break;
+      case "telia-vst":
+        customElements.get(t) || Ye();
+        break;
+    }
+  });
+}
+Ui();
+var ji = Object.defineProperty, Ii = Object.getOwnPropertyDescriptor, Xe = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Ii(t, s) : t, o = e.length - 1, r; o >= 0; o--)
+    (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
+  return i && n && ji(t, s, n), n;
+};
+let ot = class extends _ {
+  _renderTimestamp(e, t) {
+    if (!e && !t)
+      return p;
+    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)), f`<p class="conversation-timestamp">${i}</p>`;
+  }
+  render() {
+    var e, t;
+    switch (this.message.type) {
+      case gt.System:
+        return "";
+      case gt.Agent:
+        return f`<div
+          class=${Le({
+          "conversation-agent-message": !0,
+          "has-avatar": !!((e = this.message.sender) != null && e.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(
+          (s) => f`
+                <div class="message-container">
+                  <div class="message-content">
+                    <conversation-component-message-list
+                      .items=${s.items || []}
+                    ></conversation-component-message-list>
+                  </div>
+                </div>
+              `
+        )}
+          </div>
+          ${this._renderTimestamp(
+          this.message.sender.name || "",
+          this.message.timestamp
+        )}
+        </div>`;
+      case gt.User:
+        return f`<div class="conversation-user-message">
+          <div class="content-bundle">
+            ${this.message.content.map(
+          (s) => f`
+                <div class="message-container">
+                  <div class="message-content">
+                    <conversation-component-message-list
+                      .items=${s.items || []}
+                    ></conversation-component-message-list>
+                  </div>
+                </div>
+              `
+        )}
+          </div>
+          ${this._renderTimestamp(
+          "",
+          // TODO: properties.userLabel || ''
+          this.message.timestamp
+        )}
+        </div>`;
+      default:
+        return p;
+    }
+  }
+};
+ot.styles = I`
+    :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;
+    }
+  `;
+Xe([
+  z()
+], ot.prototype, "message", 2);
+ot = Xe([
+  D("conversation-component-message")
+], ot);
+var Di = Object.defineProperty, zi = Object.getOwnPropertyDescriptor, Je = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? zi(t, s) : t, o = e.length - 1, r; o >= 0; o--)
+    (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
+  return i && n && Di(t, s, n), n;
+};
+let rt = class extends _ {
+  constructor() {
+    super(...arguments), this.items = [];
+  }
+  _isCustomComponent(e) {
+    return !["html", "link-list"].includes(e);
+  }
+  _createCustomComponent(e, t) {
+    const s = customElements.get(e);
+    if (s) {
+      const i = new s();
+      return i.message = t, i;
+    }
+    return p;
+  }
+  render() {
+    return f` <div class="message-list">
+      ${this.items.map(
+      ([e, t]) => f`
+          ${e === "html" ? f`
+                <message-type-html .message=${t}> </message-type-html>
+              ` : p}
+          ${e === "link-list" ? f`
+                <message-type-link-list .message=${t}>
+                </message-type-link-list>
+              ` : p}
+          ${e === "separator" ? f`
+                <message-type-separator .message=${t}>
+                </message-type-separator>
+              ` : p}
+          ${this._isCustomComponent(e) ? this._createCustomComponent(e, t) : p}
+        `
+    )}
+    </div>`;
+  }
+};
+rt.styles = I`
+    :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);
+    }
+  `;
+Je([
+  z()
+], rt.prototype, "items", 2);
+rt = Je([
+  D("conversation-component-message-list")
+], rt);
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class Mt extends jt {
+  constructor(t) {
+    if (super(t), this.et = p, t.type !== ht.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 === x)
+      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 s = [t];
+    return s.raw = s, this.ft = { _$litType$: this.constructor.resultType, strings: s, values: [] };
+  }
+}
+Mt.directiveName = "unsafeHTML", Mt.resultType = 1;
+const Bi = ut(Mt);
+var Fi = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, Ve = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Wi(t, s) : t, o = e.length - 1, r; o >= 0; o--)
+    (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
+  return i && n && Fi(t, s, n), n;
+};
+let lt = class extends _ {
+  render() {
+    return f`<div class="message-type-html">
+      ${Bi(this.message.body)}
+    </div>`;
+  }
+};
+lt.styles = [
+  I`
+      :host {
+        box-sizing: border-box;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      p {
+        margin: 0;
+        padding: 0;
+        word-break: break-word;
+      }
+    `
+];
+Ve([
+  z()
+], lt.prototype, "message", 2);
+lt = Ve([
+  D("message-type-html")
+], lt);
+var Gi = Object.defineProperty, Zi = Object.getOwnPropertyDescriptor, ts = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Zi(t, s) : t, o = e.length - 1, r; o >= 0; o--)
+    (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
+  return i && n && Gi(t, s, n), n;
+};
+let at = class extends _ {
+  _onItemClick(e) {
+    const t = new CustomEvent("action", {
+      bubbles: !0,
+      composed: !0,
+      detail: {
+        actionKey: "action",
+        payload: e
+      }
+    });
+    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(
+      (e) => f`
+              <li>
+                <button @click=${() => this._onItemClick(e)}>
+                  ${e.label}
+                </button>
+              </li>
+            `
+    )}
+        </ul>
+      </div>
+    `;
+  }
+};
+at.styles = [
+  I`
+      :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);
+      }
+    `
+];
+ts([
+  z()
+], at.prototype, "message", 2);
+at = ts([
+  D("message-type-link-list")
+], at);
+var Ki = Object.defineProperty, qi = Object.getOwnPropertyDescriptor, es = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? qi(t, s) : t, o = e.length - 1, r; o >= 0; o--)
+    (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
+  return i && n && Ki(t, s, n), n;
+};
+let ct = class extends _ {
+  render() {
+    return f`<div class="message-type-separator"></div>`;
+  }
+};
+ct.styles = [
+  I`
+      :host {
+        box-sizing: border-box;
+      }
+      * {
+        box-sizing: border-box;
+      }
+      .message-type-separator {
+        border-bottom: 1px solid var(--gray-color);
+        width: 100%;
+      }
+    `
+];
+es([
+  z({ attribute: !1 })
+], ct.prototype, "message", 2);
+ct = es([
+  D("message-type-separator")
+], ct);
+const Qi = (e) => {
+  setTimeout(() => {
+    e.scrollTo ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight;
+  }, 1e3);
+};
+var Yi = Object.defineProperty, Xi = Object.getOwnPropertyDescriptor, ss = (e, t, s, i) => {
+  for (var n = i > 1 ? void 0 : i ? Xi(t, s) : t, o = e.length - 1, r; o >= 0; o--)
+    (r = e[o]) && (n = (i ? r(t, s, n) : r(n)) || n);
+  return i && n && Yi(t, s, n), n;
+};
+const is = cs(_);
+let K = class extends is {
+  constructor() {
+    super(...arguments), this.message = "", this.conversationContentRef = Ps();
+  }
+  _onClick(e) {
+    return b(this, null, function* () {
+      e.preventDefault(), console.log("Todo", this.message);
+    });
+  }
+  _onSendMessage(e) {
+    return b(this, null, function* () {
+      e.preventDefault(), yield this.actions.dispatch("user-submit", { text: this.message }), this.message = "";
+    });
+  }
+  _inputHandler(e) {
+    this.message = e.target.value;
+  }
+  _actionHandler(e) {
+    this.actions.dispatch(e.detail.actionKey, e.detail.payload);
+  }
+  updated(e) {
+    e.has("properties") && this.conversationContentRef.value && ((e.get("properties") || {}).messages || []).length < (this.properties.messages || []).length && Qi(this.conversationContentRef.value);
+  }
+  render() {
+    return f` <div
+      @action=${this._actionHandler}
+      class=${Le({
+      conversation: !0,
+      "input-has-text": this.message.length > 0
+    })}
+    >
+      <div class="conversation-content" ${Ls(this.conversationContentRef)}>
+        <div class="conversation-content-inner">
+          ${(this.properties.messages || []).map(
+      (e) => f`<div class="conversation-entry" tabindex="-1">
+                <conversation-component-message
+                  .message=${e}
+                  ${he({
+        keyframeOptions: {},
+        in: le,
+        out: re,
+        stabilizeOut: !0,
+        skipInitial: !1
+      })}
+                >
+                </conversation-component-message>
+              </div>`
+    )}
+          ${this.properties.loading ? f`<div
+                class="loader"
+                ${he({
+      in: le,
+      out: re,
+      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=${js.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=${Is.svg}></telia-icon>
+          </button>
+        </div>
+      </form>
+    </div>`;
+  }
+};
+K.styles = [
+  is.styles || [],
+  I`
+      :host {
+        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 */
+      }
+      ::-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;
+      }
+    `
+];
+ss([
+  Es()
+], K.prototype, "message", 2);
+K = ss([
+  D("ace-conversation")
+], K);
+const ln = K;
+export {
+  K as ConversationComponent,
+  ln as default
+};
+//# sourceMappingURL=conversation-b69d3ddc.js.map