@supersoniks/concorde 1.0.5 → 1.0.8

package/dist/concorde.bundle.js

@@ -1,3620 +0,0 @@
-var __defProp2 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a2, b2) => {
-  for (var prop in b2 || (b2 = {}))
-    if (__hasOwnProp.call(b2, prop))
-      __defNormalProp(a2, prop, b2[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b2)) {
-      if (__propIsEnum.call(b2, prop))
-        __defNormalProp(a2, prop, b2[prop]);
-    }
-  return a2;
-};
-var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$3 = window.ShadowRoot && (window.ShadyCSS === void 0 || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, e$7 = Symbol(), n$6 = new Map();
-class s$4 {
-  constructor(t2, n2) {
-    if (this._$cssResult$ = true, n2 !== e$7)
-      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t2;
-  }
-  get styleSheet() {
-    let e2 = n$6.get(this.cssText);
-    return t$3 && e2 === void 0 && (n$6.set(this.cssText, e2 = new CSSStyleSheet()), e2.replaceSync(this.cssText)), e2;
-  }
-  toString() {
-    return this.cssText;
-  }
-}
-const o$6 = (t2) => new s$4(typeof t2 == "string" ? t2 : t2 + "", e$7), r$5 = (t2, ...n2) => {
-  const o2 = t2.length === 1 ? t2[0] : n2.reduce((e2, n3, s2) => e2 + ((t3) => {
-    if (t3._$cssResult$ === true)
-      return t3.cssText;
-    if (typeof t3 == "number")
-      return t3;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + t3 + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(n3) + t2[s2 + 1], t2[0]);
-  return new s$4(o2, e$7);
-}, i$5 = (e2, n2) => {
-  t$3 ? e2.adoptedStyleSheets = n2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet) : n2.forEach((t2) => {
-    const n3 = document.createElement("style"), s2 = window.litNonce;
-    s2 !== void 0 && n3.setAttribute("nonce", s2), n3.textContent = t2.cssText, e2.appendChild(n3);
-  });
-}, S$2 = t$3 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
-  let e2 = "";
-  for (const n2 of t3.cssRules)
-    e2 += n2.cssText;
-  return o$6(e2);
-})(t2) : t2;
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var s$3;
-const e$6 = window.trustedTypes, r$4 = e$6 ? e$6.emptyScript : "", h$3 = window.reactiveElementPolyfillSupport, o$5 = { toAttribute(t2, i2) {
-  switch (i2) {
-    case Boolean:
-      t2 = t2 ? r$4 : null;
-      break;
-    case Object:
-    case Array:
-      t2 = t2 == null ? t2 : JSON.stringify(t2);
-  }
-  return t2;
-}, fromAttribute(t2, i2) {
-  let s2 = t2;
-  switch (i2) {
-    case Boolean:
-      s2 = t2 !== null;
-      break;
-    case Number:
-      s2 = t2 === null ? null : Number(t2);
-      break;
-    case Object:
-    case Array:
-      try {
-        s2 = JSON.parse(t2);
-      } catch (t3) {
-        s2 = null;
-      }
-  }
-  return s2;
-} }, n$5 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$3 = { attribute: true, type: String, converter: o$5, reflect: false, hasChanged: n$5 };
-class a$3 extends HTMLElement {
-  constructor() {
-    super(), this._$Et = new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$Ei = null, this.o();
-  }
-  static addInitializer(t2) {
-    var i2;
-    (i2 = this.l) !== null && i2 !== void 0 || (this.l = []), this.l.push(t2);
-  }
-  static get observedAttributes() {
-    this.finalize();
-    const t2 = [];
-    return this.elementProperties.forEach((i2, s2) => {
-      const e2 = this._$Eh(s2, i2);
-      e2 !== void 0 && (this._$Eu.set(e2, s2), t2.push(e2));
-    }), t2;
-  }
-  static createProperty(t2, i2 = l$3) {
-    if (i2.state && (i2.attribute = false), this.finalize(), this.elementProperties.set(t2, i2), !i2.noAccessor && !this.prototype.hasOwnProperty(t2)) {
-      const s2 = typeof t2 == "symbol" ? Symbol() : "__" + t2, e2 = this.getPropertyDescriptor(t2, s2, i2);
-      e2 !== void 0 && Object.defineProperty(this.prototype, t2, e2);
-    }
-  }
-  static getPropertyDescriptor(t2, i2, s2) {
-    return { get() {
-      return this[i2];
-    }, set(e2) {
-      const r2 = this[t2];
-      this[i2] = e2, this.requestUpdate(t2, r2, s2);
-    }, configurable: true, enumerable: true };
-  }
-  static getPropertyOptions(t2) {
-    return this.elementProperties.get(t2) || l$3;
-  }
-  static finalize() {
-    if (this.hasOwnProperty("finalized"))
-      return false;
-    this.finalized = true;
-    const t2 = Object.getPrototypeOf(this);
-    if (t2.finalize(), this.elementProperties = new Map(t2.elementProperties), this._$Eu = new Map(), this.hasOwnProperty("properties")) {
-      const t3 = this.properties, i2 = [...Object.getOwnPropertyNames(t3), ...Object.getOwnPropertySymbols(t3)];
-      for (const s2 of i2)
-        this.createProperty(s2, t3[s2]);
-    }
-    return this.elementStyles = this.finalizeStyles(this.styles), true;
-  }
-  static finalizeStyles(i2) {
-    const s2 = [];
-    if (Array.isArray(i2)) {
-      const e2 = new Set(i2.flat(1 / 0).reverse());
-      for (const i3 of e2)
-        s2.unshift(S$2(i3));
-    } else
-      i2 !== void 0 && s2.push(S$2(i2));
-    return s2;
-  }
-  static _$Eh(t2, i2) {
-    const s2 = i2.attribute;
-    return s2 === false ? void 0 : typeof s2 == "string" ? s2 : typeof t2 == "string" ? t2.toLowerCase() : void 0;
-  }
-  o() {
-    var t2;
-    this._$Ep = new Promise((t3) => this.enableUpdating = t3), this._$AL = new Map(), this._$Em(), this.requestUpdate(), (t2 = this.constructor.l) === null || t2 === void 0 || t2.forEach((t3) => t3(this));
-  }
-  addController(t2) {
-    var i2, s2;
-    ((i2 = this._$Eg) !== null && i2 !== void 0 ? i2 : this._$Eg = []).push(t2), this.renderRoot !== void 0 && this.isConnected && ((s2 = t2.hostConnected) === null || s2 === void 0 || s2.call(t2));
-  }
-  removeController(t2) {
-    var i2;
-    (i2 = this._$Eg) === null || i2 === void 0 || i2.splice(this._$Eg.indexOf(t2) >>> 0, 1);
-  }
-  _$Em() {
-    this.constructor.elementProperties.forEach((t2, i2) => {
-      this.hasOwnProperty(i2) && (this._$Et.set(i2, this[i2]), delete this[i2]);
-    });
-  }
-  createRenderRoot() {
-    var t2;
-    const s2 = (t2 = this.shadowRoot) !== null && t2 !== void 0 ? t2 : this.attachShadow(this.constructor.shadowRootOptions);
-    return i$5(s2, this.constructor.elementStyles), s2;
-  }
-  connectedCallback() {
-    var t2;
-    this.renderRoot === void 0 && (this.renderRoot = this.createRenderRoot()), this.enableUpdating(true), (t2 = this._$Eg) === null || t2 === void 0 || t2.forEach((t3) => {
-      var i2;
-      return (i2 = t3.hostConnected) === null || i2 === void 0 ? void 0 : i2.call(t3);
-    });
-  }
-  enableUpdating(t2) {
-  }
-  disconnectedCallback() {
-    var t2;
-    (t2 = this._$Eg) === null || t2 === void 0 || t2.forEach((t3) => {
-      var i2;
-      return (i2 = t3.hostDisconnected) === null || i2 === void 0 ? void 0 : i2.call(t3);
-    });
-  }
-  attributeChangedCallback(t2, i2, s2) {
-    this._$AK(t2, s2);
-  }
-  _$ES(t2, i2, s2 = l$3) {
-    var e2, r2;
-    const h2 = this.constructor._$Eh(t2, s2);
-    if (h2 !== void 0 && s2.reflect === true) {
-      const n2 = ((r2 = (e2 = s2.converter) === null || e2 === void 0 ? void 0 : e2.toAttribute) !== null && r2 !== void 0 ? r2 : o$5.toAttribute)(i2, s2.type);
-      this._$Ei = t2, n2 == null ? this.removeAttribute(h2) : this.setAttribute(h2, n2), this._$Ei = null;
-    }
-  }
-  _$AK(t2, i2) {
-    var s2, e2, r2;
-    const h2 = this.constructor, n2 = h2._$Eu.get(t2);
-    if (n2 !== void 0 && this._$Ei !== n2) {
-      const t3 = h2.getPropertyOptions(n2), l2 = t3.converter, a2 = (r2 = (e2 = (s2 = l2) === null || s2 === void 0 ? void 0 : s2.fromAttribute) !== null && e2 !== void 0 ? e2 : typeof l2 == "function" ? l2 : null) !== null && r2 !== void 0 ? r2 : o$5.fromAttribute;
-      this._$Ei = n2, this[n2] = a2(i2, t3.type), this._$Ei = null;
-    }
-  }
-  requestUpdate(t2, i2, s2) {
-    let e2 = true;
-    t2 !== void 0 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || n$5)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), s2.reflect === true && this._$Ei !== t2 && (this._$E_ === void 0 && (this._$E_ = new Map()), this._$E_.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$Ep = this._$EC());
-  }
-  async _$EC() {
-    this.isUpdatePending = true;
-    try {
-      await this._$Ep;
-    } catch (t3) {
-      Promise.reject(t3);
-    }
-    const t2 = this.scheduleUpdate();
-    return t2 != null && await t2, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    var t2;
-    if (!this.isUpdatePending)
-      return;
-    this.hasUpdated, this._$Et && (this._$Et.forEach((t3, i3) => this[i3] = t3), this._$Et = void 0);
-    let i2 = false;
-    const s2 = this._$AL;
-    try {
-      i2 = this.shouldUpdate(s2), i2 ? (this.willUpdate(s2), (t2 = this._$Eg) === null || t2 === void 0 || t2.forEach((t3) => {
-        var i3;
-        return (i3 = t3.hostUpdate) === null || i3 === void 0 ? void 0 : i3.call(t3);
-      }), this.update(s2)) : this._$EU();
-    } catch (t3) {
-      throw i2 = false, this._$EU(), t3;
-    }
-    i2 && this._$AE(s2);
-  }
-  willUpdate(t2) {
-  }
-  _$AE(t2) {
-    var i2;
-    (i2 = this._$Eg) === null || i2 === void 0 || i2.forEach((t3) => {
-      var i3;
-      return (i3 = t3.hostUpdated) === null || i3 === void 0 ? void 0 : i3.call(t3);
-    }), this.hasUpdated || (this.hasUpdated = true, this.firstUpdated(t2)), this.updated(t2);
-  }
-  _$EU() {
-    this._$AL = new Map(), this.isUpdatePending = false;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$Ep;
-  }
-  shouldUpdate(t2) {
-    return true;
-  }
-  update(t2) {
-    this._$E_ !== void 0 && (this._$E_.forEach((t3, i2) => this._$ES(i2, this[i2], t3)), this._$E_ = void 0), this._$EU();
-  }
-  updated(t2) {
-  }
-  firstUpdated(t2) {
-  }
-}
-a$3.finalized = true, a$3.elementProperties = new Map(), a$3.elementStyles = [], a$3.shadowRootOptions = { mode: "open" }, h$3 == null || h$3({ ReactiveElement: a$3 }), ((s$3 = globalThis.reactiveElementVersions) !== null && s$3 !== void 0 ? s$3 : globalThis.reactiveElementVersions = []).push("1.0.2");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var t$2;
-const i$4 = globalThis.trustedTypes, s$2 = i$4 ? i$4.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$5 = `lit$${(Math.random() + "").slice(9)}$`, o$4 = "?" + e$5, n$4 = `<${o$4}>`, l$2 = document, h$2 = (t2 = "") => l$2.createComment(t2), r$3 = (t2) => t2 === null || typeof t2 != "object" && typeof t2 != "function", d$1 = Array.isArray, u$2 = (t2) => {
-  var i2;
-  return d$1(t2) || typeof ((i2 = t2) === null || i2 === void 0 ? void 0 : i2[Symbol.iterator]) == "function";
-}, c$2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, a$2 = />/g, f$2 = />|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g, _ = /'/g, m$1 = /"/g, g$1 = /^(?:script|style|textarea)$/i, $$1 = (t2) => (i2, ...s2) => ({ _$litType$: t2, strings: i2, values: s2 }), p$1 = $$1(1), b$1 = Symbol.for("lit-noChange"), T = Symbol.for("lit-nothing"), x$1 = new WeakMap(), w$1 = (t2, i2, s2) => {
-  var e2, o2;
-  const n2 = (e2 = s2 == null ? void 0 : s2.renderBefore) !== null && e2 !== void 0 ? e2 : i2;
-  let l2 = n2._$litPart$;
-  if (l2 === void 0) {
-    const t3 = (o2 = s2 == null ? void 0 : s2.renderBefore) !== null && o2 !== void 0 ? o2 : null;
-    n2._$litPart$ = l2 = new N(i2.insertBefore(h$2(), t3), t3, void 0, s2 != null ? s2 : {});
-  }
-  return l2._$AI(t2), l2;
-}, A$1 = l$2.createTreeWalker(l$2, 129, null, false), C = (t2, i2) => {
-  const o2 = t2.length - 1, l2 = [];
-  let h2, r2 = i2 === 2 ? "<svg>" : "", d2 = c$2;
-  for (let i3 = 0; i3 < o2; i3++) {
-    const s2 = t2[i3];
-    let o3, u3, $2 = -1, p2 = 0;
-    for (; p2 < s2.length && (d2.lastIndex = p2, u3 = d2.exec(s2), u3 !== null); )
-      p2 = d2.lastIndex, d2 === c$2 ? u3[1] === "!--" ? d2 = v : u3[1] !== void 0 ? d2 = a$2 : u3[2] !== void 0 ? (g$1.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d2 = f$2) : u3[3] !== void 0 && (d2 = f$2) : d2 === f$2 ? u3[0] === ">" ? (d2 = h2 != null ? h2 : c$2, $2 = -1) : u3[1] === void 0 ? $2 = -2 : ($2 = d2.lastIndex - u3[2].length, o3 = u3[1], d2 = u3[3] === void 0 ? f$2 : u3[3] === '"' ? m$1 : _) : d2 === m$1 || d2 === _ ? d2 = f$2 : d2 === v || d2 === a$2 ? d2 = c$2 : (d2 = f$2, h2 = void 0);
-    const y = d2 === f$2 && t2[i3 + 1].startsWith("/>") ? " " : "";
-    r2 += d2 === c$2 ? s2 + n$4 : $2 >= 0 ? (l2.push(o3), s2.slice(0, $2) + "$lit$" + s2.slice($2) + e$5 + y) : s2 + e$5 + ($2 === -2 ? (l2.push(void 0), i3) : y);
-  }
-  const u2 = r2 + (t2[o2] || "<?>") + (i2 === 2 ? "</svg>" : "");
-  return [s$2 !== void 0 ? s$2.createHTML(u2) : u2, l2];
-};
-class P {
-  constructor({ strings: t2, _$litType$: s2 }, n2) {
-    let l2;
-    this.parts = [];
-    let r2 = 0, d2 = 0;
-    const u2 = t2.length - 1, c2 = this.parts, [v2, a2] = C(t2, s2);
-    if (this.el = P.createElement(v2, n2), A$1.currentNode = this.el.content, s2 === 2) {
-      const t3 = this.el.content, i2 = t3.firstChild;
-      i2.remove(), t3.append(...i2.childNodes);
-    }
-    for (; (l2 = A$1.nextNode()) !== null && c2.length < u2; ) {
-      if (l2.nodeType === 1) {
-        if (l2.hasAttributes()) {
-          const t3 = [];
-          for (const i2 of l2.getAttributeNames())
-            if (i2.endsWith("$lit$") || i2.startsWith(e$5)) {
-              const s3 = a2[d2++];
-              if (t3.push(i2), s3 !== void 0) {
-                const t4 = l2.getAttribute(s3.toLowerCase() + "$lit$").split(e$5), i3 = /([.?@])?(.*)/.exec(s3);
-                c2.push({ type: 1, index: r2, name: i3[2], strings: t4, ctor: i3[1] === "." ? M : i3[1] === "?" ? H : i3[1] === "@" ? I : S$1 });
-              } else
-                c2.push({ type: 6, index: r2 });
-            }
-          for (const i2 of t3)
-            l2.removeAttribute(i2);
-        }
-        if (g$1.test(l2.tagName)) {
-          const t3 = l2.textContent.split(e$5), s3 = t3.length - 1;
-          if (s3 > 0) {
-            l2.textContent = i$4 ? i$4.emptyScript : "";
-            for (let i2 = 0; i2 < s3; i2++)
-              l2.append(t3[i2], h$2()), A$1.nextNode(), c2.push({ type: 2, index: ++r2 });
-            l2.append(t3[s3], h$2());
-          }
-        }
-      } else if (l2.nodeType === 8)
-        if (l2.data === o$4)
-          c2.push({ type: 2, index: r2 });
-        else {
-          let t3 = -1;
-          for (; (t3 = l2.data.indexOf(e$5, t3 + 1)) !== -1; )
-            c2.push({ type: 7, index: r2 }), t3 += e$5.length - 1;
-        }
-      r2++;
-    }
-  }
-  static createElement(t2, i2) {
-    const s2 = l$2.createElement("template");
-    return s2.innerHTML = t2, s2;
-  }
-}
-function V(t2, i2, s2 = t2, e2) {
-  var o2, n2, l2, h2;
-  if (i2 === b$1)
-    return i2;
-  let d2 = e2 !== void 0 ? (o2 = s2._$Cl) === null || o2 === void 0 ? void 0 : o2[e2] : s2._$Cu;
-  const u2 = r$3(i2) ? void 0 : i2._$litDirective$;
-  return (d2 == null ? void 0 : d2.constructor) !== u2 && ((n2 = d2 == null ? void 0 : d2._$AO) === null || n2 === void 0 || n2.call(d2, false), u2 === void 0 ? d2 = void 0 : (d2 = new u2(t2), d2._$AT(t2, s2, e2)), e2 !== void 0 ? ((l2 = (h2 = s2)._$Cl) !== null && l2 !== void 0 ? l2 : h2._$Cl = [])[e2] = d2 : s2._$Cu = d2), d2 !== void 0 && (i2 = V(t2, d2._$AS(t2, i2.values), d2, e2)), i2;
-}
-class E {
-  constructor(t2, i2) {
-    this.v = [], this._$AN = void 0, this._$AD = t2, this._$AM = i2;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  p(t2) {
-    var i2;
-    const { el: { content: s2 }, parts: e2 } = this._$AD, o2 = ((i2 = t2 == null ? void 0 : t2.creationScope) !== null && i2 !== void 0 ? i2 : l$2).importNode(s2, true);
-    A$1.currentNode = o2;
-    let n2 = A$1.nextNode(), h2 = 0, r2 = 0, d2 = e2[0];
-    for (; d2 !== void 0; ) {
-      if (h2 === d2.index) {
-        let i3;
-        d2.type === 2 ? i3 = new N(n2, n2.nextSibling, this, t2) : d2.type === 1 ? i3 = new d2.ctor(n2, d2.name, d2.strings, this, t2) : d2.type === 6 && (i3 = new L(n2, this, t2)), this.v.push(i3), d2 = e2[++r2];
-      }
-      h2 !== (d2 == null ? void 0 : d2.index) && (n2 = A$1.nextNode(), h2++);
-    }
-    return o2;
-  }
-  m(t2) {
-    let i2 = 0;
-    for (const s2 of this.v)
-      s2 !== void 0 && (s2.strings !== void 0 ? (s2._$AI(t2, s2, i2), i2 += s2.strings.length - 2) : s2._$AI(t2[i2])), i2++;
-  }
-}
-class N {
-  constructor(t2, i2, s2, e2) {
-    var o2;
-    this.type = 2, this._$AH = T, this._$AN = void 0, this._$AA = t2, this._$AB = i2, this._$AM = s2, this.options = e2, this._$Cg = (o2 = e2 == null ? void 0 : e2.isConnected) === null || o2 === void 0 || o2;
-  }
-  get _$AU() {
-    var t2, i2;
-    return (i2 = (t2 = this._$AM) === null || t2 === void 0 ? void 0 : t2._$AU) !== null && i2 !== void 0 ? i2 : this._$Cg;
-  }
-  get parentNode() {
-    let t2 = this._$AA.parentNode;
-    const i2 = this._$AM;
-    return i2 !== void 0 && t2.nodeType === 11 && (t2 = i2.parentNode), t2;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t2, i2 = this) {
-    t2 = V(this, t2, i2), r$3(t2) ? t2 === T || t2 == null || t2 === "" ? (this._$AH !== T && this._$AR(), this._$AH = T) : t2 !== this._$AH && t2 !== b$1 && this.$(t2) : t2._$litType$ !== void 0 ? this.T(t2) : t2.nodeType !== void 0 ? this.S(t2) : u$2(t2) ? this.M(t2) : this.$(t2);
-  }
-  A(t2, i2 = this._$AB) {
-    return this._$AA.parentNode.insertBefore(t2, i2);
-  }
-  S(t2) {
-    this._$AH !== t2 && (this._$AR(), this._$AH = this.A(t2));
-  }
-  $(t2) {
-    this._$AH !== T && r$3(this._$AH) ? this._$AA.nextSibling.data = t2 : this.S(l$2.createTextNode(t2)), this._$AH = t2;
-  }
-  T(t2) {
-    var i2;
-    const { values: s2, _$litType$: e2 } = t2, o2 = typeof e2 == "number" ? this._$AC(t2) : (e2.el === void 0 && (e2.el = P.createElement(e2.h, this.options)), e2);
-    if (((i2 = this._$AH) === null || i2 === void 0 ? void 0 : i2._$AD) === o2)
-      this._$AH.m(s2);
-    else {
-      const t3 = new E(o2, this), i3 = t3.p(this.options);
-      t3.m(s2), this.S(i3), this._$AH = t3;
-    }
-  }
-  _$AC(t2) {
-    let i2 = x$1.get(t2.strings);
-    return i2 === void 0 && x$1.set(t2.strings, i2 = new P(t2)), i2;
-  }
-  M(t2) {
-    d$1(this._$AH) || (this._$AH = [], this._$AR());
-    const i2 = this._$AH;
-    let s2, e2 = 0;
-    for (const o2 of t2)
-      e2 === i2.length ? i2.push(s2 = new N(this.A(h$2()), this.A(h$2()), this, this.options)) : s2 = i2[e2], s2._$AI(o2), e2++;
-    e2 < i2.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i2.length = e2);
-  }
-  _$AR(t2 = this._$AA.nextSibling, i2) {
-    var s2;
-    for ((s2 = this._$AP) === null || s2 === void 0 || s2.call(this, false, true, i2); t2 && t2 !== this._$AB; ) {
-      const i3 = t2.nextSibling;
-      t2.remove(), t2 = i3;
-    }
-  }
-  setConnected(t2) {
-    var i2;
-    this._$AM === void 0 && (this._$Cg = t2, (i2 = this._$AP) === null || i2 === void 0 || i2.call(this, t2));
-  }
-}
-class S$1 {
-  constructor(t2, i2, s2, e2, o2) {
-    this.type = 1, this._$AH = T, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o2, s2.length > 2 || s2[0] !== "" || s2[1] !== "" ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = T;
-  }
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t2, i2 = this, s2, e2) {
-    const o2 = this.strings;
-    let n2 = false;
-    if (o2 === void 0)
-      t2 = V(this, t2, i2, 0), n2 = !r$3(t2) || t2 !== this._$AH && t2 !== b$1, n2 && (this._$AH = t2);
-    else {
-      const e3 = t2;
-      let l2, h2;
-      for (t2 = o2[0], l2 = 0; l2 < o2.length - 1; l2++)
-        h2 = V(this, e3[s2 + l2], i2, l2), h2 === b$1 && (h2 = this._$AH[l2]), n2 || (n2 = !r$3(h2) || h2 !== this._$AH[l2]), h2 === T ? t2 = T : t2 !== T && (t2 += (h2 != null ? h2 : "") + o2[l2 + 1]), this._$AH[l2] = h2;
-    }
-    n2 && !e2 && this.k(t2);
-  }
-  k(t2) {
-    t2 === T ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 != null ? t2 : "");
-  }
-}
-class M extends S$1 {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  k(t2) {
-    this.element[this.name] = t2 === T ? void 0 : t2;
-  }
-}
-const k = i$4 ? i$4.emptyScript : "";
-class H extends S$1 {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  k(t2) {
-    t2 && t2 !== T ? this.element.setAttribute(this.name, k) : this.element.removeAttribute(this.name);
-  }
-}
-class I extends S$1 {
-  constructor(t2, i2, s2, e2, o2) {
-    super(t2, i2, s2, e2, o2), this.type = 5;
-  }
-  _$AI(t2, i2 = this) {
-    var s2;
-    if ((t2 = (s2 = V(this, t2, i2, 0)) !== null && s2 !== void 0 ? s2 : T) === b$1)
-      return;
-    const e2 = this._$AH, o2 = t2 === T && e2 !== T || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== T && (e2 === T || o2);
-    o2 && this.element.removeEventListener(this.name, this, e2), n2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
-  }
-  handleEvent(t2) {
-    var i2, s2;
-    typeof this._$AH == "function" ? this._$AH.call((s2 = (i2 = this.options) === null || i2 === void 0 ? void 0 : i2.host) !== null && s2 !== void 0 ? s2 : this.element, t2) : this._$AH.handleEvent(t2);
-  }
-}
-class L {
-  constructor(t2, i2, s2) {
-    this.element = t2, this.type = 6, this._$AN = void 0, this._$AM = i2, this.options = s2;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t2) {
-    V(this, t2);
-  }
-}
-const R = { P: "$lit$", V: e$5, L: o$4, I: 1, N: C, R: E, D: u$2, j: V, H: N, O: S$1, F: H, B: I, W: M, Z: L }, z = window.litHtmlPolyfillSupport;
-z == null || z(P, N), ((t$2 = globalThis.litHtmlVersions) !== null && t$2 !== void 0 ? t$2 : globalThis.litHtmlVersions = []).push("2.0.2");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var l$1, o$3;
-class s$1 extends a$3 {
-  constructor() {
-    super(...arguments), this.renderOptions = { host: this }, this._$Dt = void 0;
-  }
-  createRenderRoot() {
-    var t2, e2;
-    const i2 = super.createRenderRoot();
-    return (t2 = (e2 = this.renderOptions).renderBefore) !== null && t2 !== void 0 || (e2.renderBefore = i2.firstChild), i2;
-  }
-  update(t2) {
-    const i2 = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Dt = w$1(i2, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    var t2;
-    super.connectedCallback(), (t2 = this._$Dt) === null || t2 === void 0 || t2.setConnected(true);
-  }
-  disconnectedCallback() {
-    var t2;
-    super.disconnectedCallback(), (t2 = this._$Dt) === null || t2 === void 0 || t2.setConnected(false);
-  }
-  render() {
-    return b$1;
-  }
-}
-s$1.finalized = true, s$1._$litElement$ = true, (l$1 = globalThis.litElementHydrateSupport) === null || l$1 === void 0 || l$1.call(globalThis, { LitElement: s$1 });
-const n$3 = globalThis.litElementPolyfillSupport;
-n$3 == null || n$3({ LitElement: s$1 });
-((o$3 = globalThis.litElementVersions) !== null && o$3 !== void 0 ? o$3 : globalThis.litElementVersions = []).push("3.0.2");
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const n$2 = (n2) => (e2) => typeof e2 == "function" ? ((n3, e3) => (window.customElements.define(n3, e3), e3))(n2, e2) : ((n3, e3) => {
-  const { kind: t2, elements: i2 } = e3;
-  return { kind: t2, elements: i2, finisher(e4) {
-    window.customElements.define(n3, e4);
-  } };
-})(n2, e2);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const i$3 = (i2, e2) => e2.kind === "method" && e2.descriptor && !("value" in e2.descriptor) ? __spreadProps(__spreadValues({}, e2), { finisher(n2) {
-  n2.createProperty(e2.key, i2);
-} }) : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: e2.key, initializer() {
-  typeof e2.initializer == "function" && (this[e2.key] = e2.initializer.call(this));
-}, finisher(n2) {
-  n2.createProperty(e2.key, i2);
-} };
-function e$4(e2) {
-  return (n2, t2) => t2 !== void 0 ? ((i2, e3, n3) => {
-    e3.constructor.createProperty(n3, i2);
-  })(e2, n2, t2) : i$3(e2, n2);
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-function t$1(t2) {
-  return e$4(__spreadProps(__spreadValues({}, t2), { state: true }));
-}
-var publisherProxy = { exports: {} };
-(function(module) {
-  (() => {
-    var __webpack_require__ = {};
-    (() => {
-      __webpack_require__.d = (exports, definition) => {
-        for (var key in definition) {
-          if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-            Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-          }
-        }
-      };
-    })();
-    (() => {
-      __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
-    })();
-    (() => {
-      __webpack_require__.r = (exports) => {
-        if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
-          Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-        }
-        Object.defineProperty(exports, "__esModule", { value: true });
-      };
-    })();
-    var __webpack_exports__ = {};
-    /*!*******************!*\
-      !*** ./index.mjs ***!
-      \*******************/
-    __webpack_require__.r(__webpack_exports__);
-    __webpack_require__.d(__webpack_exports__, {
-      "PublisherManager": () => PublisherManager,
-      "default": () => Publisher
-    });
-    function _inherits(subClass, superClass) {
-      if (typeof superClass !== "function" && superClass !== null) {
-        throw new TypeError("Super expression must either be null or a function");
-      }
-      subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
-      if (superClass)
-        _setPrototypeOf(subClass, superClass);
-    }
-    function _setPrototypeOf(o2, p2) {
-      _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
-        o3.__proto__ = p3;
-        return o3;
-      };
-      return _setPrototypeOf(o2, p2);
-    }
-    function _createSuper(Derived) {
-      var hasNativeReflectConstruct = _isNativeReflectConstruct();
-      return function _createSuperInternal() {
-        var Super = _getPrototypeOf(Derived), result;
-        if (hasNativeReflectConstruct) {
-          var NewTarget = _getPrototypeOf(this).constructor;
-          result = Reflect.construct(Super, arguments, NewTarget);
-        } else {
-          result = Super.apply(this, arguments);
-        }
-        return _possibleConstructorReturn(this, result);
-      };
-    }
-    function _possibleConstructorReturn(self, call) {
-      if (call && (_typeof(call) === "object" || typeof call === "function")) {
-        return call;
-      } else if (call !== void 0) {
-        throw new TypeError("Derived constructors may only return object or undefined");
-      }
-      return _assertThisInitialized(self);
-    }
-    function _assertThisInitialized(self) {
-      if (self === void 0) {
-        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-      }
-      return self;
-    }
-    function _isNativeReflectConstruct() {
-      if (typeof Reflect === "undefined" || !Reflect.construct)
-        return false;
-      if (Reflect.construct.sham)
-        return false;
-      if (typeof Proxy === "function")
-        return true;
-      try {
-        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-        }));
-        return true;
-      } catch (e2) {
-        return false;
-      }
-    }
-    function _getPrototypeOf(o2) {
-      _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
-        return o3.__proto__ || Object.getPrototypeOf(o3);
-      };
-      return _getPrototypeOf(o2);
-    }
-    function _defineProperty(obj, key, value) {
-      if (key in obj) {
-        Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-      } else {
-        obj[key] = value;
-      }
-      return obj;
-    }
-    function _classCallCheck(instance, Constructor) {
-      if (!(instance instanceof Constructor)) {
-        throw new TypeError("Cannot call a class as a function");
-      }
-    }
-    function _defineProperties(target, props) {
-      for (var i2 = 0; i2 < props.length; i2++) {
-        var descriptor = props[i2];
-        descriptor.enumerable = descriptor.enumerable || false;
-        descriptor.configurable = true;
-        if ("value" in descriptor)
-          descriptor.writable = true;
-        Object.defineProperty(target, descriptor.key, descriptor);
-      }
-    }
-    function _createClass(Constructor, protoProps, staticProps) {
-      if (protoProps)
-        _defineProperties(Constructor.prototype, protoProps);
-      if (staticProps)
-        _defineProperties(Constructor, staticProps);
-      return Constructor;
-    }
-    function _typeof(obj) {
-      "@babel/helpers - typeof";
-      if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-        _typeof = function _typeof2(obj2) {
-          return typeof obj2;
-        };
-      } else {
-        _typeof = function _typeof2(obj2) {
-          return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-        };
-      }
-      return _typeof(obj);
-    }
-    function isComplex(value) {
-      return _typeof(value) === "object" && value != null;
-    }
-    var CustomProxy = /* @__PURE__ */ function() {
-      function CustomProxy2(target) {
-        var parentProxPub = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-        _classCallCheck(this, CustomProxy2);
-        this._proxies_ = new Map();
-        this._value_ = target;
-        this._assignListeners_ = new Set();
-        this._mutationListeners_ = new Set();
-        this._fillListeners_ = new Set();
-        this._templateFillListeners_ = new Set();
-        this._lockInternalMutationPublishing_ = false;
-        this.parent = parentProxPub;
-        this.root = this;
-        while (this.root.parent) {
-          this.root = this.root.parent;
-        }
-      }
-      _createClass(CustomProxy2, [{
-        key: "_publishInternalMutation_",
-        value: function _publishInternalMutation_() {
-          if (this._lockInternalMutationPublishing_)
-            return;
-          this._mutationListeners_.forEach(function(handler) {
-            return handler();
-          });
-          if (this.parent) {
-            this.parent._publishInternalMutation_();
-          }
-        }
-      }, {
-        key: "_publishAssignement_",
-        value: function _publishAssignement_() {
-          var _this = this;
-          this._assignListeners_.forEach(function(handler) {
-            return handler(_this._value_.__value ? _this._value_.__value : _this._value_);
-          });
-          this._publishInternalMutation_();
-        }
-      }, {
-        key: "_publishDynamicFilling_",
-        value: function _publishDynamicFilling_(key, value) {
-          this._fillListeners_.forEach(function(handler) {
-            return handler[key] = value;
-          });
-          this._publishTemplateFilling_(key, value);
-        }
-      }, {
-        key: "_publishTemplateFilling_",
-        value: function _publishTemplateFilling_(key, value) {
-          this._templateFillListeners_.forEach(function(handler) {
-            if (typeof handler[key] != "undefined") {
-              handler[key] = value;
-            }
-          });
-        }
-      }, {
-        key: "onAssign",
-        value: function onAssign(handler) {
-          if (typeof handler != "function")
-            return;
-          this._assignListeners_.add(handler);
-          this._publishAssignement_();
-        }
-      }, {
-        key: "offAssign",
-        value: function offAssign(handler) {
-          this._assignListeners_["delete"](handler);
-        }
-      }, {
-        key: "onInternalMutation",
-        value: function onInternalMutation(handler) {
-          if (typeof handler != "function")
-            return;
-          this._mutationListeners_.add(handler);
-          this._publishInternalMutation_();
-        }
-      }, {
-        key: "offInternalMutation",
-        value: function offInternalMutation(handler) {
-          this._mutationListeners_["delete"](handler);
-        }
-      }, {
-        key: "startTemplateFilling",
-        value: function startTemplateFilling(handler) {
-          this._templateFillListeners_.add(handler);
-          for (var z2 in this._value_) {
-            this._publishTemplateFilling_(z2, this._value_[z2]);
-          }
-        }
-      }, {
-        key: "stopTemplateFilling",
-        value: function stopTemplateFilling(handler) {
-          this._templateFillListeners_["delete"](handler);
-        }
-      }, {
-        key: "startDynamicFilling",
-        value: function startDynamicFilling(handler) {
-          this._fillListeners_.add(handler);
-          for (var z2 in this._value_) {
-            this._publishDynamicFilling_(z2, this._value_[z2]);
-          }
-        }
-      }, {
-        key: "stopDynamicFilling",
-        value: function stopDynamicFilling(handler) {
-          this._fillListeners_["delete"](handler);
-        }
-      }, {
-        key: "set",
-        value: function set(newValue) {
-          var _this2 = this;
-          this._value_ = newValue;
-          if (this._value_.hasOwnProperty("__value")) {
-            this._publishAssignement_();
-            return true;
-          }
-          this._lockInternalMutationPublishing_ = true;
-          Array.from(this._proxies_.keys()).forEach(function(key2) {
-            if (!_this2._value_[key2]) {
-              _this2._proxies_["delete"](key2);
-            }
-          });
-          for (var key in this._value_) {
-            var v2 = this._value_[key];
-            if (!this._proxies_.has(key)) {
-              this._proxies_.set(key, new Publisher(isComplex(v2) ? v2 : {
-                __value: v2
-              }, this));
-            }
-            this._proxies_.get(key).set(isComplex(v2) ? v2 : {
-              __value: v2
-            });
-            this._publishDynamicFilling_(key, this._value_[key]);
-          }
-          this._lockInternalMutationPublishing_ = false;
-          this._publishAssignement_();
-          return true;
-        }
-      }, {
-        key: "get",
-        value: function get() {
-          if (this._value_.__value)
-            return this._value_.__value;
-          return this._value_;
-        }
-      }]);
-      return CustomProxy2;
-    }();
-    var PublisherManager = /* @__PURE__ */ function() {
-      function PublisherManager2() {
-        _classCallCheck(this, PublisherManager2);
-        if (PublisherManager2.instance != null)
-          throw "Singleton / use getInstance";
-        PublisherManager2.instance = this;
-        this.publishers = new Map();
-      }
-      _createClass(PublisherManager2, [{
-        key: "get",
-        value: function get(id) {
-          if (!this.publishers.has(id))
-            this.publishers.set(id, new Publisher({}));
-          return this.publishers.get(id);
-        }
-      }], [{
-        key: "getInstance",
-        value: function getInstance(channel) {
-          if (PublisherManager2.instance == null)
-            return new PublisherManager2();
-          return PublisherManager2.instance;
-        }
-      }]);
-      return PublisherManager2;
-    }();
-    _defineProperty(PublisherManager, "instance", null);
-    var Publisher = /* @__PURE__ */ function(_CustomProxy) {
-      _inherits(Publisher2, _CustomProxy);
-      var _super = _createSuper(Publisher2);
-      function Publisher2(target) {
-        var _this3;
-        var parentProxPub = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : null;
-        _classCallCheck(this, Publisher2);
-        _this3 = _super.call(this, target, parentProxPub);
-        var that = _assertThisInitialized(_this3);
-        return _possibleConstructorReturn(_this3, new Proxy(_assertThisInitialized(_this3), {
-          "get": function get(oTarget, sKey) {
-            if (["onAssign", "offAssign", "startDynamicFilling", "stopDynamicFilling", "startTemplateFilling", "stopTemplateFilling", "onInternalMutation", "set", "get", "_templateFillListeners_", "_fillListeners_", "_assignListeners_", "_publishInternalMutation_", "_mutationListeners_", "_publishDynamicFilling_", "_publishTemplateFilling_", "_publishAssignement_", "_proxies_", "parent", "_value_", "_lockInternalMutationPublishing_"].includes(sKey))
-              return that[sKey];
-            if (!that._proxies_.has(sKey)) {
-              var vValue = target[sKey];
-              that._proxies_.set(sKey, new Publisher2(isComplex(vValue) ? vValue : {
-                __value: vValue
-              }, that));
-            }
-            return that._proxies_.get(sKey);
-          },
-          "set": function set(oTarget, sKey, vValue) {
-            if (sKey == "_value_") {
-              oTarget._value_ = vValue;
-              return oTarget._value_;
-            }
-            var isValueComplex = isComplex(vValue);
-            if (!that._proxies_.has(sKey)) {
-              that._proxies_.set(sKey, new Publisher2(isValueComplex ? vValue : {
-                __value: vValue
-              }, that));
-            }
-            if (target[sKey] == vValue && isValueComplex)
-              return;
-            target[sKey] = vValue;
-            that._publishDynamicFilling_(sKey, vValue);
-            that._proxies_.get(sKey).set(isComplex(vValue) ? vValue : {
-              __value: vValue
-            });
-            return that._proxies_.get(sKey);
-          },
-          "deleteProperty": function deleteProperty(oTarget, sKey) {
-            that._proxies_.get(sKey).set(null);
-            that._publishDynamicFilling_(sKey, null);
-            that._proxies_["delete"](sKey);
-            return delete target[sKey];
-          },
-          "enumerate": function enumerate(oTarget, sKey) {
-            return target.keys();
-          },
-          "has": function has(oTarget, sKey) {
-            return sKey in target;
-          },
-          "defineProperty": function defineProperty(oTarget, sKey, oDesc) {
-            if (oDesc && "value" in oDesc) {
-              target[sKey] = oDesc.value;
-            }
-            return target;
-          },
-          "getOwnPropertyDescriptor": function getOwnPropertyDescriptor(oTarget, sKey) {
-            target[sKey];
-            return {
-              enumerable: true,
-              configurable: true
-            };
-          },
-          "ownKeys": function ownKeys(target2) {
-            if (that._value_.__value)
-              return Object.keys(this._value_.__value);
-            return Object.keys(that._value_);
-          }
-        }));
-      }
-      return Publisher2;
-    }(CustomProxy);
-    module.exports = {
-      Publisher,
-      PublisherManager
-    };
-  })();
-})(publisherProxy);
-var __defProp$k = Object.defineProperty;
-var __getOwnPropDesc$k = Object.getOwnPropertyDescriptor;
-var __decorateClass$k = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$k(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$k(target, key, result);
-  return result;
-};
-const Subscriber = (superClass) => {
-  const _SubscriberElement = class extends superClass {
-    constructor(...args) {
-      super();
-      this.title = "";
-      this.dataProvider = null;
-      this._props = null;
-      this.args = args;
-    }
-    makeShadow(props, value) {
-      if (typeof value == "object" && value !== null) {
-        let newValue = Array.isArray(value) ? [] : {};
-        Object.assign(newValue, value);
-        value = newValue;
-        for (let key in props) {
-          if (!value[key])
-            value[key] = props[key];
-        }
-      }
-      return value;
-    }
-    getAncestorAttributeValue(attributeName) {
-      let node = this;
-      while (!(node.hasAttribute && node.hasAttribute(attributeName)) && node.parentNode) {
-        if (node.parentNode)
-          node = node.parentNode;
-        if (node.host)
-          node = node.host;
-      }
-      if (!node.hasAttribute) {
-        return null;
-      }
-      return node.getAttribute(attributeName);
-    }
-    get props() {
-      return this.publisher.get();
-    }
-    set props(value) {
-      if (!this.publisher)
-        this.initPublisher();
-      this._props = value;
-      if (this.publisher) {
-        this.publisher.set(value);
-      }
-      this.requestUpdate();
-    }
-    connectedCallback() {
-      super.connectedCallback();
-      _SubscriberElement.instanceCounter++;
-      this.style.display = "contents";
-      this.initPublisher();
-    }
-    createRenderRoot() {
-      if (this.getAncestorAttributeValue("styled") != void 0) {
-        return super.createRenderRoot();
-      }
-      return this;
-    }
-    initPublisher() {
-      if (!document)
-        return;
-      if (this.publisher)
-        this.publisher.stopTemplateFilling(this);
-      const mng = publisherProxy.exports.PublisherManager.getInstance();
-      let publisherId = this.dataProvider;
-      if (!publisherId)
-        publisherId = this.getAncestorAttributeValue("dataProvider");
-      if (!publisherId && this._props) {
-        this.dataProvider = publisherId = "__subscriber__" + _SubscriberElement.instanceCounter;
-      }
-      if (publisherId) {
-        let pub = mng.get(publisherId);
-        this.dataProvider = publisherId;
-        if (this.hasAttribute("dataPath")) {
-          let dataPath = this.getAttribute("dataPath");
-          this.dataProvider = publisherId + "/" + dataPath;
-          let array = dataPath.split(".");
-          for (let key of array)
-            pub = pub[key];
-          pub.onAssign((v2) => {
-            this._props = v2;
-            this.requestUpdate();
-          });
-        }
-        this.publisher = pub;
-        this.publisher.startTemplateFilling(this);
-        if (this._props)
-          this.publisher.set(this._props);
-      }
-    }
-    disconnectedCallback() {
-      if (this.publisher)
-        this.publisher.stopTemplateFilling(this);
-    }
-  };
-  let SubscriberElement = _SubscriberElement;
-  SubscriberElement.instanceCounter = 0;
-  __decorateClass$k([
-    e$4({ type: String, attribute: "data-title" })
-  ], SubscriberElement.prototype, "title", 2);
-  __decorateClass$k([
-    e$4({ type: String, reflect: true })
-  ], SubscriberElement.prototype, "dataProvider", 2);
-  __decorateClass$k([
-    e$4()
-  ], SubscriberElement.prototype, "props", 1);
-  return SubscriberElement;
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, e$3 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
-class i$2 {
-  constructor(t2) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t2, e2, i2) {
-    this._$Ct = t2, this._$AM = e2, this._$Ci = i2;
-  }
-  _$AS(t2, e2) {
-    return this.update(t2, e2);
-  }
-  update(t2, e2) {
-    return this.render(...e2);
-  }
-}
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const { H: i$1 } = R, r$2 = (o2) => o2.strings === void 0, e$2 = () => document.createComment(""), u$1 = (o2, t2, n2) => {
-  var v2;
-  const l2 = o2._$AA.parentNode, d2 = t2 === void 0 ? o2._$AB : t2._$AA;
-  if (n2 === void 0) {
-    const t3 = l2.insertBefore(e$2(), d2), v3 = l2.insertBefore(e$2(), d2);
-    n2 = new i$1(t3, v3, o2, o2.options);
-  } else {
-    const i2 = n2._$AB.nextSibling, t3 = n2._$AM, r2 = t3 !== o2;
-    if (r2) {
-      let i3;
-      (v2 = n2._$AQ) === null || v2 === void 0 || v2.call(n2, o2), n2._$AM = o2, n2._$AP !== void 0 && (i3 = o2._$AU) !== t3._$AU && n2._$AP(i3);
-    }
-    if (i2 !== d2 || r2) {
-      let o3 = n2._$AA;
-      for (; o3 !== i2; ) {
-        const i3 = o3.nextSibling;
-        l2.insertBefore(o3, d2), o3 = i3;
-      }
-    }
-  }
-  return n2;
-}, c$1 = (o2, i2, t2 = o2) => (o2._$AI(i2, t2), o2), f$1 = {}, s = (o2, i2 = f$1) => o2._$AH = i2, a$1 = (o2) => o2._$AH, m = (o2) => {
-  var i2;
-  (i2 = o2._$AP) === null || i2 === void 0 || i2.call(o2, false, true);
-  let t2 = o2._$AA;
-  const n2 = o2._$AB.nextSibling;
-  for (; t2 !== n2; ) {
-    const o3 = t2.nextSibling;
-    t2.remove(), t2 = o3;
-  }
-};
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const u = (e2, s2, t2) => {
-  const r2 = new Map();
-  for (let l2 = s2; l2 <= t2; l2++)
-    r2.set(e2[l2], l2);
-  return r2;
-}, c = e$3(class extends i$2 {
-  constructor(e2) {
-    if (super(e2), e2.type !== t.CHILD)
-      throw Error("repeat() can only be used in text expressions");
-  }
-  dt(e2, s2, t2) {
-    let r2;
-    t2 === void 0 ? t2 = s2 : s2 !== void 0 && (r2 = s2);
-    const l2 = [], o2 = [];
-    let i2 = 0;
-    for (const s3 of e2)
-      l2[i2] = r2 ? r2(s3, i2) : i2, o2[i2] = t2(s3, i2), i2++;
-    return { values: o2, keys: l2 };
-  }
-  render(e2, s2, t2) {
-    return this.dt(e2, s2, t2).values;
-  }
-  update(s$12, [t2, r2, c2]) {
-    var d2;
-    const a2 = a$1(s$12), { values: p2, keys: v2 } = this.dt(t2, r2, c2);
-    if (!Array.isArray(a2))
-      return this.ct = v2, p2;
-    const h2 = (d2 = this.ct) !== null && d2 !== void 0 ? d2 : this.ct = [], m$12 = [];
-    let y, x2, j2 = 0, k2 = a2.length - 1, w2 = 0, A2 = p2.length - 1;
-    for (; j2 <= k2 && w2 <= A2; )
-      if (a2[j2] === null)
-        j2++;
-      else if (a2[k2] === null)
-        k2--;
-      else if (h2[j2] === v2[w2])
-        m$12[w2] = c$1(a2[j2], p2[w2]), j2++, w2++;
-      else if (h2[k2] === v2[A2])
-        m$12[A2] = c$1(a2[k2], p2[A2]), k2--, A2--;
-      else if (h2[j2] === v2[A2])
-        m$12[A2] = c$1(a2[j2], p2[A2]), u$1(s$12, m$12[A2 + 1], a2[j2]), j2++, A2--;
-      else if (h2[k2] === v2[w2])
-        m$12[w2] = c$1(a2[k2], p2[w2]), u$1(s$12, a2[j2], a2[k2]), k2--, w2++;
-      else if (y === void 0 && (y = u(v2, w2, A2), x2 = u(h2, j2, k2)), y.has(h2[j2]))
-        if (y.has(h2[k2])) {
-          const e2 = x2.get(v2[w2]), t3 = e2 !== void 0 ? a2[e2] : null;
-          if (t3 === null) {
-            const e3 = u$1(s$12, a2[j2]);
-            c$1(e3, p2[w2]), m$12[w2] = e3;
-          } else
-            m$12[w2] = c$1(t3, p2[w2]), u$1(s$12, a2[j2], t3), a2[e2] = null;
-          w2++;
-        } else
-          m(a2[k2]), k2--;
-      else
-        m(a2[j2]), j2++;
-    for (; w2 <= A2; ) {
-      const e2 = u$1(s$12, m$12[A2 + 1]);
-      c$1(e2, p2[w2]), m$12[w2++] = e2;
-    }
-    for (; j2 <= k2; ) {
-      const e2 = a2[j2++];
-      e2 !== null && m(e2);
-    }
-    return this.ct = v2, s(s$12, m$12), b$1;
-  }
-});
-/**
- * @license
- * Copyright 2020 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const o$2 = e$3(class extends i$2 {
-  constructor(t$12) {
-    if (super(t$12), t$12.type !== t.CHILD)
-      throw Error("templateContent can only be used in child bindings");
-  }
-  render(r2) {
-    return this.at === r2 ? b$1 : (this.at = r2, document.importNode(r2.content, true));
-  }
-});
-var __defProp$j = Object.defineProperty;
-var __getOwnPropDesc$j = Object.getOwnPropertyDescriptor;
-var __decorateClass$j = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$j(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$j(target, key, result);
-  return result;
-};
-let SonicQueue = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.template = null;
-    this.lastRequestTime = 0;
-    this.targetRequestDuration = 500;
-    this.limit = 5;
-    this.dataProviderExpression = "";
-  }
-  connectedCallback() {
-    if (!this.dataProvider)
-      this.dataProvider = "sonic-queue-" + SonicQueue.instanceCounter++;
-    super.connectedCallback();
-    this.template = this.getElementsByTagName("template")[0];
-    this.lastRequestTime = new Date().getTime();
-    this.next();
-  }
-  next(e2) {
-    let offset = 0;
-    if (e2) {
-      if (!e2.detail.isFirstLoad || e2.detail.props.length == 0) {
-        return;
-      }
-    }
-    if (!Array.isArray(this.props))
-      this.props = [];
-    else {
-      const props = Object.values(this.props);
-      const item = props[props.length - 1];
-      offset = parseInt(item.offset.toString()) + parseInt(item.limit.toString());
-    }
-    const newTime = new Date().getTime();
-    const requestDuration = newTime - this.lastRequestTime;
-    this.lastRequestTime = newTime;
-    if (requestDuration > 0)
-      this.limit = Math.round(this.limit / requestDuration * this.targetRequestDuration);
-    if (this.limit < 1)
-      this.limit = 1;
-    if (this.limit > 15)
-      this.limit = 15;
-    const dataProvider = this.dataProviderExpression.replace("$offset", offset + "").replace("$limit", this.limit + "");
-    this.props = [...Object.values(this.props), { id: this.props.length, dataProvider, offset, limit: this.limit }];
-  }
-  render() {
-    if (!Array.isArray(this.props))
-      return p$1``;
-    return p$1`
-      ${c(this.props, (item) => item.id, (item) => p$1`
-            <sonic-list @load=${this.next} dataProvider="${item.dataProvider}"> ${o$2(this.template)} </sonic-list>
-          `)}
-    `;
-  }
-};
-SonicQueue.instanceCounter = 0;
-__decorateClass$j([
-  e$4()
-], SonicQueue.prototype, "targetRequestDuration", 2);
-__decorateClass$j([
-  e$4()
-], SonicQueue.prototype, "limit", 2);
-__decorateClass$j([
-  e$4({ type: String })
-], SonicQueue.prototype, "dataProviderExpression", 2);
-SonicQueue = __decorateClass$j([
-  n$2("sonic-queue")
-], SonicQueue);
-const inline = r$5`
-  .sonic-loader--inline {
-    display:block;
-    position: relative;
-    width: 80px;
-    height: 80px;
-    margin:auto;
-    z-index:20;
-  }
-  .sonic-loader--inline  div {
-    position: absolute;
-    top: 33px;
-    width: 13px;
-    height: 13px;
-    border-radius: 50%;
-    background:var(--sc-loader-bg);
-    animation-timing-function: cubic-bezier(0, 1, 1, 0);
-  }
-  .sonic-loader--inline  div:nth-child(1) {
-    left: 8px;
-    animation: lds-ellipsis1 0.6s infinite;
-  }
-  .sonic-loader--inline  div:nth-child(2) {
-    left: 8px;
-    animation: lds-ellipsis2 0.6s infinite;
-  }
-  .sonic-loader--inline  div:nth-child(3) {
-    left: 32px;
-    animation: lds-ellipsis2 0.6s infinite;
-  }
-  .sonic-loader--inline div:nth-child(4) {
-    left: 56px;
-    animation: lds-ellipsis3 0.6s infinite;
-  }
-
-  @keyframes lds-ellipsis1 {
-    0% {
-      transform: scale(0);
-    }
-    100% {
-      transform: scale(1);
-    }
-  }
-  @keyframes lds-ellipsis3 {
-    0% {
-      transform: scale(1);
-    }
-    100% {
-      transform: scale(0);
-    }
-  }
-  @keyframes lds-ellipsis2 {
-    0% {
-      transform: translate(0, 0);
-    }
-    100% {
-      transform: translate(24px, 0);
-    }
-  }
-
-`;
-const fixed = r$5`
-
-  @keyframes sonic-loader--fixed {
-    0% {
-      transform: scale(0);
-      opacity: 0;
-    }
-    5% {
-      opacity: 1;
-    }
-    70% {
-      opacity:90%;
-    }
-    100% {
-      transform: scale(1);
-      opacity: 0;
-    }
-  }
-
-  .sonic-loader--fixed {
-    position: fixed;
-    top:50%;
-    left:50%;
-    transform:transateY(-50%) translateX(-50%);
-    z-index:999;
-  }
-  
-  .sonic-loader--fixed > div:nth-child(2) {
-    animation-delay: -0.5s;
-  }
-  .sonic-loader--fixed > div:nth-child(3) {
-    animation-delay: -0.2s;
-  }
-
-  .sonic-loader--fixed > div:nth-child(4) {
-    display:none !important;
-  }
-  .sonic-loader--fixed > div {
-    background-color: var(--sc-loader-bg);
-    width: 5rem;
-    height: 5rem;
-    border-radius: 100%;
-    margin: 2px;
-    animation-fill-mode: both;
-    position: absolute;
-    top: 0px;
-    opacity: 0;
-    margin: 0;
-    top: -2.5rem;
-    left: -2.5rem;
-    width: 5rem;
-    height: 5rem;
-    animation: sonic-loader--fixed 1s 0s linear infinite;
-  }
-  
-`;
-var __defProp$i = Object.defineProperty;
-var __getOwnPropDesc$i = Object.getOwnPropertyDescriptor;
-var __decorateClass$i = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$i(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$i(target, key, result);
-  return result;
-};
-let SonicLoader = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.mode = "fixed";
-  }
-  static show(conf) {
-    if (!SonicLoader.loader)
-      SonicLoader.loader = document.createElement("sonic-loader");
-    let loader = SonicLoader.loader;
-    if (!conf)
-      conf = {};
-    let v2 = conf;
-    for (let z2 in v2)
-      loader.setAttribute(z2, v2[z2]);
-    if (!conf.container) {
-      conf.container = document.querySelector("sonic-theme") || document.body;
-      conf.mode = "fixed";
-    }
-    conf.container.appendChild(loader);
-    SonicLoader.callCounter++;
-  }
-  static hide() {
-    SonicLoader.callCounter--;
-    if (SonicLoader.callCounter > 0)
-      return;
-    if (SonicLoader.loader)
-      SonicLoader.loader.remove();
-  }
-  render() {
-    return p$1`<div class="sonic-loader--${this.mode} ">
-        <div></div>
-        <div></div>
-        <div></div>
-        <div></div>
-    </div>`;
-  }
-};
-SonicLoader.styles = [
-  inline,
-  fixed,
-  r$5`
-    :host {
-      --sc-loader-bg:var(--sc-primary, currentColor);
-    }`
-];
-SonicLoader.callCounter = 0;
-__decorateClass$i([
-  e$4({ type: String })
-], SonicLoader.prototype, "mode", 2);
-SonicLoader = __decorateClass$i([
-  n$2("sonic-loader")
-], SonicLoader);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-class e$1 extends i$2 {
-  constructor(i2) {
-    if (super(i2), this.it = T, i2.type !== t.CHILD)
-      throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(r2) {
-    if (r2 === T || r2 == null)
-      return this.vt = void 0, this.it = r2;
-    if (r2 === b$1)
-      return r2;
-    if (typeof r2 != "string")
-      throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (r2 === this.it)
-      return this.vt;
-    this.it = r2;
-    const s2 = [r2];
-    return s2.raw = s2, this.vt = { _$litType$: this.constructor.resultType, strings: s2, values: [] };
-  }
-}
-e$1.directiveName = "unsafeHTML", e$1.resultType = 1;
-const o$1 = e$3(e$1);
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const e = (i2, t2) => {
-  var s2, o2;
-  const n2 = i2._$AN;
-  if (n2 === void 0)
-    return false;
-  for (const i3 of n2)
-    (o2 = (s2 = i3)._$AO) === null || o2 === void 0 || o2.call(s2, t2, false), e(i3, t2);
-  return true;
-}, o = (i2) => {
-  let t2, s2;
-  do {
-    if ((t2 = i2._$AM) === void 0)
-      break;
-    s2 = t2._$AN, s2.delete(i2), i2 = t2;
-  } while ((s2 == null ? void 0 : s2.size) === 0);
-}, n$1 = (i2) => {
-  for (let t2; t2 = i2._$AM; i2 = t2) {
-    let s2 = t2._$AN;
-    if (s2 === void 0)
-      t2._$AN = s2 = new Set();
-    else if (s2.has(i2))
-      break;
-    s2.add(i2), l(t2);
-  }
-};
-function r$1(i2) {
-  this._$AN !== void 0 ? (o(this), this._$AM = i2, n$1(this)) : this._$AM = i2;
-}
-function h$1(i2, t2 = false, s2 = 0) {
-  const n2 = this._$AH, r2 = this._$AN;
-  if (r2 !== void 0 && r2.size !== 0)
-    if (t2)
-      if (Array.isArray(n2))
-        for (let i3 = s2; i3 < n2.length; i3++)
-          e(n2[i3], false), o(n2[i3]);
-      else
-        n2 != null && (e(n2, false), o(n2));
-    else
-      e(this, i2);
-}
-const l = (i2) => {
-  var t$12, e2, o2, n2;
-  i2.type == t.CHILD && ((t$12 = (o2 = i2)._$AP) !== null && t$12 !== void 0 || (o2._$AP = h$1), (e2 = (n2 = i2)._$AQ) !== null && e2 !== void 0 || (n2._$AQ = r$1));
-};
-class d extends i$2 {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(i2, t2, s2) {
-    super._$AT(i2, t2, s2), n$1(this), this.isConnected = i2._$AU;
-  }
-  _$AO(i2, t2 = true) {
-    var s2, n2;
-    i2 !== this.isConnected && (this.isConnected = i2, i2 ? (s2 = this.reconnected) === null || s2 === void 0 || s2.call(this) : (n2 = this.disconnected) === null || n2 === void 0 || n2.call(this)), t2 && (e(this, i2), o(this));
-  }
-  setValue(t2) {
-    if (r$2(this._$Ct))
-      this._$Ct._$AI(t2, this);
-    else {
-      const i2 = [...this._$Ct._$AH];
-      i2[this._$Ci] = t2, this._$Ct._$AI(i2, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
-const i = new WeakMap();
-let h = 0;
-const r = new Map(), n = new WeakSet(), a = () => new Promise((t2) => requestAnimationFrame(t2)), f = [{ opacity: 0 }], p = [{ opacity: 0 }, { opacity: 1 }], g = (t2, i2) => {
-  const s2 = t2 - i2;
-  return s2 === 0 ? void 0 : s2;
-}, w = (t2, i2) => {
-  const s2 = t2 / i2;
-  return s2 === 1 ? void 0 : s2;
-}, A = { left: (t2, i2) => {
-  const s2 = g(t2, i2);
-  return { value: s2, transform: s2 && `translateX(${s2}px)` };
-}, top: (t2, i2) => {
-  const s2 = g(t2, i2);
-  return { value: s2, transform: s2 && `translateY(${s2}px)` };
-}, width: (t2, i2) => {
-  const s2 = w(t2, i2);
-  return { value: s2, transform: s2 && `scaleX(${s2})` };
-}, height: (t2, i2) => {
-  const s2 = w(t2, i2);
-  return { value: s2, transform: s2 && `scaleY(${s2})` };
-} }, b = { duration: 333, easing: "ease-in-out" }, j = ["left", "top", "width", "height", "opacity", "color", "background"], x = new WeakMap();
-class S extends d {
-  constructor(t$12) {
-    if (super(t$12), this.t = null, this.i = null, this.o = true, this.shouldLog = false, t$12.type === t.CHILD)
-      throw Error("The `animate` directive must be used in attribute position.");
-    this.createFinished();
-  }
-  createFinished() {
-    var t2;
-    (t2 = this.resolveFinished) === null || t2 === void 0 || t2.call(this), this.finished = new Promise((t3) => {
-      this.h = t3;
-    });
-  }
-  async resolveFinished() {
-    var t2;
-    (t2 = this.h) === null || t2 === void 0 || t2.call(this), this.h = void 0;
-  }
-  render(i2) {
-    return T;
-  }
-  getController() {
-    return i.get(this.l);
-  }
-  isDisabled() {
-    var t2;
-    return this.options.disabled || ((t2 = this.getController()) === null || t2 === void 0 ? void 0 : t2.disabled);
-  }
-  update(t2, [i2]) {
-    var s2;
-    const e2 = this.l === void 0;
-    return e2 && (this.l = (s2 = t2.options) === null || s2 === void 0 ? void 0 : s2.host, this.l.addController(this), this.element = t2.element, x.set(this.element, this)), this.optionsOrCallback = i2, (e2 || typeof i2 != "function") && this.u(i2), this.render(i2);
-  }
-  u(t2) {
-    var i2, s2;
-    t2 = t2 != null ? t2 : {};
-    const e2 = this.getController();
-    e2 !== void 0 && ((t2 = __spreadValues(__spreadValues({}, e2.defaultOptions), t2)).keyframeOptions = __spreadValues(__spreadValues({}, e2.defaultOptions.keyframeOptions), t2.keyframeOptions)), (i2 = (s2 = t2).properties) !== null && i2 !== void 0 || (s2.properties = j), this.options = t2;
-  }
-  v() {
-    const t2 = {}, i2 = this.element.getBoundingClientRect(), s2 = getComputedStyle(this.element);
-    return this.options.properties.forEach((e2) => {
-      var o2;
-      const h2 = (o2 = i2[e2]) !== null && o2 !== void 0 ? o2 : A[e2] ? void 0 : s2[e2], r2 = Number(h2);
-      t2[e2] = isNaN(r2) ? h2 + "" : r2;
-    }), t2;
-  }
-  p() {
-    let t2, i2 = true;
-    return this.options.guard && (t2 = this.options.guard(), i2 = ((t3, i3) => {
-      if (Array.isArray(t3)) {
-        if (Array.isArray(i3) && i3.length === t3.length && t3.every((t4, s2) => t4 === i3[s2]))
-          return false;
-      } else if (i3 === t3)
-        return false;
-      return true;
-    })(t2, this.m)), this.o = this.l.hasUpdated && !this.isDisabled() && !this.isAnimating() && i2 && this.element.isConnected, this.o && (this.m = Array.isArray(t2) ? Array.from(t2) : t2), this.o;
-  }
-  hostUpdate() {
-    var t2;
-    typeof this.optionsOrCallback == "function" && this.u(this.optionsOrCallback()), this.p() && (this.g = this.v(), this.t = (t2 = this.t) !== null && t2 !== void 0 ? t2 : this.element.parentNode, this.i = this.element.nextSibling);
-  }
-  async hostUpdated() {
-    if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
-      return;
-    let t2;
-    this.prepare(), await a;
-    const i2 = this.A(), s2 = this._(this.options.keyframeOptions, i2), e2 = this.v();
-    if (this.g !== void 0) {
-      const { from: s3, to: o2 } = this.j(this.g, e2, i2);
-      this.log("measured", [this.g, e2, s3, o2]), t2 = this.calculateKeyframes(s3, o2);
-    } else {
-      const s3 = r.get(this.options.inId);
-      if (s3) {
-        r.delete(this.options.inId);
-        const { from: o2, to: n2 } = this.j(s3, e2, i2);
-        t2 = this.calculateKeyframes(o2, n2), t2 = this.options.in ? [__spreadValues(__spreadValues({}, this.options.in[0]), t2[0]), ...this.options.in.slice(1), t2[1]] : t2, h++, t2.forEach((t3) => t3.zIndex = h);
-      } else
-        this.options.in && (t2 = [...this.options.in, {}]);
-    }
-    this.animate(t2, s2);
-  }
-  resetStyles() {
-    var t2;
-    this.S !== void 0 && (this.element.setAttribute("style", (t2 = this.S) !== null && t2 !== void 0 ? t2 : ""), this.S = void 0);
-  }
-  commitStyles() {
-    var t2, i2;
-    this.S = this.element.getAttribute("style"), (t2 = this.webAnimation) === null || t2 === void 0 || t2.commitStyles(), (i2 = this.webAnimation) === null || i2 === void 0 || i2.cancel();
-  }
-  reconnected() {
-  }
-  async disconnected() {
-    var t2;
-    if (!this.o)
-      return;
-    if (this.options.id !== void 0 && r.set(this.options.id, this.g), this.options.out === void 0)
-      return;
-    if (this.prepare(), await a(), (t2 = this.t) === null || t2 === void 0 ? void 0 : t2.isConnected) {
-      const t3 = this.i && this.i.parentNode === this.t ? this.i : null;
-      if (this.t.insertBefore(this.element, t3), this.options.stabilizeOut) {
-        const t4 = this.v();
-        this.log("stabilizing out");
-        const i3 = this.g.left - t4.left, s2 = this.g.top - t4.top;
-        !(getComputedStyle(this.element).position === "static") || i3 === 0 && s2 === 0 || (this.element.style.position = "relative"), i3 !== 0 && (this.element.style.left = i3 + "px"), s2 !== 0 && (this.element.style.top = s2 + "px");
-      }
-    }
-    const i2 = this._(this.options.keyframeOptions);
-    await this.animate(this.options.out, i2), this.element.remove();
-  }
-  prepare() {
-    this.createFinished();
-  }
-  start() {
-    var t2, i2;
-    (i2 = (t2 = this.options).onStart) === null || i2 === void 0 || i2.call(t2, this);
-  }
-  didFinish(t2) {
-    var i2, s2;
-    t2 && ((s2 = (i2 = this.options).onComplete) === null || s2 === void 0 || s2.call(i2, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
-  }
-  A() {
-    const t2 = [];
-    for (let i2 = this.element.parentNode; i2; i2 = i2 == null ? void 0 : i2.parentNode) {
-      const s2 = x.get(i2);
-      s2 && !s2.isDisabled() && s2 && t2.push(s2);
-    }
-    return t2;
-  }
-  get isHostRendered() {
-    const t2 = n.has(this.l);
-    return t2 || this.l.updateComplete.then(() => {
-      n.add(this.l);
-    }), t2;
-  }
-  _(t2, i2 = this.A()) {
-    const s2 = __spreadValues({}, b);
-    return i2.forEach((t3) => Object.assign(s2, t3.options.keyframeOptions)), Object.assign(s2, t2), s2;
-  }
-  j(t2, i2, s2) {
-    t2 = __spreadValues({}, t2), i2 = __spreadValues({}, i2);
-    const e2 = s2.map((t3) => t3.animatingProperties).filter((t3) => t3 !== void 0);
-    let o2 = 1, h2 = 1;
-    return e2 !== void 0 && (e2.forEach((t3) => {
-      t3.width && (o2 /= t3.width), t3.height && (h2 /= t3.height);
-    }), t2.left !== void 0 && i2.left !== void 0 && (t2.left = o2 * t2.left, i2.left = o2 * i2.left), t2.top !== void 0 && i2.top !== void 0 && (t2.top = h2 * t2.top, i2.top = h2 * i2.top)), { from: t2, to: i2 };
-  }
-  calculateKeyframes(t2, i2, s2 = false) {
-    var e2;
-    const o2 = {}, h2 = {};
-    let r2 = false;
-    const n2 = {};
-    for (const s3 in i2) {
-      const a2 = t2[s3], l2 = i2[s3];
-      if (s3 in A) {
-        const t3 = A[s3];
-        if (a2 === void 0 || l2 === void 0)
-          continue;
-        const i3 = t3(a2, l2);
-        i3.transform !== void 0 && (n2[s3] = i3.value, r2 = true, o2.transform = `${(e2 = o2.transform) !== null && e2 !== void 0 ? e2 : ""} ${i3.transform}`);
-      } else
-        a2 !== l2 && a2 !== void 0 && l2 !== void 0 && (r2 = true, o2[s3] = a2, h2[s3] = l2);
-    }
-    return o2.transformOrigin = h2.transformOrigin = s2 ? "center center" : "top left", this.animatingProperties = n2, r2 ? [o2, h2] : void 0;
-  }
-  async animate(t2, i2 = this.options.keyframeOptions) {
-    this.start(), this.frames = t2;
-    let s2 = false;
-    if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t2 = this.options.onFrames(this), this.log("modified frames", t2)), t2 !== void 0)) {
-      this.log("animate", [t2, i2]), s2 = true, this.webAnimation = this.element.animate(t2, i2);
-      const e2 = this.getController();
-      e2 == null || e2.add(this);
-      try {
-        await this.webAnimation.finished;
-      } catch (t3) {
-      }
-      e2 == null || e2.remove(this);
-    }
-    return this.didFinish(s2), s2;
-  }
-  isAnimating() {
-    var t2, i2;
-    return ((t2 = this.webAnimation) === null || t2 === void 0 ? void 0 : t2.playState) === "running" || ((i2 = this.webAnimation) === null || i2 === void 0 ? void 0 : i2.pending);
-  }
-  log(t2, i2) {
-    this.shouldLog && !this.isDisabled() && console.log(t2, this.options.id, i2);
-  }
-}
-const $ = e$3(S);
-var __defProp$h = Object.defineProperty;
-var __getOwnPropDesc$h = Object.getOwnPropertyDescriptor;
-var __decorateClass$h = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$h(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$h(target, key, result);
-  return result;
-};
-const removeIcon = `<svg aria-hidden="true" focusable="false"  data-icon="xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
-<path fill="currentColor" d="M315.3 411.3c-6.253 6.253-16.37 6.253-22.63 0L160 278.6l-132.7 132.7c-6.253 6.253-16.37 6.253-22.63 0c-6.253-6.253-6.253-16.37 0-22.63L137.4 256L4.69 123.3c-6.253-6.253-6.253-16.37 0-22.63c6.253-6.253 16.37-6.253 22.63 0L160 233.4l132.7-132.7c6.253-6.253 16.37-6.253 22.63 0c6.253 6.253 6.253 16.37 0 22.63L182.6 256l132.7 132.7C321.6 394.9 321.6 405.1 315.3 411.3z">
-</path>
-</svg>`;
-const successIcon = `
-<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="circle-check" class="svg-inline--fa fa-circle-check" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-<path fill="currentColor" d="M340.7 180.7L224 297.4L171.3 244.7c-6.25-6.25-16.38-6.25-22.62 0s-6.25 16.38 0 22.62l64 64C215.8 334.4 219.9 336 224 336s8.188-1.562 11.31-4.688l128-128c6.25-6.25 6.25-16.38 0-22.62S346.9 174.4 340.7 180.7zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480z">
-</path>
-</svg>`;
-const infoIcon = `
-<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="circle-info" class="svg-inline--fa fa-circle-info" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-<path fill="currentColor" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480zM256 184c13.25 0 24-10.74 24-24c0-13.25-10.75-24-24-24S232 146.7 232 160C232 173.3 242.7 184 256 184zM304 352h-32V240C272 231.2 264.8 224 256 224H224C215.2 224 208 231.2 208 240S215.2 256 224 256h16v96h-32C199.2 352 192 359.2 192 368C192 376.8 199.2 384 208 384h96c8.836 0 16-7.164 16-16C320 359.2 312.8 352 304 352z">
-</path>
-</svg>
-`;
-const errorIcon = `
-<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="circle-xmark" class="svg-inline--fa fa-circle-xmark" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-<path fill="currentColor" d="M331.3 180.7c-6.25-6.25-16.38-6.25-22.62 0L256 233.4L203.3 180.7c-6.25-6.25-16.38-6.25-22.62 0s-6.25 16.38 0 22.62L233.4 256L180.7 308.7c-6.25 6.25-6.25 16.38 0 22.62c6.246 6.246 16.37 6.254 22.62 0L256 278.6l52.69 52.69c6.246 6.246 16.37 6.254 22.62 0c6.25-6.25 6.25-16.38 0-22.62L278.6 256l52.69-52.69C337.6 197.1 337.6 186.9 331.3 180.7zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 480c-123.5 0-224-100.5-224-224s100.5-224 224-224s224 100.5 224 224S379.5 480 256 480z">
-</path>
-</svg>
-`;
-const icon = {
-  "success": successIcon,
-  "error": errorIcon,
-  "info": infoIcon
-};
-let SonicToast = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.toasts = [];
-    this.className = "";
-    this.styled = false;
-  }
-  render() {
-    return p$1`<div class="sonic-toast-area">
-
-    ${c(this.toasts, (item) => item.id, (item) => p$1`
-     <div
-        class="${this.className} sonic-toast ${item.status}"
-          ${$({
-      keyframeOptions: {
-        duration: 250,
-        easing: `cubic-bezier(0.250, 0.250, 0.420, 1.225)`
-      },
-      in: [{ transform: "translateY(0) scale(1.25)", boxShadow: "0 0 0 rgba(0,0,0,0)", opacity: 0 }],
-      out: [
-        {
-          transform: "scale(.90) ",
-          opacity: 0,
-          duration: 3e3,
-          easing: `ease-in-out`
-        }
-      ],
-      stabilizeOut: true
-    })}
-        >
-          ${item.status && p$1`<div class="sonic-toast-icon">${o$1(icon[item.status])}</div>`}
-
-          <div class="sonic-toast-text">
-            ${item.title ? p$1`<div class="sonic-toast-title">${item.title}</div>` : ""}
-            ${item.text ? o$1(item.text) : ""}
-            <slot></slot> 
-          </div>
-
-          <button class="sonic-toast-close" @click=${() => this.removeItem(item)}>
-            ${o$1(removeIcon)}
-          </button>
-          ${!item.preserve ? this.autoRemoveItem(item) : ""}
-      
-        </div>
-    `)}
-    </div>`;
-  }
-  static add(conf) {
-    if (!document.querySelector("sonic-toast")) {
-      let toastComponent2 = document.createElement("sonic-toast");
-      toastComponent2.setAttribute("styled", new Boolean(conf.styled).toString() || "true");
-      let container = document.querySelector("sonic-theme") || document.body;
-      container.appendChild(toastComponent2);
-    }
-    let toastComponent = document.querySelector("sonic-toast");
-    const nextId = new Date().valueOf();
-    const currentToast = {
-      id: nextId,
-      text: conf.text,
-      title: conf.title,
-      status: conf.status,
-      preserve: conf.preserve
-    };
-    toastComponent.toasts = [
-      ...toastComponent.toasts,
-      currentToast
-    ];
-    return currentToast;
-  }
-  removeItem(item) {
-    this.toasts = this.toasts.filter((i2) => i2 != item);
-  }
-  autoRemoveItem(item) {
-    setTimeout(() => {
-      this.removeItem(item);
-    }, 3200);
-  }
-};
-SonicToast.styles = [
-  r$5`
-      * {
-        box-sizing:border-box;
-      }
-
-      .sonic-toast-area{
-        position: fixed;
-        top: 1.25rem;
-        right: 1.25rem;
-        pointer-events: none;
-        width: calc(100% - 2.5rem);
-        max-width: 40ch;
-        z-index: 999;
-      }
-
-      .sonic-toast {
-        --sc-toast-status-color:transparent;
-        position:relative;
-        pointer-events: auto;
-        background: var(--sc-base, #fff);
-        color: var(--sc-base-content);
-        box-shadow: var(--sc-shadow);
-        border-radius: var(--sc-rounded);
-        padding: 1em  2rem 1em 1em;
-        font-size: 0.85em;
-        line-height: 1.25;
-        display: flex;
-        gap: 0.5rem;
-        max-height:10rem;
-        overflow: auto;
-      }
-
-      .sonic-toast + .sonic-toast{
-        margin-top:1rem;
-      }
-
-      .sonic-toast-icon {
-        flex-shrink: 0;
-        width: 2em;
-      }
-      .sonic-toast-text {
-        align-self:center;
-        margin-block: auto;
-      }
-      /*BUTTON CLOSE*/ 
-      .sonic-toast-close {
-        all: unset;
-        position: absolute;
-        right: 0.5em;
-        top: 0.5em;
-        width: 1.5rem;
-        height: 1.5rem;
-        cursor: pointer;
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        border-radius: 50%;
-        text-align: center;
-        opacity: 0.5;
-        background: rgba(0, 0, 0, 0);
-      }
-
-      .sonic-toast-close:focus,
-      .sonic-toast-close:hover {
-        opacity: 1;
-        background: rgba(0, 0, 0, 0.075);
-      }
-
-      .sonic-toast-close svg {
-        width: 1rem;
-        height: 1rem;
-        object-fit: contain;
-        object-position: center center;
-      }
-
-      /*Title*/ 
-      .sonic-toast-title {
-        font-weight: bold;
-        margin-bottom: 0.25em;
-      }
-
-      /*STATUS*/ 
-      .success {
-        --sc-toast-status-color: var(--sc-success); 
-      }
-
-      .error {
-        --sc-toast-status-color: var(--sc-danger); 
-      }
-
-      .warning {
-        --sc-toast-status-color: var(--sc-warning);
-      }
-
-      .info {
-        --sc-toast-status-color: var(--sc-info);
-      }
-      
-      .success,
-      .error,
-      .info,
-      .warning {
-        border-top:2px solid var(--sc-toast-status-color, curentColor);        
-      }
-
-      .info .sonic-toast-icon  ,
-      .error .sonic-toast-icon ,
-      .success .sonic-toast-icon ,
-      .warning .sonic-toast-icon  {
-        color: var(--sc-toast-status-color, curentColor);
-      }
-    `
-];
-__decorateClass$h([
-  t$1()
-], SonicToast.prototype, "toasts", 2);
-__decorateClass$h([
-  e$4({ type: String })
-], SonicToast.prototype, "className", 2);
-__decorateClass$h([
-  e$4({ type: Boolean })
-], SonicToast.prototype, "styled", 2);
-SonicToast = __decorateClass$h([
-  n$2("sonic-toast")
-], SonicToast);
-if (typeof window !== "undefined") {
-  let win = window;
-  win.SonicToast = SonicToast;
-}
-const _API = class {
-  constructor(config) {
-    this.nologin = false;
-    this.serviceURL = config.serviceURL;
-    if (!this.serviceURL)
-      this.serviceURL = document.location.origin;
-    this.userName = config.userName;
-    this.password = config.password;
-    this.token = config.token;
-    this.tokenProvider = config.tokenProvider;
-  }
-  async auth() {
-    if (this.token)
-      return;
-    if (_API.tokens.has(this.serviceURL)) {
-      this.token = _API.tokens.get(this.serviceURL);
-      return;
-    }
-    if (!this.userName || !this.password || !this.tokenProvider)
-      return;
-    let headers = { Authorization: "Basic " + window.btoa(unescape(encodeURIComponent(this.userName + ":" + this.password))) };
-    let result = await fetch(this.computeURL(this.tokenProvider), { headers });
-    let json = await result.json();
-    this.token = json.token;
-    _API.tokens.set(this.serviceURL, this.token);
-  }
-  async get(path) {
-    let headers = await this.createHeaders();
-    let result = await fetch(this.computeURL(path), { headers });
-    try {
-      let json = await result.json();
-      return json;
-    } catch (e2) {
-      return null;
-    }
-  }
-  async createHeaders() {
-    await this.auth();
-    let headers = {};
-    if (this.token)
-      headers.Authorization = "Bearer " + this.token;
-    headers.credentials = "include";
-    return headers;
-  }
-  computeURL(path) {
-    return this.serviceURL + "/" + path;
-  }
-  async put(path, data) {
-    await this.auth();
-    let headers = await this.createHeaders();
-    headers["Accept"] = "application/json";
-    headers["Content-Type"] = "application/json";
-    let result = await fetch(this.computeURL(path), {
-      headers,
-      method: "PUT",
-      body: JSON.stringify(data)
-    });
-    try {
-      let json = await result.json();
-      return json;
-    } catch (e2) {
-      return null;
-    }
-  }
-};
-let API = _API;
-API.tokens = new Map();
-const Fetcher = (superClass) => {
-  class FetcherElement extends superClass {
-    constructor(...args) {
-      super();
-      this.api = null;
-      this.tokenProvider = "";
-      this.serviceURL = "";
-      this.userName = "";
-      this.key = "";
-      this.password = "";
-      this.isFirstLoad = true;
-      this.dataProvider = "";
-    }
-    async _fetchEventData() {
-      if (!this.api)
-        return;
-      if (!this.dataProvider)
-        return;
-      if (this.dataProvider.indexOf("__subscriber__") != -1)
-        return;
-      let data;
-      SonicLoader.show();
-      data = await this.api.get(this.dataProvider);
-      if (!data)
-        SonicToast.add({ text: "Network Error", status: "error", styled: true });
-      SonicLoader.hide();
-      if (this.key) {
-        data = data[this.key];
-      }
-      this.props = data;
-      this.dispatchEvent(new CustomEvent("load", { detail: this }));
-      this.isFirstLoad = false;
-    }
-    connectedCallback() {
-      super.connectedCallback();
-      this.tokenProvider = this.getAncestorAttributeValue("tokenProvider");
-      this.serviceURL = this.getAncestorAttributeValue("serviceURL");
-      this.userName = this.getAncestorAttributeValue("user");
-      this.password = this.getAncestorAttributeValue("password");
-      this.key = this.getAncestorAttributeValue("key");
-      if (!this.serviceURL)
-        this.serviceURL = document.location.origin;
-      this.api = new API({
-        serviceURL: this.serviceURL,
-        userName: this.userName,
-        password: this.password,
-        tokenProvider: this.tokenProvider,
-        dataProvider: this.dataProvider
-      });
-      if (this.props) {
-        this.publisher.set(this.props);
-      }
-      this._fetchEventData();
-    }
-  }
-  return FetcherElement;
-};
-var __defProp$g = Object.defineProperty;
-var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
-var __decorateClass$g = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$g(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$g(target, key, result);
-  return result;
-};
-let SonicFetch = class extends Fetcher(Subscriber(s$1)) {
-  render() {
-    return p$1`<slot></slot>`;
-  }
-};
-SonicFetch = __decorateClass$g([
-  n$2("sonic-fetch")
-], SonicFetch);
-const cssProse = r$5`
-  ul,
-  ol,
-  p {
-    margin:0 0 1em;
-  }
-
-  li {
-    margin-bottom:.5em;
-  }
-`;
-r$5`
-  :host {
-    line-height:1.25;
-  }
-
-  ul,
-  ol,
-  p {
-    margin:0 0 .5em;
-  }
-
-  li {
-    margin-bottom:.5em;
-  }
-`;
-var __defProp$f = Object.defineProperty;
-var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
-var __decorateClass$f = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$f(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$f(target, key, result);
-  return result;
-};
-let SonicTextFormatted = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.html = "";
-    this.leading = "normal";
-    this.className = "";
-  }
-  render() {
-    return p$1`
-            <div class="${this.className} text-formatted">
-                ${o$1(this.html)}
-            </div>
-        `;
-  }
-};
-SonicTextFormatted.styles = [
-  cssProse
-];
-__decorateClass$f([
-  e$4({ type: String })
-], SonicTextFormatted.prototype, "html", 2);
-__decorateClass$f([
-  e$4({ type: String })
-], SonicTextFormatted.prototype, "leading", 2);
-__decorateClass$f([
-  e$4()
-], SonicTextFormatted.prototype, "className", 2);
-SonicTextFormatted = __decorateClass$f([
-  n$2("sonic-text-formatted")
-], SonicTextFormatted);
-var __defProp$e = Object.defineProperty;
-var __getOwnPropDesc$e = Object.getOwnPropertyDescriptor;
-var __decorateClass$e = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$e(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$e(target, key, result);
-  return result;
-};
-let SonicText = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.key = "";
-    this.text = "";
-    this.className = "";
-  }
-  render() {
-    let text = this.text;
-    if (this.props && typeof this.props === "string")
-      text = this.props;
-    return text || this.children.length ? p$1`<div class="${this.className}">
-          <slot name="prefix"></slot>
-          ${text && o$1(text)}
-          <slot></slot>
-          <slot name="suffix"></slot>
-        </div>` : p$1`<slot></slot>`;
-  }
-};
-__decorateClass$e([
-  e$4()
-], SonicText.prototype, "key", 2);
-__decorateClass$e([
-  e$4()
-], SonicText.prototype, "text", 2);
-__decorateClass$e([
-  e$4()
-], SonicText.prototype, "className", 2);
-SonicText = __decorateClass$e([
-  n$2("sonic-text")
-], SonicText);
-var __defProp$d = Object.defineProperty;
-var __getOwnPropDesc$d = Object.getOwnPropertyDescriptor;
-var __decorateClass$d = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$d(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$d(target, key, result);
-  return result;
-};
-let SonicList = class extends Fetcher(Subscriber(s$1)) {
-  constructor() {
-    super(...arguments);
-    this.template = null;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.template = this.getElementsByTagName("template")[0];
-  }
-  render() {
-    if (typeof this.props == "string") {
-      const icon2 = `<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="face-thinking" class="svg-inline--fa fa-face-thinking" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M40.05 315.7C42.4 324.3 37.4 333.1 28.88 335.4C20.37 337.8 11.56 332.8 9.204 324.3C3.202 302.5 0 279.6 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 379.9 424 483.2 307.2 506.9C298.5 508.6 290.1 503 288.3 494.4C286.6 485.7 292.2 477.3 300.8 475.5C403.1 454.8 480 364.4 480 256C480 132.3 379.7 32 256 32C132.3 32 32 132.3 32 256C32 276.7 34.81 296.7 40.05 315.7H40.05zM318.3 297.2C336.5 303.3 349.4 319.3 351.6 338C354.3 359.3 342.4 380.5 321.5 388.7L274.5 407.1L250.6 466.7C239.7 494.1 213.2 512 183.8 512H136C96.24 512 64 479.8 64 440V320C64 293.5 85.49 272 112 272C138.5 272 160 293.5 160 320V348.8L257.4 310.7L186.9 287.2C178.6 284.4 174 275.3 176.8 266.9C179.6 258.6 188.7 254 197.1 256.8L318.3 297.2zM318.9 338.2C315.7 329.9 306.4 325.9 298.2 329.1L149.8 387.1C144.9 389.1 139.3 388.4 134.1 385.5C130.6 382.5 128 377.5 128 372.2V320C128 311.2 120.8 304 112 304C103.2 304 96 311.2 96 320V440C96 462.1 113.9 480 136 480H183.8C200.1 480 214.8 470 220.9 454.9L246.9 389.9C246.9 389.7 247 389.6 247.1 389.4C248.6 385 252 381.5 256.3 379.8L309.8 358.9C316.1 356.4 320 350.4 320 344C320 343.6 319.1 343.1 319.1 342.7C319.8 341.2 319.5 339.7 318.9 338.2H318.9zM200.4 192C200.4 205.3 189.6 216 176.4 216C163.1 216 152.4 205.3 152.4 192C152.4 178.7 163.1 168 176.4 168C189.6 168 200.4 178.7 200.4 192zM312.4 208C312.4 194.7 323.1 184 336.4 184C349.6 184 360.4 194.7 360.4 208C360.4 221.3 349.6 232 336.4 232C323.1 232 312.4 221.3 312.4 208zM216.4 144.8C195.9 127.2 166.5 124.4 142.1 137.9L135.9 141.9C128.3 146.3 118.5 143.6 114.1 135.9C109.7 128.3 112.4 118.5 120.1 114.1L127.1 110.1C162.3 89.95 206.4 94.14 237.2 120.5L250.4 131.9C257.1 137.6 257.9 147.7 252.1 154.4C246.4 161.1 236.3 161.9 229.6 156.1L216.4 144.8z"></path></svg>`;
-      return p$1`<div class="sonic-no-result-container">
-        ${o$1(icon2)} <span class="sonic-no-result-text">${this.props}
-        </span></div>`;
-    }
-    if (!Array.isArray(this.props))
-      return p$1``;
-    return p$1`
-           ${c(this.props, (item) => item.id, (item, index) => item && p$1`
-            <sonic-subscriber .props=${item} dataProvider="${this.dataProvider}/${index}"> 
-                ${o$2(this.template)}
-            </sonic-subscriber>
-        `)}
-    `;
-  }
-};
-SonicList.styles = [
-  r$5`
-          .sonic-no-result-container {
-            color:var(--sc-base-300);
-            font-size:1.65rem;
-            
-          }
-          .sonic-no-result-container svg{
-           width:1.2em;
-           height:1.2em;
-            margin-right:.25em;
-            object-fit:contain;
-            vertical-align:middle;
-          }
-          span {
-              vertical-align:middle;
-          }
-        `
-];
-SonicList = __decorateClass$d([
-  n$2("sonic-list")
-], SonicList);
-var __defProp$c = Object.defineProperty;
-var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
-var __decorateClass$c = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$c(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$c(target, key, result);
-  return result;
-};
-let SonicSubscriber = class extends Subscriber(s$1) {
-  render() {
-    return p$1`
-      <slot></slot>
-    `;
-  }
-};
-SonicSubscriber = __decorateClass$c([
-  n$2("sonic-subscriber")
-], SonicSubscriber);
-var __defProp$b = Object.defineProperty;
-var __getOwnPropDesc$b = Object.getOwnPropertyDescriptor;
-var __decorateClass$b = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$b(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$b(target, key, result);
-  return result;
-};
-let SonicTaxonomy = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.taxonomy = [];
-    this.separator = "";
-  }
-  render() {
-    if (this.taxonomy.length === 0)
-      return;
-    const idKey = "category_id";
-    const nameKey = "category_name";
-    return p$1`
-      <div class="sonic-taxonomy">
-        <i class=" fas fa-circle"></i>
-        <div>
-        ${c(this.taxonomy, (item) => item[idKey], (item) => p$1`<span>
-            ${item[nameKey]}
-          </span>
-          <span class="sonic-taxonomy-separator"></span>
-          `)}
-        </div>
-
-      </div>
-    `;
-  }
-};
-__decorateClass$b([
-  e$4({ type: Array })
-], SonicTaxonomy.prototype, "taxonomy", 2);
-__decorateClass$b([
-  e$4({ type: String })
-], SonicTaxonomy.prototype, "separator", 2);
-SonicTaxonomy = __decorateClass$b([
-  n$2("sonic-taxonomy")
-], SonicTaxonomy);
-var __defProp$a = Object.defineProperty;
-var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
-var __decorateClass$a = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$a(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$a(target, key, result);
-  return result;
-};
-let SonicEventCard = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.start_date = "";
-    this.illustration = "";
-    this.categories = [];
-  }
-  render() {
-    return p$1`
-      <div class="sonic-event-card">
-        <div class="sonic-event-card-illustration">
-          <sonic-illustration
-          illustration=${this.illustration}
-          ></sonic-illustration>
-        </div>
-        <div class="sonic-event-card-text">
-          ${this.start_date}
-          <div class="sonic-event-card-title">${this.title}</div>
-          <div class="sonic-event-card-infos">
-            <sonic-taxonomy .taxonomy=${this.categories} ></sonic-taxonomy>
-          </diV>
-
-          <sonic-prices-form></sonic-prices-form>
-        </div>
-      </div>
-    `;
-  }
-};
-SonicEventCard.styles = [
-  r$5`
-      a {
-        text-decoration: none;
-        display: block;
-        color: inherit;
-      }
-
-      .sonic-event-card {
-        max-width: 30em;
-        font-size: var(--sc-fs-root);
-        margin-bottom: 4em;
-        display: grid;
-        flex-wrap: wrap;
-        grid-template-columns: minmax(0, 1fr);
-      }
-
-      .sonic-event-card-title {
-        font-size: var(--sc-card-title-font-size, 1.75em);
-        line-height: var(--sc-card-title-leading, var(--sc-headings-line-height) );
-        font-weight: var(--sc-card-title-fw, var(--sc-headings-font-weight) );
-        margin-bottom: 0.25em;
-      }
-
-      .sonic-event-card-prices {
-        margin-top: 0.8em;
-      }
-      .sonic-event-card-illustration {
-        display:flex; margin-bottom:.8em;
-      }
-
-      .sonic-event-card-body {
-        max-width: 70ch;
-        margin-bottom: 1.25em;
-      }
-
-      .sonic-event-card-text {
-        align-self: center;
-      }
-
-      .sonic-event-card-infos {
-        margin-bottom:1em;
-      }
-    `
-];
-__decorateClass$a([
-  e$4({ type: String })
-], SonicEventCard.prototype, "start_date", 2);
-__decorateClass$a([
-  e$4({ type: String })
-], SonicEventCard.prototype, "illustration", 2);
-__decorateClass$a([
-  e$4({ type: Array })
-], SonicEventCard.prototype, "categories", 2);
-SonicEventCard = __decorateClass$a([
-  n$2("sonic-event-card")
-], SonicEventCard);
-var __defProp$9 = Object.defineProperty;
-var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
-var __decorateClass$9 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$9(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$9(target, key, result);
-  return result;
-};
-let SonicEventTitle = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.title = "";
-  }
-  render() {
-    return p$1`
-            ${this.title}
-        `;
-  }
-};
-__decorateClass$9([
-  e$4({ type: String })
-], SonicEventTitle.prototype, "title", 2);
-SonicEventTitle = __decorateClass$9([
-  n$2("sonic-event-title")
-], SonicEventTitle);
-var __defProp$8 = Object.defineProperty;
-var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
-var __decorateClass$8 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$8(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$8(target, key, result);
-  return result;
-};
-let SonicEvent = class extends Subscriber(s$1) {
-  render() {
-    return p$1`
-      <slot></slot>
-    `;
-  }
-};
-SonicEvent = __decorateClass$8([
-  n$2("super-event")
-], SonicEvent);
-var __defProp$7 = Object.defineProperty;
-var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
-var __decorateClass$7 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$7(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$7(target, key, result);
-  return result;
-};
-let SonicIllustration = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.illustration = "";
-    this.loadingMode = "lazy";
-    this.ratio = "1x1";
-    this.className = "";
-  }
-  render() {
-    return p$1` <div class="${this.className} sonic-img-container">
-      <picture
-        ><img src="${this.illustration}" loading="${this.loadingMode}" alt=""
-      /></picture>
-    </div>`;
-  }
-};
-SonicIllustration.styles = r$5`
-    img {
-      aspect-ratio: 1 / 1;
-      width: 100%;
-      vertical-align: middle;
-    }
-
-    img[src=""] {
-      visibility: hidden;
-    }
-
-    .sonic-img-container {
-      border-radius: var(--sc-img-radius, var(--sc-rounded-lg) );
-      overflow:hidden;
-      background: var(--sc-placeholder-bg);
-    }
-    
-  `;
-__decorateClass$7([
-  e$4({ type: String })
-], SonicIllustration.prototype, "illustration", 2);
-__decorateClass$7([
-  e$4({ type: String })
-], SonicIllustration.prototype, "loadingMode", 2);
-__decorateClass$7([
-  e$4({ type: String })
-], SonicIllustration.prototype, "ratio", 2);
-__decorateClass$7([
-  e$4({ type: String })
-], SonicIllustration.prototype, "className", 2);
-SonicIllustration = __decorateClass$7([
-  n$2("sonic-illustration")
-], SonicIllustration);
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
-var __decorateClass$6 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$6(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$6(target, key, result);
-  return result;
-};
-let SonicGiftcard = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.title = "";
-    this.body = "";
-    this.status = "";
-  }
-  render() {
-    return p$1`
-      <div class="sonic-giftcard-item">
-        <div class="sonic-giftcard-illustration">
-          <sonic-illustration></sonic-illustration>
-        </div>
-        <div class="sonic-giftcard-text">
-          <div class="sonic-giftcard-title">${this.title}</div>
-          <div class="sonic-giftcard-body">
-            <sonic-text-formatted .html=${this.body} leading="tight"></sonic-text-formatted>
-          </div>
-          ${this.status == "on_sale" ? p$1`<sonic-prices-form></sonic-prices-form>` : ""}
-          ${this.status == "only_visible" ? p$1`<div class="sonic-indispo"> Non disponible en ligne</div>` : ""}
-        </div>
-      </div>
-    `;
-  }
-};
-SonicGiftcard.styles = [
-  r$5`
-      .sonic-giftcard-item {
-        font-size: var(--sc-fs-root);
-        margin-bottom: 4em;
-        display: grid;
-        flex-wrap: wrap;
-        gap: 1.5em;
-        grid-template-columns: minmax(0, 1fr);
-      }
-
-      @media (min-width: 992px) {
-        .sonic-giftcard-item {
-          grid-template-columns: minmax(0, 1fr) minmax(0, 3fr);
-        }
-      }
-
-      .sonic-giftcard-title {
-        font-size: var(--sc-card-title-font-size, 1.75em);
-        line-height: var(--sc-card-title-leading, var(--sc-headings-line-height) );
-        font-weight: var(--sc-card-title-fw, var(--sc-headings-font-weight) );
-        margin-bottom: 0.25em;
-      }
-
-      .sonic-giftcard-prices {
-        margin-top: 0.8em;
-      }
-
-      .sonic-giftcard-body {
-        max-width: 70ch;
-        margin-bottom: 1.25em;
-      }
-
-      .sonic-giftcard-illustration {
-        position: relative;
-      }
-
-      .sonic-giftcard-text {
-        align-self: center;
-      }
-
-      .sonic-indispo {
-        display:inline-block;
-        padding:.25em 1em;
-        font-size:.85rem;
-        font-weight:bold;
-        border-radius:5rem;
-        background:var(--sc-warning);
-        color:var(--sc-warning-content);
-      }
-      
-    `
-];
-__decorateClass$6([
-  e$4({ type: String })
-], SonicGiftcard.prototype, "title", 2);
-__decorateClass$6([
-  e$4({ type: String })
-], SonicGiftcard.prototype, "body", 2);
-__decorateClass$6([
-  e$4({ type: String })
-], SonicGiftcard.prototype, "status", 2);
-SonicGiftcard = __decorateClass$6([
-  n$2("sonic-giftcard")
-], SonicGiftcard);
-const cssButton = r$5`
-    .btn {
-      all: unset;
-      cursor: pointer;
-      text-align: center;
-      line-height: 1.2;
-      border-radius: var(--sc-btn-rounded);
-      background: var(--sc-btn-bg, var(--sc-success, #1F2937));
-      color: var(--sc-btn-content, var(--sc-base, #fff));
-
-      font-family: var(--sc-btn-ff, inherit);
-      font-size: var(--sc-btn-fs-lg, 1.5em);
-      padding-block: var(--sc-btn-py, 0.6em);
-      padding-inline: var(--sc-btn-px, 0.8em);
-    }
-
-    .btn:hover,
-    .btn:focus {
-      filter:brightness(.99)
-    }
-
-    .btn:active{
-      transform:scale(.98)
-    }
-`;
-var __defProp$5 = Object.defineProperty;
-var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
-var __decorateClass$5 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$5(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$5(target, key, result);
-  return result;
-};
-let SonicPricesButton = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.price_amount = "";
-    this.giftcard_id = "";
-    this.price_name = "";
-    this.price_id = "";
-    this.btnClass = "";
-    this.displayBtnIcon = true;
-    this.displayPriceName = true;
-    this.priceNameClass = "";
-    this.price_help_text = "";
-    this.btnIconClass = "fal fa-shopping-basket";
-    this.loading = false;
-  }
-  _cleanPrice(price) {
-    return price == null ? void 0 : price.replace(".00", "");
-  }
-  async _handleClick() {
-    let api = new API({});
-    this.loading = true;
-    const timeoutId = setTimeout(SonicLoader.show, 250);
-    let result = await api.put("/api-billetterie/webcomponents/cart", {
-      events: [
-        {
-          "giftcard_id": this.giftcard_id,
-          "quantity": 1,
-          "price_id": this.price_id
-        }
-      ]
-    });
-    this.loading = false;
-    clearTimeout(timeoutId);
-    SonicLoader.hide();
-    if (!result) {
-      SonicToast.add({ text: "Network Error", status: "error", styled: true });
-      return;
-    }
-    if (result.status) {
-      document.querySelectorAll(".btn-panier-statut").forEach((elt) => {
-        elt.innerHTML = result.nb;
-        elt.classList.remove("hidden");
-      });
-      SonicToast.add({ text: "Votre produit a bien \xE9t\xE9 ajout\xE9", status: "success", styled: true });
-    } else {
-      SonicToast.add({ text: result.data, status: "error", styled: true });
-    }
-  }
-  render() {
-    if (!this.props)
-      return;
-    const icon2 = this.displayBtnIcon ? p$1`<i class="${this.btnIconClass}"></i>` : "";
-    const infoTooltip = this.price_help_text ? p$1`<div class="sonic-price-btn-help"><sonic-tooltip tooltipText="${this.price_help_text}">
-                  <span>?</span>
-              </sonic-tooltip></div>` : "";
-    return p$1`
-            
-            <button class="btn sonic-price-btn ${this.btnClass} ${!this.props.price_available || this.loading ? "sonic-price-disabled" : ""}" @click="${this._handleClick}">
-                ${this.displayPriceName && p$1`<span class="${this.priceNameClass} sonic-price-btn-name">
-                    ${this.price_name}
-                </span>`}
-                <span> ${icon2} ${this._cleanPrice(this.price_amount)}€ </span>
-                ${infoTooltip}
-            </button>
-        `;
-  }
-};
-SonicPricesButton.styles = [
-  cssButton,
-  r$5`
-            .sonic-price-btn {
-                position:relative;
-            }
-
-            .sonic-price-btn-name {
-                font-size: 0.75em;
-                display: block;
-            }
-
-            .sonic-price-btn-help {
-                border: 1px;
-                position:absolute;
-                right:.15rem;
-                top:.15rem;
-                width:1.2em;
-                font-size:.65em;
-                line-height:1;
-                display:inline-flex;
-                justify-content:center;
-                align-items: center;
-                height:1.2em;
-                background:var(--sc-base-content);
-                color:var(--sc-base);
-                border-radius:50%;
-                z-index:10;
-            }
-
-            .sonic-price-disabled {
-                opacity:.3;
-                pointer-events:none;
-                user-select:none;
-            }
-
-        `
-];
-__decorateClass$5([
-  e$4({ type: String })
-], SonicPricesButton.prototype, "price_amount", 2);
-__decorateClass$5([
-  e$4({ type: String })
-], SonicPricesButton.prototype, "giftcard_id", 2);
-__decorateClass$5([
-  e$4({ type: String })
-], SonicPricesButton.prototype, "price_name", 2);
-__decorateClass$5([
-  e$4({ type: String })
-], SonicPricesButton.prototype, "price_id", 2);
-__decorateClass$5([
-  e$4({ type: String })
-], SonicPricesButton.prototype, "btnClass", 2);
-__decorateClass$5([
-  e$4({ type: Boolean })
-], SonicPricesButton.prototype, "displayBtnIcon", 2);
-__decorateClass$5([
-  e$4({ type: Boolean })
-], SonicPricesButton.prototype, "displayPriceName", 2);
-__decorateClass$5([
-  e$4({ type: String })
-], SonicPricesButton.prototype, "priceNameClass", 2);
-__decorateClass$5([
-  e$4({ type: String })
-], SonicPricesButton.prototype, "price_help_text", 2);
-__decorateClass$5([
-  e$4({ type: String })
-], SonicPricesButton.prototype, "btnIconClass", 2);
-__decorateClass$5([
-  e$4()
-], SonicPricesButton.prototype, "loading", 2);
-SonicPricesButton = __decorateClass$5([
-  n$2("sonic-price-button")
-], SonicPricesButton);
-var __defProp$4 = Object.defineProperty;
-var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
-var __decorateClass$4 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$4(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$4(target, key, result);
-  return result;
-};
-let SonicPricesForm = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.giftcard_id = "";
-    this.prices = [];
-    this.wrapper = true;
-    this.displayBtnIcon = false;
-    this.displayPriceName = true;
-    this.className = "";
-    this.itemClass = "";
-    this.btnClass = "";
-    this.iconClass = "";
-    this.priceNameClass = "";
-  }
-  render() {
-    if (this.prices.length === 0)
-      return;
-    return p$1`
-      <div class="${this.className} sonic-prices-list">
-          ${c(this.prices, (price) => price.price_id, (price, index) => price && p$1`<div class="${this.itemClass} sonic-prices-list-item" ><sonic-price-button
-              dataPath="prices.${index}"
-              giftcard_id="${this.giftcard_id}"
-              .btnClass=${this.btnClass}
-              .displayBtnIcon=${this.displayBtnIcon}
-              .priceNameClass=${this.priceNameClass}
-              .displayPriceName=${this.displayPriceName}
-            ></sonic-price-button></div>`)}
-        
-      </div>
-    `;
-  }
-};
-SonicPricesForm.styles = [
-  r$5`
-        .sonic-prices-list {
-            display:grid;
-            grid-gap:.25em;
-            grid-template-columns:repeat(auto-fill, minmax( min( 8.5em, 100%), 1fr))
-        }
-
-        sonic-price-button,
-        .sonic-prices-list-item {
-          display:contents;
-          background:red;
-        }
-    `
-];
-__decorateClass$4([
-  e$4({ type: String })
-], SonicPricesForm.prototype, "giftcard_id", 2);
-__decorateClass$4([
-  e$4({ type: Array })
-], SonicPricesForm.prototype, "prices", 2);
-__decorateClass$4([
-  e$4({ type: Boolean })
-], SonicPricesForm.prototype, "wrapper", 2);
-__decorateClass$4([
-  e$4({ type: Boolean })
-], SonicPricesForm.prototype, "displayBtnIcon", 2);
-__decorateClass$4([
-  e$4({ type: Boolean })
-], SonicPricesForm.prototype, "displayPriceName", 2);
-__decorateClass$4([
-  e$4({ type: String })
-], SonicPricesForm.prototype, "className", 2);
-__decorateClass$4([
-  e$4({ type: String })
-], SonicPricesForm.prototype, "itemClass", 2);
-__decorateClass$4([
-  e$4({ type: String })
-], SonicPricesForm.prototype, "btnClass", 2);
-__decorateClass$4([
-  e$4({ type: String })
-], SonicPricesForm.prototype, "iconClass", 2);
-__decorateClass$4([
-  e$4({ type: String })
-], SonicPricesForm.prototype, "priceNameClass", 2);
-SonicPricesForm = __decorateClass$4([
-  n$2("sonic-prices-form")
-], SonicPricesForm);
-var __defProp$3 = Object.defineProperty;
-var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
-var __decorateClass$3 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$3(target, key, result);
-  return result;
-};
-let SonicButton = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.type = "";
-    this.variant = "";
-    this.size = "";
-    this.shape = "";
-    this.className = "";
-    this.href = "";
-  }
-  render() {
-    const btn = p$1`<button
-      class="${this.className}
-                  sonic-btn
-                  sonic-btn-xs
-                  ${this.variant}
-                  "
-    >
-      <span>
-        <slot name="prefix"></slot>
-        <slot></slot>
-        <slot name="suffix"></slot>
-      </span>
-    </button>`;
-    return this.href ? p$1`<a href="${this.href}" class="sonic-btn-link"> ${btn}</a>` : p$1`${btn}`;
-  }
-};
-SonicButton.styles = [
-  r$5`
-
-      button {
-        all: unset;
-        box-sizing: border-box;
-        
-        --btn-height: 2.5em;
-        --btn-border-color:transparent;
-        --sc-btn-bg:var(--sc-base-200, #e5e7eb);
-        --sc-btn-color: var(--sc-content, #1f2937)
-        --sc-btn-ff:inherit;
-        --sc-btn-fs:1rem;
-        --sc-btn-py:.6em;
-        --sc-btn-px:1.1em;
-        
-        cursor: pointer;
-        text-align: center;
-        line-height: 1.2;
-        border-radius: var(--sc-btn-rounded);
-
-        background:var(--sc-btn-bg) ;
-        color: var(--sc-btn-color);
-
-        font-family: var(--sc-btn-ff);
-        font-size: var(--sc-btn-fs);
-
-        padding-block: var(--sc-btn-py);
-        padding-inline: var(--sc-btn-px);
-
-        border-width:var(--btn-)
-        height:var(--btn-height);
-      }
-
-      button:hover,
-      button:focus {
-        filter: brightness(0.98);
-      }
-
-      button:active {
-        filter: brightness(0.92);
-      }
-
-      /*TYPES*/
-      :host([type="primary"]) button {
-        --sc-btn-color: var(--sc-primary-content);
-        --sc-btn-bg: var(--sc-primary);
-      }
-      :host([type="warning"]) button {
-        --sc-btn-color: var(--sc-warning-content);
-        --sc-btn-bg: var(--sc-warning);
-      }
-      :host([type="danger"]) button {
-        --sc-btn-color: var(--sc-danger-content);
-        --sc-btn-bg: var(--sc-danger);
-      }
-      :host([type="info"]) button {
-        --sc-btn-color: var(--sc-info-content);
-        --sc-btn-bg: var(--sc-info);
-      }
-      :host([type="success"]) button {
-        --sc-btn-color: var(--sc-success-content);
-        --sc-btn-bg: var(--sc-success);
-      }
-      :host([type="dark"]) button {
-        --sc-btn-color: var(--sc-base);
-        --sc-btn-bg: var(--sc-base-content);
-      }
-
-
-      /*Variant*/
-      :host([size="xs"]) button {
-        font-size:.75rem;
-      }
-      :host([size="sm"]) button {
-        font-size:.85rem;
-      }
-      :host([size="lg"]) button {
-        font-size:1.2rem;
-      }
-
-
-
-      /*Variant*/
-      :host([variant="ghost"]:not([type])) button {
-        color: var(--sc-btn-color);
-        background: transparent;
-      }
-
-      :host([variant="ghost"][type]) button {
-        color: var(--sc-btn-bg);
-        background: transparent;
-      }
-
-      :host([variant="ghost"]) button:focus,
-      :host([variant="ghost"]) button:hover {
-        background: var(--sc-base-200);
-      }
-
-      /*Shape*/
-      :host([shape="circle"]) button {
-        border-radius: 50%;
-      }
-
-      :host([shape="circle"]) button,
-      :host([shape="square"]) button {
-        width: var(--btn-height);
-        height: var(--btn-height);
-        overflow: hidden;
-        padding: 0;
-        align-items: center;
-        justify-content: 0;
-      }
-
-      .sonic-btn-link {
-        color: unset;
-        display:contents;
-      }
-    `
-];
-__decorateClass$3([
-  e$4({ type: String })
-], SonicButton.prototype, "type", 2);
-__decorateClass$3([
-  e$4({ type: String })
-], SonicButton.prototype, "variant", 2);
-__decorateClass$3([
-  e$4({ type: String })
-], SonicButton.prototype, "size", 2);
-__decorateClass$3([
-  e$4({ type: String })
-], SonicButton.prototype, "shape", 2);
-__decorateClass$3([
-  e$4({ type: String })
-], SonicButton.prototype, "className", 2);
-__decorateClass$3([
-  e$4({ type: String })
-], SonicButton.prototype, "href", 2);
-SonicButton = __decorateClass$3([
-  n$2("sonic-button")
-], SonicButton);
-var __defProp$2 = Object.defineProperty;
-var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
-var __decorateClass$2 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$2(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$2(target, key, result);
-  return result;
-};
-let SonicTooltip = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.tooltipText = "";
-    this.className = "";
-  }
-  render() {
-    return p$1`<div
-      data-tooltip-text="${this.tooltipText}"
-      class="${this.className} sonic-tooltip"
-    >
-      <slot></slot>
-    </div>`;
-  }
-};
-SonicTooltip.styles = [
-  r$5`
-      .sonic-tooltip {
-        position: relative;
-      display:flex;
-      align-items-center;
-      }
-      .sonic-tooltip:before {
-        position: absolute;
-        content: attr(data-tooltip-text);
-        font-size: 0.85rem;
-        display: block;
-        opacity: 0;
-        pointer-events: none;
-        bottom: calc(100% + 0.25rem);
-        left: 50%;
-        transform: translateX(-50%);
-        background: var(--sc-base-content, #111827);
-        padding: 0.25rem;
-        min-width: 20ch;
-        border-radius: 0.25rem;
-        color:var(--sc-base, #fff);
-        z-index:999;
-        display:none;
-      }
-      .sonic-tooltip:hover:before {
-        opacity: 1;
-        display:block;
-      }
-    `
-];
-__decorateClass$2([
-  e$4({ type: String })
-], SonicTooltip.prototype, "tooltipText", 2);
-__decorateClass$2([
-  e$4({ type: String })
-], SonicTooltip.prototype, "className", 2);
-SonicTooltip = __decorateClass$2([
-  n$2("sonic-tooltip")
-], SonicTooltip);
-var __defProp$1 = Object.defineProperty;
-var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
-var __decorateClass$1 = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$1(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp$1(target, key, result);
-  return result;
-};
-let SonicModal = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.className = "";
-    this.title = "";
-    this.text = "";
-    this.visibility = "visible";
-  }
-  render() {
-    if (this.visibility == "hidden")
-      return p$1``;
-    return p$1`<div
-        class="sonic-modal-wrapper"
-        ${$({
-      out: f
-    })}
-      >
-        <div
-          class="${this.className} sonic-modal"
-          ${$({
-      in: [{ transform: "translateY(100%) scale(1)", boxShadow: "0 0 0 rgba(0,0,0,0)", opacity: 0 }],
-      out: [{ transform: "translateY(20%) scale(1)", boxShadow: "0 0 0 rgba(0,0,0,0)", opacity: 0 }]
-    })}
-        >
-          <div class="sonic-modal-text-container">
-            <div class="sonic-modal-title">${this.title}</div>
-            <div class="sonic-modal-text">${this.text}</div>
-            <slot name="text"></slot>
-          </div>
-
-          <div class="sonic-modal-actions">
-            <sonic-button type="success">Mon action</sonic-button>
-            <slot name="actions"></slot>
-          </div>
-        </div>
-      </div>
-
-      <div
-        class="sonic-modal-overlay"
-        @click="${() => this.hide()}"
-        ${$({
-      in: p,
-      out: f
-    })}
-      ></div> `;
-  }
-  hide() {
-    this.visibility = "hidden";
-  }
-  static show(conf) {
-    if (!document.querySelector("sonic-modal")) {
-      let ModalComponent2 = document.createElement("sonic-modal");
-      ModalComponent2.setAttribute("styled", new Boolean(conf.styled).toString() || "true");
-      let container = document.querySelector("sonic-theme") || document.body;
-      container.appendChild(ModalComponent2);
-    }
-    let ModalComponent = document.querySelector("sonic-modal");
-    conf.title ? ModalComponent.title = conf.title : "";
-    conf.text ? ModalComponent.text = conf.text : "";
-    ModalComponent.visibility = "visible";
-  }
-};
-SonicModal.styles = [
-  r$5`
-      * {
-        box-sizing: border-box;
-      }
-
-      .sonic-modal-wrapper {
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        min-height: 20rem;
-        z-index: 990;
-        text-align: center;
-        align-items: center;
-        display: flex;
-        flex-direction: column;
-      }
-
-      .sonic-modal {
-        width: 100%;
-        background: var(--sc-base);
-        min-height: 20rem;
-        display: flex;
-        flex-direction: column;
-        text-align: center;
-        align-items: center;
-        padding: 1.25rem;
-        box-shadow: var(--sc-shadow-lg);
-        border-radius: var(--sc-rounded-lg) var(--sc-rounded-lg) 0 0;
-      }
-
-      .sonic-modal-text-container {
-        max-height: 20rem;
-        margin-block: auto;
-      }
-
-      .sonic-modal-title {
-        font-size: 2rem;
-        font-weight: bold;
-        line-height: 1.15;
-        margin-bottom: 0.25em;
-      }
-      .sonic-modal-overlay {
-        background: var(--sc-base-200);
-        inset: 0;
-        z-index: 900;
-        opacity: 0.8;
-        position: fixed;
-      }
-
-      @media (min-width: 768px) {
-        .sonic-modal-wrapper {
-          max-width: 60ch;
-          top: 50%;
-          left: 50%;
-          bottom: auto;
-          right: auto;
-          transform: translateX(-50%) translateY(-50%);
-        }
-
-        .sonic-modal {
-          max-width: 60ch;
-          top: 50%;
-          left: 50%;
-          bottom: auto;
-          right: auto;
-          border-radius: var(--sc-rounded-lg);
-        }
-      }
-    `
-];
-__decorateClass$1([
-  e$4({ type: String })
-], SonicModal.prototype, "className", 2);
-__decorateClass$1([
-  e$4({ type: String, reflect: false })
-], SonicModal.prototype, "title", 2);
-__decorateClass$1([
-  e$4({ type: String })
-], SonicModal.prototype, "text", 2);
-__decorateClass$1([
-  t$1()
-], SonicModal.prototype, "visibility", 2);
-SonicModal = __decorateClass$1([
-  n$2("sonic-modal")
-], SonicModal);
-if (typeof window !== "undefined") {
-  let win = window;
-  win.SonicModal = SonicModal;
-}
-const light = r$5`
-  :host([theme="light"]) {
-    --sc-primary: #6366f1;
-    --sc-info: #3b82f6;
-    --sc-danger: #ef4444;
-    --sc-warning: #fb923c;
-    --sc-success: #10b981;
-
-    --sc-primary-content: #fff;
-    --sc-info-content: #fff;
-    --sc-danger-content: #fff;
-    --sc-warning-content: #fff;
-    --sc-success-content: #fff;
-
-    --sc-base: #fff;
-    --sc-base-200: #e5e7eb;
-    --sc-base-300: #4b5563;
-    --sc-base-content: #1f2937;
-
-    --sc-font-family-base: inherit;
-    --sc-headings-font-family: var(--sc-font-family-base);
-    --sc-headings-line-height: 1.25;
-    --sc-headings-font-weight: bold;
-    --sc-headings-text-transform: none;
-
-    --sc-btn-rounded: 0.25em;
-    --sc-rounded: 0.35rem;
-    --sc-rounded-lg: 0.8rem;
-    --sc-placeholder-bg: rgba(17, 24, 39, 0.05);
-
-    --sc-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
-    --sc-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
-    --sc-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.08);
-  }
-`;
-const dracula = r$5`
-  :host([theme="dracula"]){
-    
-        --sc-primary: #ffb3d9;
-        --sc-info: #8be9fd;
-        --sc-danger: #ef4444;
-        --sc-warning: #ffb86c;
-        --sc-success: #50fa7b;
-    
-        --sc-primary-content: #fff;
-        --sc-info-content: #fff;
-        --sc-danger-content: #fff;
-        --sc-warning-content: #fff;
-        --sc-success-content: #fff;
-    
-        --sc-base: #302f3d;
-        --sc-base-200: #22212c;
-        --sc-base-300: #1d1e25;
-        --sc-base-content: #d5ccff;
-    
-        --sc-font-family-base: inherit;
-        --sc-headings-font-family: var(--sc-font-family-base);
-        --sc-headings-line-height: 1.25;
-        --sc-headings-font-weight: bold;
-        --sc-headings-text-transform: none;
-    
-        --sc-btn-rounded: 0.25em;
-        --sc-rounded: 0.35rem;
-        --sc-rounded-lg: 0.8rem;
-        --sc-placeholder-bg: rgba(17, 24, 39, 0.1);
-
-          
-        --sc-shadow-sm: 0 .125rem .25rem rgba(0,0,0,.05);
-        --sc-shadow: 0 .5rem 1rem rgba(0,0,0,.1);
-        --sc-shadow-lg: 0 1rem 3rem rgba(0,0,0,.08);
-      }
-  }
-`;
-const dark = r$5`
-  :host([theme="dark"]) {
-    --sc-primary: #c395fc;
-    --sc-info: #00b4d8;
-    --sc-danger: #993955;
-    --sc-warning: #E57A44;
-    --sc-success: #1cdecb;
-
-    --sc-primary-content: #212121;
-    --sc-info-content: #212121;
-    --sc-danger-content: #212121;
-    --sc-warning-content: #212121;
-    --sc-success-content: #212121;
-
-    --sc-base: #212121;
-    --sc-base-200: #2e2e2e;
-    --sc-base-300: #373737;
-    --sc-base-content: #e8e8e8;
-
-    --sc-font-family-base: inherit;
-    --sc-headings-font-family: var(--sc-font-family-base);
-    --sc-headings-line-height: 1.25;
-    --sc-headings-font-weight: bold;
-    --sc-headings-text-transform: none;
-
-    --sc-btn-rounded: 5rem;
-    --sc-rounded: 0.35rem;
-    --sc-rounded-lg: 0.8rem;
-    --sc-placeholder-bg: rgba(0, 0, 0, 0.1);
-
-    --sc-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
-    --sc-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
-    --sc-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.08);
-  }
-`;
-const bootstrap5 = r$5`
-  :host([theme="bootstrap5"]) {
-    --sc-primary: var(--bs-primary, #6366f1);
-    --sc-info: var(--bs-info, #fb923c);
-    --sc-danger: var(--bs-danger, #fb923c);
-    --sc-warning: var(--bs-warning, #fb923c);
-    --sc-success: var(--bs-success, #6366f1);
-
-    --sc-primary-content: var(--bs-white, #fff);
-    --sc-info-content: var(--bs-white, #fff);
-    --sc-danger-content: var(--bs-white, #fff);
-    --sc-warning-content: var(--bs-white, #fff);
-    --sc-success-content: var(--bs-white, #fff);
-
-    --sc-base: var(--bs-white, #fff);
-    --sc-base-200: var(--bs-light, #e5e7eb);
-    --sc-base-300: #a9adb3;
-    --sc-base-content: var(--bs-dark, #1f2937);
-
-    --sc-font-family-base: inherit;
-    --sc-headings-font-family: var(--sc-font-family-base);
-    --sc-headings-line-height: 1.25;
-    --sc-headings-font-weight: bold;
-    --sc-headings-text-transform: none;
-
-    --sc-btn-rounded: 0.25em;
-    --sc-rounded: 0.35rem;
-    --sc-rounded-lg: 0.8rem;
-    --sc-placeholder-bg: rgba(17, 24, 39, 0.05);
-
-    --sc-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
-    --sc-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
-    --sc-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.08);
-  }
-`;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __decorateClass = (decorators, target, key, kind) => {
-  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
-  for (var i2 = decorators.length - 1, decorator; i2 >= 0; i2--)
-    if (decorator = decorators[i2])
-      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
-  if (kind && result)
-    __defProp(target, key, result);
-  return result;
-};
-let SonicTheme = class extends Subscriber(s$1) {
-  constructor() {
-    super(...arguments);
-    this.theme = "light";
-  }
-  render() {
-    return p$1`<slot></slot>`;
-  }
-};
-SonicTheme.styles = [
-  light,
-  dark,
-  bootstrap5,
-  dracula,
-  r$5`
-    :host {
-      --sc-font-size-root: 1rem;
-    }
-    :host([background]){
-      display:block !important;
-      background:var(--sc-base) !important;
-    }
-    
-    `
-];
-__decorateClass([
-  e$4({ type: String, reflect: true })
-], SonicTheme.prototype, "theme", 2);
-SonicTheme = __decorateClass([
-  n$2("sonic-theme")
-], SonicTheme);