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

package/conversation-17a64990.mjs

@@ -1,1865 +0,0 @@
-import { p as Dt, P as ue, h as fe, i as w, n as x, r as k, E as ft, a as Nt, t as at, e as lt, T as p, s as L, x as f, C as V, b as Ht, w as pe } from "./index-ffd77508.mjs";
-import { s as $e } from "./send-18482cae.mjs";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const P = (e) => (t, s) => {
-  s !== void 0 ? s.addInitializer(() => {
-    customElements.define(e, t);
-  }) : customElements.define(e, t);
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let zt = class extends Event {
-  constructor(t, s, i) {
-    super("context-request", { bubbles: !0, composed: !0 }), this.context = t, this.callback = s, this.subscribe = i ?? !1;
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let pt = class {
-  constructor(t, s, i, n) {
-    if (this.subscribe = !1, this.provided = !1, this.value = void 0, this.t = (o, r) => {
-      this.unsubscribe && (this.unsubscribe !== r && (this.provided = !1, this.unsubscribe()), this.subscribe || this.unsubscribe()), this.value = o, this.host.requestUpdate(), this.provided && !this.subscribe || (this.provided = !0, this.callback && this.callback(o, r)), this.unsubscribe = r;
-    }, this.host = t, s.context !== void 0) {
-      const o = s;
-      this.context = o.context, this.callback = o.callback, this.subscribe = o.subscribe ?? !1;
-    } else
-      this.context = s, this.callback = i, this.subscribe = n ?? !1;
-    this.host.addController(this);
-  }
-  hostConnected() {
-    this.dispatchRequest();
-  }
-  hostDisconnected() {
-    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = void 0);
-  }
-  dispatchRequest() {
-    this.host.dispatchEvent(new zt(this.context, this.t, this.subscribe));
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let ge = class {
-  get value() {
-    return this.o;
-  }
-  set value(t) {
-    this.setValue(t);
-  }
-  setValue(t, s = !1) {
-    const i = s || !Object.is(t, this.o);
-    this.o = t, i && this.updateObservers();
-  }
-  constructor(t) {
-    this.subscriptions = /* @__PURE__ */ new Map(), this.updateObservers = () => {
-      for (const [s, { disposer: i }] of this.subscriptions)
-        s(this.o, i);
-    }, t !== void 0 && (this.value = t);
-  }
-  addCallback(t, s, i) {
-    if (!i)
-      return void t(this.value);
-    this.subscriptions.has(t) || this.subscriptions.set(t, { disposer: () => {
-      this.subscriptions.delete(t);
-    }, consumerHost: s });
-    const { disposer: n } = this.subscriptions.get(t);
-    t(this.value, n);
-  }
-  clearCallbacks() {
-    this.subscriptions.clear();
-  }
-};
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-let me = class extends Event {
-  constructor(t) {
-    super("context-provider", { bubbles: !0, composed: !0 }), this.context = t;
-  }
-}, j = class extends ge {
-  constructor(t, s, i) {
-    super(s.context !== void 0 ? s.initialValue : i), this.onContextRequest = (n) => {
-      const o = n.composedPath()[0];
-      n.context === this.context && o !== this.host && (n.stopPropagation(), this.addCallback(n.callback, o, n.subscribe));
-    }, this.onProviderRequest = (n) => {
-      const o = n.composedPath()[0];
-      if (n.context !== this.context || o === this.host)
-        return;
-      const r = /* @__PURE__ */ new Set();
-      for (const [a, { consumerHost: l }] of this.subscriptions)
-        r.has(a) || (r.add(a), l.dispatchEvent(new zt(this.context, a, !0)));
-      n.stopPropagation();
-    }, this.host = t, s.context !== void 0 ? this.context = s.context : this.context = s, this.attachListeners(), this.host.addController(this);
-  }
-  attachListeners() {
-    this.host.addEventListener("context-request", this.onContextRequest), this.host.addEventListener("context-provider", this.onProviderRequest);
-  }
-  hostConnected() {
-    this.host.dispatchEvent(new me(this.context));
-  }
-};
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function ve({ context: e, subscribe: t }) {
-  return (s, i) => {
-    typeof i == "object" ? i.addInitializer(function() {
-      new pt(this, { context: e, callback: (n) => {
-        this[i.name] = n;
-      }, subscribe: t });
-    }) : s.constructor.addInitializer((n) => {
-      new pt(n, { context: e, callback: (o) => {
-        n[i] = o;
-      }, subscribe: t });
-    });
-  };
-}
-const be = "children", ye = "descriptor", xe = "container", _e = "context", we = "layout", ke = "properties";
-class Ce {
-  constructor(t) {
-    (this.host = t).addController(this);
-  }
-  hostConnected() {
-  }
-  hostDisconnected() {
-  }
-  setDescriptor(t) {
-    this._descriptor = t;
-  }
-  setContainer(t) {
-    this._container = t;
-  }
-  async dispatch(t, s) {
-    if (!this._container || !this._descriptor)
-      return;
-    const i = await Dt.getInstance(
-      this._container
-    ), n = new ue(i).withId(
-      this._descriptor.id
-    );
-    await i.actions(
-      n,
-      this._descriptor.type || fe()
-    ).dispatch(t, s);
-  }
-}
-const Se = (e) => {
-  const t = {};
-  return Object.keys(e).forEach((s) => {
-    s.indexOf("css-") > -1 && (t[s] = e[s]);
-  }), t;
-}, Te = (e, t) => {
-  const s = Se(t);
-  Object.entries(s).forEach(([i, n]) => {
-    e.style.setProperty(i.replace("css-", ""), n);
-  });
-};
-var Oe = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, y = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Ae(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 && Oe(t, s, n), n;
-};
-const Le = (e) => {
-  class t extends e {
-    constructor() {
-      super(...arguments), this.entry = "", this._descriptorProvider = new j(
-        this,
-        ye,
-        void 0
-      ), this._childrenProvider = new j(this, be, []), this._propertiesProvider = new j(this, ke, {}), this._contextProvider = new j(this, _e, {}), this._layoutProvider = new j(this, we, {}), this.actions = new Ce(this), this.context = {}, this.layout = {}, this.properties = {};
-    }
-    connectedCallback() {
-      super.connectedCallback(), this.container && (this.actions.setContainer(this.container), Dt.getInstance(this.container).then(
-        async (i) => {
-          var o, r;
-          const n = i.nodes.get(this.entry);
-          if (n) {
-            this._propertyChangeListener = i.events.subscribe(
-              "components:properties-changed",
-              (h, u) => {
-                n.id === u.node.id && this._setProperties(u.node.attributes.properties);
-              }
-            ), this._contextChangeListener = i.events.subscribe(
-              "components:context-changed",
-              (h, u) => {
-                n.id === u.node.id && this._setContext(u.node.attributes.context);
-              }
-            ), this._layoutChangeListener = i.events.subscribe(
-              "components:layout-changed",
-              (h, u) => {
-                n.id === u.node.id && this._setLayout(u.node.attributes.layout);
-              }
-            );
-            const a = "default";
-            this._unmountNode = n.mount(this.container), this._setDescriptor(ft(n, a)), this._setProperties(n.attributes.properties), this._setContext(n.attributes.context), this._setLayout(this.layout);
-            const l = n.getChildren(a).map((h) => ft(h));
-            this._childrenProvider.setValue(l);
-            const c = await this.container.getAsync("componentResolver");
-            if (((o = this.descriptor) == null ? void 0 : o.type) === "area")
-              return;
-            const d = c.getComponent(
-              ((r = this.descriptor) == null ? void 0 : r.type) || ""
-            );
-            d.then && d.then((h) => {
-              this.component = h.default;
-            });
-          }
-        }
-      ));
-    }
-    disconnectedCallback() {
-      super.disconnectedCallback(), this._propertyChangeListener && this._propertyChangeListener(), this._contextChangeListener && this._contextChangeListener(), this._layoutChangeListener && this._layoutChangeListener(), this._unmountNode && this._unmountNode();
-    }
-    updated() {
-      this.container && this.actions.setContainer(this.container), this.renderRoot.host.style.setProperty(
-        "--width",
-        this.layout.size === "full" ? "var(--columns, 1)" : `min(${this.layout.size || "var(--columns)"}, var(--columns))`
-      ), Te(this.renderRoot.host, this.properties);
-    }
-    _setProperties(i) {
-      this._propertiesProvider.setValue(i), this.properties = i;
-    }
-    _setContext(i) {
-      this._contextProvider.setValue(i), this.context = i;
-    }
-    _setLayout(i) {
-      this._layoutProvider.setValue(i), this.layout = i;
-    }
-    _setDescriptor(i) {
-      this.descriptor = i, this._descriptorProvider.setValue(i), this.actions.setDescriptor(i);
-    }
-  }
-  return t.styles = [
-    e.styles ?? [],
-    w`
-        :host {
-          font-family: var(--font-family);
-          grid-column: span var(--width);
-          max-width: 100%;
-          overflow: hidden;
-          box-sizing: border-box;
-          display: block;
-        }
-        * {
-          box-sizing: border-box;
-        }
-      `
-  ], y([
-    ve({ context: xe }),
-    x({ attribute: !1 })
-  ], t.prototype, "container", 2), y([
-    x()
-  ], t.prototype, "entry", 2), y([
-    k()
-  ], t.prototype, "descriptor", 2), y([
-    k()
-  ], t.prototype, "component", 2), y([
-    k()
-  ], t.prototype, "context", 2), y([
-    k()
-  ], t.prototype, "layout", 2), y([
-    k()
-  ], t.prototype, "properties", 2), t;
-};
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const Pe = (e) => e.strings === void 0;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const I = (e, t) => {
-  var i;
-  const s = e._$AN;
-  if (s === void 0)
-    return !1;
-  for (const n of s)
-    (i = n._$AO) == null || i.call(n, t, !1), I(n, t);
-  return !0;
-}, M = (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);
-}, Mt = (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), Ie(t);
-  }
-};
-function Ee(e) {
-  this._$AN !== void 0 ? (M(this), this._$AM = e, Mt(this)) : this._$AM = e;
-}
-function je(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++)
-          I(i[o], !1), M(i[o]);
-      else
-        i != null && (I(i, !1), M(i));
-    else
-      I(this, e);
-}
-const Ie = (e) => {
-  e.type == at.CHILD && (e._$AP ?? (e._$AP = je), e._$AQ ?? (e._$AQ = Ee));
-};
-let Ft = class extends Nt {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(t, s, i) {
-    super._$AT(t, s, i), Mt(this), this.isConnected = t._$AU;
-  }
-  _$AO(t, s = !0) {
-    var i, n;
-    t !== this.isConnected && (this.isConnected = t, t ? (i = this.reconnected) == null || i.call(this) : (n = this.disconnected) == null || n.call(this)), s && (I(this, t), M(this));
-  }
-  setValue(t) {
-    if (Pe(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 Re = () => new De();
-let De = class {
-};
-const tt = /* @__PURE__ */ new WeakMap(), Ne = lt(class extends Ft {
-  render(e) {
-    return p;
-  }
-  update(e, [t]) {
-    var i;
-    const s = t !== this.G;
-    return s && this.G !== void 0 && this.ot(void 0), (s || this.rt !== this.lt) && (this.G = t, this.ct = (i = e.options) == null ? void 0 : i.host, this.ot(this.lt = e.element)), p;
-  }
-  ot(e) {
-    if (typeof this.G == "function") {
-      const t = this.ct ?? globalThis;
-      let s = tt.get(t);
-      s === void 0 && (s = /* @__PURE__ */ new WeakMap(), tt.set(t, s)), s.get(this.G) !== void 0 && this.G.call(this.ct, void 0), s.set(this.G, e), e !== void 0 && this.G.call(this.ct, e);
-    } else
-      this.G.value = e;
-  }
-  get rt() {
-    var e, t;
-    return typeof this.G == "function" ? (e = tt.get(this.ct ?? globalThis)) == null ? void 0 : e.get(this.G) : (t = this.G) == null ? void 0 : t.value;
-  }
-  disconnected() {
-    this.rt === this.lt && this.ot(void 0);
-  }
-  reconnected() {
-    this.ot(this.lt);
-  }
-}), He = /* @__PURE__ */ new WeakMap();
-let $t = 0;
-const et = /* @__PURE__ */ new Map(), gt = /* @__PURE__ */ new WeakSet(), mt = () => new Promise((e) => requestAnimationFrame(e)), vt = [{ opacity: 0 }], bt = [{ opacity: 0 }, { opacity: 1 }], yt = (e, t) => {
-  const s = e - t;
-  return s === 0 ? void 0 : s;
-}, xt = (e, t) => {
-  const s = e / t;
-  return s === 1 ? void 0 : s;
-}, st = { left: (e, t) => {
-  const s = yt(e, t);
-  return { value: s, transform: s == null || isNaN(s) ? void 0 : `translateX(${s}px)` };
-}, top: (e, t) => {
-  const s = yt(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 = xt(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 = xt(e, t);
-  return { value: i, overrideFrom: s, transform: i == null || isNaN(i) ? void 0 : `scaleY(${i})` };
-} }, ze = { duration: 333, easing: "ease-in-out" }, Me = ["left", "top", "width", "height", "opacity", "color", "background"], _t = /* @__PURE__ */ new WeakMap();
-class Fe extends Ft {
-  constructor(t) {
-    if (super(t), this.t = null, this.i = null, this.o = !0, this.shouldLog = !1, t.type === at.CHILD)
-      throw Error("The `animate` directive must be used in attribute position.");
-    this.createFinished();
-  }
-  createFinished() {
-    var t;
-    (t = this.resolveFinished) == null || t.call(this), this.finished = new Promise((s) => {
-      this.h = s;
-    });
-  }
-  async resolveFinished() {
-    var t;
-    (t = this.h) == null || t.call(this), this.h = void 0;
-  }
-  render(t) {
-    return p;
-  }
-  getController() {
-    return He.get(this.l);
-  }
-  isDisabled() {
-    var t;
-    return this.options.disabled || ((t = this.getController()) == null ? void 0 : t.disabled);
-  }
-  update(t, [s]) {
-    var n;
-    const i = this.l === void 0;
-    return i && (this.l = (n = t.options) == null ? void 0 : n.host, this.l.addController(this), this.element = t.element, _t.set(this.element, this)), this.optionsOrCallback = s, (i || typeof s != "function") && this.u(s), this.render(s);
-  }
-  u(t) {
-    t = t ?? {};
-    const s = this.getController();
-    s !== void 0 && ((t = { ...s.defaultOptions, ...t }).keyframeOptions = { ...s.defaultOptions.keyframeOptions, ...t.keyframeOptions }), t.properties ?? (t.properties = Me), this.options = t;
-  }
-  p() {
-    const t = {}, s = this.element.getBoundingClientRect(), i = getComputedStyle(this.element);
-    return this.options.properties.forEach((n) => {
-      const o = s[n] ?? (st[n] ? void 0 : i[n]), r = Number(o);
-      t[n] = isNaN(r) ? o + "" : r;
-    }), t;
-  }
-  m() {
-    let t, s = !0;
-    return this.options.guard && (t = this.options.guard(), s = ((i, n) => {
-      if (Array.isArray(i)) {
-        if (Array.isArray(n) && n.length === i.length && i.every((o, r) => o === n[r]))
-          return !1;
-      } else if (n === i)
-        return !1;
-      return !0;
-    })(t, this.v)), this.o = this.l.hasUpdated && !this.isDisabled() && !this.isAnimating() && s && this.element.isConnected, this.o && (this.v = Array.isArray(t) ? Array.from(t) : t), this.o;
-  }
-  hostUpdate() {
-    typeof this.optionsOrCallback == "function" && this.u(this.optionsOrCallback()), this.m() && (this.g = this.p(), this.t = this.t ?? this.element.parentNode, this.i = this.element.nextSibling);
-  }
-  async hostUpdated() {
-    if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
-      return;
-    let t;
-    this.prepare(), await mt;
-    const s = this._(), i = this.A(this.options.keyframeOptions, s), n = this.p();
-    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: a } = this.O(o, n, s);
-        t = this.calculateKeyframes(r, a), t = this.options.in ? [{ ...this.options.in[0], ...t[0] }, ...this.options.in.slice(1), t[1]] : t, $t++, t.forEach((l) => l.zIndex = $t);
-      } else
-        this.options.in && (t = [...this.options.in, {}]);
-    }
-    this.animate(t, i);
-  }
-  resetStyles() {
-    this.j !== void 0 && (this.element.setAttribute("style", this.j ?? ""), this.j = void 0);
-  }
-  commitStyles() {
-    var t, s;
-    this.j = this.element.getAttribute("style"), (t = this.webAnimation) == null || t.commitStyles(), (s = this.webAnimation) == null || s.cancel();
-  }
-  reconnected() {
-  }
-  async disconnected() {
-    var s;
-    if (!this.o || (this.options.id !== void 0 && et.set(this.options.id, this.g), this.options.out === void 0))
-      return;
-    if (this.prepare(), await mt(), (s = this.t) == null ? void 0 : s.isConnected) {
-      const i = this.i && this.i.parentNode === this.t ? this.i : null;
-      if (this.t.insertBefore(this.element, i), this.options.stabilizeOut) {
-        const n = this.p();
-        this.log("stabilizing out");
-        const 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 t = this.A(this.options.keyframeOptions);
-    await this.animate(this.options.out, t), this.element.remove();
-  }
-  prepare() {
-    this.createFinished();
-  }
-  start() {
-    var t, s;
-    (s = (t = this.options).onStart) == null || s.call(t, this);
-  }
-  didFinish(t) {
-    var s, i;
-    t && ((i = (s = this.options).onComplete) == null || i.call(s, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
-  }
-  _() {
-    const t = [];
-    for (let s = this.element.parentNode; s; s = s == null ? void 0 : s.parentNode) {
-      const i = _t.get(s);
-      i && !i.isDisabled() && i && t.push(i);
-    }
-    return t;
-  }
-  get isHostRendered() {
-    const t = gt.has(this.l);
-    return t || this.l.updateComplete.then(() => {
-      gt.add(this.l);
-    }), t;
-  }
-  A(t, s = this._()) {
-    const i = { ...ze };
-    return s.forEach((n) => Object.assign(i, n.options.keyframeOptions)), Object.assign(i, t), i;
-  }
-  O(t, s, i) {
-    t = { ...t }, s = { ...s };
-    const n = i.map((a) => a.animatingProperties).filter((a) => a !== void 0);
-    let o = 1, r = 1;
-    return n !== void 0 && (n.forEach((a) => {
-      a.width && (o /= a.width), a.height && (r /= a.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) {
-    const n = {}, o = {};
-    let r = !1;
-    const a = {};
-    for (const l in s) {
-      const c = t[l], d = s[l];
-      if (l in st) {
-        const h = st[l];
-        if (c === void 0 || d === void 0)
-          continue;
-        const u = h(c, d);
-        u.transform !== void 0 && (a[l] = u.value, r = !0, n.transform = `${n.transform ?? ""} ${u.transform}`, u.overrideFrom !== void 0 && Object.assign(n, u.overrideFrom));
-      } else
-        c !== d && c !== void 0 && d !== void 0 && (r = !0, n[l] = c, o[l] = d);
-    }
-    return n.transformOrigin = o.transformOrigin = i ? "center center" : "top left", this.animatingProperties = a, r ? [n, o] : void 0;
-  }
-  async animate(t, s = this.options.keyframeOptions) {
-    this.start(), this.frames = t;
-    let i = !1;
-    if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t = this.options.onFrames(this), this.log("modified frames", t)), t !== void 0)) {
-      this.log("animate", [t, s]), i = !0, this.webAnimation = this.element.animate(t, s);
-      const n = this.getController();
-      n == null || n.add(this);
-      try {
-        await this.webAnimation.finished;
-      } catch {
-      }
-      n == null || n.remove(this);
-    }
-    return this.didFinish(i), i;
-  }
-  isAnimating() {
-    var t, s;
-    return ((t = this.webAnimation) == null ? void 0 : t.playState) === "running" || ((s = this.webAnimation) == null ? void 0 : s.pending);
-  }
-  log(t, s) {
-    this.shouldLog && !this.isDisabled() && console.log(t, this.options.id, s);
-  }
-}
-const wt = lt(Fe), C = {
-  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 S, Ut, Y, Bt = !1, F = !1, ct = !1, g = !1, kt = null, it = !1;
-const J = typeof window < "u" ? window : {}, b = J.document || { head: {} }, Wt = J.HTMLElement || class {
-}, $ = {
-  $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)
-}, Ue = /* @__PURE__ */ (() => {
-  let e = !1;
-  try {
-    b.addEventListener("e", null, Object.defineProperty({}, "passive", {
-      get() {
-        e = !0;
-      }
-    }));
-  } catch {
-  }
-  return e;
-})(), Be = (e) => Promise.resolve(e), We = /* @__PURE__ */ (() => {
-  try {
-    return new CSSStyleSheet(), typeof new CSSStyleSheet().replace == "function";
-  } catch {
-  }
-  return !1;
-})(), qt = (e, t, s, i) => {
-  s && s.map(([n, o, r]) => {
-    const a = Ge(e, n), l = qe(t, r), c = Ke(n);
-    $.ael(a, o, l, c), (t.$rmListeners$ = t.$rmListeners$ || []).push(() => $.rel(a, o, l, c));
-  });
-}, qe = (e, t) => (s) => {
-  try {
-    C.lazyLoad || e.$hostElement$[t](s);
-  } catch (i) {
-    N(i);
-  }
-}, Ge = (e, t) => t & 4 ? b : t & 8 ? J : t & 16 ? b.body : e, Ke = (e) => Ue ? {
-  passive: (e & 1) !== 0,
-  capture: (e & 2) !== 0
-} : (e & 2) !== 0, Ct = "http://www.w3.org/1999/xlink", _ = (e, t = "") => () => {
-}, St = /* @__PURE__ */ new WeakMap(), Qe = (e, t, s) => {
-  let i = W.get(e);
-  We && s ? (i = i || new CSSStyleSheet(), i.replace(t)) : i = t, W.set(e, i);
-}, Xe = (e, t, s, i) => {
-  let n = Gt(t, s), o = W.get(n);
-  if (e = e.nodeType === 11 ? e : b, o)
-    if (typeof o == "string") {
-      e = e.head || e;
-      let r = St.get(e), a;
-      r || St.set(e, r = /* @__PURE__ */ new Set()), r.has(n) || (a = b.createElement("style"), a.innerHTML = o, e.insertBefore(a, e.querySelector("link")), r && r.add(n));
-    } else
-      e.adoptedStyleSheets.includes(o) || (e.adoptedStyleSheets = [...e.adoptedStyleSheets, o]);
-  return n;
-}, Ye = (e) => {
-  const t = e.$cmpMeta$, s = e.$hostElement$, i = t.$flags$, n = _("attachStyles", t.$tagName$), o = Xe(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();
-}, Gt = (e, t) => "sc-" + (t && e.$flags$ & 32 ? e.$tagName$ + "-" + t : e.$tagName$), Je = (e) => Cs.map((t) => t(e)).find((t) => !!t), Tt = {}, Ze = "http://www.w3.org/2000/svg", Ve = "http://www.w3.org/1999/xhtml", ts = (e) => e != null, dt = (e) => (e = typeof e, e === "object" || e === "function"), O = (e, t, ...s) => {
-  let i = null, n = null, o = null, r = !1, a = !1, l = [];
-  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 && a ? l[l.length - 1].$text$ += i : l.push(r ? U(null, i) : i), a = 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, l, ss);
-  const d = U(e, null);
-  return d.$attrs$ = t, l.length > 0 && (d.$children$ = l), d.$key$ = n, d.$name$ = o, d;
-}, U = (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;
-}, ht = {}, es = (e) => e && e.$tag$ === ht, ss = {
-  forEach: (e, t) => e.map(Ot).forEach(t),
-  map: (e, t) => e.map(Ot).map(t).map(is)
-}, Ot = (e) => ({
-  vattrs: e.$attrs$,
-  vchildren: e.$children$,
-  vkey: e.$key$,
-  vname: e.$name$,
-  vtag: e.$tag$,
-  vtext: e.$text$
-}), is = (e) => {
-  if (typeof e.vtag == "function") {
-    const s = Object.assign({}, e.vattrs);
-    return e.vkey && (s.key = e.vkey), e.vname && (s.name = e.vname), O(e.vtag, s, ...e.vchildren || []);
-  }
-  const t = U(e.vtag, e.vtext);
-  return t.$attrs$ = e.vattrs, t.$children$ = e.vchildren, t.$key$ = e.vkey, t.$name$ = e.vname, t;
-}, At = (e, t, s, i, n, o) => {
-  if (s !== i) {
-    let r = jt(e, t), a = t.toLowerCase();
-    if (t === "class") {
-      const l = e.classList, c = Lt(s), d = Lt(i);
-      l.remove(...c.filter((h) => h && !d.includes(h))), l.add(...d.filter((h) => h && !c.includes(h)));
-    } else if (t === "style") {
-      for (const l in s)
-        (!i || i[l] == null) && (l.includes("-") ? e.style.removeProperty(l) : e.style[l] = "");
-      for (const l in i)
-        (!s || i[l] !== s[l]) && (l.includes("-") ? e.style.setProperty(l, i[l]) : e.style[l] = i[l]);
-    } else if (t !== "key")
-      if (t === "ref")
-        i && i(e);
-      else if (!e.__lookupSetter__(t) && t[0] === "o" && t[1] === "n")
-        t[2] === "-" ? t = t.slice(3) : jt(J, a) ? t = a.slice(2) : t = a[2] + t.slice(3), s && $.rel(e, t, s, !1), i && $.ael(e, t, i, !1);
-      else {
-        const l = dt(i);
-        if ((r || l && i !== null) && !n)
-          try {
-            if (e.tagName.includes("-"))
-              e[t] = i;
-            else {
-              let d = i ?? "";
-              t === "list" ? r = !1 : (s == null || e[t] != d) && (e[t] = d);
-            }
-          } catch {
-          }
-        let c = !1;
-        a !== (a = a.replace(/^xlink\:?/, "")) && (t = a, c = !0), i == null || i === !1 ? (i !== !1 || e.getAttribute(t) === "") && (c ? e.removeAttributeNS(Ct, t) : e.removeAttribute(t)) : (!r || o & 4 || n) && !l && (i = i === !0 ? "" : i, c ? e.setAttributeNS(Ct, t, i) : e.setAttribute(t, i));
-      }
-  }
-}, ns = /\s/, Lt = (e) => e ? e.split(ns) : [], Kt = (e, t, s, i) => {
-  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, o = e && e.$attrs$ || Tt, r = t.$attrs$ || Tt;
-  for (i in o)
-    i in r || At(n, i, o[i], void 0, s, t.$flags$);
-  for (i in r)
-    At(n, i, o[i], r[i], s, t.$flags$);
-}, B = (e, t, s, i) => {
-  let n = t.$children$[s], o = 0, r, a, l;
-  if (Bt || (ct = !0, n.$tag$ === "slot" && (S && i.classList.add(S + "-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$ = b.createTextNode(n.$text$);
-  else if (n.$flags$ & 1)
-    r = n.$elm$ = b.createTextNode("");
-  else {
-    if (g || (g = n.$tag$ === "svg"), r = n.$elm$ = b.createElementNS(g ? Ze : Ve, n.$flags$ & 2 ? "slot-fb" : n.$tag$), g && n.$tag$ === "foreignObject" && (g = !1), Kt(null, n, g), ts(S) && r["s-si"] !== S && r.classList.add(r["s-si"] = S), n.$children$)
-      for (o = 0; o < n.$children$.length; ++o)
-        a = B(e, n, o, r), a && r.appendChild(a);
-    n.$tag$ === "svg" ? g = !1 : r.tagName === "foreignObject" && (g = !0);
-  }
-  return r["s-hn"] = Y, n.$flags$ & 3 && (r["s-sr"] = !0, r["s-cr"] = Ut, r["s-sn"] = n.$name$ || "", l = e && e.$children$ && e.$children$[s], l && l.$tag$ === n.$tag$ && e.$elm$ && R(e.$elm$, !1)), r;
-}, R = (e, t) => {
-  $.$flags$ |= 1;
-  const s = e.childNodes;
-  for (let i = s.length - 1; i >= 0; i--) {
-    const n = s[i];
-    n["s-hn"] !== Y && n["s-ol"] && (Yt(n).insertBefore(n, ut(n)), n["s-ol"].remove(), n["s-ol"] = void 0, ct = !0), t && R(n, t);
-  }
-  $.$flags$ &= -2;
-}, Qt = (e, t, s, i, n, o) => {
-  let r = e["s-cr"] && e["s-cr"].parentNode || e, a;
-  for (r.shadowRoot && r.tagName === Y && (r = r.shadowRoot); n <= o; ++n)
-    i[n] && (a = B(null, s, n, e), a && (i[n].$elm$ = a, r.insertBefore(a, ut(t))));
-}, Xt = (e, t, s, i, n) => {
-  for (; t <= s; ++t)
-    (i = e[t]) && (n = i.$elm$, Vt(i), F = !0, n["s-ol"] ? n["s-ol"].remove() : R(n, !0), n.remove());
-}, os = (e, t, s, i) => {
-  let n = 0, o = 0, r = 0, a = 0, l = t.length - 1, c = t[0], d = t[l], h = i.length - 1, u = i[0], m = i[h], E, H;
-  for (; n <= l && o <= h; )
-    if (c == null)
-      c = t[++n];
-    else if (d == null)
-      d = t[--l];
-    else if (u == null)
-      u = i[++o];
-    else if (m == null)
-      m = i[--h];
-    else if (z(c, u))
-      T(c, u), c = t[++n], u = i[++o];
-    else if (z(d, m))
-      T(d, m), d = t[--l], m = i[--h];
-    else if (z(c, m))
-      (c.$tag$ === "slot" || m.$tag$ === "slot") && R(c.$elm$.parentNode, !1), T(c, m), e.insertBefore(c.$elm$, d.$elm$.nextSibling), c = t[++n], m = i[--h];
-    else if (z(d, u))
-      (c.$tag$ === "slot" || m.$tag$ === "slot") && R(d.$elm$.parentNode, !1), T(d, u), e.insertBefore(d.$elm$, c.$elm$), d = t[--l], u = i[++o];
-    else {
-      for (r = -1, a = n; a <= l; ++a)
-        if (t[a] && t[a].$key$ !== null && t[a].$key$ === u.$key$) {
-          r = a;
-          break;
-        }
-      r >= 0 ? (H = t[r], H.$tag$ !== u.$tag$ ? E = B(t && t[o], s, r, e) : (T(H, u), t[r] = void 0, E = H.$elm$), u = i[++o]) : (E = B(t && t[o], s, o, e), u = i[++o]), E && Yt(c.$elm$).insertBefore(E, ut(c.$elm$));
-    }
-  n > l ? Qt(e, i[h + 1] == null ? null : i[h + 1].$elm$, s, i, o, h) : o > h && Xt(t, n, l);
-}, z = (e, t) => e.$tag$ === t.$tag$ ? e.$tag$ === "slot" ? e.$name$ === t.$name$ : e.$key$ === t.$key$ : !1, ut = (e) => e && e["s-ol"] || e, Yt = (e) => (e["s-ol"] ? e["s-ol"] : e).parentNode, T = (e, t) => {
-  const s = t.$elm$ = e.$elm$, i = e.$children$, n = t.$children$, o = t.$tag$, r = t.$text$;
-  let a;
-  r === null ? (g = o === "svg" ? !0 : o === "foreignObject" ? !1 : g, o === "slot" || Kt(e, t, g), i !== null && n !== null ? os(s, i, t, n) : n !== null ? (e.$text$ !== null && (s.textContent = ""), Qt(s, null, t, n, 0, n.length - 1)) : i !== null && Xt(i, 0, i.length - 1), g && o === "svg" && (g = !1)) : (a = s["s-cr"]) ? a.parentNode.textContent = r : e.$text$ !== r && (s.data = r);
-}, Jt = (e) => {
-  let t = e.childNodes, s, i, n, o, r, a;
-  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 (a = t[o].nodeType, t[o]["s-hn"] !== s["s-hn"] || r !== "") {
-            if (a === 1 && r === t[o].getAttribute("slot")) {
-              s.hidden = !0;
-              break;
-            }
-          } else if (a === 1 || a === 3 && t[o].textContent.trim() !== "") {
-            s.hidden = !0;
-            break;
-          }
-      }
-      Jt(s);
-    }
-}, v = [], Zt = (e) => {
-  let t, s, i, n, o, r, a = 0, l = e.childNodes, c = l.length;
-  for (; a < c; a++) {
-    if (t = l[a], t["s-sr"] && (s = t["s-cr"]) && s.parentNode)
-      for (i = s.parentNode.childNodes, n = t["s-sn"], r = i.length - 1; r >= 0; r--)
-        s = i[r], !s["s-cn"] && !s["s-nr"] && s["s-hn"] !== t["s-hn"] && (Pt(s, n) ? (o = v.find((d) => d.$nodeToRelocate$ === s), F = !0, s["s-sn"] = s["s-sn"] || n, o ? o.$slotRefNode$ = t : v.push({
-          $slotRefNode$: t,
-          $nodeToRelocate$: s
-        }), s["s-sr"] && v.map((d) => {
-          Pt(d.$nodeToRelocate$, s["s-sn"]) && (o = v.find((h) => h.$nodeToRelocate$ === s), o && !d.$slotRefNode$ && (d.$slotRefNode$ = o.$slotRefNode$));
-        })) : v.some((d) => d.$nodeToRelocate$ === s) || v.push({
-          $nodeToRelocate$: s
-        }));
-    t.nodeType === 1 && Zt(t);
-  }
-}, Pt = (e, t) => e.nodeType === 1 ? e.getAttribute("slot") === null && t === "" || e.getAttribute("slot") === t : e["s-sn"] === t ? !0 : t === "", Vt = (e) => {
-  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(Vt);
-}, rs = (e, t) => {
-  const s = e.$hostElement$, i = e.$cmpMeta$, n = e.$vnode$ || U(null, null), o = es(t) ? t : O(null, null, t);
-  Y = s.tagName, i.$attrsToReflect$ && (o.$attrs$ = o.$attrs$ || {}, i.$attrsToReflect$.map(([r, a]) => o.$attrs$[a] = s[r])), o.$tag$ = null, o.$flags$ |= 4, e.$vnode$ = o, o.$elm$ = n.$elm$ = s.shadowRoot || s, S = s["s-sc"], Ut = s["s-cr"], Bt = (i.$flags$ & 1) !== 0, F = !1, T(n, o);
-  {
-    if ($.$flags$ |= 1, ct) {
-      Zt(o.$elm$);
-      let r, a, l, c, d, h, u = 0;
-      for (; u < v.length; u++)
-        r = v[u], a = r.$nodeToRelocate$, a["s-ol"] || (l = b.createTextNode(""), l["s-nr"] = a, a.parentNode.insertBefore(a["s-ol"] = l, a));
-      for (u = 0; u < v.length; u++)
-        if (r = v[u], a = r.$nodeToRelocate$, r.$slotRefNode$) {
-          for (c = r.$slotRefNode$.parentNode, d = r.$slotRefNode$.nextSibling, l = a["s-ol"]; l = l.previousSibling; )
-            if (h = l["s-nr"], h && h["s-sn"] === a["s-sn"] && c === h.parentNode && (h = h.nextSibling, !h || !h["s-nr"])) {
-              d = h;
-              break;
-            }
-          (!d && c !== a.parentNode || a.nextSibling !== d) && a !== d && (!a["s-hn"] && a["s-ol"] && (a["s-hn"] = a["s-ol"].parentNode.nodeName), c.insertBefore(a, d));
-        } else
-          a.nodeType === 1 && (a.hidden = !0);
-    }
-    F && Jt(o.$elm$), $.$flags$ &= -2, v.length = 0;
-  }
-}, as = (e) => e, ls = (e, t, s) => {
-  const i = as(e);
-  return {
-    emit: (n) => cs(i, t, {
-      bubbles: !!(s & 4),
-      composed: !!(s & 2),
-      cancelable: !!(s & 1),
-      detail: n
-    })
-  };
-}, cs = (e, t, s) => {
-  const i = $.ce(t, s);
-  return e.dispatchEvent(i), i;
-}, ds = (e, t) => {
-}, te = (e, t) => (e.$flags$ |= 16, ds(e, e.$ancestorComponent$), Os(() => hs(e, t))), hs = (e, t) => {
-  const s = e.$hostElement$, i = _("scheduleUpdate", e.$cmpMeta$.$tagName$), n = s;
-  let o;
-  return t ? o = A(n, "componentWillLoad") : o = A(n, "componentWillUpdate"), o = Et(o, () => A(n, "componentWillRender")), i(), Et(o, () => us(e, n, t));
-}, us = async (e, t, s) => {
-  const i = e.$hostElement$, n = _("update", e.$cmpMeta$.$tagName$);
-  i["s-rc"], s && Ye(e);
-  const o = _("render", e.$cmpMeta$.$tagName$);
-  fs(e, t, i), o(), n(), ps(e);
-}, fs = (e, t, s) => {
-  try {
-    kt = t, t = t.render && t.render(), e.$flags$ &= -17, e.$flags$ |= 2, (C.hasRenderFn || C.reflect) && (C.vdomRender || C.reflect) && (C.hydrateServerSide || rs(e, t));
-  } catch (a) {
-    N(a, e.$hostElement$);
-  }
-  return kt = null, null;
-}, ps = (e) => {
-  const t = e.$cmpMeta$.$tagName$, s = e.$hostElement$, i = _("postUpdate", t), n = s;
-  e.$ancestorComponent$, A(n, "componentDidRender"), e.$flags$ & 64 ? (A(n, "componentDidUpdate"), i()) : (e.$flags$ |= 64, A(n, "componentDidLoad"), i());
-}, A = (e, t, s) => {
-  if (e && e[t])
-    try {
-      return e[t](s);
-    } catch (i) {
-      N(i);
-    }
-}, Et = (e, t) => e && e.then ? e.then(t) : t(), $s = (e, t) => e != null && !dt(e) ? t & 4 ? e === "false" ? !1 : e === "" || !!e : t & 2 ? parseFloat(e) : t & 1 ? String(e) : e : e, gs = (e, t) => Z(e).$instanceValues$.get(t), ms = (e, t, s, i) => {
-  const n = Z(e), o = e, r = n.$instanceValues$.get(t), a = n.$flags$, l = o;
-  s = $s(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$ && a & 128) {
-        const h = i.$watchers$[t];
-        h && h.map((u) => {
-          try {
-            l[u](s, r, t);
-          } catch (m) {
-            N(m, o);
-          }
-        });
-      }
-      if ((a & 18) === 2) {
-        if (l.componentShouldUpdate && l.componentShouldUpdate(s, r, t) === !1)
-          return;
-        te(n, !1);
-      }
-    }
-  }
-}, vs = (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 gs(this, o);
-        },
-        set(a) {
-          ms(this, o, a, t);
-        },
-        configurable: !0,
-        enumerable: !0
-      });
-    });
-    {
-      const o = /* @__PURE__ */ new Map();
-      n.attributeChangedCallback = function(r, a, l) {
-        $.jmp(() => {
-          const c = o.get(r);
-          if (this.hasOwnProperty(c))
-            l = this[c], delete this[c];
-          else if (n.hasOwnProperty(c) && typeof this[c] == "number" && this[c] == l)
-            return;
-          this[c] = l === null && typeof this[c] == "boolean" ? !1 : l;
-        });
-      }, e.observedAttributes = i.filter(
-        ([r, a]) => a[0] & 15
-        /* HasAttribute */
-      ).map(([r, a]) => {
-        const l = a[1] || r;
-        return o.set(l, r), a[0] & 512 && t.$attrsToReflect$.push([r, l]), l;
-      });
-    }
-  }
-  return e;
-}, bs = async (e, t, s, i, n) => {
-  if (!(t.$flags$ & 32) && (n = e.constructor, t.$flags$ |= 32, customElements.whenDefined(s.$tagName$).then(() => t.$flags$ |= 128), n.style)) {
-    let r = n.style;
-    typeof r != "string" && (r = r[t.$modeName$ = Je(e)]);
-    const a = Gt(s, t.$modeName$);
-    if (!W.has(a)) {
-      const l = _("registerStyles", s.$tagName$);
-      Qe(a, r, !!(s.$flags$ & 1)), l();
-    }
-  }
-  t.$ancestorComponent$, (() => te(t, !0))();
-}, ys = (e) => {
-}, xs = (e) => {
-  if (!($.$flags$ & 1)) {
-    const t = Z(e), s = t.$cmpMeta$, i = _("connectedCallback", s.$tagName$);
-    t.$flags$ & 1 ? (qt(e, t, s.$listeners$), ys(t.$lazyInstance$)) : (t.$flags$ |= 1, s.$flags$ & 12 && _s(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;
-      }
-    }), bs(e, t, s)), i();
-  }
-}, _s = (e) => {
-  const t = e["s-cr"] = b.createComment("");
-  t["s-cn"] = !0, e.insertBefore(t, e.firstChild);
-}, ws = (e) => {
-  if (!($.$flags$ & 1)) {
-    const t = Z(e);
-    t.$rmListeners$ && (t.$rmListeners$.map((s) => s()), t.$rmListeners$ = void 0);
-  }
-}, ee = (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() {
-      ks(this, s);
-    },
-    connectedCallback() {
-      xs(this), i && i.call(this);
-    },
-    disconnectedCallback() {
-      ws(this), n && n.call(this);
-    },
-    __attachShadow() {
-      this.attachShadow({
-        mode: "open",
-        delegatesFocus: !!(s.$flags$ & 16)
-      });
-    }
-  }), e.is = s.$tagName$, vs(e, s);
-}, se = /* @__PURE__ */ new WeakMap(), Z = (e) => se.get(e), ks = (e, t) => {
-  const s = {
-    $flags$: 0,
-    $hostElement$: e,
-    $cmpMeta$: t,
-    $instanceValues$: /* @__PURE__ */ new Map()
-  };
-  return qt(e, s, t.$listeners$), se.set(e, s);
-}, jt = (e, t) => t in e, N = (e, t) => (0, console.error)(e, t), W = /* @__PURE__ */ new Map(), Cs = [], It = [], ie = [], Ss = (e, t) => (s) => {
-  e.push(s), it || (it = !0, t && $.$flags$ & 4 ? Ts(nt) : $.raf(nt));
-}, Rt = (e) => {
-  for (let t = 0; t < e.length; t++)
-    try {
-      e[t](performance.now());
-    } catch (s) {
-      N(s);
-    }
-  e.length = 0;
-}, nt = () => {
-  Rt(It), Rt(ie), (it = It.length > 0) && $.raf(nt);
-}, Ts = (e) => Be().then(e), Os = /* @__PURE__ */ Ss(ie, !0), As = (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((a) => `${a.name}="${a.value}"`).join(" ")}>${n}${t}</svg>`;
-}, Ls = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim();
-function Ps(e) {
-  return `${e.getFullYear()}.${e.getMonth() + 1}`;
-}
-class Es {
-  constructor(t) {
-    this.voca_component = t, this.voca_added = Ps(/* @__PURE__ */ new Date());
-  }
-}
-const js = "telia-vst{display:none}", Is = /* @__PURE__ */ ee(class extends Wt {
-  constructor() {
-    super(), this.__registerHost(), this.vocaInternalUStats = ls(this, "vocaInternalUStats", 7);
-  }
-  connectedCallback() {
-    this.vocaInternalUStats.emit(new Es(this.dataTrackingId));
-  }
-  render() {
-    return O(ht, null);
-  }
-  static get style() {
-    return js;
-  }
-}, [0, "telia-vst", {
-  dataTrackingId: [1, "data-tracking-id"]
-}]);
-function ne() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-vst"].forEach((t) => {
-    switch (t) {
-      case "telia-vst":
-        customElements.get(t) || customElements.define(t, Is);
-        break;
-    }
-  });
-}
-ne();
-function ot() {
-  return typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : { vocadsIcons: void 0, vocadsIconsRegistered: !1 };
-}
-function Rs() {
-  if (typeof ot().vocadsIcons !== void 0)
-    return ot().vocadsIcons;
-}
-function Ds() {
-  return ot().vocadsIconsRegistered;
-}
-const Ns = ".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))}", Hs = /* @__PURE__ */ ee(class extends Wt {
-  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 (Ds() && this.name) {
-      const e = Rs();
-      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 = As({
-      content: Ls(e),
-      attributes: t,
-      title: this.allyTitle
-    });
-    return O(ht, { class: `telia-icon telia-icon--${this.size}` }, O("span", { "aria-label": this.allyTitle, class: "telia-icon__container", innerHTML: s }), O("telia-vst", { dataTrackingId: this.dataTrackingId }));
-  }
-  static get style() {
-    return Ns;
-  }
-}, [0, "telia-icon", {
-  name: [1],
-  svg: [1],
-  size: [1],
-  allyTitle: [1, "ally-title"],
-  dataTestid: [1, "data-testid"]
-}]);
-function zs() {
-  if (typeof customElements > "u")
-    return;
-  ["telia-icon", "telia-vst"].forEach((t) => {
-    switch (t) {
-      case "telia-icon":
-        customElements.get(t) || customElements.define(t, Hs);
-        break;
-      case "telia-vst":
-        customElements.get(t) || ne();
-        break;
-    }
-  });
-}
-zs();
-var Ms = Object.defineProperty, Fs = Object.getOwnPropertyDescriptor, oe = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Fs(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 && Ms(t, s, n), n;
-};
-let q = class extends L {
-  _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 V.System:
-        return "";
-      case V.Agent:
-        return f`<div
-          class=${Ht({
-          "conversation-agent-message": !0,
-          "has-avatar": !!((e = this.message.sender) != null && e.avatar)
-        })}
-        >
-          ${typeof ((t = this.message.sender) == null ? void 0 : t.avatar) == "string" ? 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 V.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;
-    }
-  }
-};
-q.styles = w`
-    :host {
-      box-sizing: border-box;
-      display: block;
-    }
-    * {
-      box-sizing: border-box;
-    }
-    .message-content {
-      padding: var(--spacing-md);
-      display: inline-block;
-      margin-top: var(--spacing-md);
-      max-width: 100%;
-      border: 1px solid var(--gray-color);
-      border-radius: var(--border-radius);
-      background-color: var(--bubble-bg-color);
-      color: var(--bubble-text-color);
-    }
-
-    .conversation-user-message {
-      --bubble-bg-color: var(--conversation-user-bg-color);
-      --bubble-text-color: var(--conversation-user-text-color);
-      margin-left: 10%;
-      width: 90%;
-      display: flex;
-      flex-direction: column;
-      align-items: flex-end;
-    }
-
-    .conversation-agent-message {
-      --bubble-bg-color: var(--conversation-agent-bg-color);
-      --bubble-text-color: var(--conversation-agent-text-color);
-      display: grid;
-      margin-right: 10%;
-      width: 90%;
-
-      grid-template-columns: 1fr;
-      grid-template-rows: 1fr auto;
-      grid-template-areas:
-        'content'
-        'info';
-    }
-    .conversation-agent-message.has-avatar {
-      grid-template-columns: auto 1fr;
-      grid-template-rows: 1fr auto;
-      grid-template-areas:
-        'avatar content'
-        '. info';
-    }
-
-    .avatar {
-      grid-area: avatar;
-      place-self: flex-end;
-      width: 32px;
-      height: 32px;
-      border-radius: 50%;
-      align-self: flex-end;
-      justify-self: center;
-      overflow: hidden;
-      margin-right: var(--spacing-md);
-      justify-content: center;
-      align-items: center;
-    }
-    .avatar img {
-      height: 100%;
-      width: 100%;
-      object-fit: cover;
-    }
-
-    .conversation-timestamp {
-      grid-area: info;
-      margin: 0;
-      line-height: 1.5em;
-      grid-area: info;
-      color: var(--text-color);
-      font-size: 0.8rem;
-      font-weight: 300;
-    }
-
-    .content-bundle {
-      grid-area: content;
-    }
-  `;
-oe([
-  x()
-], q.prototype, "message", 2);
-q = oe([
-  P("conversation-component-message")
-], q);
-var Us = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, re = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Bs(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 && Us(t, s, n), n;
-};
-let G = class extends L {
-  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>`;
-  }
-};
-G.styles = w`
-    :host {
-      box-sizing: border-box;
-      display: block;
-    }
-    * {
-      box-sizing: border-box;
-    }
-    .message-list {
-      display: flex;
-      flex-direction: column;
-      gap: var(--spacing-md);
-    }
-  `;
-re([
-  x()
-], G.prototype, "items", 2);
-G = re([
-  P("conversation-component-message-list")
-], G);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class rt extends Nt {
-  constructor(t) {
-    if (super(t), this.et = p, t.type !== at.CHILD)
-      throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(t) {
-    if (t === p || t == null)
-      return this.vt = void 0, this.et = t;
-    if (t === pe)
-      return t;
-    if (typeof t != "string")
-      throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (t === this.et)
-      return this.vt;
-    this.et = t;
-    const s = [t];
-    return s.raw = s, this.vt = { _$litType$: this.constructor.resultType, strings: s, values: [] };
-  }
-}
-rt.directiveName = "unsafeHTML", rt.resultType = 1;
-const Ws = lt(rt);
-var qs = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, ae = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Gs(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 && qs(t, s, n), n;
-};
-let K = class extends L {
-  render() {
-    return f`<div class="message-type-html">
-      ${Ws(this.message.body)}
-    </div>`;
-  }
-};
-K.styles = [
-  w`
-      :host {
-        box-sizing: border-box;
-      }
-      * {
-        box-sizing: border-box;
-      }
-      p {
-        margin: 0;
-        padding: 0;
-        word-break: break-word;
-      }
-    `
-];
-ae([
-  x({ attribute: !1 })
-], K.prototype, "message", 2);
-K = ae([
-  P("message-type-html")
-], K);
-var Ks = Object.defineProperty, Qs = Object.getOwnPropertyDescriptor, le = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Qs(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 && Ks(t, s, n), n;
-};
-let Q = class extends L {
-  _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>
-    `;
-  }
-};
-Q.styles = [
-  w`
-      :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);
-      }
-    `
-];
-le([
-  x({ attribute: !1 })
-], Q.prototype, "message", 2);
-Q = le([
-  P("message-type-link-list")
-], Q);
-var Xs = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, ce = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Ys(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 && Xs(t, s, n), n;
-};
-let X = class extends L {
-  render() {
-    return f`<div class="message-type-separator"></div>`;
-  }
-};
-X.styles = [
-  w`
-      :host {
-        box-sizing: border-box;
-      }
-      * {
-        box-sizing: border-box;
-      }
-      .message-type-separator {
-        border-bottom: 1px solid var(--gray-color);
-        width: 100%;
-      }
-    `
-];
-ce([
-  x({ attribute: !1 })
-], X.prototype, "message", 2);
-X = ce([
-  P("message-type-separator")
-], X);
-const Js = (e) => {
-  e.scrollTo ? e.scrollTo({ top: e.scrollHeight, behavior: "smooth" }) : e.scrollTop = e.scrollHeight;
-};
-var Zs = Object.defineProperty, Vs = Object.getOwnPropertyDescriptor, de = (e, t, s, i) => {
-  for (var n = i > 1 ? void 0 : i ? Vs(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 && Zs(t, s, n), n;
-};
-const he = Le(L);
-let D = class extends he {
-  constructor() {
-    super(...arguments), this.message = "", this.conversationContentRef = Re(), this.chatScrollHeight = 0;
-  }
-  async _onSendMessage(e) {
-    e.preventDefault(), await 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) {
-    const t = this.conversationContentRef.value;
-    t && setTimeout(() => {
-      const s = t.scrollHeight;
-      s > this.chatScrollHeight && (Js(t), this.chatScrollHeight = s);
-    }, 1e3);
-  }
-  render() {
-    return f` <div
-      @action=${this._actionHandler}
-      class=${Ht({
-      conversation: !0,
-      "input-has-text": this.message.length > 0
-    })}
-    >
-      <div class="conversation-content" ${Ne(this.conversationContentRef)}>
-        <div class="conversation-content-inner">
-          ${(this.properties.messages || []).map(
-      (e) => f`<div class="conversation-entry" tabindex="-1">
-                <conversation-component-message
-                  .message=${e}
-                  ${wt({
-        keyframeOptions: {},
-        in: bt,
-        out: vt,
-        stabilizeOut: !0,
-        skipInitial: !1
-      })}
-                >
-                </conversation-component-message>
-              </div>`
-    )}
-          ${this.properties.loading ? f`<div
-                class="loader"
-                ${wt({
-      in: bt,
-      out: vt,
-      skipInitial: !1
-    })}
-              >
-                <div></div>
-                <div></div>
-                <div></div>
-              </div>` : p}
-        </div>
-      </div>
-      <form class="conversation-bottom" @submit=${this._onSendMessage}>
-        <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=${$e.svg}></telia-icon>
-          </button>
-        </div>
-      </form>
-    </div>`;
-  }
-};
-D.styles = [
-  he.styles || [],
-  w`
-      :host {
-        font-family: var(--font-family);
-        /* --send-icon-color: var(--gray-dark-color, #a6a6a6); */
-        --send-icon-opacity: 0.4;
-        --send-icon-color: var(--text-color);
-        --conversation-bg: #fafafa;
-        --conversation-agent-bg-color: var(--secondary-background);
-        --conversation-agent-text-color: var(--text-on-secondary-background);
-        --conversation-user-bg-color: var(--primary-background);
-        --conversation-user-text-color: var(--text-on-primary-background);
-
-        scrollbar-width: thin; /* Firefox */
-        scrollbar-color: #7f7f7f transparent; /* Firefox */
-      }
-      ::-webkit-scrollbar {
-        width: 3px !important;
-        background-color: transparent;
-        border-left: none;
-      }
-      ::-webkit-scrollbar-thumb {
-        background-color: #7f7f7f;
-      }
-      ::-webkit-scrollbar-track {
-        -webkit-box-shadow: none !important;
-        background-color: transparent;
-      }
-
-      .conversation {
-        display: grid;
-        grid-template-rows: 1fr auto;
-        gap: var(--spacing-lg);
-        height: 100%;
-        background-color: transparent;
-      }
-
-      .conversation.input-has-text {
-        /* --send-icon-color: var(--primary-color); */
-        --send-icon-opacity: 1;
-      }
-
-      .conversation-content {
-        flex: 1;
-        background-color: var(--conversation-bg);
-        padding: var(--spacing-md);
-        overflow-y: auto;
-        overflow-x: hidden;
-        border-radius: var(--border-radius-sm);
-      }
-      .conversation-content-inner {
-        display: flex;
-        flex-direction: column;
-        justify-content: end;
-        min-height: 100%;
-      }
-      .conversation-bottom {
-        border-top: 1px solid var(--gray-color);
-        border-radius: var(--border-radius-sm);
-        background-color: #fff;
-        min-height: 50px;
-        max-height: 150px;
-        display: flex;
-        align-items: center;
-        padding: 0 var(--spacing-md);
-        margin: 0;
-      }
-      .conversation-bottom-left {
-        border-right: 1px solid var(--gray-color);
-        padding-right: var(--spacing-md);
-      }
-      .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);
-        opacity: var(--send-icon-opacity);
-        transition: opacity 200ms ease-in-out;
-      }
-      .conversation-send-button:hover {
-        --send-icon-opacity: 1;
-      }
-      input {
-        border: none;
-        font-family: inherit;
-        font-size: inherit;
-        flex: 1;
-        height: 2.5rem;
-        outline: none;
-      }
-
-      @keyframes loaderanim {
-        0% {
-          opacity: 0;
-        }
-        75% {
-          opacity: 1;
-        }
-        100% {
-          opacity: 0;
-        }
-      }
-
-      .loader {
-        display: flex;
-        justify-content: center;
-      }
-
-      .loader > div {
-        height: 10px;
-        width: 10px;
-        border-radius: 50%;
-        margin: 5px;
-        background-color: var(--text-color);
-        animation-name: loaderanim;
-        animation-duration: 1s;
-        animation-iteration-count: infinite;
-      }
-
-      .loader > div:nth-of-type(2) {
-        animation-delay: 100ms;
-      }
-
-      .loader > div:nth-of-type(3) {
-        animation-delay: 200ms;
-      }
-    `
-];
-de([
-  k()
-], D.prototype, "message", 2);
-D = de([
-  P("ace-conversation")
-], D);
-const ci = D;
-export {
-  D as ConversationComponent,
-  ci as default
-};