@record-evolution/widget-form 1.0.18 → 1.0.19

package/dist/widget-form.js

@@ -10,16 +10,16 @@ import "@material/web/select/outlined-select.js";
 import "@material/web/select/select-option.js";
 const H = globalThis, W = H.ShadowRoot && (H.ShadyCSS === void 0 || H.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, K = /* @__PURE__ */ Symbol(), Y = /* @__PURE__ */ new WeakMap();
 let dt = class {
-  constructor(t, s, i) {
-    if (this._$cssResult$ = !0, i !== K) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+  constructor(t, s, r) {
+    if (this._$cssResult$ = !0, r !== K) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = t, this.t = s;
   }
   get styleSheet() {
     let t = this.o;
     const s = this.t;
     if (W && t === void 0) {
-      const i = s !== void 0 && s.length === 1;
-      i && (t = Y.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Y.set(s, t));
+      const r = s !== void 0 && s.length === 1;
+      r && (t = Y.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && Y.set(s, t));
     }
     return t;
   }
@@ -28,27 +28,27 @@ let dt = class {
   }
 };
 const yt = (e) => new dt(typeof e == "string" ? e : e + "", void 0, K), vt = (e, ...t) => {
-  const s = e.length === 1 ? e[0] : t.reduce(((i, r, n) => i + ((o) => {
+  const s = e.length === 1 ? e[0] : t.reduce(((r, i, n) => r + ((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) + e[n + 1]), e[0]);
+  })(i) + e[n + 1]), e[0]);
   return new dt(s, e, K);
 }, At = (e, t) => {
   if (W) e.adoptedStyleSheets = t.map(((s) => s instanceof CSSStyleSheet ? s : s.styleSheet));
   else for (const s of t) {
-    const i = document.createElement("style"), r = H.litNonce;
-    r !== void 0 && i.setAttribute("nonce", r), i.textContent = s.cssText, e.appendChild(i);
+    const r = document.createElement("style"), i = H.litNonce;
+    i !== void 0 && r.setAttribute("nonce", i), r.textContent = s.cssText, e.appendChild(r);
   }
 }, tt = W ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let s = "";
-  for (const i of t.cssRules) s += i.cssText;
+  for (const r of t.cssRules) s += r.cssText;
   return yt(s);
 })(e) : e;
-const { is: xt, defineProperty: wt, getOwnPropertyDescriptor: Et, getOwnPropertyNames: St, getOwnPropertySymbols: Ct, getPrototypeOf: Pt } = Object, R = globalThis, et = R.trustedTypes, Dt = et ? et.emptyScript : "", Ot = R.reactiveElementPolyfillSupport, T = (e, t) => e, V = { toAttribute(e, t) {
+const { is: xt, defineProperty: wt, getOwnPropertyDescriptor: Et, getOwnPropertyNames: St, getOwnPropertySymbols: Ct, getPrototypeOf: Pt } = Object, R = globalThis, et = R.trustedTypes, kt = et ? et.emptyScript : "", Dt = R.reactiveElementPolyfillSupport, O = (e, t) => e, V = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? Dt : null;
+      e = e ? kt : null;
       break;
     case Object:
     case Array:
@@ -84,58 +84,58 @@ let S = class extends HTMLElement {
   }
   static createProperty(t, s = st) {
     if (s.state && (s.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((s = Object.create(s)).wrapped = !0), this.elementProperties.set(t, s), !s.noAccessor) {
-      const i = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, i, s);
-      r !== void 0 && wt(this.prototype, t, r);
+      const r = /* @__PURE__ */ Symbol(), i = this.getPropertyDescriptor(t, r, s);
+      i !== void 0 && wt(this.prototype, t, i);
     }
   }
-  static getPropertyDescriptor(t, s, i) {
-    const { get: r, set: n } = Et(this.prototype, t) ?? { get() {
+  static getPropertyDescriptor(t, s, r) {
+    const { get: i, set: n } = Et(this.prototype, t) ?? { get() {
       return this[s];
     }, set(o) {
       this[s] = o;
     } };
-    return { get: r, set(o) {
-      const h = r?.call(this);
-      n?.call(this, o), this.requestUpdate(t, h, i);
+    return { get: i, set(o) {
+      const h = i?.call(this);
+      n?.call(this, o), this.requestUpdate(t, h, r);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
     return this.elementProperties.get(t) ?? st;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(T("elementProperties"))) return;
+    if (this.hasOwnProperty(O("elementProperties"))) return;
     const t = Pt(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(T("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
-      const s = this.properties, i = [...St(s), ...Ct(s)];
-      for (const r of i) this.createProperty(r, s[r]);
+    if (this.hasOwnProperty(O("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(O("properties"))) {
+      const s = this.properties, r = [...St(s), ...Ct(s)];
+      for (const i of r) this.createProperty(i, s[i]);
     }
     const t = this[Symbol.metadata];
     if (t !== null) {
       const s = litPropertyMetadata.get(t);
-      if (s !== void 0) for (const [i, r] of s) this.elementProperties.set(i, r);
+      if (s !== void 0) for (const [r, i] of s) this.elementProperties.set(r, i);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [s, i] of this.elementProperties) {
-      const r = this._$Eu(s, i);
-      r !== void 0 && this._$Eh.set(r, s);
+    for (const [s, r] of this.elementProperties) {
+      const i = this._$Eu(s, r);
+      i !== void 0 && this._$Eh.set(i, s);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
   }
   static finalizeStyles(t) {
     const s = [];
     if (Array.isArray(t)) {
-      const i = new Set(t.flat(1 / 0).reverse());
-      for (const r of i) s.unshift(tt(r));
+      const r = new Set(t.flat(1 / 0).reverse());
+      for (const i of r) s.unshift(tt(i));
     } else t !== void 0 && s.push(tt(t));
     return s;
   }
   static _$Eu(t, s) {
-    const i = s.attribute;
-    return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
+    const r = s.attribute;
+    return r === !1 ? void 0 : typeof r == "string" ? r : typeof t == "string" ? t.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -151,7 +151,7 @@ let S = class extends HTMLElement {
   }
   _$E_() {
     const t = /* @__PURE__ */ new Map(), s = this.constructor.elementProperties;
-    for (const i of s.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
+    for (const r of s.keys()) this.hasOwnProperty(r) && (t.set(r, this[r]), delete this[r]);
     t.size > 0 && (this._$Ep = t);
   }
   createRenderRoot() {
@@ -166,33 +166,33 @@ let S = class extends HTMLElement {
   disconnectedCallback() {
     this._$EO?.forEach(((t) => t.hostDisconnected?.()));
   }
-  attributeChangedCallback(t, s, i) {
-    this._$AK(t, i);
+  attributeChangedCallback(t, s, r) {
+    this._$AK(t, r);
   }
   _$ET(t, s) {
-    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 : V).toAttribute(s, i.type);
-      this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
+    const r = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, r);
+    if (i !== void 0 && r.reflect === !0) {
+      const n = (r.converter?.toAttribute !== void 0 ? r.converter : V).toAttribute(s, r.type);
+      this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
     }
   }
   _$AK(t, s) {
-    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 : V;
-      this._$Em = r, this[r] = o.fromAttribute(s, n.type) ?? this._$Ej?.get(r) ?? null, this._$Em = null;
+    const r = this.constructor, i = r._$Eh.get(t);
+    if (i !== void 0 && this._$Em !== i) {
+      const n = r.getPropertyOptions(i), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : V;
+      this._$Em = i, this[i] = o.fromAttribute(s, n.type) ?? this._$Ej?.get(i) ?? null, this._$Em = null;
     }
   }
-  requestUpdate(t, s, i) {
+  requestUpdate(t, s, r) {
     if (t !== void 0) {
-      const r = this.constructor, n = this[t];
-      if (i ??= r.getPropertyOptions(t), !((i.hasChanged ?? Z)(n, s) || i.useDefault && i.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, i)))) return;
-      this.C(t, s, i);
+      const i = this.constructor, n = this[t];
+      if (r ??= i.getPropertyOptions(t), !((r.hasChanged ?? Z)(n, s) || r.useDefault && r.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, r)))) return;
+      this.C(t, s, r);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(t, s, { useDefault: i, reflect: r, wrapped: n }, o) {
-    i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, o ?? s ?? this[t]), n !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (s = void 0), this._$AL.set(t, s)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
+  C(t, s, { useDefault: r, reflect: i, wrapped: n }, o) {
+    r && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, o ?? s ?? this[t]), n !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || r || (s = void 0), this._$AL.set(t, s)), i === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -211,21 +211,21 @@ let S = class extends HTMLElement {
     if (!this.isUpdatePending) return;
     if (!this.hasUpdated) {
       if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
-        for (const [r, n] of this._$Ep) this[r] = n;
+        for (const [i, n] of this._$Ep) this[i] = n;
         this._$Ep = void 0;
       }
-      const i = this.constructor.elementProperties;
-      if (i.size > 0) for (const [r, n] of i) {
-        const { wrapped: o } = n, h = this[r];
-        o !== !0 || this._$AL.has(r) || h === void 0 || this.C(r, void 0, n, h);
+      const r = this.constructor.elementProperties;
+      if (r.size > 0) for (const [i, n] of r) {
+        const { wrapped: o } = n, h = this[i];
+        o !== !0 || this._$AL.has(i) || h === void 0 || this.C(i, void 0, n, h);
       }
     }
     let t = !1;
     const s = this._$AL;
     try {
-      t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(((i) => i.hostUpdate?.())), this.update(s)) : this._$EM();
-    } catch (i) {
-      throw t = !1, this._$EM(), i;
+      t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(((r) => r.hostUpdate?.())), this.update(s)) : this._$EM();
+    } catch (r) {
+      throw t = !1, this._$EM(), r;
     }
     t && this._$AE(s);
   }
@@ -254,68 +254,68 @@ let S = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[T("elementProperties")] = /* @__PURE__ */ new Map(), S[T("finalized")] = /* @__PURE__ */ new Map(), Ot?.({ ReactiveElement: S }), (R.reactiveElementVersions ??= []).push("2.1.0");
-const J = globalThis, N = J.trustedTypes, it = N ? N.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pt = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, mt = "?" + y, Tt = `<${mt}>`, w = document, k = () => w.createComment(""), M = (e) => e === null || typeof e != "object" && typeof e != "function", Q = Array.isArray, Ut = (e) => Q(e) || typeof e?.[Symbol.iterator] == "function", I = `[ 	
-\f\r]`, D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, rt = /-->/g, ot = />/g, v = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, lt = /"/g, $t = /^(?:script|style|textarea|title)$/i, kt = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), f = kt(1), E = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), at = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
+S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[O("elementProperties")] = /* @__PURE__ */ new Map(), S[O("finalized")] = /* @__PURE__ */ new Map(), Dt?.({ ReactiveElement: S }), (R.reactiveElementVersions ??= []).push("2.1.0");
+const J = globalThis, N = J.trustedTypes, rt = N ? N.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pt = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, mt = "?" + y, Ot = `<${mt}>`, w = document, U = () => w.createComment(""), M = (e) => e === null || typeof e != "object" && typeof e != "function", Q = Array.isArray, Tt = (e) => Q(e) || typeof e?.[Symbol.iterator] == "function", I = `[ 	
+\f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, it = /-->/g, ot = />/g, v = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, lt = /"/g, $t = /^(?:script|style|textarea|title)$/i, Ut = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), f = Ut(1), E = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), at = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
 function ft(e, t) {
   if (!Q(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
-  return it !== void 0 ? it.createHTML(t) : t;
+  return rt !== void 0 ? rt.createHTML(t) : t;
 }
 const Mt = (e, t) => {
-  const s = e.length - 1, i = [];
-  let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = D;
+  const s = e.length - 1, r = [];
+  let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = k;
   for (let h = 0; h < s; h++) {
     const l = e[h];
     let c, p, a = -1, d = 0;
-    for (; d < l.length && (o.lastIndex = d, p = o.exec(l), p !== null); ) d = o.lastIndex, o === D ? p[1] === "!--" ? o = rt : p[1] !== void 0 ? o = ot : p[2] !== void 0 ? ($t.test(p[2]) && (r = RegExp("</" + p[2], "g")), o = v) : p[3] !== void 0 && (o = v) : o === v ? p[0] === ">" ? (o = r ?? D, a = -1) : p[1] === void 0 ? a = -2 : (a = o.lastIndex - p[2].length, c = p[1], o = p[3] === void 0 ? v : p[3] === '"' ? lt : nt) : o === lt || o === nt ? o = v : o === rt || o === ot ? o = D : (o = v, r = void 0);
+    for (; d < l.length && (o.lastIndex = d, p = o.exec(l), p !== null); ) d = o.lastIndex, o === k ? p[1] === "!--" ? o = it : p[1] !== void 0 ? o = ot : p[2] !== void 0 ? ($t.test(p[2]) && (i = RegExp("</" + p[2], "g")), o = v) : p[3] !== void 0 && (o = v) : o === v ? p[0] === ">" ? (o = i ?? k, a = -1) : p[1] === void 0 ? a = -2 : (a = o.lastIndex - p[2].length, c = p[1], o = p[3] === void 0 ? v : p[3] === '"' ? lt : nt) : o === lt || o === nt ? o = v : o === it || o === ot ? o = k : (o = v, i = void 0);
     const u = o === v && e[h + 1].startsWith("/>") ? " " : "";
-    n += o === D ? l + Tt : a >= 0 ? (i.push(c), l.slice(0, a) + pt + l.slice(a) + y + u) : l + y + (a === -2 ? h : u);
+    n += o === k ? l + Ot : a >= 0 ? (r.push(c), l.slice(0, a) + pt + l.slice(a) + y + u) : l + y + (a === -2 ? h : u);
   }
-  return [ft(e, n + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
+  return [ft(e, n + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
 };
 class F {
-  constructor({ strings: t, _$litType$: s }, i) {
-    let r;
+  constructor({ strings: t, _$litType$: s }, r) {
+    let i;
     this.parts = [];
     let n = 0, o = 0;
     const h = t.length - 1, l = this.parts, [c, p] = Mt(t, s);
-    if (this.el = F.createElement(c, i), x.currentNode = this.el.content, s === 2 || s === 3) {
+    if (this.el = F.createElement(c, r), x.currentNode = this.el.content, s === 2 || s === 3) {
       const a = this.el.content.firstChild;
       a.replaceWith(...a.childNodes);
     }
-    for (; (r = x.nextNode()) !== null && l.length < h; ) {
-      if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const a of r.getAttributeNames()) if (a.endsWith(pt)) {
-          const d = p[o++], u = r.getAttribute(a).split(y), $ = /([.?@])?(.*)/.exec(d);
-          l.push({ type: 1, index: n, name: $[2], strings: u, ctor: $[1] === "." ? Ht : $[1] === "?" ? Vt : $[1] === "@" ? Nt : j }), r.removeAttribute(a);
-        } else a.startsWith(y) && (l.push({ type: 6, index: n }), r.removeAttribute(a));
-        if ($t.test(r.tagName)) {
-          const a = r.textContent.split(y), d = a.length - 1;
+    for (; (i = x.nextNode()) !== null && l.length < h; ) {
+      if (i.nodeType === 1) {
+        if (i.hasAttributes()) for (const a of i.getAttributeNames()) if (a.endsWith(pt)) {
+          const d = p[o++], u = i.getAttribute(a).split(y), $ = /([.?@])?(.*)/.exec(d);
+          l.push({ type: 1, index: n, name: $[2], strings: u, ctor: $[1] === "." ? Ht : $[1] === "?" ? Vt : $[1] === "@" ? Nt : j }), i.removeAttribute(a);
+        } else a.startsWith(y) && (l.push({ type: 6, index: n }), i.removeAttribute(a));
+        if ($t.test(i.tagName)) {
+          const a = i.textContent.split(y), d = a.length - 1;
           if (d > 0) {
-            r.textContent = N ? N.emptyScript : "";
-            for (let u = 0; u < d; u++) r.append(a[u], k()), x.nextNode(), l.push({ type: 2, index: ++n });
-            r.append(a[d], k());
+            i.textContent = N ? N.emptyScript : "";
+            for (let u = 0; u < d; u++) i.append(a[u], U()), x.nextNode(), l.push({ type: 2, index: ++n });
+            i.append(a[d], U());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === mt) l.push({ type: 2, index: n });
+      } else if (i.nodeType === 8) if (i.data === mt) l.push({ type: 2, index: n });
       else {
         let a = -1;
-        for (; (a = r.data.indexOf(y, a + 1)) !== -1; ) l.push({ type: 7, index: n }), a += y.length - 1;
+        for (; (a = i.data.indexOf(y, a + 1)) !== -1; ) l.push({ type: 7, index: n }), a += y.length - 1;
       }
       n++;
     }
   }
   static createElement(t, s) {
-    const i = w.createElement("template");
-    return i.innerHTML = t, i;
+    const r = w.createElement("template");
+    return r.innerHTML = t, r;
   }
 }
-function C(e, t, s = e, i) {
+function C(e, t, s = e, r) {
   if (t === E) return t;
-  let r = i !== void 0 ? s._$Co?.[i] : s._$Cl;
+  let i = r !== void 0 ? s._$Co?.[r] : s._$Cl;
   const n = M(t) ? void 0 : t._$litDirective$;
-  return r?.constructor !== n && (r?._$AO?.(!1), n === void 0 ? r = void 0 : (r = new n(e), r._$AT(e, s, i)), i !== void 0 ? (s._$Co ??= [])[i] = r : s._$Cl = r), r !== void 0 && (t = C(e, r._$AS(e, t.values), r, i)), t;
+  return i?.constructor !== n && (i?._$AO?.(!1), n === void 0 ? i = void 0 : (i = new n(e), i._$AT(e, s, r)), r !== void 0 ? (s._$Co ??= [])[r] = i : s._$Cl = i), i !== void 0 && (t = C(e, i._$AS(e, t.values), i, r)), t;
 }
 let Ft = class {
   constructor(t, s) {
@@ -328,29 +328,29 @@ let Ft = class {
     return this._$AM._$AU;
   }
   u(t) {
-    const { el: { content: s }, parts: i } = this._$AD, r = (t?.creationScope ?? w).importNode(s, !0);
-    x.currentNode = r;
-    let n = x.nextNode(), o = 0, h = 0, l = i[0];
+    const { el: { content: s }, parts: r } = this._$AD, i = (t?.creationScope ?? w).importNode(s, !0);
+    x.currentNode = i;
+    let n = x.nextNode(), o = 0, h = 0, l = r[0];
     for (; l !== void 0; ) {
       if (o === l.index) {
         let c;
-        l.type === 2 ? c = new P(n, n.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(n, l.name, l.strings, this, t) : l.type === 6 && (c = new Rt(n, this, t)), this._$AV.push(c), l = i[++h];
+        l.type === 2 ? c = new P(n, n.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(n, l.name, l.strings, this, t) : l.type === 6 && (c = new Rt(n, this, t)), this._$AV.push(c), l = r[++h];
       }
       o !== l?.index && (n = x.nextNode(), o++);
     }
-    return x.currentNode = w, r;
+    return x.currentNode = w, i;
   }
   p(t) {
     let s = 0;
-    for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, s), s += i.strings.length - 2) : i._$AI(t[s])), s++;
+    for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, s), s += r.strings.length - 2) : r._$AI(t[s])), s++;
   }
 };
 class P {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
-  constructor(t, s, i, r) {
-    this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
+  constructor(t, s, r, i) {
+    this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = r, this.options = i, this._$Cv = i?.isConnected ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -364,7 +364,7 @@ class P {
     return this._$AB;
   }
   _$AI(t, s = this) {
-    t = C(this, t, s), M(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ut(t) ? this.k(t) : this._(t);
+    t = C(this, t, s), M(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Tt(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -376,10 +376,10 @@ class P {
     this._$AH !== m && M(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
   }
   $(t) {
-    const { values: s, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = F.createElement(ft(i.h, i.h[0]), this.options)), i);
-    if (this._$AH?._$AD === r) this._$AH.p(s);
+    const { values: s, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = F.createElement(ft(r.h, r.h[0]), this.options)), r);
+    if (this._$AH?._$AD === i) this._$AH.p(s);
     else {
-      const n = new Ft(r, this), o = n.u(this.options);
+      const n = new Ft(i, this), o = n.u(this.options);
       n.p(s), this.T(o), this._$AH = n;
     }
   }
@@ -390,14 +390,14 @@ class P {
   k(t) {
     Q(this._$AH) || (this._$AH = [], this._$AR());
     const s = this._$AH;
-    let i, r = 0;
-    for (const n of t) r === s.length ? s.push(i = new P(this.O(k()), this.O(k()), this, this.options)) : i = s[r], i._$AI(n), r++;
-    r < s.length && (this._$AR(i && i._$AB.nextSibling, r), s.length = r);
+    let r, i = 0;
+    for (const n of t) i === s.length ? s.push(r = new P(this.O(U()), this.O(U()), this, this.options)) : r = s[i], r._$AI(n), i++;
+    i < s.length && (this._$AR(r && r._$AB.nextSibling, i), s.length = i);
   }
   _$AR(t = this._$AA.nextSibling, s) {
     for (this._$AP?.(!1, !0, s); t && t !== this._$AB; ) {
-      const i = t.nextSibling;
-      t.remove(), t = i;
+      const r = t.nextSibling;
+      t.remove(), t = r;
     }
   }
   setConnected(t) {
@@ -411,19 +411,19 @@ class j {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(t, s, i, r, n) {
-    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = t, this.name = s, 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 = m;
+  constructor(t, s, r, i, n) {
+    this.type = 1, this._$AH = m, this._$AN = void 0, this.element = t, this.name = s, this._$AM = i, this.options = n, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = m;
   }
-  _$AI(t, s = this, i, r) {
+  _$AI(t, s = this, r, i) {
     const n = this.strings;
     let o = !1;
     if (n === void 0) t = C(this, t, s, 0), o = !M(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
     else {
       const h = t;
       let l, c;
-      for (t = n[0], l = 0; l < n.length - 1; l++) c = C(this, h[i + l], s, l), c === E && (c = this._$AH[l]), o ||= !M(c) || c !== this._$AH[l], c === m ? t = m : t !== m && (t += (c ?? "") + n[l + 1]), this._$AH[l] = c;
+      for (t = n[0], l = 0; l < n.length - 1; l++) c = C(this, h[r + l], s, l), c === E && (c = this._$AH[l]), o ||= !M(c) || c !== this._$AH[l], c === m ? t = m : t !== m && (t += (c ?? "") + n[l + 1]), this._$AH[l] = c;
     }
-    o && !r && this.j(t);
+    o && !i && this.j(t);
   }
   j(t) {
     t === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
@@ -446,21 +446,21 @@ class Vt extends j {
   }
 }
 class Nt extends j {
-  constructor(t, s, i, r, n) {
-    super(t, s, i, r, n), this.type = 5;
+  constructor(t, s, r, i, n) {
+    super(t, s, r, i, n), this.type = 5;
   }
   _$AI(t, s = this) {
     if ((t = C(this, t, s, 0) ?? m) === E) return;
-    const i = this._$AH, r = t === m && i !== m || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== m && (i === m || r);
-    r && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
+    const r = this._$AH, i = t === m && r !== m || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, n = t !== m && (r === m || i);
+    i && this.element.removeEventListener(this.name, this, r), 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 Rt {
-  constructor(t, s, i) {
-    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
+  constructor(t, s, r) {
+    this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = r;
   }
   get _$AU() {
     return this._$AM._$AU;
@@ -472,16 +472,16 @@ class Rt {
 const jt = { I: P }, Bt = J.litHtmlPolyfillSupport;
 Bt?.(F, P), (J.litHtmlVersions ??= []).push("3.3.0");
 const qt = (e, t, s) => {
-  const i = s?.renderBefore ?? t;
-  let r = i._$litPart$;
-  if (r === void 0) {
+  const r = s?.renderBefore ?? t;
+  let i = r._$litPart$;
+  if (i === void 0) {
     const n = s?.renderBefore ?? null;
-    i._$litPart$ = r = new P(t.insertBefore(k(), n), n, void 0, s ?? {});
+    r._$litPart$ = i = new P(t.insertBefore(U(), n), n, void 0, s ?? {});
   }
-  return r._$AI(e), r;
+  return i._$AI(e), i;
 };
 const G = globalThis;
-let U = class extends S {
+let T = class extends S {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -503,19 +503,19 @@ let U = class extends S {
     return E;
   }
 };
-U._$litElement$ = !0, U.finalized = !0, G.litElementHydrateSupport?.({ LitElement: U });
+T._$litElement$ = !0, T.finalized = !0, G.litElementHydrateSupport?.({ LitElement: T });
 const zt = G.litElementPolyfillSupport;
-zt?.({ LitElement: U });
+zt?.({ LitElement: T });
 (G.litElementVersions ??= []).push("4.2.0");
 const It = { CHILD: 2 }, bt = (e) => (...t) => ({ _$litDirective$: e, values: t });
-let _t = class {
+let gt = class {
   constructor(t) {
   }
   get _$AU() {
     return this._$AM._$AU;
   }
-  _$AT(t, s, i) {
-    this._$Ct = t, this._$AM = s, this._$Ci = i;
+  _$AT(t, s, r) {
+    this._$Ct = t, this._$AM = s, this._$Ci = r;
   }
   _$AS(t, s) {
     return this.update(t, s);
@@ -524,10 +524,10 @@ let _t = class {
     return this.render(...s);
   }
 };
-const { I: Lt } = jt, ht = () => document.createComment(""), O = (e, t, s) => {
-  const i = e._$AA.parentNode, r = t === void 0 ? e._$AB : t._$AA;
+const { I: Lt } = jt, ht = () => document.createComment(""), D = (e, t, s) => {
+  const r = e._$AA.parentNode, i = t === void 0 ? e._$AB : t._$AA;
   if (s === void 0) {
-    const n = i.insertBefore(ht(), r), o = i.insertBefore(ht(), r);
+    const n = r.insertBefore(ht(), i), o = r.insertBefore(ht(), i);
     s = new Lt(n, o, e, e.options);
   } else {
     const n = s._$AB.nextSibling, o = s._$AM, h = o !== e;
@@ -535,75 +535,75 @@ const { I: Lt } = jt, ht = () => document.createComment(""), O = (e, t, s) => {
       let l;
       s._$AQ?.(e), s._$AM = e, s._$AP !== void 0 && (l = e._$AU) !== o._$AU && s._$AP(l);
     }
-    if (n !== r || h) {
+    if (n !== i || h) {
       let l = s._$AA;
       for (; l !== n; ) {
         const c = l.nextSibling;
-        i.insertBefore(l, r), l = c;
+        r.insertBefore(l, i), l = c;
       }
     }
   }
   return s;
-}, A = (e, t, s = e) => (e._$AI(t, s), e), Wt = {}, gt = (e, t = Wt) => e._$AH = t, Kt = (e) => e._$AH, L = (e) => {
+}, A = (e, t, s = e) => (e._$AI(t, s), e), Wt = {}, _t = (e, t = Wt) => e._$AH = t, Kt = (e) => e._$AH, L = (e) => {
   e._$AP?.(!1, !0);
   let t = e._$AA;
   const s = e._$AB.nextSibling;
   for (; t !== s; ) {
-    const i = t.nextSibling;
-    t.remove(), t = i;
+    const r = t.nextSibling;
+    t.remove(), t = r;
   }
 };
 const ct = (e, t, s) => {
-  const i = /* @__PURE__ */ new Map();
-  for (let r = t; r <= s; r++) i.set(e[r], r);
-  return i;
-}, ut = bt(class extends _t {
+  const r = /* @__PURE__ */ new Map();
+  for (let i = t; i <= s; i++) r.set(e[i], i);
+  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");
   }
   dt(e, t, s) {
-    let i;
-    s === void 0 ? s = t : t !== void 0 && (i = t);
-    const r = [], n = [];
+    let r;
+    s === void 0 ? s = t : t !== void 0 && (r = t);
+    const i = [], n = [];
     let o = 0;
-    for (const h of e) r[o] = i ? i(h, o) : o, n[o] = s(h, o), o++;
-    return { values: n, keys: r };
+    for (const h of e) i[o] = r ? r(h, o) : o, n[o] = s(h, o), o++;
+    return { values: n, keys: i };
   }
   render(e, t, s) {
     return this.dt(e, t, s).values;
   }
-  update(e, [t, s, i]) {
-    const r = Kt(e), { values: n, keys: o } = this.dt(t, s, i);
-    if (!Array.isArray(r)) return this.ut = o, n;
+  update(e, [t, s, r]) {
+    const i = Kt(e), { values: n, keys: o } = this.dt(t, s, r);
+    if (!Array.isArray(i)) return this.ut = o, n;
     const h = this.ut ??= [], l = [];
-    let c, p, a = 0, d = r.length - 1, u = 0, $ = n.length - 1;
-    for (; a <= d && u <= $; ) if (r[a] === null) a++;
-    else if (r[d] === null) d--;
-    else if (h[a] === o[u]) l[u] = A(r[a], n[u]), a++, u++;
-    else if (h[d] === o[$]) l[$] = A(r[d], n[$]), d--, $--;
-    else if (h[a] === o[$]) l[$] = A(r[a], n[$]), O(e, l[$ + 1], r[a]), a++, $--;
-    else if (h[d] === o[u]) l[u] = A(r[d], n[u]), O(e, r[a], r[d]), d--, u++;
+    let c, p, a = 0, d = i.length - 1, u = 0, $ = n.length - 1;
+    for (; a <= d && u <= $; ) if (i[a] === null) a++;
+    else if (i[d] === null) d--;
+    else if (h[a] === o[u]) l[u] = A(i[a], n[u]), a++, u++;
+    else if (h[d] === o[$]) l[$] = A(i[d], n[$]), d--, $--;
+    else if (h[a] === o[$]) l[$] = A(i[a], n[$]), D(e, l[$ + 1], i[a]), a++, $--;
+    else if (h[d] === o[u]) l[u] = A(i[d], n[u]), D(e, i[a], i[d]), d--, u++;
     else if (c === void 0 && (c = ct(o, u, $), p = ct(h, a, d)), c.has(h[a])) if (c.has(h[d])) {
-      const _ = p.get(o[u]), z = _ !== void 0 ? r[_] : null;
+      const g = p.get(o[u]), z = g !== void 0 ? i[g] : null;
       if (z === null) {
-        const X = O(e, r[a]);
+        const X = D(e, i[a]);
         A(X, n[u]), l[u] = X;
-      } else l[u] = A(z, n[u]), O(e, r[a], z), r[_] = null;
+      } else l[u] = A(z, n[u]), D(e, i[a], z), i[g] = null;
       u++;
-    } else L(r[d]), d--;
-    else L(r[a]), a++;
+    } else L(i[d]), d--;
+    else L(i[a]), a++;
     for (; u <= $; ) {
-      const _ = O(e, l[$ + 1]);
-      A(_, n[u]), l[u++] = _;
+      const g = D(e, l[$ + 1]);
+      A(g, n[u]), l[u++] = g;
     }
     for (; a <= d; ) {
-      const _ = r[a++];
-      _ !== null && L(_);
+      const g = i[a++];
+      g !== null && L(g);
     }
-    return this.ut = o, gt(e, l), E;
+    return this.ut = o, _t(e, l), E;
   }
 });
-const Zt = bt(class extends _t {
+const Zt = bt(class extends gt {
   constructor() {
     super(...arguments), this.key = m;
   }
@@ -611,7 +611,7 @@ const Zt = bt(class extends _t {
     return this.key = e, t;
   }
   update(e, [t, s]) {
-    return t !== this.key && (gt(e), this.key = t), s;
+    return t !== this.key && (_t(e), this.key = t), s;
   }
 });
 const Jt = (e) => (t, s) => {
@@ -620,9 +620,9 @@ const Jt = (e) => (t, s) => {
   })) : customElements.define(e, t);
 };
 const Qt = { attribute: !0, type: String, converter: V, reflect: !1, hasChanged: Z }, Gt = (e = Qt, t, s) => {
-  const { kind: i, metadata: r } = s;
-  let n = globalThis.litPropertyMetadata.get(r);
-  if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), i === "setter" && ((e = Object.create(e)).wrapped = !0), n.set(s.name, e), i === "accessor") {
+  const { kind: r, metadata: i } = s;
+  let n = globalThis.litPropertyMetadata.get(i);
+  if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), r === "setter" && ((e = Object.create(e)).wrapped = !0), n.set(s.name, e), r === "accessor") {
     const { name: o } = s;
     return { set(h) {
       const l = t.get.call(this);
@@ -631,19 +631,19 @@ const Qt = { attribute: !0, type: String, converter: V, reflect: !1, hasChanged:
       return h !== void 0 && this.C(o, void 0, e, h), h;
     } };
   }
-  if (i === "setter") {
+  if (r === "setter") {
     const { name: o } = s;
     return function(h) {
       const l = this[o];
       t.call(this, h), this.requestUpdate(o, l, e);
     };
   }
-  throw Error("Unsupported decorator location: " + i);
+  throw Error("Unsupported decorator location: " + r);
 };
 function B(e) {
-  return (t, s) => typeof s == "object" ? Gt(e, t, s) : ((i, r, n) => {
-    const o = r.hasOwnProperty(n);
-    return r.constructor.createProperty(n, i), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
+  return (t, s) => typeof s == "object" ? Gt(e, t, s) : ((r, i, n) => {
+    const o = i.hasOwnProperty(n);
+    return i.constructor.createProperty(n, r), o ? Object.getOwnPropertyDescriptor(i, n) : void 0;
   })(e, t, s);
 }
 function q(e) {
@@ -651,21 +651,21 @@ function q(e) {
 }
 const Xt = (e, t, s) => (s.configurable = !0, s.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, s), s);
 function Yt(e, t) {
-  return (s, i, r) => {
+  return (s, r, i) => {
     const n = (o) => o.renderRoot?.querySelector(e) ?? null;
-    return Xt(s, i, { get() {
+    return Xt(s, r, { get() {
       return n(this);
     } });
   };
 }
-var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, g = (e, t, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? ee(t, s) : t, n = e.length - 1, o; n >= 0; n--)
-    (o = e[n]) && (r = (i ? o(t, s, r) : o(r)) || r);
-  return i && r && te(t, s, r), r;
+var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, _ = (e, t, s, r) => {
+  for (var i = r > 1 ? void 0 : r ? ee(t, s) : t, n = e.length - 1, o; n >= 0; n--)
+    (o = e[n]) && (i = (r ? o(t, s, i) : o(i)) || i);
+  return r && i && te(t, s, i), i;
 };
-let b = class extends U {
+let b = class extends T {
   constructor() {
-    super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.version = "1.0.18";
+    super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.version = "1.0.19";
   }
   update(e) {
     e.has("theme") && this.registerTheme(this.theme), super.update(e);
@@ -682,15 +682,15 @@ let b = class extends U {
   }
   handleFormSubmit(e) {
     e.preventDefault();
-    const s = e.submitter?.getAttribute("value") ?? "submit", i = e.target, r = new FormData(i), n = this.inputData?.formFields?.map((o, h) => {
+    const s = e.submitter?.getAttribute("value") ?? "submit", r = e.target, i = new FormData(r), n = this.inputData?.formFields?.map((o, h) => {
       const l = `column-${h}`;
       let c;
       if (o.hiddenField)
         c = o.preFilledValue ?? o.defaultValue ?? "";
       else if (o.type === "checkbox")
-        c = r.has(l) ? "on" : "off";
+        c = i.has(l) ? "on" : "off";
       else {
-        const p = r.get(l);
+        const p = i.get(l);
         c = p === null || p === "" ? o.defaultValue ?? "" : p;
       }
       return {
@@ -847,10 +847,10 @@ let b = class extends U {
         for (const s of e.variables)
           s.label && (t = t.split(`{{${s.label}}}`).join(encodeURIComponent(String(s.value ?? ""))));
       if (t.includes("*")) {
-        const s = (this.route || "").split("/").filter(Boolean), i = t.split("/").filter(Boolean);
-        for (let r = 0; r < i.length; r++)
-          i[r] === "*" && (i[r] = s[r] ?? "");
-        t = (t.startsWith("/") ? "/" : "") + i.filter(Boolean).join("/");
+        const s = (this.route || "").split("/").filter(Boolean), r = t.split("/").filter(Boolean);
+        for (let i = 0; i < r.length; i++)
+          r[i] === "*" && (r[i] = s[i] ?? "");
+        t = (t.startsWith("/") ? "/" : "") + r.filter(Boolean).join("/");
       }
       return t;
     }
@@ -894,11 +894,11 @@ let b = class extends U {
                           class="form"
                           quick
                           ?open=${this.dialogOpen}
-                          @cancel=${(i) => {
-      i.preventDefault();
+                          @cancel=${(r) => {
+      r.preventDefault();
     }}
-                          @keydown=${(i) => {
-      i.key === "Escape" && i.preventDefault();
+                          @keydown=${(r) => {
+      r.key === "Escape" && r.preventDefault();
     }}
                           @closed=${() => this.dialogOpen = !1}
                       >
@@ -1006,6 +1006,29 @@ b.styles = vt`
             padding: 16px;
             box-sizing: border-box;
             overflow: auto;
+            /* Derive scrollbar colors from the (inherited) text color so they
+               follow custom styles and themes — e.g. light thumb on dark bg. */
+            scrollbar-width: thin;
+            scrollbar-color: color-mix(in srgb, currentColor 35%, transparent) transparent;
+        }
+
+        /* WebKit/Blink fallback for browsers without scrollbar-color support. */
+        .wrapper::-webkit-scrollbar {
+            width: 8px;
+            height: 8px;
+        }
+
+        .wrapper::-webkit-scrollbar-track {
+            background: transparent;
+        }
+
+        .wrapper::-webkit-scrollbar-thumb {
+            background-color: color-mix(in srgb, currentColor 35%, transparent);
+            border-radius: 4px;
+        }
+
+        .wrapper::-webkit-scrollbar-thumb:hover {
+            background-color: color-mix(in srgb, currentColor 55%, transparent);
         }
 
         .form-actions {
@@ -1099,32 +1122,32 @@ b.styles = vt`
             --md-filled-button-pressed-label-text-color: #fff;
         }
     `;
-g([
+_([
   B({ type: Object })
 ], b.prototype, "inputData", 2);
-g([
+_([
   B({ type: Object })
 ], b.prototype, "theme", 2);
-g([
+_([
   B({ type: String })
 ], b.prototype, "route", 2);
-g([
+_([
   q()
 ], b.prototype, "themeBgColor", 2);
-g([
+_([
   q()
 ], b.prototype, "themeTitleColor", 2);
-g([
+_([
   q()
 ], b.prototype, "dialogOpen", 2);
-g([
+_([
   Yt("md-dialog")
 ], b.prototype, "dialog", 2);
-g([
+_([
   q()
 ], b.prototype, "formKey", 2);
-b = g([
-  Jt("widget-form-1.0.18")
+b = _([
+  Jt("widget-form-1.0.19")
 ], b);
 export {
   b as WidgetForm