@cal.macconnachie/web-components 0.0.4 → 0.0.7

package/dist/index.js

@@ -1,13 +1,7 @@
-import { css as kt, LitElement as Ct, nothing as $, html as m } from "lit";
-const xt = (e) => (t, s) => {
-  s !== void 0 ? s.addInitializer((() => {
-    customElements.define(e, t);
-  })) : customElements.define(e, t);
-};
-const z = globalThis, Z = z.ShadowRoot && (z.ShadyCSS === void 0 || z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, yt = Symbol(), it = /* @__PURE__ */ new WeakMap();
-let Et = class {
+const z = globalThis, Z = z.ShadowRoot && (z.ShadyCSS === void 0 || z.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, Q = Symbol(), ot = /* @__PURE__ */ new WeakMap();
+let wt = class {
   constructor(t, s, i) {
-    if (this._$cssResult$ = !0, i !== yt) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    if (this._$cssResult$ = !0, i !== Q) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = s;
   }
   get styleSheet() {
@@ -15,7 +9,7 @@ let Et = class {
     const s = this.t;
     if (Z && t === void 0) {
       const i = s !== void 0 && s.length === 1;
-      i && (t = it.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && it.set(s, t));
+      i && (t = ot.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && ot.set(s, t));
     }
     return t;
   }
@@ -23,21 +17,28 @@ let Et = class {
     return this.cssText;
   }
 };
-const Tt = (e) => new Et(typeof e == "string" ? e : e + "", void 0, yt), Pt = (e, t) => {
+const xt = (e) => new wt(typeof e == "string" ? e : e + "", void 0, Q), Et = (e, ...t) => {
+  const s = e.length === 1 ? e[0] : t.reduce(((i, r, o) => i + ((a) => {
+    if (a._$cssResult$ === !0) return a.cssText;
+    if (typeof a == "number") return a;
+    throw Error("Value passed to 'css' function must be a 'css' function result: " + a + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+  })(r) + e[o + 1]), e[0]);
+  return new wt(s, e, Q);
+}, Tt = (e, t) => {
   if (Z) e.adoptedStyleSheets = t.map(((s) => s instanceof CSSStyleSheet ? s : s.styleSheet));
   else for (const s of t) {
     const i = document.createElement("style"), r = z.litNonce;
     r !== void 0 && i.setAttribute("nonce", r), i.textContent = s.cssText, e.appendChild(i);
   }
-}, rt = Z ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
+}, at = Z ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let s = "";
   for (const i of t.cssRules) s += i.cssText;
-  return Tt(s);
+  return xt(s);
 })(e) : e;
-const { is: Ot, defineProperty: Dt, getOwnPropertyDescriptor: Ut, getOwnPropertyNames: Rt, getOwnPropertySymbols: It, getPrototypeOf: Nt } = Object, F = globalThis, ot = F.trustedTypes, Lt = ot ? ot.emptyScript : "", Mt = F.reactiveElementPolyfillSupport, M = (e, t) => e, B = { toAttribute(e, t) {
+const { is: Pt, defineProperty: Ot, getOwnPropertyDescriptor: Dt, getOwnPropertyNames: Ut, getOwnPropertySymbols: Rt, getPrototypeOf: It } = Object, F = globalThis, nt = F.trustedTypes, Nt = nt ? nt.emptyScript : "", Lt = F.reactiveElementPolyfillSupport, M = (e, t) => e, Y = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? Lt : null;
+      e = e ? Nt : null;
       break;
     case Object:
     case Array:
@@ -62,23 +63,23 @@ const { is: Ot, defineProperty: Dt, getOwnPropertyDescriptor: Ut, getOwnProperty
       }
   }
   return s;
-} }, Q = (e, t) => !Ot(e, t), at = { attribute: !0, type: String, converter: B, reflect: !1, useDefault: !1, hasChanged: Q };
+} }, X = (e, t) => !Pt(e, t), lt = { attribute: !0, type: String, converter: Y, reflect: !1, useDefault: !1, hasChanged: X };
 Symbol.metadata ??= Symbol("metadata"), F.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-class I extends HTMLElement {
+let U = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, s = at) {
+  static createProperty(t, s = lt) {
     if (s.state && (s.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((s = Object.create(s)).wrapped = !0), this.elementProperties.set(t, s), !s.noAccessor) {
       const i = Symbol(), r = this.getPropertyDescriptor(t, i, s);
-      r !== void 0 && Dt(this.prototype, t, r);
+      r !== void 0 && Ot(this.prototype, t, r);
     }
   }
   static getPropertyDescriptor(t, s, i) {
-    const { get: r, set: o } = Ut(this.prototype, t) ?? { get() {
+    const { get: r, set: o } = Dt(this.prototype, t) ?? { get() {
       return this[s];
     }, set(a) {
       this[s] = a;
@@ -89,17 +90,17 @@ class I extends HTMLElement {
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? at;
+    return this.elementProperties.get(t) ?? lt;
   }
   static _$Ei() {
     if (this.hasOwnProperty(M("elementProperties"))) return;
-    const t = Nt(this);
+    const t = It(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
     if (this.hasOwnProperty(M("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
-      const s = this.properties, i = [...Rt(s), ...It(s)];
+      const s = this.properties, i = [...Ut(s), ...Rt(s)];
       for (const r of i) this.createProperty(r, s[r]);
     }
     const t = this[Symbol.metadata];
@@ -118,8 +119,8 @@ class I extends HTMLElement {
     const s = [];
     if (Array.isArray(t)) {
       const i = new Set(t.flat(1 / 0).reverse());
-      for (const r of i) s.unshift(rt(r));
-    } else t !== void 0 && s.push(rt(t));
+      for (const r of i) s.unshift(at(r));
+    } else t !== void 0 && s.push(at(t));
     return s;
   }
   static _$Eu(t, s) {
@@ -145,7 +146,7 @@ class I extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return Pt(t, this.constructor.elementStyles), t;
+    return Tt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
@@ -161,14 +162,14 @@ class I extends HTMLElement {
   _$ET(t, s) {
     const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
     if (r !== void 0 && i.reflect === !0) {
-      const o = (i.converter?.toAttribute !== void 0 ? i.converter : B).toAttribute(s, i.type);
+      const o = (i.converter?.toAttribute !== void 0 ? i.converter : Y).toAttribute(s, i.type);
       this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
     }
   }
   _$AK(t, s) {
     const i = this.constructor, r = i._$Eh.get(t);
     if (r !== void 0 && this._$Em !== r) {
-      const o = i.getPropertyOptions(r), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : B;
+      const o = i.getPropertyOptions(r), a = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : Y;
       this._$Em = r;
       const h = a.fromAttribute(s, o.type);
       this[r] = h ?? this._$Ej?.get(r) ?? h, this._$Em = null;
@@ -177,7 +178,7 @@ class I extends HTMLElement {
   requestUpdate(t, s, i) {
     if (t !== void 0) {
       const r = this.constructor, o = this[t];
-      if (i ??= r.getPropertyOptions(t), !((i.hasChanged ?? Q)(o, s) || i.useDefault && i.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, i)))) return;
+      if (i ??= r.getPropertyOptions(t), !((i.hasChanged ?? X)(o, s) || i.useDefault && i.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, i)))) return;
       this.C(t, s, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
@@ -244,94 +245,55 @@ class I extends HTMLElement {
   }
   firstUpdated(t) {
   }
-}
-I.elementStyles = [], I.shadowRootOptions = { mode: "open" }, I[M("elementProperties")] = /* @__PURE__ */ new Map(), I[M("finalized")] = /* @__PURE__ */ new Map(), Mt?.({ ReactiveElement: I }), (F.reactiveElementVersions ??= []).push("2.1.1");
-const Ht = { attribute: !0, type: String, converter: B, reflect: !1, hasChanged: Q }, jt = (e = Ht, t, s) => {
-  const { kind: i, metadata: r } = s;
-  let o = globalThis.litPropertyMetadata.get(r);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), i === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(s.name, e), i === "accessor") {
-    const { name: a } = s;
-    return { set(h) {
-      const n = t.get.call(this);
-      t.set.call(this, h), this.requestUpdate(a, n, e);
-    }, init(h) {
-      return h !== void 0 && this.C(a, void 0, e, h), h;
-    } };
-  }
-  if (i === "setter") {
-    const { name: a } = s;
-    return function(h) {
-      const n = this[a];
-      t.call(this, h), this.requestUpdate(a, n, e);
-    };
-  }
-  throw Error("Unsupported decorator location: " + i);
 };
-function k(e) {
-  return (t, s) => typeof s == "object" ? jt(e, t, s) : ((i, r, o) => {
-    const a = r.hasOwnProperty(o);
-    return r.constructor.createProperty(o, i), a ? Object.getOwnPropertyDescriptor(r, o) : void 0;
-  })(e, t, s);
-}
-function b(e) {
-  return k({ ...e, state: !0, attribute: !1 });
-}
-const qt = (e, t, s) => (s.configurable = !0, s.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, s), s);
-function X(e, t) {
-  return (s, i, r) => {
-    const o = (a) => a.renderRoot?.querySelector(e) ?? null;
-    return qt(s, i, { get() {
-      return o(this);
-    } });
-  };
-}
-const tt = globalThis, Y = tt.trustedTypes, nt = Y ? Y.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, wt = "$lit$", x = `lit$${Math.random().toFixed(9).slice(2)}$`, $t = "?" + x, zt = `<${$t}>`, D = document, K = () => D.createComment(""), H = (e) => e === null || typeof e != "object" && typeof e != "function", et = Array.isArray, Bt = (e) => et(e) || typeof e?.[Symbol.iterator] == "function", W = `[ 	
-\f\r]`, N = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, lt = /-->/g, ht = />/g, T = RegExp(`>|${W}(?:([^\\s"'>=/]+)(${W}*=${W}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), ct = /'/g, dt = /"/g, bt = /^(?:script|style|textarea|title)$/i, U = Symbol.for("lit-noChange"), A = Symbol.for("lit-nothing"), pt = /* @__PURE__ */ new WeakMap(), O = D.createTreeWalker(D, 129);
-function vt(e, t) {
+U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, U[M("elementProperties")] = /* @__PURE__ */ new Map(), U[M("finalized")] = /* @__PURE__ */ new Map(), Lt?.({ ReactiveElement: U }), (F.reactiveElementVersions ??= []).push("2.1.1");
+const tt = globalThis, K = tt.trustedTypes, ht = K ? K.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, bt = "$lit$", C = `lit$${Math.random().toFixed(9).slice(2)}$`, vt = "?" + C, Mt = `<${vt}>`, D = document, j = () => D.createComment(""), q = (e) => e === null || typeof e != "object" && typeof e != "function", et = Array.isArray, Ht = (e) => et(e) || typeof e?.[Symbol.iterator] == "function", W = `[ 	
+\f\r]`, N = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ct = /-->/g, dt = />/g, T = RegExp(`>|${W}(?:([^\\s"'>=/]+)(${W}*=${W}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), pt = /'/g, ut = /"/g, At = /^(?:script|style|textarea|title)$/i, jt = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), f = jt(1), x = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), gt = /* @__PURE__ */ new WeakMap(), O = D.createTreeWalker(D, 129);
+function _t(e, t) {
   if (!et(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return nt !== void 0 ? nt.createHTML(t) : t;
+  return ht !== void 0 ? ht.createHTML(t) : t;
 }
-const Yt = (e, t) => {
+const qt = (e, t) => {
   const s = e.length - 1, i = [];
   let r, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", a = N;
   for (let h = 0; h < s; h++) {
     const n = e[h];
     let c, p, l = -1, d = 0;
-    for (; d < n.length && (a.lastIndex = d, p = a.exec(n), p !== null); ) d = a.lastIndex, a === N ? p[1] === "!--" ? a = lt : p[1] !== void 0 ? a = ht : p[2] !== void 0 ? (bt.test(p[2]) && (r = RegExp("</" + p[2], "g")), a = T) : p[3] !== void 0 && (a = T) : a === T ? p[0] === ">" ? (a = r ?? N, l = -1) : p[1] === void 0 ? l = -2 : (l = a.lastIndex - p[2].length, c = p[1], a = p[3] === void 0 ? T : p[3] === '"' ? dt : ct) : a === dt || a === ct ? a = T : a === lt || a === ht ? a = N : (a = T, r = void 0);
+    for (; d < n.length && (a.lastIndex = d, p = a.exec(n), p !== null); ) d = a.lastIndex, a === N ? p[1] === "!--" ? a = ct : p[1] !== void 0 ? a = dt : p[2] !== void 0 ? (At.test(p[2]) && (r = RegExp("</" + p[2], "g")), a = T) : p[3] !== void 0 && (a = T) : a === T ? p[0] === ">" ? (a = r ?? N, l = -1) : p[1] === void 0 ? l = -2 : (l = a.lastIndex - p[2].length, c = p[1], a = p[3] === void 0 ? T : p[3] === '"' ? ut : pt) : a === ut || a === pt ? a = T : a === ct || a === dt ? a = N : (a = T, r = void 0);
     const u = a === T && e[h + 1].startsWith("/>") ? " " : "";
-    o += a === N ? n + zt : l >= 0 ? (i.push(c), n.slice(0, l) + wt + n.slice(l) + x + u) : n + x + (l === -2 ? h : u);
+    o += a === N ? n + Mt : l >= 0 ? (i.push(c), n.slice(0, l) + bt + n.slice(l) + C + u) : n + C + (l === -2 ? h : u);
   }
-  return [vt(e, o + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+  return [_t(e, o + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
 };
-class j {
+class B {
   constructor({ strings: t, _$litType$: s }, i) {
     let r;
     this.parts = [];
     let o = 0, a = 0;
-    const h = t.length - 1, n = this.parts, [c, p] = Yt(t, s);
-    if (this.el = j.createElement(c, i), O.currentNode = this.el.content, s === 2 || s === 3) {
+    const h = t.length - 1, n = this.parts, [c, p] = qt(t, s);
+    if (this.el = B.createElement(c, i), O.currentNode = this.el.content, s === 2 || s === 3) {
       const l = this.el.content.firstChild;
       l.replaceWith(...l.childNodes);
     }
     for (; (r = O.nextNode()) !== null && n.length < h; ) {
       if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const l of r.getAttributeNames()) if (l.endsWith(wt)) {
-          const d = p[a++], u = r.getAttribute(l).split(x), y = /([.?@])?(.*)/.exec(d);
-          n.push({ type: 1, index: o, name: y[2], strings: u, ctor: y[1] === "." ? Ft : y[1] === "?" ? Vt : y[1] === "@" ? Wt : V }), r.removeAttribute(l);
-        } else l.startsWith(x) && (n.push({ type: 6, index: o }), r.removeAttribute(l));
-        if (bt.test(r.tagName)) {
-          const l = r.textContent.split(x), d = l.length - 1;
+        if (r.hasAttributes()) for (const l of r.getAttributeNames()) if (l.endsWith(bt)) {
+          const d = p[a++], u = r.getAttribute(l).split(C), $ = /([.?@])?(.*)/.exec(d);
+          n.push({ type: 1, index: o, name: $[2], strings: u, ctor: $[1] === "." ? zt : $[1] === "?" ? Yt : $[1] === "@" ? Kt : V }), r.removeAttribute(l);
+        } else l.startsWith(C) && (n.push({ type: 6, index: o }), r.removeAttribute(l));
+        if (At.test(r.tagName)) {
+          const l = r.textContent.split(C), d = l.length - 1;
           if (d > 0) {
-            r.textContent = Y ? Y.emptyScript : "";
-            for (let u = 0; u < d; u++) r.append(l[u], K()), O.nextNode(), n.push({ type: 2, index: ++o });
-            r.append(l[d], K());
+            r.textContent = K ? K.emptyScript : "";
+            for (let u = 0; u < d; u++) r.append(l[u], j()), O.nextNode(), n.push({ type: 2, index: ++o });
+            r.append(l[d], j());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === $t) n.push({ type: 2, index: o });
+      } else if (r.nodeType === 8) if (r.data === vt) n.push({ type: 2, index: o });
       else {
         let l = -1;
-        for (; (l = r.data.indexOf(x, l + 1)) !== -1; ) n.push({ type: 7, index: o }), l += x.length - 1;
+        for (; (l = r.data.indexOf(C, l + 1)) !== -1; ) n.push({ type: 7, index: o }), l += C.length - 1;
       }
       o++;
     }
@@ -342,12 +304,12 @@ class j {
   }
 }
 function R(e, t, s = e, i) {
-  if (t === U) return t;
+  if (t === x) return t;
   let r = i !== void 0 ? s._$Co?.[i] : s._$Cl;
-  const o = H(t) ? void 0 : t._$litDirective$;
+  const o = q(t) ? void 0 : t._$litDirective$;
   return r?.constructor !== o && (r?._$AO?.(!1), o === void 0 ? r = void 0 : (r = new o(e), r._$AT(e, s, i)), i !== void 0 ? (s._$Co ??= [])[i] = r : s._$Cl = r), r !== void 0 && (t = R(e, r._$AS(e, t.values), r, i)), t;
 }
-let Kt = class {
+let Bt = class {
   constructor(t, s) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
   }
@@ -364,7 +326,7 @@ let Kt = class {
     for (; n !== void 0; ) {
       if (a === n.index) {
         let c;
-        n.type === 2 ? c = new q(o, o.nextSibling, this, t) : n.type === 1 ? c = new n.ctor(o, n.name, n.strings, this, t) : n.type === 6 && (c = new Gt(o, this, t)), this._$AV.push(c), n = i[++h];
+        n.type === 2 ? c = new I(o, o.nextSibling, this, t) : n.type === 1 ? c = new n.ctor(o, n.name, n.strings, this, t) : n.type === 6 && (c = new Ft(o, this, t)), this._$AV.push(c), n = i[++h];
       }
       a !== n?.index && (o = O.nextNode(), a++);
     }
@@ -375,12 +337,12 @@ let Kt = class {
     for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, s), s += i.strings.length - 2) : i._$AI(t[s])), s++;
   }
 };
-class q {
+class I {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(t, s, i, r) {
-    this.type = 2, this._$AH = A, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
+    this.type = 2, this._$AH = g, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -394,7 +356,7 @@ class q {
     return this._$AB;
   }
   _$AI(t, s = this) {
-    t = R(this, t, s), H(t) ? t === A || t == null || t === "" ? (this._$AH !== A && this._$AR(), this._$AH = A) : t !== this._$AH && t !== U && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Bt(t) ? this.k(t) : this._(t);
+    t = R(this, t, s), q(t) ? t === g || t == null || t === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : t !== this._$AH && t !== x && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ht(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -403,25 +365,25 @@ class q {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== A && H(this._$AH) ? this._$AA.nextSibling.data = t : this.T(D.createTextNode(t)), this._$AH = t;
+    this._$AH !== g && q(this._$AH) ? this._$AA.nextSibling.data = t : this.T(D.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    const { values: s, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = j.createElement(vt(i.h, i.h[0]), this.options)), i);
+    const { values: s, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = B.createElement(_t(i.h, i.h[0]), this.options)), i);
     if (this._$AH?._$AD === r) this._$AH.p(s);
     else {
-      const o = new Kt(r, this), a = o.u(this.options);
+      const o = new Bt(r, this), a = o.u(this.options);
       o.p(s), this.T(a), this._$AH = o;
     }
   }
   _$AC(t) {
-    let s = pt.get(t.strings);
-    return s === void 0 && pt.set(t.strings, s = new j(t)), s;
+    let s = gt.get(t.strings);
+    return s === void 0 && gt.set(t.strings, s = new B(t)), s;
   }
   k(t) {
     et(this._$AH) || (this._$AH = [], this._$AR());
     const s = this._$AH;
     let i, r = 0;
-    for (const o of t) r === s.length ? s.push(i = new q(this.O(K()), this.O(K()), this, this.options)) : i = s[r], i._$AI(o), r++;
+    for (const o of t) r === s.length ? s.push(i = new I(this.O(j()), this.O(j()), this, this.options)) : i = s[r], i._$AI(o), r++;
     r < s.length && (this._$AR(i && i._$AB.nextSibling, r), s.length = r);
   }
   _$AR(t = this._$AA.nextSibling, s) {
@@ -442,53 +404,53 @@ class V {
     return this._$AM._$AU;
   }
   constructor(t, s, i, r, o) {
-    this.type = 1, this._$AH = A, this._$AN = void 0, this.element = t, this.name = s, this._$AM = r, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = A;
+    this.type = 1, this._$AH = g, this._$AN = void 0, this.element = t, this.name = s, this._$AM = r, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = g;
   }
   _$AI(t, s = this, i, r) {
     const o = this.strings;
     let a = !1;
-    if (o === void 0) t = R(this, t, s, 0), a = !H(t) || t !== this._$AH && t !== U, a && (this._$AH = t);
+    if (o === void 0) t = R(this, t, s, 0), a = !q(t) || t !== this._$AH && t !== x, a && (this._$AH = t);
     else {
       const h = t;
       let n, c;
-      for (t = o[0], n = 0; n < o.length - 1; n++) c = R(this, h[i + n], s, n), c === U && (c = this._$AH[n]), a ||= !H(c) || c !== this._$AH[n], c === A ? t = A : t !== A && (t += (c ?? "") + o[n + 1]), this._$AH[n] = c;
+      for (t = o[0], n = 0; n < o.length - 1; n++) c = R(this, h[i + n], s, n), c === x && (c = this._$AH[n]), a ||= !q(c) || c !== this._$AH[n], c === g ? t = g : t !== g && (t += (c ?? "") + o[n + 1]), this._$AH[n] = c;
     }
     a && !r && this.j(t);
   }
   j(t) {
-    t === A ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === g ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Ft extends V {
+class zt extends V {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === A ? void 0 : t;
+    this.element[this.name] = t === g ? void 0 : t;
   }
 }
-class Vt extends V {
+class Yt extends V {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== A);
+    this.element.toggleAttribute(this.name, !!t && t !== g);
   }
 }
-class Wt extends V {
+class Kt extends V {
   constructor(t, s, i, r, o) {
     super(t, s, i, r, o), this.type = 5;
   }
   _$AI(t, s = this) {
-    if ((t = R(this, t, s, 0) ?? A) === U) return;
-    const i = this._$AH, r = t === A && i !== A || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== A && (i === A || r);
+    if ((t = R(this, t, s, 0) ?? g) === x) return;
+    const i = this._$AH, r = t === g && i !== g || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== g && (i === g || r);
     r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Gt {
+class Ft {
   constructor(t, s, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
   }
@@ -499,10 +461,90 @@ class Gt {
     R(this, t);
   }
 }
-const Jt = { I: q }, Zt = tt.litHtmlPolyfillSupport;
-Zt?.(j, q), (tt.litHtmlVersions ??= []).push("3.3.1");
-const At = { ATTRIBUTE: 1, CHILD: 2 }, _t = (e) => (...t) => ({ _$litDirective$: e, values: t });
-class St {
+const Vt = { I }, Wt = tt.litHtmlPolyfillSupport;
+Wt?.(B, I), (tt.litHtmlVersions ??= []).push("3.3.1");
+const Gt = (e, t, s) => {
+  const i = s?.renderBefore ?? t;
+  let r = i._$litPart$;
+  if (r === void 0) {
+    const o = s?.renderBefore ?? null;
+    i._$litPart$ = r = new I(t.insertBefore(j(), o), o, void 0, s ?? {});
+  }
+  return r._$AI(e), r;
+};
+const st = globalThis;
+let H = class extends U {
+  constructor() {
+    super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+  }
+  createRenderRoot() {
+    const t = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= t.firstChild, t;
+  }
+  update(t) {
+    const s = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Gt(s, this.renderRoot, this.renderOptions);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._$Do?.setConnected(!0);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this._$Do?.setConnected(!1);
+  }
+  render() {
+    return x;
+  }
+};
+H._$litElement$ = !0, H.finalized = !0, st.litElementHydrateSupport?.({ LitElement: H });
+const Jt = st.litElementPolyfillSupport;
+Jt?.({ LitElement: H });
+(st.litElementVersions ??= []).push("4.2.1");
+const Zt = (e) => (t, s) => {
+  s !== void 0 ? s.addInitializer((() => {
+    customElements.define(e, t);
+  })) : customElements.define(e, t);
+};
+const Qt = { attribute: !0, type: String, converter: Y, reflect: !1, hasChanged: X }, Xt = (e = Qt, t, s) => {
+  const { kind: i, metadata: r } = s;
+  let o = globalThis.litPropertyMetadata.get(r);
+  if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), i === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(s.name, e), i === "accessor") {
+    const { name: a } = s;
+    return { set(h) {
+      const n = t.get.call(this);
+      t.set.call(this, h), this.requestUpdate(a, n, e);
+    }, init(h) {
+      return h !== void 0 && this.C(a, void 0, e, h), h;
+    } };
+  }
+  if (i === "setter") {
+    const { name: a } = s;
+    return function(h) {
+      const n = this[a];
+      t.call(this, h), this.requestUpdate(a, n, e);
+    };
+  }
+  throw Error("Unsupported decorator location: " + i);
+};
+function S(e) {
+  return (t, s) => typeof s == "object" ? Xt(e, t, s) : ((i, r, o) => {
+    const a = r.hasOwnProperty(o);
+    return r.constructor.createProperty(o, i), a ? Object.getOwnPropertyDescriptor(r, o) : void 0;
+  })(e, t, s);
+}
+function b(e) {
+  return S({ ...e, state: !0, attribute: !1 });
+}
+const te = (e, t, s) => (s.configurable = !0, s.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, s), s);
+function it(e, t) {
+  return (s, i, r) => {
+    const o = (a) => a.renderRoot?.querySelector(e) ?? null;
+    return te(s, i, { get() {
+      return o(this);
+    } });
+  };
+}
+const St = { ATTRIBUTE: 1, CHILD: 2 }, kt = (e) => (...t) => ({ _$litDirective$: e, values: t });
+class Ct {
   constructor(t) {
   }
   get _$AU() {
@@ -518,9 +560,9 @@ class St {
     return this.render(...s);
   }
 }
-const ut = _t(class extends St {
+const mt = kt(class extends Ct {
   constructor(e) {
-    if (super(e), e.type !== At.ATTRIBUTE || e.name !== "class" || e.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+    if (super(e), e.type !== St.ATTRIBUTE || e.name !== "class" || e.strings?.length > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
   }
   render(e) {
     return " " + Object.keys(e).filter(((t) => e[t])).join(" ") + " ";
@@ -537,14 +579,14 @@ const ut = _t(class extends St {
       const r = !!t[i];
       r === this.st.has(i) || this.nt?.has(i) || (r ? (s.add(i), this.st.add(i)) : (s.remove(i), this.st.delete(i)));
     }
-    return U;
+    return x;
   }
 });
-const { I: Qt } = Jt, gt = () => document.createComment(""), L = (e, t, s) => {
+const { I: ee } = Vt, ft = () => document.createComment(""), L = (e, t, s) => {
   const i = e._$AA.parentNode, r = t === void 0 ? e._$AB : t._$AA;
   if (s === void 0) {
-    const o = i.insertBefore(gt(), r), a = i.insertBefore(gt(), r);
-    s = new Qt(o, a, e, e.options);
+    const o = i.insertBefore(ft(), r), a = i.insertBefore(ft(), r);
+    s = new ee(o, a, e, e.options);
   } else {
     const o = s._$AB.nextSibling, a = s._$AM, h = a !== e;
     if (h) {
@@ -560,16 +602,16 @@ const { I: Qt } = Jt, gt = () => document.createComment(""), L = (e, t, s) => {
     }
   }
   return s;
-}, P = (e, t, s = e) => (e._$AI(t, s), e), Xt = {}, te = (e, t = Xt) => e._$AH = t, ee = (e) => e._$AH, G = (e) => {
+}, P = (e, t, s = e) => (e._$AI(t, s), e), se = {}, ie = (e, t = se) => e._$AH = t, re = (e) => e._$AH, G = (e) => {
   e._$AR(), e._$AA.remove();
 };
-const mt = (e, t, s) => {
+const yt = (e, t, s) => {
   const i = /* @__PURE__ */ new Map();
   for (let r = t; r <= s; r++) i.set(e[r], r);
   return i;
-}, ft = _t(class extends St {
+}, $t = kt(class extends Ct {
   constructor(e) {
-    if (super(e), e.type !== At.CHILD) throw Error("repeat() can only be used in text expressions");
+    if (super(e), e.type !== St.CHILD) throw Error("repeat() can only be used in text expressions");
   }
   dt(e, t, s) {
     let i;
@@ -583,36 +625,36 @@ const mt = (e, t, s) => {
     return this.dt(e, t, s).values;
   }
   update(e, [t, s, i]) {
-    const r = ee(e), { values: o, keys: a } = this.dt(t, s, i);
+    const r = re(e), { values: o, keys: a } = this.dt(t, s, i);
     if (!Array.isArray(r)) return this.ut = a, o;
     const h = this.ut ??= [], n = [];
-    let c, p, l = 0, d = r.length - 1, u = 0, y = o.length - 1;
-    for (; l <= d && u <= y; ) if (r[l] === null) l++;
+    let c, p, l = 0, d = r.length - 1, u = 0, $ = o.length - 1;
+    for (; l <= d && u <= $; ) if (r[l] === null) l++;
     else if (r[d] === null) d--;
     else if (h[l] === a[u]) n[u] = P(r[l], o[u]), l++, u++;
-    else if (h[d] === a[y]) n[y] = P(r[d], o[y]), d--, y--;
-    else if (h[l] === a[y]) n[y] = P(r[l], o[y]), L(e, n[y + 1], r[l]), l++, y--;
+    else if (h[d] === a[$]) n[$] = P(r[d], o[$]), d--, $--;
+    else if (h[l] === a[$]) n[$] = P(r[l], o[$]), L(e, n[$ + 1], r[l]), l++, $--;
     else if (h[d] === a[u]) n[u] = P(r[d], o[u]), L(e, r[l], r[d]), d--, u++;
-    else if (c === void 0 && (c = mt(a, u, y), p = mt(h, l, d)), c.has(h[l])) if (c.has(h[d])) {
-      const v = p.get(a[u]), _ = v !== void 0 ? r[v] : null;
-      if (_ === null) {
+    else if (c === void 0 && (c = yt(a, u, $), p = yt(h, l, d)), c.has(h[l])) if (c.has(h[d])) {
+      const v = p.get(a[u]), A = v !== void 0 ? r[v] : null;
+      if (A === null) {
         const w = L(e, r[l]);
         P(w, o[u]), n[u] = w;
-      } else n[u] = P(_, o[u]), L(e, r[l], _), r[v] = null;
+      } else n[u] = P(A, o[u]), L(e, r[l], A), r[v] = null;
       u++;
     } else G(r[d]), d--;
     else G(r[l]), l++;
-    for (; u <= y; ) {
-      const v = L(e, n[y + 1]);
+    for (; u <= $; ) {
+      const v = L(e, n[$ + 1]);
       P(v, o[u]), n[u++] = v;
     }
     for (; l <= d; ) {
       const v = r[l++];
       v !== null && G(v);
     }
-    return this.ut = a, te(e, n), U;
+    return this.ut = a, ie(e, n), x;
   }
-}), se = ({
+}), oe = ({
   baseUrl: e
 }) => {
   const t = {
@@ -632,7 +674,7 @@ const mt = (e, t, s) => {
       refreshToken: d,
       idToken: u
     }) => {
-      const y = await fetch(`${e}${t.login}`, {
+      const $ = await fetch(`${e}${t.login}`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
@@ -645,11 +687,11 @@ const mt = (e, t, s) => {
           idToken: u
         })
       });
-      if (!y.ok) {
-        const v = await y.json();
+      if (!$.ok) {
+        const v = await $.json();
         throw new Error(v.message || v.error || "Login failed");
       }
-      return y.json();
+      return $.json();
     },
     logout: async ({
       accessToken: c,
@@ -711,7 +753,7 @@ const mt = (e, t, s) => {
       phone_number: l,
       family_name: d,
       given_name: u,
-      code: y
+      code: $
     }) => {
       const v = await fetch(`${e}${t.register}`, {
         method: "POST",
@@ -724,12 +766,12 @@ const mt = (e, t, s) => {
           phone_number: l,
           family_name: d,
           given_name: u,
-          code: y
+          code: $
         })
       });
       if (!v.ok) {
-        const _ = await v.json();
-        throw new Error(_.message || _.error || "Registration failed");
+        const A = await v.json();
+        throw new Error(A.message || A.error || "Registration failed");
       }
       return v.json();
     },
@@ -776,23 +818,23 @@ const mt = (e, t, s) => {
   AUTH_TOKEN: "authToken",
   ACCESS_TOKEN: "accessToken",
   REFRESH_TOKEN: "refreshToken"
-}, ie = {
+}, ae = {
   maxAge: 3600 * 24 * 7,
   // 7 days
   secure: !0,
   sameSite: "lax",
   path: "/"
-}, re = () => {
+}, ne = () => {
   const e = (n, c, p = {}) => {
     const {
       maxAge: l,
       path: d = "/",
       secure: u = window.location.protocol === "https:",
-      sameSite: y = "lax",
+      sameSite: $ = "lax",
       domain: v
     } = p;
-    let _ = `${encodeURIComponent(n)}=${encodeURIComponent(c)}`;
-    l !== void 0 && (_ += `; Max-Age=${l}`), _ += `; Path=${d}`, u && (_ += "; Secure"), _ += `; SameSite=${y}`, v && (_ += `; Domain=${v}`), document.cookie = _;
+    let A = `${encodeURIComponent(n)}=${encodeURIComponent(c)}`;
+    l !== void 0 && (A += `; Max-Age=${l}`), A += `; Path=${d}`, u && (A += "; Secure"), A += `; SameSite=${$}`, v && (A += `; Domain=${v}`), document.cookie = A;
   }, t = (n) => {
     const c = encodeURIComponent(n) + "=", p = document.cookie.split(";");
     for (let l = 0; l < p.length; l++) {
@@ -809,7 +851,7 @@ const mt = (e, t, s) => {
       maxAge: -1
     });
   }, i = (n) => t(n) !== null, r = (n, c) => {
-    e(J[n], c, ie);
+    e(J[n], c, ae);
   }, o = (n) => t(J[n]), a = (n) => {
     s(J[n]);
   };
@@ -825,11 +867,11 @@ const mt = (e, t, s) => {
       a("AUTH_TOKEN"), a("ACCESS_TOKEN"), a("REFRESH_TOKEN");
     }
   };
-}, oe = ["code", "state", "error", "error_description"], ae = (e) => {
+}, le = ["code", "state", "error", "error_description"], he = (e) => {
   if (e) return e;
   const t = new URL(window.location.href);
-  return oe.forEach((s) => t.searchParams.delete(s)), t.toString();
-}, ne = ({
+  return le.forEach((s) => t.searchParams.delete(s)), t.toString();
+}, ce = ({
   domain: e,
   cognitoRegion: t,
   userPoolId: s,
@@ -839,53 +881,53 @@ const mt = (e, t, s) => {
   const o = {
     domain: e,
     clientId: i,
-    redirectUri: ae(r)
+    redirectUri: he(r)
   }, a = (w) => {
-    const S = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", C = new Uint8Array(w);
-    return crypto.getRandomValues(C), Array.from(C).map((E) => S[E % S.length]).join("");
+    const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", k = new Uint8Array(w);
+    return crypto.getRandomValues(k), Array.from(k).map((E) => _[E % _.length]).join("");
   }, h = async (w) => {
-    const C = new TextEncoder().encode(w), E = await crypto.subtle.digest("SHA-256", C);
+    const k = new TextEncoder().encode(w), E = await crypto.subtle.digest("SHA-256", k);
     return btoa(String.fromCharCode(...new Uint8Array(E))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
   }, n = async () => {
-    const w = a(128), S = await h(w);
-    return sessionStorage.setItem("pkce_code_verifier", w), { codeVerifier: w, codeChallenge: S };
+    const w = a(128), _ = await h(w);
+    return sessionStorage.setItem("pkce_code_verifier", w), { codeVerifier: w, codeChallenge: _ };
   }, c = () => {
     const w = a(32);
     return sessionStorage.setItem("oauth_state", w), w;
   }, p = async () => {
-    const { codeChallenge: w } = await n(), S = c(), C = new URLSearchParams({
+    const { codeChallenge: w } = await n(), _ = c(), k = new URLSearchParams({
       response_type: "code",
       client_id: o.clientId,
       redirect_uri: o.redirectUri,
       identity_provider: "Google",
       scope: "openid email profile",
-      state: S,
+      state: _,
       code_challenge_method: "S256",
       code_challenge: w,
       prompt: "select_account"
     });
-    return `${o.domain}/oauth2/authorize?${C.toString()}`;
+    return `${o.domain}/oauth2/authorize?${k.toString()}`;
   }, l = async () => {
     const w = await p();
     window.location.href = w;
   }, d = async () => {
-    const { codeChallenge: w } = await n(), S = c(), C = new URLSearchParams({
+    const { codeChallenge: w } = await n(), _ = c(), k = new URLSearchParams({
       response_type: "code",
       client_id: o.clientId,
       redirect_uri: o.redirectUri,
       identity_provider: "SignInWithApple",
       scope: "openid email profile",
-      state: S,
+      state: _,
       code_challenge_method: "S256",
       code_challenge: w
     });
-    return `${o.domain}/oauth2/authorize?${C.toString()}`;
+    return `${o.domain}/oauth2/authorize?${k.toString()}`;
   }, u = async () => {
     const w = await d();
     window.location.href = w;
-  }, y = (w) => {
-    const S = sessionStorage.getItem("oauth_state");
-    return sessionStorage.removeItem("oauth_state"), S === w;
+  }, $ = (w) => {
+    const _ = sessionStorage.getItem("oauth_state");
+    return sessionStorage.removeItem("oauth_state"), _ === w;
   }, v = () => {
     const w = sessionStorage.getItem("pkce_code_verifier");
     return sessionStorage.removeItem("pkce_code_verifier"), w;
@@ -893,33 +935,33 @@ const mt = (e, t, s) => {
   return {
     redirectToGoogleAuth: l,
     redirectToAppleAuth: u,
-    validateState: y,
+    validateState: $,
     getCodeVerifier: v,
     exchangeCodeForTokens: async (w) => {
-      const S = v();
-      if (!S)
+      const _ = v();
+      if (!_)
         throw new Error("PKCE code verifier not found. Please restart the authentication flow.");
-      const C = new URLSearchParams({
+      const k = new URLSearchParams({
         grant_type: "authorization_code",
         client_id: o.clientId,
         code: w,
         redirect_uri: o.redirectUri,
-        code_verifier: S
+        code_verifier: _
       }), E = await fetch(`${o.domain}/oauth2/token`, {
         method: "POST",
         headers: {
           "Content-Type": "application/x-www-form-urlencoded"
         },
-        body: C.toString()
+        body: k.toString()
       });
       if (!E.ok) {
-        const st = await E.text();
-        throw new Error(`Token exchange failed: ${st}`);
+        const rt = await E.text();
+        throw new Error(`Token exchange failed: ${rt}`);
       }
       return E.json();
     }
   };
-}, le = () => kt`
+}, de = () => Et`
     :host {
       display: inline-block;
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
@@ -1419,15 +1461,15 @@ const mt = (e, t, s) => {
         transition: none !important;
       }
     }`;
-var he = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, f = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? ce(t, s) : t, o = e.length - 1, a; o >= 0; o--)
+var pe = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, y = (e, t, s, i) => {
+  for (var r = i > 1 ? void 0 : i ? ue(t, s) : t, o = e.length - 1, a; o >= 0; o--)
     (a = e[o]) && (r = (i ? a(t, s, r) : a(r)) || r);
-  return i && r && he(t, s, r), r;
+  return i && r && pe(t, s, r), r;
 };
-const de = ["code", "state", "error", "error_description"];
-let g = class extends Ct {
+const ge = ["code", "state", "error", "error_description"];
+let m = class extends H {
   constructor() {
-    super(...arguments), this.open = !1, this.initialMode = "signin", this.logoUrl = "", this.baseUrl = "", this.oauthDomain = "", this.oauthRegion = "", this.oauthUserPoolId = "", this.oauthClientId = "", this.oauthRedirectUri = "", this.size = "sm", this.theme = "light", this.mode = "signin", this.resetStep = "none", this.signupStep = "form", this.isLoading = !1, this.isClosing = !1, this.isVisible = !1, this.isLoggedIn = !1, this.email = "", this.password = "", this.givenName = "", this.familyName = "", this.newPassword = "", this.confirmPassword = "", this.notice = "", this.error = "", this.errors = {}, this.otpDigits = ["", "", "", "", "", ""], this.signupOtpDigits = ["", "", "", "", "", ""], this.isDragging = !1, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0, this.lastDragEndTime = 0, this.cookies = re(), this.scrollPosition = 0, this.transitionDuration = 300, this.hasHandledOAuthCallback = !1, this.boundKeyHandler = (e) => {
+    super(...arguments), this.open = !1, this.initialMode = "signin", this.logoUrl = "", this.baseUrl = "", this.oauthDomain = "", this.oauthRegion = "", this.oauthUserPoolId = "", this.oauthClientId = "", this.oauthRedirectUri = "", this.size = "sm", this.theme = "light", this.mode = "signin", this.resetStep = "none", this.signupStep = "form", this.isLoading = !1, this.isClosing = !1, this.isVisible = !1, this.isLoggedIn = !1, this.email = "", this.password = "", this.givenName = "", this.familyName = "", this.newPassword = "", this.confirmPassword = "", this.notice = "", this.error = "", this.errors = {}, this.otpDigits = ["", "", "", "", "", ""], this.signupOtpDigits = ["", "", "", "", "", ""], this.isDragging = !1, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0, this.lastDragEndTime = 0, this.cookies = ne(), this.scrollPosition = 0, this.transitionDuration = 300, this.hasHandledOAuthCallback = !1, this.boundKeyHandler = (e) => {
       e.key === "Escape" && this.isVisible && this.handleClose();
     }, this.baseUrlErrorMessage = "Authentication service is not configured correctly. Please add an API domain or contact support.", this.handleClose = () => {
       this.isClosing || !this.isVisible || (this.cleanupInlineStyles(), this.isDragging = !1, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0, this.isClosing = !0, setTimeout(() => {
@@ -1477,7 +1519,7 @@ let g = class extends Ct {
   getApiService() {
     if (!this.hasApiBaseUrl())
       throw new Error("API domain is not set");
-    return this.apiService || (this.apiService = se({
+    return this.apiService || (this.apiService = oe({
       baseUrl: this.getNormalizedBaseUrl()
     })), this.apiService;
   }
@@ -1630,7 +1672,7 @@ let g = class extends Ct {
       return null;
     if (!this.oauthService) {
       const e = this.oauthRedirectUri?.trim() ? this.oauthRedirectUri.trim() : void 0;
-      this.oauthService = ne({
+      this.oauthService = ce({
         domain: this.oauthDomain.trim(),
         cognitoRegion: this.oauthRegion.trim(),
         userPoolId: this.oauthUserPoolId.trim(),
@@ -1643,7 +1685,7 @@ let g = class extends Ct {
   stripOAuthParamsFromUrl() {
     const e = new URL(window.location.href);
     let t = !1;
-    for (const s of de)
+    for (const s of ge)
       e.searchParams.has(s) && (e.searchParams.delete(s), t = !0);
     if (t) {
       const s = e.searchParams.toString(), i = `${e.pathname}${s ? `?${s}` : ""}${e.hash}`;
@@ -1817,7 +1859,7 @@ let g = class extends Ct {
   }
   render() {
     if (!this.isVisible)
-      return $;
+      return g;
     const e = {
       "modal-overlay": !0,
       "modal-overlay--closing": this.isClosing
@@ -1828,10 +1870,10 @@ let g = class extends Ct {
       "modal-container--dragging": this.isDragging,
       [`modal-container--${this.size}`]: !0
     };
-    return m`
+    return f`
       <!-- Modal/Drawer -->
       <div
-        class=${ut(e)}
+        class=${mt(e)}
         @click=${this.handleOverlayClick}
         @touchstart=${this.handleDragStart}
         @touchmove=${this.handleDragMove}
@@ -1839,7 +1881,7 @@ let g = class extends Ct {
         @mousedown=${this.handleDragStart}
       >
         <div
-          class=${ut(t)}
+          class=${mt(t)}
           @click=${(s) => s.stopPropagation()}
           role="dialog"
           aria-modal="true"
@@ -1868,8 +1910,8 @@ let g = class extends Ct {
   renderContent() {
     if (!this.hasApiBaseUrl()) {
       const e = this.baseUrlErrorMessage;
-      return m`
-        ${this.logoUrl.length > 0 ? m`
+      return f`
+        ${this.logoUrl.length > 0 ? f`
               <header class="modal-header">
                 <div class="auth-header">
                 <img
@@ -1881,7 +1923,7 @@ let g = class extends Ct {
                 />
                 </div>
               </header>
-            ` : $}
+            ` : g}
 
         <div class="modal-body">
           <div class="auth-form">
@@ -1892,9 +1934,9 @@ let g = class extends Ct {
         </div>
       `;
     }
-    return this.isLoggedIn ? m`
+    return this.isLoggedIn ? f`
         <!-- Header -->
-        ${this.logoUrl.length > 0 ? m`
+        ${this.logoUrl.length > 0 ? f`
               <header class="modal-header">
                 <div class="auth-header">
                 <img
@@ -1906,7 +1948,7 @@ let g = class extends Ct {
                 />
                 </div>
               </header>
-            ` : $}
+            ` : g}
 
         <!-- Body -->
         <div class="modal-body">
@@ -1917,9 +1959,9 @@ let g = class extends Ct {
             ${this.renderAlerts()}
           </div>
         </div>
-      ` : m`
+      ` : f`
       <!-- Header -->
-      ${(!this.mode || this.resetStep === "none") && this.logoUrl.length > 0 && this.mode === "signin" ? m`
+      ${(!this.mode || this.resetStep === "none") && this.logoUrl.length > 0 && this.mode === "signin" ? f`
             <header class="modal-header">
 
                 <div class="auth-header">
@@ -1932,7 +1974,7 @@ let g = class extends Ct {
               />
                 </div>
             </header>
-          ` : $}
+          ` : g}
 
       <!-- Body -->
       <div class="modal-body">
@@ -1953,7 +1995,7 @@ let g = class extends Ct {
   }
   renderFormContent() {
     if (this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form"))
-      return m`
+      return f`
         <!-- Email -->
         <label class="field">
           <span class="field-label">Email Address</span>
@@ -1967,7 +2009,7 @@ let g = class extends Ct {
             required
             autocomplete="email"
           />
-          ${this.errors.email ? m`<span class="field-error">${this.errors.email}</span>` : $}
+          ${this.errors.email ? f`<span class="field-error">${this.errors.email}</span>` : g}
         </label>
 
         <!-- Password -->
@@ -1982,18 +2024,18 @@ let g = class extends Ct {
             required
             autocomplete=${this.mode === "signup" ? "new-password" : "current-password"}
           />
-          ${this.errors.password ? m`<span class="field-error">${this.errors.password}</span>` : $}
+          ${this.errors.password ? f`<span class="field-error">${this.errors.password}</span>` : g}
         </label>
 
-        ${this.mode === "signin" && this.error ? m`
+        ${this.mode === "signin" && this.error ? f`
               <div class="forgot-row">
                 <button type="button" class="text-btn" @click=${this.startReset}>
                   Forgot your password?
                 </button>
               </div>
-            ` : $}
+            ` : g}
 
-        ${this.mode === "signup" ? m`
+        ${this.mode === "signup" ? f`
               <!-- Confirm Password -->
               <label class="field">
                 <span class="field-label">Confirm Password</span>
@@ -2006,7 +2048,7 @@ let g = class extends Ct {
                   required
                   autocomplete="new-password"
                 />
-                ${this.errors.confirm_password ? m`<span class="field-error">${this.errors.confirm_password}</span>` : $}
+                ${this.errors.confirm_password ? f`<span class="field-error">${this.errors.confirm_password}</span>` : g}
               </label>
 
               <!-- First Name -->
@@ -2021,7 +2063,7 @@ let g = class extends Ct {
                   required
                   autocomplete="given-name"
                 />
-                ${this.errors.givenName ? m`<span class="field-error">${this.errors.givenName}</span>` : $}
+                ${this.errors.givenName ? f`<span class="field-error">${this.errors.givenName}</span>` : g}
               </label>
 
               <!-- Last Name -->
@@ -2036,19 +2078,19 @@ let g = class extends Ct {
                   required
                   autocomplete="family-name"
                 />
-                ${this.errors.familyName ? m`<span class="field-error">${this.errors.familyName}</span>` : $}
+                ${this.errors.familyName ? f`<span class="field-error">${this.errors.familyName}</span>` : g}
               </label>
-            ` : $}
+            ` : g}
       `;
     if (this.mode === "signup" && this.signupStep === "otp")
-      return m`
+      return f`
         <div class="otp-section">
           <label class="otp-label">Enter 6-digit code</label>
           <div class="otp-inputs" role="group" aria-label="One time code">
-            ${ft(
+            ${$t(
         Array.from({ length: 6 }, (e, t) => t),
         (e) => e,
-        (e) => m`
+        (e) => f`
                 <input
                   class="otp-input signup-otp-input ${this.errors.signup_otp ? "otp-input--error" : ""}"
                   type="text"
@@ -2065,7 +2107,7 @@ let g = class extends Ct {
               `
       )}
           </div>
-          ${this.errors.signup_otp ? m`<p class="otp-error">${this.errors.signup_otp}</p>` : $}
+          ${this.errors.signup_otp ? f`<p class="otp-error">${this.errors.signup_otp}</p>` : g}
         </div>
         <div class="forgot-row">
           <button type="button" class="text-btn" @click=${this.backToSignupForm}>
@@ -2074,7 +2116,7 @@ let g = class extends Ct {
         </div>
       `;
     if (this.resetStep === "request")
-      return m`
+      return f`
         <label class="field">
           <span class="field-label">Email Address</span>
           <input
@@ -2087,7 +2129,7 @@ let g = class extends Ct {
             required
             autocomplete="email"
           />
-          ${this.errors.email ? m`<span class="field-error">${this.errors.email}</span>` : $}
+          ${this.errors.email ? f`<span class="field-error">${this.errors.email}</span>` : g}
         </label>
         <div class="forgot-row">
           <button type="button" class="text-btn" @click=${this.cancelReset}>
@@ -2097,7 +2139,7 @@ let g = class extends Ct {
       `;
     if (this.resetStep === "confirm") {
       const e = this.otpDigits.every((t) => /^\d$/.test(t));
-      return m`
+      return f`
         <label class="field">
           <span class="field-label">Email Address</span>
           <input
@@ -2109,16 +2151,16 @@ let g = class extends Ct {
             required
             autocomplete="email"
           />
-          ${this.errors.email ? m`<span class="field-error">${this.errors.email}</span>` : $}
+          ${this.errors.email ? f`<span class="field-error">${this.errors.email}</span>` : g}
         </label>
 
         <div class="otp-section">
           <label class="otp-label">Enter 6-digit code</label>
           <div class="otp-inputs" role="group" aria-label="One time code">
-            ${ft(
+            ${$t(
         Array.from({ length: 6 }, (t, s) => s),
         (t) => t,
-        (t) => m`
+        (t) => f`
                 <input
                   class="otp-input reset-otp-input ${this.errors.otp ? "otp-input--error" : ""}"
                   type="text"
@@ -2135,10 +2177,10 @@ let g = class extends Ct {
               `
       )}
           </div>
-          ${this.errors.otp ? m`<p class="otp-error">${this.errors.otp}</p>` : $}
+          ${this.errors.otp ? f`<p class="otp-error">${this.errors.otp}</p>` : g}
         </div>
 
-        ${e ? m`
+        ${e ? f`
               <div class="new-password-fields">
                 <label class="field">
                   <span class="field-label">New Password</span>
@@ -2151,7 +2193,7 @@ let g = class extends Ct {
                     required
                     autocomplete="new-password"
                   />
-                  ${this.errors.new_password ? m`<span class="field-error">${this.errors.new_password}</span>` : $}
+                  ${this.errors.new_password ? f`<span class="field-error">${this.errors.new_password}</span>` : g}
                 </label>
 
                 <label class="field">
@@ -2165,10 +2207,10 @@ let g = class extends Ct {
                     required
                     autocomplete="new-password"
                   />
-                  ${this.errors.confirm_password ? m`<span class="field-error">${this.errors.confirm_password}</span>` : $}
+                  ${this.errors.confirm_password ? f`<span class="field-error">${this.errors.confirm_password}</span>` : g}
                 </label>
               </div>
-            ` : $}
+            ` : g}
 
         <div class="forgot-row">
           <button type="button" class="text-btn" @click=${this.backToRequest}>
@@ -2177,35 +2219,35 @@ let g = class extends Ct {
         </div>
       `;
     }
-    return $;
+    return g;
   }
   renderActions() {
     if (this.resetStep === "request")
-      return m`
+      return f`
         <button type="submit" class="cta" ?disabled=${this.isLoading}>
           ${this.isLoading ? "Sending..." : "Send Reset Code"}
         </button>
       `;
     if (this.resetStep === "confirm")
-      return this.otpDigits.every((t) => /^\d$/.test(t)) ? m`
+      return this.otpDigits.every((t) => /^\d$/.test(t)) ? f`
           <button type="submit" class="cta" ?disabled=${this.isLoading}>
             ${this.isLoading ? "Resetting..." : "Reset Password"}
           </button>
-        ` : $;
+        ` : g;
     if (this.mode === "signup" && this.signupStep === "otp") {
       const e = this.signupOtpDigits.every((t) => /^\d$/.test(t));
-      return m`
+      return f`
         <button type="submit" class="cta" ?disabled=${!e || this.isLoading}>
           ${this.isLoading ? "Completing..." : "Complete Registration"}
         </button>
       `;
     }
-    return m`
+    return f`
       <button type="submit" class="cta" ?disabled=${this.isLoading}>
         ${this.isLoading ? "Loading..." : this.mode === "signup" ? "Continue" : "Sign In"}
       </button>
 
-      ${this.isOAuthConfigured() && this.mode === "signin" ? m`
+      ${this.isOAuthConfigured() && this.mode === "signin" ? f`
             <div class="button-row">
               <button
                 type="button"
@@ -2225,31 +2267,31 @@ let g = class extends Ct {
                 ${this.renderAppleIcon()}
               </button>
             </div>
-          ` : $}
+          ` : g}
     `;
   }
   renderAlerts() {
-    return m`
-      ${this.notice ? m`
+    return f`
+      ${this.notice ? f`
             <div class="alert alert--success">
               ${this.notice}
               <button class="alert-close" @click=${() => this.notice = ""} aria-label="Dismiss">
                 ×
               </button>
             </div>
-          ` : $}
-      ${this.error ? m`
+          ` : g}
+      ${this.error ? f`
             <div class="alert alert--error">
               ${this.error}
               <button class="alert-close" @click=${() => this.error = ""} aria-label="Dismiss">
                 ×
               </button>
             </div>
-          ` : $}
+          ` : g}
     `;
   }
   renderFooter() {
-    return this.isLoggedIn ? $ : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? m`
+    return this.isLoggedIn ? g : this.resetStep === "none" && (!this.mode || this.mode === "signin" || this.signupStep === "form") ? f`
         <div class="auth-footer">
           <p class="toggle-text">
             ${this.mode === "signup" ? "Already have an account?" : "Don't have an account?"}
@@ -2258,7 +2300,7 @@ let g = class extends Ct {
             ${this.mode === "signup" ? "Sign In" : "Sign Up"}
           </button>
         </div>
-      ` : m`
+      ` : f`
       <div class="auth-footer">
         <p class="toggle-text">
           Having trouble? Email
@@ -2268,7 +2310,7 @@ let g = class extends Ct {
     `;
   }
   renderGoogleIcon() {
-    return m`
+    return f`
       <svg viewBox="-0.5 0 48 48" width="18" height="18" fill="none">
         <path d="M9.82727273,24 C9.82727273,22.4757333 10.0804318,21.0144 10.5322727,19.6437333 L2.62345455,13.6042667 C1.08206818,16.7338667 0.213636364,20.2602667 0.213636364,24 C0.213636364,27.7365333 1.081,31.2608 2.62025,34.3882667 L10.5247955,28.3370667 C10.0772273,26.9728 9.82727273,25.5168 9.82727273,24" fill="#FBBC05"></path>
         <path d="M23.7136364,10.1333333 C27.025,10.1333333 30.0159091,11.3066667 32.3659091,13.2266667 L39.2022727,6.4 C35.0363636,2.77333333 29.6954545,0.533333333 23.7136364,0.533333333 C14.4268636,0.533333333 6.44540909,5.84426667 2.62345455,13.6042667 L10.5322727,19.6437333 C12.3545909,14.112 17.5491591,10.1333333 23.7136364,10.1333333" fill="#EB4335"></path>
@@ -2278,7 +2320,7 @@ let g = class extends Ct {
     `;
   }
   renderAppleIcon() {
-    return m`
+    return f`
       <svg viewBox="-3.5 0 48 48" width="18" height="18" class="apple-icon">
         <path d="M231.174735,567.792499 C232.740177,565.771699 233.926883,562.915484 233.497649,560 C230.939077,560.177808 227.948466,561.814769 226.203475,563.948463 C224.612784,565.88177 223.305444,568.757742 223.816036,571.549042 C226.613071,571.636535 229.499881,569.960061 231.174735,567.792499 L231.174735,567.792499 Z M245,595.217241 C243.880625,597.712195 243.341978,598.827022 241.899976,601.03692 C239.888467,604.121745 237.052156,607.962958 233.53412,607.991182 C230.411652,608.02505 229.606488,605.94498 225.367451,605.970382 C221.128414,605.99296 220.244696,608.030695 217.116618,607.999649 C213.601387,607.968603 210.913765,604.502761 208.902256,601.417937 C203.27452,592.79849 202.68257,582.680377 206.152914,577.298162 C208.621711,573.476705 212.515678,571.241407 216.173986,571.241407 C219.89682,571.241407 222.239372,573.296075 225.322563,573.296075 C228.313175,573.296075 230.133913,571.235762 234.440281,571.235762 C237.700215,571.235762 241.153726,573.022307 243.611302,576.10431 C235.554045,580.546683 236.85858,592.121127 245,595.217241 L245,595.217241 Z" transform="translate(-204.000000, -560.000000)" fill="#0b0b0a"></path>
       </svg>
@@ -2317,121 +2359,121 @@ let g = class extends Ct {
     }
   }
 };
-g.styles = le();
-f([
-  k({ type: Boolean, reflect: !0 })
-], g.prototype, "open", 2);
-f([
-  k({ type: String, attribute: "initial-mode" })
-], g.prototype, "initialMode", 2);
-f([
-  k({ type: String, attribute: "logo-url" })
-], g.prototype, "logoUrl", 2);
-f([
-  k({ type: String, attribute: "api-domain" })
-], g.prototype, "baseUrl", 2);
-f([
-  k({ type: String, attribute: "oauth-domain" })
-], g.prototype, "oauthDomain", 2);
-f([
-  k({ type: String, attribute: "oauth-region" })
-], g.prototype, "oauthRegion", 2);
-f([
-  k({ type: String, attribute: "oauth-user-pool-id" })
-], g.prototype, "oauthUserPoolId", 2);
-f([
-  k({ type: String, attribute: "oauth-client-id" })
-], g.prototype, "oauthClientId", 2);
-f([
-  k({ type: String, attribute: "oauth-redirect-uri" })
-], g.prototype, "oauthRedirectUri", 2);
-f([
-  k({ type: String, attribute: "size" })
-], g.prototype, "size", 2);
-f([
-  k({ type: String, attribute: "data-theme", reflect: !0 })
-], g.prototype, "theme", 2);
-f([
+m.styles = de();
+y([
+  S({ type: Boolean, reflect: !0 })
+], m.prototype, "open", 2);
+y([
+  S({ type: String, attribute: "initial-mode" })
+], m.prototype, "initialMode", 2);
+y([
+  S({ type: String, attribute: "logo-url" })
+], m.prototype, "logoUrl", 2);
+y([
+  S({ type: String, attribute: "api-domain" })
+], m.prototype, "baseUrl", 2);
+y([
+  S({ type: String, attribute: "oauth-domain" })
+], m.prototype, "oauthDomain", 2);
+y([
+  S({ type: String, attribute: "oauth-region" })
+], m.prototype, "oauthRegion", 2);
+y([
+  S({ type: String, attribute: "oauth-user-pool-id" })
+], m.prototype, "oauthUserPoolId", 2);
+y([
+  S({ type: String, attribute: "oauth-client-id" })
+], m.prototype, "oauthClientId", 2);
+y([
+  S({ type: String, attribute: "oauth-redirect-uri" })
+], m.prototype, "oauthRedirectUri", 2);
+y([
+  S({ type: String, attribute: "size" })
+], m.prototype, "size", 2);
+y([
+  S({ type: String, attribute: "data-theme", reflect: !0 })
+], m.prototype, "theme", 2);
+y([
   b()
-], g.prototype, "mode", 2);
-f([
+], m.prototype, "mode", 2);
+y([
   b()
-], g.prototype, "resetStep", 2);
-f([
+], m.prototype, "resetStep", 2);
+y([
   b()
-], g.prototype, "signupStep", 2);
-f([
+], m.prototype, "signupStep", 2);
+y([
   b()
-], g.prototype, "isLoading", 2);
-f([
+], m.prototype, "isLoading", 2);
+y([
   b()
-], g.prototype, "isClosing", 2);
-f([
+], m.prototype, "isClosing", 2);
+y([
   b()
-], g.prototype, "isVisible", 2);
-f([
+], m.prototype, "isVisible", 2);
+y([
   b()
-], g.prototype, "isLoggedIn", 2);
-f([
+], m.prototype, "isLoggedIn", 2);
+y([
   b()
-], g.prototype, "email", 2);
-f([
+], m.prototype, "email", 2);
+y([
   b()
-], g.prototype, "password", 2);
-f([
+], m.prototype, "password", 2);
+y([
   b()
-], g.prototype, "givenName", 2);
-f([
+], m.prototype, "givenName", 2);
+y([
   b()
-], g.prototype, "familyName", 2);
-f([
+], m.prototype, "familyName", 2);
+y([
   b()
-], g.prototype, "newPassword", 2);
-f([
+], m.prototype, "newPassword", 2);
+y([
   b()
-], g.prototype, "confirmPassword", 2);
-f([
+], m.prototype, "confirmPassword", 2);
+y([
   b()
-], g.prototype, "notice", 2);
-f([
+], m.prototype, "notice", 2);
+y([
   b()
-], g.prototype, "error", 2);
-f([
+], m.prototype, "error", 2);
+y([
   b()
-], g.prototype, "errors", 2);
-f([
+], m.prototype, "errors", 2);
+y([
   b()
-], g.prototype, "otpDigits", 2);
-f([
+], m.prototype, "otpDigits", 2);
+y([
   b()
-], g.prototype, "signupOtpDigits", 2);
-f([
+], m.prototype, "signupOtpDigits", 2);
+y([
   b()
-], g.prototype, "isDragging", 2);
-f([
+], m.prototype, "isDragging", 2);
+y([
   b()
-], g.prototype, "dragStartY", 2);
-f([
+], m.prototype, "dragStartY", 2);
+y([
   b()
-], g.prototype, "dragCurrentY", 2);
-f([
+], m.prototype, "dragCurrentY", 2);
+y([
   b()
-], g.prototype, "dragStartTime", 2);
-f([
+], m.prototype, "dragStartTime", 2);
+y([
   b()
-], g.prototype, "lastDragEndTime", 2);
-f([
-  X(".modal-container")
-], g.prototype, "modalContainer", 2);
-f([
-  X("#email-input")
-], g.prototype, "emailInput", 2);
-f([
-  X(".modal-body")
-], g.prototype, "modalBody", 2);
-g = f([
-  xt("cals-auth")
-], g);
+], m.prototype, "lastDragEndTime", 2);
+y([
+  it(".modal-container")
+], m.prototype, "modalContainer", 2);
+y([
+  it("#email-input")
+], m.prototype, "emailInput", 2);
+y([
+  it(".modal-body")
+], m.prototype, "modalBody", 2);
+m = y([
+  Zt("cals-auth")
+], m);
 export {
-  g as CalsAuth
+  m as CalsAuth
 };