@record-evolution/widget-form 1.0.11 → 1.0.13

package/dist/widget-form.js

@@ -8,7 +8,7 @@ import "@material/web/textfield/outlined-text-field.js";
 import "@material/web/checkbox/checkbox.js";
 import "@material/web/select/outlined-select.js";
 import "@material/web/select/select-option.js";
-const N = globalThis, L = N.ShadowRoot && (N.ShadyCSS === void 0 || N.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, W = /* @__PURE__ */ Symbol(), Y = /* @__PURE__ */ new WeakMap();
+const F = globalThis, L = F.ShadowRoot && (F.ShadyCSS === void 0 || F.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, W = /* @__PURE__ */ Symbol(), Y = /* @__PURE__ */ new WeakMap();
 let ut = class {
   constructor(t, s, i) {
     if (this._$cssResult$ = !0, i !== W) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
@@ -27,28 +27,28 @@ let ut = class {
     return this.cssText;
   }
 };
-const _t = (e) => new ut(typeof e == "string" ? e : e + "", void 0, W), gt = (e, ...t) => {
+const bt = (e) => new ut(typeof e == "string" ? e : e + "", void 0, W), _t = (e, ...t) => {
   const s = e.length === 1 ? e[0] : t.reduce(((i, r, 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.");
   })(r) + e[o + 1]), e[0]);
   return new ut(s, e, W);
-}, bt = (e, t) => {
+}, gt = (e, t) => {
   if (L) e.adoptedStyleSheets = t.map(((s) => s instanceof CSSStyleSheet ? s : s.styleSheet));
   else for (const s of t) {
-    const i = document.createElement("style"), r = N.litNonce;
+    const i = document.createElement("style"), r = F.litNonce;
     r !== void 0 && i.setAttribute("nonce", r), i.textContent = s.cssText, e.appendChild(i);
   }
 }, tt = L ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let s = "";
   for (const i of t.cssRules) s += i.cssText;
-  return _t(s);
+  return bt(s);
 })(e) : e;
-const { is: yt, defineProperty: At, getOwnPropertyDescriptor: vt, getOwnPropertyNames: xt, getOwnPropertySymbols: wt, getPrototypeOf: Et } = Object, V = globalThis, et = V.trustedTypes, St = et ? et.emptyScript : "", Ct = V.reactiveElementPolyfillSupport, U = (e, t) => e, R = { toAttribute(e, t) {
+const { is: yt, defineProperty: vt, getOwnPropertyDescriptor: At, getOwnPropertyNames: xt, getOwnPropertySymbols: wt, getPrototypeOf: St } = Object, V = globalThis, et = V.trustedTypes, Et = et ? et.emptyScript : "", Ct = V.reactiveElementPolyfillSupport, T = (e, t) => e, N = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
-      e = e ? St : null;
+      e = e ? Et : null;
       break;
     case Object:
     case Array:
@@ -73,9 +73,9 @@ const { is: yt, defineProperty: At, getOwnPropertyDescriptor: vt, getOwnProperty
       }
   }
   return s;
-} }, Z = (e, t) => !yt(e, t), st = { attribute: !0, type: String, converter: R, reflect: !1, useDefault: !1, hasChanged: Z };
+} }, Z = (e, t) => !yt(e, t), st = { attribute: !0, type: String, converter: N, reflect: !1, useDefault: !1, hasChanged: Z };
 Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), V.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
-let S = class extends HTMLElement {
+let E = class extends HTMLElement {
   static addInitializer(t) {
     this._$Ei(), (this.l ??= []).push(t);
   }
@@ -85,31 +85,31 @@ 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 && At(this.prototype, t, r);
+      r !== void 0 && vt(this.prototype, t, r);
     }
   }
   static getPropertyDescriptor(t, s, i) {
-    const { get: r, set: o } = vt(this.prototype, t) ?? { get() {
+    const { get: r, set: o } = At(this.prototype, t) ?? { get() {
       return this[s];
     }, set(n) {
       this[s] = n;
     } };
     return { get: r, set(n) {
-      const h = r?.call(this);
-      o?.call(this, n), this.requestUpdate(t, h, i);
+      const a = r?.call(this);
+      o?.call(this, n), this.requestUpdate(t, a, i);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(t) {
     return this.elementProperties.get(t) ?? st;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(U("elementProperties"))) return;
-    const t = Et(this);
+    if (this.hasOwnProperty(T("elementProperties"))) return;
+    const t = St(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(U("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(U("properties"))) {
+    if (this.hasOwnProperty(T("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
       const s = this.properties, i = [...xt(s), ...wt(s)];
       for (const r of i) this.createProperty(r, s[r]);
     }
@@ -156,7 +156,7 @@ let S = class extends HTMLElement {
   }
   createRenderRoot() {
     const t = this.shadowRoot ?? this.attachShadow(this.constructor.shadowRootOptions);
-    return bt(t, this.constructor.elementStyles), t;
+    return gt(t, this.constructor.elementStyles), t;
   }
   connectedCallback() {
     this.renderRoot ??= this.createRenderRoot(), this.enableUpdating(!0), this._$EO?.forEach(((t) => t.hostConnected?.()));
@@ -172,14 +172,14 @@ let S = class extends HTMLElement {
   _$ET(t, s) {
     const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
     if (r !== void 0 && i.reflect === !0) {
-      const o = (i.converter?.toAttribute !== void 0 ? i.converter : R).toAttribute(s, i.type);
+      const o = (i.converter?.toAttribute !== void 0 ? i.converter : N).toAttribute(s, i.type);
       this._$Em = t, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
     }
   }
   _$AK(t, s) {
     const i = this.constructor, r = i._$Eh.get(t);
     if (r !== void 0 && this._$Em !== r) {
-      const o = i.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : R;
+      const o = i.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : N;
       this._$Em = r, this[r] = n.fromAttribute(s, o.type) ?? this._$Ej?.get(r) ?? null, this._$Em = null;
     }
   }
@@ -216,8 +216,8 @@ let S = class extends HTMLElement {
       }
       const i = this.constructor.elementProperties;
       if (i.size > 0) for (const [r, o] of i) {
-        const { wrapped: n } = o, h = this[r];
-        n !== !0 || this._$AL.has(r) || h === void 0 || this.C(r, void 0, o, h);
+        const { wrapped: n } = o, a = this[r];
+        n !== !0 || this._$AL.has(r) || a === void 0 || this.C(r, void 0, o, a);
       }
     }
     let t = !1;
@@ -254,54 +254,54 @@ let S = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[U("elementProperties")] = /* @__PURE__ */ new Map(), S[U("finalized")] = /* @__PURE__ */ new Map(), Ct?.({ ReactiveElement: S }), (V.reactiveElementVersions ??= []).push("2.1.0");
-const J = globalThis, j = J.trustedTypes, it = j ? j.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pt = "$lit$", b = `lit$${Math.random().toFixed(9).slice(2)}$`, $t = "?" + b, Pt = `<${$t}>`, w = document, M = () => w.createComment(""), H = (e) => e === null || typeof e != "object" && typeof e != "function", K = Array.isArray, Ot = (e) => K(e) || typeof e?.[Symbol.iterator] == "function", F = `[ 	
-\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, rt = /-->/g, ot = />/g, A = RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, at = /"/g, mt = /^(?:script|style|textarea|title)$/i, Tt = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), f = Tt(1), E = /* @__PURE__ */ Symbol.for("lit-noChange"), $ = /* @__PURE__ */ Symbol.for("lit-nothing"), lt = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
+E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[T("elementProperties")] = /* @__PURE__ */ new Map(), E[T("finalized")] = /* @__PURE__ */ new Map(), Ct?.({ ReactiveElement: E }), (V.reactiveElementVersions ??= []).push("2.1.0");
+const J = globalThis, R = J.trustedTypes, it = R ? R.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pt = "$lit$", g = `lit$${Math.random().toFixed(9).slice(2)}$`, mt = "?" + g, Pt = `<${mt}>`, w = document, k = () => w.createComment(""), M = (e) => e === null || typeof e != "object" && typeof e != "function", K = Array.isArray, Ot = (e) => K(e) || typeof e?.[Symbol.iterator] == "function", z = `[ 	
+\f\r]`, O = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, rt = /-->/g, ot = />/g, v = RegExp(`>|${z}(?:([^\\s"'>=/]+)(${z}*=${z}*(?:[^ 	
+\f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, lt = /"/g, $t = /^(?:script|style|textarea|title)$/i, Dt = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), f = Dt(1), S = /* @__PURE__ */ Symbol.for("lit-noChange"), p = /* @__PURE__ */ Symbol.for("lit-nothing"), at = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
 function ft(e, t) {
   if (!K(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return it !== void 0 ? it.createHTML(t) : t;
 }
-const Ut = (e, t) => {
+const Tt = (e, t) => {
   const s = e.length - 1, i = [];
   let r, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = O;
-  for (let h = 0; h < s; h++) {
-    const a = e[h];
-    let d, p, l = -1, u = 0;
-    for (; u < a.length && (n.lastIndex = u, p = n.exec(a), p !== null); ) u = n.lastIndex, n === O ? p[1] === "!--" ? n = rt : p[1] !== void 0 ? n = ot : p[2] !== void 0 ? (mt.test(p[2]) && (r = RegExp("</" + p[2], "g")), n = A) : p[3] !== void 0 && (n = A) : n === A ? p[0] === ">" ? (n = r ?? O, l = -1) : p[1] === void 0 ? l = -2 : (l = n.lastIndex - p[2].length, d = p[1], n = p[3] === void 0 ? A : p[3] === '"' ? at : nt) : n === at || n === nt ? n = A : n === rt || n === ot ? n = O : (n = A, r = void 0);
-    const c = n === A && e[h + 1].startsWith("/>") ? " " : "";
-    o += n === O ? a + Pt : l >= 0 ? (i.push(d), a.slice(0, l) + pt + a.slice(l) + b + c) : a + b + (l === -2 ? h : c);
+  for (let a = 0; a < s; a++) {
+    const l = e[a];
+    let d, m, h = -1, u = 0;
+    for (; u < l.length && (n.lastIndex = u, m = n.exec(l), m !== null); ) u = n.lastIndex, n === O ? m[1] === "!--" ? n = rt : m[1] !== void 0 ? n = ot : m[2] !== void 0 ? ($t.test(m[2]) && (r = RegExp("</" + m[2], "g")), n = v) : m[3] !== void 0 && (n = v) : n === v ? m[0] === ">" ? (n = r ?? O, h = -1) : m[1] === void 0 ? h = -2 : (h = n.lastIndex - m[2].length, d = m[1], n = m[3] === void 0 ? v : m[3] === '"' ? lt : nt) : n === lt || n === nt ? n = v : n === rt || n === ot ? n = O : (n = v, r = void 0);
+    const c = n === v && e[a + 1].startsWith("/>") ? " " : "";
+    o += n === O ? l + Pt : h >= 0 ? (i.push(d), l.slice(0, h) + pt + l.slice(h) + g + c) : l + g + (h === -2 ? a : c);
   }
   return [ft(e, o + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
 };
-class k {
+class H {
   constructor({ strings: t, _$litType$: s }, i) {
     let r;
     this.parts = [];
     let o = 0, n = 0;
-    const h = t.length - 1, a = this.parts, [d, p] = Ut(t, s);
-    if (this.el = k.createElement(d, i), x.currentNode = this.el.content, s === 2 || s === 3) {
-      const l = this.el.content.firstChild;
-      l.replaceWith(...l.childNodes);
+    const a = t.length - 1, l = this.parts, [d, m] = Tt(t, s);
+    if (this.el = H.createElement(d, i), x.currentNode = this.el.content, s === 2 || s === 3) {
+      const h = this.el.content.firstChild;
+      h.replaceWith(...h.childNodes);
     }
-    for (; (r = x.nextNode()) !== null && a.length < h; ) {
+    for (; (r = x.nextNode()) !== null && l.length < a; ) {
       if (r.nodeType === 1) {
-        if (r.hasAttributes()) for (const l of r.getAttributeNames()) if (l.endsWith(pt)) {
-          const u = p[n++], c = r.getAttribute(l).split(b), m = /([.?@])?(.*)/.exec(u);
-          a.push({ type: 1, index: o, name: m[2], strings: c, ctor: m[1] === "." ? Mt : m[1] === "?" ? Ht : m[1] === "@" ? kt : B }), r.removeAttribute(l);
-        } else l.startsWith(b) && (a.push({ type: 6, index: o }), r.removeAttribute(l));
-        if (mt.test(r.tagName)) {
-          const l = r.textContent.split(b), u = l.length - 1;
+        if (r.hasAttributes()) for (const h of r.getAttributeNames()) if (h.endsWith(pt)) {
+          const u = m[n++], c = r.getAttribute(h).split(g), $ = /([.?@])?(.*)/.exec(u);
+          l.push({ type: 1, index: o, name: $[2], strings: c, ctor: $[1] === "." ? kt : $[1] === "?" ? Mt : $[1] === "@" ? Ht : j }), r.removeAttribute(h);
+        } else h.startsWith(g) && (l.push({ type: 6, index: o }), r.removeAttribute(h));
+        if ($t.test(r.tagName)) {
+          const h = r.textContent.split(g), u = h.length - 1;
           if (u > 0) {
-            r.textContent = j ? j.emptyScript : "";
-            for (let c = 0; c < u; c++) r.append(l[c], M()), x.nextNode(), a.push({ type: 2, index: ++o });
-            r.append(l[u], M());
+            r.textContent = R ? R.emptyScript : "";
+            for (let c = 0; c < u; c++) r.append(h[c], k()), x.nextNode(), l.push({ type: 2, index: ++o });
+            r.append(h[u], k());
           }
         }
-      } else if (r.nodeType === 8) if (r.data === $t) a.push({ type: 2, index: o });
+      } else if (r.nodeType === 8) if (r.data === mt) l.push({ type: 2, index: o });
       else {
-        let l = -1;
-        for (; (l = r.data.indexOf(b, l + 1)) !== -1; ) a.push({ type: 7, index: o }), l += b.length - 1;
+        let h = -1;
+        for (; (h = r.data.indexOf(g, h + 1)) !== -1; ) l.push({ type: 7, index: o }), h += g.length - 1;
       }
       o++;
     }
@@ -312,12 +312,12 @@ class k {
   }
 }
 function C(e, t, s = e, i) {
-  if (t === E) return t;
+  if (t === S) return t;
   let r = i !== void 0 ? s._$Co?.[i] : s._$Cl;
-  const o = H(t) ? void 0 : t._$litDirective$;
+  const o = M(t) ? void 0 : t._$litDirective$;
   return r?.constructor !== o && (r?._$AO?.(!1), o === void 0 ? r = void 0 : (r = new o(e), r._$AT(e, s, i)), i !== void 0 ? (s._$Co ??= [])[i] = r : s._$Cl = r), r !== void 0 && (t = C(e, r._$AS(e, t.values), r, i)), t;
 }
-let Dt = class {
+let Ut = class {
   constructor(t, s) {
     this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
   }
@@ -330,13 +330,13 @@ let Dt = class {
   u(t) {
     const { el: { content: s }, parts: i } = this._$AD, r = (t?.creationScope ?? w).importNode(s, !0);
     x.currentNode = r;
-    let o = x.nextNode(), n = 0, h = 0, a = i[0];
-    for (; a !== void 0; ) {
-      if (n === a.index) {
+    let o = x.nextNode(), n = 0, a = 0, l = i[0];
+    for (; l !== void 0; ) {
+      if (n === l.index) {
         let d;
-        a.type === 2 ? d = new P(o, o.nextSibling, this, t) : a.type === 1 ? d = new a.ctor(o, a.name, a.strings, this, t) : a.type === 6 && (d = new Nt(o, this, t)), this._$AV.push(d), a = i[++h];
+        l.type === 2 ? d = new P(o, o.nextSibling, this, t) : l.type === 1 ? d = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (d = new Ft(o, this, t)), this._$AV.push(d), l = i[++a];
       }
-      n !== a?.index && (o = x.nextNode(), n++);
+      n !== l?.index && (o = x.nextNode(), n++);
     }
     return x.currentNode = w, r;
   }
@@ -350,7 +350,7 @@ class P {
     return this._$AM?._$AU ?? this._$Cv;
   }
   constructor(t, s, i, r) {
-    this.type = 2, this._$AH = $, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
+    this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
   }
   get parentNode() {
     let t = this._$AA.parentNode;
@@ -364,7 +364,7 @@ class P {
     return this._$AB;
   }
   _$AI(t, s = this) {
-    t = C(this, t, s), H(t) ? t === $ || t == null || t === "" ? (this._$AH !== $ && this._$AR(), this._$AH = $) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ot(t) ? this.k(t) : this._(t);
+    t = C(this, t, s), M(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== S && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ot(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -373,25 +373,25 @@ class P {
     this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
   }
   _(t) {
-    this._$AH !== $ && H(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
+    this._$AH !== p && 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 = k.createElement(ft(i.h, i.h[0]), this.options)), i);
+    const { values: s, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = H.createElement(ft(i.h, i.h[0]), this.options)), i);
     if (this._$AH?._$AD === r) this._$AH.p(s);
     else {
-      const o = new Dt(r, this), n = o.u(this.options);
+      const o = new Ut(r, this), n = o.u(this.options);
       o.p(s), this.T(n), this._$AH = o;
     }
   }
   _$AC(t) {
-    let s = lt.get(t.strings);
-    return s === void 0 && lt.set(t.strings, s = new k(t)), s;
+    let s = at.get(t.strings);
+    return s === void 0 && at.set(t.strings, s = new H(t)), s;
   }
   k(t) {
     K(this._$AH) || (this._$AH = [], this._$AR());
     const s = this._$AH;
     let i, r = 0;
-    for (const o of t) r === s.length ? s.push(i = new P(this.O(M()), this.O(M()), this, this.options)) : i = s[r], i._$AI(o), r++;
+    for (const o of t) r === s.length ? s.push(i = new P(this.O(k()), this.O(k()), this, this.options)) : i = s[r], i._$AI(o), r++;
     r < s.length && (this._$AR(i && i._$AB.nextSibling, r), s.length = r);
   }
   _$AR(t = this._$AA.nextSibling, s) {
@@ -404,7 +404,7 @@ class P {
     this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
   }
 }
-class B {
+class j {
   get tagName() {
     return this.element.tagName;
   }
@@ -412,53 +412,53 @@ class B {
     return this._$AM._$AU;
   }
   constructor(t, s, i, r, o) {
-    this.type = 1, this._$AH = $, this._$AN = void 0, this.element = t, this.name = s, this._$AM = r, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = $;
+    this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, this.name = s, this._$AM = r, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = p;
   }
   _$AI(t, s = this, i, r) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) t = C(this, t, s, 0), n = !H(t) || t !== this._$AH && t !== E, n && (this._$AH = t);
+    if (o === void 0) t = C(this, t, s, 0), n = !M(t) || t !== this._$AH && t !== S, n && (this._$AH = t);
     else {
-      const h = t;
-      let a, d;
-      for (t = o[0], a = 0; a < o.length - 1; a++) d = C(this, h[i + a], s, a), d === E && (d = this._$AH[a]), n ||= !H(d) || d !== this._$AH[a], d === $ ? t = $ : t !== $ && (t += (d ?? "") + o[a + 1]), this._$AH[a] = d;
+      const a = t;
+      let l, d;
+      for (t = o[0], l = 0; l < o.length - 1; l++) d = C(this, a[i + l], s, l), d === S && (d = this._$AH[l]), n ||= !M(d) || d !== this._$AH[l], d === p ? t = p : t !== p && (t += (d ?? "") + o[l + 1]), this._$AH[l] = d;
     }
     n && !r && this.j(t);
   }
   j(t) {
-    t === $ ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
+    t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
   }
 }
-class Mt extends B {
+class kt extends j {
   constructor() {
     super(...arguments), this.type = 3;
   }
   j(t) {
-    this.element[this.name] = t === $ ? void 0 : t;
+    this.element[this.name] = t === p ? void 0 : t;
   }
 }
-class Ht extends B {
+class Mt extends j {
   constructor() {
     super(...arguments), this.type = 4;
   }
   j(t) {
-    this.element.toggleAttribute(this.name, !!t && t !== $);
+    this.element.toggleAttribute(this.name, !!t && t !== p);
   }
 }
-class kt extends B {
+class Ht extends j {
   constructor(t, s, i, r, o) {
     super(t, s, i, r, o), this.type = 5;
   }
   _$AI(t, s = this) {
-    if ((t = C(this, t, s, 0) ?? $) === E) return;
-    const i = this._$AH, r = t === $ && i !== $ || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== $ && (i === $ || r);
+    if ((t = C(this, t, s, 0) ?? p) === S) return;
+    const i = this._$AH, r = t === p && i !== p || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== p && (i === p || r);
     r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
   handleEvent(t) {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
   }
 }
-class Nt {
+class Ft {
   constructor(t, s, i) {
     this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
   }
@@ -469,19 +469,19 @@ class Nt {
     C(this, t);
   }
 }
-const Rt = { I: P }, jt = J.litHtmlPolyfillSupport;
-jt?.(k, P), (J.litHtmlVersions ??= []).push("3.3.0");
+const Nt = { I: P }, Rt = J.litHtmlPolyfillSupport;
+Rt?.(H, P), (J.litHtmlVersions ??= []).push("3.3.0");
 const Vt = (e, t, s) => {
   const i = s?.renderBefore ?? t;
   let r = i._$litPart$;
   if (r === void 0) {
     const o = s?.renderBefore ?? null;
-    i._$litPart$ = r = new P(t.insertBefore(M(), o), o, void 0, s ?? {});
+    i._$litPart$ = r = new P(t.insertBefore(k(), o), o, void 0, s ?? {});
   }
   return r._$AI(e), r;
 };
 const Q = globalThis;
-let D = class extends S {
+let U = class extends E {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -500,15 +500,15 @@ let D = class extends S {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return E;
+    return S;
   }
 };
-D._$litElement$ = !0, D.finalized = !0, Q.litElementHydrateSupport?.({ LitElement: D });
-const Bt = Q.litElementPolyfillSupport;
-Bt?.({ LitElement: D });
+U._$litElement$ = !0, U.finalized = !0, Q.litElementHydrateSupport?.({ LitElement: U });
+const jt = Q.litElementPolyfillSupport;
+jt?.({ LitElement: U });
 (Q.litElementVersions ??= []).push("4.2.0");
-const qt = { CHILD: 2 }, zt = (e) => (...t) => ({ _$litDirective$: e, values: t });
-class Ft {
+const qt = { CHILD: 2 }, Bt = (e) => (...t) => ({ _$litDirective$: e, values: t });
+class zt {
   constructor(t) {
   }
   get _$AU() {
@@ -524,27 +524,27 @@ class Ft {
     return this.render(...s);
   }
 }
-const { I: It } = Rt, ht = () => document.createComment(""), T = (e, t, s) => {
+const { I: It } = Nt, ht = () => document.createComment(""), D = (e, t, s) => {
   const i = e._$AA.parentNode, r = t === void 0 ? e._$AB : t._$AA;
   if (s === void 0) {
     const o = i.insertBefore(ht(), r), n = i.insertBefore(ht(), r);
     s = new It(o, n, e, e.options);
   } else {
-    const o = s._$AB.nextSibling, n = s._$AM, h = n !== e;
-    if (h) {
-      let a;
-      s._$AQ?.(e), s._$AM = e, s._$AP !== void 0 && (a = e._$AU) !== n._$AU && s._$AP(a);
+    const o = s._$AB.nextSibling, n = s._$AM, a = n !== e;
+    if (a) {
+      let l;
+      s._$AQ?.(e), s._$AM = e, s._$AP !== void 0 && (l = e._$AU) !== n._$AU && s._$AP(l);
     }
-    if (o !== r || h) {
-      let a = s._$AA;
-      for (; a !== o; ) {
-        const d = a.nextSibling;
-        i.insertBefore(a, r), a = d;
+    if (o !== r || a) {
+      let l = s._$AA;
+      for (; l !== o; ) {
+        const d = l.nextSibling;
+        i.insertBefore(l, r), l = d;
       }
     }
   }
   return s;
-}, v = (e, t, s = e) => (e._$AI(t, s), e), Lt = {}, Wt = (e, t = Lt) => e._$AH = t, Zt = (e) => e._$AH, I = (e) => {
+}, A = (e, t, s = e) => (e._$AI(t, s), e), Lt = {}, Wt = (e, t = Lt) => e._$AH = t, Zt = (e) => e._$AH, I = (e) => {
   e._$AP?.(!1, !0);
   let t = e._$AA;
   const s = e._$AB.nextSibling;
@@ -557,7 +557,7 @@ const ct = (e, t, s) => {
   const i = /* @__PURE__ */ new Map();
   for (let r = t; r <= s; r++) i.set(e[r], r);
   return i;
-}, dt = zt(class extends Ft {
+}, dt = Bt(class extends zt {
   constructor(e) {
     if (super(e), e.type !== qt.CHILD) throw Error("repeat() can only be used in text expressions");
   }
@@ -566,7 +566,7 @@ const ct = (e, t, s) => {
     s === void 0 ? s = t : t !== void 0 && (i = t);
     const r = [], o = [];
     let n = 0;
-    for (const h of e) r[n] = i ? i(h, n) : n, o[n] = s(h, n), n++;
+    for (const a of e) r[n] = i ? i(a, n) : n, o[n] = s(a, n), n++;
     return { values: o, keys: r };
   }
   render(e, t, s) {
@@ -575,32 +575,32 @@ const ct = (e, t, s) => {
   update(e, [t, s, i]) {
     const r = Zt(e), { values: o, keys: n } = this.dt(t, s, i);
     if (!Array.isArray(r)) return this.ut = n, o;
-    const h = this.ut ??= [], a = [];
-    let d, p, l = 0, u = r.length - 1, c = 0, m = o.length - 1;
-    for (; l <= u && c <= m; ) if (r[l] === null) l++;
+    const a = this.ut ??= [], l = [];
+    let d, m, h = 0, u = r.length - 1, c = 0, $ = o.length - 1;
+    for (; h <= u && c <= $; ) if (r[h] === null) h++;
     else if (r[u] === null) u--;
-    else if (h[l] === n[c]) a[c] = v(r[l], o[c]), l++, c++;
-    else if (h[u] === n[m]) a[m] = v(r[u], o[m]), u--, m--;
-    else if (h[l] === n[m]) a[m] = v(r[l], o[m]), T(e, a[m + 1], r[l]), l++, m--;
-    else if (h[u] === n[c]) a[c] = v(r[u], o[c]), T(e, r[l], r[u]), u--, c++;
-    else if (d === void 0 && (d = ct(n, c, m), p = ct(h, l, u)), d.has(h[l])) if (d.has(h[u])) {
-      const g = p.get(n[c]), z = g !== void 0 ? r[g] : null;
-      if (z === null) {
-        const X = T(e, r[l]);
-        v(X, o[c]), a[c] = X;
-      } else a[c] = v(z, o[c]), T(e, r[l], z), r[g] = null;
+    else if (a[h] === n[c]) l[c] = A(r[h], o[c]), h++, c++;
+    else if (a[u] === n[$]) l[$] = A(r[u], o[$]), u--, $--;
+    else if (a[h] === n[$]) l[$] = A(r[h], o[$]), D(e, l[$ + 1], r[h]), h++, $--;
+    else if (a[u] === n[c]) l[c] = A(r[u], o[c]), D(e, r[h], r[u]), u--, c++;
+    else if (d === void 0 && (d = ct(n, c, $), m = ct(a, h, u)), d.has(a[h])) if (d.has(a[u])) {
+      const _ = m.get(n[c]), B = _ !== void 0 ? r[_] : null;
+      if (B === null) {
+        const X = D(e, r[h]);
+        A(X, o[c]), l[c] = X;
+      } else l[c] = A(B, o[c]), D(e, r[h], B), r[_] = null;
       c++;
     } else I(r[u]), u--;
-    else I(r[l]), l++;
-    for (; c <= m; ) {
-      const g = T(e, a[m + 1]);
-      v(g, o[c]), a[c++] = g;
+    else I(r[h]), h++;
+    for (; c <= $; ) {
+      const _ = D(e, l[$ + 1]);
+      A(_, o[c]), l[c++] = _;
     }
-    for (; l <= u; ) {
-      const g = r[l++];
-      g !== null && I(g);
+    for (; h <= u; ) {
+      const _ = r[h++];
+      _ !== null && I(_);
     }
-    return this.ut = n, Wt(e, a), E;
+    return this.ut = n, Wt(e, l), S;
   }
 });
 const Jt = (e) => (t, s) => {
@@ -608,23 +608,23 @@ const Jt = (e) => (t, s) => {
     customElements.define(e, t);
   })) : customElements.define(e, t);
 };
-const Kt = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged: Z }, Qt = (e = Kt, t, s) => {
+const Kt = { attribute: !0, type: String, converter: N, reflect: !1, hasChanged: Z }, Qt = (e = Kt, t, s) => {
   const { kind: i, metadata: r } = s;
   let o = globalThis.litPropertyMetadata.get(r);
   if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), i === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(s.name, e), i === "accessor") {
     const { name: n } = s;
-    return { set(h) {
-      const a = t.get.call(this);
-      t.set.call(this, h), this.requestUpdate(n, a, e);
-    }, init(h) {
-      return h !== void 0 && this.C(n, void 0, e, h), h;
+    return { set(a) {
+      const l = t.get.call(this);
+      t.set.call(this, a), this.requestUpdate(n, l, e);
+    }, init(a) {
+      return a !== void 0 && this.C(n, void 0, e, a), a;
     } };
   }
   if (i === "setter") {
     const { name: n } = s;
-    return function(h) {
-      const a = this[n];
-      t.call(this, h), this.requestUpdate(n, a, e);
+    return function(a) {
+      const l = this[n];
+      t.call(this, a), this.requestUpdate(n, l, e);
     };
   }
   throw Error("Unsupported decorator location: " + i);
@@ -652,9 +652,9 @@ var Yt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, y = (e, t,
     (n = e[o]) && (r = (i ? n(t, s, r) : n(r)) || r);
   return i && r && Yt(t, s, r), r;
 };
-let _ = class extends D {
+let b = class extends U {
   constructor() {
-    super(...arguments), this.dialogOpen = !1, this.version = "1.0.11";
+    super(...arguments), this.dialogOpen = !1, this.version = "1.0.13";
   }
   update(e) {
     e.has("theme") && this.registerTheme(this.theme), super.update(e);
@@ -671,22 +671,27 @@ let _ = class extends D {
   }
   handleFormSubmit(e) {
     e.preventDefault();
-    const t = e.target, s = new FormData(t), i = Object.fromEntries(s.entries()), r = this.inputData?.formFields?.map((o, n) => ({
-      swarm_app_databackend_key: o.targetColumn?.swarm_app_databackend_key,
-      table_name: o.targetColumn?.tablename,
-      column_name: o.targetColumn?.column,
+    const s = e.submitter?.getAttribute("value") ?? "submit", i = e.target, r = new FormData(i), o = Object.fromEntries(r.entries()), n = this.inputData?.formFields?.map((a, l) => ({
+      swarm_app_databackend_key: a.targetColumn?.swarm_app_databackend_key,
+      table_name: a.targetColumn?.tablename,
+      column_name: a.targetColumn?.column,
       value: this.formatValue(
-        i[`column-${n}`] || o.defaultValue || "",
-        o.type ?? "textfield"
+        o[`column-${l}`] || a.defaultValue || "",
+        a.type ?? "textfield"
       )
     }));
-    this.dispatchEvent(
+    this.inputData?.deleteFlagColumn && n?.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: s === "delete"
+    }), this.dispatchEvent(
       new CustomEvent("data-submit", {
-        detail: r,
+        detail: n,
         bubbles: !1,
         composed: !1
       })
-    ), t.reset(), this.dialogOpen = !1;
+    ), i.reset(), this.dialogOpen = !1;
   }
   formatValue(e, t) {
     switch (t) {
@@ -704,6 +709,7 @@ let _ = class extends D {
                 .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 ?? ""}
@@ -719,6 +725,7 @@ let _ = class extends D {
                 .label="${e.label ?? ""}"
                 style="width: 200px;"
                 type="number"
+                .value="${e.preFilledValue ?? ""}"
                 .placeholder="${e.defaultValue ?? ""}"
                 step="any"
                 min=${e.min ?? ""}
@@ -734,7 +741,7 @@ let _ = class extends D {
                 <md-checkbox
                     name="column-${t}"
                     aria-label=${e.label ?? ""}
-                    ?checked=${e.defaultValue === "true"}
+                    ?checked=${(String(e.preFilledValue) ?? e.defaultValue) === "true"}
                     supporting-text=${e.description ?? ""}
                     ?required=${e.required && !e.defaultValue}
                 ></md-checkbox>
@@ -748,6 +755,7 @@ let _ = class extends D {
                 .name="column-${t}"
                 .label="${e.label ?? ""}"
                 type="textarea"
+                .value="${e.preFilledValue ?? ""}"
                 .placeholder="${e.defaultValue ?? ""}"
                 rows="3"
                 ?required=${e.required && !e.defaultValue}
@@ -770,7 +778,7 @@ let _ = class extends D {
       (s) => f`
                                 <md-select-option
                                     .value="${s.value ?? ""}"
-                                    ?selected="${s.value === e.defaultValue}"
+                                    ?selected="${s.value === (e.preFilledValue ?? e.defaultValue)}"
                                 >
                                     ${s.displayLabel}
                                 </md-select-option>
@@ -787,17 +795,46 @@ let _ = class extends D {
                 style="width: 200px;"
                 .label="${e.label ?? ""}"
                 type="datetime-local"
-                .value="${e.defaultValue ?? ""}"
+                .value="${e.preFilledValue ?? e.defaultValue ?? ""}"
                 supporting-text=${e.description ?? ""}
                 ?required=${e.required && !e.defaultValue}
             ></md-outlined-text-field>
         `;
   }
+  resetForm() {
+    const e = this.shadowRoot?.querySelector("#form");
+    e && this.inputData?.formFields?.forEach((t, s) => {
+      const i = `column-${s}`;
+      if (t.type === "checkbox") {
+        const r = e.querySelector(`md-checkbox[name="${i}"]`);
+        r && (r.checked = t.preFilledValue === "true");
+      } else if (t.type === "dropdown") {
+        const r = e.querySelector(`md-outlined-select[name="${i}"]`);
+        r && (r.value = t.preFilledValue ?? "");
+      } else {
+        const r = e.querySelector(`md-outlined-text-field[name="${i}"]`);
+        r && (r.value = t.preFilledValue ?? "");
+      }
+    });
+  }
   cancelEdit(e) {
-    this.dialogOpen = !1;
+    this.resetForm(), this.dialogOpen = !1;
   }
   render() {
+    const e = this.themeTitleColor, t = this.themeBgColor, s = t?.startsWith("rgba") ? t.replace(/rgba\(([^)]+),\s*[\d.]+\)/, "rgb($1)") : t?.startsWith("#") && t.length === 9 ? t.substring(0, 7) : t;
     return f`
+            <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: ${s};
+                    --md-menu-container-color: ${s};
+                    --md-menu-item-selected-container-color: ${s};
+                    --md-menu-item-selected-label-text-color: ${e};
+                    color: ${e};
+                }
+            </style>
             <div class="header">
                 ${this.inputData?.formButton ? f`
                           <md-fab
@@ -807,7 +844,7 @@ let _ = class extends D {
                           >
                               <md-icon slot="icon">add</md-icon>
                           </md-fab>
-                      ` : $}
+                      ` : p}
                 <header>
                     <h3 class="paging" ?active=${this.inputData?.title}>${this.inputData?.title}</h3>
                     <p class="paging" ?active=${this.inputData?.subTitle}>${this.inputData?.subTitle}</p>
@@ -819,20 +856,26 @@ let _ = class extends D {
                           class="form"
                           quick
                           ?open=${this.dialogOpen}
-                          @cancel=${(e) => {
-      e.preventDefault();
+                          @cancel=${(i) => {
+      i.preventDefault();
     }}
-                          @keydown=${(e) => {
-      e.key === "Escape" && e.preventDefault();
+                          @keydown=${(i) => {
+      i.key === "Escape" && i.preventDefault();
     }}
                           @closed=${() => this.dialogOpen = !1}
                       >
                           <div slot="headline">${this.inputData?.title ?? "Data Entry"}</div>
                           ${this.renderForm()}
                           <div slot="actions">
-                              <md-outlined-button form="form" value="cancel" type="reset"
-                                  >Cancel</md-outlined-button
-                              >
+                              ${this.inputData?.deleteButton ? f`<md-filled-button
+                                        class="delete-btn"
+                                        form="form"
+                                        value="delete"
+                                        type="submit"
+                                        autofocus
+                                        >Delete</md-filled-button
+                                    >` : p}
+                              <md-outlined-button @click=${this.cancelEdit}>Cancel</md-outlined-button>
                               <md-filled-button form="form" value="submit" type="submit" autofocus
                                   >Submit</md-filled-button
                               >
@@ -842,9 +885,15 @@ let _ = class extends D {
                       <div class="wrapper">
                           ${this.renderForm()}
                           <div class="form-actions">
-                              <md-outlined-button form="form" value="cancel" type="reset"
-                                  >Reset</md-outlined-button
-                              >
+                              ${this.inputData?.deleteButton ? f`<md-filled-button
+                                        class="delete-btn"
+                                        form="form"
+                                        value="delete"
+                                        type="submit"
+                                        autofocus
+                                        >Delete</md-filled-button
+                                    >` : p}
+                              <md-outlined-button @click=${this.resetForm}>Reset</md-outlined-button>
                               <md-filled-button form="form" value="submit" type="submit" autofocus
                                   >Submit</md-filled-button
                               >
@@ -861,7 +910,6 @@ let _ = class extends D {
                 method="dialog"
                 class="form-content"
                 @submit=${this.handleFormSubmit}
-                @reset=${this.cancelEdit}
             >
                 ${dt(
       this.inputData?.formFields?.filter((e) => !e.hiddenField) ?? [],
@@ -887,7 +935,7 @@ let _ = class extends D {
         `;
   }
 };
-_.styles = gt`
+b.styles = _t`
         :host {
             display: flex;
             flex-direction: column;
@@ -1001,32 +1049,40 @@ _.styles = gt`
             --md-fab-container-color: #007bff;
             --md-fab-label-text-color: white;
         }
+
+        .delete-btn {
+            --md-filled-button-container-color: #d32f2f;
+            --md-filled-button-label-text-color: #fff;
+            --md-filled-button-hover-label-text-color: #fff;
+            --md-filled-button-focus-label-text-color: #fff;
+            --md-filled-button-pressed-label-text-color: #fff;
+        }
     `;
 y([
   G({ type: Object })
-], _.prototype, "inputData", 2);
+], b.prototype, "inputData", 2);
 y([
   G({ type: Object })
-], _.prototype, "theme", 2);
+], b.prototype, "theme", 2);
 y([
   q()
-], _.prototype, "themeBgColor", 2);
+], b.prototype, "themeBgColor", 2);
 y([
   q()
-], _.prototype, "themeTitleColor", 2);
+], b.prototype, "themeTitleColor", 2);
 y([
   q()
-], _.prototype, "themeSubtitleColor", 2);
+], b.prototype, "themeSubtitleColor", 2);
 y([
   q()
-], _.prototype, "dialogOpen", 2);
+], b.prototype, "dialogOpen", 2);
 y([
   Xt("md-dialog")
-], _.prototype, "dialog", 2);
-_ = y([
-  Jt("widget-form-1.0.11")
-], _);
+], b.prototype, "dialog", 2);
+b = y([
+  Jt("widget-form-1.0.13")
+], b);
 export {
-  _ as WidgetForm
+  b as WidgetForm
 };
 //# sourceMappingURL=widget-form.js.map