@supersoniks/concorde 1.0.1 → 1.0.2

package/dist/concorde.bundle.js

@@ -22,22 +22,22 @@ var __spreadProps = (a2, b2) => __defProps(a2, __getOwnPropDescs(b2));
  * 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();
+const t$3 = window.ShadowRoot && (window.ShadyCSS === void 0 || window.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, e$7 = Symbol(), n$6 = new Map();
 class s$4 {
   constructor(t2, n2) {
-    if (this._$cssResult$ = true, n2 !== e$6)
+    if (this._$cssResult$ = true, n2 !== e$7)
       throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t2;
   }
   get styleSheet() {
-    let e2 = n$4.get(this.cssText);
-    return t$2 && e2 === void 0 && (n$4.set(this.cssText, e2 = new CSSStyleSheet()), e2.replaceSync(this.cssText)), e2;
+    let e2 = n$6.get(this.cssText);
+    return t$3 && e2 === void 0 && (n$6.set(this.cssText, e2 = new CSSStyleSheet()), e2.replaceSync(this.cssText)), e2;
   }
   toString() {
     return this.cssText;
   }
 }
-const o$5 = (t2) => new s$4(typeof t2 == "string" ? t2 : t2 + "", e$6), r$2 = (t2, ...n2) => {
+const o$6 = (t2) => new s$4(typeof t2 == "string" ? t2 : t2 + "", e$7), r$5 = (t2, ...n2) => {
   const o2 = t2.length === 1 ? t2[0] : n2.reduce((e2, n3, s2) => e2 + ((t3) => {
     if (t3._$cssResult$ === true)
       return t3.cssText;
@@ -45,17 +45,17 @@ const o$5 = (t2) => new s$4(typeof t2 == "string" ? t2 : t2 + "", e$6), r$2 = (t
       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) => {
+  return new s$4(o2, e$7);
+}, i$5 = (e2, n2) => {
+  t$3 ? e2.adoptedStyleSheets = n2.map((t2) => t2 instanceof CSSStyleSheet ? t2 : t2.styleSheet) : n2.forEach((t2) => {
     const n3 = document.createElement("style"), s2 = window.litNonce;
     s2 !== void 0 && n3.setAttribute("nonce", s2), n3.textContent = t2.cssText, e2.appendChild(n3);
   });
-}, S$1 = t$2 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
+}, S$2 = t$3 ? (t2) => t2 : (t2) => t2 instanceof CSSStyleSheet ? ((t3) => {
   let e2 = "";
   for (const n2 of t3.cssRules)
     e2 += n2.cssText;
-  return o$5(e2);
+  return o$6(e2);
 })(t2) : t2;
 /**
  * @license
@@ -63,10 +63,10 @@ const o$5 = (t2) => new s$4(typeof t2 == "string" ? t2 : t2 + "", e$6), r$2 = (t
  * 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) {
+const e$6 = window.trustedTypes, r$4 = e$6 ? e$6.emptyScript : "", h$3 = window.reactiveElementPolyfillSupport, o$5 = { toAttribute(t2, i2) {
   switch (i2) {
     case Boolean:
-      t2 = t2 ? r$1 : null;
+      t2 = t2 ? r$4 : null;
       break;
     case Object:
     case Array:
@@ -91,8 +91,8 @@ const e$5 = window.trustedTypes, r$1 = e$5 ? e$5.emptyScript : "", h$1 = window.
       }
   }
   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 {
+} }, n$5 = (t2, i2) => i2 !== t2 && (i2 == i2 || t2 == t2), l$3 = { attribute: true, type: String, converter: o$5, reflect: false, hasChanged: n$5 };
+class a$3 extends HTMLElement {
   constructor() {
     super(), this._$Et = new Map(), this.isUpdatePending = false, this.hasUpdated = false, this._$Ei = null, this.o();
   }
@@ -108,7 +108,7 @@ class a$2 extends HTMLElement {
       e2 !== void 0 && (this._$Eu.set(e2, s2), t2.push(e2));
     }), t2;
   }
-  static createProperty(t2, i2 = l$2) {
+  static createProperty(t2, i2 = l$3) {
     if (i2.state && (i2.attribute = false), this.finalize(), this.elementProperties.set(t2, i2), !i2.noAccessor && !this.prototype.hasOwnProperty(t2)) {
       const s2 = typeof t2 == "symbol" ? Symbol() : "__" + t2, e2 = this.getPropertyDescriptor(t2, s2, i2);
       e2 !== void 0 && Object.defineProperty(this.prototype, t2, e2);
@@ -123,7 +123,7 @@ class a$2 extends HTMLElement {
     }, configurable: true, enumerable: true };
   }
   static getPropertyOptions(t2) {
-    return this.elementProperties.get(t2) || l$2;
+    return this.elementProperties.get(t2) || l$3;
   }
   static finalize() {
     if (this.hasOwnProperty("finalized"))
@@ -142,9 +142,9 @@ class a$2 extends HTMLElement {
     if (Array.isArray(i2)) {
       const e2 = new Set(i2.flat(1 / 0).reverse());
       for (const i3 of e2)
-        s2.unshift(S$1(i3));
+        s2.unshift(S$2(i3));
     } else
-      i2 !== void 0 && s2.push(S$1(i2));
+      i2 !== void 0 && s2.push(S$2(i2));
     return s2;
   }
   static _$Eh(t2, i2) {
@@ -171,7 +171,7 @@ class a$2 extends HTMLElement {
   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;
+    return i$5(s2, this.constructor.elementStyles), s2;
   }
   connectedCallback() {
     var t2;
@@ -192,11 +192,11 @@ class a$2 extends HTMLElement {
   attributeChangedCallback(t2, i2, s2) {
     this._$AK(t2, s2);
   }
-  _$ES(t2, i2, s2 = l$2) {
+  _$ES(t2, i2, s2 = l$3) {
     var e2, r2;
     const h2 = this.constructor._$Eh(t2, s2);
     if (h2 !== void 0 && s2.reflect === true) {
-      const n2 = ((r2 = (e2 = s2.converter) === null || e2 === void 0 ? void 0 : e2.toAttribute) !== null && r2 !== void 0 ? r2 : o$4.toAttribute)(i2, s2.type);
+      const n2 = ((r2 = (e2 = s2.converter) === null || e2 === void 0 ? void 0 : e2.toAttribute) !== null && r2 !== void 0 ? r2 : o$5.toAttribute)(i2, s2.type);
       this._$Ei = t2, n2 == null ? this.removeAttribute(h2) : this.setAttribute(h2, n2), this._$Ei = null;
     }
   }
@@ -204,13 +204,13 @@ class a$2 extends HTMLElement {
     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;
+      const t3 = h2.getPropertyOptions(n2), l2 = t3.converter, a2 = (r2 = (e2 = (s2 = l2) === null || s2 === void 0 ? void 0 : s2.fromAttribute) !== null && e2 !== void 0 ? e2 : typeof l2 == "function" ? l2 : null) !== null && r2 !== void 0 ? r2 : o$5.fromAttribute;
       this._$Ei = n2, this[n2] = a2(i2, t3.type), this._$Ei = null;
     }
   }
   requestUpdate(t2, i2, s2) {
     let e2 = true;
-    t2 !== void 0 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || n$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());
+    t2 !== void 0 && (((s2 = s2 || this.constructor.getPropertyOptions(t2)).hasChanged || n$5)(this[t2], i2) ? (this._$AL.has(t2) || this._$AL.set(t2, i2), s2.reflect === true && this._$Ei !== t2 && (this._$E_ === void 0 && (this._$E_ = new Map()), this._$E_.set(t2, s2))) : e2 = false), !this.isUpdatePending && e2 && (this._$Ep = this._$EC());
   }
   async _$EC() {
     this.isUpdatePending = true;
@@ -271,35 +271,35 @@ class a$2 extends HTMLElement {
   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");
+a$3.finalized = true, a$3.elementProperties = new Map(), a$3.elementStyles = [], a$3.shadowRootOptions = { mode: "open" }, h$3 == null || h$3({ ReactiveElement: a$3 }), ((s$3 = globalThis.reactiveElementVersions) !== null && s$3 !== void 0 ? s$3 : globalThis.reactiveElementVersions = []).push("1.0.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var t$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 t$2;
+const i$4 = globalThis.trustedTypes, s$2 = i$4 ? i$4.createPolicy("lit-html", { createHTML: (t2) => t2 }) : void 0, e$5 = `lit$${(Math.random() + "").slice(9)}$`, o$4 = "?" + e$5, n$4 = `<${o$4}>`, l$2 = document, h$2 = (t2 = "") => l$2.createComment(t2), r$3 = (t2) => t2 === null || typeof t2 != "object" && typeof t2 != "function", d$1 = Array.isArray, u$2 = (t2) => {
   var i2;
-  return d(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) => {
+  return d$1(t2) || typeof ((i2 = t2) === null || i2 === void 0 ? void 0 : i2[Symbol.iterator]) == "function";
+}, c$2 = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, a$2 = />/g, f$1 = />|[ 	\n\r](?:([^\s"'>=/]+)([ 	\n\r]*=[ 	\n\r]*(?:[^ 	\n\r"'`<>=]|("|')|))|$)/g, _ = /'/g, m$1 = /"/g, g$1 = /^(?:script|style|textarea)$/i, $$1 = (t2) => (i2, ...s2) => ({ _$litType$: t2, strings: i2, values: s2 }), p = $$1(1), b$1 = Symbol.for("lit-noChange"), T = Symbol.for("lit-nothing"), x$1 = new WeakMap(), w$1 = (t2, i2, s2) => {
   var e2, o2;
   const n2 = (e2 = s2 == null ? void 0 : s2.renderBefore) !== null && e2 !== void 0 ? e2 : i2;
   let l2 = n2._$litPart$;
   if (l2 === void 0) {
     const t3 = (o2 = s2 == null ? void 0 : s2.renderBefore) !== null && o2 !== void 0 ? o2 : null;
-    n2._$litPart$ = l2 = new N(i2.insertBefore(h(), t3), t3, void 0, s2 != null ? s2 : {});
+    n2._$litPart$ = l2 = new N(i2.insertBefore(h$2(), t3), t3, void 0, s2 != null ? s2 : {});
   }
   return l2._$AI(t2), l2;
-}, A = l$1.createTreeWalker(l$1, 129, null, false), C = (t2, i2) => {
+}, A$1 = l$2.createTreeWalker(l$2, 129, null, false), C = (t2, i2) => {
   const o2 = t2.length - 1, l2 = [];
   let h2, r2 = i2 === 2 ? "<svg>" : "", d2 = c$2;
   for (let i3 = 0; i3 < o2; i3++) {
     const s2 = t2[i3];
     let o3, u3, $2 = -1, p2 = 0;
     for (; p2 < s2.length && (d2.lastIndex = p2, u3 = d2.exec(s2), u3 !== null); )
-      p2 = d2.lastIndex, d2 === c$2 ? u3[1] === "!--" ? d2 = v : u3[1] !== void 0 ? d2 = a$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);
+      p2 = d2.lastIndex, d2 === c$2 ? u3[1] === "!--" ? d2 = v : u3[1] !== void 0 ? d2 = a$2 : u3[2] !== void 0 ? (g$1.test(u3[2]) && (h2 = RegExp("</" + u3[2], "g")), d2 = f$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$2 ? 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);
+    r2 += d2 === c$2 ? s2 + n$4 : $2 >= 0 ? (l2.push(o3), s2.slice(0, $2) + "$lit$" + s2.slice($2) + e$5 + y) : s2 + e$5 + ($2 === -2 ? (l2.push(void 0), i3) : y);
   }
   const u2 = r2 + (t2[o2] || "<?>") + (i2 === 2 ? "</svg>" : "");
   return [s$2 !== void 0 ? s$2.createHTML(u2) : u2, l2];
@@ -310,57 +310,57 @@ class P {
     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) {
+    if (this.el = P.createElement(v2, n2), A$1.currentNode = this.el.content, s2 === 2) {
       const t3 = this.el.content, i2 = t3.firstChild;
       i2.remove(), t3.append(...i2.childNodes);
     }
-    for (; (l2 = A.nextNode()) !== null && c2.length < u2; ) {
+    for (; (l2 = A$1.nextNode()) !== null && c2.length < u2; ) {
       if (l2.nodeType === 1) {
         if (l2.hasAttributes()) {
           const t3 = [];
           for (const i2 of l2.getAttributeNames())
-            if (i2.endsWith("$lit$") || i2.startsWith(e$4)) {
+            if (i2.endsWith("$lit$") || i2.startsWith(e$5)) {
               const s3 = a2[d2++];
               if (t3.push(i2), s3 !== void 0) {
-                const t4 = l2.getAttribute(s3.toLowerCase() + "$lit$").split(e$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 });
+                const t4 = l2.getAttribute(s3.toLowerCase() + "$lit$").split(e$5), i3 = /([.?@])?(.*)/.exec(s3);
+                c2.push({ type: 1, index: r2, name: i3[2], strings: t4, ctor: i3[1] === "." ? M : i3[1] === "?" ? H : i3[1] === "@" ? I : S$1 });
               } else
                 c2.push({ type: 6, index: r2 });
             }
           for (const i2 of t3)
             l2.removeAttribute(i2);
         }
-        if (g.test(l2.tagName)) {
-          const t3 = l2.textContent.split(e$4), s3 = t3.length - 1;
+        if (g$1.test(l2.tagName)) {
+          const t3 = l2.textContent.split(e$5), s3 = t3.length - 1;
           if (s3 > 0) {
-            l2.textContent = i$3 ? i$3.emptyScript : "";
+            l2.textContent = i$4 ? i$4.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());
+              l2.append(t3[i2], h$2()), A$1.nextNode(), c2.push({ type: 2, index: ++r2 });
+            l2.append(t3[s3], h$2());
           }
         }
       } else if (l2.nodeType === 8)
-        if (l2.data === o$3)
+        if (l2.data === o$4)
           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;
+          for (; (t3 = l2.data.indexOf(e$5, t3 + 1)) !== -1; )
+            c2.push({ type: 7, index: r2 }), t3 += e$5.length - 1;
         }
       r2++;
     }
   }
   static createElement(t2, i2) {
-    const s2 = l$1.createElement("template");
+    const s2 = l$2.createElement("template");
     return s2.innerHTML = t2, s2;
   }
 }
 function V(t2, i2, s2 = t2, e2) {
   var o2, n2, l2, h2;
-  if (i2 === b)
+  if (i2 === b$1)
     return i2;
   let d2 = e2 !== void 0 ? (o2 = s2._$Cl) === null || o2 === void 0 ? void 0 : o2[e2] : s2._$Cu;
-  const u2 = r(i2) ? void 0 : i2._$litDirective$;
+  const u2 = r$3(i2) ? void 0 : i2._$litDirective$;
   return (d2 == null ? void 0 : d2.constructor) !== u2 && ((n2 = d2 == null ? void 0 : d2._$AO) === null || n2 === void 0 || n2.call(d2, false), u2 === void 0 ? d2 = void 0 : (d2 = new u2(t2), d2._$AT(t2, s2, e2)), e2 !== void 0 ? ((l2 = (h2 = s2)._$Cl) !== null && l2 !== void 0 ? l2 : h2._$Cl = [])[e2] = d2 : s2._$Cu = d2), d2 !== void 0 && (i2 = V(t2, d2._$AS(t2, i2.values), d2, e2)), i2;
 }
 class E {
@@ -375,15 +375,15 @@ class E {
   }
   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];
+    const { el: { content: s2 }, parts: e2 } = this._$AD, o2 = ((i2 = t2 == null ? void 0 : t2.creationScope) !== null && i2 !== void 0 ? i2 : l$2).importNode(s2, true);
+    A$1.currentNode = o2;
+    let n2 = A$1.nextNode(), h2 = 0, r2 = 0, d2 = e2[0];
     for (; d2 !== void 0; ) {
       if (h2 === d2.index) {
         let i3;
         d2.type === 2 ? i3 = new N(n2, n2.nextSibling, this, t2) : d2.type === 1 ? i3 = new d2.ctor(n2, d2.name, d2.strings, this, t2) : d2.type === 6 && (i3 = new L(n2, this, t2)), this.v.push(i3), d2 = e2[++r2];
       }
-      h2 !== (d2 == null ? void 0 : d2.index) && (n2 = A.nextNode(), h2++);
+      h2 !== (d2 == null ? void 0 : d2.index) && (n2 = A$1.nextNode(), h2++);
     }
     return o2;
   }
@@ -414,7 +414,7 @@ class N {
     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);
+    t2 = V(this, t2, i2), r$3(t2) ? t2 === T || t2 == null || t2 === "" ? (this._$AH !== T && this._$AR(), this._$AH = T) : t2 !== this._$AH && t2 !== b$1 && this.$(t2) : t2._$litType$ !== void 0 ? this.T(t2) : t2.nodeType !== void 0 ? this.S(t2) : u$2(t2) ? this.M(t2) : this.$(t2);
   }
   A(t2, i2 = this._$AB) {
     return this._$AA.parentNode.insertBefore(t2, i2);
@@ -423,7 +423,7 @@ class N {
     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;
+    this._$AH !== T && r$3(this._$AH) ? this._$AA.nextSibling.data = t2 : this.S(l$2.createTextNode(t2)), this._$AH = t2;
   }
   T(t2) {
     var i2;
@@ -436,15 +436,15 @@ class N {
     }
   }
   _$AC(t2) {
-    let i2 = x.get(t2.strings);
-    return i2 === void 0 && x.set(t2.strings, i2 = new P(t2)), i2;
+    let i2 = x$1.get(t2.strings);
+    return i2 === void 0 && x$1.set(t2.strings, i2 = new P(t2)), i2;
   }
   M(t2) {
-    d(this._$AH) || (this._$AH = [], this._$AR());
+    d$1(this._$AH) || (this._$AH = [], this._$AR());
     const i2 = this._$AH;
     let s2, e2 = 0;
     for (const o2 of t2)
-      e2 === i2.length ? i2.push(s2 = new N(this.A(h()), this.A(h()), this, this.options)) : s2 = i2[e2], s2._$AI(o2), e2++;
+      e2 === i2.length ? i2.push(s2 = new N(this.A(h$2()), this.A(h$2()), this, this.options)) : s2 = i2[e2], s2._$AI(o2), e2++;
     e2 < i2.length && (this._$AR(s2 && s2._$AB.nextSibling, e2), i2.length = e2);
   }
   _$AR(t2 = this._$AA.nextSibling, i2) {
@@ -459,7 +459,7 @@ class N {
     this._$AM === void 0 && (this._$Cg = t2, (i2 = this._$AP) === null || i2 === void 0 || i2.call(this, t2));
   }
 }
-class S {
+class S$1 {
   constructor(t2, i2, s2, e2, o2) {
     this.type = 1, this._$AH = T, this._$AN = void 0, this.element = t2, this.name = i2, this._$AM = e2, this.options = o2, s2.length > 2 || s2[0] !== "" || s2[1] !== "" ? (this._$AH = Array(s2.length - 1).fill(new String()), this.strings = s2) : this._$AH = T;
   }
@@ -473,12 +473,12 @@ class S {
     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);
+      t2 = V(this, t2, i2, 0), n2 = !r$3(t2) || t2 !== this._$AH && t2 !== b$1, n2 && (this._$AH = t2);
     else {
       const e3 = t2;
       let l2, h2;
       for (t2 = o2[0], l2 = 0; l2 < o2.length - 1; l2++)
-        h2 = V(this, e3[s2 + l2], i2, l2), h2 === b && (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;
+        h2 = V(this, e3[s2 + l2], i2, l2), h2 === b$1 && (h2 = this._$AH[l2]), n2 || (n2 = !r$3(h2) || h2 !== this._$AH[l2]), h2 === T ? t2 = T : t2 !== T && (t2 += (h2 != null ? h2 : "") + o2[l2 + 1]), this._$AH[l2] = h2;
     }
     n2 && !e2 && this.k(t2);
   }
@@ -486,7 +486,7 @@ class S {
     t2 === T ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t2 != null ? t2 : "");
   }
 }
-class M extends S {
+class M extends S$1 {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -494,8 +494,8 @@ class M extends S {
     this.element[this.name] = t2 === T ? void 0 : t2;
   }
 }
-const k = i$3 ? i$3.emptyScript : "";
-class H extends S {
+const k = i$4 ? i$4.emptyScript : "";
+class H extends S$1 {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -503,13 +503,13 @@ class H extends S {
     t2 && t2 !== T ? this.element.setAttribute(this.name, k) : this.element.removeAttribute(this.name);
   }
 }
-class I extends S {
+class I extends S$1 {
   constructor(t2, i2, s2, e2, o2) {
     super(t2, i2, s2, e2, o2), this.type = 5;
   }
   _$AI(t2, i2 = this) {
     var s2;
-    if ((t2 = (s2 = V(this, t2, i2, 0)) !== null && s2 !== void 0 ? s2 : T) === b)
+    if ((t2 = (s2 = V(this, t2, i2, 0)) !== null && s2 !== void 0 ? s2 : T) === b$1)
       return;
     const e2 = this._$AH, o2 = t2 === T && e2 !== T || t2.capture !== e2.capture || t2.once !== e2.once || t2.passive !== e2.passive, n2 = t2 !== T && (e2 === T || o2);
     o2 && this.element.removeEventListener(this.name, this, e2), n2 && this.element.addEventListener(this.name, this, t2), this._$AH = t2;
@@ -530,15 +530,15 @@ class L {
     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");
+const R = { P: "$lit$", V: e$5, L: o$4, I: 1, N: C, R: E, D: u$2, j: V, H: N, O: S$1, F: H, B: I, W: M, Z: L }, z = window.litHtmlPolyfillSupport;
+z == null || z(P, N), ((t$2 = globalThis.litHtmlVersions) !== null && t$2 !== void 0 ? t$2 : globalThis.litHtmlVersions = []).push("2.0.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-var l, o$2;
-class s$1 extends a$2 {
+var l$1, o$3;
+class s$1 extends a$3 {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Dt = void 0;
   }
@@ -549,7 +549,7 @@ class s$1 extends a$2 {
   }
   update(t2) {
     const i2 = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Dt = w(i2, this.renderRoot, this.renderOptions);
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t2), this._$Dt = w$1(i2, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     var t2;
@@ -560,19 +560,19 @@ class s$1 extends a$2 {
     super.disconnectedCallback(), (t2 = this._$Dt) === null || t2 === void 0 || t2.setConnected(false);
   }
   render() {
-    return b;
+    return b$1;
   }
 }
-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");
+s$1.finalized = true, s$1._$litElement$ = true, (l$1 = globalThis.litElementHydrateSupport) === null || l$1 === void 0 || l$1.call(globalThis, { LitElement: s$1 });
+const n$3 = globalThis.litElementPolyfillSupport;
+n$3 == null || n$3({ LitElement: s$1 });
+((o$3 = globalThis.litElementVersions) !== null && o$3 !== void 0 ? o$3 : globalThis.litElementVersions = []).push("3.0.2");
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const n = (n2) => (e2) => typeof e2 == "function" ? ((n3, e3) => (window.customElements.define(n3, e3), e3))(n2, e2) : ((n3, e3) => {
+const n$2 = (n2) => (e2) => typeof e2 == "function" ? ((n3, e3) => (window.customElements.define(n3, e3), e3))(n2, e2) : ((n3, e3) => {
   const { kind: t2, elements: i2 } = e3;
   return { kind: t2, elements: i2, finisher(e4) {
     window.customElements.define(n3, e4);
@@ -583,17 +583,25 @@ const n = (n2) => (e2) => typeof e2 == "function" ? ((n3, e3) => (window.customE
  * 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) {
+const i$3 = (i2, e2) => e2.kind === "method" && e2.descriptor && !("value" in e2.descriptor) ? __spreadProps(__spreadValues({}, e2), { finisher(n2) {
   n2.createProperty(e2.key, i2);
 } }) : { kind: "field", key: Symbol(), placement: "own", descriptor: {}, originalKey: e2.key, initializer() {
   typeof e2.initializer == "function" && (this[e2.key] = e2.initializer.call(this));
 }, finisher(n2) {
   n2.createProperty(e2.key, i2);
 } };
-function e$3(e2) {
+function e$4(e2) {
   return (n2, t2) => t2 !== void 0 ? ((i2, e3, n3) => {
     e3.constructor.createProperty(n3, i2);
-  })(e2, n2, t2) : i$2(e2, n2);
+  })(e2, n2, t2) : i$3(e2, n2);
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+function t$1(t2) {
+  return e$4(__spreadProps(__spreadValues({}, t2), { state: true }));
 }
 var publisherProxy = { exports: {} };
 (function(module) {
@@ -1101,17 +1109,17 @@ const Subscriber = (superClass) => {
   let SubscriberElement = _SubscriberElement;
   SubscriberElement.instanceCounter = 0;
   __decorateClass$h([
-    e$3({ type: String, attribute: "data-title" })
+    e$4({ type: String, attribute: "data-title" })
   ], SubscriberElement.prototype, "title", 2);
   __decorateClass$h([
-    e$3({ type: String })
+    e$4({ type: String })
   ], SubscriberElement.prototype, "dataProvider", 1);
   __decorateClass$h([
-    e$3()
+    e$4()
   ], SubscriberElement.prototype, "props", 1);
   return SubscriberElement;
 };
-const inline = r$2`
+const inline = r$5`
   .sonic-loader--inline {
     display:block;
     position: relative;
@@ -1173,7 +1181,7 @@ const inline = r$2`
   }
 
 `;
-const fixed = r$2`
+const fixed = r$5`
 
   @keyframes sonic-loader--fixed {
     0% {
@@ -1278,25 +1286,25 @@ let SonicLoader = class extends Subscriber(s$1) {
 SonicLoader.styles = [
   inline,
   fixed,
-  r$2`
+  r$5`
     :host {
       --sc-loader-bg:var(--sc-primary, currentColor);
     }`
 ];
 SonicLoader.callCounter = 0;
 __decorateClass$g([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicLoader.prototype, "mode", 2);
 SonicLoader = __decorateClass$g([
-  n("sonic-loader")
+  n$2("sonic-loader")
 ], SonicLoader);
 /**
  * @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 {
+const t = { ATTRIBUTE: 1, CHILD: 2, PROPERTY: 3, BOOLEAN_ATTRIBUTE: 4, EVENT: 5, ELEMENT: 6 }, e$3 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
+class i$2 {
   constructor(t2) {
   }
   get _$AU() {
@@ -1317,7 +1325,7 @@ class i$1 {
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class e$1 extends i$1 {
+class e$2 extends i$2 {
   constructor(i2) {
     if (super(i2), this.it = T, i2.type !== t.CHILD)
       throw Error(this.constructor.directiveName + "() can only be used in child bindings");
@@ -1325,7 +1333,7 @@ class e$1 extends i$1 {
   render(r2) {
     if (r2 === T || r2 == null)
       return this.vt = void 0, this.it = r2;
-    if (r2 === b)
+    if (r2 === b$1)
       return r2;
     if (typeof r2 != "string")
       throw Error(this.constructor.directiveName + "() called with a non-string value");
@@ -1336,8 +1344,396 @@ class e$1 extends i$1 {
     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);
+e$2.directiveName = "unsafeHTML", e$2.resultType = 1;
+const o$2 = e$3(e$2);
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const { H: i$1 } = R, r$2 = (o2) => o2.strings === void 0, e$1 = () => 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$1(), d2), v3 = l2.insertBefore(e$1(), d2);
+    n2 = new i$1(t3, v3, o2, o2.options);
+  } else {
+    const i2 = n2._$AB.nextSibling, t3 = n2._$AM, r2 = t3 !== o2;
+    if (r2) {
+      let i3;
+      (v2 = n2._$AQ) === null || v2 === void 0 || v2.call(n2, o2), n2._$AM = o2, n2._$AP !== void 0 && (i3 = o2._$AU) !== t3._$AU && n2._$AP(i3);
+    }
+    if (i2 !== d2 || r2) {
+      let o3 = n2._$AA;
+      for (; o3 !== i2; ) {
+        const i3 = o3.nextSibling;
+        l2.insertBefore(o3, d2), o3 = i3;
+      }
+    }
+  }
+  return n2;
+}, c$1 = (o2, i2, t2 = o2) => (o2._$AI(i2, t2), o2), f = {}, s = (o2, i2 = f) => o2._$AH = i2, a$1 = (o2) => o2._$AH, m = (o2) => {
+  var i2;
+  (i2 = o2._$AP) === null || i2 === void 0 || i2.call(o2, false, true);
+  let t2 = o2._$AA;
+  const n2 = o2._$AB.nextSibling;
+  for (; t2 !== n2; ) {
+    const o3 = t2.nextSibling;
+    t2.remove(), t2 = o3;
+  }
+};
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const u = (e2, s2, t2) => {
+  const r2 = new Map();
+  for (let l2 = s2; l2 <= t2; l2++)
+    r2.set(e2[l2], l2);
+  return r2;
+}, c = e$3(class extends i$2 {
+  constructor(e2) {
+    if (super(e2), e2.type !== t.CHILD)
+      throw Error("repeat() can only be used in text expressions");
+  }
+  dt(e2, s2, t2) {
+    let r2;
+    t2 === void 0 ? t2 = s2 : s2 !== void 0 && (r2 = s2);
+    const l2 = [], o2 = [];
+    let i2 = 0;
+    for (const s3 of e2)
+      l2[i2] = r2 ? r2(s3, i2) : i2, o2[i2] = t2(s3, i2), i2++;
+    return { values: o2, keys: l2 };
+  }
+  render(e2, s2, t2) {
+    return this.dt(e2, s2, t2).values;
+  }
+  update(s$12, [t2, r2, c2]) {
+    var d2;
+    const a2 = a$1(s$12), { values: p2, keys: v2 } = this.dt(t2, r2, c2);
+    if (!Array.isArray(a2))
+      return this.ct = v2, p2;
+    const h2 = (d2 = this.ct) !== null && d2 !== void 0 ? d2 : this.ct = [], m$12 = [];
+    let y, x2, j2 = 0, k2 = a2.length - 1, w2 = 0, A2 = p2.length - 1;
+    for (; j2 <= k2 && w2 <= A2; )
+      if (a2[j2] === null)
+        j2++;
+      else if (a2[k2] === null)
+        k2--;
+      else if (h2[j2] === v2[w2])
+        m$12[w2] = c$1(a2[j2], p2[w2]), j2++, w2++;
+      else if (h2[k2] === v2[A2])
+        m$12[A2] = c$1(a2[k2], p2[A2]), k2--, A2--;
+      else if (h2[j2] === v2[A2])
+        m$12[A2] = c$1(a2[j2], p2[A2]), u$1(s$12, m$12[A2 + 1], a2[j2]), j2++, A2--;
+      else if (h2[k2] === v2[w2])
+        m$12[w2] = c$1(a2[k2], p2[w2]), u$1(s$12, a2[j2], a2[k2]), k2--, w2++;
+      else if (y === void 0 && (y = u(v2, w2, A2), x2 = u(h2, j2, k2)), y.has(h2[j2]))
+        if (y.has(h2[k2])) {
+          const e2 = x2.get(v2[w2]), t3 = e2 !== void 0 ? a2[e2] : null;
+          if (t3 === null) {
+            const e3 = u$1(s$12, a2[j2]);
+            c$1(e3, p2[w2]), m$12[w2] = e3;
+          } else
+            m$12[w2] = c$1(t3, p2[w2]), u$1(s$12, a2[j2], t3), a2[e2] = null;
+          w2++;
+        } else
+          m(a2[k2]), k2--;
+      else
+        m(a2[j2]), j2++;
+    for (; w2 <= A2; ) {
+      const e2 = u$1(s$12, m$12[A2 + 1]);
+      c$1(e2, p2[w2]), m$12[w2++] = e2;
+    }
+    for (; j2 <= k2; ) {
+      const e2 = a2[j2++];
+      e2 !== null && m(e2);
+    }
+    return this.ct = v2, s(s$12, m$12), b$1;
+  }
+});
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const e = (i2, t2) => {
+  var s2, o2;
+  const n2 = i2._$AN;
+  if (n2 === void 0)
+    return false;
+  for (const i3 of n2)
+    (o2 = (s2 = i3)._$AO) === null || o2 === void 0 || o2.call(s2, t2, false), e(i3, t2);
+  return true;
+}, o$1 = (i2) => {
+  let t2, s2;
+  do {
+    if ((t2 = i2._$AM) === void 0)
+      break;
+    s2 = t2._$AN, s2.delete(i2), i2 = t2;
+  } while ((s2 == null ? void 0 : s2.size) === 0);
+}, n$1 = (i2) => {
+  for (let t2; t2 = i2._$AM; i2 = t2) {
+    let s2 = t2._$AN;
+    if (s2 === void 0)
+      t2._$AN = s2 = new Set();
+    else if (s2.has(i2))
+      break;
+    s2.add(i2), l(t2);
+  }
+};
+function r$1(i2) {
+  this._$AN !== void 0 ? (o$1(this), this._$AM = i2, n$1(this)) : this._$AM = i2;
+}
+function h$1(i2, t2 = false, s2 = 0) {
+  const n2 = this._$AH, r2 = this._$AN;
+  if (r2 !== void 0 && r2.size !== 0)
+    if (t2)
+      if (Array.isArray(n2))
+        for (let i3 = s2; i3 < n2.length; i3++)
+          e(n2[i3], false), o$1(n2[i3]);
+      else
+        n2 != null && (e(n2, false), o$1(n2));
+    else
+      e(this, i2);
+}
+const l = (i2) => {
+  var t$12, e2, o2, n2;
+  i2.type == t.CHILD && ((t$12 = (o2 = i2)._$AP) !== null && t$12 !== void 0 || (o2._$AP = h$1), (e2 = (n2 = i2)._$AQ) !== null && e2 !== void 0 || (n2._$AQ = r$1));
+};
+class d extends i$2 {
+  constructor() {
+    super(...arguments), this._$AN = void 0;
+  }
+  _$AT(i2, t2, s2) {
+    super._$AT(i2, t2, s2), n$1(this), this.isConnected = i2._$AU;
+  }
+  _$AO(i2, t2 = true) {
+    var s2, n2;
+    i2 !== this.isConnected && (this.isConnected = i2, i2 ? (s2 = this.reconnected) === null || s2 === void 0 || s2.call(this) : (n2 = this.disconnected) === null || n2 === void 0 || n2.call(this)), t2 && (e(this, i2), o$1(this));
+  }
+  setValue(t2) {
+    if (r$2(this._$Ct))
+      this._$Ct._$AI(t2, this);
+    else {
+      const i2 = [...this._$Ct._$AH];
+      i2[this._$Ci] = t2, this._$Ct._$AI(i2, this, 0);
+    }
+  }
+  disconnected() {
+  }
+  reconnected() {
+  }
+}
+const i = new WeakMap();
+let h = 0;
+const r = new Map(), n = new WeakSet(), a = () => new Promise((t2) => requestAnimationFrame(t2)), g = (t2, i2) => {
+  const s2 = t2 - i2;
+  return s2 === 0 ? void 0 : s2;
+}, w = (t2, i2) => {
+  const s2 = t2 / i2;
+  return s2 === 1 ? void 0 : s2;
+}, A = { left: (t2, i2) => {
+  const s2 = g(t2, i2);
+  return { value: s2, transform: s2 && `translateX(${s2}px)` };
+}, top: (t2, i2) => {
+  const s2 = g(t2, i2);
+  return { value: s2, transform: s2 && `translateY(${s2}px)` };
+}, width: (t2, i2) => {
+  const s2 = w(t2, i2);
+  return { value: s2, transform: s2 && `scaleX(${s2})` };
+}, height: (t2, i2) => {
+  const s2 = w(t2, i2);
+  return { value: s2, transform: s2 && `scaleY(${s2})` };
+} }, b = { duration: 333, easing: "ease-in-out" }, j = ["left", "top", "width", "height", "opacity", "color", "background"], x = new WeakMap();
+class S extends d {
+  constructor(t$12) {
+    if (super(t$12), this.t = null, this.i = null, this.o = true, this.shouldLog = false, t$12.type === t.CHILD)
+      throw Error("The `animate` directive must be used in attribute position.");
+    this.createFinished();
+  }
+  createFinished() {
+    var t2;
+    (t2 = this.resolveFinished) === null || t2 === void 0 || t2.call(this), this.finished = new Promise((t3) => {
+      this.h = t3;
+    });
+  }
+  async resolveFinished() {
+    var t2;
+    (t2 = this.h) === null || t2 === void 0 || t2.call(this), this.h = void 0;
+  }
+  render(i2) {
+    return T;
+  }
+  getController() {
+    return i.get(this.l);
+  }
+  isDisabled() {
+    var t2;
+    return this.options.disabled || ((t2 = this.getController()) === null || t2 === void 0 ? void 0 : t2.disabled);
+  }
+  update(t2, [i2]) {
+    var s2;
+    const e2 = this.l === void 0;
+    return e2 && (this.l = (s2 = t2.options) === null || s2 === void 0 ? void 0 : s2.host, this.l.addController(this), this.element = t2.element, x.set(this.element, this)), this.optionsOrCallback = i2, (e2 || typeof i2 != "function") && this.u(i2), this.render(i2);
+  }
+  u(t2) {
+    var i2, s2;
+    t2 = t2 != null ? t2 : {};
+    const e2 = this.getController();
+    e2 !== void 0 && ((t2 = __spreadValues(__spreadValues({}, e2.defaultOptions), t2)).keyframeOptions = __spreadValues(__spreadValues({}, e2.defaultOptions.keyframeOptions), t2.keyframeOptions)), (i2 = (s2 = t2).properties) !== null && i2 !== void 0 || (s2.properties = j), this.options = t2;
+  }
+  v() {
+    const t2 = {}, i2 = this.element.getBoundingClientRect(), s2 = getComputedStyle(this.element);
+    return this.options.properties.forEach((e2) => {
+      var o2;
+      const h2 = (o2 = i2[e2]) !== null && o2 !== void 0 ? o2 : A[e2] ? void 0 : s2[e2], r2 = Number(h2);
+      t2[e2] = isNaN(r2) ? h2 + "" : r2;
+    }), t2;
+  }
+  p() {
+    let t2, i2 = true;
+    return this.options.guard && (t2 = this.options.guard(), i2 = ((t3, i3) => {
+      if (Array.isArray(t3)) {
+        if (Array.isArray(i3) && i3.length === t3.length && t3.every((t4, s2) => t4 === i3[s2]))
+          return false;
+      } else if (i3 === t3)
+        return false;
+      return true;
+    })(t2, this.m)), this.o = this.l.hasUpdated && !this.isDisabled() && !this.isAnimating() && i2 && this.element.isConnected, this.o && (this.m = Array.isArray(t2) ? Array.from(t2) : t2), this.o;
+  }
+  hostUpdate() {
+    var t2;
+    typeof this.optionsOrCallback == "function" && this.u(this.optionsOrCallback()), this.p() && (this.g = this.v(), this.t = (t2 = this.t) !== null && t2 !== void 0 ? t2 : this.element.parentNode, this.i = this.element.nextSibling);
+  }
+  async hostUpdated() {
+    if (!this.o || !this.element.isConnected || this.options.skipInitial && !this.isHostRendered)
+      return;
+    let t2;
+    this.prepare(), await a;
+    const i2 = this.A(), s2 = this._(this.options.keyframeOptions, i2), e2 = this.v();
+    if (this.g !== void 0) {
+      const { from: s3, to: o2 } = this.j(this.g, e2, i2);
+      this.log("measured", [this.g, e2, s3, o2]), t2 = this.calculateKeyframes(s3, o2);
+    } else {
+      const s3 = r.get(this.options.inId);
+      if (s3) {
+        r.delete(this.options.inId);
+        const { from: o2, to: n2 } = this.j(s3, e2, i2);
+        t2 = this.calculateKeyframes(o2, n2), t2 = this.options.in ? [__spreadValues(__spreadValues({}, this.options.in[0]), t2[0]), ...this.options.in.slice(1), t2[1]] : t2, h++, t2.forEach((t3) => t3.zIndex = h);
+      } else
+        this.options.in && (t2 = [...this.options.in, {}]);
+    }
+    this.animate(t2, s2);
+  }
+  resetStyles() {
+    var t2;
+    this.S !== void 0 && (this.element.setAttribute("style", (t2 = this.S) !== null && t2 !== void 0 ? t2 : ""), this.S = void 0);
+  }
+  commitStyles() {
+    var t2, i2;
+    this.S = this.element.getAttribute("style"), (t2 = this.webAnimation) === null || t2 === void 0 || t2.commitStyles(), (i2 = this.webAnimation) === null || i2 === void 0 || i2.cancel();
+  }
+  reconnected() {
+  }
+  async disconnected() {
+    var t2;
+    if (!this.o)
+      return;
+    if (this.options.id !== void 0 && r.set(this.options.id, this.g), this.options.out === void 0)
+      return;
+    if (this.prepare(), await a(), (t2 = this.t) === null || t2 === void 0 ? void 0 : t2.isConnected) {
+      const t3 = this.i && this.i.parentNode === this.t ? this.i : null;
+      if (this.t.insertBefore(this.element, t3), this.options.stabilizeOut) {
+        const t4 = this.v();
+        this.log("stabilizing out");
+        const i3 = this.g.left - t4.left, s2 = this.g.top - t4.top;
+        !(getComputedStyle(this.element).position === "static") || i3 === 0 && s2 === 0 || (this.element.style.position = "relative"), i3 !== 0 && (this.element.style.left = i3 + "px"), s2 !== 0 && (this.element.style.top = s2 + "px");
+      }
+    }
+    const i2 = this._(this.options.keyframeOptions);
+    await this.animate(this.options.out, i2), this.element.remove();
+  }
+  prepare() {
+    this.createFinished();
+  }
+  start() {
+    var t2, i2;
+    (i2 = (t2 = this.options).onStart) === null || i2 === void 0 || i2.call(t2, this);
+  }
+  didFinish(t2) {
+    var i2, s2;
+    t2 && ((s2 = (i2 = this.options).onComplete) === null || s2 === void 0 || s2.call(i2, this)), this.g = void 0, this.animatingProperties = void 0, this.frames = void 0, this.resolveFinished();
+  }
+  A() {
+    const t2 = [];
+    for (let i2 = this.element.parentNode; i2; i2 = i2 == null ? void 0 : i2.parentNode) {
+      const s2 = x.get(i2);
+      s2 && !s2.isDisabled() && s2 && t2.push(s2);
+    }
+    return t2;
+  }
+  get isHostRendered() {
+    const t2 = n.has(this.l);
+    return t2 || this.l.updateComplete.then(() => {
+      n.add(this.l);
+    }), t2;
+  }
+  _(t2, i2 = this.A()) {
+    const s2 = __spreadValues({}, b);
+    return i2.forEach((t3) => Object.assign(s2, t3.options.keyframeOptions)), Object.assign(s2, t2), s2;
+  }
+  j(t2, i2, s2) {
+    t2 = __spreadValues({}, t2), i2 = __spreadValues({}, i2);
+    const e2 = s2.map((t3) => t3.animatingProperties).filter((t3) => t3 !== void 0);
+    let o2 = 1, h2 = 1;
+    return e2 !== void 0 && (e2.forEach((t3) => {
+      t3.width && (o2 /= t3.width), t3.height && (h2 /= t3.height);
+    }), t2.left !== void 0 && i2.left !== void 0 && (t2.left = o2 * t2.left, i2.left = o2 * i2.left), t2.top !== void 0 && i2.top !== void 0 && (t2.top = h2 * t2.top, i2.top = h2 * i2.top)), { from: t2, to: i2 };
+  }
+  calculateKeyframes(t2, i2, s2 = false) {
+    var e2;
+    const o2 = {}, h2 = {};
+    let r2 = false;
+    const n2 = {};
+    for (const s3 in i2) {
+      const a2 = t2[s3], l2 = i2[s3];
+      if (s3 in A) {
+        const t3 = A[s3];
+        if (a2 === void 0 || l2 === void 0)
+          continue;
+        const i3 = t3(a2, l2);
+        i3.transform !== void 0 && (n2[s3] = i3.value, r2 = true, o2.transform = `${(e2 = o2.transform) !== null && e2 !== void 0 ? e2 : ""} ${i3.transform}`);
+      } else
+        a2 !== l2 && a2 !== void 0 && l2 !== void 0 && (r2 = true, o2[s3] = a2, h2[s3] = l2);
+    }
+    return o2.transformOrigin = h2.transformOrigin = s2 ? "center center" : "top left", this.animatingProperties = n2, r2 ? [o2, h2] : void 0;
+  }
+  async animate(t2, i2 = this.options.keyframeOptions) {
+    this.start(), this.frames = t2;
+    let s2 = false;
+    if (!this.isAnimating() && !this.isDisabled() && (this.options.onFrames && (this.frames = t2 = this.options.onFrames(this), this.log("modified frames", t2)), t2 !== void 0)) {
+      this.log("animate", [t2, i2]), s2 = true, this.webAnimation = this.element.animate(t2, i2);
+      const e2 = this.getController();
+      e2 == null || e2.add(this);
+      try {
+        await this.webAnimation.finished;
+      } catch (t3) {
+      }
+      e2 == null || e2.remove(this);
+    }
+    return this.didFinish(s2), s2;
+  }
+  isAnimating() {
+    var t2, i2;
+    return ((t2 = this.webAnimation) === null || t2 === void 0 ? void 0 : t2.playState) === "running" || ((i2 = this.webAnimation) === null || i2 === void 0 ? void 0 : i2.pending);
+  }
+  log(t2, i2) {
+    this.shouldLog && !this.isDisabled() && console.log(t2, this.options.id, i2);
+  }
+}
+const $ = e$3(S);
 var __defProp$f = Object.defineProperty;
 var __getOwnPropDesc$f = Object.getOwnPropertyDescriptor;
 var __decorateClass$f = (decorators, target, key, kind) => {
@@ -1370,84 +1766,133 @@ const errorIcon = `
 </path>
 </svg>
 `;
+const icon = {
+  "success": successIcon,
+  "error": errorIcon,
+  "info": infoIcon
+};
 let SonicToast = class extends Subscriber(s$1) {
   constructor() {
     super(...arguments);
-    this.status = "";
-    this.toastTitle = "";
-    this.text = "";
+    this.toasts = [];
     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);
+    this.styled = false;
   }
   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>
+    return p`<div class="sonic-toast-area">
+
+    ${c(this.toasts, (item) => item.id, (item) => p`
+     <div
+        class="${this.className} sonic-toast ${item.status}"
+          ${$({
+      keyframeOptions: {
+        duration: 250,
+        easing: `cubic-bezier(0.250, 0.250, 0.420, 1.225)`
+      },
+      in: [{ transform: "translateY(0) scale(1.25)", boxShadow: "0 0 0 rgba(0,0,0,0)", opacity: 0 }],
+      out: [
+        {
+          transform: "scale(.90) ",
+          opacity: 0,
+          duration: 3e3,
+          easing: `ease-in-out`
+        }
+      ],
+      stabilizeOut: true
+    })}
+        >
+          ${item.status && p`<div class="sonic-toast-icon">${o$2(icon[item.status])}</div>`}
+
+          <div class="sonic-toast-text">
+            ${item.title ? p`<div class="sonic-toast-title">${item.title}</div>` : ""}
+            ${item.text ? o$2(item.text) : ""}
+            <slot></slot> 
+          </div>
+
+          <button class="sonic-toast-close" @click=${() => this.removeItem(item)}>
+            ${o$2(removeIcon)}
+          </button>
+          ${!item.preserve ? this.autoRemoveItem(item) : ""}
+      
+        </div>
+    `)}
     </div>`;
   }
-  _remove() {
-    this.remove();
+  static add(conf) {
+    if (!document.querySelector("sonic-toast")) {
+      let toastComponent2 = document.createElement("sonic-toast");
+      toastComponent2.setAttribute("styled", new Boolean(conf.styled).toString() || "true");
+      let container = document.querySelector("sonic-theme") || document.body;
+      container.appendChild(toastComponent2);
+    }
+    let toastComponent = document.querySelector("sonic-toast");
+    const nextId = new Date().valueOf();
+    const currentToast = {
+      id: nextId,
+      text: conf.text,
+      title: conf.title,
+      status: conf.status,
+      preserve: conf.preserve
+    };
+    toastComponent.toasts = [
+      ...toastComponent.toasts,
+      currentToast
+    ];
+    return currentToast;
+  }
+  removeItem(item) {
+    this.toasts = this.toasts.filter((i2) => i2 != item);
+  }
+  autoRemoveItem(item) {
+    setTimeout(() => {
+      this.removeItem(item);
+    }, 3200);
   }
 };
 SonicToast.styles = [
-  r$2`
-      .sonic-toast {
+  r$5`
+
+      .sonic-toast-area{
         position: fixed;
-        top: 1rem;
-        right: 1rem;
-        width:75%;
+        top: 1.25rem;
+        right: 1.25rem;
+        pointer-events: none;
+        width: 75%;
         max-width: 40ch;
+        z-index: 999;
+      }
+
+      .sonic-toast {
+        --sc-toast-status-color:transparent;
+        position:relative;
+        pointer-events: auto;
         background: var(--sc-base, #fff);
         color: var(--sc-base-content);
         box-shadow: var(--sc-shadow);
         border-radius: var(--sc-rounded);
-        padding: 1em;
+        padding: 1em  2rem 1em 1em;
         font-size: 0.85em;
-        z-index: 999;
-        padding-right: 2rem;
         line-height: 1.25;
         display: flex;
         gap: 0.5rem;
+        max-height:10rem;
+        overflow: auto;
+      }
+
+      .sonic-toast + .sonic-toast{
+        margin-top:1rem;
       }
 
       .sonic-toast-icon {
         flex-shrink: 0;
         width: 2em;
       }
-
-      button {
+      .sonic-toast-text {
+        align-self:center;
+        margin-block: auto;
+      }
+      /*BUTTON CLOSE*/ 
+      .sonic-toast-close {
         all: unset;
         position: absolute;
         right: 0.5em;
@@ -1461,75 +1906,76 @@ SonicToast.styles = [
         border-radius: 50%;
         text-align: center;
         opacity: 0.5;
-        background: rgba(0, 0, 0, 0.05);
+        background: rgba(0, 0, 0, 0);
       }
 
-      button:focus,
-      button:hover {
+      .sonic-toast-close:focus,
+      .sonic-toast-close:hover {
         opacity: 1;
         background: rgba(0, 0, 0, 0.075);
       }
 
-      button svg {
+      .sonic-toast-close svg {
         width: 1rem;
         height: 1rem;
         object-fit: contain;
         object-position: center center;
       }
 
+      /*Title*/ 
       .sonic-toast-title {
         font-weight: bold;
         margin-bottom: 0.25em;
       }
 
+      /*STATUS*/ 
       .success {
-        border-top: 2px solid var(--sc-success);
+        --sc-toast-status-color: var(--sc-success); 
       }
 
       .error {
-        border-top: 2px solid var(--sc-danger);
-      }
-
-      .info {
-        border-top: 2px solid var(--sc-info);
+        --sc-toast-status-color: var(--sc-danger); 
       }
 
       .warning {
-        border-top: 2px solid var(--sc-warning);
+        --sc-toast-status-color: var(--sc-warning);
       }
 
-      .info .sonic-toast-icon svg {
-        color: var(--sc-info);
-      }
-      .error .sonic-toast-icon svg {
-        color: var(--sc-danger);
+      .info {
+        --sc-toast-status-color: var(--sc-info);
       }
-      .success .sonic-toast-icon svg {
-        color: var(--sc-success);
+      
+      .success,
+      .error,
+      .info,
+      .warning {
+        border-top:2px solid var(--sc-toast-status-color, curentColor);        
       }
-      .warning .sonic-toast-icon svg {
-        color: var(--sc-warning);
+
+      .info .sonic-toast-icon  ,
+      .error .sonic-toast-icon ,
+      .success .sonic-toast-icon ,
+      .warning .sonic-toast-icon  {
+        color: var(--sc-toast-status-color, curentColor);
       }
     `
 ];
 __decorateClass$f([
-  e$3({ type: String })
-], SonicToast.prototype, "status", 2);
-__decorateClass$f([
-  e$3({ type: String })
-], SonicToast.prototype, "toastTitle", 2);
+  t$1()
+], SonicToast.prototype, "toasts", 2);
 __decorateClass$f([
-  e$3({ type: String })
-], SonicToast.prototype, "text", 2);
-__decorateClass$f([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicToast.prototype, "className", 2);
 __decorateClass$f([
-  e$3({ type: String })
-], SonicToast.prototype, "btnClass", 2);
+  e$4({ type: Boolean })
+], SonicToast.prototype, "styled", 2);
 SonicToast = __decorateClass$f([
-  n("sonic-toast")
+  n$2("sonic-toast")
 ], SonicToast);
+if (typeof window !== "undefined") {
+  let win = window;
+  win.SonicToast = SonicToast;
+}
 class API {
   constructor(config) {
     this.nologin = false;
@@ -1612,7 +2058,7 @@ const Fetcher = (superClass) => {
       SonicLoader.show();
       data = await this.api.get(this.dataProvider);
       if (!data)
-        SonicToast.show({ text: "Network Error", status: "error", styled: true });
+        SonicToast.add({ text: "Network Error", status: "error", styled: true });
       SonicLoader.hide();
       if (this.key) {
         data = data[this.key];
@@ -1660,9 +2106,9 @@ let SonicFetch = class extends Fetcher(Subscriber(s$1)) {
   }
 };
 SonicFetch = __decorateClass$e([
-  n("sonic-fetch")
+  n$2("sonic-fetch")
 ], SonicFetch);
-const cssProse = r$2`
+const cssProse = r$5`
   ul,
   ol,
   p {
@@ -1673,7 +2119,7 @@ const cssProse = r$2`
     margin-bottom:.5em;
   }
 `;
-r$2`
+r$5`
   :host {
     line-height:1.25;
   }
@@ -1709,7 +2155,7 @@ let SonicTextFormatted = class extends Subscriber(s$1) {
   render() {
     return p`
             <div class="${this.className} text-formatted">
-                ${o$1(this.html)}
+                ${o$2(this.html)}
             </div>
         `;
   }
@@ -1718,16 +2164,16 @@ SonicTextFormatted.styles = [
   cssProse
 ];
 __decorateClass$d([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicTextFormatted.prototype, "html", 2);
 __decorateClass$d([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicTextFormatted.prototype, "leading", 2);
 __decorateClass$d([
-  e$3()
+  e$4()
 ], SonicTextFormatted.prototype, "className", 2);
 SonicTextFormatted = __decorateClass$d([
-  n("sonic-text-formatted")
+  n$2("sonic-text-formatted")
 ], SonicTextFormatted);
 var __defProp$c = Object.defineProperty;
 var __getOwnPropDesc$c = Object.getOwnPropertyDescriptor;
@@ -1757,143 +2203,36 @@ let SonicText = class extends Subscriber(s$1) {
     }
     return text || this.children.length ? p`<div class="${this.className}">
           <slot name="prefix"></slot>
-          ${text && o$1(text)}
+          ${text && o$2(text)}
           <slot></slot>
           <slot name="suffix"></slot>
         </div>` : p`<slot></slot>`;
   }
 };
 __decorateClass$c([
-  e$3()
+  e$4()
 ], SonicText.prototype, "key", 2);
 __decorateClass$c([
-  e$3()
+  e$4()
 ], SonicText.prototype, "text", 2);
 __decorateClass$c([
-  e$3()
+  e$4()
 ], SonicText.prototype, "className", 2);
 SonicText = __decorateClass$c([
-  n("sonic-text")
+  n$2("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 {
+const o = e$3(class extends i$2 {
   constructor(t$12) {
     if (super(t$12), t$12.type !== t.CHILD)
       throw Error("templateContent can only be used in child bindings");
   }
   render(r2) {
-    return this.at === r2 ? b : (this.at = r2, document.importNode(r2.content, true));
+    return this.at === r2 ? b$1 : (this.at = r2, document.importNode(r2.content, true));
   }
 });
 var __defProp$b = Object.defineProperty;
@@ -1918,9 +2257,9 @@ let SonicList = class extends Fetcher(Subscriber(s$1)) {
   }
   render() {
     if (typeof this.props == "string") {
-      const icon = `<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="face-thinking" class="svg-inline--fa fa-face-thinking" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M40.05 315.7C42.4 324.3 37.4 333.1 28.88 335.4C20.37 337.8 11.56 332.8 9.204 324.3C3.202 302.5 0 279.6 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 379.9 424 483.2 307.2 506.9C298.5 508.6 290.1 503 288.3 494.4C286.6 485.7 292.2 477.3 300.8 475.5C403.1 454.8 480 364.4 480 256C480 132.3 379.7 32 256 32C132.3 32 32 132.3 32 256C32 276.7 34.81 296.7 40.05 315.7H40.05zM318.3 297.2C336.5 303.3 349.4 319.3 351.6 338C354.3 359.3 342.4 380.5 321.5 388.7L274.5 407.1L250.6 466.7C239.7 494.1 213.2 512 183.8 512H136C96.24 512 64 479.8 64 440V320C64 293.5 85.49 272 112 272C138.5 272 160 293.5 160 320V348.8L257.4 310.7L186.9 287.2C178.6 284.4 174 275.3 176.8 266.9C179.6 258.6 188.7 254 197.1 256.8L318.3 297.2zM318.9 338.2C315.7 329.9 306.4 325.9 298.2 329.1L149.8 387.1C144.9 389.1 139.3 388.4 134.1 385.5C130.6 382.5 128 377.5 128 372.2V320C128 311.2 120.8 304 112 304C103.2 304 96 311.2 96 320V440C96 462.1 113.9 480 136 480H183.8C200.1 480 214.8 470 220.9 454.9L246.9 389.9C246.9 389.7 247 389.6 247.1 389.4C248.6 385 252 381.5 256.3 379.8L309.8 358.9C316.1 356.4 320 350.4 320 344C320 343.6 319.1 343.1 319.1 342.7C319.8 341.2 319.5 339.7 318.9 338.2H318.9zM200.4 192C200.4 205.3 189.6 216 176.4 216C163.1 216 152.4 205.3 152.4 192C152.4 178.7 163.1 168 176.4 168C189.6 168 200.4 178.7 200.4 192zM312.4 208C312.4 194.7 323.1 184 336.4 184C349.6 184 360.4 194.7 360.4 208C360.4 221.3 349.6 232 336.4 232C323.1 232 312.4 221.3 312.4 208zM216.4 144.8C195.9 127.2 166.5 124.4 142.1 137.9L135.9 141.9C128.3 146.3 118.5 143.6 114.1 135.9C109.7 128.3 112.4 118.5 120.1 114.1L127.1 110.1C162.3 89.95 206.4 94.14 237.2 120.5L250.4 131.9C257.1 137.6 257.9 147.7 252.1 154.4C246.4 161.1 236.3 161.9 229.6 156.1L216.4 144.8z"></path></svg>`;
+      const icon2 = `<svg aria-hidden="true" focusable="false" data-prefix="fal" data-icon="face-thinking" class="svg-inline--fa fa-face-thinking" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M40.05 315.7C42.4 324.3 37.4 333.1 28.88 335.4C20.37 337.8 11.56 332.8 9.204 324.3C3.202 302.5 0 279.6 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 379.9 424 483.2 307.2 506.9C298.5 508.6 290.1 503 288.3 494.4C286.6 485.7 292.2 477.3 300.8 475.5C403.1 454.8 480 364.4 480 256C480 132.3 379.7 32 256 32C132.3 32 32 132.3 32 256C32 276.7 34.81 296.7 40.05 315.7H40.05zM318.3 297.2C336.5 303.3 349.4 319.3 351.6 338C354.3 359.3 342.4 380.5 321.5 388.7L274.5 407.1L250.6 466.7C239.7 494.1 213.2 512 183.8 512H136C96.24 512 64 479.8 64 440V320C64 293.5 85.49 272 112 272C138.5 272 160 293.5 160 320V348.8L257.4 310.7L186.9 287.2C178.6 284.4 174 275.3 176.8 266.9C179.6 258.6 188.7 254 197.1 256.8L318.3 297.2zM318.9 338.2C315.7 329.9 306.4 325.9 298.2 329.1L149.8 387.1C144.9 389.1 139.3 388.4 134.1 385.5C130.6 382.5 128 377.5 128 372.2V320C128 311.2 120.8 304 112 304C103.2 304 96 311.2 96 320V440C96 462.1 113.9 480 136 480H183.8C200.1 480 214.8 470 220.9 454.9L246.9 389.9C246.9 389.7 247 389.6 247.1 389.4C248.6 385 252 381.5 256.3 379.8L309.8 358.9C316.1 356.4 320 350.4 320 344C320 343.6 319.1 343.1 319.1 342.7C319.8 341.2 319.5 339.7 318.9 338.2H318.9zM200.4 192C200.4 205.3 189.6 216 176.4 216C163.1 216 152.4 205.3 152.4 192C152.4 178.7 163.1 168 176.4 168C189.6 168 200.4 178.7 200.4 192zM312.4 208C312.4 194.7 323.1 184 336.4 184C349.6 184 360.4 194.7 360.4 208C360.4 221.3 349.6 232 336.4 232C323.1 232 312.4 221.3 312.4 208zM216.4 144.8C195.9 127.2 166.5 124.4 142.1 137.9L135.9 141.9C128.3 146.3 118.5 143.6 114.1 135.9C109.7 128.3 112.4 118.5 120.1 114.1L127.1 110.1C162.3 89.95 206.4 94.14 237.2 120.5L250.4 131.9C257.1 137.6 257.9 147.7 252.1 154.4C246.4 161.1 236.3 161.9 229.6 156.1L216.4 144.8z"></path></svg>`;
       return p`<div class="sonic-no-result-container">
-        ${o$1(icon)} <span class="sonic-no-result-text">${this.props}
+        ${o$2(icon2)} <span class="sonic-no-result-text">${this.props}
         </span></div>`;
     }
     if (!Array.isArray(this.props))
@@ -1935,7 +2274,7 @@ let SonicList = class extends Fetcher(Subscriber(s$1)) {
   }
 };
 SonicList.styles = [
-  r$2`
+  r$5`
           .sonic-no-result-container {
             color:var(--sc-base-300);
             font-size:1.65rem;
@@ -1954,7 +2293,7 @@ SonicList.styles = [
         `
 ];
 SonicList = __decorateClass$b([
-  n("sonic-list")
+  n$2("sonic-list")
 ], SonicList);
 var __defProp$a = Object.defineProperty;
 var __getOwnPropDesc$a = Object.getOwnPropertyDescriptor;
@@ -1975,7 +2314,7 @@ let SonicSubscriber = class extends Subscriber(s$1) {
   }
 };
 SonicSubscriber = __decorateClass$a([
-  n("sonic-subscriber")
+  n$2("sonic-subscriber")
 ], SonicSubscriber);
 var __defProp$9 = Object.defineProperty;
 var __getOwnPropDesc$9 = Object.getOwnPropertyDescriptor;
@@ -2015,13 +2354,13 @@ let SonicTaxonomy = class extends Subscriber(s$1) {
   }
 };
 __decorateClass$9([
-  e$3({ type: Array })
+  e$4({ type: Array })
 ], SonicTaxonomy.prototype, "taxonomy", 2);
 __decorateClass$9([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicTaxonomy.prototype, "separator", 2);
 SonicTaxonomy = __decorateClass$9([
-  n("sonic-taxonomy")
+  n$2("sonic-taxonomy")
 ], SonicTaxonomy);
 var __defProp$8 = Object.defineProperty;
 var __getOwnPropDesc$8 = Object.getOwnPropertyDescriptor;
@@ -2063,7 +2402,7 @@ let SonicEventCard = class extends Subscriber(s$1) {
   }
 };
 SonicEventCard.styles = [
-  r$2`
+  r$5`
       a {
         text-decoration: none;
         display: block;
@@ -2108,16 +2447,16 @@ SonicEventCard.styles = [
     `
 ];
 __decorateClass$8([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicEventCard.prototype, "start_date", 2);
 __decorateClass$8([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicEventCard.prototype, "illustration", 2);
 __decorateClass$8([
-  e$3({ type: Array })
+  e$4({ type: Array })
 ], SonicEventCard.prototype, "categories", 2);
 SonicEventCard = __decorateClass$8([
-  n("sonic-event-card")
+  n$2("sonic-event-card")
 ], SonicEventCard);
 var __defProp$7 = Object.defineProperty;
 var __getOwnPropDesc$7 = Object.getOwnPropertyDescriptor;
@@ -2142,10 +2481,10 @@ let SonicEventTitle = class extends Subscriber(s$1) {
   }
 };
 __decorateClass$7([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicEventTitle.prototype, "title", 2);
 SonicEventTitle = __decorateClass$7([
-  n("sonic-event-title")
+  n$2("sonic-event-title")
 ], SonicEventTitle);
 var __defProp$6 = Object.defineProperty;
 var __getOwnPropDesc$6 = Object.getOwnPropertyDescriptor;
@@ -2166,7 +2505,7 @@ let SonicEvent = class extends Subscriber(s$1) {
   }
 };
 SonicEvent = __decorateClass$6([
-  n("super-event")
+  n$2("super-event")
 ], SonicEvent);
 var __defProp$5 = Object.defineProperty;
 var __getOwnPropDesc$5 = Object.getOwnPropertyDescriptor;
@@ -2195,7 +2534,7 @@ let SonicIllustration = class extends Subscriber(s$1) {
     </div>`;
   }
 };
-SonicIllustration.styles = r$2`
+SonicIllustration.styles = r$5`
     img {
       aspect-ratio: 1 / 1;
       width: 100%;
@@ -2214,19 +2553,19 @@ SonicIllustration.styles = r$2`
     
   `;
 __decorateClass$5([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicIllustration.prototype, "illustration", 2);
 __decorateClass$5([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicIllustration.prototype, "loadingMode", 2);
 __decorateClass$5([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicIllustration.prototype, "ratio", 2);
 __decorateClass$5([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicIllustration.prototype, "className", 2);
 SonicIllustration = __decorateClass$5([
-  n("sonic-illustration")
+  n$2("sonic-illustration")
 ], SonicIllustration);
 var __defProp$4 = Object.defineProperty;
 var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
@@ -2266,7 +2605,7 @@ let SonicGiftcard = class extends Subscriber(s$1) {
   }
 };
 SonicGiftcard.styles = [
-  r$2`
+  r$5`
       .sonic-giftcard-item {
         font-size: var(--sc-fs-root);
         margin-bottom: 4em;
@@ -2308,15 +2647,15 @@ SonicGiftcard.styles = [
     `
 ];
 __decorateClass$4([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicGiftcard.prototype, "title", 2);
 __decorateClass$4([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicGiftcard.prototype, "body", 2);
 SonicGiftcard = __decorateClass$4([
-  n("sonic-giftcard")
+  n$2("sonic-giftcard")
 ], SonicGiftcard);
-const cssButton = r$2`
+const cssButton = r$5`
     button {
 
       all: unset;
@@ -2387,7 +2726,7 @@ let SonicPricesButton = class extends Subscriber(s$1) {
     this.loading = false;
     SonicLoader.hide();
     if (!result) {
-      SonicToast.show({ text: "Network Error", status: "error", styled: true });
+      SonicToast.add({ text: "Network Error", status: "error", styled: true });
       return;
     }
     if (result.status) {
@@ -2395,15 +2734,15 @@ let SonicPricesButton = class extends Subscriber(s$1) {
         elt.innerHTML = result.nb;
         elt.classList.remove("hidden");
       });
-      SonicToast.show({ text: "Votre produit a bien \xE9t\xE9 ajout\xE9", status: "success", styled: true });
+      SonicToast.add({ text: "Votre produit a bien \xE9t\xE9 ajout\xE9", status: "success", styled: true });
     } else {
-      SonicToast.show({ text: result.data, status: "error", styled: true });
+      SonicToast.add({ text: result.data, status: "error", styled: true });
     }
   }
   render() {
     if (!this.props)
       return;
-    const icon = this.displayBtnIcon ? p`<i class="${this.btnIconClass}"></i>` : "";
+    const icon2 = 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>` : "";
@@ -2413,7 +2752,7 @@ let SonicPricesButton = class extends Subscriber(s$1) {
                 ${this.displayPriceName && p`<span class="${this.priceNameClass} sonic-price-btn-name">
                     ${this.price_name}
                 </span>`}
-                <span> ${icon} ${this._cleanPrice(this.price_amount)}€ </span>
+                <span> ${icon2} ${this._cleanPrice(this.price_amount)}€ </span>
                 ${infoTooltip}
             </button>
         `;
@@ -2421,7 +2760,7 @@ let SonicPricesButton = class extends Subscriber(s$1) {
 };
 SonicPricesButton.styles = [
   cssButton,
-  r$2`
+  r$5`
             .sonic-price-btn {
                 position:relative;
             }
@@ -2458,40 +2797,40 @@ SonicPricesButton.styles = [
         `
 ];
 __decorateClass$3([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesButton.prototype, "price_amount", 2);
 __decorateClass$3([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesButton.prototype, "giftcard_id", 2);
 __decorateClass$3([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesButton.prototype, "price_name", 2);
 __decorateClass$3([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesButton.prototype, "price_id", 2);
 __decorateClass$3([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesButton.prototype, "btnClass", 2);
 __decorateClass$3([
-  e$3({ type: Boolean })
+  e$4({ type: Boolean })
 ], SonicPricesButton.prototype, "displayBtnIcon", 2);
 __decorateClass$3([
-  e$3({ type: Boolean })
+  e$4({ type: Boolean })
 ], SonicPricesButton.prototype, "displayPriceName", 2);
 __decorateClass$3([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesButton.prototype, "priceNameClass", 2);
 __decorateClass$3([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesButton.prototype, "price_help_text", 2);
 __decorateClass$3([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesButton.prototype, "btnIconClass", 2);
 __decorateClass$3([
-  e$3()
+  e$4()
 ], SonicPricesButton.prototype, "loading", 2);
 SonicPricesButton = __decorateClass$3([
-  n("sonic-price-button")
+  n$2("sonic-price-button")
 ], SonicPricesButton);
 var __defProp$2 = Object.defineProperty;
 var __getOwnPropDesc$2 = Object.getOwnPropertyDescriptor;
@@ -2537,7 +2876,7 @@ let SonicPricesForm = class extends Subscriber(s$1) {
   }
 };
 SonicPricesForm.styles = [
-  r$2`
+  r$5`
         .sonic-prices-list {
             display:grid;
             grid-gap:.25em;
@@ -2552,37 +2891,37 @@ SonicPricesForm.styles = [
     `
 ];
 __decorateClass$2([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesForm.prototype, "giftcard_id", 2);
 __decorateClass$2([
-  e$3({ type: Array })
+  e$4({ type: Array })
 ], SonicPricesForm.prototype, "prices", 2);
 __decorateClass$2([
-  e$3({ type: Boolean })
+  e$4({ type: Boolean })
 ], SonicPricesForm.prototype, "wrapper", 2);
 __decorateClass$2([
-  e$3({ type: Boolean })
+  e$4({ type: Boolean })
 ], SonicPricesForm.prototype, "displayBtnIcon", 2);
 __decorateClass$2([
-  e$3({ type: Boolean })
+  e$4({ type: Boolean })
 ], SonicPricesForm.prototype, "displayPriceName", 2);
 __decorateClass$2([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesForm.prototype, "className", 2);
 __decorateClass$2([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesForm.prototype, "itemClass", 2);
 __decorateClass$2([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesForm.prototype, "btnClass", 2);
 __decorateClass$2([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesForm.prototype, "iconClass", 2);
 __decorateClass$2([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicPricesForm.prototype, "priceNameClass", 2);
 SonicPricesForm = __decorateClass$2([
-  n("sonic-prices-form")
+  n$2("sonic-prices-form")
 ], SonicPricesForm);
 var __defProp$1 = Object.defineProperty;
 var __getOwnPropDesc$1 = Object.getOwnPropertyDescriptor;
@@ -2611,7 +2950,7 @@ let SonicTooltip = class extends Subscriber(s$1) {
   }
 };
 SonicTooltip.styles = [
-  r$2`
+  r$5`
       .sonic-tooltip {
         position: relative;
       }
@@ -2638,15 +2977,15 @@ SonicTooltip.styles = [
     `
 ];
 __decorateClass$1([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicTooltip.prototype, "tooltipText", 2);
 __decorateClass$1([
-  e$3({ type: String })
+  e$4({ type: String })
 ], SonicTooltip.prototype, "className", 2);
 SonicTooltip = __decorateClass$1([
-  n("sonic-tooltip")
+  n$2("sonic-tooltip")
 ], SonicTooltip);
-const light = r$2`
+const light = r$5`
   :host([theme="light"]) {
     --sc-primary: #6366f1;
     --sc-info: #3b82f6;
@@ -2681,7 +3020,7 @@ const light = r$2`
     --sc-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.08);
   }
 `;
-const dracula = r$2`
+const dracula = r$5`
   :host([theme="dracula"]){
     
         --sc-primary: #ffb3d9;
@@ -2719,7 +3058,7 @@ const dracula = r$2`
       }
   }
 `;
-const dark = r$2`
+const dark = r$5`
   :host([theme="dark"]) {
     --sc-primary: #c395fc;
     --sc-info: #00b4d8;
@@ -2754,7 +3093,7 @@ const dark = r$2`
     --sc-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.08);
   }
 `;
-const bootstrap5 = r$2`
+const bootstrap5 = r$5`
   :host([theme="bootstrap5"]) {
     --sc-primary: var(--bs-primary, #6366f1);
     --sc-info: var(--bs-info, #fb923c);
@@ -2814,7 +3153,7 @@ SonicTheme.styles = [
   dark,
   bootstrap5,
   dracula,
-  r$2`
+  r$5`
     :host {
       --sc-font-size-root: 1rem;
       color:var(--sc-base-content);
@@ -2827,8 +3166,8 @@ SonicTheme.styles = [
     `
 ];
 __decorateClass([
-  e$3({ type: String, reflect: true })
+  e$4({ type: String, reflect: true })
 ], SonicTheme.prototype, "theme", 2);
 SonicTheme = __decorateClass([
-  n("sonic-theme")
+  n$2("sonic-theme")
 ], SonicTheme);