@verbb/formie-web-components 1.0.4 → 1.0.6

package/dist/index.js

@@ -1,968 +1,993 @@
-import { isKnownFrontendFieldType as xt, isCompositeField as Wt, isRepeatableField as qt, isFileField as Gt, compositePartDefinitions as Bt, repeaterRowDefinitions as Kt, createRepeaterRowValue as Zt, loadGraphqlFrontendEnvelope as Jt, loadFrontendEnvelope as Qt, createGraphqlFrontendTransport as Xt, createRestFrontendTransport as Yt, createFrontendFormInstance as te, FRONTEND_CLIENT_EVENT_NAMES as ee } from "@verbb/formie-core";
-import { createFormieClient as se, FORMIE_HTML_EVENT_NAMES as ie } from "@verbb/formie-browser";
-import { createFormieClient as gs } from "@verbb/formie-browser";
-const F = globalThis, et = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, st = /* @__PURE__ */ Symbol(), ut = /* @__PURE__ */ new WeakMap();
-let Rt = class {
-  constructor(t, e, i) {
-    if (this._$cssResult$ = !0, i !== st) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = e;
-  }
-  get styleSheet() {
-    let t = this.o;
-    const e = this.t;
-    if (et && t === void 0) {
-      const i = e !== void 0 && e.length === 1;
-      i && (t = ut.get(e)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && ut.set(e, t));
-    }
-    return t;
-  }
-  toString() {
-    return this.cssText;
-  }
+import { FRONTEND_CLIENT_EVENT_NAMES as e, compositePartDefinitions as t, createFrontendFormInstance as n, createGraphqlFrontendTransport as r, createRepeaterRowValue as i, createRestFrontendTransport as a, isCompositeField as o, isFileField as s, isKnownFrontendFieldType as c, isRepeatableField as l, loadFrontendEnvelope as u, loadGraphqlFrontendEnvelope as d, repeaterRowDefinitions as f } from "@verbb/formie-core";
+import { FORMIE_HTML_EVENT_NAMES as p, createFormieClient as ee, createFormieClient as te } from "@verbb/formie-browser";
+//#region ../../node_modules/@lit/reactive-element/css-tag.js
+var m = globalThis, h = m.ShadowRoot && (m.ShadyCSS === void 0 || m.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, g = Symbol(), ne = /* @__PURE__ */ new WeakMap(), re = class {
+	constructor(e, t, n) {
+		if (this._$cssResult$ = !0, n !== g) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+		this.cssText = e, this.t = t;
+	}
+	get styleSheet() {
+		let e = this.o, t = this.t;
+		if (h && e === void 0) {
+			let n = t !== void 0 && t.length === 1;
+			n && (e = ne.get(t)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), n && ne.set(t, e));
+		}
+		return e;
+	}
+	toString() {
+		return this.cssText;
+	}
+}, ie = (e) => new re(typeof e == "string" ? e : e + "", void 0, g), ae = (e, ...t) => new re(e.length === 1 ? e[0] : t.reduce((t, n, r) => t + ((e) => {
+	if (!0 === e._$cssResult$) return e.cssText;
+	if (typeof e == "number") return e;
+	throw Error("Value passed to 'css' function must be a 'css' function result: " + e + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
+})(n) + e[r + 1], e[0]), e, g), oe = (e, t) => {
+	if (h) e.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
+	else for (let n of t) {
+		let t = document.createElement("style"), r = m.litNonce;
+		r !== void 0 && t.setAttribute("nonce", r), t.textContent = n.cssText, e.appendChild(t);
+	}
+}, se = h ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((e) => {
+	let t = "";
+	for (let n of e.cssRules) t += n.cssText;
+	return ie(t);
+})(e) : e, { is: ce, defineProperty: le, getOwnPropertyDescriptor: ue, getOwnPropertyNames: de, getOwnPropertySymbols: fe, getPrototypeOf: pe } = Object, _ = globalThis, me = _.trustedTypes, he = me ? me.emptyScript : "", ge = _.reactiveElementPolyfillSupport, v = (e, t) => e, y = {
+	toAttribute(e, t) {
+		switch (t) {
+			case Boolean:
+				e = e ? he : null;
+				break;
+			case Object:
+			case Array: e = e == null ? e : JSON.stringify(e);
+		}
+		return e;
+	},
+	fromAttribute(e, t) {
+		let n = e;
+		switch (t) {
+			case Boolean:
+				n = e !== null;
+				break;
+			case Number:
+				n = e === null ? null : Number(e);
+				break;
+			case Object:
+			case Array: try {
+				n = JSON.parse(e);
+			} catch {
+				n = null;
+			}
+		}
+		return n;
+	}
+}, b = (e, t) => !ce(e, t), _e = {
+	attribute: !0,
+	type: String,
+	converter: y,
+	reflect: !1,
+	useDefault: !1,
+	hasChanged: b
 };
-const re = (s) => new Rt(typeof s == "string" ? s : s + "", void 0, st), ne = (s, ...t) => {
-  const e = s.length === 1 ? s[0] : t.reduce((i, r, n) => i + ((o) => {
-    if (o._$cssResult$ === !0) return o.cssText;
-    if (typeof o == "number") return o;
-    throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(r) + s[n + 1], s[0]);
-  return new Rt(e, s, st);
-}, oe = (s, t) => {
-  if (et) s.adoptedStyleSheets = t.map((e) => e instanceof CSSStyleSheet ? e : e.styleSheet);
-  else for (const e of t) {
-    const i = document.createElement("style"), r = F.litNonce;
-    r !== void 0 && i.setAttribute("nonce", r), i.textContent = e.cssText, s.appendChild(i);
-  }
-}, pt = et ? (s) => s : (s) => s instanceof CSSStyleSheet ? ((t) => {
-  let e = "";
-  for (const i of t.cssRules) e += i.cssText;
-  return re(e);
-})(s) : s;
-const { is: ae, defineProperty: le, getOwnPropertyDescriptor: de, getOwnPropertyNames: he, getOwnPropertySymbols: ce, getPrototypeOf: ue } = Object, G = globalThis, ft = G.trustedTypes, pe = ft ? ft.emptyScript : "", fe = G.reactiveElementPolyfillSupport, U = (s, t) => s, j = { toAttribute(s, t) {
-  switch (t) {
-    case Boolean:
-      s = s ? pe : null;
-      break;
-    case Object:
-    case Array:
-      s = s == null ? s : JSON.stringify(s);
-  }
-  return s;
-}, fromAttribute(s, t) {
-  let e = s;
-  switch (t) {
-    case Boolean:
-      e = s !== null;
-      break;
-    case Number:
-      e = s === null ? null : Number(s);
-      break;
-    case Object:
-    case Array:
-      try {
-        e = JSON.parse(s);
-      } catch {
-        e = null;
-      }
-  }
-  return e;
-} }, it = (s, t) => !ae(s, t), mt = { attribute: !0, type: String, converter: j, reflect: !1, useDefault: !1, hasChanged: it };
-Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), G.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let R = 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, e = mt) {
-    if (e.state && (e.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((e = Object.create(e)).wrapped = !0), this.elementProperties.set(t, e), !e.noAccessor) {
-      const i = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, i, e);
-      r !== void 0 && le(this.prototype, t, r);
-    }
-  }
-  static getPropertyDescriptor(t, e, i) {
-    const { get: r, set: n } = de(this.prototype, t) ?? { get() {
-      return this[e];
-    }, set(o) {
-      this[e] = o;
-    } };
-    return { get: r, set(o) {
-      const l = r?.call(this);
-      n?.call(this, o), this.requestUpdate(t, l, i);
-    }, configurable: !0, enumerable: !0 };
-  }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? mt;
-  }
-  static _$Ei() {
-    if (this.hasOwnProperty(U("elementProperties"))) return;
-    const t = ue(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
-  }
-  static finalize() {
-    if (this.hasOwnProperty(U("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(U("properties"))) {
-      const e = this.properties, i = [...he(e), ...ce(e)];
-      for (const r of i) this.createProperty(r, e[r]);
-    }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const e = litPropertyMetadata.get(t);
-      if (e !== void 0) for (const [i, r] of e) this.elementProperties.set(i, r);
-    }
-    this._$Eh = /* @__PURE__ */ new Map();
-    for (const [e, i] of this.elementProperties) {
-      const r = this._$Eu(e, i);
-      r !== void 0 && this._$Eh.set(r, e);
-    }
-    this.elementStyles = this.finalizeStyles(this.styles);
-  }
-  static finalizeStyles(t) {
-    const e = [];
-    if (Array.isArray(t)) {
-      const i = new Set(t.flat(1 / 0).reverse());
-      for (const r of i) e.unshift(pt(r));
-    } else t !== void 0 && e.push(pt(t));
-    return e;
-  }
-  static _$Eu(t, e) {
-    const i = e.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
-  }
-  constructor() {
-    super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
-  }
-  _$Ev() {
-    this._$ES = new Promise((t) => this.enableUpdating = t), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((t) => t(this));
-  }
-  addController(t) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
-  }
-  removeController(t) {
-    this._$EO?.delete(t);
-  }
-  _$E_() {
-    const t = /* @__PURE__ */ new Map(), e = this.constructor.elementProperties;
-    for (const i of e.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
-    t.size > 0 && (this._$Ep = t);
-  }
-  createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return oe(t, this.constructor.elementStyles), t;
-  }
-  connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((t) => t.hostConnected?.());
-  }
-  enableUpdating(t) {
-  }
-  disconnectedCallback() {
-    this._$EO?.forEach((t) => t.hostDisconnected?.());
-  }
-  attributeChangedCallback(t, e, i) {
-    this._$AK(t, i);
-  }
-  _$ET(t, e) {
-    const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
-    if (r !== void 0 && i.reflect === !0) {
-      const n = (i.converter?.toAttribute !== void 0 ? i.converter : j).toAttribute(e, i.type);
-      this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
-    }
-  }
-  _$AK(t, e) {
-    const i = this.constructor, r = i._$Eh.get(t);
-    if (r !== void 0 && this._$Em !== r) {
-      const n = i.getPropertyOptions(r), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : j;
-      this._$Em = r;
-      const l = o.fromAttribute(e, n.type);
-      this[r] = l ?? this._$Ej?.get(r) ?? l, this._$Em = null;
-    }
-  }
-  requestUpdate(t, e, i, r = !1, n) {
-    if (t !== void 0) {
-      const o = this.constructor;
-      if (r === !1 && (n = this[t]), i ??= o.getPropertyOptions(t), !((i.hasChanged ?? it)(n, e) || i.useDefault && i.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(o._$Eu(t, i)))) return;
-      this.C(t, e, i);
-    }
-    this.isUpdatePending === !1 && (this._$ES = this._$EP());
-  }
-  C(t, e, { useDefault: i, reflect: r, wrapped: n }, o) {
-    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, o ?? e ?? this[t]), n !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (e = void 0), this._$AL.set(t, e)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
-  }
-  async _$EP() {
-    this.isUpdatePending = !0;
-    try {
-      await this._$ES;
-    } catch (e) {
-      Promise.reject(e);
-    }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
-  }
-  scheduleUpdate() {
-    return this.performUpdate();
-  }
-  performUpdate() {
-    if (!this.isUpdatePending) return;
-    if (!this.hasUpdated) {
-      if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [r, n] of this._$Ep) this[r] = n;
-        this._$Ep = void 0;
-      }
-      const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [r, n] of i) {
-        const { wrapped: o } = n, l = this[r];
-        o !== !0 || this._$AL.has(r) || l === void 0 || this.C(r, void 0, n, l);
-      }
-    }
-    let t = !1;
-    const e = this._$AL;
-    try {
-      t = this.shouldUpdate(e), t ? (this.willUpdate(e), this._$EO?.forEach((i) => i.hostUpdate?.()), this.update(e)) : this._$EM();
-    } catch (i) {
-      throw t = !1, this._$EM(), i;
-    }
-    t && this._$AE(e);
-  }
-  willUpdate(t) {
-  }
-  _$AE(t) {
-    this._$EO?.forEach((e) => e.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
-  }
-  _$EM() {
-    this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
-  }
-  get updateComplete() {
-    return this.getUpdateComplete();
-  }
-  getUpdateComplete() {
-    return this._$ES;
-  }
-  shouldUpdate(t) {
-    return !0;
-  }
-  update(t) {
-    this._$Eq &&= this._$Eq.forEach((e) => this._$ET(e, this[e])), this._$EM();
-  }
-  updated(t) {
-  }
-  firstUpdated(t) {
-  }
+Symbol.metadata ??= Symbol("metadata"), _.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
+var x = class extends HTMLElement {
+	static addInitializer(e) {
+		this._$Ei(), (this.l ??= []).push(e);
+	}
+	static get observedAttributes() {
+		return this.finalize(), this._$Eh && [...this._$Eh.keys()];
+	}
+	static createProperty(e, t = _e) {
+		if (t.state && (t.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((t = Object.create(t)).wrapped = !0), this.elementProperties.set(e, t), !t.noAccessor) {
+			let n = Symbol(), r = this.getPropertyDescriptor(e, n, t);
+			r !== void 0 && le(this.prototype, e, r);
+		}
+	}
+	static getPropertyDescriptor(e, t, n) {
+		let { get: r, set: i } = ue(this.prototype, e) ?? {
+			get() {
+				return this[t];
+			},
+			set(e) {
+				this[t] = e;
+			}
+		};
+		return {
+			get: r,
+			set(t) {
+				let a = r?.call(this);
+				i?.call(this, t), this.requestUpdate(e, a, n);
+			},
+			configurable: !0,
+			enumerable: !0
+		};
+	}
+	static getPropertyOptions(e) {
+		return this.elementProperties.get(e) ?? _e;
+	}
+	static _$Ei() {
+		if (this.hasOwnProperty(v("elementProperties"))) return;
+		let e = pe(this);
+		e.finalize(), e.l !== void 0 && (this.l = [...e.l]), this.elementProperties = new Map(e.elementProperties);
+	}
+	static finalize() {
+		if (this.hasOwnProperty(v("finalized"))) return;
+		if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(v("properties"))) {
+			let e = this.properties, t = [...de(e), ...fe(e)];
+			for (let n of t) this.createProperty(n, e[n]);
+		}
+		let e = this[Symbol.metadata];
+		if (e !== null) {
+			let t = litPropertyMetadata.get(e);
+			if (t !== void 0) for (let [e, n] of t) this.elementProperties.set(e, n);
+		}
+		this._$Eh = /* @__PURE__ */ new Map();
+		for (let [e, t] of this.elementProperties) {
+			let n = this._$Eu(e, t);
+			n !== void 0 && this._$Eh.set(n, e);
+		}
+		this.elementStyles = this.finalizeStyles(this.styles);
+	}
+	static finalizeStyles(e) {
+		let t = [];
+		if (Array.isArray(e)) {
+			let n = new Set(e.flat(Infinity).reverse());
+			for (let e of n) t.unshift(se(e));
+		} else e !== void 0 && t.push(se(e));
+		return t;
+	}
+	static _$Eu(e, t) {
+		let n = t.attribute;
+		return !1 === n ? void 0 : typeof n == "string" ? n : typeof e == "string" ? e.toLowerCase() : void 0;
+	}
+	constructor() {
+		super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
+	}
+	_$Ev() {
+		this._$ES = new Promise((e) => this.enableUpdating = e), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach((e) => e(this));
+	}
+	addController(e) {
+		(this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
+	}
+	removeController(e) {
+		this._$EO?.delete(e);
+	}
+	_$E_() {
+		let e = /* @__PURE__ */ new Map(), t = this.constructor.elementProperties;
+		for (let n of t.keys()) this.hasOwnProperty(n) && (e.set(n, this[n]), delete this[n]);
+		e.size > 0 && (this._$Ep = e);
+	}
+	createRenderRoot() {
+		let e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+		return oe(e, this.constructor.elementStyles), e;
+	}
+	connectedCallback() {
+		this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach((e) => e.hostConnected?.());
+	}
+	enableUpdating(e) {}
+	disconnectedCallback() {
+		this._$EO?.forEach((e) => e.hostDisconnected?.());
+	}
+	attributeChangedCallback(e, t, n) {
+		this._$AK(e, n);
+	}
+	_$ET(e, t) {
+		let n = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, n);
+		if (r !== void 0 && !0 === n.reflect) {
+			let i = (n.converter?.toAttribute === void 0 ? y : n.converter).toAttribute(t, n.type);
+			this._$Em = e, i == null ? this.removeAttribute(r) : this.setAttribute(r, i), this._$Em = null;
+		}
+	}
+	_$AK(e, t) {
+		let n = this.constructor, r = n._$Eh.get(e);
+		if (r !== void 0 && this._$Em !== r) {
+			let e = n.getPropertyOptions(r), i = typeof e.converter == "function" ? { fromAttribute: e.converter } : e.converter?.fromAttribute === void 0 ? y : e.converter;
+			this._$Em = r;
+			let a = i.fromAttribute(t, e.type);
+			this[r] = a ?? this._$Ej?.get(r) ?? a, this._$Em = null;
+		}
+	}
+	requestUpdate(e, t, n, r = !1, i) {
+		if (e !== void 0) {
+			let a = this.constructor;
+			if (!1 === r && (i = this[e]), n ??= a.getPropertyOptions(e), !((n.hasChanged ?? b)(i, t) || n.useDefault && n.reflect && i === this._$Ej?.get(e) && !this.hasAttribute(a._$Eu(e, n)))) return;
+			this.C(e, t, n);
+		}
+		!1 === this.isUpdatePending && (this._$ES = this._$EP());
+	}
+	C(e, t, { useDefault: n, reflect: r, wrapped: i }, a) {
+		n && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, a ?? t ?? this[e]), !0 !== i || a !== void 0) || (this._$AL.has(e) || (this.hasUpdated || n || (t = void 0), this._$AL.set(e, t)), !0 === r && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
+	}
+	async _$EP() {
+		this.isUpdatePending = !0;
+		try {
+			await this._$ES;
+		} catch (e) {
+			Promise.reject(e);
+		}
+		let e = this.scheduleUpdate();
+		return e != null && await e, !this.isUpdatePending;
+	}
+	scheduleUpdate() {
+		return this.performUpdate();
+	}
+	performUpdate() {
+		if (!this.isUpdatePending) return;
+		if (!this.hasUpdated) {
+			if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
+				for (let [e, t] of this._$Ep) this[e] = t;
+				this._$Ep = void 0;
+			}
+			let e = this.constructor.elementProperties;
+			if (e.size > 0) for (let [t, n] of e) {
+				let { wrapped: e } = n, r = this[t];
+				!0 !== e || this._$AL.has(t) || r === void 0 || this.C(t, void 0, n, r);
+			}
+		}
+		let e = !1, t = this._$AL;
+		try {
+			e = this.shouldUpdate(t), e ? (this.willUpdate(t), this._$EO?.forEach((e) => e.hostUpdate?.()), this.update(t)) : this._$EM();
+		} catch (t) {
+			throw e = !1, this._$EM(), t;
+		}
+		e && this._$AE(t);
+	}
+	willUpdate(e) {}
+	_$AE(e) {
+		this._$EO?.forEach((e) => e.hostUpdated?.()), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
+	}
+	_$EM() {
+		this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
+	}
+	get updateComplete() {
+		return this.getUpdateComplete();
+	}
+	getUpdateComplete() {
+		return this._$ES;
+	}
+	shouldUpdate(e) {
+		return !0;
+	}
+	update(e) {
+		this._$Eq &&= this._$Eq.forEach((e) => this._$ET(e, this[e])), this._$EM();
+	}
+	updated(e) {}
+	firstUpdated(e) {}
 };
-R.elementStyles = [], R.shadowRootOptions = { mode: "open" }, R[U("elementProperties")] = /* @__PURE__ */ new Map(), R[U("finalized")] = /* @__PURE__ */ new Map(), fe?.({ ReactiveElement: R }), (G.reactiveElementVersions ??= []).push("2.1.2");
-const rt = globalThis, $t = (s) => s, W = rt.trustedTypes, gt = W ? W.createPolicy("lit-html", { createHTML: (s) => s }) : void 0, Mt = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, Tt = "?" + _, me = `<${Tt}>`, C = document, H = () => C.createComment(""), I = (s) => s === null || typeof s != "object" && typeof s != "function", nt = Array.isArray, $e = (s) => nt(s) || typeof s?.[Symbol.iterator] == "function", J = `[ 	
-\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, bt = /-->/g, vt = />/g, E = RegExp(`>|${J}(?:([^\\s"'>=/]+)(${J}*=${J}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), yt = /'/g, _t = /"/g, kt = /^(?:script|style|textarea|title)$/i, ge = (s) => (t, ...e) => ({ _$litType$: s, strings: t, values: e }), h = ge(1), w = /* @__PURE__ */ Symbol.for("lit-noChange"), p = /* @__PURE__ */ Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), S = C.createTreeWalker(C, 129);
-function Ut(s, t) {
-  if (!nt(s) || !s.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return gt !== void 0 ? gt.createHTML(t) : t;
+x.elementStyles = [], x.shadowRootOptions = { mode: "open" }, x[v("elementProperties")] = /* @__PURE__ */ new Map(), x[v("finalized")] = /* @__PURE__ */ new Map(), ge?.({ ReactiveElement: x }), (_.reactiveElementVersions ??= []).push("2.1.2");
+//#endregion
+//#region ../../node_modules/lit-html/lit-html.js
+var ve = globalThis, ye = (e) => e, S = ve.trustedTypes, be = S ? S.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, xe = "$lit$", C = `lit$${Math.random().toFixed(9).slice(2)}$`, Se = "?" + C, Ce = `<${Se}>`, w = document, T = () => w.createComment(""), E = (e) => e === null || typeof e != "object" && typeof e != "function", D = Array.isArray, we = (e) => D(e) || typeof e?.[Symbol.iterator] == "function", O = "[ 	\n\f\r]", k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, Te = /-->/g, Ee = />/g, A = RegExp(`>|${O}(?:([^\\s"'>=/]+)(${O}*=${O}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`, "g"), De = /'/g, Oe = /"/g, ke = /^(?:script|style|textarea|title)$/i, j = ((e) => (t, ...n) => ({
+	_$litType$: e,
+	strings: t,
+	values: n
+}))(1), M = Symbol.for("lit-noChange"), N = Symbol.for("lit-nothing"), Ae = /* @__PURE__ */ new WeakMap(), P = w.createTreeWalker(w, 129);
+function je(e, t) {
+	if (!D(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
+	return be === void 0 ? t : be.createHTML(t);
 }
-const be = (s, t) => {
-  const e = s.length - 1, i = [];
-  let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = k;
-  for (let l = 0; l < e; l++) {
-    const a = s[l];
-    let d, u, c = -1, f = 0;
-    for (; f < a.length && (o.lastIndex = f, u = o.exec(a), u !== null); ) f = o.lastIndex, o === k ? u[1] === "!--" ? o = bt : u[1] !== void 0 ? o = vt : u[2] !== void 0 ? (kt.test(u[2]) && (r = RegExp("</" + u[2], "g")), o = E) : u[3] !== void 0 && (o = E) : o === E ? u[0] === ">" ? (o = r ?? k, c = -1) : u[1] === void 0 ? c = -2 : (c = o.lastIndex - u[2].length, d = u[1], o = u[3] === void 0 ? E : u[3] === '"' ? _t : yt) : o === _t || o === yt ? o = E : o === bt || o === vt ? o = k : (o = E, r = void 0);
-    const m = o === E && s[l + 1].startsWith("/>") ? " " : "";
-    n += o === k ? a + me : c >= 0 ? (i.push(d), a.slice(0, c) + Mt + a.slice(c) + _ + m) : a + _ + (c === -2 ? l : m);
-  }
-  return [Ut(s, n + (s[e] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+var Me = (e, t) => {
+	let n = e.length - 1, r = [], i, a = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = k;
+	for (let t = 0; t < n; t++) {
+		let n = e[t], s, c, l = -1, u = 0;
+		for (; u < n.length && (o.lastIndex = u, c = o.exec(n), c !== null);) u = o.lastIndex, o === k ? c[1] === "!--" ? o = Te : c[1] === void 0 ? c[2] === void 0 ? c[3] !== void 0 && (o = A) : (ke.test(c[2]) && (i = RegExp("</" + c[2], "g")), o = A) : o = Ee : o === A ? c[0] === ">" ? (o = i ?? k, l = -1) : c[1] === void 0 ? l = -2 : (l = o.lastIndex - c[2].length, s = c[1], o = c[3] === void 0 ? A : c[3] === "\"" ? Oe : De) : o === Oe || o === De ? o = A : o === Te || o === Ee ? o = k : (o = A, i = void 0);
+		let d = o === A && e[t + 1].startsWith("/>") ? " " : "";
+		a += o === k ? n + Ce : l >= 0 ? (r.push(s), n.slice(0, l) + xe + n.slice(l) + C + d) : n + C + (l === -2 ? t : d);
+	}
+	return [je(e, a + (e[n] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
+}, F = class e {
+	constructor({ strings: t, _$litType$: n }, r) {
+		let i;
+		this.parts = [];
+		let a = 0, o = 0, s = t.length - 1, c = this.parts, [l, u] = Me(t, n);
+		if (this.el = e.createElement(l, r), P.currentNode = this.el.content, n === 2 || n === 3) {
+			let e = this.el.content.firstChild;
+			e.replaceWith(...e.childNodes);
+		}
+		for (; (i = P.nextNode()) !== null && c.length < s;) {
+			if (i.nodeType === 1) {
+				if (i.hasAttributes()) for (let e of i.getAttributeNames()) if (e.endsWith(xe)) {
+					let t = u[o++], n = i.getAttribute(e).split(C), r = /([.?@])?(.*)/.exec(t);
+					c.push({
+						type: 1,
+						index: a,
+						name: r[2],
+						strings: n,
+						ctor: r[1] === "." ? Pe : r[1] === "?" ? Fe : r[1] === "@" ? Ie : R
+					}), i.removeAttribute(e);
+				} else e.startsWith(C) && (c.push({
+					type: 6,
+					index: a
+				}), i.removeAttribute(e));
+				if (ke.test(i.tagName)) {
+					let e = i.textContent.split(C), t = e.length - 1;
+					if (t > 0) {
+						i.textContent = S ? S.emptyScript : "";
+						for (let n = 0; n < t; n++) i.append(e[n], T()), P.nextNode(), c.push({
+							type: 2,
+							index: ++a
+						});
+						i.append(e[t], T());
+					}
+				}
+			} else if (i.nodeType === 8) if (i.data === Se) c.push({
+				type: 2,
+				index: a
+			});
+			else {
+				let e = -1;
+				for (; (e = i.data.indexOf(C, e + 1)) !== -1;) c.push({
+					type: 7,
+					index: a
+				}), e += C.length - 1;
+			}
+			a++;
+		}
+	}
+	static createElement(e, t) {
+		let n = w.createElement("template");
+		return n.innerHTML = e, n;
+	}
 };
-class O {
-  constructor({ strings: t, _$litType$: e }, i) {
-    let r;
-    this.parts = [];
-    let n = 0, o = 0;
-    const l = t.length - 1, a = this.parts, [d, u] = be(t, e);
-    if (this.el = O.createElement(d, i), S.currentNode = this.el.content, e === 2 || e === 3) {
-      const c = this.el.content.firstChild;
-      c.replaceWith(...c.childNodes);
-    }
-    for (; (r = S.nextNode()) !== null && a.length < l; ) {
-      if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const c of r.getAttributeNames()) if (c.endsWith(Mt)) {
-          const f = u[o++], m = r.getAttribute(c).split(_), g = /([.?@])?(.*)/.exec(f);
-          a.push({ type: 1, index: n, name: g[2], strings: m, ctor: g[1] === "." ? ye : g[1] === "?" ? _e : g[1] === "@" ? Ae : B }), r.removeAttribute(c);
-        } else c.startsWith(_) && (a.push({ type: 6, index: n }), r.removeAttribute(c));
-        if (kt.test(r.tagName)) {
-          const c = r.textContent.split(_), f = c.length - 1;
-          if (f > 0) {
-            r.textContent = W ? W.emptyScript : "";
-            for (let m = 0; m < f; m++) r.append(c[m], H()), S.nextNode(), a.push({ type: 2, index: ++n });
-            r.append(c[f], H());
-          }
-        }
-      } else if (r.nodeType === 8) if (r.data === Tt) a.push({ type: 2, index: n });
-      else {
-        let c = -1;
-        for (; (c = r.data.indexOf(_, c + 1)) !== -1; ) a.push({ type: 7, index: n }), c += _.length - 1;
-      }
-      n++;
-    }
-  }
-  static createElement(t, e) {
-    const i = C.createElement("template");
-    return i.innerHTML = t, i;
-  }
-}
-function T(s, t, e = s, i) {
-  if (t === w) return t;
-  let r = i !== void 0 ? e._$Co?.[i] : e._$Cl;
-  const n = I(t) ? void 0 : t._$litDirective$;
-  return r?.constructor !== n && (r?._$AO?.(!1), n === void 0 ? r = void 0 : (r = new n(s), r._$AT(s, e, i)), i !== void 0 ? (e._$Co ??= [])[i] = r : e._$Cl = r), r !== void 0 && (t = T(s, r._$AS(s, t.values), r, i)), t;
-}
-class ve {
-  constructor(t, e) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = e;
-  }
-  get parentNode() {
-    return this._$AM.parentNode;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  u(t) {
-    const { el: { content: e }, parts: i } = this._$AD, r = (t?.creationScope ?? C).importNode(e, !0);
-    S.currentNode = r;
-    let n = S.nextNode(), o = 0, l = 0, a = i[0];
-    for (; a !== void 0; ) {
-      if (o === a.index) {
-        let d;
-        a.type === 2 ? d = new V(n, n.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(n, a.name, a.strings, this, t) : a.type === 6 && (d = new Ee(n, this, t)), this._$AV.push(d), a = i[++l];
-      }
-      o !== a?.index && (n = S.nextNode(), o++);
-    }
-    return S.currentNode = C, r;
-  }
-  p(t) {
-    let e = 0;
-    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, e), e += i.strings.length - 2) : i._$AI(t[e])), e++;
-  }
-}
-class V {
-  get _$AU() {
-    return this._$AM?._$AU ?? this._$Cv;
-  }
-  constructor(t, e, i, r) {
-    this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = e, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
-  }
-  get parentNode() {
-    let t = this._$AA.parentNode;
-    const e = this._$AM;
-    return e !== void 0 && t?.nodeType === 11 && (t = e.parentNode), t;
-  }
-  get startNode() {
-    return this._$AA;
-  }
-  get endNode() {
-    return this._$AB;
-  }
-  _$AI(t, e = this) {
-    t = T(this, t, e), I(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== w && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : $e(t) ? this.k(t) : this._(t);
-  }
-  O(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
-  }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
-  }
-  _(t) {
-    this._$AH !== p && I(this._$AH) ? this._$AA.nextSibling.data = t : this.T(C.createTextNode(t)), this._$AH = t;
-  }
-  $(t) {
-    const { values: e, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = O.createElement(Ut(i.h, i.h[0]), this.options)), i);
-    if (this._$AH?._$AD === r) this._$AH.p(e);
-    else {
-      const n = new ve(r, this), o = n.u(this.options);
-      n.p(e), this.T(o), this._$AH = n;
-    }
-  }
-  _$AC(t) {
-    let e = At.get(t.strings);
-    return e === void 0 && At.set(t.strings, e = new O(t)), e;
-  }
-  k(t) {
-    nt(this._$AH) || (this._$AH = [], this._$AR());
-    const e = this._$AH;
-    let i, r = 0;
-    for (const n of t) r === e.length ? e.push(i = new V(this.O(H()), this.O(H()), this, this.options)) : i = e[r], i._$AI(n), r++;
-    r < e.length && (this._$AR(i && i._$AB.nextSibling, r), e.length = r);
-  }
-  _$AR(t = this._$AA.nextSibling, e) {
-    for (this._$AP?.(!1, !0, e); t !== this._$AB; ) {
-      const i = $t(t).nextSibling;
-      $t(t).remove(), t = i;
-    }
-  }
-  setConnected(t) {
-    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
-  }
-}
-class B {
-  get tagName() {
-    return this.element.tagName;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  constructor(t, e, i, r, n) {
-    this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, this.name = e, this._$AM = r, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = p;
-  }
-  _$AI(t, e = this, i, r) {
-    const n = this.strings;
-    let o = !1;
-    if (n === void 0) t = T(this, t, e, 0), o = !I(t) || t !== this._$AH && t !== w, o && (this._$AH = t);
-    else {
-      const l = t;
-      let a, d;
-      for (t = n[0], a = 0; a < n.length - 1; a++) d = T(this, l[i + a], e, a), d === w && (d = this._$AH[a]), o ||= !I(d) || d !== this._$AH[a], d === p ? t = p : t !== p && (t += (d ?? "") + n[a + 1]), this._$AH[a] = d;
-    }
-    o && !r && this.j(t);
-  }
-  j(t) {
-    t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
-  }
-}
-class ye extends B {
-  constructor() {
-    super(...arguments), this.type = 3;
-  }
-  j(t) {
-    this.element[this.name] = t === p ? void 0 : t;
-  }
-}
-class _e extends B {
-  constructor() {
-    super(...arguments), this.type = 4;
-  }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== p);
-  }
-}
-class Ae extends B {
-  constructor(t, e, i, r, n) {
-    super(t, e, i, r, n), this.type = 5;
-  }
-  _$AI(t, e = this) {
-    if ((t = T(this, t, e, 0) ?? p) === w) return;
-    const i = this._$AH, r = t === p && i !== p || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== p && (i === p || r);
-    r && this.element.removeEventListener(this.name, this, i), n && 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 Ee {
-  constructor(t, e, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = e, this.options = i;
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AI(t) {
-    T(this, t);
-  }
+function I(e, t, n = e, r) {
+	if (t === M) return t;
+	let i = r === void 0 ? n._$Cl : n._$Co?.[r], a = E(t) ? void 0 : t._$litDirective$;
+	return i?.constructor !== a && (i?._$AO?.(!1), a === void 0 ? i = void 0 : (i = new a(e), i._$AT(e, n, r)), r === void 0 ? n._$Cl = i : (n._$Co ??= [])[r] = i), i !== void 0 && (t = I(e, i._$AS(e, t.values), i, r)), t;
 }
-const Se = rt.litHtmlPolyfillSupport;
-Se?.(O, V), (rt.litHtmlVersions ??= []).push("3.3.2");
-const Ce = (s, t, e) => {
-  const i = e?.renderBefore ?? t;
-  let r = i._$litPart$;
-  if (r === void 0) {
-    const n = e?.renderBefore ?? null;
-    i._$litPart$ = r = new V(t.insertBefore(H(), n), n, void 0, e ?? {});
-  }
-  return r._$AI(s), r;
+var Ne = class {
+	constructor(e, t) {
+		this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = t;
+	}
+	get parentNode() {
+		return this._$AM.parentNode;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	u(e) {
+		let { el: { content: t }, parts: n } = this._$AD, r = (e?.creationScope ?? w).importNode(t, !0);
+		P.currentNode = r;
+		let i = P.nextNode(), a = 0, o = 0, s = n[0];
+		for (; s !== void 0;) {
+			if (a === s.index) {
+				let t;
+				s.type === 2 ? t = new L(i, i.nextSibling, this, e) : s.type === 1 ? t = new s.ctor(i, s.name, s.strings, this, e) : s.type === 6 && (t = new Le(i, this, e)), this._$AV.push(t), s = n[++o];
+			}
+			a !== s?.index && (i = P.nextNode(), a++);
+		}
+		return P.currentNode = w, r;
+	}
+	p(e) {
+		let t = 0;
+		for (let n of this._$AV) n !== void 0 && (n.strings === void 0 ? n._$AI(e[t]) : (n._$AI(e, n, t), t += n.strings.length - 2)), t++;
+	}
+}, L = class e {
+	get _$AU() {
+		return this._$AM?._$AU ?? this._$Cv;
+	}
+	constructor(e, t, n, r) {
+		this.type = 2, this._$AH = N, this._$AN = void 0, this._$AA = e, this._$AB = t, this._$AM = n, this.options = r, this._$Cv = r?.isConnected ?? !0;
+	}
+	get parentNode() {
+		let e = this._$AA.parentNode, t = this._$AM;
+		return t !== void 0 && e?.nodeType === 11 && (e = t.parentNode), e;
+	}
+	get startNode() {
+		return this._$AA;
+	}
+	get endNode() {
+		return this._$AB;
+	}
+	_$AI(e, t = this) {
+		e = I(this, e, t), E(e) ? e === N || e == null || e === "" ? (this._$AH !== N && this._$AR(), this._$AH = N) : e !== this._$AH && e !== M && this._(e) : e._$litType$ === void 0 ? e.nodeType === void 0 ? we(e) ? this.k(e) : this._(e) : this.T(e) : this.$(e);
+	}
+	O(e) {
+		return this._$AA.parentNode.insertBefore(e, this._$AB);
+	}
+	T(e) {
+		this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
+	}
+	_(e) {
+		this._$AH !== N && E(this._$AH) ? this._$AA.nextSibling.data = e : this.T(w.createTextNode(e)), this._$AH = e;
+	}
+	$(e) {
+		let { values: t, _$litType$: n } = e, r = typeof n == "number" ? this._$AC(e) : (n.el === void 0 && (n.el = F.createElement(je(n.h, n.h[0]), this.options)), n);
+		if (this._$AH?._$AD === r) this._$AH.p(t);
+		else {
+			let e = new Ne(r, this), n = e.u(this.options);
+			e.p(t), this.T(n), this._$AH = e;
+		}
+	}
+	_$AC(e) {
+		let t = Ae.get(e.strings);
+		return t === void 0 && Ae.set(e.strings, t = new F(e)), t;
+	}
+	k(t) {
+		D(this._$AH) || (this._$AH = [], this._$AR());
+		let n = this._$AH, r, i = 0;
+		for (let a of t) i === n.length ? n.push(r = new e(this.O(T()), this.O(T()), this, this.options)) : r = n[i], r._$AI(a), i++;
+		i < n.length && (this._$AR(r && r._$AB.nextSibling, i), n.length = i);
+	}
+	_$AR(e = this._$AA.nextSibling, t) {
+		for (this._$AP?.(!1, !0, t); e !== this._$AB;) {
+			let t = ye(e).nextSibling;
+			ye(e).remove(), e = t;
+		}
+	}
+	setConnected(e) {
+		this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
+	}
+}, R = class {
+	get tagName() {
+		return this.element.tagName;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	constructor(e, t, n, r, i) {
+		this.type = 1, this._$AH = N, this._$AN = void 0, this.element = e, this.name = t, this._$AM = r, this.options = i, n.length > 2 || n[0] !== "" || n[1] !== "" ? (this._$AH = Array(n.length - 1).fill(/* @__PURE__ */ new String()), this.strings = n) : this._$AH = N;
+	}
+	_$AI(e, t = this, n, r) {
+		let i = this.strings, a = !1;
+		if (i === void 0) e = I(this, e, t, 0), a = !E(e) || e !== this._$AH && e !== M, a && (this._$AH = e);
+		else {
+			let r = e, o, s;
+			for (e = i[0], o = 0; o < i.length - 1; o++) s = I(this, r[n + o], t, o), s === M && (s = this._$AH[o]), a ||= !E(s) || s !== this._$AH[o], s === N ? e = N : e !== N && (e += (s ?? "") + i[o + 1]), this._$AH[o] = s;
+		}
+		a && !r && this.j(e);
+	}
+	j(e) {
+		e === N ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
+	}
+}, Pe = class extends R {
+	constructor() {
+		super(...arguments), this.type = 3;
+	}
+	j(e) {
+		this.element[this.name] = e === N ? void 0 : e;
+	}
+}, Fe = class extends R {
+	constructor() {
+		super(...arguments), this.type = 4;
+	}
+	j(e) {
+		this.element.toggleAttribute(this.name, !!e && e !== N);
+	}
+}, Ie = class extends R {
+	constructor(e, t, n, r, i) {
+		super(e, t, n, r, i), this.type = 5;
+	}
+	_$AI(e, t = this) {
+		if ((e = I(this, e, t, 0) ?? N) === M) return;
+		let n = this._$AH, r = e === N && n !== N || e.capture !== n.capture || e.once !== n.once || e.passive !== n.passive, i = e !== N && (n === N || r);
+		r && this.element.removeEventListener(this.name, this, n), i && this.element.addEventListener(this.name, this, e), this._$AH = e;
+	}
+	handleEvent(e) {
+		typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
+	}
+}, Le = class {
+	constructor(e, t, n) {
+		this.element = e, this.type = 6, this._$AN = void 0, this._$AM = t, this.options = n;
+	}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AI(e) {
+		I(this, e);
+	}
+}, Re = {
+	M: xe,
+	P: C,
+	A: Se,
+	C: 1,
+	L: Me,
+	R: Ne,
+	D: we,
+	V: I,
+	I: L,
+	H: R,
+	N: Fe,
+	U: Ie,
+	B: Pe,
+	F: Le
+}, ze = ve.litHtmlPolyfillSupport;
+ze?.(F, L), (ve.litHtmlVersions ??= []).push("3.3.2");
+var Be = (e, t, n) => {
+	let r = n?.renderBefore ?? t, i = r._$litPart$;
+	if (i === void 0) {
+		let e = n?.renderBefore ?? null;
+		r._$litPart$ = i = new L(t.insertBefore(T(), e), e, void 0, n ?? {});
+	}
+	return i._$AI(e), i;
+}, z = globalThis, B = class extends x {
+	constructor() {
+		super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
+	}
+	createRenderRoot() {
+		let e = super.createRenderRoot();
+		return this.renderOptions.renderBefore ??= e.firstChild, e;
+	}
+	update(e) {
+		let t = this.render();
+		this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Be(t, this.renderRoot, this.renderOptions);
+	}
+	connectedCallback() {
+		super.connectedCallback(), this._$Do?.setConnected(!0);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this._$Do?.setConnected(!1);
+	}
+	render() {
+		return M;
+	}
 };
-const ot = globalThis;
-let M = class extends R {
-  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 e = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = Ce(e, this.renderRoot, this.renderOptions);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._$Do?.setConnected(!0);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this._$Do?.setConnected(!1);
-  }
-  render() {
-    return w;
-  }
+B._$litElement$ = !0, B.finalized = !0, z.litElementHydrateSupport?.({ LitElement: B });
+var Ve = z.litElementPolyfillSupport;
+Ve?.({ LitElement: B }), (z.litElementVersions ??= []).push("4.2.2");
+//#endregion
+//#region ../../node_modules/lit-html/static.js
+var He = Symbol.for(""), Ue = (e) => {
+	if (e?.r === He) return e?._$litStatic$;
+}, We = (e) => ({
+	_$litStatic$: e,
+	r: He
+}), Ge = /* @__PURE__ */ new Map(), V = ((e) => (t, ...n) => {
+	let r = n.length, i, a, o = [], s = [], c, l = 0, u = !1;
+	for (; l < r;) {
+		for (c = t[l]; l < r && (a = n[l], i = Ue(a)) !== void 0;) c += i + t[++l], u = !0;
+		l !== r && s.push(a), o.push(c), l++;
+	}
+	if (l === r && o.push(t[r]), u) {
+		let e = o.join("$$lit$$");
+		(t = Ge.get(e)) === void 0 && (o.raw = o, Ge.set(e, t = o)), n = s;
+	}
+	return e(t, ...n);
+})(j), Ke = {
+	attribute: !0,
+	type: String,
+	converter: y,
+	reflect: !1,
+	hasChanged: b
+}, qe = (e = Ke, t, n) => {
+	let { kind: r, metadata: i } = n, a = globalThis.litPropertyMetadata.get(i);
+	if (a === void 0 && globalThis.litPropertyMetadata.set(i, a = /* @__PURE__ */ new Map()), r === "setter" && ((e = Object.create(e)).wrapped = !0), a.set(n.name, e), r === "accessor") {
+		let { name: r } = n;
+		return {
+			set(n) {
+				let i = t.get.call(this);
+				t.set.call(this, n), this.requestUpdate(r, i, e, !0, n);
+			},
+			init(t) {
+				return t !== void 0 && this.C(r, void 0, e, t), t;
+			}
+		};
+	}
+	if (r === "setter") {
+		let { name: r } = n;
+		return function(n) {
+			let i = this[r];
+			t.call(this, n), this.requestUpdate(r, i, e, !0, n);
+		};
+	}
+	throw Error("Unsupported decorator location: " + r);
 };
-M._$litElement$ = !0, M.finalized = !0, ot.litElementHydrateSupport?.({ LitElement: M });
-const we = ot.litElementPolyfillSupport;
-we?.({ LitElement: M });
-(ot.litElementVersions ??= []).push("4.2.2");
-const Pt = /* @__PURE__ */ Symbol.for(""), xe = (s) => {
-  if (s?.r === Pt) return s?._$litStatic$;
-}, Nt = (s) => ({ _$litStatic$: s, r: Pt }), Et = /* @__PURE__ */ new Map(), Re = (s) => (t, ...e) => {
-  const i = e.length;
-  let r, n;
-  const o = [], l = [];
-  let a, d = 0, u = !1;
-  for (; d < i; ) {
-    for (a = t[d]; d < i && (n = e[d], (r = xe(n)) !== void 0); ) a += r + t[++d], u = !0;
-    d !== i && l.push(n), o.push(a), d++;
-  }
-  if (d === i && o.push(t[i]), u) {
-    const c = o.join("$$lit$$");
-    (t = Et.get(c)) === void 0 && (o.raw = o, Et.set(c, t = o)), e = l;
-  }
-  return s(t, ...e);
-}, L = Re(h);
-const Me = { attribute: !0, type: String, converter: j, reflect: !1, hasChanged: it }, Te = (s = Me, t, e) => {
-  const { kind: i, metadata: r } = e;
-  let n = globalThis.litPropertyMetadata.get(r);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), i === "setter" && ((s = Object.create(s)).wrapped = !0), n.set(e.name, s), i === "accessor") {
-    const { name: o } = e;
-    return { set(l) {
-      const a = t.get.call(this);
-      t.set.call(this, l), this.requestUpdate(o, a, s, !0, l);
-    }, init(l) {
-      return l !== void 0 && this.C(o, void 0, s, l), l;
-    } };
-  }
-  if (i === "setter") {
-    const { name: o } = e;
-    return function(l) {
-      const a = this[o];
-      t.call(this, l), this.requestUpdate(o, a, s, !0, l);
-    };
-  }
-  throw Error("Unsupported decorator location: " + i);
-};
-function $(s) {
-  return (t, e) => typeof e == "object" ? Te(s, t, e) : ((i, r, n) => {
-    const o = r.hasOwnProperty(n);
-    return r.constructor.createProperty(n, i), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
-  })(s, t, e);
-}
-function K(s) {
-  return $({ ...s, state: !0, attribute: !1 });
-}
-const ke = /^[a-z][a-z0-9]*(-[a-z0-9]+)+$/;
-function P(s) {
-  if (!ke.test(s))
-    throw new Error(
-      `[Formie WC] Invalid custom element tag "${s}". Use lowercase hyphenated names (e.g. my-text-field).`
-    );
+function H(e) {
+	return (t, n) => typeof n == "object" ? qe(e, t, n) : ((e, t, n) => {
+		let r = t.hasOwnProperty(n);
+		return t.constructor.createProperty(n, e), r ? Object.getOwnPropertyDescriptor(t, n) : void 0;
+	})(e, t, n);
 }
-class Z {
-  constructor() {
-    this.fieldControls = {}, this.fieldTag = null, this.regions = {};
-  }
-  registerFieldControl(t, e) {
-    return P(e), this.fieldControls[t] = e, this;
-  }
-  /** Register a custom element used as the **field** host for every question. */
-  registerField(t) {
-    return P(t), this.fieldTag = t, this;
-  }
-  registerRegion(t, e) {
-    return P(e), this.regions[t] = e, this;
-  }
-  clone() {
-    const t = new Z();
-    return t.fieldControls = { ...this.fieldControls }, t.fieldTag = this.fieldTag, t.regions = { ...this.regions }, t;
-  }
+//#endregion
+//#region ../../node_modules/@lit/reactive-element/decorators/state.js
+function U(e) {
+	return H({
+		...e,
+		state: !0,
+		attribute: !1
+	});
 }
-const Ue = new Z();
-function Pe() {
-  return Ue;
+//#endregion
+//#region src/registry.ts
+var Je = /^[a-z][a-z0-9]*(-[a-z0-9]+)+$/;
+function W(e) {
+	if (!Je.test(e)) throw Error(`[Formie WC] Invalid custom element tag "${e}". Use lowercase hyphenated names (e.g. my-text-field).`);
 }
-function us() {
-  return new Z();
+var G = class e {
+	constructor() {
+		this.fieldControls = {}, this.fieldTag = null, this.regions = {};
+	}
+	registerFieldControl(e, t) {
+		return W(t), this.fieldControls[e] = t, this;
+	}
+	registerField(e) {
+		return W(e), this.fieldTag = e, this;
+	}
+	registerRegion(e, t) {
+		return W(t), this.regions[e] = t, this;
+	}
+	clone() {
+		let t = new e();
+		return t.fieldControls = { ...this.fieldControls }, t.fieldTag = this.fieldTag, t.regions = { ...this.regions }, t;
+	}
+}, Ye = new G();
+function Xe() {
+	return Ye;
 }
-const Ne = (s) => s.strings === void 0;
-const Ht = { CHILD: 2 }, It = (s) => (...t) => ({ _$litDirective$: s, values: t });
-class Ot {
-  constructor(t) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t, e, i) {
-    this._$Ct = t, this._$AM = e, this._$Ci = i;
-  }
-  _$AS(t, e) {
-    return this.update(t, e);
-  }
-  update(t, e) {
-    return this.render(...e);
-  }
+function Ze() {
+	return new G();
 }
-const N = (s, t) => {
-  const e = s._$AN;
-  if (e === void 0) return !1;
-  for (const i of e) i._$AO?.(t, !1), N(i, t);
-  return !0;
-}, q = (s) => {
-  let t, e;
-  do {
-    if ((t = s._$AM) === void 0) break;
-    e = t._$AN, e.delete(s), s = t;
-  } while (e?.size === 0);
-}, Lt = (s) => {
-  for (let t; t = s._$AM; s = t) {
-    let e = t._$AN;
-    if (e === void 0) t._$AN = e = /* @__PURE__ */ new Set();
-    else if (e.has(s)) break;
-    e.add(s), Oe(t);
-  }
+//#endregion
+//#region ../../node_modules/lit-html/directive-helpers.js
+var { I: Qe } = Re, $e = (e) => e.strings === void 0, et = {
+	ATTRIBUTE: 1,
+	CHILD: 2,
+	PROPERTY: 3,
+	BOOLEAN_ATTRIBUTE: 4,
+	EVENT: 5,
+	ELEMENT: 6
+}, tt = (e) => (...t) => ({
+	_$litDirective$: e,
+	values: t
+}), nt = class {
+	constructor(e) {}
+	get _$AU() {
+		return this._$AM._$AU;
+	}
+	_$AT(e, t, n) {
+		this._$Ct = e, this._$AM = t, this._$Ci = n;
+	}
+	_$AS(e, t) {
+		return this.update(e, t);
+	}
+	update(e, t) {
+		return this.render(...t);
+	}
+}, K = (e, t) => {
+	let n = e._$AN;
+	if (n === void 0) return !1;
+	for (let e of n) e._$AO?.(t, !1), K(e, t);
+	return !0;
+}, q = (e) => {
+	let t, n;
+	do {
+		if ((t = e._$AM) === void 0) break;
+		n = t._$AN, n.delete(e), e = t;
+	} while (n?.size === 0);
+}, rt = (e) => {
+	for (let t; t = e._$AM; e = t) {
+		let n = t._$AN;
+		if (n === void 0) t._$AN = n = /* @__PURE__ */ new Set();
+		else if (n.has(e)) break;
+		n.add(e), ot(t);
+	}
 };
-function He(s) {
-  this._$AN !== void 0 ? (q(this), this._$AM = s, Lt(this)) : this._$AM = s;
+function it(e) {
+	this._$AN === void 0 ? this._$AM = e : (q(this), this._$AM = e, rt(this));
 }
-function Ie(s, t = !1, e = 0) {
-  const i = this._$AH, r = this._$AN;
-  if (r !== void 0 && r.size !== 0) if (t) if (Array.isArray(i)) for (let n = e; n < i.length; n++) N(i[n], !1), q(i[n]);
-  else i != null && (N(i, !1), q(i));
-  else N(this, s);
+function at(e, t = !1, n = 0) {
+	let r = this._$AH, i = this._$AN;
+	if (i !== void 0 && i.size !== 0) if (t) if (Array.isArray(r)) for (let e = n; e < r.length; e++) K(r[e], !1), q(r[e]);
+	else r != null && (K(r, !1), q(r));
+	else K(this, e);
 }
-const Oe = (s) => {
-  s.type == Ht.CHILD && (s._$AP ??= Ie, s._$AQ ??= He);
+var ot = (e) => {
+	e.type == et.CHILD && (e._$AP ??= at, e._$AQ ??= it);
+}, st = class extends nt {
+	constructor() {
+		super(...arguments), this._$AN = void 0;
+	}
+	_$AT(e, t, n) {
+		super._$AT(e, t, n), rt(this), this.isConnected = e._$AU;
+	}
+	_$AO(e, t = !0) {
+		e !== this.isConnected && (this.isConnected = e, e ? this.reconnected?.() : this.disconnected?.()), t && (K(this, e), q(this));
+	}
+	setValue(e) {
+		if ($e(this._$Ct)) this._$Ct._$AI(e, this);
+		else {
+			let t = [...this._$Ct._$AH];
+			t[this._$Ci] = e, this._$Ct._$AI(t, this, 0);
+		}
+	}
+	disconnected() {}
+	reconnected() {}
+}, ct = /* @__PURE__ */ new WeakMap(), lt = tt(class extends st {
+	render(e) {
+		return N;
+	}
+	update(e, [t]) {
+		let n = t !== this.G;
+		return n && this.G !== void 0 && this.rt(void 0), (n || this.lt !== this.ct) && (this.G = t, this.ht = e.options?.host, this.rt(this.ct = e.element)), N;
+	}
+	rt(e) {
+		if (this.isConnected || (e = void 0), typeof this.G == "function") {
+			let t = this.ht ?? globalThis, n = ct.get(t);
+			n === void 0 && (n = /* @__PURE__ */ new WeakMap(), ct.set(t, n)), n.get(this.G) !== void 0 && this.G.call(this.ht, void 0), n.set(this.G, e), e !== void 0 && this.G.call(this.ht, e);
+		} else this.G.value = e;
+	}
+	get lt() {
+		return typeof this.G == "function" ? ct.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
+	}
+	disconnected() {
+		this.lt === this.ct && this.rt(void 0);
+	}
+	reconnected() {
+		this.rt(this.ct);
+	}
+}), ut = class extends nt {
+	constructor(e) {
+		if (super(e), this.it = N, e.type !== et.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
+	}
+	render(e) {
+		if (e === N || e == null) return this._t = void 0, this.it = e;
+		if (e === M) return e;
+		if (typeof e != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
+		if (e === this.it) return this._t;
+		this.it = e;
+		let t = [e];
+		return t.raw = t, this._t = {
+			_$litType$: this.constructor.resultType,
+			strings: t,
+			values: []
+		};
+	}
 };
-class Le extends Ot {
-  constructor() {
-    super(...arguments), this._$AN = void 0;
-  }
-  _$AT(t, e, i) {
-    super._$AT(t, e, i), Lt(this), this.isConnected = t._$AU;
-  }
-  _$AO(t, e = !0) {
-    t !== this.isConnected && (this.isConnected = t, t ? this.reconnected?.() : this.disconnected?.()), e && (N(this, t), q(this));
-  }
-  setValue(t) {
-    if (Ne(this._$Ct)) this._$Ct._$AI(t, this);
-    else {
-      const e = [...this._$Ct._$AH];
-      e[this._$Ci] = t, this._$Ct._$AI(e, this, 0);
-    }
-  }
-  disconnected() {
-  }
-  reconnected() {
-  }
-}
-const Q = /* @__PURE__ */ new WeakMap(), Ve = It(class extends Le {
-  render(s) {
-    return p;
-  }
-  update(s, [t]) {
-    const e = t !== this.G;
-    return e && this.G !== void 0 && this.rt(void 0), (e || this.lt !== this.ct) && (this.G = t, this.ht = s.options?.host, this.rt(this.ct = s.element)), p;
-  }
-  rt(s) {
-    if (this.isConnected || (s = void 0), typeof this.G == "function") {
-      const t = this.ht ?? globalThis;
-      let e = Q.get(t);
-      e === void 0 && (e = /* @__PURE__ */ new WeakMap(), Q.set(t, e)), e.get(this.G) !== void 0 && this.G.call(this.ht, void 0), e.set(this.G, s), s !== void 0 && this.G.call(this.ht, s);
-    } else this.G.value = s;
-  }
-  get lt() {
-    return typeof this.G == "function" ? Q.get(this.ht ?? globalThis)?.get(this.G) : this.G?.value;
-  }
-  disconnected() {
-    this.lt === this.ct && this.rt(void 0);
-  }
-  reconnected() {
-    this.rt(this.ct);
-  }
-});
-class tt extends Ot {
-  constructor(t) {
-    if (super(t), this.it = p, t.type !== Ht.CHILD) throw Error(this.constructor.directiveName + "() can only be used in child bindings");
-  }
-  render(t) {
-    if (t === p || t == null) return this._t = void 0, this.it = t;
-    if (t === w) return t;
-    if (typeof t != "string") throw Error(this.constructor.directiveName + "() called with a non-string value");
-    if (t === this.it) return this._t;
-    this.it = t;
-    const e = [t];
-    return e.raw = e, this._t = { _$litType$: this.constructor.resultType, strings: e, values: [] };
-  }
-}
-tt.directiveName = "unsafeHTML", tt.resultType = 1;
-const ze = It(tt);
-function ps(s) {
-  return !!s && typeof s == "object" && "id" in s && "handle" in s && "type" in s;
+ut.directiveName = "unsafeHTML", ut.resultType = 1;
+var dt = tt(ut);
+//#endregion
+//#region src/field-utils.ts
+function ft(e) {
+	return !!e && typeof e == "object" && "id" in e && "handle" in e && "type" in e;
 }
-function Vt(s) {
-  if (xt(s.type))
-    return s.type;
-  const t = s.input && typeof s.input == "object" ? s.input : {}, e = typeof t.fieldKind == "string" ? t.fieldKind : null;
-  return e === "text" ? "single-line-text" : e === "textarea" ? "multi-line-text" : e === "boolean" ? "agree" : e === "file" ? "file" : s.type;
+function pt(e) {
+	if (c(e.type)) return e.type;
+	let t = e.input && typeof e.input == "object" ? e.input : {}, n = typeof t.fieldKind == "string" ? t.fieldKind : null;
+	return n === "text" ? "single-line-text" : n === "textarea" ? "multi-line-text" : n === "boolean" ? "agree" : n === "file" ? "file" : e.type;
 }
-const D = "formie-control-value-change";
-function at(s) {
-  return P(s), Nt(s);
+//#endregion
+//#region src/types.ts
+var J = "formie-control-value-change";
+//#endregion
+//#region src/render-view.ts
+function mt(e) {
+	return W(e), We(e);
 }
-function Fe(s, t, e, i, r, n, o, l) {
-  if (!s || !(s instanceof HTMLElement))
-    return;
-  const a = t.toLowerCase();
-  let d = s.firstElementChild;
-  (!d || d.tagName.toLowerCase() !== a) && (s.replaceChildren(), d = document.createElement(t), d.addEventListener(D, (u) => {
-    l(u.detail);
-  }), s.append(d)), d.field = e, d.value = i, d.errorKey = r, d.disabled = n, d.hidden = o;
+function ht(e, t, n, r, i, a, o, s) {
+	if (!e || !(e instanceof HTMLElement)) return;
+	let c = t.toLowerCase(), l = e.firstElementChild;
+	(!l || l.tagName.toLowerCase() !== c) && (e.replaceChildren(), l = document.createElement(t), l.addEventListener(J, (e) => {
+		s(e.detail);
+	}), e.append(l)), l.field = n, l.value = r, l.errorKey = i, l.disabled = a, l.hidden = o;
 }
-function De(s, t, e, i, r, n, o, l) {
-  return h`<div
+function gt(e, t, n, r, i, a, o, s) {
+	return j`<div
         class="starter-core-registry-host min-w-0"
-        ${Ve((a) => {
-    Fe(a, t, e, i, r, n, o, l);
-  })}
+        ${lt((e) => {
+		ht(e, t, n, r, i, a, o, s);
+	})}
     ></div>`;
 }
-function je(s, t, e, i, r = "default") {
-  if (r === "compositePart")
-    return We(t, e, i);
-  const n = s.registry.fieldTag;
-  if (!n)
-    return qe(t, e, i);
-  const o = at(n);
-  return L`<${o} .field=${t} .errors=${e}>${i}</${o}>`;
+function _t(e, t, n, r, i = "default") {
+	if (i === "compositePart") return vt(t, n, r);
+	let a = e.registry.fieldTag;
+	if (!a) return yt(t, n, r);
+	let o = mt(a);
+	return V`<${o} .field=${t} .errors=${n}>${r}</${o}>`;
 }
-function We(s, t, e) {
-  return h`
-        <div class="starter-component-subfield" data-formie-field-type=${s.type}>
-            ${s.label ? h`<label class="starter-component-subfield-label">${s.label}</label>` : p}
-            <div class="starter-component-injected-control grid gap-2 text-slate-900">${e}</div>
-            ${t.length > 0 ? h`<ul class="grid gap-1 text-sm text-red-600">
-                      ${t.map((i) => h`<li>${i}</li>`)}
-                  </ul>` : p}
+function vt(e, t, n) {
+	return j`
+        <div class="starter-component-subfield" data-formie-field-type=${e.type}>
+            ${e.label ? j`<label class="starter-component-subfield-label">${e.label}</label>` : N}
+            <div class="starter-component-injected-control grid gap-2 text-slate-900">${n}</div>
+            ${t.length > 0 ? j`<ul class="grid gap-1 text-sm text-red-600">
+                      ${t.map((e) => j`<li>${e}</li>`)}
+                  </ul>` : N}
         </div>
     `;
 }
-function qe(s, t, e) {
-  return h`
-        <div class="starter-component-card" data-formie-field-type=${s.type}>
-            ${s.label ? h`<label class="starter-component-label">${s.label}</label>` : p}
-            ${s.instructions ? h`<p class="starter-component-help">${s.instructions}</p>` : p}
-            <div class="starter-component-injected-control grid gap-2 text-slate-900">${e}</div>
-            ${t.length > 0 ? h`<ul class="grid gap-1 text-sm text-red-600">
-                      ${t.map((i) => h`<li>${i}</li>`)}
-                  </ul>` : p}
+function yt(e, t, n) {
+	return j`
+        <div class="starter-component-card" data-formie-field-type=${e.type}>
+            ${e.label ? j`<label class="starter-component-label">${e.label}</label>` : N}
+            ${e.instructions ? j`<div class="starter-component-help">${dt(e.instructions)}</div>` : N}
+            <div class="starter-component-injected-control grid gap-2 text-slate-900">${n}</div>
+            ${t.length > 0 ? j`<ul class="grid gap-1 text-sm text-red-600">
+                      ${t.map((e) => j`<li>${e}</li>`)}
+                  </ul>` : N}
         </div>
     `;
 }
-function St(s, t, e, i) {
-  const r = s.input;
-  if (s.type === "multi-line-text")
-    return h`
+function bt(e, t, n, r) {
+	let i = e.input;
+	if (e.type === "multi-line-text") return j`
             <textarea
                 class="starter-component-control"
                 .value=${typeof t == "string" ? t : ""}
-                ?disabled=${e}
-                placeholder=${typeof r.placeholder == "string" ? r.placeholder : ""}
-                @input=${(o) => {
-      i(o.target.value);
-    }}
+                ?disabled=${n}
+                placeholder=${typeof i.placeholder == "string" ? i.placeholder : ""}
+                @input=${(e) => {
+		r(e.target.value);
+	}}
             ></textarea>
         `;
-  if (s.type === "dropdown") {
-    const o = Array.isArray(r.options) ? r.options : [], l = r.multiple === !0;
-    return h`
+	if (e.type === "dropdown") {
+		let e = Array.isArray(i.options) ? i.options : [], a = i.multiple === !0;
+		return j`
             <select
                 class="starter-component-control"
-                ?disabled=${e}
-                multiple=${l}
-                .value=${l ? void 0 : typeof t == "string" ? t : ""}
-                @change=${(a) => {
-      const d = a.target;
-      i(l ? Array.from(d.selectedOptions).map((u) => u.value) : d.value);
-    }}
+                ?disabled=${n}
+                multiple=${a}
+                .value=${a ? void 0 : typeof t == "string" ? t : ""}
+                @change=${(e) => {
+			let t = e.target;
+			r(a ? Array.from(t.selectedOptions).map((e) => e.value) : t.value);
+		}}
             >
-                ${o.map(
-      (a) => h`
+                ${e.map((e) => j`
                         <option
-                            value=${String(a.value ?? "")}
-                            ?disabled=${a.disabled === !0}
+                            value=${String(e.value ?? "")}
+                            ?disabled=${e.disabled === !0}
                         >
-                            ${String(a.label ?? a.value ?? "")}
+                            ${String(e.label ?? e.value ?? "")}
                         </option>
-                    `
-    )}
+                    `)}
             </select>
         `;
-  }
-  const n = typeof r.inputType == "string" ? r.inputType : s.type === "email" ? "email" : s.type === "phone" ? "tel" : s.type === "number" ? "number" : "text";
-  return h`
+	}
+	return j`
         <input
             class="starter-component-control"
-            type=${n}
+            type=${typeof i.inputType == "string" ? i.inputType : e.type === "email" ? "email" : e.type === "phone" ? "tel" : e.type === "number" ? "number" : "text"}
             .value=${typeof t == "string" ? t : ""}
-            ?disabled=${e}
-            placeholder=${typeof r.placeholder == "string" ? r.placeholder : ""}
-            @input=${(o) => {
-    i(o.target.value);
-  }}
+            ?disabled=${n}
+            placeholder=${typeof i.placeholder == "string" ? i.placeholder : ""}
+            @input=${(e) => {
+		r(e.target.value);
+	}}
         />
     `;
 }
-function Ge(s, t) {
-  const { field: e, value: i, errorKey: r, disabled: n, setValue: o } = t, l = e.input, a = Vt(e);
-  if (Wt(e))
-    return Ke(s, t);
-  if (qt(e))
-    return Ze(s, t);
-  if (Gt(e))
-    return Be(e, i, n, o);
-  if (a === "signature")
-    return h`<formie-internal-signature
-            .field=${e}
-            .modules=${s.state.definition.modules}
-            .value=${typeof i == "string" ? i : ""}
-            ?disabled=${n}
-            @formie-control-value-change=${(d) => {
-      o(d.detail);
-    }}
+function xt(e, t) {
+	let { field: n, value: r, errorKey: i, disabled: a, setValue: u } = t, d = n.input, f = pt(n);
+	if (o(n)) return Ct(e, t);
+	if (l(n)) return wt(e, t);
+	if (s(n)) return St(n, r, a, u);
+	if (f === "signature") return j`<formie-internal-signature
+            .field=${n}
+            .modules=${e.state.definition.modules}
+            .value=${typeof r == "string" ? r : ""}
+            ?disabled=${a}
+            @formie-control-value-change=${(e) => {
+		u(e.detail);
+	}}
         ></formie-internal-signature>`;
-  if (a === "multi-line-text" || a === "dropdown")
-    return St(e, i, n, o);
-  if (a === "radio") {
-    const d = Array.isArray(l.options) ? l.options : [];
-    return h`
+	if (f === "multi-line-text" || f === "dropdown") return bt(n, r, a, u);
+	if (f === "radio") return j`
             <div class="flex flex-col gap-2">
-                ${d.map((u) => {
-      const c = String(u.value ?? "");
-      return h`
+                ${(Array.isArray(d.options) ? d.options : []).map((e) => {
+		let t = String(e.value ?? ""), i = a || e.disabled === !0;
+		return j`
                         <label class="flex items-center gap-2 text-sm text-slate-800">
                             <input
                                 type="radio"
-                                name=${`${e.id}-radio`}
-                                .checked=${i === c}
-                                ?disabled=${n}
+                                name=${`${n.id}-radio`}
+                                .checked=${r === t}
+                                ?disabled=${i}
                                 @change=${() => {
-        o(c);
-      }}
+			u(t);
+		}}
                             />
-                            <span>${String(u.label ?? c)}</span>
+                            <span>${String(e.label ?? t)}</span>
                         </label>
                     `;
-    })}
+	})}
             </div>
         `;
-  }
-  if (a === "checkboxes") {
-    const d = Array.isArray(l.options) ? l.options : [], u = Array.isArray(i) ? i.map((c) => String(c)) : [];
-    return h`
+	if (f === "checkboxes") {
+		let e = Array.isArray(d.options) ? d.options : [], t = Array.isArray(r) ? r.map((e) => String(e)) : [];
+		return j`
             <div class="flex flex-col gap-2">
-                ${d.map((c) => {
-      const f = String(c.value ?? ""), m = u.includes(f);
-      return h`
+                ${e.map((e) => {
+			let n = String(e.value ?? ""), r = t.includes(n);
+			return j`
                         <label class="flex items-center gap-2 text-sm text-slate-800">
                             <input
                                 type="checkbox"
-                                .checked=${m}
-                                ?disabled=${n}
+                                .checked=${r}
+                                ?disabled=${a || e.disabled === !0}
                                 @change=${() => {
-        const g = m ? u.filter((x) => x !== f) : [...u, f];
-        o(g);
-      }}
+				u(r ? t.filter((e) => e !== n) : [...t, n]);
+			}}
                             />
-                            <span>${String(c.label ?? f)}</span>
+                            <span>${String(e.label ?? n)}</span>
                         </label>
                     `;
-    })}
+		})}
             </div>
         `;
-  }
-  if (a === "agree") {
-    const d = typeof l.descriptionHtml == "string" ? l.descriptionHtml : null;
-    return h`
+	}
+	if (f === "agree") {
+		let e = typeof d.descriptionHtml == "string" ? d.descriptionHtml : null;
+		return j`
             <label class="flex items-start gap-2 text-sm text-slate-800">
                 <input
                     type="checkbox"
-                    .checked=${i === !0}
-                    ?disabled=${n}
-                    @change=${(u) => {
-      o(u.target.checked);
-    }}
+                    .checked=${r === !0}
+                    ?disabled=${a}
+                    @change=${(e) => {
+			u(e.target.checked);
+		}}
                 />
-                <span>${d ? ze(d) : e.label ?? ""}</span>
+                <span>${e ? dt(e) : n.label ?? ""}</span>
             </label>
         `;
-  }
-  return xt(a) ? St(e, i, n, o) : h`<div class="rounded-xl border border-amber-200 bg-amber-50 p-3 text-sm text-amber-900">
+	}
+	return c(f) ? bt(n, r, a, u) : j`<div class="rounded-xl border border-amber-200 bg-amber-50 p-3 text-sm text-amber-900">
             Unknown field type:
-            ${String(e.meta?.fieldType ?? e.type)}
+            ${String(n.meta?.fieldType ?? n.type)}
         </div>`;
 }
-function Be(s, t, e, i) {
-  const r = s.input, n = Array.isArray(t) ? t : [], o = r.multiple === !0, l = n.map((a, d) => a && typeof a == "object" && "name" in a && typeof a.name == "string" ? a.name : a && typeof a == "object" && "filename" in a && typeof a.filename == "string" ? a.filename : a && typeof a == "object" && "assetId" in a && typeof a.assetId == "number" ? `Asset #${a.assetId}` : `File ${d + 1}`);
-  return h`
+function St(e, t, n, r) {
+	let i = e.input, a = Array.isArray(t) ? t : [], o = i.multiple === !0, s = a.map((e, t) => e && typeof e == "object" && "name" in e && typeof e.name == "string" ? e.name : e && typeof e == "object" && "filename" in e && typeof e.filename == "string" ? e.filename : e && typeof e == "object" && "assetId" in e && typeof e.assetId == "number" ? `Asset #${e.assetId}` : `File ${t + 1}`);
+	return j`
         <div class="grid gap-2">
             <input
                 type="file"
                 class="starter-component-control"
-                ?disabled=${e}
+                ?disabled=${n}
                 multiple=${o}
-                @change=${(a) => {
-    const d = a.target;
-    i(Array.from(d.files || []));
-  }}
+                @change=${(e) => {
+		let t = e.target;
+		r(Array.from(t.files || []));
+	}}
             />
-            ${l.length > 0 ? h`<ul class="grid gap-1 text-sm text-slate-600">
-                      ${l.map((a) => h`<li>${a}</li>`)}
-                  </ul>` : p}
+            ${s.length > 0 ? j`<ul class="grid gap-1 text-sm text-slate-600">
+                      ${s.map((e) => j`<li>${e}</li>`)}
+                  </ul>` : N}
         </div>
     `;
 }
-function Ke(s, t) {
-  const { field: e, value: i, errorKey: r, disabled: n, setValue: o } = t, l = Bt(e), a = i && typeof i == "object" ? i : {};
-  return l.length === 0 ? h`<div class="text-sm text-amber-800">Composite field has no parts.</div>` : h`
+function Ct(e, n) {
+	let { field: r, value: i, errorKey: a, disabled: o, setValue: s } = n, c = t(r), l = i && typeof i == "object" ? i : {};
+	return c.length === 0 ? j`<div class="text-sm text-amber-800">Composite field has no parts.</div>` : j`
         <div class="starter-component-name-grid">
-            ${l.filter((d) => d.meta?.hidden !== !0).map((d) => {
-    const u = `${r}.${d.handle}`;
-    return lt(
-      s,
-      {
-        field: d,
-        value: a[d.handle],
-        errors: s.state.errors.fields[u] || [],
-        errorKey: u,
-        disabled: n || d.meta?.disabled === !0,
-        setValue(c) {
-          o({
-            ...a,
-            [d.handle]: c
-          });
-        }
-      },
-      "compositePart"
-    );
-  })}
+            ${c.filter((e) => e.meta?.hidden !== !0).map((t) => {
+		let n = `${a}.${t.handle}`;
+		return Tt(e, {
+			field: t,
+			value: l[t.handle],
+			errors: e.state.errors.fields[n] || [],
+			errorKey: n,
+			disabled: o || t.meta?.disabled === !0,
+			setValue(e) {
+				s({
+					...l,
+					[t.handle]: e
+				});
+			}
+		}, "compositePart");
+	})}
         </div>
     `;
 }
-function Ze(s, t) {
-  const { field: e, value: i, errorKey: r, disabled: n, setValue: o } = t, l = Kt(e), a = Array.isArray(i) ? i : [], d = e.input, u = Number(d.minRows ?? 0) || 0, c = Number(d.maxRows ?? 0) || 0, f = !n && (c <= 0 || a.length < c);
-  return l.length === 0 ? h`<div class="text-sm text-amber-800">Repeater has no row layout.</div>` : h`
+function wt(e, t) {
+	let { field: n, value: r, errorKey: a, disabled: o, setValue: s } = t, c = f(n), l = Array.isArray(r) ? r : [], u = n.input, d = Number(u.minRows ?? 0) || 0, p = Number(u.maxRows ?? 0) || 0, ee = !o && (p <= 0 || l.length < p);
+	return c.length === 0 ? j`<div class="text-sm text-amber-800">Repeater has no row layout.</div>` : j`
         <div class="grid gap-4" data-formie-repeater-container>
-            ${a.map((m, g) => h`
+            ${l.map((t, n) => j`
                     <div class="rounded-xl border border-slate-200 p-4" data-formie-repeater-item>
-                        ${l.map((x, ht) => Je(s, x, m, `${r}.${g}`, n, (zt, Ft) => {
-    const Dt = a.map((ct, jt) => jt !== g ? ct : { ...ct, [zt.handle]: Ft });
-    o(Dt);
-  }))}
+                        ${c.map((r, i) => Et(e, r, t, `${a}.${n}`, o, (e, t) => {
+		s(l.map((r, i) => i === n ? {
+			...r,
+			[e.handle]: t
+		} : r));
+	}))}
                         <button
                             type="button"
                             class="mt-2 rounded-lg border border-slate-200 px-3 py-1.5 text-sm font-medium text-slate-700"
-                            ?disabled=${n || u > 0 && a.length <= u}
+                            ?disabled=${o || d > 0 && l.length <= d}
                             @click=${() => {
-    o(a.filter((x, ht) => ht !== g));
-  }}
+		s(l.filter((e, t) => t !== n));
+	}}
                         >
                             Remove
                         </button>
@@ -971,606 +996,486 @@ function Ze(s, t) {
             <button
                 type="button"
                 class="rounded-xl border border-slate-200 bg-white px-4 py-2 text-sm font-semibold text-slate-700 shadow-sm"
-                ?disabled=${!f}
+                ?disabled=${!ee}
                 @click=${() => {
-    o([...a, Zt(e)]);
-  }}
+		s([...l, i(n)]);
+	}}
             >
-                ${String(d.addLabel ?? "Add another row")}
+                ${String(u.addLabel ?? "Add another row")}
             </button>
         </div>
     `;
 }
-function lt(s, t, e = "default") {
-  const { field: i, value: r, errors: n, errorKey: o, disabled: l, setValue: a } = t, u = s.state.fieldStates[i.id]?.hidden === !0;
-  if (u)
-    return h``;
-  const c = Vt(i), f = s.registry.fieldControls[i.type] || s.registry.fieldControls[c] || null, m = (x) => {
-    a(x), s.host.requestUpdate();
-  }, g = f ? De(s, f, i, r, o, l, u, m) : Ge(s, { ...t, setValue: m });
-  return je(s, i, n, g, e);
+function Tt(e, t, n = "default") {
+	let { field: r, value: i, errors: a, errorKey: o, disabled: s, setValue: c } = t, l = e.state.fieldStates[r.id]?.hidden === !0;
+	if (l) return j``;
+	let u = pt(r), d = e.registry.fieldControls[r.type] || e.registry.fieldControls[u] || null, f = (t) => {
+		c(t), e.host.requestUpdate();
+	};
+	return _t(e, r, a, d ? gt(e, d, r, i, o, s, l, f) : xt(e, {
+		...t,
+		setValue: f
+	}), n);
 }
-function Je(s, t, e, i, r, n) {
-  return h`
+function Et(e, t, n, r, i, a) {
+	return j`
         <div class="starter-core-row grid gap-4">
-            ${t.fields.map((o) => {
-    const l = `${i}.${o.handle}`;
-    return lt(s, {
-      field: o,
-      value: e[o.handle],
-      errors: s.state.errors.fields[l] || [],
-      errorKey: l,
-      disabled: r === !0 || s.state.fieldStates[o.id]?.disabled === !0,
-      setValue(a) {
-        n(o, a);
-      }
-    });
-  })}
+            ${t.fields.map((t) => {
+		let o = `${r}.${t.handle}`;
+		return Tt(e, {
+			field: t,
+			value: n[t.handle],
+			errors: e.state.errors.fields[o] || [],
+			errorKey: o,
+			disabled: i === !0 || e.state.fieldStates[t.id]?.disabled === !0,
+			setValue(e) {
+				a(t, e);
+			}
+		});
+	})}
         </div>
     `;
 }
-function Qe(s, t) {
-  return h`
+function Dt(e, t) {
+	return j`
         <div class="starter-core-row grid gap-4">
-            ${t.fields.map((e) => lt(s, {
-    field: e,
-    value: s.state.values[e.id],
-    errors: s.state.errors.fields[e.id] || [],
-    errorKey: e.id,
-    disabled: s.state.fieldStates[e.id]?.disabled === !0,
-    setValue(i) {
-      s.instance.setValue(e.id, i);
-    }
-  }))}
+            ${t.fields.map((t) => Tt(e, {
+		field: t,
+		value: e.state.values[t.id],
+		errors: e.state.errors.fields[t.id] || [],
+		errorKey: t.id,
+		disabled: e.state.fieldStates[t.id]?.disabled === !0,
+		setValue(n) {
+			e.instance.setValue(t.id, n);
+		}
+	}))}
         </div>
     `;
 }
-function Xe(s) {
-  const t = s.state.definition.pages.find((r) => r.id === s.state.currentPageId);
-  if (!t)
-    return h``;
-  const e = s.registry.regions.pageActions;
-  if (e) {
-    const r = at(e);
-    return L`<${r}
+function Ot(e) {
+	let t = e.state.definition.pages.find((t) => t.id === e.state.currentPageId);
+	if (!t) return j``;
+	let n = e.registry.regions.pageActions;
+	if (n) {
+		let r = mt(n);
+		return V`<${r}
             .page=${t}
-            .state=${s.state}
-            .instance=${s.instance}
+            .state=${e.state}
+            .instance=${e.instance}
         ></${r}>`;
-  }
-  const i = t.actions.secondary.map(
-    (r) => h`
+	}
+	return j`
+        <div class="formie-page-actions">
+            ${t.actions.secondary.map((t) => j`
             <button
                 type="button"
                 @click=${() => {
-      s.instance.submit(r.type);
-    }}
+		e.instance.submit(t.type);
+	}}
             >
-                ${r.label}
+                ${t.label}
             </button>
-        `
-  );
-  return h`
-        <div class="formie-page-actions">
-            ${i}
+        `)}
             <button type="submit">${t.actions.primary.label}</button>
         </div>
     `;
 }
-function Ye(s) {
-  const t = s.state.definition.pages.find((l) => l.id === s.state.currentPageId && s.state.pageStates[l.id]?.hidden !== !0) || s.state.definition.pages.find((l) => s.state.pageStates[l.id]?.hidden !== !0) || s.state.definition.pages[0];
-  if (!t)
-    return h``;
-  const e = s.state.errors.form, i = s.state.lastSubmitResult?.messages.error, r = !!i && !e.includes(i), n = h`
-        ${e.length > 0 ? h`<div class="starter-core-msg starter-core-msg-error mb-4 rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
+function kt(e) {
+	let t = e.state.definition.pages.find((t) => t.id === e.state.currentPageId && e.state.pageStates[t.id]?.hidden !== !0) || e.state.definition.pages.find((t) => e.state.pageStates[t.id]?.hidden !== !0) || e.state.definition.pages[0];
+	if (!t) return j``;
+	let n = e.state.errors.form, r = e.state.lastSubmitResult?.messages.error, i = !!r && !n.includes(r), a = j`
+        ${n.length > 0 ? j`<div class="starter-core-msg starter-core-msg-error mb-4 rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">
                   <ul class="list-inside list-disc">
-                      ${e.map((l) => h`<li>${l}</li>`)}
+                      ${n.map((e) => j`<li>${e}</li>`)}
                   </ul>
-              </div>` : p}
-        ${s.state.lastSubmitResult?.messages.notice ? h`<div class="mb-4 rounded-2xl border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-800">
-                  ${s.state.lastSubmitResult.messages.notice}
-              </div>` : p}
-        ${r ? h`<div class="mb-4 rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">${i}</div>` : p}
-        ${ts(s, t)}
-    `, o = s.state.session.tokens.render ?? "";
-  return h`
+              </div>` : N}
+        ${e.state.lastSubmitResult?.messages.notice ? j`<div class="mb-4 rounded-2xl border border-emerald-200 bg-emerald-50 px-4 py-3 text-sm text-emerald-800">
+                  ${e.state.lastSubmitResult.messages.notice}
+              </div>` : N}
+        ${i ? j`<div class="mb-4 rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">${r}</div>` : N}
+        ${At(e, t)}
+    `, o = e.state.session.tokens.render ?? "";
+	return j`
         <form
-            class=${s.formClass || "starter-component-form starter-core-preview text-slate-900"}
-            data-formie-definition=${s.state.definition.handle}
+            class=${e.formClass || "starter-component-form starter-core-preview text-slate-900"}
+            data-formie-definition=${e.state.definition.handle}
             data-formie-render-id=${o}
-            @submit=${(l) => {
-    l.preventDefault(), s.instance.submit();
-  }}
+            @submit=${(t) => {
+		t.preventDefault(), e.instance.submit();
+	}}
         >
-            ${n}
+            ${a}
         </form>
     `;
 }
-function ts(s, t) {
-  const e = s.registry.regions.page, i = h`
+function At(e, t) {
+	let n = e.registry.regions.page, r = j`
         <div class="starter-core-fields grid gap-4">
-            ${t.rows.map((r) => Qe(s, r))}
+            ${t.rows.map((t) => Dt(e, t))}
         </div>
-        ${Xe(s)}
+        ${Ot(e)}
     `;
-  if (e) {
-    const r = at(e);
-    return L`<${r} .page=${t} .state=${s.state}>${i}</${r}>`;
-  }
-  return h`
+	if (n) {
+		let i = mt(n);
+		return V`<${i} .page=${t} .state=${e.state}>${r}</${i}>`;
+	}
+	return j`
         <section data-page-id=${t.id} class="starter-core-page space-y-4">
-            ${i}
+            ${r}
         </section>
     `;
 }
-function es(s = "Loading form…") {
-  return h`<div class="mt-3 text-sm text-slate-500">${s}</div>`;
-}
-function ss(s) {
-  return h`<div class="mb-4 rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">${s}</div>`;
+function jt(e = "Loading form…") {
+	return j`<div class="mt-3 text-sm text-slate-500">${e}</div>`;
 }
-var is = Object.defineProperty, v = (s, t, e, i) => {
-  for (var r = void 0, n = s.length - 1, o; n >= 0; n--)
-    (o = s[n]) && (r = o(t, e, r) || r);
-  return r && is(t, e, r), r;
-};
-function Ct(s) {
-  return P(s), Nt(s);
+function Mt(e) {
+	return j`<div class="mb-4 rounded-2xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-800">${e}</div>`;
 }
-class b extends M {
-  constructor() {
-    super(...arguments), this.endpoint = "", this.formHandle = "", this.transport = "rest", this.fetchCredentials = "same-origin", this.formClass = "", this.loadingMessage = "Loading form…", this.loadError = null, this.booting = !1, this.snapshot = null, this.instance = null, this.unsubscribers = [], this.loadGeneration = 0;
-  }
-  createRenderRoot() {
-    return this;
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.teardown();
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.bootstrap(!1);
-  }
-  willUpdate(t) {
-    if (super.willUpdate(t), !this.hasUpdated)
-      return;
-    ["endpoint", "formHandle", "siteId", "transport", "fetchCredentials"].some((i) => t.has(i)) && this.bootstrap(!0);
-  }
-  /** Form instance after a successful load; `null` while loading or after teardown. */
-  getFormieInstance() {
-    return this.instance;
-  }
-  /** Reload envelope + form instance from the server. */
-  async reload() {
-    await this.bootstrap(!0);
-  }
-  get resolvedRegistry() {
-    return this.registry ?? Pe();
-  }
-  teardown() {
-    for (const t of this.unsubscribers)
-      t();
-    this.unsubscribers = [], this.instance?.destroy(), this.instance = null, this.snapshot = null;
-  }
-  async bootstrap(t) {
-    const e = ++this.loadGeneration, i = this.formHandle.trim(), r = this.endpoint.trim();
-    if (!i) {
-      this.teardown(), this.booting = !1, this.loadError = "Set `form-handle` on <formie-core-form>.";
-      return;
-    }
-    if (t)
-      this.teardown();
-    else if (this.instance)
-      return;
-    this.booting = !0, this.loadError = null;
-    const n = this.fetchCredentials, o = this.siteId;
-    try {
-      const l = {
-        endpoint: r,
-        formHandle: i,
-        ...o !== void 0 ? { siteId: o } : {},
-        credentials: n
-      }, a = this.transport === "graphql" ? await Jt(l) : await Qt(l);
-      if (e !== this.loadGeneration)
-        return;
-      const d = this.transport === "graphql" ? Xt(l) : Yt(l), u = te({ envelope: a, transport: d });
-      this.instance = u;
-      for (const c of ee) {
-        const f = u.on(c, (m) => {
-          this.dispatchEvent(
-            new CustomEvent(c, {
-              detail: m,
-              bubbles: !0,
-              composed: !0
-            })
-          );
-        });
-        this.unsubscribers.push(f);
-      }
-      this.unsubscribers.push(
-        u.subscribe((c) => {
-          this.snapshot = c, this.requestUpdate();
-        })
-      ), this.booting = !1;
-    } catch (l) {
-      if (e !== this.loadGeneration)
-        return;
-      this.teardown(), this.booting = !1, this.loadError = l instanceof Error ? l.message : "Unable to load the form.";
-    }
-  }
-  render() {
-    const t = this.resolvedRegistry;
-    if (this.loadError) {
-      const e = t.regions.errorSummary;
-      if (e) {
-        const i = Ct(e);
-        return L`<${i} .errors=${[this.loadError]} .kind=${"load"}></${i}>`;
-      }
-      return ss(this.loadError);
-    }
-    if (this.booting || !this.snapshot || !this.instance) {
-      const e = t.regions.loading;
-      if (e) {
-        const i = Ct(e);
-        return L`<${i} .message=${this.loadingMessage}></${i}>`;
-      }
-      return es(this.loadingMessage);
-    }
-    return Ye({
-      registry: t,
-      state: this.snapshot,
-      instance: this.instance,
-      host: this,
-      formClass: this.formClass || ""
-    });
-  }
+//#endregion
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
+function Y(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
 }
-v([
-  $({ type: String })
-], b.prototype, "endpoint");
-v([
-  $({ type: String, attribute: "form-handle" })
-], b.prototype, "formHandle");
-v([
-  $({
-    type: Number,
-    attribute: "site-id",
-    converter: {
-      fromAttribute(s) {
-        if (s == null || s === "")
-          return;
-        const t = Number(s);
-        return Number.isFinite(t) ? t : void 0;
-      }
-    }
-  })
-], b.prototype, "siteId");
-v([
-  $({
-    attribute: "transport",
-    converter: {
-      fromAttribute(s) {
-        return (s ?? "rest").toLowerCase() === "graphql" ? "graphql" : "rest";
-      }
-    }
-  })
-], b.prototype, "transport");
-v([
-  $({
-    attribute: "fetch-credentials",
-    converter: {
-      fromAttribute(s) {
-        return s === "omit" || s === "same-origin" || s === "include" ? s : "same-origin";
-      }
-    }
-  })
-], b.prototype, "fetchCredentials");
-v([
-  $({ type: String, attribute: "form-class" })
-], b.prototype, "formClass");
-v([
-  $({ type: String, attribute: "loading-message" })
-], b.prototype, "loadingMessage");
-v([
-  $({ attribute: !1 })
-], b.prototype, "registry");
-v([
-  K()
-], b.prototype, "loadError");
-v([
-  K()
-], b.prototype, "booting");
-v([
-  K()
-], b.prototype, "snapshot");
-function X(s) {
-  if (s == null || s === "")
-    return !1;
-  const t = s.toLowerCase();
-  return t === "true" || t === "1";
+//#endregion
+//#region src/formie-core-form.ts
+function Nt(e) {
+	return W(e), We(e);
 }
-function y(s, t, e) {
-  typeof e == "string" && e.length > 0 ? s.setAttribute(t, e) : s.removeAttribute(t);
+var X = class extends B {
+	constructor(...e) {
+		super(...e), this.endpoint = "", this.formHandle = "", this.transport = "rest", this.fetchCredentials = "same-origin", this.formClass = "", this.loadingMessage = "Loading form…", this.loadError = null, this.booting = !1, this.snapshot = null, this.instance = null, this.unsubscribers = [], this.loadGeneration = 0;
+	}
+	createRenderRoot() {
+		return this;
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.teardown();
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.bootstrap(!1);
+	}
+	willUpdate(e) {
+		super.willUpdate(e), this.hasUpdated && [
+			"endpoint",
+			"formHandle",
+			"siteId",
+			"transport",
+			"fetchCredentials"
+		].some((t) => e.has(t)) && this.bootstrap(!0);
+	}
+	getFormieInstance() {
+		return this.instance;
+	}
+	async reload() {
+		await this.bootstrap(!0);
+	}
+	get resolvedRegistry() {
+		return this.registry ?? Xe();
+	}
+	teardown() {
+		for (let e of this.unsubscribers) e();
+		this.unsubscribers = [], this.instance?.destroy(), this.instance = null, this.snapshot = null;
+	}
+	async bootstrap(t) {
+		let i = ++this.loadGeneration, o = this.formHandle.trim(), s = this.endpoint.trim();
+		if (!o) {
+			this.teardown(), this.booting = !1, this.loadError = "Set `form-handle` on <formie-core-form>.";
+			return;
+		}
+		if (t) this.teardown();
+		else if (this.instance) return;
+		this.booting = !0, this.loadError = null;
+		let c = this.fetchCredentials, l = this.siteId;
+		try {
+			let t = {
+				endpoint: s,
+				formHandle: o,
+				...l === void 0 ? {} : { siteId: l },
+				credentials: c
+			}, f = this.transport === "graphql" ? await d(t) : await u(t);
+			if (i !== this.loadGeneration) return;
+			let p = n({
+				envelope: f,
+				transport: this.transport === "graphql" ? r(t) : a(t)
+			});
+			this.instance = p;
+			for (let t of e) {
+				let e = p.on(t, (e) => {
+					this.dispatchEvent(new CustomEvent(t, {
+						detail: e,
+						bubbles: !0,
+						composed: !0
+					}));
+				});
+				this.unsubscribers.push(e);
+			}
+			this.unsubscribers.push(p.subscribe((e) => {
+				this.snapshot = e, this.requestUpdate();
+			})), this.booting = !1;
+		} catch (e) {
+			if (i !== this.loadGeneration) return;
+			this.teardown(), this.booting = !1, this.loadError = e instanceof Error ? e.message : "Unable to load the form.";
+		}
+	}
+	render() {
+		let e = this.resolvedRegistry;
+		if (this.loadError) {
+			let t = e.regions.errorSummary;
+			if (t) {
+				let e = Nt(t);
+				return V`<${e} .errors=${[this.loadError]} .kind=${"load"}></${e}>`;
+			}
+			return Mt(this.loadError);
+		}
+		if (this.booting || !this.snapshot || !this.instance) {
+			let t = e.regions.loading;
+			if (t) {
+				let e = Nt(t);
+				return V`<${e} .message=${this.loadingMessage}></${e}>`;
+			}
+			return jt(this.loadingMessage);
+		}
+		return kt({
+			registry: e,
+			state: this.snapshot,
+			instance: this.instance,
+			host: this,
+			formClass: this.formClass || ""
+		});
+	}
+};
+Y([H({ type: String })], X.prototype, "endpoint", void 0), Y([H({
+	type: String,
+	attribute: "form-handle"
+})], X.prototype, "formHandle", void 0), Y([H({
+	type: Number,
+	attribute: "site-id",
+	converter: { fromAttribute(e) {
+		if (e == null || e === "") return;
+		let t = Number(e);
+		return Number.isFinite(t) ? t : void 0;
+	} }
+})], X.prototype, "siteId", void 0), Y([H({
+	attribute: "transport",
+	converter: { fromAttribute(e) {
+		return (e ?? "rest").toLowerCase() === "graphql" ? "graphql" : "rest";
+	} }
+})], X.prototype, "transport", void 0), Y([H({
+	attribute: "fetch-credentials",
+	converter: { fromAttribute(e) {
+		return e === "omit" || e === "same-origin" || e === "include" ? e : "same-origin";
+	} }
+})], X.prototype, "fetchCredentials", void 0), Y([H({
+	type: String,
+	attribute: "form-class"
+})], X.prototype, "formClass", void 0), Y([H({
+	type: String,
+	attribute: "loading-message"
+})], X.prototype, "loadingMessage", void 0), Y([H({ attribute: !1 })], X.prototype, "registry", void 0), Y([U()], X.prototype, "loadError", void 0), Y([U()], X.prototype, "booting", void 0), Y([U()], X.prototype, "snapshot", void 0);
+//#endregion
+//#region src/form-element.ts
+function Pt(e) {
+	if (e == null || e === "") return !1;
+	let t = e.toLowerCase();
+	return t === "true" || t === "1";
 }
-function Y(s, t, e) {
-  e === !0 ? s.setAttribute(t, "true") : s.removeAttribute(t);
+function Z(e, t, n) {
+	typeof n == "string" && n.length > 0 ? e.setAttribute(t, n) : e.removeAttribute(t);
 }
-function rs(s, t) {
-  return t.startsWith("http") ? t : `${s}${t}`;
+function Q(e, t, n) {
+	n === !0 ? e.setAttribute(t, "true") : e.removeAttribute(t);
 }
-class ns extends HTMLElement {
-  constructor() {
-    super(), this.mountedInstance = null, this.optionState = {}, this.mountScheduled = null, this.eventUnsubs = [];
-  }
-  static get observedAttributes() {
-    return [
-      "mode",
-      "transport",
-      "theme",
-      "form-handle",
-      "endpoint",
-      "refresh-tokens",
-      "static-cache",
-      "locale",
-      "site-id",
-      "auto-visible",
-      "base-url"
-    ];
-  }
-  /** Lazily create client + mount container (not in the constructor). */
-  ensureInitialized() {
-    this.mountRoot || (this.client = se(), this.mountRoot = document.createElement("div"));
-  }
-  connectedCallback() {
-    this.ensureInitialized(), this.style.display = "block", this.contains(this.mountRoot) || this.append(this.mountRoot), this.scheduleMount();
-  }
-  disconnectedCallback() {
-    this.unmount();
-  }
-  attributeChangedCallback(t, e, i) {
-    e === i || !this.isConnected || t === "refresh-tokens" && this.optionState.refreshTokens !== void 0 || t === "static-cache" && this.optionState.staticCache !== void 0 || this.scheduleMount();
-  }
-  get baseUrl() {
-    const t = this.getAttribute("base-url");
-    return this.optionState.baseUrl ?? t ?? void 0;
-  }
-  set baseUrl(t) {
-    this.optionState.baseUrl = t, y(this, "base-url", t), this.scheduleMount();
-  }
-  get transport() {
-    const t = this.getAttribute("transport");
-    return this.optionState.transport ?? t ?? void 0;
-  }
-  set transport(t) {
-    this.optionState.transport = t, y(this, "transport", t), this.scheduleMount();
-  }
-  get theme() {
-    const t = this.getAttribute("theme");
-    return this.optionState.theme ?? t ?? void 0;
-  }
-  set theme(t) {
-    this.optionState.theme = t, y(this, "theme", t), this.scheduleMount();
-  }
-  get themeConfig() {
-    return this.optionState.themeConfig;
-  }
-  set themeConfig(t) {
-    this.optionState.themeConfig = t, this.scheduleMount();
-  }
-  get payload() {
-    return this.optionState.payload;
-  }
-  set payload(t) {
-    this.optionState.payload = t, this.scheduleMount();
-  }
-  get formHandle() {
-    const t = this.getAttribute("form-handle");
-    return this.optionState.formHandle ?? t ?? void 0;
-  }
-  set formHandle(t) {
-    this.optionState.formHandle = t, y(this, "form-handle", t), this.scheduleMount();
-  }
-  get endpoint() {
-    const t = this.getAttribute("endpoint");
-    return this.optionState.endpoint ?? t ?? void 0;
-  }
-  set endpoint(t) {
-    this.optionState.endpoint = t, y(this, "endpoint", t), this.scheduleMount();
-  }
-  get staticCache() {
-    return this.optionState.staticCache ?? (this.hasAttribute("static-cache") ? X(this.getAttribute("static-cache")) : void 0);
-  }
-  set staticCache(t) {
-    this.optionState.staticCache = t, Y(this, "static-cache", t), this.scheduleMount();
-  }
-  get refreshTokens() {
-    return this.optionState.refreshTokens ?? (this.hasAttribute("refresh-tokens") ? X(this.getAttribute("refresh-tokens")) : void 0);
-  }
-  set refreshTokens(t) {
-    this.optionState.refreshTokens = t, Y(this, "refresh-tokens", t), this.scheduleMount();
-  }
-  get locale() {
-    const t = this.getAttribute("locale");
-    return this.optionState.locale ?? t ?? void 0;
-  }
-  set locale(t) {
-    this.optionState.locale = t, y(this, "locale", t), this.scheduleMount();
-  }
-  get siteId() {
-    return this.optionState.siteId ?? (this.getAttribute("site-id") ? Number(this.getAttribute("site-id")) : void 0);
-  }
-  set siteId(t) {
-    this.optionState.siteId = t, y(this, "site-id", typeof t == "number" ? String(t) : void 0), this.scheduleMount();
-  }
-  get autoVisible() {
-    return this.optionState.autoVisible ?? (this.hasAttribute("auto-visible") ? X(this.getAttribute("auto-visible")) : void 0);
-  }
-  set autoVisible(t) {
-    this.optionState.autoVisible = t, Y(this, "auto-visible", t), this.scheduleMount();
-  }
-  get mode() {
-    const t = this.getAttribute("mode");
-    return this.optionState.mode ?? t ?? "server-rendered";
-  }
-  set mode(t) {
-    this.optionState.mode = t, y(this, "mode", t), this.scheduleMount();
-  }
-  getInstance() {
-    return this.ensureInitialized(), this.mountedInstance;
-  }
-  async submit(t = "submit") {
-    return this.ensureInitialized(), this.mountedInstance ? this.mountedInstance.submit(t) : null;
-  }
-  buildOptions() {
-    const t = this.baseUrl || "", e = this.transport, i = e === "graphql" ? "/api" : "/actions/formie/server/forms/render", r = rs(t, this.endpoint || i), n = this.staticCache, o = this.refreshTokens;
-    return {
-      mode: this.mode,
-      transport: e,
-      theme: this.theme,
-      themeConfig: this.themeConfig,
-      formHandle: this.formHandle,
-      endpoint: r,
-      payload: this.payload,
-      staticCache: n,
-      refreshTokens: o,
-      locale: this.locale,
-      siteId: this.siteId,
-      autoVisible: this.autoVisible ?? !1
-    };
-  }
-  bindInstanceEvents(t) {
-    this.eventUnsubs.forEach((e) => e()), this.eventUnsubs = ie.map((e) => t.on(e, (i) => {
-      this.dispatchEvent(new CustomEvent(e, {
-        detail: i,
-        bubbles: !0,
-        composed: !0
-      }));
-    }));
-  }
-  async scheduleMount() {
-    return this.ensureInitialized(), this.mountScheduled ? this.mountScheduled : (this.mountScheduled = Promise.resolve().then(async () => {
-      this.mountScheduled = null, this.isConnected && await this.mount();
-    }), this.mountScheduled);
-  }
-  async mount() {
-    await this.unmount();
-    const t = await this.client.mount(this.mountRoot, this.buildOptions());
-    this.mountedInstance = t, this.bindInstanceEvents(t), this.dispatchEvent(new CustomEvent("formie-mounted", {
-      detail: {
-        id: t.id,
-        instance: t
-      },
-      bubbles: !0,
-      composed: !0
-    }));
-  }
-  async unmount() {
-    if (this.eventUnsubs.forEach((e) => e()), this.eventUnsubs = [], !this.mountRoot || !this.mountedInstance)
-      return;
-    const t = this.mountedInstance;
-    await this.client.unmount(this.mountRoot), this.mountedInstance = null, this.dispatchEvent(new CustomEvent("formie-unmounted", {
-      detail: {
-        id: t.id
-      },
-      bubbles: !0,
-      composed: !0
-    }));
-  }
+function Ft(e, t) {
+	if (t) return t.startsWith("http") ? t : `${e}${t}`;
 }
-var os = Object.defineProperty, z = (s, t, e, i) => {
-  for (var r = void 0, n = s.length - 1, o; n >= 0; n--)
-    (o = s[n]) && (r = o(t, e, r) || r);
-  return r && os(t, e, r), r;
-};
-const dt = class dt extends M {
-  constructor() {
-    super(...arguments), this.modules = [], this.value = "", this.disabled = !1, this.loadError = null, this.pad = null, this.strokeListener = () => {
-      this.emitValue();
-    }, this.onWinResize = () => {
-      const t = this.shadowRoot?.querySelector("canvas");
-      t instanceof HTMLCanvasElement && this.resizeCanvas(t);
-    };
-  }
-  async firstUpdated() {
-    const t = this.shadowRoot?.querySelector("canvas");
-    if (!(!t || !(t instanceof HTMLCanvasElement)))
-      try {
-        const { default: e } = await import("./signature_pad-CKGlHEaq.js"), i = this.resolveDrawModuleConfig(), r = typeof i?.options == "object" && i.options && typeof i.options.backgroundColor == "string" ? String(i.options.backgroundColor) : "#ffffff", n = typeof i?.options == "object" && i.options && typeof i.options.penColor == "string" ? String(i.options.penColor) : "#000000", o = typeof i?.options == "object" && i.options && Number(i.options.penWeight ?? 2) || 2, l = new e(t, {
-          backgroundColor: r,
-          penColor: n,
-          minWidth: o,
-          maxWidth: o
-        });
-        this.pad = l, l.addEventListener?.("endStroke", this.strokeListener), this.resizeCanvas(t), window.addEventListener("resize", this.onWinResize), this.applySerializedValue();
-      } catch (e) {
-        this.loadError = e instanceof Error ? e.message : "Signature pad failed to load.";
-      }
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), window.removeEventListener("resize", this.onWinResize), this.pad?.removeEventListener && this.pad.removeEventListener("endStroke", this.strokeListener), this.pad = null;
-  }
-  resolveDrawModuleConfig() {
-    const t = new Set(this.field.moduleRefs || []), e = this.modules.find((i) => t.has(i.id) && i.capability === "draw-signature");
-    return e && typeof e.config == "object" && e.config ? e.config : null;
-  }
-  resizeCanvas(t) {
-    const e = Math.max(window.devicePixelRatio || 1, 1), i = Math.max(1, Math.floor(t.clientWidth || 480)), r = 192, n = t.getContext("2d");
-    t.width = i * e, t.height = r * e, n?.scale(e, e), t.style.width = `${i}px`, t.style.height = `${r}px`, this.pad?.fromDataURL?.(this.value || "data:,");
-  }
-  updated(t) {
-    if (t.has("value") && this.pad && this.applySerializedValue(), t.has("disabled") && this.pad) {
-      const e = this.shadowRoot?.querySelector("canvas");
-      e instanceof HTMLElement && (e.style.pointerEvents = this.disabled ? "none" : "");
-    }
-  }
-  applySerializedValue() {
-    if (this.pad) {
-      if (!this.value) {
-        this.pad.isEmpty() || this.pad.clear();
-        return;
-      }
-      try {
-        this.pad.fromDataURL(this.value);
-      } catch {
-      }
-    }
-  }
-  emitValue() {
-    if (!this.pad || this.pad.isEmpty()) {
-      this.dispatchEvent(
-        new CustomEvent(D, {
-          detail: "",
-          bubbles: !0,
-          composed: !0
-        })
-      );
-      return;
-    }
-    this.dispatchEvent(
-      new CustomEvent(D, {
-        detail: this.pad.toDataURL(),
-        bubbles: !0,
-        composed: !0
-      })
-    );
-  }
-  render() {
-    return this.loadError ? h`<div class="err">${this.loadError}</div>` : h`
-            <div class="wrap">
-                <canvas></canvas>
-                <button type="button" ?disabled=${this.disabled} @click=${() => {
-      this.pad?.clear(), this.dispatchEvent(
-        new CustomEvent(D, {
-          detail: "",
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }}>Clear</button>
-            </div>
-        `;
-  }
-};
-dt.styles = ne`
+var It = class extends HTMLElement {
+	static get observedAttributes() {
+		return [
+			"mode",
+			"transport",
+			"theme",
+			"form-handle",
+			"endpoint",
+			"refresh-tokens",
+			"static-cache",
+			"locale",
+			"site-id",
+			"auto-visible",
+			"base-url"
+		];
+	}
+	constructor() {
+		super(), this.mountedInstance = null, this.optionState = {}, this.mountScheduled = null, this.eventUnsubs = [];
+	}
+	ensureInitialized() {
+		this.mountRoot ||= (this.client = te(), document.createElement("div"));
+	}
+	connectedCallback() {
+		this.ensureInitialized(), this.style.display = "block", this.contains(this.mountRoot) || this.append(this.mountRoot), this.scheduleMount();
+	}
+	disconnectedCallback() {
+		this.unmount();
+	}
+	attributeChangedCallback(e, t, n) {
+		t === n || !this.isConnected || e === "refresh-tokens" && this.optionState.refreshTokens !== void 0 || e === "static-cache" && this.optionState.staticCache !== void 0 || this.scheduleMount();
+	}
+	get baseUrl() {
+		let e = this.getAttribute("base-url");
+		return this.optionState.baseUrl ?? e ?? void 0;
+	}
+	set baseUrl(e) {
+		this.optionState.baseUrl = e, Z(this, "base-url", e), this.scheduleMount();
+	}
+	get transport() {
+		let e = this.getAttribute("transport");
+		return this.optionState.transport ?? e ?? void 0;
+	}
+	set transport(e) {
+		this.optionState.transport = e, Z(this, "transport", e), this.scheduleMount();
+	}
+	get theme() {
+		let e = this.getAttribute("theme");
+		return this.optionState.theme ?? e ?? void 0;
+	}
+	set theme(e) {
+		this.optionState.theme = e, Z(this, "theme", e), this.scheduleMount();
+	}
+	get themeConfig() {
+		return this.optionState.themeConfig;
+	}
+	set themeConfig(e) {
+		this.optionState.themeConfig = e, this.scheduleMount();
+	}
+	get payload() {
+		return this.optionState.payload;
+	}
+	set payload(e) {
+		this.optionState.payload = e, this.scheduleMount();
+	}
+	get formHandle() {
+		let e = this.getAttribute("form-handle");
+		return this.optionState.formHandle ?? e ?? void 0;
+	}
+	set formHandle(e) {
+		this.optionState.formHandle = e, Z(this, "form-handle", e), this.scheduleMount();
+	}
+	get endpoint() {
+		let e = this.getAttribute("endpoint");
+		return this.optionState.endpoint ?? e ?? void 0;
+	}
+	set endpoint(e) {
+		this.optionState.endpoint = e, Z(this, "endpoint", e), this.scheduleMount();
+	}
+	get staticCache() {
+		return this.optionState.staticCache ?? (this.hasAttribute("static-cache") ? Pt(this.getAttribute("static-cache")) : void 0);
+	}
+	set staticCache(e) {
+		this.optionState.staticCache = e, Q(this, "static-cache", e), this.scheduleMount();
+	}
+	get refreshTokens() {
+		return this.optionState.refreshTokens ?? (this.hasAttribute("refresh-tokens") ? Pt(this.getAttribute("refresh-tokens")) : void 0);
+	}
+	set refreshTokens(e) {
+		this.optionState.refreshTokens = e, Q(this, "refresh-tokens", e), this.scheduleMount();
+	}
+	get locale() {
+		let e = this.getAttribute("locale");
+		return this.optionState.locale ?? e ?? void 0;
+	}
+	set locale(e) {
+		this.optionState.locale = e, Z(this, "locale", e), this.scheduleMount();
+	}
+	get siteId() {
+		return this.optionState.siteId ?? (this.getAttribute("site-id") ? Number(this.getAttribute("site-id")) : void 0);
+	}
+	set siteId(e) {
+		this.optionState.siteId = e, Z(this, "site-id", typeof e == "number" ? String(e) : void 0), this.scheduleMount();
+	}
+	get autoVisible() {
+		return this.optionState.autoVisible ?? (this.hasAttribute("auto-visible") ? Pt(this.getAttribute("auto-visible")) : void 0);
+	}
+	set autoVisible(e) {
+		this.optionState.autoVisible = e, Q(this, "auto-visible", e), this.scheduleMount();
+	}
+	get mode() {
+		let e = this.getAttribute("mode");
+		return this.optionState.mode ?? e ?? "server-rendered";
+	}
+	set mode(e) {
+		this.optionState.mode = e, Z(this, "mode", e), this.scheduleMount();
+	}
+	getInstance() {
+		return this.ensureInitialized(), this.mountedInstance;
+	}
+	async submit(e = "submit") {
+		return this.ensureInitialized(), this.mountedInstance ? this.mountedInstance.submit(e) : null;
+	}
+	buildOptions() {
+		let e = this.baseUrl || "", t = this.transport, n = t === "graphql" ? "/api" : "/actions/formie/server/forms/render", r = Ft(e, this.endpoint || n), i = this.staticCache, a = this.refreshTokens;
+		return {
+			mode: this.mode,
+			transport: t,
+			theme: this.theme,
+			themeConfig: this.themeConfig,
+			formHandle: this.formHandle,
+			endpoint: r,
+			payload: this.payload,
+			staticCache: i,
+			refreshTokens: a,
+			locale: this.locale,
+			siteId: this.siteId,
+			autoVisible: this.autoVisible ?? !1
+		};
+	}
+	bindInstanceEvents(e) {
+		this.eventUnsubs.forEach((e) => e()), this.eventUnsubs = p.map((t) => e.on(t, (e) => {
+			this.dispatchEvent(new CustomEvent(t, {
+				detail: e,
+				bubbles: !0,
+				composed: !0
+			}));
+		}));
+	}
+	async scheduleMount() {
+		return this.ensureInitialized(), this.mountScheduled ||= Promise.resolve().then(async () => {
+			this.mountScheduled = null, this.isConnected && await this.mount();
+		}), this.mountScheduled;
+	}
+	async mount() {
+		await this.unmount();
+		let e = await this.client.mount(this.mountRoot, this.buildOptions());
+		this.mountedInstance = e, this.bindInstanceEvents(e), this.dispatchEvent(new CustomEvent("formie-mounted", {
+			detail: {
+				id: e.id,
+				instance: e
+			},
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	async unmount() {
+		if (this.eventUnsubs.forEach((e) => e()), this.eventUnsubs = [], !this.mountRoot || !this.mountedInstance) return;
+		let e = this.mountedInstance;
+		await this.client.unmount(this.mountRoot), this.mountedInstance = null, this.dispatchEvent(new CustomEvent("formie-unmounted", {
+			detail: { id: e.id },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+}, $ = class extends B {
+	constructor(...e) {
+		super(...e), this.modules = [], this.value = "", this.disabled = !1, this.loadError = null, this.pad = null, this.strokeListener = () => {
+			this.emitValue();
+		}, this.onWinResize = () => {
+			let e = this.shadowRoot?.querySelector("canvas");
+			e instanceof HTMLCanvasElement && this.resizeCanvas(e);
+		};
+	}
+	static {
+		this.styles = ae`
         :host {
             display: block;
         }
@@ -1605,40 +1510,85 @@ dt.styles = ne`
             color: #b91c1c;
         }
     `;
-let A = dt;
-z([
-  $({ attribute: !1 })
-], A.prototype, "field");
-z([
-  $({ attribute: !1 })
-], A.prototype, "modules");
-z([
-  $({ type: String })
-], A.prototype, "value");
-z([
-  $({ type: Boolean })
-], A.prototype, "disabled");
-z([
-  K()
-], A.prototype, "loadError");
-let wt = !1;
-function fs() {
-  wt || (wt = !0, customElements.get("formie-form") || customElements.define("formie-form", ns), customElements.get("formie-internal-signature") || customElements.define("formie-internal-signature", A), customElements.get("formie-core-form") || customElements.define("formie-core-form", b));
-}
-export {
-  D as FORMIE_CONTROL_VALUE_EVENT,
-  b as FormieCoreForm,
-  ns as FormieFormElement,
-  A as FormieInternalSignature,
-  Z as FormieRegistry,
-  P as assertValidCustomElementName,
-  gs as createFormieClient,
-  us as createFormieRegistry,
-  Pe as getFormieRegistry,
-  ps as isFieldDefinition,
-  fs as registerFormieWebComponents,
-  ss as renderErrorView,
-  Ye as renderFormView,
-  es as renderLoadingView,
-  Vt as resolveFieldRendererType
+	}
+	async firstUpdated() {
+		let e = this.shadowRoot?.querySelector("canvas");
+		if (!(!e || !(e instanceof HTMLCanvasElement))) try {
+			let { default: t } = await import("./signature_pad-D-mX46zR.js"), n = this.resolveDrawModuleConfig(), r = typeof n?.options == "object" && n.options && typeof n.options.backgroundColor == "string" ? String(n.options.backgroundColor) : "#ffffff", i = typeof n?.options == "object" && n.options && typeof n.options.penColor == "string" ? String(n.options.penColor) : "#000000", a = typeof n?.options == "object" && n.options && Number(n.options.penWeight ?? 2) || 2, o = new t(e, {
+				backgroundColor: r,
+				penColor: i,
+				minWidth: a,
+				maxWidth: a
+			});
+			this.pad = o, o.addEventListener?.("endStroke", this.strokeListener), this.resizeCanvas(e), window.addEventListener("resize", this.onWinResize), this.applySerializedValue();
+		} catch (e) {
+			this.loadError = e instanceof Error ? e.message : "Signature pad failed to load.";
+		}
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), window.removeEventListener("resize", this.onWinResize), this.pad?.removeEventListener && this.pad.removeEventListener("endStroke", this.strokeListener), this.pad = null;
+	}
+	resolveDrawModuleConfig() {
+		let e = new Set(this.field.moduleRefs || []), t = this.modules.find((t) => e.has(t.id) && t.capability === "draw-signature");
+		return t && typeof t.config == "object" && t.config ? t.config : null;
+	}
+	resizeCanvas(e) {
+		let t = Math.max(window.devicePixelRatio || 1, 1), n = Math.max(1, Math.floor(e.clientWidth || 480)), r = e.getContext("2d");
+		e.width = n * t, e.height = 192 * t, r?.scale(t, t), e.style.width = `${n}px`, e.style.height = "192px", this.pad?.fromDataURL?.(this.value || "data:,");
+	}
+	updated(e) {
+		if (e.has("value") && this.pad && this.applySerializedValue(), e.has("disabled") && this.pad) {
+			let e = this.shadowRoot?.querySelector("canvas");
+			e instanceof HTMLElement && (e.style.pointerEvents = this.disabled ? "none" : "");
+		}
+	}
+	applySerializedValue() {
+		if (this.pad) {
+			if (!this.value) {
+				this.pad.isEmpty() || this.pad.clear();
+				return;
+			}
+			try {
+				this.pad.fromDataURL(this.value);
+			} catch {}
+		}
+	}
+	emitValue() {
+		if (!this.pad || this.pad.isEmpty()) {
+			this.dispatchEvent(new CustomEvent(J, {
+				detail: "",
+				bubbles: !0,
+				composed: !0
+			}));
+			return;
+		}
+		this.dispatchEvent(new CustomEvent(J, {
+			detail: this.pad.toDataURL(),
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	render() {
+		return this.loadError ? j`<div class="err">${this.loadError}</div>` : j`
+            <div class="wrap">
+                <canvas></canvas>
+                <button type="button" ?disabled=${this.disabled} @click=${() => {
+			this.pad?.clear(), this.dispatchEvent(new CustomEvent(J, {
+				detail: "",
+				bubbles: !0,
+				composed: !0
+			}));
+		}}>Clear</button>
+            </div>
+        `;
+	}
 };
+Y([H({ attribute: !1 })], $.prototype, "field", void 0), Y([H({ attribute: !1 })], $.prototype, "modules", void 0), Y([H({ type: String })], $.prototype, "value", void 0), Y([H({ type: Boolean })], $.prototype, "disabled", void 0), Y([U()], $.prototype, "loadError", void 0);
+//#endregion
+//#region src/index.ts
+var Lt = !1;
+function Rt() {
+	Lt || (Lt = !0, customElements.get("formie-form") || customElements.define("formie-form", It), customElements.get("formie-internal-signature") || customElements.define("formie-internal-signature", $), customElements.get("formie-core-form") || customElements.define("formie-core-form", X));
+}
+//#endregion
+export { J as FORMIE_CONTROL_VALUE_EVENT, X as FormieCoreForm, It as FormieFormElement, $ as FormieInternalSignature, G as FormieRegistry, W as assertValidCustomElementName, ee as createFormieClient, Ze as createFormieRegistry, Xe as getFormieRegistry, ft as isFieldDefinition, Rt as registerFormieWebComponents, Mt as renderErrorView, kt as renderFormView, jt as renderLoadingView, pt as resolveFieldRendererType };