@record-evolution/widget-form 1.0.32 → 1.0.34

package/dist/widget-form.js

@@ -9,200 +9,200 @@ import "@material/web/checkbox/checkbox.js";
 import "@material/web/select/outlined-select.js";
 import "@material/web/select/select-option.js";
 const R = globalThis, W = R.ShadowRoot && (R.ShadyCSS === void 0 || R.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, K = /* @__PURE__ */ Symbol(), Y = /* @__PURE__ */ new WeakMap();
-let dt = class {
-  constructor(t, i, r) {
-    if (this._$cssResult$ = !0, r !== K) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
-    this.cssText = t, this.t = i;
+let me = class {
+  constructor(e, r, i) {
+    if (this._$cssResult$ = !0, i !== K) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+    this.cssText = e, this.t = r;
   }
   get styleSheet() {
-    let t = this.o;
-    const i = this.t;
-    if (W && t === void 0) {
-      const r = i !== void 0 && i.length === 1;
-      r && (t = Y.get(i)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && Y.set(i, t));
+    let e = this.o;
+    const r = this.t;
+    if (W && e === void 0) {
+      const i = r !== void 0 && r.length === 1;
+      i && (e = Y.get(r)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && Y.set(r, e));
     }
-    return t;
+    return e;
   }
   toString() {
     return this.cssText;
   }
 };
-const _t = (e) => new dt(typeof e == "string" ? e : e + "", void 0, K), vt = (e, ...t) => {
-  const i = e.length === 1 ? e[0] : t.reduce(((r, s, o) => r + ((n) => {
+const Ae = (t) => new me(typeof t == "string" ? t : t + "", void 0, K), xe = (t, ...e) => {
+  const r = t.length === 1 ? t[0] : e.reduce(((i, s, o) => i + ((n) => {
     if (n._$cssResult$ === !0) return n.cssText;
     if (typeof n == "number") return n;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + n + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(s) + e[o + 1]), e[0]);
-  return new dt(i, e, K);
-}, At = (e, t) => {
-  if (W) e.adoptedStyleSheets = t.map(((i) => i instanceof CSSStyleSheet ? i : i.styleSheet));
-  else for (const i of t) {
-    const r = document.createElement("style"), s = R.litNonce;
-    s !== void 0 && r.setAttribute("nonce", s), r.textContent = i.cssText, e.appendChild(r);
-  }
-}, tt = W ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
-  let i = "";
-  for (const r of t.cssRules) i += r.cssText;
-  return _t(i);
-})(e) : e;
-const { is: xt, defineProperty: wt, getOwnPropertyDescriptor: St, getOwnPropertyNames: Et, getOwnPropertySymbols: Ct, getPrototypeOf: kt } = Object, N = globalThis, et = N.trustedTypes, Dt = et ? et.emptyScript : "", Pt = N.reactiveElementPolyfillSupport, V = (e, t) => e, H = { toAttribute(e, t) {
-  switch (t) {
+  })(s) + t[o + 1]), t[0]);
+  return new me(r, t, K);
+}, we = (t, e) => {
+  if (W) t.adoptedStyleSheets = e.map(((r) => r instanceof CSSStyleSheet ? r : r.styleSheet));
+  else for (const r of e) {
+    const i = document.createElement("style"), s = R.litNonce;
+    s !== void 0 && i.setAttribute("nonce", s), i.textContent = r.cssText, t.appendChild(i);
+  }
+}, ee = W ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
+  let r = "";
+  for (const i of e.cssRules) r += i.cssText;
+  return Ae(r);
+})(t) : t;
+const { is: Se, defineProperty: Ee, getOwnPropertyDescriptor: Ce, getOwnPropertyNames: ke, getOwnPropertySymbols: De, getPrototypeOf: Pe } = Object, N = globalThis, te = N.trustedTypes, Ve = te ? te.emptyScript : "", Fe = N.reactiveElementPolyfillSupport, V = (t, e) => t, H = { toAttribute(t, e) {
+  switch (e) {
     case Boolean:
-      e = e ? Dt : null;
+      t = t ? Ve : null;
       break;
     case Object:
     case Array:
-      e = e == null ? e : JSON.stringify(e);
+      t = t == null ? t : JSON.stringify(t);
   }
-  return e;
-}, fromAttribute(e, t) {
-  let i = e;
-  switch (t) {
+  return t;
+}, fromAttribute(t, e) {
+  let r = t;
+  switch (e) {
     case Boolean:
-      i = e !== null;
+      r = t !== null;
       break;
     case Number:
-      i = e === null ? null : Number(e);
+      r = t === null ? null : Number(t);
       break;
     case Object:
     case Array:
       try {
-        i = JSON.parse(e);
+        r = JSON.parse(t);
       } catch {
-        i = null;
+        r = null;
       }
   }
-  return i;
-} }, Z = (e, t) => !xt(e, t), it = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: Z };
+  return r;
+} }, Z = (t, e) => !Se(t, e), re = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: Z };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), N.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let E = class extends HTMLElement {
-  static addInitializer(t) {
-    this._$Ei(), (this.l ??= []).push(t);
+  static addInitializer(e) {
+    this._$Ei(), (this.l ??= []).push(e);
   }
   static get observedAttributes() {
     return this.finalize(), this._$Eh && [...this._$Eh.keys()];
   }
-  static createProperty(t, i = it) {
-    if (i.state && (i.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((i = Object.create(i)).wrapped = !0), this.elementProperties.set(t, i), !i.noAccessor) {
-      const r = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(t, r, i);
-      s !== void 0 && wt(this.prototype, t, s);
+  static createProperty(e, r = re) {
+    if (r.state && (r.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((r = Object.create(r)).wrapped = !0), this.elementProperties.set(e, r), !r.noAccessor) {
+      const i = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(e, i, r);
+      s !== void 0 && Ee(this.prototype, e, s);
     }
   }
-  static getPropertyDescriptor(t, i, r) {
-    const { get: s, set: o } = St(this.prototype, t) ?? { get() {
-      return this[i];
+  static getPropertyDescriptor(e, r, i) {
+    const { get: s, set: o } = Ce(this.prototype, e) ?? { get() {
+      return this[r];
     }, set(n) {
-      this[i] = n;
+      this[r] = n;
     } };
     return { get: s, set(n) {
       const h = s?.call(this);
-      o?.call(this, n), this.requestUpdate(t, h, r);
+      o?.call(this, n), this.requestUpdate(e, h, i);
     }, configurable: !0, enumerable: !0 };
   }
-  static getPropertyOptions(t) {
-    return this.elementProperties.get(t) ?? it;
+  static getPropertyOptions(e) {
+    return this.elementProperties.get(e) ?? re;
   }
   static _$Ei() {
     if (this.hasOwnProperty(V("elementProperties"))) return;
-    const t = kt(this);
-    t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
+    const 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"))) {
-      const i = this.properties, r = [...Et(i), ...Ct(i)];
-      for (const s of r) this.createProperty(s, i[s]);
+      const r = this.properties, i = [...ke(r), ...De(r)];
+      for (const s of i) this.createProperty(s, r[s]);
     }
-    const t = this[Symbol.metadata];
-    if (t !== null) {
-      const i = litPropertyMetadata.get(t);
-      if (i !== void 0) for (const [r, s] of i) this.elementProperties.set(r, s);
+    const e = this[Symbol.metadata];
+    if (e !== null) {
+      const r = litPropertyMetadata.get(e);
+      if (r !== void 0) for (const [i, s] of r) this.elementProperties.set(i, s);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [i, r] of this.elementProperties) {
-      const s = this._$Eu(i, r);
-      s !== void 0 && this._$Eh.set(s, i);
+    for (const [r, i] of this.elementProperties) {
+      const s = this._$Eu(r, i);
+      s !== void 0 && this._$Eh.set(s, r);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
-  static finalizeStyles(t) {
-    const i = [];
-    if (Array.isArray(t)) {
-      const r = new Set(t.flat(1 / 0).reverse());
-      for (const s of r) i.unshift(tt(s));
-    } else t !== void 0 && i.push(tt(t));
-    return i;
+  static finalizeStyles(e) {
+    const r = [];
+    if (Array.isArray(e)) {
+      const i = new Set(e.flat(1 / 0).reverse());
+      for (const s of i) r.unshift(ee(s));
+    } else e !== void 0 && r.push(ee(e));
+    return r;
   }
-  static _$Eu(t, i) {
-    const r = i.attribute;
-    return r === !1 ? void 0 : typeof r == "string" ? r : typeof t == "string" ? t.toLowerCase() : void 0;
+  static _$Eu(e, r) {
+    const i = r.attribute;
+    return i === !1 ? void 0 : typeof i == "string" ? i : 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(((t) => this.enableUpdating = t)), this._$AL = /* @__PURE__ */ new Map(), this._$E_(), this.requestUpdate(), this.constructor.l?.forEach(((t) => t(this)));
+    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(t) {
-    (this._$EO ??= /* @__PURE__ */ new Set()).add(t), this.renderRoot !== void 0 && this.isConnected && t.hostConnected?.();
+  addController(e) {
+    (this._$EO ??= /* @__PURE__ */ new Set()).add(e), this.renderRoot !== void 0 && this.isConnected && e.hostConnected?.();
   }
-  removeController(t) {
-    this._$EO?.delete(t);
+  removeController(e) {
+    this._$EO?.delete(e);
   }
   _$E_() {
-    const t = /* @__PURE__ */ new Map(), i = this.constructor.elementProperties;
-    for (const r of i.keys()) this.hasOwnProperty(r) && (t.set(r, this[r]), delete this[r]);
-    t.size > 0 && (this._$Ep = t);
+    const e = /* @__PURE__ */ new Map(), r = this.constructor.elementProperties;
+    for (const i of r.keys()) this.hasOwnProperty(i) && (e.set(i, this[i]), delete this[i]);
+    e.size > 0 && (this._$Ep = e);
   }
   createRenderRoot() {
-    const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return At(t, this.constructor.elementStyles), t;
+    const e = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
+    return we(e, this.constructor.elementStyles), e;
   }
   connectedCallback() {
-    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
+    this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((e) => e.hostConnected?.()));
   }
-  enableUpdating(t) {
+  enableUpdating(e) {
   }
   disconnectedCallback() {
-    this._$EO?.forEach(((t) => t.hostDisconnected?.()));
+    this._$EO?.forEach(((e) => e.hostDisconnected?.()));
   }
-  attributeChangedCallback(t, i, r) {
-    this._$AK(t, r);
+  attributeChangedCallback(e, r, i) {
+    this._$AK(e, i);
   }
-  _$ET(t, i) {
-    const r = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, r);
-    if (s !== void 0 && r.reflect === !0) {
-      const o = (r.converter?.toAttribute !== void 0 ? r.converter : H).toAttribute(i, r.type);
-      this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
+  _$ET(e, r) {
+    const i = this.constructor.elementProperties.get(e), s = this.constructor._$Eu(e, i);
+    if (s !== void 0 && i.reflect === !0) {
+      const o = (i.converter?.toAttribute !== void 0 ? i.converter : H).toAttribute(r, i.type);
+      this._$Em = e, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
     }
   }
-  _$AK(t, i) {
-    const r = this.constructor, s = r._$Eh.get(t);
+  _$AK(e, r) {
+    const i = this.constructor, s = i._$Eh.get(e);
     if (s !== void 0 && this._$Em !== s) {
-      const o = r.getPropertyOptions(s), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : H;
-      this._$Em = s, this[s] = n.fromAttribute(i, o.type) ?? this._$Ej?.get(s) ?? null, this._$Em = null;
+      const o = i.getPropertyOptions(s), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : H;
+      this._$Em = s, this[s] = n.fromAttribute(r, o.type) ?? this._$Ej?.get(s) ?? null, this._$Em = null;
     }
   }
-  requestUpdate(t, i, r) {
-    if (t !== void 0) {
-      const s = this.constructor, o = this[t];
-      if (r ??= s.getPropertyOptions(t), !((r.hasChanged ?? Z)(o, i) || r.useDefault && r.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(s._$Eu(t, r)))) return;
-      this.C(t, i, r);
+  requestUpdate(e, r, i) {
+    if (e !== void 0) {
+      const s = this.constructor, o = this[e];
+      if (i ??= s.getPropertyOptions(e), !((i.hasChanged ?? Z)(o, r) || i.useDefault && i.reflect && o === this._$Ej?.get(e) && !this.hasAttribute(s._$Eu(e, i)))) return;
+      this.C(e, r, i);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, i, { useDefault: r, reflect: s, wrapped: o }, n) {
-    r && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, n ?? i ?? this[t]), o !== !0 || n !== void 0) || (this._$AL.has(t) || (this.hasUpdated || r || (i = void 0), this._$AL.set(t, i)), s === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  C(e, r, { useDefault: i, reflect: s, wrapped: o }, n) {
+    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, n ?? r ?? this[e]), o !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (r = void 0), this._$AL.set(e, r)), s === !0 && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
   }
   async _$EP() {
     this.isUpdatePending = !0;
     try {
       await this._$ES;
-    } catch (i) {
-      Promise.reject(i);
+    } catch (r) {
+      Promise.reject(r);
     }
-    const t = this.scheduleUpdate();
-    return t != null && await t, !this.isUpdatePending;
+    const e = this.scheduleUpdate();
+    return e != null && await e, !this.isUpdatePending;
   }
   scheduleUpdate() {
     return this.performUpdate();
@@ -214,25 +214,25 @@ let E = class extends HTMLElement {
         for (const [s, o] of this._$Ep) this[s] = o;
         this._$Ep = void 0;
       }
-      const r = this.constructor.elementProperties;
-      if (r.size > 0) for (const [s, o] of r) {
+      const i = this.constructor.elementProperties;
+      if (i.size > 0) for (const [s, o] of i) {
         const { wrapped: n } = o, h = this[s];
         n !== !0 || this._$AL.has(s) || h === void 0 || this.C(s, void 0, o, h);
       }
     }
-    let t = !1;
-    const i = this._$AL;
+    let e = !1;
+    const r = this._$AL;
     try {
-      t = this.shouldUpdate(i), t ? (this.willUpdate(i), this._$EO?.forEach(((r) => r.hostUpdate?.())), this.update(i)) : this._$EM();
-    } catch (r) {
-      throw t = !1, this._$EM(), r;
+      e = this.shouldUpdate(r), e ? (this.willUpdate(r), this._$EO?.forEach(((i) => i.hostUpdate?.())), this.update(r)) : this._$EM();
+    } catch (i) {
+      throw e = !1, this._$EM(), i;
     }
-    t && this._$AE(i);
+    e && this._$AE(r);
   }
-  willUpdate(t) {
+  willUpdate(e) {
   }
-  _$AE(t) {
-    this._$EO?.forEach(((i) => i.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
+  _$AE(e) {
+    this._$EO?.forEach(((r) => r.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
   }
   _$EM() {
     this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
@@ -243,83 +243,83 @@ let E = class extends HTMLElement {
   getUpdateComplete() {
     return this._$ES;
   }
-  shouldUpdate(t) {
+  shouldUpdate(e) {
     return !0;
   }
-  update(t) {
-    this._$Eq &&= this._$Eq.forEach(((i) => this._$ET(i, this[i]))), this._$EM();
+  update(e) {
+    this._$Eq &&= this._$Eq.forEach(((r) => this._$ET(r, this[r]))), this._$EM();
   }
-  updated(t) {
+  updated(e) {
   }
-  firstUpdated(t) {
+  firstUpdated(e) {
   }
 };
-E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[V("elementProperties")] = /* @__PURE__ */ new Map(), E[V("finalized")] = /* @__PURE__ */ new Map(), Pt?.({ ReactiveElement: E }), (N.reactiveElementVersions ??= []).push("2.1.0");
-const J = globalThis, B = J.trustedTypes, rt = B ? B.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pt = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, mt = "?" + _, Vt = `<${mt}>`, w = document, O = () => w.createComment(""), T = (e) => e === null || typeof e != "object" && typeof e != "function", Q = Array.isArray, Ft = (e) => Q(e) || typeof e?.[Symbol.iterator] == "function", I = `[ 	
-\f\r]`, D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, st = /-->/g, ot = />/g, v = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, lt = /"/g, ft = /^(?:script|style|textarea|title)$/i, Ot = (e) => (t, ...i) => ({ _$litType$: e, strings: t, values: i }), $ = Ot(1), S = /* @__PURE__ */ Symbol.for("lit-noChange"), d = /* @__PURE__ */ Symbol.for("lit-nothing"), at = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
-function $t(e, t) {
-  if (!Q(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return rt !== void 0 ? rt.createHTML(t) : t;
+E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[V("elementProperties")] = /* @__PURE__ */ new Map(), E[V("finalized")] = /* @__PURE__ */ new Map(), Fe?.({ ReactiveElement: E }), (N.reactiveElementVersions ??= []).push("2.1.0");
+const J = globalThis, B = J.trustedTypes, ie = B ? B.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, fe = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, $e = "?" + y, Oe = `<${$e}>`, w = document, O = () => w.createComment(""), T = (t) => t === null || typeof t != "object" && typeof t != "function", Q = Array.isArray, Te = (t) => Q(t) || typeof t?.[Symbol.iterator] == "function", I = `[ 	
+\f\r]`, D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, se = /-->/g, oe = />/g, v = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), ne = /'/g, ae = /"/g, be = /^(?:script|style|textarea|title)$/i, Ue = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), $ = Ue(1), S = /* @__PURE__ */ Symbol.for("lit-noChange"), d = /* @__PURE__ */ Symbol.for("lit-nothing"), le = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
+function ge(t, e) {
+  if (!Q(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
+  return ie !== void 0 ? ie.createHTML(e) : e;
 }
-const Tt = (e, t) => {
-  const i = e.length - 1, r = [];
-  let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = D;
-  for (let h = 0; h < i; h++) {
-    const l = e[h];
-    let u, m, a = -1, p = 0;
-    for (; p < l.length && (n.lastIndex = p, m = n.exec(l), m !== null); ) p = n.lastIndex, n === D ? m[1] === "!--" ? n = st : m[1] !== void 0 ? n = ot : m[2] !== void 0 ? (ft.test(m[2]) && (s = RegExp("</" + m[2], "g")), n = v) : m[3] !== void 0 && (n = v) : n === v ? m[0] === ">" ? (n = s ?? D, a = -1) : m[1] === void 0 ? a = -2 : (a = n.lastIndex - m[2].length, u = m[1], n = m[3] === void 0 ? v : m[3] === '"' ? lt : nt) : n === lt || n === nt ? n = v : n === st || n === ot ? n = D : (n = v, s = void 0);
-    const c = n === v && e[h + 1].startsWith("/>") ? " " : "";
-    o += n === D ? l + Vt : a >= 0 ? (r.push(u), l.slice(0, a) + pt + l.slice(a) + _ + c) : l + _ + (a === -2 ? h : c);
-  }
-  return [$t(e, o + (e[i] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
+const Me = (t, e) => {
+  const r = t.length - 1, i = [];
+  let s, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = D;
+  for (let h = 0; h < r; h++) {
+    const a = t[h];
+    let u, m, l = -1, p = 0;
+    for (; p < a.length && (n.lastIndex = p, m = n.exec(a), m !== null); ) p = n.lastIndex, n === D ? m[1] === "!--" ? n = se : m[1] !== void 0 ? n = oe : m[2] !== void 0 ? (be.test(m[2]) && (s = RegExp("</" + m[2], "g")), n = v) : m[3] !== void 0 && (n = v) : n === v ? m[0] === ">" ? (n = s ?? D, l = -1) : m[1] === void 0 ? l = -2 : (l = n.lastIndex - m[2].length, u = m[1], n = m[3] === void 0 ? v : m[3] === '"' ? ae : ne) : n === ae || n === ne ? n = v : n === se || n === oe ? n = D : (n = v, s = void 0);
+    const c = n === v && t[h + 1].startsWith("/>") ? " " : "";
+    o += n === D ? a + Oe : l >= 0 ? (i.push(u), a.slice(0, l) + fe + a.slice(l) + y + c) : a + y + (l === -2 ? h : c);
+  }
+  return [ge(t, o + (t[r] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
 };
 class U {
-  constructor({ strings: t, _$litType$: i }, r) {
+  constructor({ strings: e, _$litType$: r }, i) {
     let s;
     this.parts = [];
     let o = 0, n = 0;
-    const h = t.length - 1, l = this.parts, [u, m] = Tt(t, i);
-    if (this.el = U.createElement(u, r), x.currentNode = this.el.content, i === 2 || i === 3) {
-      const a = this.el.content.firstChild;
-      a.replaceWith(...a.childNodes);
+    const h = e.length - 1, a = this.parts, [u, m] = Me(e, r);
+    if (this.el = U.createElement(u, i), x.currentNode = this.el.content, r === 2 || r === 3) {
+      const l = this.el.content.firstChild;
+      l.replaceWith(...l.childNodes);
     }
-    for (; (s = x.nextNode()) !== null && l.length < h; ) {
+    for (; (s = x.nextNode()) !== null && a.length < h; ) {
       if (s.nodeType === 1) {
-        if (s.hasAttributes()) for (const a of s.getAttributeNames()) if (a.endsWith(pt)) {
-          const p = m[n++], c = s.getAttribute(a).split(_), f = /([.?@])?(.*)/.exec(p);
-          l.push({ type: 1, index: o, name: f[2], strings: c, ctor: f[1] === "." ? Mt : f[1] === "?" ? Rt : f[1] === "@" ? Ht : j }), s.removeAttribute(a);
-        } else a.startsWith(_) && (l.push({ type: 6, index: o }), s.removeAttribute(a));
-        if (ft.test(s.tagName)) {
-          const a = s.textContent.split(_), p = a.length - 1;
+        if (s.hasAttributes()) for (const l of s.getAttributeNames()) if (l.endsWith(fe)) {
+          const p = m[n++], c = s.getAttribute(l).split(y), f = /([.?@])?(.*)/.exec(p);
+          a.push({ type: 1, index: o, name: f[2], strings: c, ctor: f[1] === "." ? He : f[1] === "?" ? Be : f[1] === "@" ? Ne : j }), s.removeAttribute(l);
+        } else l.startsWith(y) && (a.push({ type: 6, index: o }), s.removeAttribute(l));
+        if (be.test(s.tagName)) {
+          const l = s.textContent.split(y), p = l.length - 1;
           if (p > 0) {
             s.textContent = B ? B.emptyScript : "";
-            for (let c = 0; c < p; c++) s.append(a[c], O()), x.nextNode(), l.push({ type: 2, index: ++o });
-            s.append(a[p], O());
+            for (let c = 0; c < p; c++) s.append(l[c], O()), x.nextNode(), a.push({ type: 2, index: ++o });
+            s.append(l[p], O());
           }
         }
-      } else if (s.nodeType === 8) if (s.data === mt) l.push({ type: 2, index: o });
+      } else if (s.nodeType === 8) if (s.data === $e) a.push({ type: 2, index: o });
       else {
-        let a = -1;
-        for (; (a = s.data.indexOf(_, a + 1)) !== -1; ) l.push({ type: 7, index: o }), a += _.length - 1;
+        let l = -1;
+        for (; (l = s.data.indexOf(y, l + 1)) !== -1; ) a.push({ type: 7, index: o }), l += y.length - 1;
       }
       o++;
     }
   }
-  static createElement(t, i) {
-    const r = w.createElement("template");
-    return r.innerHTML = t, r;
+  static createElement(e, r) {
+    const i = w.createElement("template");
+    return i.innerHTML = e, i;
   }
 }
-function C(e, t, i = e, r) {
-  if (t === S) return t;
-  let s = r !== void 0 ? i._$Co?.[r] : i._$Cl;
-  const o = T(t) ? void 0 : t._$litDirective$;
-  return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(e), s._$AT(e, i, r)), r !== void 0 ? (i._$Co ??= [])[r] = s : i._$Cl = s), s !== void 0 && (t = C(e, s._$AS(e, t.values), s, r)), t;
+function C(t, e, r = t, i) {
+  if (e === S) return e;
+  let s = i !== void 0 ? r._$Co?.[i] : r._$Cl;
+  const o = T(e) ? void 0 : e._$litDirective$;
+  return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(t), s._$AT(t, r, i)), i !== void 0 ? (r._$Co ??= [])[i] = s : r._$Cl = s), s !== void 0 && (e = C(t, s._$AS(t, e.values), s, i)), e;
 }
-let Ut = class {
-  constructor(t, i) {
-    this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
+let Re = class {
+  constructor(e, r) {
+    this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = r;
   }
   get parentNode() {
     return this._$AM.parentNode;
@@ -327,35 +327,35 @@ let Ut = class {
   get _$AU() {
     return this._$AM._$AU;
   }
-  u(t) {
-    const { el: { content: i }, parts: r } = this._$AD, s = (t?.creationScope ?? w).importNode(i, !0);
+  u(e) {
+    const { el: { content: r }, parts: i } = this._$AD, s = (e?.creationScope ?? w).importNode(r, !0);
     x.currentNode = s;
-    let o = x.nextNode(), n = 0, h = 0, l = r[0];
-    for (; l !== void 0; ) {
-      if (n === l.index) {
+    let o = x.nextNode(), n = 0, h = 0, a = i[0];
+    for (; a !== void 0; ) {
+      if (n === a.index) {
         let u;
-        l.type === 2 ? u = new k(o, o.nextSibling, this, t) : l.type === 1 ? u = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (u = new Bt(o, this, t)), this._$AV.push(u), l = r[++h];
+        a.type === 2 ? u = new k(o, o.nextSibling, this, e) : a.type === 1 ? u = new a.ctor(o, a.name, a.strings, this, e) : a.type === 6 && (u = new je(o, this, e)), this._$AV.push(u), a = i[++h];
       }
-      n !== l?.index && (o = x.nextNode(), n++);
+      n !== a?.index && (o = x.nextNode(), n++);
     }
     return x.currentNode = w, s;
   }
-  p(t) {
-    let i = 0;
-    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, i), i += r.strings.length - 2) : r._$AI(t[i])), i++;
+  p(e) {
+    let r = 0;
+    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, r), r += i.strings.length - 2) : i._$AI(e[r])), r++;
   }
 };
 class k {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
-  constructor(t, i, r, s) {
-    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = t, this._$AB = i, this._$AM = r, this.options = s, this._$Cv = s?.isConnected ?? !0;
+  constructor(e, r, i, s) {
+    this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = e, this._$AB = r, this._$AM = i, this.options = s, this._$Cv = s?.isConnected ?? !0;
   }
   get parentNode() {
-    let t = this._$AA.parentNode;
-    const i = this._$AM;
-    return i !== void 0 && t?.nodeType === 11 && (t = i.parentNode), t;
+    let e = this._$AA.parentNode;
+    const r = this._$AM;
+    return r !== void 0 && e?.nodeType === 11 && (e = r.parentNode), e;
   }
   get startNode() {
     return this._$AA;
@@ -363,45 +363,45 @@ class k {
   get endNode() {
     return this._$AB;
   }
-  _$AI(t, i = this) {
-    t = C(this, t, i), T(t) ? t === d || t == null || t === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : t !== this._$AH && t !== S && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ft(t) ? this.k(t) : this._(t);
+  _$AI(e, r = this) {
+    e = C(this, e, r), T(e) ? e === d || e == null || e === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : e !== this._$AH && e !== S && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Te(e) ? this.k(e) : this._(e);
   }
-  O(t) {
-    return this._$AA.parentNode.insertBefore(t, this._$AB);
+  O(e) {
+    return this._$AA.parentNode.insertBefore(e, this._$AB);
   }
-  T(t) {
-    this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
+  T(e) {
+    this._$AH !== e && (this._$AR(), this._$AH = this.O(e));
   }
-  _(t) {
-    this._$AH !== d && T(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
+  _(e) {
+    this._$AH !== d && T(this._$AH) ? this._$AA.nextSibling.data = e : this.T(w.createTextNode(e)), this._$AH = e;
   }
-  $(t) {
-    const { values: i, _$litType$: r } = t, s = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = U.createElement($t(r.h, r.h[0]), this.options)), r);
-    if (this._$AH?._$AD === s) this._$AH.p(i);
+  $(e) {
+    const { values: r, _$litType$: i } = e, s = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = U.createElement(ge(i.h, i.h[0]), this.options)), i);
+    if (this._$AH?._$AD === s) this._$AH.p(r);
     else {
-      const o = new Ut(s, this), n = o.u(this.options);
-      o.p(i), this.T(n), this._$AH = o;
+      const o = new Re(s, this), n = o.u(this.options);
+      o.p(r), this.T(n), this._$AH = o;
     }
   }
-  _$AC(t) {
-    let i = at.get(t.strings);
-    return i === void 0 && at.set(t.strings, i = new U(t)), i;
+  _$AC(e) {
+    let r = le.get(e.strings);
+    return r === void 0 && le.set(e.strings, r = new U(e)), r;
   }
-  k(t) {
+  k(e) {
     Q(this._$AH) || (this._$AH = [], this._$AR());
-    const i = this._$AH;
-    let r, s = 0;
-    for (const o of t) s === i.length ? i.push(r = new k(this.O(O()), this.O(O()), this, this.options)) : r = i[s], r._$AI(o), s++;
-    s < i.length && (this._$AR(r && r._$AB.nextSibling, s), i.length = s);
-  }
-  _$AR(t = this._$AA.nextSibling, i) {
-    for (this._$AP?.(!1, !0, i); t && t !== this._$AB; ) {
-      const r = t.nextSibling;
-      t.remove(), t = r;
+    const r = this._$AH;
+    let i, s = 0;
+    for (const o of e) s === r.length ? r.push(i = new k(this.O(O()), this.O(O()), this, this.options)) : i = r[s], i._$AI(o), s++;
+    s < r.length && (this._$AR(i && i._$AB.nextSibling, s), r.length = s);
+  }
+  _$AR(e = this._$AA.nextSibling, r) {
+    for (this._$AP?.(!1, !0, r); e && e !== this._$AB; ) {
+      const i = e.nextSibling;
+      e.remove(), e = i;
     }
   }
-  setConnected(t) {
-    this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
+  setConnected(e) {
+    this._$AM === void 0 && (this._$Cv = e, this._$AP?.(e));
   }
 }
 class j {
@@ -411,74 +411,74 @@ class j {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, i, r, s, o) {
-    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = t, this.name = i, this._$AM = s, this.options = o, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = d;
+  constructor(e, r, i, s, o) {
+    this.type = 1, this._$AH = d, this._$AN = void 0, this.element = e, this.name = r, this._$AM = s, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = d;
   }
-  _$AI(t, i = this, r, s) {
+  _$AI(e, r = this, i, s) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) t = C(this, t, i, 0), n = !T(t) || t !== this._$AH && t !== S, n && (this._$AH = t);
+    if (o === void 0) e = C(this, e, r, 0), n = !T(e) || e !== this._$AH && e !== S, n && (this._$AH = e);
     else {
-      const h = t;
-      let l, u;
-      for (t = o[0], l = 0; l < o.length - 1; l++) u = C(this, h[r + l], i, l), u === S && (u = this._$AH[l]), n ||= !T(u) || u !== this._$AH[l], u === d ? t = d : t !== d && (t += (u ?? "") + o[l + 1]), this._$AH[l] = u;
+      const h = e;
+      let a, u;
+      for (e = o[0], a = 0; a < o.length - 1; a++) u = C(this, h[i + a], r, a), u === S && (u = this._$AH[a]), n ||= !T(u) || u !== this._$AH[a], u === d ? e = d : e !== d && (e += (u ?? "") + o[a + 1]), this._$AH[a] = u;
     }
-    n && !s && this.j(t);
+    n && !s && this.j(e);
   }
-  j(t) {
-    t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+  j(e) {
+    e === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Mt extends j {
+class He extends j {
   constructor() {
     super(...arguments), this.type = 3;
   }
-  j(t) {
-    this.element[this.name] = t === d ? void 0 : t;
+  j(e) {
+    this.element[this.name] = e === d ? void 0 : e;
   }
 }
-class Rt extends j {
+class Be extends j {
   constructor() {
     super(...arguments), this.type = 4;
   }
-  j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== d);
+  j(e) {
+    this.element.toggleAttribute(this.name, !!e && e !== d);
   }
 }
-class Ht extends j {
-  constructor(t, i, r, s, o) {
-    super(t, i, r, s, o), this.type = 5;
+class Ne extends j {
+  constructor(e, r, i, s, o) {
+    super(e, r, i, s, o), this.type = 5;
   }
-  _$AI(t, i = this) {
-    if ((t = C(this, t, i, 0) ?? d) === S) return;
-    const r = this._$AH, s = t === d && r !== d || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, o = t !== d && (r === d || s);
-    s && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
+  _$AI(e, r = this) {
+    if ((e = C(this, e, r, 0) ?? d) === S) return;
+    const i = this._$AH, s = e === d && i !== d || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, o = e !== d && (i === d || s);
+    s && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
-  handleEvent(t) {
-    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
+  handleEvent(e) {
+    typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
   }
 }
-class Bt {
-  constructor(t, i, r) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = r;
+class je {
+  constructor(e, r, i) {
+    this.element = e, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = i;
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AI(t) {
-    C(this, t);
+  _$AI(e) {
+    C(this, e);
   }
 }
-const Nt = { I: k }, jt = J.litHtmlPolyfillSupport;
-jt?.(U, k), (J.litHtmlVersions ??= []).push("3.3.0");
-const zt = (e, t, i) => {
-  const r = i?.renderBefore ?? t;
-  let s = r._$litPart$;
+const qe = { I: k }, ze = J.litHtmlPolyfillSupport;
+ze?.(U, k), (J.litHtmlVersions ??= []).push("3.3.0");
+const Ie = (t, e, r) => {
+  const i = r?.renderBefore ?? e;
+  let s = i._$litPart$;
   if (s === void 0) {
-    const o = i?.renderBefore ?? null;
-    r._$litPart$ = s = new k(t.insertBefore(O(), o), o, void 0, i ?? {});
+    const o = r?.renderBefore ?? null;
+    i._$litPart$ = s = new k(e.insertBefore(O(), o), o, void 0, r ?? {});
   }
-  return s._$AI(e), s;
+  return s._$AI(t), s;
 };
 const G = globalThis;
 let F = class extends E {
@@ -486,12 +486,12 @@ let F = class extends E {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
   createRenderRoot() {
-    const t = super.createRenderRoot();
-    return this.renderOptions.renderBefore ??= t.firstChild, t;
+    const e = super.createRenderRoot();
+    return this.renderOptions.renderBefore ??= e.firstChild, e;
   }
-  update(t) {
-    const i = this.render();
-    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = zt(i, this.renderRoot, this.renderOptions);
+  update(e) {
+    const r = this.render();
+    this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Ie(r, this.renderRoot, this.renderOptions);
   }
   connectedCallback() {
     super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -504,176 +504,215 @@ let F = class extends E {
   }
 };
 F._$litElement$ = !0, F.finalized = !0, G.litElementHydrateSupport?.({ LitElement: F });
-const qt = G.litElementPolyfillSupport;
-qt?.({ LitElement: F });
+const Le = G.litElementPolyfillSupport;
+Le?.({ LitElement: F });
 (G.litElementVersions ??= []).push("4.2.0");
-const It = { CHILD: 2 }, bt = (e) => (...t) => ({ _$litDirective$: e, values: t });
-let gt = class {
-  constructor(t) {
+const We = { CHILD: 2 }, _e = (t) => (...e) => ({ _$litDirective$: t, values: e });
+let ye = class {
+  constructor(e) {
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AT(t, i, r) {
-    this._$Ct = t, this._$AM = i, this._$Ci = r;
+  _$AT(e, r, i) {
+    this._$Ct = e, this._$AM = r, this._$Ci = i;
   }
-  _$AS(t, i) {
-    return this.update(t, i);
+  _$AS(e, r) {
+    return this.update(e, r);
   }
-  update(t, i) {
-    return this.render(...i);
+  update(e, r) {
+    return this.render(...r);
   }
 };
-const { I: Lt } = Nt, ht = () => document.createComment(""), P = (e, t, i) => {
-  const r = e._$AA.parentNode, s = t === void 0 ? e._$AB : t._$AA;
-  if (i === void 0) {
-    const o = r.insertBefore(ht(), s), n = r.insertBefore(ht(), s);
-    i = new Lt(o, n, e, e.options);
+const { I: Ke } = qe, he = () => document.createComment(""), P = (t, e, r) => {
+  const i = t._$AA.parentNode, s = e === void 0 ? t._$AB : e._$AA;
+  if (r === void 0) {
+    const o = i.insertBefore(he(), s), n = i.insertBefore(he(), s);
+    r = new Ke(o, n, t, t.options);
   } else {
-    const o = i._$AB.nextSibling, n = i._$AM, h = n !== e;
+    const o = r._$AB.nextSibling, n = r._$AM, h = n !== t;
     if (h) {
-      let l;
-      i._$AQ?.(e), i._$AM = e, i._$AP !== void 0 && (l = e._$AU) !== n._$AU && i._$AP(l);
+      let a;
+      r._$AQ?.(t), r._$AM = t, r._$AP !== void 0 && (a = t._$AU) !== n._$AU && r._$AP(a);
     }
     if (o !== s || h) {
-      let l = i._$AA;
-      for (; l !== o; ) {
-        const u = l.nextSibling;
-        r.insertBefore(l, s), l = u;
+      let a = r._$AA;
+      for (; a !== o; ) {
+        const u = a.nextSibling;
+        i.insertBefore(a, s), a = u;
       }
     }
   }
-  return i;
-}, A = (e, t, i = e) => (e._$AI(t, i), e), Wt = {}, yt = (e, t = Wt) => e._$AH = t, Kt = (e) => e._$AH, L = (e) => {
-  e._$AP?.(!1, !0);
-  let t = e._$AA;
-  const i = e._$AB.nextSibling;
-  for (; t !== i; ) {
-    const r = t.nextSibling;
-    t.remove(), t = r;
+  return r;
+}, A = (t, e, r = t) => (t._$AI(e, r), t), Ze = {}, ve = (t, e = Ze) => t._$AH = e, Je = (t) => t._$AH, L = (t) => {
+  t._$AP?.(!1, !0);
+  let e = t._$AA;
+  const r = t._$AB.nextSibling;
+  for (; e !== r; ) {
+    const i = e.nextSibling;
+    e.remove(), e = i;
   }
 };
-const ct = (e, t, i) => {
-  const r = /* @__PURE__ */ new Map();
-  for (let s = t; s <= i; s++) r.set(e[s], s);
-  return r;
-}, ut = bt(class extends gt {
-  constructor(e) {
-    if (super(e), e.type !== It.CHILD) throw Error("repeat() can only be used in text expressions");
+const ce = (t, e, r) => {
+  const i = /* @__PURE__ */ new Map();
+  for (let s = e; s <= r; s++) i.set(t[s], s);
+  return i;
+}, ue = _e(class extends ye {
+  constructor(t) {
+    if (super(t), t.type !== We.CHILD) throw Error("repeat() can only be used in text expressions");
   }
-  dt(e, t, i) {
-    let r;
-    i === void 0 ? i = t : t !== void 0 && (r = t);
+  dt(t, e, r) {
+    let i;
+    r === void 0 ? r = e : e !== void 0 && (i = e);
     const s = [], o = [];
     let n = 0;
-    for (const h of e) s[n] = r ? r(h, n) : n, o[n] = i(h, n), n++;
+    for (const h of t) s[n] = i ? i(h, n) : n, o[n] = r(h, n), n++;
     return { values: o, keys: s };
   }
-  render(e, t, i) {
-    return this.dt(e, t, i).values;
+  render(t, e, r) {
+    return this.dt(t, e, r).values;
   }
-  update(e, [t, i, r]) {
-    const s = Kt(e), { values: o, keys: n } = this.dt(t, i, r);
+  update(t, [e, r, i]) {
+    const s = Je(t), { values: o, keys: n } = this.dt(e, r, i);
     if (!Array.isArray(s)) return this.ut = n, o;
-    const h = this.ut ??= [], l = [];
-    let u, m, a = 0, p = s.length - 1, c = 0, f = o.length - 1;
-    for (; a <= p && c <= f; ) if (s[a] === null) a++;
+    const h = this.ut ??= [], a = [];
+    let u, m, l = 0, p = s.length - 1, c = 0, f = o.length - 1;
+    for (; l <= p && c <= f; ) if (s[l] === null) l++;
     else if (s[p] === null) p--;
-    else if (h[a] === n[c]) l[c] = A(s[a], o[c]), a++, c++;
-    else if (h[p] === n[f]) l[f] = A(s[p], o[f]), p--, f--;
-    else if (h[a] === n[f]) l[f] = A(s[a], o[f]), P(e, l[f + 1], s[a]), a++, f--;
-    else if (h[p] === n[c]) l[c] = A(s[p], o[c]), P(e, s[a], s[p]), p--, c++;
-    else if (u === void 0 && (u = ct(n, c, f), m = ct(h, a, p)), u.has(h[a])) if (u.has(h[p])) {
-      const y = m.get(n[c]), q = y !== void 0 ? s[y] : null;
-      if (q === null) {
-        const X = P(e, s[a]);
-        A(X, o[c]), l[c] = X;
-      } else l[c] = A(q, o[c]), P(e, s[a], q), s[y] = null;
+    else if (h[l] === n[c]) a[c] = A(s[l], o[c]), l++, c++;
+    else if (h[p] === n[f]) a[f] = A(s[p], o[f]), p--, f--;
+    else if (h[l] === n[f]) a[f] = A(s[l], o[f]), P(t, a[f + 1], s[l]), l++, f--;
+    else if (h[p] === n[c]) a[c] = A(s[p], o[c]), P(t, s[l], s[p]), p--, c++;
+    else if (u === void 0 && (u = ce(n, c, f), m = ce(h, l, p)), u.has(h[l])) if (u.has(h[p])) {
+      const _ = m.get(n[c]), z = _ !== void 0 ? s[_] : null;
+      if (z === null) {
+        const X = P(t, s[l]);
+        A(X, o[c]), a[c] = X;
+      } else a[c] = A(z, o[c]), P(t, s[l], z), s[_] = null;
       c++;
     } else L(s[p]), p--;
-    else L(s[a]), a++;
+    else L(s[l]), l++;
     for (; c <= f; ) {
-      const y = P(e, l[f + 1]);
-      A(y, o[c]), l[c++] = y;
+      const _ = P(t, a[f + 1]);
+      A(_, o[c]), a[c++] = _;
     }
-    for (; a <= p; ) {
-      const y = s[a++];
-      y !== null && L(y);
+    for (; l <= p; ) {
+      const _ = s[l++];
+      _ !== null && L(_);
     }
-    return this.ut = n, yt(e, l), S;
+    return this.ut = n, ve(t, a), S;
   }
 });
-const Zt = bt(class extends gt {
+const Qe = _e(class extends ye {
   constructor() {
     super(...arguments), this.key = d;
   }
-  render(e, t) {
-    return this.key = e, t;
+  render(t, e) {
+    return this.key = t, e;
   }
-  update(e, [t, i]) {
-    return t !== this.key && (yt(e), this.key = t), i;
+  update(t, [e, r]) {
+    return e !== this.key && (ve(t), this.key = e), r;
   }
 });
-const Jt = (e) => (t, i) => {
-  i !== void 0 ? i.addInitializer((() => {
-    customElements.define(e, t);
-  })) : customElements.define(e, t);
+const Ge = (t) => (e, r) => {
+  r !== void 0 ? r.addInitializer((() => {
+    customElements.define(t, e);
+  })) : customElements.define(t, e);
 };
-const Qt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: Z }, Gt = (e = Qt, t, i) => {
-  const { kind: r, metadata: s } = i;
+const Xe = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: Z }, Ye = (t = Xe, e, r) => {
+  const { kind: i, metadata: s } = r;
   let o = globalThis.litPropertyMetadata.get(s);
-  if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), r === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(i.name, e), r === "accessor") {
-    const { name: n } = i;
+  if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), i === "setter" && ((t = Object.create(t)).wrapped = !0), o.set(r.name, t), i === "accessor") {
+    const { name: n } = r;
     return { set(h) {
-      const l = t.get.call(this);
-      t.set.call(this, h), this.requestUpdate(n, l, e);
+      const a = e.get.call(this);
+      e.set.call(this, h), this.requestUpdate(n, a, t);
     }, init(h) {
-      return h !== void 0 && this.C(n, void 0, e, h), h;
+      return h !== void 0 && this.C(n, void 0, t, h), h;
     } };
   }
-  if (r === "setter") {
-    const { name: n } = i;
+  if (i === "setter") {
+    const { name: n } = r;
     return function(h) {
-      const l = this[n];
-      t.call(this, h), this.requestUpdate(n, l, e);
+      const a = this[n];
+      e.call(this, h), this.requestUpdate(n, a, t);
     };
   }
-  throw Error("Unsupported decorator location: " + r);
+  throw Error("Unsupported decorator location: " + i);
 };
-function z(e) {
-  return (t, i) => typeof i == "object" ? Gt(e, t, i) : ((r, s, o) => {
+function q(t) {
+  return (e, r) => typeof r == "object" ? Ye(t, e, r) : ((i, s, o) => {
     const n = s.hasOwnProperty(o);
-    return s.constructor.createProperty(o, r), n ? Object.getOwnPropertyDescriptor(s, o) : void 0;
-  })(e, t, i);
+    return s.constructor.createProperty(o, i), n ? Object.getOwnPropertyDescriptor(s, o) : void 0;
+  })(t, e, r);
 }
-function M(e) {
-  return z({ ...e, state: !0, attribute: !1 });
+function M(t) {
+  return q({ ...t, state: !0, attribute: !1 });
 }
-const Xt = (e, t, i) => (i.configurable = !0, i.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, i), i);
-function Yt(e, t) {
-  return (i, r, s) => {
-    const o = (n) => n.renderRoot?.querySelector(e) ?? null;
-    return Xt(i, r, { get() {
+const et = (t, e, r) => (r.configurable = !0, r.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(t, e, r), r);
+function tt(t, e) {
+  return (r, i, s) => {
+    const o = (n) => n.renderRoot?.querySelector(t) ?? null;
+    return et(r, i, { get() {
       return o(this);
     } });
   };
 }
-var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, g = (e, t, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? ee(t, i) : t, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (s = (r ? n(t, i, s) : n(s)) || s);
-  return r && s && te(t, i, s), s;
+var rt = Object.defineProperty, it = Object.getOwnPropertyDescriptor, g = (t, e, r, i) => {
+  for (var s = i > 1 ? void 0 : i ? it(e, r) : e, o = t.length - 1, n; o >= 0; o--)
+    (n = t[o]) && (s = (i ? n(e, r, s) : n(s)) || s);
+  return i && s && rt(e, r, s), s;
+};
+const st = /* @__PURE__ */ new Set(["(", ")", "[", "{", "}", "/", "|"]), ot = (t) => {
+  let e = "", r = !1, i = 0;
+  for (let s = 0; s < t.length; s++) {
+    const o = t[s];
+    if (o === "\\")
+      e += o + (t[s + 1] ?? ""), s++;
+    else if (!r)
+      o === "[" && (r = !0, i = t[s + 1] === "^" ? s + 2 : s + 1), e += o;
+    else if (o === "]")
+      r = !1, e += o;
+    else if (o === "-") {
+      const n = s > i && s < t.length - 1 && t[s + 1] !== "]";
+      e += n ? o : "\\-";
+    } else
+      e += st.has(o) ? "\\" + o : o;
+  }
+  return e;
+}, de = (t) => {
+  try {
+    return new RegExp("^(?:" + t + ")$", "v"), !0;
+  } catch {
+    return !1;
+  }
+}, pe = /* @__PURE__ */ new Map(), nt = (t) => {
+  const e = t?.trim();
+  if (!e) return "";
+  const r = pe.get(e);
+  if (r !== void 0) return r;
+  let i = "";
+  if (de(e))
+    i = e;
+  else {
+    const s = ot(e);
+    de(s) ? i = s : console.warn(
+      `widget-form: ignoring validation regex "${e}" — it is not a valid regular expression under the "v" flag the HTML pattern attribute uses.`
+    );
+  }
+  return pe.set(e, i), i;
 };
 let b = class extends F {
   constructor() {
-    super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.fieldValues = {}, this.version = "1.0.32", this.dialogScrimPatched = !1;
+    super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.fieldValues = {}, this.version = "1.0.34", this.dialogScrimPatched = !1;
   }
-  update(e) {
-    e.has("theme") && this.registerTheme(this.theme), super.update(e);
+  update(t) {
+    t.has("theme") && this.registerTheme(this.theme), super.update(t);
   }
-  firstUpdated(e) {
+  firstUpdated(t) {
     this.registerTheme(this.theme);
   }
-  updated(e) {
+  updated(t) {
     this.patchDialogScrim(), this.toggleAttribute("fab-mode", !!this.inputData?.formButton);
   }
   /**
@@ -689,10 +728,10 @@ let b = class extends F {
    */
   patchDialogScrim() {
     if (this.dialogScrimPatched) return;
-    const e = this.dialog?.shadowRoot;
-    if (!e) return;
-    const t = new CSSStyleSheet();
-    t.replaceSync(`
+    const t = this.dialog?.shadowRoot;
+    if (!t) return;
+    const e = new CSSStyleSheet();
+    e.replaceSync(`
             dialog::backdrop {
                 background: var(--md-sys-color-scrim, #000);
                 opacity: 0.32;
@@ -700,40 +739,39 @@ let b = class extends F {
             .scrim {
                 display: none !important;
             }
-        `), e.adoptedStyleSheets = [...e.adoptedStyleSheets, t], this.dialogScrimPatched = !0;
+        `), t.adoptedStyleSheets = [...t.adoptedStyleSheets, e], this.dialogScrimPatched = !0;
   }
-  registerTheme(e) {
-    const t = getComputedStyle(this).getPropertyValue("--re-text-color").trim(), i = getComputedStyle(this).getPropertyValue("--re-tile-background-color").trim();
-    this.themeBgColor = i || this.theme?.theme_object?.backgroundColor, this.themeTitleColor = t || this.theme?.theme_object?.title?.textStyle?.color;
+  registerTheme(t) {
+    this.themeBgColor = `var(--re-tile-background-color, ${this.theme?.theme_object?.backgroundColor || "transparent"})`, this.themeTitleColor = `var(--re-text-color, ${this.theme?.theme_object?.title?.textStyle?.color || "inherit"})`;
   }
   openFormDialog() {
     this.dialogOpen = !0;
   }
-  handleFormSubmit(e) {
-    e.preventDefault();
-    const i = e.submitter?.getAttribute("value") ?? "submit", r = e.target, s = new FormData(r), o = this.inputData?.formFields?.map((n, h) => {
-      const l = {
+  handleFormSubmit(t) {
+    t.preventDefault();
+    const r = t.submitter?.getAttribute("value") ?? "submit", i = t.target, s = new FormData(i), o = this.inputData?.formFields?.map((n, h) => {
+      const a = {
         swarm_app_databackend_key: n.targetColumn?.swarm_app_databackend_key,
         table_name: n.targetColumn?.tablename,
         column_name: n.targetColumn?.column
       };
       if (!n.hiddenField && !this.isFieldVisible(n))
-        return { ...l, value: null };
+        return { ...a, value: null };
       const u = this.currentRawValue(n, h, s);
-      return { ...l, value: this.formatValue(u, n.type ?? "textfield") };
+      return { ...a, value: this.formatValue(u, n.type ?? "textfield") };
     });
     if (this.inputData?.deleteFlagColumn && o?.push({
       swarm_app_databackend_key: this.inputData?.deleteFlagColumn?.swarm_app_databackend_key,
       table_name: this.inputData?.deleteFlagColumn?.tablename,
       column_name: this.inputData?.deleteFlagColumn?.column,
-      value: i === "delete"
+      value: r === "delete"
     }), this.dispatchEvent(
       new CustomEvent("data-submit", {
         detail: o,
         bubbles: !1,
         composed: !1
       })
-    ), i === "delete") {
+    ), r === "delete") {
       const n = this.resolveRoute({
         route: this.inputData?.deleteNavigationRoute,
         variables: this.inputData?.variables
@@ -755,23 +793,23 @@ let b = class extends F {
   // and fall back to the single-line key so fields configured before the split
   // keep their values. A value lingering in a hidden twin key after a type
   // switch is ignored.
-  effectivePreFilledValue(e) {
-    return e.type === "textarea" ? e.preFilledValueMultiline ?? e.preFilledValue : e.type === "checkbox" && e.preFilledValueBoolean != null ? String(e.preFilledValueBoolean) : e.preFilledValue;
+  effectivePreFilledValue(t) {
+    return t.type === "textarea" ? t.preFilledValueMultiline ?? t.preFilledValue : t.type === "checkbox" && t.preFilledValueBoolean != null ? String(t.preFilledValueBoolean) : t.preFilledValue;
   }
-  effectiveDefaultValue(e) {
-    return e.type === "textarea" ? e.defaultValueMultiline ?? e.defaultValue : e.type === "checkbox" && e.defaultValueBoolean != null ? String(e.defaultValueBoolean) : e.defaultValue;
+  effectiveDefaultValue(t) {
+    return t.type === "textarea" ? t.defaultValueMultiline ?? t.defaultValue : t.type === "checkbox" && t.defaultValueBoolean != null ? String(t.defaultValueBoolean) : t.defaultValue;
   }
-  formatValue(e, t) {
-    switch (t) {
+  formatValue(t, e) {
+    switch (e) {
       case "numberfield": {
-        if (e === "" || e === null || e === void 0) return null;
-        const i = parseFloat(e);
-        return Number.isNaN(i) ? null : i;
+        if (t === "" || t === null || t === void 0) return null;
+        const r = parseFloat(t);
+        return Number.isNaN(r) ? null : r;
       }
       case "checkbox":
-        return e === "on" || e === "true";
+        return t === "on" || t === "true";
       default:
-        return e;
+        return t;
     }
   }
   // Resolve a field's current raw (string) value, applying the same
@@ -779,119 +817,119 @@ let b = class extends F {
   // submission agree. Checkbox is normalized to 'true'/'false' (matching the
   // literals designers use in a condition list); a field absent from the DOM
   // (hidden by its own condition) yields its effective default value.
-  currentRawValue(e, t, i) {
-    const r = `column-${t}`;
-    if (e.hiddenField)
-      return this.effectivePreFilledValue(e) ?? this.effectiveDefaultValue(e) ?? "";
-    if (e.type === "checkbox") return i.has(r) ? "true" : "false";
-    const s = i.get(r);
-    return s === null || s === "" ? this.effectiveDefaultValue(e) ?? "" : String(s);
+  currentRawValue(t, e, r) {
+    const i = `column-${e}`;
+    if (t.hiddenField)
+      return this.effectivePreFilledValue(t) ?? this.effectiveDefaultValue(t) ?? "";
+    if (t.type === "checkbox") return r.has(i) ? "true" : "false";
+    const s = r.get(i);
+    return s === null || s === "" ? this.effectiveDefaultValue(t) ?? "" : String(s);
   }
   // Rebuild the label→value map on every input/change so conditional-display
   // rules re-evaluate live. A single delegated listener on the <form> catches
   // all field types (Material components bubble input/change within this root).
-  handleFieldChange(e) {
-    const t = e.currentTarget;
-    if (!t) return;
-    const i = new FormData(t), r = {};
+  handleFieldChange(t) {
+    const e = t.currentTarget;
+    if (!e) return;
+    const r = new FormData(e), i = {};
     this.inputData?.formFields?.forEach((s, o) => {
-      s.label && (r[s.label] = this.currentRawValue(s, o, i));
-    }), this.fieldValues = r;
+      s.label && (i[s.label] = this.currentRawValue(s, o, r));
+    }), this.fieldValues = i;
   }
   // A field is visible unless it declares a conditional-display rule whose
   // controlling field (referenced by label) does not currently hold one of the
   // listed values. Fail-open on misconfiguration (unknown field / empty list)
   // so a half-configured rule never silently hides a field and its data.
-  isFieldVisible(e) {
-    const t = e.conditionalDisplay?.conditionField?.trim();
-    if (!t) return !0;
-    const i = (e.conditionalDisplay?.conditionValues ?? "").split(",").map((o) => o.trim()).filter((o) => o !== "");
-    if (i.length === 0) return !0;
-    const r = this.inputData?.formFields?.find((o) => o.label === t);
-    if (!r) return !0;
-    const s = this.fieldValues[t] ?? this.effectivePreFilledValue(r) ?? this.effectiveDefaultValue(r) ?? "";
-    return i.includes(String(s));
-  }
-  renderTextField(e, t) {
+  isFieldVisible(t) {
+    const e = t.conditionalDisplay?.conditionField?.trim();
+    if (!e) return !0;
+    const r = (t.conditionalDisplay?.conditionValues ?? "").split(",").map((o) => o.trim()).filter((o) => o !== "");
+    if (r.length === 0) return !0;
+    const i = this.inputData?.formFields?.find((o) => o.label === e);
+    if (!i) return !0;
+    const s = this.fieldValues[e] ?? this.effectivePreFilledValue(i) ?? this.effectiveDefaultValue(i) ?? "";
+    return r.includes(String(s));
+  }
+  renderTextField(t, e) {
     return $`
             <md-outlined-text-field
-                .name="column-${t}"
-                .label="${e.label ?? ""}"
-                .type="${e.type === "numberfield" ? "number" : "text"}"
-                .value="${e.preFilledValue ?? ""}"
-                .placeholder="${e.defaultValue ?? ""}"
-                .pattern="${e.validation ?? ""}"
-                supporting-text=${e.description ?? ""}
-                validation-message="${e.validationMessage ?? "Invalid input"}"
-                ?required=${e.required && !e.defaultValue && !e.preFilledValue}
+                .name="column-${e}"
+                .label="${t.label ?? ""}"
+                .type="${t.type === "numberfield" ? "number" : "text"}"
+                .value="${t.preFilledValue ?? ""}"
+                .placeholder="${t.defaultValue ?? ""}"
+                .pattern="${nt(t.validation)}"
+                supporting-text=${t.description ?? ""}
+                validation-message="${t.validationMessage ?? "Invalid input"}"
+                ?required=${t.required && !t.defaultValue && !t.preFilledValue}
             ></md-outlined-text-field>
         `;
   }
-  renderNumberField(e, t) {
+  renderNumberField(t, e) {
     return $`
             <md-outlined-text-field
-                .name="column-${t}"
-                .label="${e.label ?? ""}"
+                .name="column-${e}"
+                .label="${t.label ?? ""}"
                 style="width: 200px;"
                 type="number"
-                .value="${e.preFilledValue ?? ""}"
-                .placeholder="${e.defaultValue ?? ""}"
+                .value="${t.preFilledValue ?? ""}"
+                .placeholder="${t.defaultValue ?? ""}"
                 step="any"
-                min=${e.min ?? ""}
-                max=${e.max ?? ""}
-                supporting-text=${e.description ?? ""}
-                ?required=${e.required && !e.defaultValue && !e.preFilledValue}
+                min=${t.min ?? ""}
+                max=${t.max ?? ""}
+                supporting-text=${t.description ?? ""}
+                ?required=${t.required && !t.defaultValue && !t.preFilledValue}
             ></md-outlined-text-field>
         `;
   }
-  renderCheckbox(e, t) {
-    const i = this.effectivePreFilledValue(e), r = this.effectiveDefaultValue(e);
+  renderCheckbox(t, e) {
+    const r = this.effectivePreFilledValue(t), i = this.effectiveDefaultValue(t);
     return $`
             <div class="checkbox-container">
                 <md-checkbox
-                    name="column-${t}"
-                    aria-label=${e.label ?? ""}
-                    ?checked=${String(i ?? r) === "true"}
-                    ?required=${e.required && !r && !i}
+                    name="column-${e}"
+                    aria-label=${t.label ?? ""}
+                    ?checked=${String(r ?? i) === "true"}
+                    ?required=${t.required && !i && !r}
                 ></md-checkbox>
                 <label class="label">
-                    ${e.label}
-                    ${e.description ? $`<span class="supporting-text">${e.description}</span>` : d}
+                    ${t.label}
+                    ${t.description ? $`<span class="supporting-text">${t.description}</span>` : d}
                 </label>
             </div>
         `;
   }
-  renderTextArea(e, t) {
-    const i = this.effectivePreFilledValue(e), r = this.effectiveDefaultValue(e);
+  renderTextArea(t, e) {
+    const r = this.effectivePreFilledValue(t), i = this.effectiveDefaultValue(t);
     return $`
             <md-outlined-text-field
-                .name="column-${t}"
-                .label="${e.label ?? ""}"
+                .name="column-${e}"
+                .label="${t.label ?? ""}"
                 type="textarea"
-                .value="${i ?? ""}"
-                .placeholder="${r ?? ""}"
+                .value="${r ?? ""}"
+                .placeholder="${i ?? ""}"
                 rows="3"
-                ?required=${e.required && !r && !i}
-                supporting-text=${e.description ?? ""}
+                ?required=${t.required && !i && !r}
+                supporting-text=${t.description ?? ""}
             ></md-outlined-text-field>
         `;
   }
-  renderDropdown(e, t) {
+  renderDropdown(t, e) {
     return $`
             <label class="label">
-                ${e.label}
+                ${t.label}
                 <md-outlined-select
-                    name="column-${t}"
-                    .value=${e.preFilledValue ?? e.defaultValue ?? ""}
-                    supporting-text=${e.description ?? ""}
-                    ?required=${e.required && !e.defaultValue && !e.preFilledValue}
+                    name="column-${e}"
+                    .value=${t.preFilledValue ?? t.defaultValue ?? ""}
+                    supporting-text=${t.description ?? ""}
+                    ?required=${t.required && !t.defaultValue && !t.preFilledValue}
                 >
-                    ${ut(
-      e.values ?? [],
-      (i) => i.value,
-      (i) => $`
-                                <md-select-option .value="${i.value ?? ""}">
-                                    ${i.displayLabel}
+                    ${ue(
+      t.values ?? [],
+      (r) => r.value,
+      (r) => $`
+                                <md-select-option .value="${r.value ?? ""}">
+                                    ${r.displayLabel}
                                 </md-select-option>
                             `
     )}
@@ -899,57 +937,70 @@ let b = class extends F {
             </label>
         `;
   }
-  renderDateTimeField(e, t) {
+  renderDateTimeField(t, e) {
     return $`
             <md-outlined-text-field
-                .name="column-${t}"
+                .name="column-${e}"
                 style="width: 200px;"
-                .label="${e.label ?? ""}"
+                .label="${t.label ?? ""}"
                 type="datetime-local"
-                .value="${e.preFilledValue ?? e.defaultValue ?? ""}"
-                supporting-text=${e.description ?? ""}
-                ?required=${e.required && !e.defaultValue && !e.preFilledValue}
+                .value="${t.preFilledValue ?? t.defaultValue ?? ""}"
+                supporting-text=${t.description ?? ""}
+                ?required=${t.required && !t.defaultValue && !t.preFilledValue}
             ></md-outlined-text-field>
         `;
   }
   resetForm() {
     this.formKey++, this.fieldValues = {};
   }
-  resolveRoute(e) {
-    let t = e?.route ?? "";
-    if (t) {
-      if (e?.variables)
-        for (const i of e.variables)
-          i.label && (t = t.split(`{{${i.label}}}`).join(encodeURIComponent(String(i.value ?? ""))));
-      if (t.includes("*")) {
-        const i = (this.route || "").split("/").filter(Boolean), r = t.split("/").filter(Boolean);
-        for (let s = 0; s < r.length; s++)
-          r[s] === "*" && (r[s] = i[s] ?? "");
-        t = (t.startsWith("/") ? "/" : "") + r.filter(Boolean).join("/");
+  resolveRoute(t) {
+    let e = t?.route ?? "";
+    if (e) {
+      if (t?.variables)
+        for (const r of t.variables)
+          r.label && (e = e.split(`{{${r.label}}}`).join(encodeURIComponent(String(r.value ?? ""))));
+      if (e.includes("*")) {
+        const r = (this.route || "").split("/").filter(Boolean), i = e.split("/").filter(Boolean);
+        for (let s = 0; s < i.length; s++)
+          i[s] === "*" && (i[s] = r[s] ?? "");
+        e = (e.startsWith("/") ? "/" : "") + i.filter(Boolean).join("/");
       }
-      return t;
+      return e;
     }
   }
-  cancelEdit(e) {
+  cancelEdit(t) {
     this.resetForm(), this.dialogOpen = !1;
   }
+  /**
+   * Resolved background colour, for the alpha-stripping below.
+   *
+   * themeBgColor holds a var() chain so the tile tracks the host's
+   * --re-tile-background-color live, but a chain cannot be picked apart in
+   * JS. The opaque variant therefore resolves the colour here, at render
+   * time, instead of reading a value cached at the last theme change.
+   */
+  resolvedBgColor() {
+    return getComputedStyle(this).getPropertyValue("--re-tile-background-color").trim() || this.theme?.theme_object?.backgroundColor;
+  }
   render() {
-    const e = this.themeTitleColor, t = this.themeBgColor, i = t?.startsWith("rgba") ? t.replace(/rgba\(([^)]+),\s*[\d.]+\)/, "rgb($1)") : t?.startsWith("#") && t.length === 9 ? t.substring(0, 7) : t?.startsWith("#") && t.length === 5 ? t.substring(0, 4) : t;
+    const t = this.themeTitleColor;
+    this.themeBgColor;
+    const e = this.resolvedBgColor(), r = e?.startsWith("rgba") ? e.replace(/rgba\(([^)]+),\s*[\d.]+\)/, "rgb($1)") : e?.startsWith("#") && e.length === 9 ? e.substring(0, 7) : e?.startsWith("#") && e.length === 5 ? e.substring(0, 4) : e;
     return $`
             <style>
                 :host {
-                    --md-sys-color-on-surface: ${e};
-                    --md-sys-color-on-surface-variant: ${e};
-                    --md-sys-color-outline: ${e};
-                    --md-sys-color-surface-container: ${i};
+                    --md-sys-color-on-surface: ${t};
+                    --md-sys-color-on-surface-variant: ${t};
+                    --md-sys-color-outline: ${t};
+                    --md-sys-color-surface-container: ${r};
                     /* Dialog container and select dropdown panel always use the
                        alpha-stripped color so they stay fully opaque regardless of
                        the theme's (possibly translucent) background. */
-                    --md-dialog-container-color: ${i};
-                    --md-menu-container-color: ${i};
-                    --md-menu-item-selected-container-color: ${i};
-                    --md-menu-item-selected-label-text-color: ${e};
-                    color: ${e};
+                    --md-dialog-container-color: ${r};
+                    --md-menu-container-color: ${r};
+                    --md-menu-item-selected-container-color: ${r};
+                    --md-menu-item-selected-label-text-color: ${t};
+                    color: ${t};
                 }
             </style>
             <div class="header">
@@ -980,11 +1031,11 @@ let b = class extends F {
                           class="form"
                           quick
                           ?open=${this.dialogOpen}
-                          @cancel=${(r) => {
-      r.preventDefault();
+                          @cancel=${(i) => {
+      i.preventDefault();
     }}
-                          @keydown=${(r) => {
-      r.key === "Escape" && r.preventDefault();
+                          @keydown=${(i) => {
+      i.key === "Escape" && i.preventDefault();
     }}
                           @closed=${() => this.dialogOpen = !1}
                       >
@@ -1026,7 +1077,7 @@ let b = class extends F {
         `;
   }
   renderForm() {
-    return Zt(
+    return Qe(
       this.formKey,
       $`
                 <form
@@ -1038,24 +1089,24 @@ let b = class extends F {
                     @input=${this.handleFieldChange}
                     @change=${this.handleFieldChange}
                 >
-                    ${ut(
+                    ${ue(
         this.inputData?.formFields ?? [],
-        (e, t) => t,
-        (e, t) => {
-          if (e.hiddenField || !this.isFieldVisible(e)) return d;
-          switch (e.type) {
+        (t, e) => e,
+        (t, e) => {
+          if (t.hiddenField || !this.isFieldVisible(t)) return d;
+          switch (t.type) {
             case "textfield":
-              return this.renderTextField(e, t);
+              return this.renderTextField(t, e);
             case "numberfield":
-              return this.renderNumberField(e, t);
+              return this.renderNumberField(t, e);
             case "datetime":
-              return this.renderDateTimeField(e, t);
+              return this.renderDateTimeField(t, e);
             case "textarea":
-              return this.renderTextArea(e, t);
+              return this.renderTextArea(t, e);
             case "dropdown":
-              return this.renderDropdown(e, t);
+              return this.renderDropdown(t, e);
             case "checkbox":
-              return this.renderCheckbox(e, t);
+              return this.renderCheckbox(t, e);
           }
         }
       )}
@@ -1064,7 +1115,7 @@ let b = class extends F {
     );
   }
 };
-b.styles = vt`
+b.styles = xe`
         :host {
             display: flex;
             flex-direction: column;
@@ -1231,13 +1282,13 @@ b.styles = vt`
         }
     `;
 g([
-  z({ type: Object })
+  q({ type: Object })
 ], b.prototype, "inputData", 2);
 g([
-  z({ type: Object })
+  q({ type: Object })
 ], b.prototype, "theme", 2);
 g([
-  z({ type: String })
+  q({ type: String })
 ], b.prototype, "route", 2);
 g([
   M()
@@ -1249,7 +1300,7 @@ g([
   M()
 ], b.prototype, "dialogOpen", 2);
 g([
-  Yt("md-dialog")
+  tt("md-dialog")
 ], b.prototype, "dialog", 2);
 g([
   M()
@@ -1258,7 +1309,7 @@ g([
   M()
 ], b.prototype, "fieldValues", 2);
 b = g([
-  Jt("widget-form-1.0.32")
+  Ge("widget-form-1.0.34")
 ], b);
 export {
   b as WidgetForm