@record-evolution/widget-form 1.0.28 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/widget-form.js +328 -308
  2. package/dist/widget-form.js.map +1 -1
  3. package/package.json +6 -2
  4. package/src/widget-form.ts +24 -2
package/dist/widget-form.js CHANGED
@@ -10,16 +10,16 @@ import "@material/web/select/outlined-select.js";
10
10
  import "@material/web/select/select-option.js";
11
11
  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();
12
12
  let dt = class {
13
- constructor(t, r, i) {
14
- if (this._$cssResult$ = !0, i !== K) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
15
- this.cssText = t, this.t = r;
13
+ constructor(t, i, r) {
14
+ if (this._$cssResult$ = !0, r !== K) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
15
+ this.cssText = t, this.t = i;
16
16
  }
17
17
  get styleSheet() {
18
18
  let t = this.o;
19
- const r = this.t;
19
+ const i = this.t;
20
20
  if (W && t === void 0) {
21
- const i = r !== void 0 && r.length === 1;
22
- i && (t = Y.get(r)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Y.set(r, t));
21
+ const r = i !== void 0 && i.length === 1;
22
+ r && (t = Y.get(i)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && Y.set(i, t));
23
23
  }
24
24
  return t;
25
25
  }
@@ -27,28 +27,28 @@ let dt = class {
27
27
  return this.cssText;
28
28
  }
29
29
  };
30
- const yt = (e) => new dt(typeof e == "string" ? e : e + "", void 0, K), vt = (e, ...t) => {
31
- const r = e.length === 1 ? e[0] : t.reduce(((i, s, o) => i + ((n) => {
30
+ const _t = (e) => new dt(typeof e == "string" ? e : e + "", void 0, K), vt = (e, ...t) => {
31
+ const i = e.length === 1 ? e[0] : t.reduce(((r, s, o) => r + ((n) => {
32
32
  if (n._$cssResult$ === !0) return n.cssText;
33
33
  if (typeof n == "number") return n;
34
34
  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.");
35
35
  })(s) + e[o + 1]), e[0]);
36
- return new dt(r, e, K);
36
+ return new dt(i, e, K);
37
37
  }, At = (e, t) => {
38
- if (W) e.adoptedStyleSheets = t.map(((r) => r instanceof CSSStyleSheet ? r : r.styleSheet));
39
- else for (const r of t) {
40
- const i = document.createElement("style"), s = R.litNonce;
41
- s !== void 0 && i.setAttribute("nonce", s), i.textContent = r.cssText, e.appendChild(i);
38
+ if (W) e.adoptedStyleSheets = t.map(((i) => i instanceof CSSStyleSheet ? i : i.styleSheet));
39
+ else for (const i of t) {
40
+ const r = document.createElement("style"), s = R.litNonce;
41
+ s !== void 0 && r.setAttribute("nonce", s), r.textContent = i.cssText, e.appendChild(r);
42
42
  }
43
43
  }, tt = W ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
44
- let r = "";
45
- for (const i of t.cssRules) r += i.cssText;
46
- return yt(r);
44
+ let i = "";
45
+ for (const r of t.cssRules) i += r.cssText;
46
+ return _t(i);
47
47
  })(e) : e;
48
- const { is: xt, defineProperty: wt, getOwnPropertyDescriptor: St, getOwnPropertyNames: Et, getOwnPropertySymbols: Ct, getPrototypeOf: Dt } = Object, N = globalThis, et = N.trustedTypes, Pt = et ? et.emptyScript : "", kt = N.reactiveElementPolyfillSupport, V = (e, t) => e, H = { toAttribute(e, t) {
48
+ 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) {
49
49
  switch (t) {
50
50
  case Boolean:
51
- e = e ? Pt : null;
51
+ e = e ? Dt : null;
52
52
  break;
53
53
  case Object:
54
54
  case Array:
@@ -56,24 +56,24 @@ const { is: xt, defineProperty: wt, getOwnPropertyDescriptor: St, getOwnProperty
56
56
  }
57
57
  return e;
58
58
  }, fromAttribute(e, t) {
59
- let r = e;
59
+ let i = e;
60
60
  switch (t) {
61
61
  case Boolean:
62
- r = e !== null;
62
+ i = e !== null;
63
63
  break;
64
64
  case Number:
65
- r = e === null ? null : Number(e);
65
+ i = e === null ? null : Number(e);
66
66
  break;
67
67
  case Object:
68
68
  case Array:
69
69
  try {
70
- r = JSON.parse(e);
70
+ i = JSON.parse(e);
71
71
  } catch {
72
- r = null;
72
+ i = null;
73
73
  }
74
74
  }
75
- return r;
76
- } }, Z = (e, t) => !xt(e, t), rt = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: Z };
75
+ return i;
76
+ } }, Z = (e, t) => !xt(e, t), it = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: Z };
77
77
  Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), N.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
78
78
  let E = class extends HTMLElement {
79
79
  static addInitializer(t) {
@@ -82,60 +82,60 @@ let E = class extends HTMLElement {
82
82
  static get observedAttributes() {
83
83
  return this.finalize(), this._$Eh && [...this._$Eh.keys()];
84
84
  }
85
- static createProperty(t, r = rt) {
86
- if (r.state && (r.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((r = Object.create(r)).wrapped = !0), this.elementProperties.set(t, r), !r.noAccessor) {
87
- const i = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(t, i, r);
85
+ static createProperty(t, i = it) {
86
+ 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) {
87
+ const r = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(t, r, i);
88
88
  s !== void 0 && wt(this.prototype, t, s);
89
89
  }
90
90
  }
91
- static getPropertyDescriptor(t, r, i) {
91
+ static getPropertyDescriptor(t, i, r) {
92
92
  const { get: s, set: o } = St(this.prototype, t) ?? { get() {
93
- return this[r];
93
+ return this[i];
94
94
  }, set(n) {
95
- this[r] = n;
95
+ this[i] = n;
96
96
  } };
97
97
  return { get: s, set(n) {
98
98
  const h = s?.call(this);
99
- o?.call(this, n), this.requestUpdate(t, h, i);
99
+ o?.call(this, n), this.requestUpdate(t, h, r);
100
100
  }, configurable: !0, enumerable: !0 };
101
101
  }
102
102
  static getPropertyOptions(t) {
103
- return this.elementProperties.get(t) ?? rt;
103
+ return this.elementProperties.get(t) ?? it;
104
104
  }
105
105
  static _$Ei() {
106
106
  if (this.hasOwnProperty(V("elementProperties"))) return;
107
- const t = Dt(this);
107
+ const t = kt(this);
108
108
  t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
109
109
  }
110
110
  static finalize() {
111
111
  if (this.hasOwnProperty(V("finalized"))) return;
112
112
  if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(V("properties"))) {
113
- const r = this.properties, i = [...Et(r), ...Ct(r)];
114
- for (const s of i) this.createProperty(s, r[s]);
113
+ const i = this.properties, r = [...Et(i), ...Ct(i)];
114
+ for (const s of r) this.createProperty(s, i[s]);
115
115
  }
116
116
  const t = this[Symbol.metadata];
117
117
  if (t !== null) {
118
- const r = litPropertyMetadata.get(t);
119
- if (r !== void 0) for (const [i, s] of r) this.elementProperties.set(i, s);
118
+ const i = litPropertyMetadata.get(t);
119
+ if (i !== void 0) for (const [r, s] of i) this.elementProperties.set(r, s);
120
120
  }
121
121
  this._$Eh = /* @__PURE__ */ new Map();
122
- for (const [r, i] of this.elementProperties) {
123
- const s = this._$Eu(r, i);
124
- s !== void 0 && this._$Eh.set(s, r);
122
+ for (const [i, r] of this.elementProperties) {
123
+ const s = this._$Eu(i, r);
124
+ s !== void 0 && this._$Eh.set(s, i);
125
125
  }
126
126
  this.elementStyles = this.finalizeStyles(this.styles);
127
127
  }
128
128
  static finalizeStyles(t) {
129
- const r = [];
129
+ const i = [];
130
130
  if (Array.isArray(t)) {
131
- const i = new Set(t.flat(1 / 0).reverse());
132
- for (const s of i) r.unshift(tt(s));
133
- } else t !== void 0 && r.push(tt(t));
134
- return r;
131
+ const r = new Set(t.flat(1 / 0).reverse());
132
+ for (const s of r) i.unshift(tt(s));
133
+ } else t !== void 0 && i.push(tt(t));
134
+ return i;
135
135
  }
136
- static _$Eu(t, r) {
137
- const i = r.attribute;
138
- return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
136
+ static _$Eu(t, i) {
137
+ const r = i.attribute;
138
+ return r === !1 ? void 0 : typeof r == "string" ? r : typeof t == "string" ? t.toLowerCase() : void 0;
139
139
  }
140
140
  constructor() {
141
141
  super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -150,8 +150,8 @@ let E = class extends HTMLElement {
150
150
  this._$EO?.delete(t);
151
151
  }
152
152
  _$E_() {
153
- const t = /* @__PURE__ */ new Map(), r = this.constructor.elementProperties;
154
- for (const i of r.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
153
+ const t = /* @__PURE__ */ new Map(), i = this.constructor.elementProperties;
154
+ for (const r of i.keys()) this.hasOwnProperty(r) && (t.set(r, this[r]), delete this[r]);
155
155
  t.size > 0 && (this._$Ep = t);
156
156
  }
157
157
  createRenderRoot() {
@@ -166,40 +166,40 @@ let E = class extends HTMLElement {
166
166
  disconnectedCallback() {
167
167
  this._$EO?.forEach(((t) => t.hostDisconnected?.()));
168
168
  }
169
- attributeChangedCallback(t, r, i) {
170
- this._$AK(t, i);
169
+ attributeChangedCallback(t, i, r) {
170
+ this._$AK(t, r);
171
171
  }
172
- _$ET(t, r) {
173
- const i = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, i);
174
- if (s !== void 0 && i.reflect === !0) {
175
- const o = (i.converter?.toAttribute !== void 0 ? i.converter : H).toAttribute(r, i.type);
172
+ _$ET(t, i) {
173
+ const r = this.constructor.elementProperties.get(t), s = this.constructor._$Eu(t, r);
174
+ if (s !== void 0 && r.reflect === !0) {
175
+ const o = (r.converter?.toAttribute !== void 0 ? r.converter : H).toAttribute(i, r.type);
176
176
  this._$Em = t, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
177
177
  }
178
178
  }
179
- _$AK(t, r) {
180
- const i = this.constructor, s = i._$Eh.get(t);
179
+ _$AK(t, i) {
180
+ const r = this.constructor, s = r._$Eh.get(t);
181
181
  if (s !== void 0 && this._$Em !== s) {
182
- const o = i.getPropertyOptions(s), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : H;
183
- this._$Em = s, this[s] = n.fromAttribute(r, o.type) ?? this._$Ej?.get(s) ?? null, this._$Em = null;
182
+ const o = r.getPropertyOptions(s), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : H;
183
+ this._$Em = s, this[s] = n.fromAttribute(i, o.type) ?? this._$Ej?.get(s) ?? null, this._$Em = null;
184
184
  }
185
185
  }
186
- requestUpdate(t, r, i) {
186
+ requestUpdate(t, i, r) {
187
187
  if (t !== void 0) {
188
188
  const s = this.constructor, o = this[t];
189
- if (i ??= s.getPropertyOptions(t), !((i.hasChanged ?? Z)(o, r) || i.useDefault && i.reflect && o === this._$Ej?.get(t) && !this.hasAttribute(s._$Eu(t, i)))) return;
190
- this.C(t, r, i);
189
+ 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;
190
+ this.C(t, i, r);
191
191
  }
192
192
  this.isUpdatePending === !1 && (this._$ES = this._$EP());
193
193
  }
194
- C(t, r, { useDefault: i, reflect: s, wrapped: o }, n) {
195
- i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, n ?? r ?? this[t]), o !== !0 || n !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (r = void 0), this._$AL.set(t, r)), s === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
194
+ C(t, i, { useDefault: r, reflect: s, wrapped: o }, n) {
195
+ 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));
196
196
  }
197
197
  async _$EP() {
198
198
  this.isUpdatePending = !0;
199
199
  try {
200
200
  await this._$ES;
201
- } catch (r) {
202
- Promise.reject(r);
201
+ } catch (i) {
202
+ Promise.reject(i);
203
203
  }
204
204
  const t = this.scheduleUpdate();
205
205
  return t != null && await t, !this.isUpdatePending;
@@ -214,25 +214,25 @@ let E = class extends HTMLElement {
214
214
  for (const [s, o] of this._$Ep) this[s] = o;
215
215
  this._$Ep = void 0;
216
216
  }
217
- const i = this.constructor.elementProperties;
218
- if (i.size > 0) for (const [s, o] of i) {
217
+ const r = this.constructor.elementProperties;
218
+ if (r.size > 0) for (const [s, o] of r) {
219
219
  const { wrapped: n } = o, h = this[s];
220
220
  n !== !0 || this._$AL.has(s) || h === void 0 || this.C(s, void 0, o, h);
221
221
  }
222
222
  }
223
223
  let t = !1;
224
- const r = this._$AL;
224
+ const i = this._$AL;
225
225
  try {
226
- t = this.shouldUpdate(r), t ? (this.willUpdate(r), this._$EO?.forEach(((i) => i.hostUpdate?.())), this.update(r)) : this._$EM();
227
- } catch (i) {
228
- throw t = !1, this._$EM(), i;
226
+ t = this.shouldUpdate(i), t ? (this.willUpdate(i), this._$EO?.forEach(((r) => r.hostUpdate?.())), this.update(i)) : this._$EM();
227
+ } catch (r) {
228
+ throw t = !1, this._$EM(), r;
229
229
  }
230
- t && this._$AE(r);
230
+ t && this._$AE(i);
231
231
  }
232
232
  willUpdate(t) {
233
233
  }
234
234
  _$AE(t) {
235
- this._$EO?.forEach(((r) => r.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
235
+ this._$EO?.forEach(((i) => i.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(t)), this.updated(t);
236
236
  }
237
237
  _$EM() {
238
238
  this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
@@ -247,79 +247,79 @@ let E = class extends HTMLElement {
247
247
  return !0;
248
248
  }
249
249
  update(t) {
250
- this._$Eq &&= this._$Eq.forEach(((r) => this._$ET(r, this[r]))), this._$EM();
250
+ this._$Eq &&= this._$Eq.forEach(((i) => this._$ET(i, this[i]))), this._$EM();
251
251
  }
252
252
  updated(t) {
253
253
  }
254
254
  firstUpdated(t) {
255
255
  }
256
256
  };
257
- E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[V("elementProperties")] = /* @__PURE__ */ new Map(), E[V("finalized")] = /* @__PURE__ */ new Map(), kt?.({ ReactiveElement: E }), (N.reactiveElementVersions ??= []).push("2.1.0");
258
- const J = globalThis, B = J.trustedTypes, it = B ? B.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pt = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, mt = "?" + y, 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 = `[
259
- \f\r]`, P = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, st = /-->/g, ot = />/g, v = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^
260
- \f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, lt = /"/g, ft = /^(?:script|style|textarea|title)$/i, Ot = (e) => (t, ...r) => ({ _$litType$: e, strings: t, values: r }), $ = Ot(1), S = /* @__PURE__ */ Symbol.for("lit-noChange"), p = /* @__PURE__ */ Symbol.for("lit-nothing"), at = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
257
+ 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");
258
+ 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 = `[
259
+ \f\r]`, D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, st = /-->/g, ot = />/g, v = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^
260
+ \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);
261
261
  function $t(e, t) {
262
262
  if (!Q(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
263
- return it !== void 0 ? it.createHTML(t) : t;
263
+ return rt !== void 0 ? rt.createHTML(t) : t;
264
264
  }
265
265
  const Tt = (e, t) => {
266
- const r = e.length - 1, i = [];
267
- let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = P;
268
- for (let h = 0; h < r; h++) {
266
+ const i = e.length - 1, r = [];
267
+ let s, o = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", n = D;
268
+ for (let h = 0; h < i; h++) {
269
269
  const l = e[h];
270
- let c, m, a = -1, d = 0;
271
- for (; d < l.length && (n.lastIndex = d, m = n.exec(l), m !== null); ) d = n.lastIndex, n === P ? 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 ?? P, a = -1) : m[1] === void 0 ? a = -2 : (a = n.lastIndex - m[2].length, c = m[1], n = m[3] === void 0 ? v : m[3] === '"' ? lt : nt) : n === lt || n === nt ? n = v : n === st || n === ot ? n = P : (n = v, s = void 0);
272
- const u = n === v && e[h + 1].startsWith("/>") ? " " : "";
273
- o += n === P ? l + Vt : a >= 0 ? (i.push(c), l.slice(0, a) + pt + l.slice(a) + y + u) : l + y + (a === -2 ? h : u);
270
+ let u, m, a = -1, p = 0;
271
+ 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);
272
+ const c = n === v && e[h + 1].startsWith("/>") ? " " : "";
273
+ o += n === D ? l + Vt : a >= 0 ? (r.push(u), l.slice(0, a) + pt + l.slice(a) + _ + c) : l + _ + (a === -2 ? h : c);
274
274
  }
275
- return [$t(e, o + (e[r] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
275
+ return [$t(e, o + (e[i] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
276
276
  };
277
277
  class U {
278
- constructor({ strings: t, _$litType$: r }, i) {
278
+ constructor({ strings: t, _$litType$: i }, r) {
279
279
  let s;
280
280
  this.parts = [];
281
281
  let o = 0, n = 0;
282
- const h = t.length - 1, l = this.parts, [c, m] = Tt(t, r);
283
- if (this.el = U.createElement(c, i), x.currentNode = this.el.content, r === 2 || r === 3) {
282
+ const h = t.length - 1, l = this.parts, [u, m] = Tt(t, i);
283
+ if (this.el = U.createElement(u, r), x.currentNode = this.el.content, i === 2 || i === 3) {
284
284
  const a = this.el.content.firstChild;
285
285
  a.replaceWith(...a.childNodes);
286
286
  }
287
287
  for (; (s = x.nextNode()) !== null && l.length < h; ) {
288
288
  if (s.nodeType === 1) {
289
289
  if (s.hasAttributes()) for (const a of s.getAttributeNames()) if (a.endsWith(pt)) {
290
- const d = m[n++], u = s.getAttribute(a).split(y), f = /([.?@])?(.*)/.exec(d);
291
- l.push({ type: 1, index: o, name: f[2], strings: u, ctor: f[1] === "." ? Mt : f[1] === "?" ? Rt : f[1] === "@" ? Ht : j }), s.removeAttribute(a);
292
- } else a.startsWith(y) && (l.push({ type: 6, index: o }), s.removeAttribute(a));
290
+ const p = m[n++], c = s.getAttribute(a).split(_), f = /([.?@])?(.*)/.exec(p);
291
+ 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);
292
+ } else a.startsWith(_) && (l.push({ type: 6, index: o }), s.removeAttribute(a));
293
293
  if (ft.test(s.tagName)) {
294
- const a = s.textContent.split(y), d = a.length - 1;
295
- if (d > 0) {
294
+ const a = s.textContent.split(_), p = a.length - 1;
295
+ if (p > 0) {
296
296
  s.textContent = B ? B.emptyScript : "";
297
- for (let u = 0; u < d; u++) s.append(a[u], O()), x.nextNode(), l.push({ type: 2, index: ++o });
298
- s.append(a[d], O());
297
+ for (let c = 0; c < p; c++) s.append(a[c], O()), x.nextNode(), l.push({ type: 2, index: ++o });
298
+ s.append(a[p], O());
299
299
  }
300
300
  }
301
301
  } else if (s.nodeType === 8) if (s.data === mt) l.push({ type: 2, index: o });
302
302
  else {
303
303
  let a = -1;
304
- for (; (a = s.data.indexOf(y, a + 1)) !== -1; ) l.push({ type: 7, index: o }), a += y.length - 1;
304
+ for (; (a = s.data.indexOf(_, a + 1)) !== -1; ) l.push({ type: 7, index: o }), a += _.length - 1;
305
305
  }
306
306
  o++;
307
307
  }
308
308
  }
309
- static createElement(t, r) {
310
- const i = w.createElement("template");
311
- return i.innerHTML = t, i;
309
+ static createElement(t, i) {
310
+ const r = w.createElement("template");
311
+ return r.innerHTML = t, r;
312
312
  }
313
313
  }
314
- function C(e, t, r = e, i) {
314
+ function C(e, t, i = e, r) {
315
315
  if (t === S) return t;
316
- let s = i !== void 0 ? r._$Co?.[i] : r._$Cl;
316
+ let s = r !== void 0 ? i._$Co?.[r] : i._$Cl;
317
317
  const o = T(t) ? void 0 : t._$litDirective$;
318
- return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(e), s._$AT(e, r, i)), i !== void 0 ? (r._$Co ??= [])[i] = s : r._$Cl = s), s !== void 0 && (t = C(e, s._$AS(e, t.values), s, i)), t;
318
+ 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;
319
319
  }
320
320
  let Ut = class {
321
- constructor(t, r) {
322
- this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = r;
321
+ constructor(t, i) {
322
+ this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = i;
323
323
  }
324
324
  get parentNode() {
325
325
  return this._$AM.parentNode;
@@ -328,34 +328,34 @@ let Ut = class {
328
328
  return this._$AM._$AU;
329
329
  }
330
330
  u(t) {
331
- const { el: { content: r }, parts: i } = this._$AD, s = (t?.creationScope ?? w).importNode(r, !0);
331
+ const { el: { content: i }, parts: r } = this._$AD, s = (t?.creationScope ?? w).importNode(i, !0);
332
332
  x.currentNode = s;
333
- let o = x.nextNode(), n = 0, h = 0, l = i[0];
333
+ let o = x.nextNode(), n = 0, h = 0, l = r[0];
334
334
  for (; l !== void 0; ) {
335
335
  if (n === l.index) {
336
- let c;
337
- l.type === 2 ? c = new D(o, o.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(o, l.name, l.strings, this, t) : l.type === 6 && (c = new Bt(o, this, t)), this._$AV.push(c), l = i[++h];
336
+ let u;
337
+ 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];
338
338
  }
339
339
  n !== l?.index && (o = x.nextNode(), n++);
340
340
  }
341
341
  return x.currentNode = w, s;
342
342
  }
343
343
  p(t) {
344
- let r = 0;
345
- for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, r), r += i.strings.length - 2) : i._$AI(t[r])), r++;
344
+ let i = 0;
345
+ 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++;
346
346
  }
347
347
  };
348
- class D {
348
+ class k {
349
349
  get _$AU() {
350
350
  return this._$AM?._$AU ?? this._$Cv;
351
351
  }
352
- constructor(t, r, i, s) {
353
- this.type = 2, this._$AH = p, this._$AN = void 0, this._$AA = t, this._$AB = r, this._$AM = i, this.options = s, this._$Cv = s?.isConnected ?? !0;
352
+ constructor(t, i, r, s) {
353
+ 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;
354
354
  }
355
355
  get parentNode() {
356
356
  let t = this._$AA.parentNode;
357
- const r = this._$AM;
358
- return r !== void 0 && t?.nodeType === 11 && (t = r.parentNode), t;
357
+ const i = this._$AM;
358
+ return i !== void 0 && t?.nodeType === 11 && (t = i.parentNode), t;
359
359
  }
360
360
  get startNode() {
361
361
  return this._$AA;
@@ -363,8 +363,8 @@ class D {
363
363
  get endNode() {
364
364
  return this._$AB;
365
365
  }
366
- _$AI(t, r = this) {
367
- t = C(this, t, r), T(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) : Ft(t) ? this.k(t) : this._(t);
366
+ _$AI(t, i = this) {
367
+ 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);
368
368
  }
369
369
  O(t) {
370
370
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -373,31 +373,31 @@ class D {
373
373
  this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
374
374
  }
375
375
  _(t) {
376
- this._$AH !== p && T(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
376
+ this._$AH !== d && T(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
377
377
  }
378
378
  $(t) {
379
- const { values: r, _$litType$: i } = t, s = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = U.createElement($t(i.h, i.h[0]), this.options)), i);
380
- if (this._$AH?._$AD === s) this._$AH.p(r);
379
+ 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);
380
+ if (this._$AH?._$AD === s) this._$AH.p(i);
381
381
  else {
382
382
  const o = new Ut(s, this), n = o.u(this.options);
383
- o.p(r), this.T(n), this._$AH = o;
383
+ o.p(i), this.T(n), this._$AH = o;
384
384
  }
385
385
  }
386
386
  _$AC(t) {
387
- let r = at.get(t.strings);
388
- return r === void 0 && at.set(t.strings, r = new U(t)), r;
387
+ let i = at.get(t.strings);
388
+ return i === void 0 && at.set(t.strings, i = new U(t)), i;
389
389
  }
390
390
  k(t) {
391
391
  Q(this._$AH) || (this._$AH = [], this._$AR());
392
- const r = this._$AH;
393
- let i, s = 0;
394
- for (const o of t) s === r.length ? r.push(i = new D(this.O(O()), this.O(O()), this, this.options)) : i = r[s], i._$AI(o), s++;
395
- s < r.length && (this._$AR(i && i._$AB.nextSibling, s), r.length = s);
396
- }
397
- _$AR(t = this._$AA.nextSibling, r) {
398
- for (this._$AP?.(!1, !0, r); t && t !== this._$AB; ) {
399
- const i = t.nextSibling;
400
- t.remove(), t = i;
392
+ const i = this._$AH;
393
+ let r, s = 0;
394
+ 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++;
395
+ s < i.length && (this._$AR(r && r._$AB.nextSibling, s), i.length = s);
396
+ }
397
+ _$AR(t = this._$AA.nextSibling, i) {
398
+ for (this._$AP?.(!1, !0, i); t && t !== this._$AB; ) {
399
+ const r = t.nextSibling;
400
+ t.remove(), t = r;
401
401
  }
402
402
  }
403
403
  setConnected(t) {
@@ -411,22 +411,22 @@ class j {
411
411
  get _$AU() {
412
412
  return this._$AM._$AU;
413
413
  }
414
- constructor(t, r, i, s, o) {
415
- this.type = 1, this._$AH = p, this._$AN = void 0, this.element = t, 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 = p;
414
+ constructor(t, i, r, s, o) {
415
+ 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;
416
416
  }
417
- _$AI(t, r = this, i, s) {
417
+ _$AI(t, i = this, r, s) {
418
418
  const o = this.strings;
419
419
  let n = !1;
420
- if (o === void 0) t = C(this, t, r, 0), n = !T(t) || t !== this._$AH && t !== S, n && (this._$AH = t);
420
+ if (o === void 0) t = C(this, t, i, 0), n = !T(t) || t !== this._$AH && t !== S, n && (this._$AH = t);
421
421
  else {
422
422
  const h = t;
423
- let l, c;
424
- for (t = o[0], l = 0; l < o.length - 1; l++) c = C(this, h[i + l], r, l), c === S && (c = this._$AH[l]), n ||= !T(c) || c !== this._$AH[l], c === p ? t = p : t !== p && (t += (c ?? "") + o[l + 1]), this._$AH[l] = c;
423
+ let l, u;
424
+ 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;
425
425
  }
426
426
  n && !s && this.j(t);
427
427
  }
428
428
  j(t) {
429
- t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
429
+ t === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
430
430
  }
431
431
  }
432
432
  class Mt extends j {
@@ -434,7 +434,7 @@ class Mt extends j {
434
434
  super(...arguments), this.type = 3;
435
435
  }
436
436
  j(t) {
437
- this.element[this.name] = t === p ? void 0 : t;
437
+ this.element[this.name] = t === d ? void 0 : t;
438
438
  }
439
439
  }
440
440
  class Rt extends j {
@@ -442,25 +442,25 @@ class Rt extends j {
442
442
  super(...arguments), this.type = 4;
443
443
  }
444
444
  j(t) {
445
- this.element.toggleAttribute(this.name, !!t && t !== p);
445
+ this.element.toggleAttribute(this.name, !!t && t !== d);
446
446
  }
447
447
  }
448
448
  class Ht extends j {
449
- constructor(t, r, i, s, o) {
450
- super(t, r, i, s, o), this.type = 5;
449
+ constructor(t, i, r, s, o) {
450
+ super(t, i, r, s, o), this.type = 5;
451
451
  }
452
- _$AI(t, r = this) {
453
- if ((t = C(this, t, r, 0) ?? p) === S) return;
454
- const i = this._$AH, s = t === p && i !== p || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== p && (i === p || s);
455
- s && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
452
+ _$AI(t, i = this) {
453
+ if ((t = C(this, t, i, 0) ?? d) === S) return;
454
+ 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);
455
+ s && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
456
456
  }
457
457
  handleEvent(t) {
458
458
  typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
459
459
  }
460
460
  }
461
461
  class Bt {
462
- constructor(t, r, i) {
463
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = i;
462
+ constructor(t, i, r) {
463
+ this.element = t, this.type = 6, this._$AN = void 0, this._$AM = i, this.options = r;
464
464
  }
465
465
  get _$AU() {
466
466
  return this._$AM._$AU;
@@ -469,14 +469,14 @@ class Bt {
469
469
  C(this, t);
470
470
  }
471
471
  }
472
- const Nt = { I: D }, jt = J.litHtmlPolyfillSupport;
473
- jt?.(U, D), (J.litHtmlVersions ??= []).push("3.3.0");
474
- const qt = (e, t, r) => {
475
- const i = r?.renderBefore ?? t;
476
- let s = i._$litPart$;
472
+ const Nt = { I: k }, jt = J.litHtmlPolyfillSupport;
473
+ jt?.(U, k), (J.litHtmlVersions ??= []).push("3.3.0");
474
+ const zt = (e, t, i) => {
475
+ const r = i?.renderBefore ?? t;
476
+ let s = r._$litPart$;
477
477
  if (s === void 0) {
478
- const o = r?.renderBefore ?? null;
479
- i._$litPart$ = s = new D(t.insertBefore(O(), o), o, void 0, r ?? {});
478
+ const o = i?.renderBefore ?? null;
479
+ r._$litPart$ = s = new k(t.insertBefore(O(), o), o, void 0, i ?? {});
480
480
  }
481
481
  return s._$AI(e), s;
482
482
  };
@@ -490,8 +490,8 @@ let F = class extends E {
490
490
  return this.renderOptions.renderBefore ??= t.firstChild, t;
491
491
  }
492
492
  update(t) {
493
- const r = this.render();
494
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = qt(r, this.renderRoot, this.renderOptions);
493
+ const i = this.render();
494
+ this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(t), this._$Do = zt(i, this.renderRoot, this.renderOptions);
495
495
  }
496
496
  connectedCallback() {
497
497
  super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -504,8 +504,8 @@ let F = class extends E {
504
504
  }
505
505
  };
506
506
  F._$litElement$ = !0, F.finalized = !0, G.litElementHydrateSupport?.({ LitElement: F });
507
- const zt = G.litElementPolyfillSupport;
508
- zt?.({ LitElement: F });
507
+ const qt = G.litElementPolyfillSupport;
508
+ qt?.({ LitElement: F });
509
509
  (G.litElementVersions ??= []).push("4.2.0");
510
510
  const It = { CHILD: 2 }, bt = (e) => (...t) => ({ _$litDirective$: e, values: t });
511
511
  let gt = class {
@@ -514,116 +514,116 @@ let gt = class {
514
514
  get _$AU() {
515
515
  return this._$AM._$AU;
516
516
  }
517
- _$AT(t, r, i) {
518
- this._$Ct = t, this._$AM = r, this._$Ci = i;
517
+ _$AT(t, i, r) {
518
+ this._$Ct = t, this._$AM = i, this._$Ci = r;
519
519
  }
520
- _$AS(t, r) {
521
- return this.update(t, r);
520
+ _$AS(t, i) {
521
+ return this.update(t, i);
522
522
  }
523
- update(t, r) {
524
- return this.render(...r);
523
+ update(t, i) {
524
+ return this.render(...i);
525
525
  }
526
526
  };
527
- const { I: Lt } = Nt, ht = () => document.createComment(""), k = (e, t, r) => {
528
- const i = e._$AA.parentNode, s = t === void 0 ? e._$AB : t._$AA;
529
- if (r === void 0) {
530
- const o = i.insertBefore(ht(), s), n = i.insertBefore(ht(), s);
531
- r = new Lt(o, n, e, e.options);
527
+ const { I: Lt } = Nt, ht = () => document.createComment(""), P = (e, t, i) => {
528
+ const r = e._$AA.parentNode, s = t === void 0 ? e._$AB : t._$AA;
529
+ if (i === void 0) {
530
+ const o = r.insertBefore(ht(), s), n = r.insertBefore(ht(), s);
531
+ i = new Lt(o, n, e, e.options);
532
532
  } else {
533
- const o = r._$AB.nextSibling, n = r._$AM, h = n !== e;
533
+ const o = i._$AB.nextSibling, n = i._$AM, h = n !== e;
534
534
  if (h) {
535
535
  let l;
536
- r._$AQ?.(e), r._$AM = e, r._$AP !== void 0 && (l = e._$AU) !== n._$AU && r._$AP(l);
536
+ i._$AQ?.(e), i._$AM = e, i._$AP !== void 0 && (l = e._$AU) !== n._$AU && i._$AP(l);
537
537
  }
538
538
  if (o !== s || h) {
539
- let l = r._$AA;
539
+ let l = i._$AA;
540
540
  for (; l !== o; ) {
541
- const c = l.nextSibling;
542
- i.insertBefore(l, s), l = c;
541
+ const u = l.nextSibling;
542
+ r.insertBefore(l, s), l = u;
543
543
  }
544
544
  }
545
545
  }
546
- return r;
547
- }, A = (e, t, r = e) => (e._$AI(t, r), e), Wt = {}, _t = (e, t = Wt) => e._$AH = t, Kt = (e) => e._$AH, L = (e) => {
546
+ return i;
547
+ }, A = (e, t, i = e) => (e._$AI(t, i), e), Wt = {}, yt = (e, t = Wt) => e._$AH = t, Kt = (e) => e._$AH, L = (e) => {
548
548
  e._$AP?.(!1, !0);
549
549
  let t = e._$AA;
550
- const r = e._$AB.nextSibling;
551
- for (; t !== r; ) {
552
- const i = t.nextSibling;
553
- t.remove(), t = i;
550
+ const i = e._$AB.nextSibling;
551
+ for (; t !== i; ) {
552
+ const r = t.nextSibling;
553
+ t.remove(), t = r;
554
554
  }
555
555
  };
556
- const ut = (e, t, r) => {
557
- const i = /* @__PURE__ */ new Map();
558
- for (let s = t; s <= r; s++) i.set(e[s], s);
559
- return i;
560
- }, ct = bt(class extends gt {
556
+ const ct = (e, t, i) => {
557
+ const r = /* @__PURE__ */ new Map();
558
+ for (let s = t; s <= i; s++) r.set(e[s], s);
559
+ return r;
560
+ }, ut = bt(class extends gt {
561
561
  constructor(e) {
562
562
  if (super(e), e.type !== It.CHILD) throw Error("repeat() can only be used in text expressions");
563
563
  }
564
- dt(e, t, r) {
565
- let i;
566
- r === void 0 ? r = t : t !== void 0 && (i = t);
564
+ dt(e, t, i) {
565
+ let r;
566
+ i === void 0 ? i = t : t !== void 0 && (r = t);
567
567
  const s = [], o = [];
568
568
  let n = 0;
569
- for (const h of e) s[n] = i ? i(h, n) : n, o[n] = r(h, n), n++;
569
+ for (const h of e) s[n] = r ? r(h, n) : n, o[n] = i(h, n), n++;
570
570
  return { values: o, keys: s };
571
571
  }
572
- render(e, t, r) {
573
- return this.dt(e, t, r).values;
572
+ render(e, t, i) {
573
+ return this.dt(e, t, i).values;
574
574
  }
575
- update(e, [t, r, i]) {
576
- const s = Kt(e), { values: o, keys: n } = this.dt(t, r, i);
575
+ update(e, [t, i, r]) {
576
+ const s = Kt(e), { values: o, keys: n } = this.dt(t, i, r);
577
577
  if (!Array.isArray(s)) return this.ut = n, o;
578
578
  const h = this.ut ??= [], l = [];
579
- let c, m, a = 0, d = s.length - 1, u = 0, f = o.length - 1;
580
- for (; a <= d && u <= f; ) if (s[a] === null) a++;
581
- else if (s[d] === null) d--;
582
- else if (h[a] === n[u]) l[u] = A(s[a], o[u]), a++, u++;
583
- else if (h[d] === n[f]) l[f] = A(s[d], o[f]), d--, f--;
584
- else if (h[a] === n[f]) l[f] = A(s[a], o[f]), k(e, l[f + 1], s[a]), a++, f--;
585
- else if (h[d] === n[u]) l[u] = A(s[d], o[u]), k(e, s[a], s[d]), d--, u++;
586
- else if (c === void 0 && (c = ut(n, u, f), m = ut(h, a, d)), c.has(h[a])) if (c.has(h[d])) {
587
- const _ = m.get(n[u]), z = _ !== void 0 ? s[_] : null;
588
- if (z === null) {
589
- const X = k(e, s[a]);
590
- A(X, o[u]), l[u] = X;
591
- } else l[u] = A(z, o[u]), k(e, s[a], z), s[_] = null;
592
- u++;
593
- } else L(s[d]), d--;
579
+ let u, m, a = 0, p = s.length - 1, c = 0, f = o.length - 1;
580
+ for (; a <= p && c <= f; ) if (s[a] === null) a++;
581
+ else if (s[p] === null) p--;
582
+ else if (h[a] === n[c]) l[c] = A(s[a], o[c]), a++, c++;
583
+ else if (h[p] === n[f]) l[f] = A(s[p], o[f]), p--, f--;
584
+ else if (h[a] === n[f]) l[f] = A(s[a], o[f]), P(e, l[f + 1], s[a]), a++, f--;
585
+ else if (h[p] === n[c]) l[c] = A(s[p], o[c]), P(e, s[a], s[p]), p--, c++;
586
+ else if (u === void 0 && (u = ct(n, c, f), m = ct(h, a, p)), u.has(h[a])) if (u.has(h[p])) {
587
+ const y = m.get(n[c]), q = y !== void 0 ? s[y] : null;
588
+ if (q === null) {
589
+ const X = P(e, s[a]);
590
+ A(X, o[c]), l[c] = X;
591
+ } else l[c] = A(q, o[c]), P(e, s[a], q), s[y] = null;
592
+ c++;
593
+ } else L(s[p]), p--;
594
594
  else L(s[a]), a++;
595
- for (; u <= f; ) {
596
- const _ = k(e, l[f + 1]);
597
- A(_, o[u]), l[u++] = _;
595
+ for (; c <= f; ) {
596
+ const y = P(e, l[f + 1]);
597
+ A(y, o[c]), l[c++] = y;
598
598
  }
599
- for (; a <= d; ) {
600
- const _ = s[a++];
601
- _ !== null && L(_);
599
+ for (; a <= p; ) {
600
+ const y = s[a++];
601
+ y !== null && L(y);
602
602
  }
603
- return this.ut = n, _t(e, l), S;
603
+ return this.ut = n, yt(e, l), S;
604
604
  }
605
605
  });
606
606
  const Zt = bt(class extends gt {
607
607
  constructor() {
608
- super(...arguments), this.key = p;
608
+ super(...arguments), this.key = d;
609
609
  }
610
610
  render(e, t) {
611
611
  return this.key = e, t;
612
612
  }
613
- update(e, [t, r]) {
614
- return t !== this.key && (_t(e), this.key = t), r;
613
+ update(e, [t, i]) {
614
+ return t !== this.key && (yt(e), this.key = t), i;
615
615
  }
616
616
  });
617
- const Jt = (e) => (t, r) => {
618
- r !== void 0 ? r.addInitializer((() => {
617
+ const Jt = (e) => (t, i) => {
618
+ i !== void 0 ? i.addInitializer((() => {
619
619
  customElements.define(e, t);
620
620
  })) : customElements.define(e, t);
621
621
  };
622
- const Qt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: Z }, Gt = (e = Qt, t, r) => {
623
- const { kind: i, metadata: s } = r;
622
+ const Qt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: Z }, Gt = (e = Qt, t, i) => {
623
+ const { kind: r, metadata: s } = i;
624
624
  let o = globalThis.litPropertyMetadata.get(s);
625
- if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), i === "setter" && ((e = Object.create(e)).wrapped = !0), o.set(r.name, e), i === "accessor") {
626
- const { name: n } = r;
625
+ 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") {
626
+ const { name: n } = i;
627
627
  return { set(h) {
628
628
  const l = t.get.call(this);
629
629
  t.set.call(this, h), this.requestUpdate(n, l, e);
@@ -631,41 +631,41 @@ const Qt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged:
631
631
  return h !== void 0 && this.C(n, void 0, e, h), h;
632
632
  } };
633
633
  }
634
- if (i === "setter") {
635
- const { name: n } = r;
634
+ if (r === "setter") {
635
+ const { name: n } = i;
636
636
  return function(h) {
637
637
  const l = this[n];
638
638
  t.call(this, h), this.requestUpdate(n, l, e);
639
639
  };
640
640
  }
641
- throw Error("Unsupported decorator location: " + i);
641
+ throw Error("Unsupported decorator location: " + r);
642
642
  };
643
- function q(e) {
644
- return (t, r) => typeof r == "object" ? Gt(e, t, r) : ((i, s, o) => {
643
+ function z(e) {
644
+ return (t, i) => typeof i == "object" ? Gt(e, t, i) : ((r, s, o) => {
645
645
  const n = s.hasOwnProperty(o);
646
- return s.constructor.createProperty(o, i), n ? Object.getOwnPropertyDescriptor(s, o) : void 0;
647
- })(e, t, r);
646
+ return s.constructor.createProperty(o, r), n ? Object.getOwnPropertyDescriptor(s, o) : void 0;
647
+ })(e, t, i);
648
648
  }
649
649
  function M(e) {
650
- return q({ ...e, state: !0, attribute: !1 });
650
+ return z({ ...e, state: !0, attribute: !1 });
651
651
  }
652
- const Xt = (e, t, r) => (r.configurable = !0, r.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, r), r);
652
+ const Xt = (e, t, i) => (i.configurable = !0, i.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, i), i);
653
653
  function Yt(e, t) {
654
- return (r, i, s) => {
654
+ return (i, r, s) => {
655
655
  const o = (n) => n.renderRoot?.querySelector(e) ?? null;
656
- return Xt(r, i, { get() {
656
+ return Xt(i, r, { get() {
657
657
  return o(this);
658
658
  } });
659
659
  };
660
660
  }
661
- var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, g = (e, t, r, i) => {
662
- for (var s = i > 1 ? void 0 : i ? ee(t, r) : t, o = e.length - 1, n; o >= 0; o--)
663
- (n = e[o]) && (s = (i ? n(t, r, s) : n(s)) || s);
664
- return i && s && te(t, r, s), s;
661
+ var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, g = (e, t, i, r) => {
662
+ for (var s = r > 1 ? void 0 : r ? ee(t, i) : t, o = e.length - 1, n; o >= 0; o--)
663
+ (n = e[o]) && (s = (r ? n(t, i, s) : n(s)) || s);
664
+ return r && s && te(t, i, s), s;
665
665
  };
666
666
  let b = class extends F {
667
667
  constructor() {
668
- super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.fieldValues = {}, this.version = "1.0.28", this.dialogScrimPatched = !1;
668
+ super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.fieldValues = {}, this.version = "1.0.32", this.dialogScrimPatched = !1;
669
669
  }
670
670
  update(e) {
671
671
  e.has("theme") && this.registerTheme(this.theme), super.update(e);
@@ -703,15 +703,15 @@ let b = class extends F {
703
703
  `), e.adoptedStyleSheets = [...e.adoptedStyleSheets, t], this.dialogScrimPatched = !0;
704
704
  }
705
705
  registerTheme(e) {
706
- const t = getComputedStyle(this).getPropertyValue("--re-text-color").trim(), r = getComputedStyle(this).getPropertyValue("--re-tile-background-color").trim();
707
- this.themeBgColor = r || this.theme?.theme_object?.backgroundColor, this.themeTitleColor = t || this.theme?.theme_object?.title?.textStyle?.color;
706
+ const t = getComputedStyle(this).getPropertyValue("--re-text-color").trim(), i = getComputedStyle(this).getPropertyValue("--re-tile-background-color").trim();
707
+ this.themeBgColor = i || this.theme?.theme_object?.backgroundColor, this.themeTitleColor = t || this.theme?.theme_object?.title?.textStyle?.color;
708
708
  }
709
709
  openFormDialog() {
710
710
  this.dialogOpen = !0;
711
711
  }
712
712
  handleFormSubmit(e) {
713
713
  e.preventDefault();
714
- const r = e.submitter?.getAttribute("value") ?? "submit", i = e.target, s = new FormData(i), o = this.inputData?.formFields?.map((n, h) => {
714
+ const i = e.submitter?.getAttribute("value") ?? "submit", r = e.target, s = new FormData(r), o = this.inputData?.formFields?.map((n, h) => {
715
715
  const l = {
716
716
  swarm_app_databackend_key: n.targetColumn?.swarm_app_databackend_key,
717
717
  table_name: n.targetColumn?.tablename,
@@ -719,21 +719,21 @@ let b = class extends F {
719
719
  };
720
720
  if (!n.hiddenField && !this.isFieldVisible(n))
721
721
  return { ...l, value: null };
722
- const c = this.currentRawValue(n, h, s);
723
- return { ...l, value: this.formatValue(c, n.type ?? "textfield") };
722
+ const u = this.currentRawValue(n, h, s);
723
+ return { ...l, value: this.formatValue(u, n.type ?? "textfield") };
724
724
  });
725
725
  if (this.inputData?.deleteFlagColumn && o?.push({
726
726
  swarm_app_databackend_key: this.inputData?.deleteFlagColumn?.swarm_app_databackend_key,
727
727
  table_name: this.inputData?.deleteFlagColumn?.tablename,
728
728
  column_name: this.inputData?.deleteFlagColumn?.column,
729
- value: r === "delete"
729
+ value: i === "delete"
730
730
  }), this.dispatchEvent(
731
731
  new CustomEvent("data-submit", {
732
732
  detail: o,
733
733
  bubbles: !1,
734
734
  composed: !1
735
735
  })
736
- ), r === "delete") {
736
+ ), i === "delete") {
737
737
  const n = this.resolveRoute({
738
738
  route: this.inputData?.deleteNavigationRoute,
739
739
  variables: this.inputData?.variables
@@ -765,8 +765,8 @@ let b = class extends F {
765
765
  switch (t) {
766
766
  case "numberfield": {
767
767
  if (e === "" || e === null || e === void 0) return null;
768
- const r = parseFloat(e);
769
- return Number.isNaN(r) ? null : r;
768
+ const i = parseFloat(e);
769
+ return Number.isNaN(i) ? null : i;
770
770
  }
771
771
  case "checkbox":
772
772
  return e === "on" || e === "true";
@@ -779,12 +779,12 @@ let b = class extends F {
779
779
  // submission agree. Checkbox is normalized to 'true'/'false' (matching the
780
780
  // literals designers use in a condition list); a field absent from the DOM
781
781
  // (hidden by its own condition) yields its effective default value.
782
- currentRawValue(e, t, r) {
783
- const i = `column-${t}`;
782
+ currentRawValue(e, t, i) {
783
+ const r = `column-${t}`;
784
784
  if (e.hiddenField)
785
785
  return this.effectivePreFilledValue(e) ?? this.effectiveDefaultValue(e) ?? "";
786
- if (e.type === "checkbox") return r.has(i) ? "true" : "false";
787
- const s = r.get(i);
786
+ if (e.type === "checkbox") return i.has(r) ? "true" : "false";
787
+ const s = i.get(r);
788
788
  return s === null || s === "" ? this.effectiveDefaultValue(e) ?? "" : String(s);
789
789
  }
790
790
  // Rebuild the label→value map on every input/change so conditional-display
@@ -793,10 +793,10 @@ let b = class extends F {
793
793
  handleFieldChange(e) {
794
794
  const t = e.currentTarget;
795
795
  if (!t) return;
796
- const r = new FormData(t), i = {};
796
+ const i = new FormData(t), r = {};
797
797
  this.inputData?.formFields?.forEach((s, o) => {
798
- s.label && (i[s.label] = this.currentRawValue(s, o, r));
799
- }), this.fieldValues = i;
798
+ s.label && (r[s.label] = this.currentRawValue(s, o, i));
799
+ }), this.fieldValues = r;
800
800
  }
801
801
  // A field is visible unless it declares a conditional-display rule whose
802
802
  // controlling field (referenced by label) does not currently hold one of the
@@ -805,12 +805,12 @@ let b = class extends F {
805
805
  isFieldVisible(e) {
806
806
  const t = e.conditionalDisplay?.conditionField?.trim();
807
807
  if (!t) return !0;
808
- const r = (e.conditionalDisplay?.conditionValues ?? "").split(",").map((o) => o.trim()).filter((o) => o !== "");
809
- if (r.length === 0) return !0;
810
- const i = this.inputData?.formFields?.find((o) => o.label === t);
811
- if (!i) return !0;
812
- const s = this.fieldValues[t] ?? this.effectivePreFilledValue(i) ?? this.effectiveDefaultValue(i) ?? "";
813
- return r.includes(String(s));
808
+ const i = (e.conditionalDisplay?.conditionValues ?? "").split(",").map((o) => o.trim()).filter((o) => o !== "");
809
+ if (i.length === 0) return !0;
810
+ const r = this.inputData?.formFields?.find((o) => o.label === t);
811
+ if (!r) return !0;
812
+ const s = this.fieldValues[t] ?? this.effectivePreFilledValue(r) ?? this.effectiveDefaultValue(r) ?? "";
813
+ return i.includes(String(s));
814
814
  }
815
815
  renderTextField(e, t) {
816
816
  return $`
@@ -845,31 +845,33 @@ let b = class extends F {
845
845
  `;
846
846
  }
847
847
  renderCheckbox(e, t) {
848
- const r = this.effectivePreFilledValue(e), i = this.effectiveDefaultValue(e);
848
+ const i = this.effectivePreFilledValue(e), r = this.effectiveDefaultValue(e);
849
849
  return $`
850
850
  <div class="checkbox-container">
851
851
  <md-checkbox
852
852
  name="column-${t}"
853
853
  aria-label=${e.label ?? ""}
854
- ?checked=${String(r ?? i) === "true"}
855
- supporting-text=${e.description ?? ""}
856
- ?required=${e.required && !i && !r}
854
+ ?checked=${String(i ?? r) === "true"}
855
+ ?required=${e.required && !r && !i}
857
856
  ></md-checkbox>
858
- <label class="label"> ${e.label} </label>
857
+ <label class="label">
858
+ ${e.label}
859
+ ${e.description ? $`<span class="supporting-text">${e.description}</span>` : d}
860
+ </label>
859
861
  </div>
860
862
  `;
861
863
  }
862
864
  renderTextArea(e, t) {
863
- const r = this.effectivePreFilledValue(e), i = this.effectiveDefaultValue(e);
865
+ const i = this.effectivePreFilledValue(e), r = this.effectiveDefaultValue(e);
864
866
  return $`
865
867
  <md-outlined-text-field
866
868
  .name="column-${t}"
867
869
  .label="${e.label ?? ""}"
868
870
  type="textarea"
869
- .value="${r ?? ""}"
870
- .placeholder="${i ?? ""}"
871
+ .value="${i ?? ""}"
872
+ .placeholder="${r ?? ""}"
871
873
  rows="3"
872
- ?required=${e.required && !i && !r}
874
+ ?required=${e.required && !r && !i}
873
875
  supporting-text=${e.description ?? ""}
874
876
  ></md-outlined-text-field>
875
877
  `;
@@ -884,12 +886,12 @@ let b = class extends F {
884
886
  supporting-text=${e.description ?? ""}
885
887
  ?required=${e.required && !e.defaultValue && !e.preFilledValue}
886
888
  >
887
- ${ct(
889
+ ${ut(
888
890
  e.values ?? [],
889
- (r) => r.value,
890
- (r) => $`
891
- <md-select-option .value="${r.value ?? ""}">
892
- ${r.displayLabel}
891
+ (i) => i.value,
892
+ (i) => $`
893
+ <md-select-option .value="${i.value ?? ""}">
894
+ ${i.displayLabel}
893
895
  </md-select-option>
894
896
  `
895
897
  )}
@@ -917,13 +919,13 @@ let b = class extends F {
917
919
  let t = e?.route ?? "";
918
920
  if (t) {
919
921
  if (e?.variables)
920
- for (const r of e.variables)
921
- r.label && (t = t.split(`{{${r.label}}}`).join(encodeURIComponent(String(r.value ?? ""))));
922
+ for (const i of e.variables)
923
+ i.label && (t = t.split(`{{${i.label}}}`).join(encodeURIComponent(String(i.value ?? ""))));
922
924
  if (t.includes("*")) {
923
- const r = (this.route || "").split("/").filter(Boolean), i = t.split("/").filter(Boolean);
924
- for (let s = 0; s < i.length; s++)
925
- i[s] === "*" && (i[s] = r[s] ?? "");
926
- t = (t.startsWith("/") ? "/" : "") + i.filter(Boolean).join("/");
925
+ const i = (this.route || "").split("/").filter(Boolean), r = t.split("/").filter(Boolean);
926
+ for (let s = 0; s < r.length; s++)
927
+ r[s] === "*" && (r[s] = i[s] ?? "");
928
+ t = (t.startsWith("/") ? "/" : "") + r.filter(Boolean).join("/");
927
929
  }
928
930
  return t;
929
931
  }
@@ -932,20 +934,20 @@ let b = class extends F {
932
934
  this.resetForm(), this.dialogOpen = !1;
933
935
  }
934
936
  render() {
935
- const e = this.themeTitleColor, t = this.themeBgColor, r = 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;
937
+ 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;
936
938
  return $`
937
939
  <style>
938
940
  :host {
939
941
  --md-sys-color-on-surface: ${e};
940
942
  --md-sys-color-on-surface-variant: ${e};
941
943
  --md-sys-color-outline: ${e};
942
- --md-sys-color-surface-container: ${r};
944
+ --md-sys-color-surface-container: ${i};
943
945
  /* Dialog container and select dropdown panel always use the
944
946
  alpha-stripped color so they stay fully opaque regardless of
945
947
  the theme's (possibly translucent) background. */
946
- --md-dialog-container-color: ${r};
947
- --md-menu-container-color: ${r};
948
- --md-menu-item-selected-container-color: ${r};
948
+ --md-dialog-container-color: ${i};
949
+ --md-menu-container-color: ${i};
950
+ --md-menu-item-selected-container-color: ${i};
949
951
  --md-menu-item-selected-label-text-color: ${e};
950
952
  color: ${e};
951
953
  }
@@ -960,8 +962,8 @@ let b = class extends F {
960
962
  >
961
963
  <md-icon slot="icon">add</md-icon>
962
964
  </md-fab>
963
- ` : p}
964
- ${this.inputData?.formButton ? p : $`
965
+ ` : d}
966
+ ${this.inputData?.formButton ? d : $`
965
967
  <header>
966
968
  <h3 class="paging" ?active=${this.inputData?.title}>
967
969
  ${this.inputData?.title}
@@ -978,11 +980,11 @@ let b = class extends F {
978
980
  class="form"
979
981
  quick
980
982
  ?open=${this.dialogOpen}
981
- @cancel=${(i) => {
982
- i.preventDefault();
983
+ @cancel=${(r) => {
984
+ r.preventDefault();
983
985
  }}
984
- @keydown=${(i) => {
985
- i.key === "Escape" && i.preventDefault();
986
+ @keydown=${(r) => {
987
+ r.key === "Escape" && r.preventDefault();
986
988
  }}
987
989
  @closed=${() => this.dialogOpen = !1}
988
990
  >
@@ -995,7 +997,7 @@ let b = class extends F {
995
997
  value="delete"
996
998
  type="submit"
997
999
  >Delete</md-filled-button
998
- >` : p}
1000
+ >` : d}
999
1001
  <md-outlined-button @click=${this.resetForm}>Reset</md-outlined-button>
1000
1002
  <md-outlined-button @click=${this.cancelEdit}>Cancel</md-outlined-button>
1001
1003
  <md-filled-button form="form" value="submit" type="submit" autofocus
@@ -1013,7 +1015,7 @@ let b = class extends F {
1013
1015
  value="delete"
1014
1016
  type="submit"
1015
1017
  >Delete</md-filled-button
1016
- >` : p}
1018
+ >` : d}
1017
1019
  <md-outlined-button @click=${this.resetForm}>Reset</md-outlined-button>
1018
1020
  <md-filled-button form="form" value="submit" type="submit" autofocus
1019
1021
  >Submit</md-filled-button
@@ -1036,11 +1038,11 @@ let b = class extends F {
1036
1038
  @input=${this.handleFieldChange}
1037
1039
  @change=${this.handleFieldChange}
1038
1040
  >
1039
- ${ct(
1041
+ ${ut(
1040
1042
  this.inputData?.formFields ?? [],
1041
1043
  (e, t) => t,
1042
1044
  (e, t) => {
1043
- if (e.hiddenField || !this.isFieldVisible(e)) return p;
1045
+ if (e.hiddenField || !this.isFieldVisible(e)) return d;
1044
1046
  switch (e.type) {
1045
1047
  case "textfield":
1046
1048
  return this.renderTextField(e, t);
@@ -1181,11 +1183,29 @@ b.styles = vt`
1181
1183
  gap: 12px;
1182
1184
  }
1183
1185
 
1186
+ /* The box has a fixed size, so it must not absorb the shrinking when a long
1187
+ label wraps in a narrow container - only the label may give way. */
1188
+ .checkbox-container md-checkbox {
1189
+ flex: 0 0 auto;
1190
+ }
1191
+
1192
+ .checkbox-container .label {
1193
+ min-width: 0;
1194
+ }
1195
+
1184
1196
  .label {
1185
1197
  display: flex;
1186
1198
  flex-direction: column;
1187
1199
  }
1188
1200
 
1201
+ /* md-checkbox has no supporting-text of its own, unlike md-outlined-text-field
1202
+ and md-outlined-select, so the hint is rendered by hand to match theirs. */
1203
+ .supporting-text {
1204
+ font-size: 12px;
1205
+ line-height: 16px;
1206
+ color: var(--md-sys-color-on-surface-variant);
1207
+ }
1208
+
1189
1209
  md-outlined-select {
1190
1210
  flex: 1;
1191
1211
  }
@@ -1211,13 +1231,13 @@ b.styles = vt`
1211
1231
  }
1212
1232
  `;
1213
1233
  g([
1214
- q({ type: Object })
1234
+ z({ type: Object })
1215
1235
  ], b.prototype, "inputData", 2);
1216
1236
  g([
1217
- q({ type: Object })
1237
+ z({ type: Object })
1218
1238
  ], b.prototype, "theme", 2);
1219
1239
  g([
1220
- q({ type: String })
1240
+ z({ type: String })
1221
1241
  ], b.prototype, "route", 2);
1222
1242
  g([
1223
1243
  M()
@@ -1238,7 +1258,7 @@ g([
1238
1258
  M()
1239
1259
  ], b.prototype, "fieldValues", 2);
1240
1260
  b = g([
1241
- Jt("widget-form-1.0.28")
1261
+ Jt("widget-form-1.0.32")
1242
1262
  ], b);
1243
1263
  export {
1244
1264
  b as WidgetForm