@record-evolution/widget-form 1.0.33 → 1.0.34

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 (5) hide show
  1. package/dist/widget-form.d.ts +9 -0
  2. package/dist/widget-form.js +343 -331
  3. package/dist/widget-form.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/widget-form.ts +25 -11
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 me = class {
13
- constructor(e, s, i) {
13
+ constructor(e, r, i) {
14
14
  if (this._$cssResult$ = !0, i !== K) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
15
- this.cssText = e, this.t = s;
15
+ this.cssText = e, this.t = r;
16
16
  }
17
17
  get styleSheet() {
18
18
  let e = this.o;
19
- const s = this.t;
19
+ const r = this.t;
20
20
  if (W && e === void 0) {
21
- const i = s !== void 0 && s.length === 1;
22
- i && (e = Y.get(s)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && Y.set(s, e));
21
+ const i = r !== void 0 && r.length === 1;
22
+ i && (e = Y.get(r)), e === void 0 && ((this.o = e = new CSSStyleSheet()).replaceSync(this.cssText), i && Y.set(r, e));
23
23
  }
24
24
  return e;
25
25
  }
@@ -28,24 +28,24 @@ let me = class {
28
28
  }
29
29
  };
30
30
  const Ae = (t) => new me(typeof t == "string" ? t : t + "", void 0, K), xe = (t, ...e) => {
31
- const s = t.length === 1 ? t[0] : e.reduce(((i, r, o) => i + ((n) => {
31
+ const r = t.length === 1 ? t[0] : e.reduce(((i, s, o) => i + ((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
- })(r) + t[o + 1]), t[0]);
36
- return new me(s, t, K);
35
+ })(s) + t[o + 1]), t[0]);
36
+ return new me(r, t, K);
37
37
  }, we = (t, e) => {
38
- if (W) t.adoptedStyleSheets = e.map(((s) => s instanceof CSSStyleSheet ? s : s.styleSheet));
39
- else for (const s of e) {
40
- const i = document.createElement("style"), r = R.litNonce;
41
- r !== void 0 && i.setAttribute("nonce", r), i.textContent = s.cssText, t.appendChild(i);
38
+ if (W) t.adoptedStyleSheets = e.map(((r) => r instanceof CSSStyleSheet ? r : r.styleSheet));
39
+ else for (const r of e) {
40
+ const i = document.createElement("style"), s = R.litNonce;
41
+ s !== void 0 && i.setAttribute("nonce", s), i.textContent = r.cssText, t.appendChild(i);
42
42
  }
43
43
  }, ee = W ? (t) => t : (t) => t instanceof CSSStyleSheet ? ((e) => {
44
- let s = "";
45
- for (const i of e.cssRules) s += i.cssText;
46
- return Ae(s);
44
+ let r = "";
45
+ for (const i of e.cssRules) r += i.cssText;
46
+ return Ae(r);
47
47
  })(t) : t;
48
- const { is: Se, defineProperty: Ee, getOwnPropertyDescriptor: Ce, getOwnPropertyNames: De, getOwnPropertySymbols: ke, getPrototypeOf: Pe } = Object, N = globalThis, te = N.trustedTypes, Ve = te ? te.emptyScript : "", Fe = N.reactiveElementPolyfillSupport, V = (t, e) => t, H = { toAttribute(t, e) {
48
+ const { is: Se, defineProperty: Ee, getOwnPropertyDescriptor: Ce, getOwnPropertyNames: ke, getOwnPropertySymbols: De, getPrototypeOf: Pe } = Object, N = globalThis, te = N.trustedTypes, Ve = te ? te.emptyScript : "", Fe = N.reactiveElementPolyfillSupport, V = (t, e) => t, H = { toAttribute(t, e) {
49
49
  switch (e) {
50
50
  case Boolean:
51
51
  t = t ? Ve : null;
@@ -56,24 +56,24 @@ const { is: Se, defineProperty: Ee, getOwnPropertyDescriptor: Ce, getOwnProperty
56
56
  }
57
57
  return t;
58
58
  }, fromAttribute(t, e) {
59
- let s = t;
59
+ let r = t;
60
60
  switch (e) {
61
61
  case Boolean:
62
- s = t !== null;
62
+ r = t !== null;
63
63
  break;
64
64
  case Number:
65
- s = t === null ? null : Number(t);
65
+ r = t === null ? null : Number(t);
66
66
  break;
67
67
  case Object:
68
68
  case Array:
69
69
  try {
70
- s = JSON.parse(t);
70
+ r = JSON.parse(t);
71
71
  } catch {
72
- s = null;
72
+ r = null;
73
73
  }
74
74
  }
75
- return s;
76
- } }, Z = (t, e) => !Se(t, e), se = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: Z };
75
+ return r;
76
+ } }, Z = (t, e) => !Se(t, e), re = { 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(e) {
@@ -82,25 +82,25 @@ 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(e, s = se) {
86
- if (s.state && (s.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((s = Object.create(s)).wrapped = !0), this.elementProperties.set(e, s), !s.noAccessor) {
87
- const i = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(e, i, s);
88
- r !== void 0 && Ee(this.prototype, e, r);
85
+ static createProperty(e, r = re) {
86
+ if (r.state && (r.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(e) && ((r = Object.create(r)).wrapped = !0), this.elementProperties.set(e, r), !r.noAccessor) {
87
+ const i = /* @__PURE__ */ Symbol(), s = this.getPropertyDescriptor(e, i, r);
88
+ s !== void 0 && Ee(this.prototype, e, s);
89
89
  }
90
90
  }
91
- static getPropertyDescriptor(e, s, i) {
92
- const { get: r, set: o } = Ce(this.prototype, e) ?? { get() {
93
- return this[s];
91
+ static getPropertyDescriptor(e, r, i) {
92
+ const { get: s, set: o } = Ce(this.prototype, e) ?? { get() {
93
+ return this[r];
94
94
  }, set(n) {
95
- this[s] = n;
95
+ this[r] = n;
96
96
  } };
97
- return { get: r, set(n) {
98
- const c = r?.call(this);
99
- o?.call(this, n), this.requestUpdate(e, c, i);
97
+ return { get: s, set(n) {
98
+ const h = s?.call(this);
99
+ o?.call(this, n), this.requestUpdate(e, h, i);
100
100
  }, configurable: !0, enumerable: !0 };
101
101
  }
102
102
  static getPropertyOptions(e) {
103
- return this.elementProperties.get(e) ?? se;
103
+ return this.elementProperties.get(e) ?? re;
104
104
  }
105
105
  static _$Ei() {
106
106
  if (this.hasOwnProperty(V("elementProperties"))) return;
@@ -110,31 +110,31 @@ let E = class extends HTMLElement {
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 s = this.properties, i = [...De(s), ...ke(s)];
114
- for (const r of i) this.createProperty(r, s[r]);
113
+ const r = this.properties, i = [...ke(r), ...De(r)];
114
+ for (const s of i) this.createProperty(s, r[s]);
115
115
  }
116
116
  const e = this[Symbol.metadata];
117
117
  if (e !== null) {
118
- const s = litPropertyMetadata.get(e);
119
- if (s !== void 0) for (const [i, r] of s) this.elementProperties.set(i, r);
118
+ const r = litPropertyMetadata.get(e);
119
+ if (r !== void 0) for (const [i, s] of r) this.elementProperties.set(i, s);
120
120
  }
121
121
  this._$Eh = /* @__PURE__ */ new Map();
122
- for (const [s, i] of this.elementProperties) {
123
- const r = this._$Eu(s, i);
124
- r !== void 0 && this._$Eh.set(r, s);
122
+ for (const [r, i] of this.elementProperties) {
123
+ const s = this._$Eu(r, i);
124
+ s !== void 0 && this._$Eh.set(s, r);
125
125
  }
126
126
  this.elementStyles = this.finalizeStyles(this.styles);
127
127
  }
128
128
  static finalizeStyles(e) {
129
- const s = [];
129
+ const r = [];
130
130
  if (Array.isArray(e)) {
131
131
  const i = new Set(e.flat(1 / 0).reverse());
132
- for (const r of i) s.unshift(ee(r));
133
- } else e !== void 0 && s.push(ee(e));
134
- return s;
132
+ for (const s of i) r.unshift(ee(s));
133
+ } else e !== void 0 && r.push(ee(e));
134
+ return r;
135
135
  }
136
- static _$Eu(e, s) {
137
- const i = s.attribute;
136
+ static _$Eu(e, r) {
137
+ const i = r.attribute;
138
138
  return i === !1 ? void 0 : typeof i == "string" ? i : typeof e == "string" ? e.toLowerCase() : void 0;
139
139
  }
140
140
  constructor() {
@@ -150,8 +150,8 @@ let E = class extends HTMLElement {
150
150
  this._$EO?.delete(e);
151
151
  }
152
152
  _$E_() {
153
- const e = /* @__PURE__ */ new Map(), s = this.constructor.elementProperties;
154
- for (const i of s.keys()) this.hasOwnProperty(i) && (e.set(i, this[i]), delete this[i]);
153
+ const e = /* @__PURE__ */ new Map(), r = this.constructor.elementProperties;
154
+ for (const i of r.keys()) this.hasOwnProperty(i) && (e.set(i, this[i]), delete this[i]);
155
155
  e.size > 0 && (this._$Ep = e);
156
156
  }
157
157
  createRenderRoot() {
@@ -166,40 +166,40 @@ let E = class extends HTMLElement {
166
166
  disconnectedCallback() {
167
167
  this._$EO?.forEach(((e) => e.hostDisconnected?.()));
168
168
  }
169
- attributeChangedCallback(e, s, i) {
169
+ attributeChangedCallback(e, r, i) {
170
170
  this._$AK(e, i);
171
171
  }
172
- _$ET(e, s) {
173
- const i = this.constructor.elementProperties.get(e), r = this.constructor._$Eu(e, i);
174
- if (r !== void 0 && i.reflect === !0) {
175
- const o = (i.converter?.toAttribute !== void 0 ? i.converter : H).toAttribute(s, i.type);
176
- this._$Em = e, o == null ? this.removeAttribute(r) : this.setAttribute(r, o), this._$Em = null;
172
+ _$ET(e, r) {
173
+ const i = this.constructor.elementProperties.get(e), s = this.constructor._$Eu(e, i);
174
+ if (s !== void 0 && i.reflect === !0) {
175
+ const o = (i.converter?.toAttribute !== void 0 ? i.converter : H).toAttribute(r, i.type);
176
+ this._$Em = e, o == null ? this.removeAttribute(s) : this.setAttribute(s, o), this._$Em = null;
177
177
  }
178
178
  }
179
- _$AK(e, s) {
180
- const i = this.constructor, r = i._$Eh.get(e);
181
- if (r !== void 0 && this._$Em !== r) {
182
- const o = i.getPropertyOptions(r), n = typeof o.converter == "function" ? { fromAttribute: o.converter } : o.converter?.fromAttribute !== void 0 ? o.converter : H;
183
- this._$Em = r, this[r] = n.fromAttribute(s, o.type) ?? this._$Ej?.get(r) ?? null, this._$Em = null;
179
+ _$AK(e, r) {
180
+ const i = this.constructor, s = i._$Eh.get(e);
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;
184
184
  }
185
185
  }
186
- requestUpdate(e, s, i) {
186
+ requestUpdate(e, r, i) {
187
187
  if (e !== void 0) {
188
- const r = this.constructor, o = this[e];
189
- if (i ??= r.getPropertyOptions(e), !((i.hasChanged ?? Z)(o, s) || i.useDefault && i.reflect && o === this._$Ej?.get(e) && !this.hasAttribute(r._$Eu(e, i)))) return;
190
- this.C(e, s, i);
188
+ const s = this.constructor, o = this[e];
189
+ if (i ??= s.getPropertyOptions(e), !((i.hasChanged ?? Z)(o, r) || i.useDefault && i.reflect && o === this._$Ej?.get(e) && !this.hasAttribute(s._$Eu(e, i)))) return;
190
+ this.C(e, r, i);
191
191
  }
192
192
  this.isUpdatePending === !1 && (this._$ES = this._$EP());
193
193
  }
194
- C(e, s, { useDefault: i, reflect: r, wrapped: o }, n) {
195
- i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, n ?? s ?? this[e]), o !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (s = void 0), this._$AL.set(e, s)), r === !0 && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
194
+ C(e, r, { useDefault: i, reflect: s, wrapped: o }, n) {
195
+ i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(e) && (this._$Ej.set(e, n ?? r ?? this[e]), o !== !0 || n !== void 0) || (this._$AL.has(e) || (this.hasUpdated || i || (r = void 0), this._$AL.set(e, r)), s === !0 && this._$Em !== e && (this._$Eq ??= /* @__PURE__ */ new Set()).add(e));
196
196
  }
197
197
  async _$EP() {
198
198
  this.isUpdatePending = !0;
199
199
  try {
200
200
  await this._$ES;
201
- } catch (s) {
202
- Promise.reject(s);
201
+ } catch (r) {
202
+ Promise.reject(r);
203
203
  }
204
204
  const e = this.scheduleUpdate();
205
205
  return e != null && await e, !this.isUpdatePending;
@@ -211,28 +211,28 @@ let E = class extends HTMLElement {
211
211
  if (!this.isUpdatePending) return;
212
212
  if (!this.hasUpdated) {
213
213
  if (this.renderRoot ??= this.createRenderRoot(), this._$Ep) {
214
- for (const [r, o] of this._$Ep) this[r] = o;
214
+ for (const [s, o] of this._$Ep) this[s] = o;
215
215
  this._$Ep = void 0;
216
216
  }
217
217
  const i = this.constructor.elementProperties;
218
- if (i.size > 0) for (const [r, o] of i) {
219
- const { wrapped: n } = o, c = this[r];
220
- n !== !0 || this._$AL.has(r) || c === void 0 || this.C(r, void 0, o, c);
218
+ if (i.size > 0) for (const [s, o] of i) {
219
+ const { wrapped: n } = o, h = this[s];
220
+ n !== !0 || this._$AL.has(s) || h === void 0 || this.C(s, void 0, o, h);
221
221
  }
222
222
  }
223
223
  let e = !1;
224
- const s = this._$AL;
224
+ const r = this._$AL;
225
225
  try {
226
- e = this.shouldUpdate(s), e ? (this.willUpdate(s), this._$EO?.forEach(((i) => i.hostUpdate?.())), this.update(s)) : this._$EM();
226
+ e = this.shouldUpdate(r), e ? (this.willUpdate(r), this._$EO?.forEach(((i) => i.hostUpdate?.())), this.update(r)) : this._$EM();
227
227
  } catch (i) {
228
228
  throw e = !1, this._$EM(), i;
229
229
  }
230
- e && this._$AE(s);
230
+ e && this._$AE(r);
231
231
  }
232
232
  willUpdate(e) {
233
233
  }
234
234
  _$AE(e) {
235
- this._$EO?.forEach(((s) => s.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
235
+ this._$EO?.forEach(((r) => r.hostUpdated?.())), this.hasUpdated || (this.hasUpdated = !0, this.firstUpdated(e)), this.updated(e);
236
236
  }
237
237
  _$EM() {
238
238
  this._$AL = /* @__PURE__ */ new Map(), this.isUpdatePending = !1;
@@ -247,7 +247,7 @@ let E = class extends HTMLElement {
247
247
  return !0;
248
248
  }
249
249
  update(e) {
250
- this._$Eq &&= this._$Eq.forEach(((s) => this._$ET(s, this[s]))), this._$EM();
250
+ this._$Eq &&= this._$Eq.forEach(((r) => this._$ET(r, this[r]))), this._$EM();
251
251
  }
252
252
  updated(e) {
253
253
  }
@@ -255,71 +255,71 @@ let E = class extends HTMLElement {
255
255
  }
256
256
  };
257
257
  E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[V("elementProperties")] = /* @__PURE__ */ new Map(), E[V("finalized")] = /* @__PURE__ */ new Map(), Fe?.({ ReactiveElement: E }), (N.reactiveElementVersions ??= []).push("2.1.0");
258
- const J = globalThis, B = J.trustedTypes, ie = B ? B.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, fe = "$lit$", _ = `lit$${Math.random().toFixed(9).slice(2)}$`, $e = "?" + _, Oe = `<${$e}>`, w = document, O = () => w.createComment(""), T = (t) => t === null || typeof t != "object" && typeof t != "function", Q = Array.isArray, Te = (t) => Q(t) || typeof t?.[Symbol.iterator] == "function", I = `[
259
- \f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, re = /-->/g, oe = />/g, v = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^
260
- \f\r"'\`<>=]|("|')|))|$)`, "g"), ne = /'/g, le = /"/g, be = /^(?:script|style|textarea|title)$/i, Ue = (t) => (e, ...s) => ({ _$litType$: t, strings: e, values: s }), $ = Ue(1), S = /* @__PURE__ */ Symbol.for("lit-noChange"), d = /* @__PURE__ */ Symbol.for("lit-nothing"), ae = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
258
+ const J = globalThis, B = J.trustedTypes, ie = B ? B.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, fe = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, $e = "?" + y, Oe = `<${$e}>`, w = document, O = () => w.createComment(""), T = (t) => t === null || typeof t != "object" && typeof t != "function", Q = Array.isArray, Te = (t) => Q(t) || typeof t?.[Symbol.iterator] == "function", I = `[
259
+ \f\r]`, D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, se = /-->/g, oe = />/g, v = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^
260
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), ne = /'/g, ae = /"/g, be = /^(?:script|style|textarea|title)$/i, Ue = (t) => (e, ...r) => ({ _$litType$: t, strings: e, values: r }), $ = Ue(1), S = /* @__PURE__ */ Symbol.for("lit-noChange"), d = /* @__PURE__ */ Symbol.for("lit-nothing"), le = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
261
261
  function ge(t, e) {
262
262
  if (!Q(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
263
263
  return ie !== void 0 ? ie.createHTML(e) : e;
264
264
  }
265
265
  const Me = (t, e) => {
266
- const s = t.length - 1, i = [];
267
- let r, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = k;
268
- for (let c = 0; c < s; c++) {
269
- const l = t[c];
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 === k ? m[1] === "!--" ? n = re : m[1] !== void 0 ? n = oe : m[2] !== void 0 ? (be.test(m[2]) && (r = RegExp("</" + m[2], "g")), n = v) : m[3] !== void 0 && (n = v) : n === v ? m[0] === ">" ? (n = r ?? k, 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] === '"' ? le : ne) : n === le || n === ne ? n = v : n === re || n === oe ? n = k : (n = v, r = void 0);
272
- const h = n === v && t[c + 1].startsWith("/>") ? " " : "";
273
- o += n === k ? l + Oe : a >= 0 ? (i.push(u), l.slice(0, a) + fe + l.slice(a) + _ + h) : l + _ + (a === -2 ? c : h);
274
- }
275
- return [ge(t, o + (t[s] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
266
+ const r = t.length - 1, i = [];
267
+ let s, o = e === 2 ? "<svg>" : e === 3 ? "<math>" : "", n = D;
268
+ for (let h = 0; h < r; h++) {
269
+ const a = t[h];
270
+ let u, m, l = -1, p = 0;
271
+ for (; p < a.length && (n.lastIndex = p, m = n.exec(a), m !== null); ) p = n.lastIndex, n === D ? m[1] === "!--" ? n = se : m[1] !== void 0 ? n = oe : m[2] !== void 0 ? (be.test(m[2]) && (s = RegExp("</" + m[2], "g")), n = v) : m[3] !== void 0 && (n = v) : n === v ? m[0] === ">" ? (n = s ?? D, l = -1) : m[1] === void 0 ? l = -2 : (l = n.lastIndex - m[2].length, u = m[1], n = m[3] === void 0 ? v : m[3] === '"' ? ae : ne) : n === ae || n === ne ? n = v : n === se || n === oe ? n = D : (n = v, s = void 0);
272
+ const c = n === v && t[h + 1].startsWith("/>") ? " " : "";
273
+ o += n === D ? a + Oe : l >= 0 ? (i.push(u), a.slice(0, l) + fe + a.slice(l) + y + c) : a + y + (l === -2 ? h : c);
274
+ }
275
+ return [ge(t, o + (t[r] || "<?>") + (e === 2 ? "</svg>" : e === 3 ? "</math>" : "")), i];
276
276
  };
277
277
  class U {
278
- constructor({ strings: e, _$litType$: s }, i) {
279
- let r;
278
+ constructor({ strings: e, _$litType$: r }, i) {
279
+ let s;
280
280
  this.parts = [];
281
281
  let o = 0, n = 0;
282
- const c = e.length - 1, l = this.parts, [u, m] = Me(e, s);
283
- if (this.el = U.createElement(u, i), x.currentNode = this.el.content, s === 2 || s === 3) {
284
- const a = this.el.content.firstChild;
285
- a.replaceWith(...a.childNodes);
282
+ const h = e.length - 1, a = this.parts, [u, m] = Me(e, r);
283
+ if (this.el = U.createElement(u, i), x.currentNode = this.el.content, r === 2 || r === 3) {
284
+ const l = this.el.content.firstChild;
285
+ l.replaceWith(...l.childNodes);
286
286
  }
287
- for (; (r = x.nextNode()) !== null && l.length < c; ) {
288
- if (r.nodeType === 1) {
289
- if (r.hasAttributes()) for (const a of r.getAttributeNames()) if (a.endsWith(fe)) {
290
- const p = m[n++], h = r.getAttribute(a).split(_), f = /([.?@])?(.*)/.exec(p);
291
- l.push({ type: 1, index: o, name: f[2], strings: h, ctor: f[1] === "." ? He : f[1] === "?" ? Be : f[1] === "@" ? Ne : j }), r.removeAttribute(a);
292
- } else a.startsWith(_) && (l.push({ type: 6, index: o }), r.removeAttribute(a));
293
- if (be.test(r.tagName)) {
294
- const a = r.textContent.split(_), p = a.length - 1;
287
+ for (; (s = x.nextNode()) !== null && a.length < h; ) {
288
+ if (s.nodeType === 1) {
289
+ if (s.hasAttributes()) for (const l of s.getAttributeNames()) if (l.endsWith(fe)) {
290
+ const p = m[n++], c = s.getAttribute(l).split(y), f = /([.?@])?(.*)/.exec(p);
291
+ a.push({ type: 1, index: o, name: f[2], strings: c, ctor: f[1] === "." ? He : f[1] === "?" ? Be : f[1] === "@" ? Ne : j }), s.removeAttribute(l);
292
+ } else l.startsWith(y) && (a.push({ type: 6, index: o }), s.removeAttribute(l));
293
+ if (be.test(s.tagName)) {
294
+ const l = s.textContent.split(y), p = l.length - 1;
295
295
  if (p > 0) {
296
- r.textContent = B ? B.emptyScript : "";
297
- for (let h = 0; h < p; h++) r.append(a[h], O()), x.nextNode(), l.push({ type: 2, index: ++o });
298
- r.append(a[p], O());
296
+ s.textContent = B ? B.emptyScript : "";
297
+ for (let c = 0; c < p; c++) s.append(l[c], O()), x.nextNode(), a.push({ type: 2, index: ++o });
298
+ s.append(l[p], O());
299
299
  }
300
300
  }
301
- } else if (r.nodeType === 8) if (r.data === $e) l.push({ type: 2, index: o });
301
+ } else if (s.nodeType === 8) if (s.data === $e) a.push({ type: 2, index: o });
302
302
  else {
303
- let a = -1;
304
- for (; (a = r.data.indexOf(_, a + 1)) !== -1; ) l.push({ type: 7, index: o }), a += _.length - 1;
303
+ let l = -1;
304
+ for (; (l = s.data.indexOf(y, l + 1)) !== -1; ) a.push({ type: 7, index: o }), l += y.length - 1;
305
305
  }
306
306
  o++;
307
307
  }
308
308
  }
309
- static createElement(e, s) {
309
+ static createElement(e, r) {
310
310
  const i = w.createElement("template");
311
311
  return i.innerHTML = e, i;
312
312
  }
313
313
  }
314
- function C(t, e, s = t, i) {
314
+ function C(t, e, r = t, i) {
315
315
  if (e === S) return e;
316
- let r = i !== void 0 ? s._$Co?.[i] : s._$Cl;
316
+ let s = i !== void 0 ? r._$Co?.[i] : r._$Cl;
317
317
  const o = T(e) ? void 0 : e._$litDirective$;
318
- return r?.constructor !== o && (r?._$AO?.(!1), o === void 0 ? r = void 0 : (r = new o(t), r._$AT(t, s, i)), i !== void 0 ? (s._$Co ??= [])[i] = r : s._$Cl = r), r !== void 0 && (e = C(t, r._$AS(t, e.values), r, i)), e;
318
+ return s?.constructor !== o && (s?._$AO?.(!1), o === void 0 ? s = void 0 : (s = new o(t), s._$AT(t, r, i)), i !== void 0 ? (r._$Co ??= [])[i] = s : r._$Cl = s), s !== void 0 && (e = C(t, s._$AS(t, e.values), s, i)), e;
319
319
  }
320
320
  let Re = class {
321
- constructor(e, s) {
322
- this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = s;
321
+ constructor(e, r) {
322
+ this._$AV = [], this._$AN = void 0, this._$AD = e, this._$AM = r;
323
323
  }
324
324
  get parentNode() {
325
325
  return this._$AM.parentNode;
@@ -328,34 +328,34 @@ let Re = class {
328
328
  return this._$AM._$AU;
329
329
  }
330
330
  u(e) {
331
- const { el: { content: s }, parts: i } = this._$AD, r = (e?.creationScope ?? w).importNode(s, !0);
332
- x.currentNode = r;
333
- let o = x.nextNode(), n = 0, c = 0, l = i[0];
334
- for (; l !== void 0; ) {
335
- if (n === l.index) {
331
+ const { el: { content: r }, parts: i } = this._$AD, s = (e?.creationScope ?? w).importNode(r, !0);
332
+ x.currentNode = s;
333
+ let o = x.nextNode(), n = 0, h = 0, a = i[0];
334
+ for (; a !== void 0; ) {
335
+ if (n === a.index) {
336
336
  let u;
337
- l.type === 2 ? u = new D(o, o.nextSibling, this, e) : l.type === 1 ? u = new l.ctor(o, l.name, l.strings, this, e) : l.type === 6 && (u = new je(o, this, e)), this._$AV.push(u), l = i[++c];
337
+ a.type === 2 ? u = new k(o, o.nextSibling, this, e) : a.type === 1 ? u = new a.ctor(o, a.name, a.strings, this, e) : a.type === 6 && (u = new je(o, this, e)), this._$AV.push(u), a = i[++h];
338
338
  }
339
- n !== l?.index && (o = x.nextNode(), n++);
339
+ n !== a?.index && (o = x.nextNode(), n++);
340
340
  }
341
- return x.currentNode = w, r;
341
+ return x.currentNode = w, s;
342
342
  }
343
343
  p(e) {
344
- let s = 0;
345
- for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, s), s += i.strings.length - 2) : i._$AI(e[s])), s++;
344
+ let r = 0;
345
+ for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(e, i, r), r += i.strings.length - 2) : i._$AI(e[r])), r++;
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(e, s, i, r) {
353
- this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = e, this._$AB = s, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
352
+ constructor(e, r, i, s) {
353
+ this.type = 2, this._$AH = d, this._$AN = void 0, this._$AA = e, this._$AB = r, this._$AM = i, this.options = s, this._$Cv = s?.isConnected ?? !0;
354
354
  }
355
355
  get parentNode() {
356
356
  let e = this._$AA.parentNode;
357
- const s = this._$AM;
358
- return s !== void 0 && e?.nodeType === 11 && (e = s.parentNode), e;
357
+ const r = this._$AM;
358
+ return r !== void 0 && e?.nodeType === 11 && (e = r.parentNode), e;
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(e, s = this) {
367
- e = C(this, e, s), T(e) ? e === d || e == null || e === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : e !== this._$AH && e !== S && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Te(e) ? this.k(e) : this._(e);
366
+ _$AI(e, r = this) {
367
+ e = C(this, e, r), T(e) ? e === d || e == null || e === "" ? (this._$AH !== d && this._$AR(), this._$AH = d) : e !== this._$AH && e !== S && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Te(e) ? this.k(e) : this._(e);
368
368
  }
369
369
  O(e) {
370
370
  return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -376,26 +376,26 @@ class D {
376
376
  this._$AH !== d && T(this._$AH) ? this._$AA.nextSibling.data = e : this.T(w.createTextNode(e)), this._$AH = e;
377
377
  }
378
378
  $(e) {
379
- const { values: s, _$litType$: i } = e, r = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = U.createElement(ge(i.h, i.h[0]), this.options)), i);
380
- if (this._$AH?._$AD === r) this._$AH.p(s);
379
+ const { values: r, _$litType$: i } = e, s = typeof i == "number" ? this._$AC(e) : (i.el === void 0 && (i.el = U.createElement(ge(i.h, i.h[0]), this.options)), i);
380
+ if (this._$AH?._$AD === s) this._$AH.p(r);
381
381
  else {
382
- const o = new Re(r, this), n = o.u(this.options);
383
- o.p(s), this.T(n), this._$AH = o;
382
+ const o = new Re(s, this), n = o.u(this.options);
383
+ o.p(r), this.T(n), this._$AH = o;
384
384
  }
385
385
  }
386
386
  _$AC(e) {
387
- let s = ae.get(e.strings);
388
- return s === void 0 && ae.set(e.strings, s = new U(e)), s;
387
+ let r = le.get(e.strings);
388
+ return r === void 0 && le.set(e.strings, r = new U(e)), r;
389
389
  }
390
390
  k(e) {
391
391
  Q(this._$AH) || (this._$AH = [], this._$AR());
392
- const s = this._$AH;
393
- let i, r = 0;
394
- for (const o of e) r === s.length ? s.push(i = new D(this.O(O()), this.O(O()), this, this.options)) : i = s[r], i._$AI(o), r++;
395
- r < s.length && (this._$AR(i && i._$AB.nextSibling, r), s.length = r);
392
+ const r = this._$AH;
393
+ let i, s = 0;
394
+ for (const o of e) s === r.length ? r.push(i = new k(this.O(O()), this.O(O()), this, this.options)) : i = r[s], i._$AI(o), s++;
395
+ s < r.length && (this._$AR(i && i._$AB.nextSibling, s), r.length = s);
396
396
  }
397
- _$AR(e = this._$AA.nextSibling, s) {
398
- for (this._$AP?.(!1, !0, s); e && e !== this._$AB; ) {
397
+ _$AR(e = this._$AA.nextSibling, r) {
398
+ for (this._$AP?.(!1, !0, r); e && e !== this._$AB; ) {
399
399
  const i = e.nextSibling;
400
400
  e.remove(), e = i;
401
401
  }
@@ -411,19 +411,19 @@ class j {
411
411
  get _$AU() {
412
412
  return this._$AM._$AU;
413
413
  }
414
- constructor(e, s, i, r, o) {
415
- this.type = 1, this._$AH = d, this._$AN = void 0, this.element = e, 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 = d;
414
+ constructor(e, r, i, s, o) {
415
+ this.type = 1, this._$AH = d, this._$AN = void 0, this.element = e, this.name = r, this._$AM = s, this.options = o, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = d;
416
416
  }
417
- _$AI(e, s = this, i, r) {
417
+ _$AI(e, r = this, i, s) {
418
418
  const o = this.strings;
419
419
  let n = !1;
420
- if (o === void 0) e = C(this, e, s, 0), n = !T(e) || e !== this._$AH && e !== S, n && (this._$AH = e);
420
+ if (o === void 0) e = C(this, e, r, 0), n = !T(e) || e !== this._$AH && e !== S, n && (this._$AH = e);
421
421
  else {
422
- const c = e;
423
- let l, u;
424
- for (e = o[0], l = 0; l < o.length - 1; l++) u = C(this, c[i + l], s, l), u === S && (u = this._$AH[l]), n ||= !T(u) || u !== this._$AH[l], u === d ? e = d : e !== d && (e += (u ?? "") + o[l + 1]), this._$AH[l] = u;
422
+ const h = e;
423
+ let a, u;
424
+ for (e = o[0], a = 0; a < o.length - 1; a++) u = C(this, h[i + a], r, a), u === S && (u = this._$AH[a]), n ||= !T(u) || u !== this._$AH[a], u === d ? e = d : e !== d && (e += (u ?? "") + o[a + 1]), this._$AH[a] = u;
425
425
  }
426
- n && !r && this.j(e);
426
+ n && !s && this.j(e);
427
427
  }
428
428
  j(e) {
429
429
  e === d ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
@@ -446,21 +446,21 @@ class Be extends j {
446
446
  }
447
447
  }
448
448
  class Ne extends j {
449
- constructor(e, s, i, r, o) {
450
- super(e, s, i, r, o), this.type = 5;
449
+ constructor(e, r, i, s, o) {
450
+ super(e, r, i, s, o), this.type = 5;
451
451
  }
452
- _$AI(e, s = this) {
453
- if ((e = C(this, e, s, 0) ?? d) === S) return;
454
- const i = this._$AH, r = e === d && i !== d || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, o = e !== d && (i === d || r);
455
- r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
452
+ _$AI(e, r = this) {
453
+ if ((e = C(this, e, r, 0) ?? d) === S) return;
454
+ const i = this._$AH, s = e === d && i !== d || e.capture !== i.capture || e.once !== i.once || e.passive !== i.passive, o = e !== d && (i === d || s);
455
+ s && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
456
456
  }
457
457
  handleEvent(e) {
458
458
  typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, e) : this._$AH.handleEvent(e);
459
459
  }
460
460
  }
461
461
  class je {
462
- constructor(e, s, i) {
463
- this.element = e, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
462
+ constructor(e, r, i) {
463
+ this.element = e, this.type = 6, this._$AN = void 0, this._$AM = r, this.options = i;
464
464
  }
465
465
  get _$AU() {
466
466
  return this._$AM._$AU;
@@ -469,16 +469,16 @@ class je {
469
469
  C(this, e);
470
470
  }
471
471
  }
472
- const ze = { I: D }, qe = J.litHtmlPolyfillSupport;
473
- qe?.(U, D), (J.litHtmlVersions ??= []).push("3.3.0");
474
- const Ie = (t, e, s) => {
475
- const i = s?.renderBefore ?? e;
476
- let r = i._$litPart$;
477
- if (r === void 0) {
478
- const o = s?.renderBefore ?? null;
479
- i._$litPart$ = r = new D(e.insertBefore(O(), o), o, void 0, s ?? {});
472
+ const qe = { I: k }, ze = J.litHtmlPolyfillSupport;
473
+ ze?.(U, k), (J.litHtmlVersions ??= []).push("3.3.0");
474
+ const Ie = (t, e, r) => {
475
+ const i = r?.renderBefore ?? e;
476
+ let s = i._$litPart$;
477
+ if (s === void 0) {
478
+ const o = r?.renderBefore ?? null;
479
+ i._$litPart$ = s = new k(e.insertBefore(O(), o), o, void 0, r ?? {});
480
480
  }
481
- return r._$AI(t), r;
481
+ return s._$AI(t), s;
482
482
  };
483
483
  const G = globalThis;
484
484
  let F = class extends E {
@@ -490,8 +490,8 @@ let F = class extends E {
490
490
  return this.renderOptions.renderBefore ??= e.firstChild, e;
491
491
  }
492
492
  update(e) {
493
- const s = this.render();
494
- this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Ie(s, this.renderRoot, this.renderOptions);
493
+ const r = this.render();
494
+ this.hasUpdated || (this.renderOptions.isConnected = this.isConnected), super.update(e), this._$Do = Ie(r, this.renderRoot, this.renderOptions);
495
495
  }
496
496
  connectedCallback() {
497
497
  super.connectedCallback(), this._$Do?.setConnected(!0);
@@ -507,177 +507,177 @@ F._$litElement$ = !0, F.finalized = !0, G.litElementHydrateSupport?.({ LitElemen
507
507
  const Le = G.litElementPolyfillSupport;
508
508
  Le?.({ LitElement: F });
509
509
  (G.litElementVersions ??= []).push("4.2.0");
510
- const We = { CHILD: 2 }, ye = (t) => (...e) => ({ _$litDirective$: t, values: e });
511
- let _e = class {
510
+ const We = { CHILD: 2 }, _e = (t) => (...e) => ({ _$litDirective$: t, values: e });
511
+ let ye = class {
512
512
  constructor(e) {
513
513
  }
514
514
  get _$AU() {
515
515
  return this._$AM._$AU;
516
516
  }
517
- _$AT(e, s, i) {
518
- this._$Ct = e, this._$AM = s, this._$Ci = i;
517
+ _$AT(e, r, i) {
518
+ this._$Ct = e, this._$AM = r, this._$Ci = i;
519
519
  }
520
- _$AS(e, s) {
521
- return this.update(e, s);
520
+ _$AS(e, r) {
521
+ return this.update(e, r);
522
522
  }
523
- update(e, s) {
524
- return this.render(...s);
523
+ update(e, r) {
524
+ return this.render(...r);
525
525
  }
526
526
  };
527
- const { I: Ke } = ze, ce = () => document.createComment(""), P = (t, e, s) => {
528
- const i = t._$AA.parentNode, r = e === void 0 ? t._$AB : e._$AA;
529
- if (s === void 0) {
530
- const o = i.insertBefore(ce(), r), n = i.insertBefore(ce(), r);
531
- s = new Ke(o, n, t, t.options);
527
+ const { I: Ke } = qe, he = () => document.createComment(""), P = (t, e, r) => {
528
+ const i = t._$AA.parentNode, s = e === void 0 ? t._$AB : e._$AA;
529
+ if (r === void 0) {
530
+ const o = i.insertBefore(he(), s), n = i.insertBefore(he(), s);
531
+ r = new Ke(o, n, t, t.options);
532
532
  } else {
533
- const o = s._$AB.nextSibling, n = s._$AM, c = n !== t;
534
- if (c) {
535
- let l;
536
- s._$AQ?.(t), s._$AM = t, s._$AP !== void 0 && (l = t._$AU) !== n._$AU && s._$AP(l);
533
+ const o = r._$AB.nextSibling, n = r._$AM, h = n !== t;
534
+ if (h) {
535
+ let a;
536
+ r._$AQ?.(t), r._$AM = t, r._$AP !== void 0 && (a = t._$AU) !== n._$AU && r._$AP(a);
537
537
  }
538
- if (o !== r || c) {
539
- let l = s._$AA;
540
- for (; l !== o; ) {
541
- const u = l.nextSibling;
542
- i.insertBefore(l, r), l = u;
538
+ if (o !== s || h) {
539
+ let a = r._$AA;
540
+ for (; a !== o; ) {
541
+ const u = a.nextSibling;
542
+ i.insertBefore(a, s), a = u;
543
543
  }
544
544
  }
545
545
  }
546
- return s;
547
- }, A = (t, e, s = t) => (t._$AI(e, s), t), Ze = {}, ve = (t, e = Ze) => t._$AH = e, Je = (t) => t._$AH, L = (t) => {
546
+ return r;
547
+ }, A = (t, e, r = t) => (t._$AI(e, r), t), Ze = {}, ve = (t, e = Ze) => t._$AH = e, Je = (t) => t._$AH, L = (t) => {
548
548
  t._$AP?.(!1, !0);
549
549
  let e = t._$AA;
550
- const s = t._$AB.nextSibling;
551
- for (; e !== s; ) {
550
+ const r = t._$AB.nextSibling;
551
+ for (; e !== r; ) {
552
552
  const i = e.nextSibling;
553
553
  e.remove(), e = i;
554
554
  }
555
555
  };
556
- const he = (t, e, s) => {
556
+ const ce = (t, e, r) => {
557
557
  const i = /* @__PURE__ */ new Map();
558
- for (let r = e; r <= s; r++) i.set(t[r], r);
558
+ for (let s = e; s <= r; s++) i.set(t[s], s);
559
559
  return i;
560
- }, ue = ye(class extends _e {
560
+ }, ue = _e(class extends ye {
561
561
  constructor(t) {
562
562
  if (super(t), t.type !== We.CHILD) throw Error("repeat() can only be used in text expressions");
563
563
  }
564
- dt(t, e, s) {
564
+ dt(t, e, r) {
565
565
  let i;
566
- s === void 0 ? s = e : e !== void 0 && (i = e);
567
- const r = [], o = [];
566
+ r === void 0 ? r = e : e !== void 0 && (i = e);
567
+ const s = [], o = [];
568
568
  let n = 0;
569
- for (const c of t) r[n] = i ? i(c, n) : n, o[n] = s(c, n), n++;
570
- return { values: o, keys: r };
571
- }
572
- render(t, e, s) {
573
- return this.dt(t, e, s).values;
574
- }
575
- update(t, [e, s, i]) {
576
- const r = Je(t), { values: o, keys: n } = this.dt(e, s, i);
577
- if (!Array.isArray(r)) return this.ut = n, o;
578
- const c = this.ut ??= [], l = [];
579
- let u, m, a = 0, p = r.length - 1, h = 0, f = o.length - 1;
580
- for (; a <= p && h <= f; ) if (r[a] === null) a++;
581
- else if (r[p] === null) p--;
582
- else if (c[a] === n[h]) l[h] = A(r[a], o[h]), a++, h++;
583
- else if (c[p] === n[f]) l[f] = A(r[p], o[f]), p--, f--;
584
- else if (c[a] === n[f]) l[f] = A(r[a], o[f]), P(t, l[f + 1], r[a]), a++, f--;
585
- else if (c[p] === n[h]) l[h] = A(r[p], o[h]), P(t, r[a], r[p]), p--, h++;
586
- else if (u === void 0 && (u = he(n, h, f), m = he(c, a, p)), u.has(c[a])) if (u.has(c[p])) {
587
- const y = m.get(n[h]), q = y !== void 0 ? r[y] : null;
588
- if (q === null) {
589
- const X = P(t, r[a]);
590
- A(X, o[h]), l[h] = X;
591
- } else l[h] = A(q, o[h]), P(t, r[a], q), r[y] = null;
592
- h++;
593
- } else L(r[p]), p--;
594
- else L(r[a]), a++;
595
- for (; h <= f; ) {
596
- const y = P(t, l[f + 1]);
597
- A(y, o[h]), l[h++] = y;
569
+ for (const h of t) s[n] = i ? i(h, n) : n, o[n] = r(h, n), n++;
570
+ return { values: o, keys: s };
571
+ }
572
+ render(t, e, r) {
573
+ return this.dt(t, e, r).values;
574
+ }
575
+ update(t, [e, r, i]) {
576
+ const s = Je(t), { values: o, keys: n } = this.dt(e, r, i);
577
+ if (!Array.isArray(s)) return this.ut = n, o;
578
+ const h = this.ut ??= [], a = [];
579
+ let u, m, l = 0, p = s.length - 1, c = 0, f = o.length - 1;
580
+ for (; l <= p && c <= f; ) if (s[l] === null) l++;
581
+ else if (s[p] === null) p--;
582
+ else if (h[l] === n[c]) a[c] = A(s[l], o[c]), l++, c++;
583
+ else if (h[p] === n[f]) a[f] = A(s[p], o[f]), p--, f--;
584
+ else if (h[l] === n[f]) a[f] = A(s[l], o[f]), P(t, a[f + 1], s[l]), l++, f--;
585
+ else if (h[p] === n[c]) a[c] = A(s[p], o[c]), P(t, s[l], s[p]), p--, c++;
586
+ else if (u === void 0 && (u = ce(n, c, f), m = ce(h, l, p)), u.has(h[l])) if (u.has(h[p])) {
587
+ const _ = m.get(n[c]), z = _ !== void 0 ? s[_] : null;
588
+ if (z === null) {
589
+ const X = P(t, s[l]);
590
+ A(X, o[c]), a[c] = X;
591
+ } else a[c] = A(z, o[c]), P(t, s[l], z), s[_] = null;
592
+ c++;
593
+ } else L(s[p]), p--;
594
+ else L(s[l]), l++;
595
+ for (; c <= f; ) {
596
+ const _ = P(t, a[f + 1]);
597
+ A(_, o[c]), a[c++] = _;
598
598
  }
599
- for (; a <= p; ) {
600
- const y = r[a++];
601
- y !== null && L(y);
599
+ for (; l <= p; ) {
600
+ const _ = s[l++];
601
+ _ !== null && L(_);
602
602
  }
603
- return this.ut = n, ve(t, l), S;
603
+ return this.ut = n, ve(t, a), S;
604
604
  }
605
605
  });
606
- const Qe = ye(class extends _e {
606
+ const Qe = _e(class extends ye {
607
607
  constructor() {
608
608
  super(...arguments), this.key = d;
609
609
  }
610
610
  render(t, e) {
611
611
  return this.key = t, e;
612
612
  }
613
- update(t, [e, s]) {
614
- return e !== this.key && (ve(t), this.key = e), s;
613
+ update(t, [e, r]) {
614
+ return e !== this.key && (ve(t), this.key = e), r;
615
615
  }
616
616
  });
617
- const Ge = (t) => (e, s) => {
618
- s !== void 0 ? s.addInitializer((() => {
617
+ const Ge = (t) => (e, r) => {
618
+ r !== void 0 ? r.addInitializer((() => {
619
619
  customElements.define(t, e);
620
620
  })) : customElements.define(t, e);
621
621
  };
622
- const Xe = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: Z }, Ye = (t = Xe, e, s) => {
623
- const { kind: i, metadata: r } = s;
624
- let o = globalThis.litPropertyMetadata.get(r);
625
- if (o === void 0 && globalThis.litPropertyMetadata.set(r, o = /* @__PURE__ */ new Map()), i === "setter" && ((t = Object.create(t)).wrapped = !0), o.set(s.name, t), i === "accessor") {
626
- const { name: n } = s;
627
- return { set(c) {
628
- const l = e.get.call(this);
629
- e.set.call(this, c), this.requestUpdate(n, l, t);
630
- }, init(c) {
631
- return c !== void 0 && this.C(n, void 0, t, c), c;
622
+ const Xe = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: Z }, Ye = (t = Xe, e, r) => {
623
+ const { kind: i, metadata: s } = r;
624
+ let o = globalThis.litPropertyMetadata.get(s);
625
+ if (o === void 0 && globalThis.litPropertyMetadata.set(s, o = /* @__PURE__ */ new Map()), i === "setter" && ((t = Object.create(t)).wrapped = !0), o.set(r.name, t), i === "accessor") {
626
+ const { name: n } = r;
627
+ return { set(h) {
628
+ const a = e.get.call(this);
629
+ e.set.call(this, h), this.requestUpdate(n, a, t);
630
+ }, init(h) {
631
+ return h !== void 0 && this.C(n, void 0, t, h), h;
632
632
  } };
633
633
  }
634
634
  if (i === "setter") {
635
- const { name: n } = s;
636
- return function(c) {
637
- const l = this[n];
638
- e.call(this, c), this.requestUpdate(n, l, t);
635
+ const { name: n } = r;
636
+ return function(h) {
637
+ const a = this[n];
638
+ e.call(this, h), this.requestUpdate(n, a, t);
639
639
  };
640
640
  }
641
641
  throw Error("Unsupported decorator location: " + i);
642
642
  };
643
- function z(t) {
644
- return (e, s) => typeof s == "object" ? Ye(t, e, s) : ((i, r, o) => {
645
- const n = r.hasOwnProperty(o);
646
- return r.constructor.createProperty(o, i), n ? Object.getOwnPropertyDescriptor(r, o) : void 0;
647
- })(t, e, s);
643
+ function q(t) {
644
+ return (e, r) => typeof r == "object" ? Ye(t, e, r) : ((i, s, o) => {
645
+ const n = s.hasOwnProperty(o);
646
+ return s.constructor.createProperty(o, i), n ? Object.getOwnPropertyDescriptor(s, o) : void 0;
647
+ })(t, e, r);
648
648
  }
649
649
  function M(t) {
650
- return z({ ...t, state: !0, attribute: !1 });
650
+ return q({ ...t, state: !0, attribute: !1 });
651
651
  }
652
- const et = (t, e, s) => (s.configurable = !0, s.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(t, e, s), s);
652
+ const et = (t, e, r) => (r.configurable = !0, r.enumerable = !0, Reflect.decorate && typeof e != "object" && Object.defineProperty(t, e, r), r);
653
653
  function tt(t, e) {
654
- return (s, i, r) => {
654
+ return (r, i, s) => {
655
655
  const o = (n) => n.renderRoot?.querySelector(t) ?? null;
656
- return et(s, i, { get() {
656
+ return et(r, i, { get() {
657
657
  return o(this);
658
658
  } });
659
659
  };
660
660
  }
661
- var st = Object.defineProperty, it = Object.getOwnPropertyDescriptor, g = (t, e, s, i) => {
662
- for (var r = i > 1 ? void 0 : i ? it(e, s) : e, o = t.length - 1, n; o >= 0; o--)
663
- (n = t[o]) && (r = (i ? n(e, s, r) : n(r)) || r);
664
- return i && r && st(e, s, r), r;
661
+ var rt = Object.defineProperty, it = Object.getOwnPropertyDescriptor, g = (t, e, r, i) => {
662
+ for (var s = i > 1 ? void 0 : i ? it(e, r) : e, o = t.length - 1, n; o >= 0; o--)
663
+ (n = t[o]) && (s = (i ? n(e, r, s) : n(s)) || s);
664
+ return i && s && rt(e, r, s), s;
665
665
  };
666
- const rt = /* @__PURE__ */ new Set(["(", ")", "[", "{", "}", "/", "|"]), ot = (t) => {
667
- let e = "", s = !1, i = 0;
668
- for (let r = 0; r < t.length; r++) {
669
- const o = t[r];
666
+ const st = /* @__PURE__ */ new Set(["(", ")", "[", "{", "}", "/", "|"]), ot = (t) => {
667
+ let e = "", r = !1, i = 0;
668
+ for (let s = 0; s < t.length; s++) {
669
+ const o = t[s];
670
670
  if (o === "\\")
671
- e += o + (t[r + 1] ?? ""), r++;
672
- else if (!s)
673
- o === "[" && (s = !0, i = t[r + 1] === "^" ? r + 2 : r + 1), e += o;
671
+ e += o + (t[s + 1] ?? ""), s++;
672
+ else if (!r)
673
+ o === "[" && (r = !0, i = t[s + 1] === "^" ? s + 2 : s + 1), e += o;
674
674
  else if (o === "]")
675
- s = !1, e += o;
675
+ r = !1, e += o;
676
676
  else if (o === "-") {
677
- const n = r > i && r < t.length - 1 && t[r + 1] !== "]";
677
+ const n = s > i && s < t.length - 1 && t[s + 1] !== "]";
678
678
  e += n ? o : "\\-";
679
679
  } else
680
- e += rt.has(o) ? "\\" + o : o;
680
+ e += st.has(o) ? "\\" + o : o;
681
681
  }
682
682
  return e;
683
683
  }, de = (t) => {
@@ -689,14 +689,14 @@ const rt = /* @__PURE__ */ new Set(["(", ")", "[", "{", "}", "/", "|"]), ot = (t
689
689
  }, pe = /* @__PURE__ */ new Map(), nt = (t) => {
690
690
  const e = t?.trim();
691
691
  if (!e) return "";
692
- const s = pe.get(e);
693
- if (s !== void 0) return s;
692
+ const r = pe.get(e);
693
+ if (r !== void 0) return r;
694
694
  let i = "";
695
695
  if (de(e))
696
696
  i = e;
697
697
  else {
698
- const r = ot(e);
699
- de(r) ? i = r : console.warn(
698
+ const s = ot(e);
699
+ de(s) ? i = s : console.warn(
700
700
  `widget-form: ignoring validation regex "${e}" — it is not a valid regular expression under the "v" flag the HTML pattern attribute uses.`
701
701
  );
702
702
  }
@@ -704,7 +704,7 @@ const rt = /* @__PURE__ */ new Set(["(", ")", "[", "{", "}", "/", "|"]), ot = (t
704
704
  };
705
705
  let b = class extends F {
706
706
  constructor() {
707
- super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.fieldValues = {}, this.version = "1.0.33", this.dialogScrimPatched = !1;
707
+ super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.fieldValues = {}, this.version = "1.0.34", this.dialogScrimPatched = !1;
708
708
  }
709
709
  update(t) {
710
710
  t.has("theme") && this.registerTheme(this.theme), super.update(t);
@@ -742,37 +742,36 @@ let b = class extends F {
742
742
  `), t.adoptedStyleSheets = [...t.adoptedStyleSheets, e], this.dialogScrimPatched = !0;
743
743
  }
744
744
  registerTheme(t) {
745
- const e = getComputedStyle(this).getPropertyValue("--re-text-color").trim(), s = getComputedStyle(this).getPropertyValue("--re-tile-background-color").trim();
746
- this.themeBgColor = s || this.theme?.theme_object?.backgroundColor, this.themeTitleColor = e || this.theme?.theme_object?.title?.textStyle?.color;
745
+ this.themeBgColor = `var(--re-tile-background-color, ${this.theme?.theme_object?.backgroundColor || "transparent"})`, this.themeTitleColor = `var(--re-text-color, ${this.theme?.theme_object?.title?.textStyle?.color || "inherit"})`;
747
746
  }
748
747
  openFormDialog() {
749
748
  this.dialogOpen = !0;
750
749
  }
751
750
  handleFormSubmit(t) {
752
751
  t.preventDefault();
753
- const s = t.submitter?.getAttribute("value") ?? "submit", i = t.target, r = new FormData(i), o = this.inputData?.formFields?.map((n, c) => {
754
- const l = {
752
+ const r = t.submitter?.getAttribute("value") ?? "submit", i = t.target, s = new FormData(i), o = this.inputData?.formFields?.map((n, h) => {
753
+ const a = {
755
754
  swarm_app_databackend_key: n.targetColumn?.swarm_app_databackend_key,
756
755
  table_name: n.targetColumn?.tablename,
757
756
  column_name: n.targetColumn?.column
758
757
  };
759
758
  if (!n.hiddenField && !this.isFieldVisible(n))
760
- return { ...l, value: null };
761
- const u = this.currentRawValue(n, c, r);
762
- return { ...l, value: this.formatValue(u, n.type ?? "textfield") };
759
+ return { ...a, value: null };
760
+ const u = this.currentRawValue(n, h, s);
761
+ return { ...a, value: this.formatValue(u, n.type ?? "textfield") };
763
762
  });
764
763
  if (this.inputData?.deleteFlagColumn && o?.push({
765
764
  swarm_app_databackend_key: this.inputData?.deleteFlagColumn?.swarm_app_databackend_key,
766
765
  table_name: this.inputData?.deleteFlagColumn?.tablename,
767
766
  column_name: this.inputData?.deleteFlagColumn?.column,
768
- value: s === "delete"
767
+ value: r === "delete"
769
768
  }), this.dispatchEvent(
770
769
  new CustomEvent("data-submit", {
771
770
  detail: o,
772
771
  bubbles: !1,
773
772
  composed: !1
774
773
  })
775
- ), s === "delete") {
774
+ ), r === "delete") {
776
775
  const n = this.resolveRoute({
777
776
  route: this.inputData?.deleteNavigationRoute,
778
777
  variables: this.inputData?.variables
@@ -804,8 +803,8 @@ let b = class extends F {
804
803
  switch (e) {
805
804
  case "numberfield": {
806
805
  if (t === "" || t === null || t === void 0) return null;
807
- const s = parseFloat(t);
808
- return Number.isNaN(s) ? null : s;
806
+ const r = parseFloat(t);
807
+ return Number.isNaN(r) ? null : r;
809
808
  }
810
809
  case "checkbox":
811
810
  return t === "on" || t === "true";
@@ -818,13 +817,13 @@ let b = class extends F {
818
817
  // submission agree. Checkbox is normalized to 'true'/'false' (matching the
819
818
  // literals designers use in a condition list); a field absent from the DOM
820
819
  // (hidden by its own condition) yields its effective default value.
821
- currentRawValue(t, e, s) {
820
+ currentRawValue(t, e, r) {
822
821
  const i = `column-${e}`;
823
822
  if (t.hiddenField)
824
823
  return this.effectivePreFilledValue(t) ?? this.effectiveDefaultValue(t) ?? "";
825
- if (t.type === "checkbox") return s.has(i) ? "true" : "false";
826
- const r = s.get(i);
827
- return r === null || r === "" ? this.effectiveDefaultValue(t) ?? "" : String(r);
824
+ if (t.type === "checkbox") return r.has(i) ? "true" : "false";
825
+ const s = r.get(i);
826
+ return s === null || s === "" ? this.effectiveDefaultValue(t) ?? "" : String(s);
828
827
  }
829
828
  // Rebuild the label→value map on every input/change so conditional-display
830
829
  // rules re-evaluate live. A single delegated listener on the <form> catches
@@ -832,9 +831,9 @@ let b = class extends F {
832
831
  handleFieldChange(t) {
833
832
  const e = t.currentTarget;
834
833
  if (!e) return;
835
- const s = new FormData(e), i = {};
836
- this.inputData?.formFields?.forEach((r, o) => {
837
- r.label && (i[r.label] = this.currentRawValue(r, o, s));
834
+ const r = new FormData(e), i = {};
835
+ this.inputData?.formFields?.forEach((s, o) => {
836
+ s.label && (i[s.label] = this.currentRawValue(s, o, r));
838
837
  }), this.fieldValues = i;
839
838
  }
840
839
  // A field is visible unless it declares a conditional-display rule whose
@@ -844,12 +843,12 @@ let b = class extends F {
844
843
  isFieldVisible(t) {
845
844
  const e = t.conditionalDisplay?.conditionField?.trim();
846
845
  if (!e) return !0;
847
- const s = (t.conditionalDisplay?.conditionValues ?? "").split(",").map((o) => o.trim()).filter((o) => o !== "");
848
- if (s.length === 0) return !0;
846
+ const r = (t.conditionalDisplay?.conditionValues ?? "").split(",").map((o) => o.trim()).filter((o) => o !== "");
847
+ if (r.length === 0) return !0;
849
848
  const i = this.inputData?.formFields?.find((o) => o.label === e);
850
849
  if (!i) return !0;
851
- const r = this.fieldValues[e] ?? this.effectivePreFilledValue(i) ?? this.effectiveDefaultValue(i) ?? "";
852
- return s.includes(String(r));
850
+ const s = this.fieldValues[e] ?? this.effectivePreFilledValue(i) ?? this.effectiveDefaultValue(i) ?? "";
851
+ return r.includes(String(s));
853
852
  }
854
853
  renderTextField(t, e) {
855
854
  return $`
@@ -884,14 +883,14 @@ let b = class extends F {
884
883
  `;
885
884
  }
886
885
  renderCheckbox(t, e) {
887
- const s = this.effectivePreFilledValue(t), i = this.effectiveDefaultValue(t);
886
+ const r = this.effectivePreFilledValue(t), i = this.effectiveDefaultValue(t);
888
887
  return $`
889
888
  <div class="checkbox-container">
890
889
  <md-checkbox
891
890
  name="column-${e}"
892
891
  aria-label=${t.label ?? ""}
893
- ?checked=${String(s ?? i) === "true"}
894
- ?required=${t.required && !i && !s}
892
+ ?checked=${String(r ?? i) === "true"}
893
+ ?required=${t.required && !i && !r}
895
894
  ></md-checkbox>
896
895
  <label class="label">
897
896
  ${t.label}
@@ -901,16 +900,16 @@ let b = class extends F {
901
900
  `;
902
901
  }
903
902
  renderTextArea(t, e) {
904
- const s = this.effectivePreFilledValue(t), i = this.effectiveDefaultValue(t);
903
+ const r = this.effectivePreFilledValue(t), i = this.effectiveDefaultValue(t);
905
904
  return $`
906
905
  <md-outlined-text-field
907
906
  .name="column-${e}"
908
907
  .label="${t.label ?? ""}"
909
908
  type="textarea"
910
- .value="${s ?? ""}"
909
+ .value="${r ?? ""}"
911
910
  .placeholder="${i ?? ""}"
912
911
  rows="3"
913
- ?required=${t.required && !i && !s}
912
+ ?required=${t.required && !i && !r}
914
913
  supporting-text=${t.description ?? ""}
915
914
  ></md-outlined-text-field>
916
915
  `;
@@ -927,10 +926,10 @@ let b = class extends F {
927
926
  >
928
927
  ${ue(
929
928
  t.values ?? [],
930
- (s) => s.value,
931
- (s) => $`
932
- <md-select-option .value="${s.value ?? ""}">
933
- ${s.displayLabel}
929
+ (r) => r.value,
930
+ (r) => $`
931
+ <md-select-option .value="${r.value ?? ""}">
932
+ ${r.displayLabel}
934
933
  </md-select-option>
935
934
  `
936
935
  )}
@@ -958,12 +957,12 @@ let b = class extends F {
958
957
  let e = t?.route ?? "";
959
958
  if (e) {
960
959
  if (t?.variables)
961
- for (const s of t.variables)
962
- s.label && (e = e.split(`{{${s.label}}}`).join(encodeURIComponent(String(s.value ?? ""))));
960
+ for (const r of t.variables)
961
+ r.label && (e = e.split(`{{${r.label}}}`).join(encodeURIComponent(String(r.value ?? ""))));
963
962
  if (e.includes("*")) {
964
- const s = (this.route || "").split("/").filter(Boolean), i = e.split("/").filter(Boolean);
965
- for (let r = 0; r < i.length; r++)
966
- i[r] === "*" && (i[r] = s[r] ?? "");
963
+ const r = (this.route || "").split("/").filter(Boolean), i = e.split("/").filter(Boolean);
964
+ for (let s = 0; s < i.length; s++)
965
+ i[s] === "*" && (i[s] = r[s] ?? "");
967
966
  e = (e.startsWith("/") ? "/" : "") + i.filter(Boolean).join("/");
968
967
  }
969
968
  return e;
@@ -972,21 +971,34 @@ let b = class extends F {
972
971
  cancelEdit(t) {
973
972
  this.resetForm(), this.dialogOpen = !1;
974
973
  }
974
+ /**
975
+ * Resolved background colour, for the alpha-stripping below.
976
+ *
977
+ * themeBgColor holds a var() chain so the tile tracks the host's
978
+ * --re-tile-background-color live, but a chain cannot be picked apart in
979
+ * JS. The opaque variant therefore resolves the colour here, at render
980
+ * time, instead of reading a value cached at the last theme change.
981
+ */
982
+ resolvedBgColor() {
983
+ return getComputedStyle(this).getPropertyValue("--re-tile-background-color").trim() || this.theme?.theme_object?.backgroundColor;
984
+ }
975
985
  render() {
976
- const t = this.themeTitleColor, e = this.themeBgColor, s = e?.startsWith("rgba") ? e.replace(/rgba\(([^)]+),\s*[\d.]+\)/, "rgb($1)") : e?.startsWith("#") && e.length === 9 ? e.substring(0, 7) : e?.startsWith("#") && e.length === 5 ? e.substring(0, 4) : e;
986
+ const t = this.themeTitleColor;
987
+ this.themeBgColor;
988
+ const e = this.resolvedBgColor(), r = e?.startsWith("rgba") ? e.replace(/rgba\(([^)]+),\s*[\d.]+\)/, "rgb($1)") : e?.startsWith("#") && e.length === 9 ? e.substring(0, 7) : e?.startsWith("#") && e.length === 5 ? e.substring(0, 4) : e;
977
989
  return $`
978
990
  <style>
979
991
  :host {
980
992
  --md-sys-color-on-surface: ${t};
981
993
  --md-sys-color-on-surface-variant: ${t};
982
994
  --md-sys-color-outline: ${t};
983
- --md-sys-color-surface-container: ${s};
995
+ --md-sys-color-surface-container: ${r};
984
996
  /* Dialog container and select dropdown panel always use the
985
997
  alpha-stripped color so they stay fully opaque regardless of
986
998
  the theme's (possibly translucent) background. */
987
- --md-dialog-container-color: ${s};
988
- --md-menu-container-color: ${s};
989
- --md-menu-item-selected-container-color: ${s};
999
+ --md-dialog-container-color: ${r};
1000
+ --md-menu-container-color: ${r};
1001
+ --md-menu-item-selected-container-color: ${r};
990
1002
  --md-menu-item-selected-label-text-color: ${t};
991
1003
  color: ${t};
992
1004
  }
@@ -1270,13 +1282,13 @@ b.styles = xe`
1270
1282
  }
1271
1283
  `;
1272
1284
  g([
1273
- z({ type: Object })
1285
+ q({ type: Object })
1274
1286
  ], b.prototype, "inputData", 2);
1275
1287
  g([
1276
- z({ type: Object })
1288
+ q({ type: Object })
1277
1289
  ], b.prototype, "theme", 2);
1278
1290
  g([
1279
- z({ type: String })
1291
+ q({ type: String })
1280
1292
  ], b.prototype, "route", 2);
1281
1293
  g([
1282
1294
  M()
@@ -1297,7 +1309,7 @@ g([
1297
1309
  M()
1298
1310
  ], b.prototype, "fieldValues", 2);
1299
1311
  b = g([
1300
- Ge("widget-form-1.0.33")
1312
+ Ge("widget-form-1.0.34")
1301
1313
  ], b);
1302
1314
  export {
1303
1315
  b as WidgetForm