@telia-ace/widget-conversation-flamingo 1.0.0

package/dist/conversation-31b48ff2.js

@@ -0,0 +1,2312 @@
+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, W as cs, y as ds, V as hs } from "./index-d8edc7b3.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 xe = 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 xe(typeof s == "string" ? s : s + "", void 0, jt), B = (s, ...t) => {
+  const e = s.length === 1 ? s[0] : t.reduce((i, n, o) => i + ((r) => {
+    if (r._$cssResult$ === !0)
+      return r.cssText;
+    if (typeof r == "number")
+      return r;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + r + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(n) + s[o + 1], s[0]);
+  return new xe(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$", w = `lit$${(Math.random() + "").slice(9)}$`, Ce = "?" + w, 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), x = 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) + w + $) : a + w + (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(w)) {
+              const $ = d[r++];
+              if (h.push(u), $ !== void 0) {
+                const C = n.getAttribute($.toLowerCase() + Pt).split(w), 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(w), 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(w, h + 1)) !== -1; )
+            a.push({ type: 7, index: o }), h += w.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 === x)
+    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 ws(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 !== x && 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 !== x, 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 === x && (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) === 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 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 ws {
+  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 xs = (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, wt;
+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 = xs(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 x;
+  }
+};
+_.finalized = !0, _._$litElement$ = !0, (St = globalThis.litElementHydrateSupport) === null || St === void 0 || St.call(globalThis, { LitElement: _ });
+const ie = globalThis.litElementPolyfillSupport;
+ie == null || ie({ LitElement: _ });
+((wt = globalThis.litElementVersions) !== null && wt !== void 0 ? wt : globalThis.litElementVersions = []).push("3.3.3");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const z = (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 xt;
+((xt = window.HTMLSlotElement) === null || xt === void 0 ? void 0 : xt.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), Bs = { 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>' }, zs = { 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 x;
+  }
+}), 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, Bt = (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" && !Bt(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;
+}, zt = {}, si = (s) => s && s.$tag$ === zt, 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 = Bt(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;
+}, Be = (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))));
+}, ze = (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 ? Be(s, i[h + 1] == null ? null : i[h + 1].$elm$, e, i, o, h) : o > h && ze(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 = ""), Be(e, null, t, n, 0, n.length - 1)) : i !== null && ze(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 && !Bt(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);
+}, wi = (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() {
+      xi(this, e);
+    },
+    connectedCallback() {
+      Ai(this), i && i.call(this);
+    },
+    disconnectedCallback() {
+      wi(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), xi = (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));
+}, we = (s) => {
+  for (let t = 0; t < s.length; t++)
+    try {
+      s[t](performance.now());
+    } catch (e) {
+      Q(e);
+    }
+  s.length = 0;
+}, Nt = () => {
+  we(Se), we(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(zt, 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(zt, { 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 Bi = 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 zi {
+  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 Bi(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 zi(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 = B`
+    :host {
+      display: block;
+    }
+    .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([
+  z("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 = B`
+    :host {
+      display: block;
+      color: var(--text-color);
+    }
+    .message-list {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-md);
+    }
+  `;
+ts([
+  E()
+], lt.prototype, "items", 2);
+lt = ts([
+  z("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 === 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 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 = [
+  B`
+      p {
+        margin: 0;
+        padding: 0;
+      }
+    `
+];
+es([
+  E()
+], at.prototype, "message", 2);
+at = es([
+  z("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 = [
+  B`
+      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([
+  z("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 = [
+  B`
+      .message-type-separator {
+        border-bottom: 1px solid var(--gray-color);
+        width: 100%;
+      }
+    `
+];
+is([
+  E()
+], dt.prototype, "message", 2);
+dt = is([
+  z("message-type-separator")
+], dt);
+const tn = (s) => {
+  setTimeout(() => {
+    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)}>
+        ${(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>
+      <form class="conversation-bottom" @submit=${this._onSendMessage}>
+        <div class="conversation-bottom-left">
+          <button class="circle" @click=${this._onClick} type="button">
+            <telia-icon svg=${Bs.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=${zs.svg}></telia-icon>
+          </button>
+        </div>
+      </form>
+    </div>`;
+  }
+};
+H.styles = B`
+    :host {
+      font-family: var(--font-family);
+      --send-icon-color: var(--gray-dark-color, #a6a6a6);
+
+      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: flex;
+      flex-direction: column;
+    }
+
+    .conversation.input-has-text {
+      --send-icon-color: var(--primary-color);
+    }
+
+    .conversation-content {
+      height: 400px;
+      display: flex;
+      flex-direction: column;
+      padding: var(--spacing-md);
+      overflow-y: auto;
+      overflow-x: hidden;
+    }
+    .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);
+    }
+    .conversation-bottom-left {
+      border-right: 1px solid var(--gray-color);
+    }
+    .circle {
+      background-color: var(--gray-dark-color, #a6a6a6);
+      border-radius: 50%;
+      color: #fff;
+      padding: var(--spacing-sm, 5px);
+      border: none;
+    }
+    .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([
+  z("conversation-component")
+], H);
+const pn = H;
+export {
+  H as ConversationComponent,
+  pn as default
+};
+//# sourceMappingURL=conversation-31b48ff2.js.map