@supersoniks/concorde 1.0.0

package/dist/concorde.bundle.js

@@ -0,0 +1,2789 @@
+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$2 = window.ShadowRoot && (window.ShadyCSS === void 0 || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, e$6 = Symbol(), n$4 = new Map();
+class s$4 {
+  constructor(t2, n2) {
+    if (this._$cssResult$ = true, n2 !== e$6)
+      throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = t2;
+  }
+  get styleSheet() {
+    let e2 = n$4.get(this.cssText);
+    return t$2 && e2 === void 0 && (n$4.set(this.cssText, e2 = new CSSStyleSheet()), e2.replaceSync(this.cssText)), e2;
+  }
+  toString() {
+    return this.cssText;
+  }
+}
+const o$5 = (t2) => new s$4(typeof t2 == "string" ? t2 : t2 + "", e$6), r$2 = (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$6);
+}, i$4 = (e2, n2) => {
+  t$2 ? 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$1 = t$2 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
+  let e2 = "";
+  for (const n2 of t3.cssRules)
+    e2 += n2.cssText;
+  return o$5(e2);
+})(t2) : t2;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var s$3;
+const e$5 = window.trustedTypes, r$1 = e$5 ? e$5.emptyScript : "", h$1 = window.reactiveElementPolyfillSupport, o$4 = { toAttribute(t2, i2) {
+  switch (i2) {
+    case Boolean:
+      t2 = t2 ? r$1 : 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$3 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$2 = { attribute: true, type: String, converter: o$4, reflect: false, hasChanged: n$3 };
+class a$2 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$2) {
+    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$2;
+  }
+  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$1(i3));
+    } else
+      i2 !== void 0 && s2.push(S$1(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$4(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$2) {
+    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$4.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$4.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$3)(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$2.finalized = true, a$2.elementProperties = new Map(), a$2.elementStyles = [], a$2.shadowRootOptions = { mode: "open" }, h$1 == null || h$1({ ReactiveElement: a$2 }), ((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$1;
+const i$3 = globalThis.trustedTypes, s$2 = i$3 ? i$3.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$4 = `lit$${(Math.random() + "").slice(9)}$`, o$3 = "?" + e$4, n$2 = `<${o$3}>`, l$1 = document, h = (t2 = "") => l$1.createComment(t2), r = (t2) => t2 === null || typeof t2 != "object" && typeof t2 != "function", d = Array.isArray, u$2 = (t2) => {
+  var i2;
+  return d(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$1 = />/g, f$1 = />|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g, _ = /'/g, m$1 = /"/g, g = /^(?:script|style|textarea)$/i, $ = (t2) => (i2, ...s2) => ({ _$litType$: t2, strings: i2, values: s2 }), p = $(1), b = Symbol.for("lit-noChange"), T = Symbol.for("lit-nothing"), x = new WeakMap(), w = (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(), t3), t3, void 0, s2 != null ? s2 : {});
+  }
+  return l2._$AI(t2), l2;
+}, A = l$1.createTreeWalker(l$1, 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$1 : u3[2] !== void 0 ? (g.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d2 = f$1) : u3[3] !== void 0 && (d2 = f$1) : d2 === f$1 ? 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$1 : u3[3] === '"' ? m$1 : _) : d2 === m$1 || d2 === _ ? d2 = f$1 : d2 === v || d2 === a$1 ? d2 = c$2 : (d2 = f$1, h2 = void 0);
+    const y = d2 === f$1 && t2[i3 + 1].startsWith("/>") ? " " : "";
+    r2 += d2 === c$2 ? s2 + n$2 : $2 >= 0 ? (l2.push(o3), s2.slice(0, $2) + "$lit$" + s2.slice($2) + e$4 + y) : s2 + e$4 + ($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.currentNode = this.el.content, s2 === 2) {
+      const t3 = this.el.content, i2 = t3.firstChild;
+      i2.remove(), t3.append(...i2.childNodes);
+    }
+    for (; (l2 = A.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$4)) {
+              const s3 = a2[d2++];
+              if (t3.push(i2), s3 !== void 0) {
+                const t4 = l2.getAttribute(s3.toLowerCase() + "$lit$").split(e$4), 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 });
+              } else
+                c2.push({ type: 6, index: r2 });
+            }
+          for (const i2 of t3)
+            l2.removeAttribute(i2);
+        }
+        if (g.test(l2.tagName)) {
+          const t3 = l2.textContent.split(e$4), s3 = t3.length - 1;
+          if (s3 > 0) {
+            l2.textContent = i$3 ? i$3.emptyScript : "";
+            for (let i2 = 0; i2 < s3; i2++)
+              l2.append(t3[i2], h()), A.nextNode(), c2.push({ type: 2, index: ++r2 });
+            l2.append(t3[s3], h());
+          }
+        }
+      } else if (l2.nodeType === 8)
+        if (l2.data === o$3)
+          c2.push({ type: 2, index: r2 });
+        else {
+          let t3 = -1;
+          for (; (t3 = l2.data.indexOf(e$4, t3 + 1)) !== -1; )
+            c2.push({ type: 7, index: r2 }), t3 += e$4.length - 1;
+        }
+      r2++;
+    }
+  }
+  static createElement(t2, i2) {
+    const s2 = l$1.createElement("template");
+    return s2.innerHTML = t2, s2;
+  }
+}
+function V(t2, i2, s2 = t2, e2) {
+  var o2, n2, l2, h2;
+  if (i2 === b)
+    return i2;
+  let d2 = e2 !== void 0 ? (o2 = s2._$Cl) === null || o2 === void 0 ? void 0 : o2[e2] : s2._$Cu;
+  const u2 = r(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$1).importNode(s2, true);
+    A.currentNode = o2;
+    let n2 = A.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.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(t2) ? t2 === T || t2 == null || t2 === "" ? (this._$AH !== T && this._$AR(), this._$AH = T) : t2 !== this._$AH && t2 !== b && 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(this._$AH) ? this._$AA.nextSibling.data = t2 : this.S(l$1.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.get(t2.strings);
+    return i2 === void 0 && x.set(t2.strings, i2 = new P(t2)), i2;
+  }
+  M(t2) {
+    d(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()), this.A(h()), 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 {
+  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(t2) || t2 !== this._$AH && t2 !== b, 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 && (h2 = this._$AH[l2]), n2 || (n2 = !r(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 {
+  constructor() {
+    super(...arguments), this.type = 3;
+  }
+  k(t2) {
+    this.element[this.name] = t2 === T ? void 0 : t2;
+  }
+}
+const k = i$3 ? i$3.emptyScript : "";
+class H extends S {
+  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 {
+  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)
+      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$4, L: o$3, I: 1, N: C, R: E, D: u$2, j: V, H: N, O: S, F: H, B: I, W: M, Z: L }, z = window.litHtmlPolyfillSupport;
+z == null || z(P, N), ((t$1 = globalThis.litHtmlVersions) !== null && t$1 !== void 0 ? t$1 : globalThis.litHtmlVersions = []).push("2.0.2");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+var l, o$2;
+class s$1 extends a$2 {
+  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(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;
+  }
+}
+s$1.finalized = true, s$1._$litElement$ = true, (l = globalThis.litElementHydrateSupport) === null || l === void 0 || l.call(globalThis, { LitElement: s$1 });
+const n$1 = globalThis.litElementPolyfillSupport;
+n$1 == null || n$1({ LitElement: s$1 });
+((o$2 = globalThis.litElementVersions) !== null && o$2 !== void 0 ? o$2 : globalThis.litElementVersions = []).push("3.0.2");
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const n = (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$2 = (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$3(e2) {
+  return (n2, t2) => t2 !== void 0 ? ((i2, e3, n3) => {
+    e3.constructor.createProperty(n3, i2);
+  })(e2, n2, t2) : i$2(e2, n2);
+}
+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.parent = parentProxPub;
+        this.root = this;
+        while (this.root.parent) {
+          this.root = this.root.parent;
+        }
+      }
+      _createClass(CustomProxy2, [{
+        key: "_publishInternalMutation_",
+        value: function _publishInternalMutation_() {
+          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._proxies_.keys();
+          Array.from(this._proxies_.keys()).forEach(function(key) {
+            if (!_this2._value_[key]) {
+              _this2._proxies_["delete"](key);
+            }
+          });
+          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._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_"].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_;
+            }
+            if (!that._proxies_.has(sKey)) {
+              that._proxies_.set(sKey, new Publisher2(isComplex(vValue) ? vValue : {
+                __value: vValue
+              }, that));
+            }
+            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();
+          },
+          "ownKeys": function ownKeys(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) {
+            var vValue = target[sKey];
+            return vValue ? {
+              "value": vValue,
+              "writable": true,
+              "enumerable": true,
+              "configurable": false
+            } : void 0;
+          }
+        }));
+      }
+      return Publisher2;
+    }(CustomProxy);
+    module.exports = {
+      Publisher,
+      PublisherManager
+    };
+  })();
+})(publisherProxy);
+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 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 dataProvider() {
+      return this._dataProvider;
+    }
+    set dataProvider(value) {
+      this._dataProvider = value;
+      this.requestUpdate();
+    }
+    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.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$h([
+    e$3({ type: String, attribute: "data-title" })
+  ], SubscriberElement.prototype, "title", 2);
+  __decorateClass$h([
+    e$3({ type: String })
+  ], SubscriberElement.prototype, "dataProvider", 1);
+  __decorateClass$h([
+    e$3()
+  ], SubscriberElement.prototype, "props", 1);
+  return SubscriberElement;
+};
+class API {
+  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.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;
+  }
+  async get(path) {
+    let headers = await this.createHeaders();
+    let result = await fetch(this.computeURL(path), { headers });
+    return result.json();
+  }
+  async createHeaders() {
+    if (!this.token)
+      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) {
+    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)
+    });
+    return result.json();
+  }
+}
+const Fetcher = (superClass) => {
+  class FetcherElement extends superClass {
+    constructor(...args) {
+      super();
+      this.api = null;
+      this.tokenProvider = "";
+      this.serviceURL = "";
+      this.userName = "";
+      this.key = "";
+      this.password = "";
+      this.args = args;
+      this.dataProvider = "";
+    }
+    async _fetchEventData() {
+      if (!this.api)
+        return;
+      if (!this.dataProvider)
+        return;
+      if (this.dataProvider.indexOf("__subscriber__") != -1)
+        return;
+      let data;
+      data = await this.api.get(this.dataProvider);
+      if (this.key) {
+        data = data[this.key];
+      }
+      this.props = data;
+    }
+    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: "api",
+        password: "super",
+        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`<slot></slot>`;
+  }
+};
+SonicFetch = __decorateClass$g([
+  n("sonic-fetch")
+], SonicFetch);
+/**
+ * @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$2 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
+class i$1 {
+  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 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+class e$1 extends i$1 {
+  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)
+      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$2(e$1);
+const cssProse = r$2`
+  ul,
+  ol,
+  p {
+    margin:0 0 1em;
+  }
+
+  li {
+    margin-bottom:.5em;
+  }
+`;
+r$2`
+  :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`
+            <div class="${this.className} text-formatted">
+                ${o$1(this.html)}
+            </div>
+        `;
+  }
+};
+SonicTextFormatted.styles = [
+  cssProse
+];
+__decorateClass$f([
+  e$3({ type: String })
+], SonicTextFormatted.prototype, "html", 2);
+__decorateClass$f([
+  e$3({ type: String })
+], SonicTextFormatted.prototype, "leading", 2);
+__decorateClass$f([
+  e$3()
+], SonicTextFormatted.prototype, "className", 2);
+SonicTextFormatted = __decorateClass$f([
+  n("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) {
+      if (this.key)
+        text = this.props[this.key];
+      else if (typeof this.props === "string")
+        text = this.props;
+    }
+    return text || this.children.length ? p`<div class="${this.className}">
+          <slot name="prefix"></slot>
+          ${text && o$1(text)}
+          <slot></slot>
+          <slot name="suffix"></slot>
+        </div>` : p`<slot></slot>`;
+  }
+};
+__decorateClass$e([
+  e$3()
+], SonicText.prototype, "key", 2);
+__decorateClass$e([
+  e$3()
+], SonicText.prototype, "text", 2);
+__decorateClass$e([
+  e$3()
+], SonicText.prototype, "className", 2);
+SonicText = __decorateClass$e([
+  n("sonic-text")
+], SonicText);
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { H: i } = R, e = () => 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(), d2), v3 = l2.insertBefore(e(), d2);
+    n2 = new i(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 = {}, s = (o2, i2 = f) => o2._$AH = i2, a = (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$2(class extends i$1 {
+  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 a$12 = a(s$12), { values: p2, keys: v2 } = this.dt(t2, r2, c2);
+    if (!Array.isArray(a$12))
+      return this.ct = v2, p2;
+    const h2 = (d2 = this.ct) !== null && d2 !== void 0 ? d2 : this.ct = [], m$12 = [];
+    let y, x2, j = 0, k2 = a$12.length - 1, w2 = 0, A2 = p2.length - 1;
+    for (; j <= k2 && w2 <= A2; )
+      if (a$12[j] === null)
+        j++;
+      else if (a$12[k2] === null)
+        k2--;
+      else if (h2[j] === v2[w2])
+        m$12[w2] = c$1(a$12[j], p2[w2]), j++, w2++;
+      else if (h2[k2] === v2[A2])
+        m$12[A2] = c$1(a$12[k2], p2[A2]), k2--, A2--;
+      else if (h2[j] === v2[A2])
+        m$12[A2] = c$1(a$12[j], p2[A2]), u$1(s$12, m$12[A2 + 1], a$12[j]), j++, A2--;
+      else if (h2[k2] === v2[w2])
+        m$12[w2] = c$1(a$12[k2], p2[w2]), u$1(s$12, a$12[j], a$12[k2]), k2--, w2++;
+      else if (y === void 0 && (y = u(v2, w2, A2), x2 = u(h2, j, k2)), y.has(h2[j]))
+        if (y.has(h2[k2])) {
+          const e2 = x2.get(v2[w2]), t3 = e2 !== void 0 ? a$12[e2] : null;
+          if (t3 === null) {
+            const e3 = u$1(s$12, a$12[j]);
+            c$1(e3, p2[w2]), m$12[w2] = e3;
+          } else
+            m$12[w2] = c$1(t3, p2[w2]), u$1(s$12, a$12[j], t3), a$12[e2] = null;
+          w2++;
+        } else
+          m(a$12[k2]), k2--;
+      else
+        m(a$12[j]), j++;
+    for (; w2 <= A2; ) {
+      const e2 = u$1(s$12, m$12[A2 + 1]);
+      c$1(e2, p2[w2]), m$12[w2++] = e2;
+    }
+    for (; j <= k2; ) {
+      const e2 = a$12[j++];
+      e2 !== null && m(e2);
+    }
+    return this.ct = v2, s(s$12, m$12), b;
+  }
+});
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const o = e$2(class extends i$1 {
+  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 : (this.at = r2, document.importNode(r2.content, true));
+  }
+});
+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 (!Array.isArray(this.props))
+      return p``;
+    return p`
+           ${c(this.props, (item) => item.id, (item, index) => p`
+            <sonic-subscriber .props=${item} dataProvider="${this.dataProvider}/${index}"> 
+                ${o(this.template)}
+            </sonic-subscriber>
+        `)}
+    `;
+  }
+};
+SonicList.styles = [
+  r$2`
+          .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("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`
+      <slot></slot>
+    `;
+  }
+};
+SonicSubscriber = __decorateClass$c([
+  n("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`
+      <div class="sonic-taxonomy">
+        <i class=" fas fa-circle"></i>
+        <div>
+        ${c(this.taxonomy, (item) => item[idKey], (item) => p`<span>
+            ${item[nameKey]}
+          </span>
+          <span class="sonic-taxonomy-separator"></span>
+          `)}
+        </div>
+
+      </div>
+    `;
+  }
+};
+__decorateClass$b([
+  e$3({ type: Array })
+], SonicTaxonomy.prototype, "taxonomy", 2);
+__decorateClass$b([
+  e$3({ type: String })
+], SonicTaxonomy.prototype, "separator", 2);
+SonicTaxonomy = __decorateClass$b([
+  n("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`
+      <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$2`
+      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$3({ type: String })
+], SonicEventCard.prototype, "start_date", 2);
+__decorateClass$a([
+  e$3({ type: String })
+], SonicEventCard.prototype, "illustration", 2);
+__decorateClass$a([
+  e$3({ type: Array })
+], SonicEventCard.prototype, "categories", 2);
+SonicEventCard = __decorateClass$a([
+  n("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`
+            ${this.title}
+        `;
+  }
+};
+__decorateClass$9([
+  e$3({ type: String })
+], SonicEventTitle.prototype, "title", 2);
+SonicEventTitle = __decorateClass$9([
+  n("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`
+      <slot></slot>
+    `;
+  }
+};
+SonicEvent = __decorateClass$8([
+  n("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` <div class="${this.className} sonic-img-container">
+      <picture
+        ><img src="${this.illustration}" loading="${this.loadingMode}" alt=""
+      /></picture>
+    </div>`;
+  }
+};
+SonicIllustration.styles = r$2`
+    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$3({ type: String })
+], SonicIllustration.prototype, "illustration", 2);
+__decorateClass$7([
+  e$3({ type: String })
+], SonicIllustration.prototype, "loadingMode", 2);
+__decorateClass$7([
+  e$3({ type: String })
+], SonicIllustration.prototype, "ratio", 2);
+__decorateClass$7([
+  e$3({ type: String })
+], SonicIllustration.prototype, "className", 2);
+SonicIllustration = __decorateClass$7([
+  n("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 = "";
+  }
+  render() {
+    return p`
+      <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>
+          <sonic-prices-form></sonic-prices-form>
+        </div>
+      </div>
+    `;
+  }
+};
+SonicGiftcard.styles = [
+  r$2`
+      .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;
+      }
+    `
+];
+__decorateClass$6([
+  e$3({ type: String })
+], SonicGiftcard.prototype, "title", 2);
+__decorateClass$6([
+  e$3({ type: String })
+], SonicGiftcard.prototype, "body", 2);
+SonicGiftcard = __decorateClass$6([
+  n("sonic-giftcard")
+], SonicGiftcard);
+const cssButton = r$2`
+    button {
+
+      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);
+    }
+
+    button:hover,
+    button:focus {
+      filter:brightness(.99)
+    }
+
+    button: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;
+};
+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>
+`;
+let SonicToast = class extends Subscriber(s$1) {
+  constructor() {
+    super(...arguments);
+    this.status = "";
+    this.toastTitle = "";
+    this.text = "";
+    this.className = "";
+    this.btnClass = "";
+  }
+  static show(conf) {
+    let toast = document.createElement("sonic-toast");
+    let v2 = conf;
+    for (let z2 in v2)
+      toast.setAttribute(z2, v2[z2]);
+    let container = document.querySelector("sonic-theme");
+    if (!container)
+      container = document.body;
+    container.appendChild(toast);
+  }
+  render() {
+    let icon;
+    switch (this.status) {
+      case "success":
+        icon = successIcon;
+        break;
+      case "error":
+        icon = errorIcon;
+        break;
+      case "info":
+        icon = infoIcon;
+        break;
+      default:
+        icon = "";
+        break;
+    }
+    return p`<div class="${this.className} sonic-toast ${this.status}">
+       ${icon && p`<div class="sonic-toast-icon">${o$1(icon)}</div>`}
+      <div class="sonic-toast-text">
+        ${this.toastTitle && p`<div class="sonic-toast-title">${this.toastTitle}</div>`}
+        ${o$1(this.text)}
+        <slot> </slot>
+      </div>
+      <button class="${this.btnClass}" @click="${this._remove}">
+        ${o$1(removeIcon)}
+      </button>
+    </div>`;
+  }
+  _remove() {
+    this.remove();
+  }
+};
+SonicToast.styles = [
+  r$2`
+      .sonic-toast {
+        position: fixed;
+        top: 1rem;
+        right: 1rem;
+        width:75%;
+        max-width: 40ch;
+        background: var(--sc-base, #fff);
+        color: var(--sc-base-content);
+        box-shadow: var(--sc-shadow);
+        border-radius: var(--sc-rounded);
+        padding: 1em;
+        font-size: 0.85em;
+        z-index: 999;
+        padding-right: 2rem;
+        line-height: 1.25;
+        display: flex;
+        gap: 0.5rem;
+      }
+
+      .sonic-toast-icon {
+        flex-shrink: 0;
+        width: 2em;
+      }
+
+      button {
+        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.05);
+      }
+
+      button:focus,
+      button:hover {
+        opacity: 1;
+        background: rgba(0, 0, 0, 0.075);
+      }
+
+      button svg {
+        width: 1rem;
+        height: 1rem;
+        object-fit: contain;
+        object-position: center center;
+      }
+
+      .sonic-toast-title {
+        font-weight: bold;
+        margin-bottom: 0.25em;
+      }
+
+      .success {
+        border-top: 2px solid var(--sc-success);
+      }
+
+      .error {
+        border-top: 2px solid var(--sc-danger);
+      }
+
+      .info {
+        border-top: 2px solid var(--sc-info);
+      }
+
+      .warning {
+        border-top: 2px solid var(--sc-warning);
+      }
+
+      .info .sonic-toast-icon svg {
+        color: var(--sc-info);
+      }
+      .error .sonic-toast-icon svg {
+        color: var(--sc-danger);
+      }
+      .success .sonic-toast-icon svg {
+        color: var(--sc-success);
+      }
+      .warning .sonic-toast-icon svg {
+        color: var(--sc-warning);
+      }
+    `
+];
+__decorateClass$5([
+  e$3({ type: String })
+], SonicToast.prototype, "status", 2);
+__decorateClass$5([
+  e$3({ type: String })
+], SonicToast.prototype, "toastTitle", 2);
+__decorateClass$5([
+  e$3({ type: String })
+], SonicToast.prototype, "text", 2);
+__decorateClass$5([
+  e$3({ type: String })
+], SonicToast.prototype, "className", 2);
+__decorateClass$5([
+  e$3({ type: String })
+], SonicToast.prototype, "btnClass", 2);
+SonicToast = __decorateClass$5([
+  n("sonic-toast")
+], SonicToast);
+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 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";
+  }
+  _cleanPrice(price) {
+    return price == null ? void 0 : price.replace(".00", "");
+  }
+  async _handleClick() {
+    let api = new API({});
+    let result = await api.put("/api-billetterie/webcomponents/cart", {
+      events: [
+        {
+          "giftcard_id": this.giftcard_id,
+          "quantity": 1,
+          "price_id": this.price_id
+        }
+      ]
+    });
+    if (result.status) {
+      document.querySelectorAll(".btn-panier-statut").forEach((elt) => elt.innerHTML = result.nb);
+      SonicToast.show({ text: "Votre produit a bien \xE9t\xE9 ajout\xE9", status: "success", styled: true });
+    } else {
+      SonicToast.show({ text: result.data, status: "error", styled: true });
+    }
+  }
+  render() {
+    if (!this.props)
+      return;
+    const icon = this.displayBtnIcon ? p`<i class="${this.btnIconClass}"></i>` : "";
+    const infoTooltip = this.price_help_text ? p`<div class="sonic-price-btn-help"><sonic-tooltip tooltipText="${this.price_help_text}">
+                  <span>?</span>
+              </sonic-tooltip></div>` : "";
+    return p`
+            
+            <button class="sonic-price-btn ${this.btnClass} ${!this.props.price_available ? "sonic-price-disabled" : ""}" @click="${this._handleClick}">
+                ${this.displayPriceName && p`<span class="${this.priceNameClass} sonic-price-btn-name">
+                    ${this.price_name}
+                </span>`}
+                <span> ${icon} ${this._cleanPrice(this.price_amount)}€ </span>
+                ${infoTooltip}
+            </button>
+        `;
+  }
+};
+SonicPricesButton.styles = [
+  cssButton,
+  r$2`
+            .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$4([
+  e$3({ type: String })
+], SonicPricesButton.prototype, "price_amount", 2);
+__decorateClass$4([
+  e$3({ type: String })
+], SonicPricesButton.prototype, "giftcard_id", 2);
+__decorateClass$4([
+  e$3({ type: String })
+], SonicPricesButton.prototype, "price_name", 2);
+__decorateClass$4([
+  e$3({ type: String })
+], SonicPricesButton.prototype, "price_id", 2);
+__decorateClass$4([
+  e$3({ type: String })
+], SonicPricesButton.prototype, "btnClass", 2);
+__decorateClass$4([
+  e$3({ type: Boolean })
+], SonicPricesButton.prototype, "displayBtnIcon", 2);
+__decorateClass$4([
+  e$3({ type: Boolean })
+], SonicPricesButton.prototype, "displayPriceName", 2);
+__decorateClass$4([
+  e$3({ type: String })
+], SonicPricesButton.prototype, "priceNameClass", 2);
+__decorateClass$4([
+  e$3({ type: String })
+], SonicPricesButton.prototype, "price_help_text", 2);
+__decorateClass$4([
+  e$3({ type: String })
+], SonicPricesButton.prototype, "btnIconClass", 2);
+SonicPricesButton = __decorateClass$4([
+  n("sonic-price-button")
+], SonicPricesButton);
+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 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`
+      <div class="${this.className} sonic-prices-list">
+          ${c(this.prices, (price) => price.price_id, (price, index) => p`<div class="${this.itemClass} sonic-prices-list-item" ><sonic-price-button
+              .props=${this.makeShadow(this.props, price)}
+              dataProvider="${this.dataProvider}/${index}"
+              .btnClass=${this.btnClass}
+              .displayBtnIcon=${this.displayBtnIcon}
+              .priceNameClass=${this.priceNameClass}
+              .displayPriceName=${this.displayPriceName}
+            ></sonic-price-button></div>`)}
+        
+      </div>
+    `;
+  }
+};
+SonicPricesForm.styles = [
+  r$2`
+        .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$3([
+  e$3({ type: String })
+], SonicPricesForm.prototype, "giftcard_id", 2);
+__decorateClass$3([
+  e$3({ type: Array })
+], SonicPricesForm.prototype, "prices", 2);
+__decorateClass$3([
+  e$3({ type: Boolean })
+], SonicPricesForm.prototype, "wrapper", 2);
+__decorateClass$3([
+  e$3({ type: Boolean })
+], SonicPricesForm.prototype, "displayBtnIcon", 2);
+__decorateClass$3([
+  e$3({ type: Boolean })
+], SonicPricesForm.prototype, "displayPriceName", 2);
+__decorateClass$3([
+  e$3({ type: String })
+], SonicPricesForm.prototype, "className", 2);
+__decorateClass$3([
+  e$3({ type: String })
+], SonicPricesForm.prototype, "itemClass", 2);
+__decorateClass$3([
+  e$3({ type: String })
+], SonicPricesForm.prototype, "btnClass", 2);
+__decorateClass$3([
+  e$3({ type: String })
+], SonicPricesForm.prototype, "iconClass", 2);
+__decorateClass$3([
+  e$3({ type: String })
+], SonicPricesForm.prototype, "priceNameClass", 2);
+SonicPricesForm = __decorateClass$3([
+  n("sonic-prices-form")
+], SonicPricesForm);
+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`<div
+      data-tooltip-text="${this.tooltipText}"
+      class="${this.className} sonic-tooltip"
+    >
+      <slot></slot>
+    </div>`;
+  }
+};
+SonicTooltip.styles = [
+  r$2`
+      .sonic-tooltip {
+        position: relative;
+      }
+      .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;
+      }
+      .sonic-tooltip:hover:before {
+        opacity: 1;
+      }
+    `
+];
+__decorateClass$2([
+  e$3({ type: String })
+], SonicTooltip.prototype, "tooltipText", 2);
+__decorateClass$2([
+  e$3({ type: String })
+], SonicTooltip.prototype, "className", 2);
+SonicTooltip = __decorateClass$2([
+  n("sonic-tooltip")
+], SonicTooltip);
+const inline = r$2`
+  .sonic-loader--inline {
+    display:block;
+    position: relative;
+    width: 80px;
+    height: 80px;
+    margin:auto;
+    z-index:999;
+
+  }
+  .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$2`
+
+  @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$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 SonicLoader = class extends Subscriber(s$1) {
+  constructor() {
+    super(...arguments);
+    this.mode = "inline";
+  }
+  static show(conf) {
+    let loader = document.createElement("sonic-loader");
+    let v2 = conf;
+    for (let z2 in v2)
+      loader.setAttribute(z2, v2[z2]);
+    let container = document.querySelector("sonic-theme");
+    if (!container)
+      container = document.body;
+    container.appendChild(loader);
+  }
+  static remove() {
+    this.remove();
+  }
+  render() {
+    return p`<div class="sonic-loader--${this.mode} ">
+        <div></div>
+        <div></div>
+        <div></div>
+        <div></div>
+    </div>`;
+  }
+};
+SonicLoader.styles = [
+  inline,
+  fixed,
+  r$2`
+    :host {
+      --sc-loader-bg:var(--sc-primary, currentColor);
+    }`
+];
+__decorateClass$1([
+  e$3({ type: String })
+], SonicLoader.prototype, "mode", 2);
+SonicLoader = __decorateClass$1([
+  n("sonic-loader")
+], SonicLoader);
+const light = r$2`
+  :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$2`
+  :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$2`
+  :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: 0.25em;
+    --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$2`
+  :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 s$1 {
+  constructor() {
+    super(...arguments);
+    this.theme = "light";
+  }
+  render() {
+    return p`<slot></slot>`;
+  }
+};
+SonicTheme.styles = [
+  light,
+  dark,
+  bootstrap5,
+  dracula,
+  r$2`
+    :host {
+      --sc-font-size-root: 1rem;
+      color:var(--sc-base-content);
+    }
+    :host([background]){
+      display:block;
+      background:var(--sc-base);
+    }
+    
+    `
+];
+__decorateClass([
+  e$3({ type: String, reflect: true })
+], SonicTheme.prototype, "theme", 2);
+SonicTheme = __decorateClass([
+  n("sonic-theme")
+], SonicTheme);