@record-evolution/widget-form 1.0.18 → 1.0.21

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 (6) hide show
  1. package/dist/widget-form.js +244 -229
  2. package/dist/widget-form.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/definition-schema.d.ts +26 -0
  5. package/src/definition-schema.json +45 -5
  6. package/src/widget-form.ts +31 -12
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 H = globalThis, W = H.ShadowRoot && (H.ShadyCSS === void 0 || H.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, K = /* @__PURE__ */ Symbol(), Y = /* @__PURE__ */ new WeakMap();
12
12
  let dt = class {
13
- constructor(t, s, i) {
14
- if (this._$cssResult$ = !0, i !== K) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
13
+ constructor(t, s, r) {
14
+ if (this._$cssResult$ = !0, r !== K) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
15
15
  this.cssText = t, this.t = s;
16
16
  }
17
17
  get styleSheet() {
18
18
  let t = this.o;
19
19
  const s = this.t;
20
20
  if (W && t === void 0) {
21
- const i = s !== void 0 && s.length === 1;
22
- i && (t = Y.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), i && Y.set(s, t));
21
+ const r = s !== void 0 && s.length === 1;
22
+ r && (t = Y.get(s)), t === void 0 && ((this.o = t = new CSSStyleSheet()).replaceSync(this.cssText), r && Y.set(s, t));
23
23
  }
24
24
  return t;
25
25
  }
@@ -28,27 +28,27 @@ let dt = class {
28
28
  }
29
29
  };
30
30
  const yt = (e) => new dt(typeof e == "string" ? e : e + "", void 0, K), vt = (e, ...t) => {
31
- const s = e.length === 1 ? e[0] : t.reduce(((i, r, n) => i + ((o) => {
31
+ const s = e.length === 1 ? e[0] : t.reduce(((r, i, n) => r + ((o) => {
32
32
  if (o._$cssResult$ === !0) return o.cssText;
33
33
  if (typeof o == "number") return o;
34
34
  throw Error("Value passed to 'css' function must be a 'css' function result: " + o + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
35
- })(r) + e[n + 1]), e[0]);
35
+ })(i) + e[n + 1]), e[0]);
36
36
  return new dt(s, e, K);
37
37
  }, At = (e, t) => {
38
38
  if (W) e.adoptedStyleSheets = t.map(((s) => s instanceof CSSStyleSheet ? s : s.styleSheet));
39
39
  else for (const s of t) {
40
- const i = document.createElement("style"), r = H.litNonce;
41
- r !== void 0 && i.setAttribute("nonce", r), i.textContent = s.cssText, e.appendChild(i);
40
+ const r = document.createElement("style"), i = H.litNonce;
41
+ i !== void 0 && r.setAttribute("nonce", i), r.textContent = s.cssText, e.appendChild(r);
42
42
  }
43
43
  }, tt = W ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
44
44
  let s = "";
45
- for (const i of t.cssRules) s += i.cssText;
45
+ for (const r of t.cssRules) s += r.cssText;
46
46
  return yt(s);
47
47
  })(e) : e;
48
- const { is: xt, defineProperty: wt, getOwnPropertyDescriptor: Et, getOwnPropertyNames: St, getOwnPropertySymbols: Ct, getPrototypeOf: Pt } = Object, R = globalThis, et = R.trustedTypes, Dt = et ? et.emptyScript : "", Ot = R.reactiveElementPolyfillSupport, T = (e, t) => e, V = { toAttribute(e, t) {
48
+ const { is: xt, defineProperty: wt, getOwnPropertyDescriptor: St, getOwnPropertyNames: Et, getOwnPropertySymbols: Ct, getPrototypeOf: Pt } = Object, R = globalThis, et = R.trustedTypes, kt = et ? et.emptyScript : "", Dt = R.reactiveElementPolyfillSupport, O = (e, t) => e, V = { toAttribute(e, t) {
49
49
  switch (t) {
50
50
  case Boolean:
51
- e = e ? Dt : null;
51
+ e = e ? kt : null;
52
52
  break;
53
53
  case Object:
54
54
  case Array:
@@ -75,7 +75,7 @@ const { is: xt, defineProperty: wt, getOwnPropertyDescriptor: Et, getOwnProperty
75
75
  return s;
76
76
  } }, Z = (e, t) => !xt(e, t), st = { attribute: !0, type: String, converter: V, reflect: !1, useDefault: !1, hasChanged: Z };
77
77
  Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), R.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
78
- let S = class extends HTMLElement {
78
+ let E = class extends HTMLElement {
79
79
  static addInitializer(t) {
80
80
  this._$Ei(), (this.l ??= []).push(t);
81
81
  }
@@ -84,58 +84,58 @@ let S = class extends HTMLElement {
84
84
  }
85
85
  static createProperty(t, s = st) {
86
86
  if (s.state && (s.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(t) && ((s = Object.create(s)).wrapped = !0), this.elementProperties.set(t, s), !s.noAccessor) {
87
- const i = /* @__PURE__ */ Symbol(), r = this.getPropertyDescriptor(t, i, s);
88
- r !== void 0 && wt(this.prototype, t, r);
87
+ const r = /* @__PURE__ */ Symbol(), i = this.getPropertyDescriptor(t, r, s);
88
+ i !== void 0 && wt(this.prototype, t, i);
89
89
  }
90
90
  }
91
- static getPropertyDescriptor(t, s, i) {
92
- const { get: r, set: n } = Et(this.prototype, t) ?? { get() {
91
+ static getPropertyDescriptor(t, s, r) {
92
+ const { get: i, set: n } = St(this.prototype, t) ?? { get() {
93
93
  return this[s];
94
94
  }, set(o) {
95
95
  this[s] = o;
96
96
  } };
97
- return { get: r, set(o) {
98
- const h = r?.call(this);
99
- n?.call(this, o), this.requestUpdate(t, h, i);
97
+ return { get: i, set(o) {
98
+ const h = i?.call(this);
99
+ n?.call(this, o), this.requestUpdate(t, h, r);
100
100
  }, configurable: !0, enumerable: !0 };
101
101
  }
102
102
  static getPropertyOptions(t) {
103
103
  return this.elementProperties.get(t) ?? st;
104
104
  }
105
105
  static _$Ei() {
106
- if (this.hasOwnProperty(T("elementProperties"))) return;
106
+ if (this.hasOwnProperty(O("elementProperties"))) return;
107
107
  const t = Pt(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
- if (this.hasOwnProperty(T("finalized"))) return;
112
- if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(T("properties"))) {
113
- const s = this.properties, i = [...St(s), ...Ct(s)];
114
- for (const r of i) this.createProperty(r, s[r]);
111
+ if (this.hasOwnProperty(O("finalized"))) return;
112
+ if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(O("properties"))) {
113
+ const s = this.properties, r = [...Et(s), ...Ct(s)];
114
+ for (const i of r) this.createProperty(i, s[i]);
115
115
  }
116
116
  const t = this[Symbol.metadata];
117
117
  if (t !== null) {
118
118
  const s = litPropertyMetadata.get(t);
119
- if (s !== void 0) for (const [i, r] of s) this.elementProperties.set(i, r);
119
+ if (s !== void 0) for (const [r, i] of s) this.elementProperties.set(r, i);
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 [s, r] of this.elementProperties) {
123
+ const i = this._$Eu(s, r);
124
+ i !== void 0 && this._$Eh.set(i, s);
125
125
  }
126
126
  this.elementStyles = this.finalizeStyles(this.styles);
127
127
  }
128
128
  static finalizeStyles(t) {
129
129
  const s = [];
130
130
  if (Array.isArray(t)) {
131
- const i = new Set(t.flat(1 / 0).reverse());
132
- for (const r of i) s.unshift(tt(r));
131
+ const r = new Set(t.flat(1 / 0).reverse());
132
+ for (const i of r) s.unshift(tt(i));
133
133
  } else t !== void 0 && s.push(tt(t));
134
134
  return s;
135
135
  }
136
136
  static _$Eu(t, s) {
137
- const i = s.attribute;
138
- return i === !1 ? void 0 : typeof i == "string" ? i : typeof t == "string" ? t.toLowerCase() : void 0;
137
+ const r = s.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();
@@ -151,7 +151,7 @@ let S = class extends HTMLElement {
151
151
  }
152
152
  _$E_() {
153
153
  const t = /* @__PURE__ */ new Map(), s = this.constructor.elementProperties;
154
- for (const i of s.keys()) this.hasOwnProperty(i) && (t.set(i, this[i]), delete this[i]);
154
+ for (const r of s.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,33 +166,33 @@ let S = class extends HTMLElement {
166
166
  disconnectedCallback() {
167
167
  this._$EO?.forEach(((t) => t.hostDisconnected?.()));
168
168
  }
169
- attributeChangedCallback(t, s, i) {
170
- this._$AK(t, i);
169
+ attributeChangedCallback(t, s, r) {
170
+ this._$AK(t, r);
171
171
  }
172
172
  _$ET(t, s) {
173
- const i = this.constructor.elementProperties.get(t), r = this.constructor._$Eu(t, i);
174
- if (r !== void 0 && i.reflect === !0) {
175
- const n = (i.converter?.toAttribute !== void 0 ? i.converter : V).toAttribute(s, i.type);
176
- this._$Em = t, n == null ? this.removeAttribute(r) : this.setAttribute(r, n), this._$Em = null;
173
+ const r = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, r);
174
+ if (i !== void 0 && r.reflect === !0) {
175
+ const n = (r.converter?.toAttribute !== void 0 ? r.converter : V).toAttribute(s, r.type);
176
+ this._$Em = t, n == null ? this.removeAttribute(i) : this.setAttribute(i, n), this._$Em = null;
177
177
  }
178
178
  }
179
179
  _$AK(t, s) {
180
- const i = this.constructor, r = i._$Eh.get(t);
181
- if (r !== void 0 && this._$Em !== r) {
182
- const n = i.getPropertyOptions(r), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : V;
183
- this._$Em = r, this[r] = o.fromAttribute(s, n.type) ?? this._$Ej?.get(r) ?? null, this._$Em = null;
180
+ const r = this.constructor, i = r._$Eh.get(t);
181
+ if (i !== void 0 && this._$Em !== i) {
182
+ const n = r.getPropertyOptions(i), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : V;
183
+ this._$Em = i, this[i] = o.fromAttribute(s, n.type) ?? this._$Ej?.get(i) ?? null, this._$Em = null;
184
184
  }
185
185
  }
186
- requestUpdate(t, s, i) {
186
+ requestUpdate(t, s, r) {
187
187
  if (t !== void 0) {
188
- const r = this.constructor, n = this[t];
189
- if (i ??= r.getPropertyOptions(t), !((i.hasChanged ?? Z)(n, s) || i.useDefault && i.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(r._$Eu(t, i)))) return;
190
- this.C(t, s, i);
188
+ const i = this.constructor, n = this[t];
189
+ if (r ??= i.getPropertyOptions(t), !((r.hasChanged ?? Z)(n, s) || r.useDefault && r.reflect && n === this._$Ej?.get(t) && !this.hasAttribute(i._$Eu(t, r)))) return;
190
+ this.C(t, s, r);
191
191
  }
192
192
  this.isUpdatePending === !1 && (this._$ES = this._$EP());
193
193
  }
194
- C(t, s, { useDefault: i, reflect: r, wrapped: n }, o) {
195
- i && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, o ?? s ?? this[t]), n !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || i || (s = void 0), this._$AL.set(t, s)), r === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
194
+ C(t, s, { useDefault: r, reflect: i, wrapped: n }, o) {
195
+ r && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(t) && (this._$Ej.set(t, o ?? s ?? this[t]), n !== !0 || o !== void 0) || (this._$AL.has(t) || (this.hasUpdated || r || (s = void 0), this._$AL.set(t, s)), i === !0 && this._$Em !== t && (this._$Eq ??= /* @__PURE__ */ new Set()).add(t));
196
196
  }
197
197
  async _$EP() {
198
198
  this.isUpdatePending = !0;
@@ -211,21 +211,21 @@ let S = 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, n] of this._$Ep) this[r] = n;
214
+ for (const [i, n] of this._$Ep) this[i] = n;
215
215
  this._$Ep = void 0;
216
216
  }
217
- const i = this.constructor.elementProperties;
218
- if (i.size > 0) for (const [r, n] of i) {
219
- const { wrapped: o } = n, h = this[r];
220
- o !== !0 || this._$AL.has(r) || h === void 0 || this.C(r, void 0, n, h);
217
+ const r = this.constructor.elementProperties;
218
+ if (r.size > 0) for (const [i, n] of r) {
219
+ const { wrapped: o } = n, h = this[i];
220
+ o !== !0 || this._$AL.has(i) || h === void 0 || this.C(i, void 0, n, h);
221
221
  }
222
222
  }
223
223
  let t = !1;
224
224
  const s = this._$AL;
225
225
  try {
226
- t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(((i) => i.hostUpdate?.())), this.update(s)) : this._$EM();
227
- } catch (i) {
228
- throw t = !1, this._$EM(), i;
226
+ t = this.shouldUpdate(s), t ? (this.willUpdate(s), this._$EO?.forEach(((r) => r.hostUpdate?.())), this.update(s)) : this._$EM();
227
+ } catch (r) {
228
+ throw t = !1, this._$EM(), r;
229
229
  }
230
230
  t && this._$AE(s);
231
231
  }
@@ -254,68 +254,68 @@ let S = class extends HTMLElement {
254
254
  firstUpdated(t) {
255
255
  }
256
256
  };
257
- S.elementStyles = [], S.shadowRootOptions = { mode: "open" }, S[T("elementProperties")] = /* @__PURE__ */ new Map(), S[T("finalized")] = /* @__PURE__ */ new Map(), Ot?.({ ReactiveElement: S }), (R.reactiveElementVersions ??= []).push("2.1.0");
258
- const J = globalThis, N = J.trustedTypes, it = N ? N.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pt = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, mt = "?" + y, Tt = `<${mt}>`, w = document, k = () => w.createComment(""), M = (e) => e === null || typeof e != "object" && typeof e != "function", Q = Array.isArray, Ut = (e) => Q(e) || typeof e?.[Symbol.iterator] == "function", I = `[
259
- \f\r]`, D = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, rt = /-->/g, ot = />/g, v = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^
260
- \f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, lt = /"/g, $t = /^(?:script|style|textarea|title)$/i, kt = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), f = kt(1), E = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), at = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
257
+ E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[O("elementProperties")] = /* @__PURE__ */ new Map(), E[O("finalized")] = /* @__PURE__ */ new Map(), Dt?.({ ReactiveElement: E }), (R.reactiveElementVersions ??= []).push("2.1.0");
258
+ const J = globalThis, N = J.trustedTypes, rt = N ? N.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pt = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, mt = "?" + y, Ot = `<${mt}>`, w = document, U = () => w.createComment(""), M = (e) => e === null || typeof e != "object" && typeof e != "function", Q = Array.isArray, Tt = (e) => Q(e) || typeof e?.[Symbol.iterator] == "function", I = `[
259
+ \f\r]`, k = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, it = /-->/g, ot = />/g, v = RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^
260
+ \f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g, lt = /"/g, $t = /^(?:script|style|textarea|title)$/i, Ut = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), f = Ut(1), S = /* @__PURE__ */ Symbol.for("lit-noChange"), m = /* @__PURE__ */ Symbol.for("lit-nothing"), at = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
261
261
  function ft(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 Mt = (e, t) => {
266
- const s = e.length - 1, i = [];
267
- let r, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = D;
266
+ const s = e.length - 1, r = [];
267
+ let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = k;
268
268
  for (let h = 0; h < s; h++) {
269
269
  const l = e[h];
270
270
  let c, p, a = -1, d = 0;
271
- for (; d < l.length && (o.lastIndex = d, p = o.exec(l), p !== null); ) d = o.lastIndex, o === D ? p[1] === "!--" ? o = rt : p[1] !== void 0 ? o = ot : p[2] !== void 0 ? ($t.test(p[2]) && (r = RegExp("</" + p[2], "g")), o = v) : p[3] !== void 0 && (o = v) : o === v ? p[0] === ">" ? (o = r ?? D, a = -1) : p[1] === void 0 ? a = -2 : (a = o.lastIndex - p[2].length, c = p[1], o = p[3] === void 0 ? v : p[3] === '"' ? lt : nt) : o === lt || o === nt ? o = v : o === rt || o === ot ? o = D : (o = v, r = void 0);
271
+ for (; d < l.length && (o.lastIndex = d, p = o.exec(l), p !== null); ) d = o.lastIndex, o === k ? p[1] === "!--" ? o = it : p[1] !== void 0 ? o = ot : p[2] !== void 0 ? ($t.test(p[2]) && (i = RegExp("</" + p[2], "g")), o = v) : p[3] !== void 0 && (o = v) : o === v ? p[0] === ">" ? (o = i ?? k, a = -1) : p[1] === void 0 ? a = -2 : (a = o.lastIndex - p[2].length, c = p[1], o = p[3] === void 0 ? v : p[3] === '"' ? lt : nt) : o === lt || o === nt ? o = v : o === it || o === ot ? o = k : (o = v, i = void 0);
272
272
  const u = o === v && e[h + 1].startsWith("/>") ? " " : "";
273
- n += o === D ? l + Tt : a >= 0 ? (i.push(c), l.slice(0, a) + pt + l.slice(a) + y + u) : l + y + (a === -2 ? h : u);
273
+ n += o === k ? l + Ot : a >= 0 ? (r.push(c), l.slice(0, a) + pt + l.slice(a) + y + u) : l + y + (a === -2 ? h : u);
274
274
  }
275
- return [ft(e, n + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
275
+ return [ft(e, n + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
276
276
  };
277
277
  class F {
278
- constructor({ strings: t, _$litType$: s }, i) {
279
- let r;
278
+ constructor({ strings: t, _$litType$: s }, r) {
279
+ let i;
280
280
  this.parts = [];
281
281
  let n = 0, o = 0;
282
282
  const h = t.length - 1, l = this.parts, [c, p] = Mt(t, s);
283
- if (this.el = F.createElement(c, i), x.currentNode = this.el.content, s === 2 || s === 3) {
283
+ if (this.el = F.createElement(c, r), x.currentNode = this.el.content, s === 2 || s === 3) {
284
284
  const a = this.el.content.firstChild;
285
285
  a.replaceWith(...a.childNodes);
286
286
  }
287
- for (; (r = x.nextNode()) !== null && l.length < h; ) {
288
- if (r.nodeType === 1) {
289
- if (r.hasAttributes()) for (const a of r.getAttributeNames()) if (a.endsWith(pt)) {
290
- const d = p[o++], u = r.getAttribute(a).split(y), $ = /([.?@])?(.*)/.exec(d);
291
- l.push({ type: 1, index: n, name: $[2], strings: u, ctor: $[1] === "." ? Ht : $[1] === "?" ? Vt : $[1] === "@" ? Nt : j }), r.removeAttribute(a);
292
- } else a.startsWith(y) && (l.push({ type: 6, index: n }), r.removeAttribute(a));
293
- if ($t.test(r.tagName)) {
294
- const a = r.textContent.split(y), d = a.length - 1;
287
+ for (; (i = x.nextNode()) !== null && l.length < h; ) {
288
+ if (i.nodeType === 1) {
289
+ if (i.hasAttributes()) for (const a of i.getAttributeNames()) if (a.endsWith(pt)) {
290
+ const d = p[o++], u = i.getAttribute(a).split(y), $ = /([.?@])?(.*)/.exec(d);
291
+ l.push({ type: 1, index: n, name: $[2], strings: u, ctor: $[1] === "." ? Ht : $[1] === "?" ? Vt : $[1] === "@" ? Nt : B }), i.removeAttribute(a);
292
+ } else a.startsWith(y) && (l.push({ type: 6, index: n }), i.removeAttribute(a));
293
+ if ($t.test(i.tagName)) {
294
+ const a = i.textContent.split(y), d = a.length - 1;
295
295
  if (d > 0) {
296
- r.textContent = N ? N.emptyScript : "";
297
- for (let u = 0; u < d; u++) r.append(a[u], k()), x.nextNode(), l.push({ type: 2, index: ++n });
298
- r.append(a[d], k());
296
+ i.textContent = N ? N.emptyScript : "";
297
+ for (let u = 0; u < d; u++) i.append(a[u], U()), x.nextNode(), l.push({ type: 2, index: ++n });
298
+ i.append(a[d], U());
299
299
  }
300
300
  }
301
- } else if (r.nodeType === 8) if (r.data === mt) l.push({ type: 2, index: n });
301
+ } else if (i.nodeType === 8) if (i.data === mt) l.push({ type: 2, index: n });
302
302
  else {
303
303
  let a = -1;
304
- for (; (a = r.data.indexOf(y, a + 1)) !== -1; ) l.push({ type: 7, index: n }), a += y.length - 1;
304
+ for (; (a = i.data.indexOf(y, a + 1)) !== -1; ) l.push({ type: 7, index: n }), a += y.length - 1;
305
305
  }
306
306
  n++;
307
307
  }
308
308
  }
309
309
  static createElement(t, s) {
310
- const i = w.createElement("template");
311
- return i.innerHTML = t, i;
310
+ const r = w.createElement("template");
311
+ return r.innerHTML = t, r;
312
312
  }
313
313
  }
314
- function C(e, t, s = e, i) {
315
- if (t === E) return t;
316
- let r = i !== void 0 ? s._$Co?.[i] : s._$Cl;
314
+ function C(e, t, s = e, r) {
315
+ if (t === S) return t;
316
+ let i = r !== void 0 ? s._$Co?.[r] : s._$Cl;
317
317
  const n = M(t) ? void 0 : t._$litDirective$;
318
- return r?.constructor !== n && (r?._$AO?.(!1), n === void 0 ? r = void 0 : (r = new n(e), r._$AT(e, s, i)), i !== void 0 ? (s._$Co ??= [])[i] = r : s._$Cl = r), r !== void 0 && (t = C(e, r._$AS(e, t.values), r, i)), t;
318
+ return i?.constructor !== n && (i?._$AO?.(!1), n === void 0 ? i = void 0 : (i = new n(e), i._$AT(e, s, r)), r !== void 0 ? (s._$Co ??= [])[r] = i : s._$Cl = i), i !== void 0 && (t = C(e, i._$AS(e, t.values), i, r)), t;
319
319
  }
320
320
  let Ft = class {
321
321
  constructor(t, s) {
@@ -328,29 +328,29 @@ let Ft = class {
328
328
  return this._$AM._$AU;
329
329
  }
330
330
  u(t) {
331
- const { el: { content: s }, parts: i } = this._$AD, r = (t?.creationScope ?? w).importNode(s, !0);
332
- x.currentNode = r;
333
- let n = x.nextNode(), o = 0, h = 0, l = i[0];
331
+ const { el: { content: s }, parts: r } = this._$AD, i = (t?.creationScope ?? w).importNode(s, !0);
332
+ x.currentNode = i;
333
+ let n = x.nextNode(), o = 0, h = 0, l = r[0];
334
334
  for (; l !== void 0; ) {
335
335
  if (o === l.index) {
336
336
  let c;
337
- l.type === 2 ? c = new P(n, n.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(n, l.name, l.strings, this, t) : l.type === 6 && (c = new Rt(n, this, t)), this._$AV.push(c), l = i[++h];
337
+ l.type === 2 ? c = new P(n, n.nextSibling, this, t) : l.type === 1 ? c = new l.ctor(n, l.name, l.strings, this, t) : l.type === 6 && (c = new Rt(n, this, t)), this._$AV.push(c), l = r[++h];
338
338
  }
339
339
  o !== l?.index && (n = x.nextNode(), o++);
340
340
  }
341
- return x.currentNode = w, r;
341
+ return x.currentNode = w, i;
342
342
  }
343
343
  p(t) {
344
344
  let s = 0;
345
- for (const i of this._$AV) i !== void 0 && (i.strings !== void 0 ? (i._$AI(t, i, s), s += i.strings.length - 2) : i._$AI(t[s])), s++;
345
+ for (const r of this._$AV) r !== void 0 && (r.strings !== void 0 ? (r._$AI(t, r, s), s += r.strings.length - 2) : r._$AI(t[s])), s++;
346
346
  }
347
347
  };
348
348
  class P {
349
349
  get _$AU() {
350
350
  return this._$AM?._$AU ?? this._$Cv;
351
351
  }
352
- constructor(t, s, i, r) {
353
- this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = i, this.options = r, this._$Cv = r?.isConnected ?? !0;
352
+ constructor(t, s, r, i) {
353
+ this.type = 2, this._$AH = m, this._$AN = void 0, this._$AA = t, this._$AB = s, this._$AM = r, this.options = i, this._$Cv = i?.isConnected ?? !0;
354
354
  }
355
355
  get parentNode() {
356
356
  let t = this._$AA.parentNode;
@@ -364,7 +364,7 @@ class P {
364
364
  return this._$AB;
365
365
  }
366
366
  _$AI(t, s = this) {
367
- t = C(this, t, s), M(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ut(t) ? this.k(t) : this._(t);
367
+ t = C(this, t, s), M(t) ? t === m || t == null || t === "" ? (this._$AH !== m && this._$AR(), this._$AH = m) : t !== this._$AH && t !== S && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Tt(t) ? this.k(t) : this._(t);
368
368
  }
369
369
  O(t) {
370
370
  return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -376,10 +376,10 @@ class P {
376
376
  this._$AH !== m && M(this._$AH) ? this._$AA.nextSibling.data = t : this.T(w.createTextNode(t)), this._$AH = t;
377
377
  }
378
378
  $(t) {
379
- const { values: s, _$litType$: i } = t, r = typeof i == "number" ? this._$AC(t) : (i.el === void 0 && (i.el = F.createElement(ft(i.h, i.h[0]), this.options)), i);
380
- if (this._$AH?._$AD === r) this._$AH.p(s);
379
+ const { values: s, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = F.createElement(ft(r.h, r.h[0]), this.options)), r);
380
+ if (this._$AH?._$AD === i) this._$AH.p(s);
381
381
  else {
382
- const n = new Ft(r, this), o = n.u(this.options);
382
+ const n = new Ft(i, this), o = n.u(this.options);
383
383
  n.p(s), this.T(o), this._$AH = n;
384
384
  }
385
385
  }
@@ -390,46 +390,46 @@ class P {
390
390
  k(t) {
391
391
  Q(this._$AH) || (this._$AH = [], this._$AR());
392
392
  const s = this._$AH;
393
- let i, r = 0;
394
- for (const n of t) r === s.length ? s.push(i = new P(this.O(k()), this.O(k()), this, this.options)) : i = s[r], i._$AI(n), r++;
395
- r < s.length && (this._$AR(i && i._$AB.nextSibling, r), s.length = r);
393
+ let r, i = 0;
394
+ for (const n of t) i === s.length ? s.push(r = new P(this.O(U()), this.O(U()), this, this.options)) : r = s[i], r._$AI(n), i++;
395
+ i < s.length && (this._$AR(r && r._$AB.nextSibling, i), s.length = i);
396
396
  }
397
397
  _$AR(t = this._$AA.nextSibling, s) {
398
398
  for (this._$AP?.(!1, !0, s); t && t !== this._$AB; ) {
399
- const i = t.nextSibling;
400
- t.remove(), t = i;
399
+ const r = t.nextSibling;
400
+ t.remove(), t = r;
401
401
  }
402
402
  }
403
403
  setConnected(t) {
404
404
  this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
405
405
  }
406
406
  }
407
- class j {
407
+ class B {
408
408
  get tagName() {
409
409
  return this.element.tagName;
410
410
  }
411
411
  get _$AU() {
412
412
  return this._$AM._$AU;
413
413
  }
414
- constructor(t, s, i, r, n) {
415
- this.type = 1, this._$AH = m, this._$AN = void 0, this.element = t, this.name = s, this._$AM = r, this.options = n, i.length > 2 || i[0] !== "" || i[1] !== "" ? (this._$AH = Array(i.length - 1).fill(new String()), this.strings = i) : this._$AH = m;
414
+ constructor(t, s, r, i, n) {
415
+ this.type = 1, this._$AH = m, this._$AN = void 0, this.element = t, this.name = s, this._$AM = i, this.options = n, r.length > 2 || r[0] !== "" || r[1] !== "" ? (this._$AH = Array(r.length - 1).fill(new String()), this.strings = r) : this._$AH = m;
416
416
  }
417
- _$AI(t, s = this, i, r) {
417
+ _$AI(t, s = this, r, i) {
418
418
  const n = this.strings;
419
419
  let o = !1;
420
- if (n === void 0) t = C(this, t, s, 0), o = !M(t) || t !== this._$AH && t !== E, o && (this._$AH = t);
420
+ if (n === void 0) t = C(this, t, s, 0), o = !M(t) || t !== this._$AH && t !== S, o && (this._$AH = t);
421
421
  else {
422
422
  const h = t;
423
423
  let l, c;
424
- for (t = n[0], l = 0; l < n.length - 1; l++) c = C(this, h[i + l], s, l), c === E && (c = this._$AH[l]), o ||= !M(c) || c !== this._$AH[l], c === m ? t = m : t !== m && (t += (c ?? "") + n[l + 1]), this._$AH[l] = c;
424
+ for (t = n[0], l = 0; l < n.length - 1; l++) c = C(this, h[r + l], s, l), c === S && (c = this._$AH[l]), o ||= !M(c) || c !== this._$AH[l], c === m ? t = m : t !== m && (t += (c ?? "") + n[l + 1]), this._$AH[l] = c;
425
425
  }
426
- o && !r && this.j(t);
426
+ o && !i && this.j(t);
427
427
  }
428
428
  j(t) {
429
429
  t === m ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
430
430
  }
431
431
  }
432
- class Ht extends j {
432
+ class Ht extends B {
433
433
  constructor() {
434
434
  super(...arguments), this.type = 3;
435
435
  }
@@ -437,7 +437,7 @@ class Ht extends j {
437
437
  this.element[this.name] = t === m ? void 0 : t;
438
438
  }
439
439
  }
440
- class Vt extends j {
440
+ class Vt extends B {
441
441
  constructor() {
442
442
  super(...arguments), this.type = 4;
443
443
  }
@@ -445,22 +445,22 @@ class Vt extends j {
445
445
  this.element.toggleAttribute(this.name, !!t && t !== m);
446
446
  }
447
447
  }
448
- class Nt extends j {
449
- constructor(t, s, i, r, n) {
450
- super(t, s, i, r, n), this.type = 5;
448
+ class Nt extends B {
449
+ constructor(t, s, r, i, n) {
450
+ super(t, s, r, i, n), this.type = 5;
451
451
  }
452
452
  _$AI(t, s = this) {
453
- if ((t = C(this, t, s, 0) ?? m) === E) return;
454
- const i = this._$AH, r = t === m && i !== m || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, n = t !== m && (i === m || r);
455
- r && this.element.removeEventListener(this.name, this, i), n && this.element.addEventListener(this.name, this, t), this._$AH = t;
453
+ if ((t = C(this, t, s, 0) ?? m) === S) return;
454
+ const r = this._$AH, i = t === m && r !== m || t.capture !== r.capture || t.once !== r.once || t.passive !== r.passive, n = t !== m && (r === m || i);
455
+ i && this.element.removeEventListener(this.name, this, r), n && 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 Rt {
462
- constructor(t, s, i) {
463
- this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = i;
462
+ constructor(t, s, r) {
463
+ this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = r;
464
464
  }
465
465
  get _$AU() {
466
466
  return this._$AM._$AU;
@@ -469,19 +469,19 @@ class Rt {
469
469
  C(this, t);
470
470
  }
471
471
  }
472
- const jt = { I: P }, Bt = J.litHtmlPolyfillSupport;
473
- Bt?.(F, P), (J.litHtmlVersions ??= []).push("3.3.0");
472
+ const Bt = { I: P }, jt = J.litHtmlPolyfillSupport;
473
+ jt?.(F, P), (J.litHtmlVersions ??= []).push("3.3.0");
474
474
  const qt = (e, t, s) => {
475
- const i = s?.renderBefore ?? t;
476
- let r = i._$litPart$;
477
- if (r === void 0) {
475
+ const r = s?.renderBefore ?? t;
476
+ let i = r._$litPart$;
477
+ if (i === void 0) {
478
478
  const n = s?.renderBefore ?? null;
479
- i._$litPart$ = r = new P(t.insertBefore(k(), n), n, void 0, s ?? {});
479
+ r._$litPart$ = i = new P(t.insertBefore(U(), n), n, void 0, s ?? {});
480
480
  }
481
- return r._$AI(e), r;
481
+ return i._$AI(e), i;
482
482
  };
483
483
  const G = globalThis;
484
- let U = class extends S {
484
+ let T = class extends E {
485
485
  constructor() {
486
486
  super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
487
487
  }
@@ -500,22 +500,22 @@ let U = class extends S {
500
500
  super.disconnectedCallback(), this._$Do?.setConnected(!1);
501
501
  }
502
502
  render() {
503
- return E;
503
+ return S;
504
504
  }
505
505
  };
506
- U._$litElement$ = !0, U.finalized = !0, G.litElementHydrateSupport?.({ LitElement: U });
506
+ T._$litElement$ = !0, T.finalized = !0, G.litElementHydrateSupport?.({ LitElement: T });
507
507
  const zt = G.litElementPolyfillSupport;
508
- zt?.({ LitElement: U });
508
+ zt?.({ LitElement: T });
509
509
  (G.litElementVersions ??= []).push("4.2.0");
510
510
  const It = { CHILD: 2 }, bt = (e) => (...t) => ({ _$litDirective$: e, values: t });
511
- let _t = class {
511
+ let gt = class {
512
512
  constructor(t) {
513
513
  }
514
514
  get _$AU() {
515
515
  return this._$AM._$AU;
516
516
  }
517
- _$AT(t, s, i) {
518
- this._$Ct = t, this._$AM = s, this._$Ci = i;
517
+ _$AT(t, s, r) {
518
+ this._$Ct = t, this._$AM = s, this._$Ci = r;
519
519
  }
520
520
  _$AS(t, s) {
521
521
  return this.update(t, s);
@@ -524,10 +524,10 @@ let _t = class {
524
524
  return this.render(...s);
525
525
  }
526
526
  };
527
- const { I: Lt } = jt, ht = () => document.createComment(""), O = (e, t, s) => {
528
- const i = e._$AA.parentNode, r = t === void 0 ? e._$AB : t._$AA;
527
+ const { I: Lt } = Bt, ht = () => document.createComment(""), D = (e, t, s) => {
528
+ const r = e._$AA.parentNode, i = t === void 0 ? e._$AB : t._$AA;
529
529
  if (s === void 0) {
530
- const n = i.insertBefore(ht(), r), o = i.insertBefore(ht(), r);
530
+ const n = r.insertBefore(ht(), i), o = r.insertBefore(ht(), i);
531
531
  s = new Lt(n, o, e, e.options);
532
532
  } else {
533
533
  const n = s._$AB.nextSibling, o = s._$AM, h = o !== e;
@@ -535,75 +535,75 @@ const { I: Lt } = jt, ht = () => document.createComment(""), O = (e, t, s) => {
535
535
  let l;
536
536
  s._$AQ?.(e), s._$AM = e, s._$AP !== void 0 && (l = e._$AU) !== o._$AU && s._$AP(l);
537
537
  }
538
- if (n !== r || h) {
538
+ if (n !== i || h) {
539
539
  let l = s._$AA;
540
540
  for (; l !== n; ) {
541
541
  const c = l.nextSibling;
542
- i.insertBefore(l, r), l = c;
542
+ r.insertBefore(l, i), l = c;
543
543
  }
544
544
  }
545
545
  }
546
546
  return s;
547
- }, A = (e, t, s = e) => (e._$AI(t, s), e), Wt = {}, gt = (e, t = Wt) => e._$AH = t, Kt = (e) => e._$AH, L = (e) => {
547
+ }, A = (e, t, s = e) => (e._$AI(t, s), e), Wt = {}, _t = (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
550
  const s = e._$AB.nextSibling;
551
551
  for (; t !== s; ) {
552
- const i = t.nextSibling;
553
- t.remove(), t = i;
552
+ const r = t.nextSibling;
553
+ t.remove(), t = r;
554
554
  }
555
555
  };
556
556
  const ct = (e, t, s) => {
557
- const i = /* @__PURE__ */ new Map();
558
- for (let r = t; r <= s; r++) i.set(e[r], r);
559
- return i;
560
- }, ut = bt(class extends _t {
557
+ const r = /* @__PURE__ */ new Map();
558
+ for (let i = t; i <= s; i++) r.set(e[i], i);
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
564
  dt(e, t, s) {
565
- let i;
566
- s === void 0 ? s = t : t !== void 0 && (i = t);
567
- const r = [], n = [];
565
+ let r;
566
+ s === void 0 ? s = t : t !== void 0 && (r = t);
567
+ const i = [], n = [];
568
568
  let o = 0;
569
- for (const h of e) r[o] = i ? i(h, o) : o, n[o] = s(h, o), o++;
570
- return { values: n, keys: r };
569
+ for (const h of e) i[o] = r ? r(h, o) : o, n[o] = s(h, o), o++;
570
+ return { values: n, keys: i };
571
571
  }
572
572
  render(e, t, s) {
573
573
  return this.dt(e, t, s).values;
574
574
  }
575
- update(e, [t, s, i]) {
576
- const r = Kt(e), { values: n, keys: o } = this.dt(t, s, i);
577
- if (!Array.isArray(r)) return this.ut = o, n;
575
+ update(e, [t, s, r]) {
576
+ const i = Kt(e), { values: n, keys: o } = this.dt(t, s, r);
577
+ if (!Array.isArray(i)) return this.ut = o, n;
578
578
  const h = this.ut ??= [], l = [];
579
- let c, p, a = 0, d = r.length - 1, u = 0, $ = n.length - 1;
580
- for (; a <= d && u <= $; ) if (r[a] === null) a++;
581
- else if (r[d] === null) d--;
582
- else if (h[a] === o[u]) l[u] = A(r[a], n[u]), a++, u++;
583
- else if (h[d] === o[$]) l[$] = A(r[d], n[$]), d--, $--;
584
- else if (h[a] === o[$]) l[$] = A(r[a], n[$]), O(e, l[$ + 1], r[a]), a++, $--;
585
- else if (h[d] === o[u]) l[u] = A(r[d], n[u]), O(e, r[a], r[d]), d--, u++;
579
+ let c, p, a = 0, d = i.length - 1, u = 0, $ = n.length - 1;
580
+ for (; a <= d && u <= $; ) if (i[a] === null) a++;
581
+ else if (i[d] === null) d--;
582
+ else if (h[a] === o[u]) l[u] = A(i[a], n[u]), a++, u++;
583
+ else if (h[d] === o[$]) l[$] = A(i[d], n[$]), d--, $--;
584
+ else if (h[a] === o[$]) l[$] = A(i[a], n[$]), D(e, l[$ + 1], i[a]), a++, $--;
585
+ else if (h[d] === o[u]) l[u] = A(i[d], n[u]), D(e, i[a], i[d]), d--, u++;
586
586
  else if (c === void 0 && (c = ct(o, u, $), p = ct(h, a, d)), c.has(h[a])) if (c.has(h[d])) {
587
- const _ = p.get(o[u]), z = _ !== void 0 ? r[_] : null;
587
+ const g = p.get(o[u]), z = g !== void 0 ? i[g] : null;
588
588
  if (z === null) {
589
- const X = O(e, r[a]);
589
+ const X = D(e, i[a]);
590
590
  A(X, n[u]), l[u] = X;
591
- } else l[u] = A(z, n[u]), O(e, r[a], z), r[_] = null;
591
+ } else l[u] = A(z, n[u]), D(e, i[a], z), i[g] = null;
592
592
  u++;
593
- } else L(r[d]), d--;
594
- else L(r[a]), a++;
593
+ } else L(i[d]), d--;
594
+ else L(i[a]), a++;
595
595
  for (; u <= $; ) {
596
- const _ = O(e, l[$ + 1]);
597
- A(_, n[u]), l[u++] = _;
596
+ const g = D(e, l[$ + 1]);
597
+ A(g, n[u]), l[u++] = g;
598
598
  }
599
599
  for (; a <= d; ) {
600
- const _ = r[a++];
601
- _ !== null && L(_);
600
+ const g = i[a++];
601
+ g !== null && L(g);
602
602
  }
603
- return this.ut = o, gt(e, l), E;
603
+ return this.ut = o, _t(e, l), S;
604
604
  }
605
605
  });
606
- const Zt = bt(class extends _t {
606
+ const Zt = bt(class extends gt {
607
607
  constructor() {
608
608
  super(...arguments), this.key = m;
609
609
  }
@@ -611,7 +611,7 @@ const Zt = bt(class extends _t {
611
611
  return this.key = e, t;
612
612
  }
613
613
  update(e, [t, s]) {
614
- return t !== this.key && (gt(e), this.key = t), s;
614
+ return t !== this.key && (_t(e), this.key = t), s;
615
615
  }
616
616
  });
617
617
  const Jt = (e) => (t, s) => {
@@ -620,9 +620,9 @@ const Jt = (e) => (t, s) => {
620
620
  })) : customElements.define(e, t);
621
621
  };
622
622
  const Qt = { attribute: !0, type: String, converter: V, reflect: !1, hasChanged: Z }, Gt = (e = Qt, t, s) => {
623
- const { kind: i, metadata: r } = s;
624
- let n = globalThis.litPropertyMetadata.get(r);
625
- if (n === void 0 && globalThis.litPropertyMetadata.set(r, n = /* @__PURE__ */ new Map()), i === "setter" && ((e = Object.create(e)).wrapped = !0), n.set(s.name, e), i === "accessor") {
623
+ const { kind: r, metadata: i } = s;
624
+ let n = globalThis.litPropertyMetadata.get(i);
625
+ if (n === void 0 && globalThis.litPropertyMetadata.set(i, n = /* @__PURE__ */ new Map()), r === "setter" && ((e = Object.create(e)).wrapped = !0), n.set(s.name, e), r === "accessor") {
626
626
  const { name: o } = s;
627
627
  return { set(h) {
628
628
  const l = t.get.call(this);
@@ -631,41 +631,41 @@ const Qt = { attribute: !0, type: String, converter: V, reflect: !1, hasChanged:
631
631
  return h !== void 0 && this.C(o, void 0, e, h), h;
632
632
  } };
633
633
  }
634
- if (i === "setter") {
634
+ if (r === "setter") {
635
635
  const { name: o } = s;
636
636
  return function(h) {
637
637
  const l = this[o];
638
638
  t.call(this, h), this.requestUpdate(o, l, e);
639
639
  };
640
640
  }
641
- throw Error("Unsupported decorator location: " + i);
641
+ throw Error("Unsupported decorator location: " + r);
642
642
  };
643
- function B(e) {
644
- return (t, s) => typeof s == "object" ? Gt(e, t, s) : ((i, r, n) => {
645
- const o = r.hasOwnProperty(n);
646
- return r.constructor.createProperty(n, i), o ? Object.getOwnPropertyDescriptor(r, n) : void 0;
643
+ function j(e) {
644
+ return (t, s) => typeof s == "object" ? Gt(e, t, s) : ((r, i, n) => {
645
+ const o = i.hasOwnProperty(n);
646
+ return i.constructor.createProperty(n, r), o ? Object.getOwnPropertyDescriptor(i, n) : void 0;
647
647
  })(e, t, s);
648
648
  }
649
649
  function q(e) {
650
- return B({ ...e, state: !0, attribute: !1 });
650
+ return j({ ...e, state: !0, attribute: !1 });
651
651
  }
652
652
  const Xt = (e, t, s) => (s.configurable = !0, s.enumerable = !0, Reflect.decorate && typeof t != "object" && Object.defineProperty(e, t, s), s);
653
653
  function Yt(e, t) {
654
- return (s, i, r) => {
654
+ return (s, r, i) => {
655
655
  const n = (o) => o.renderRoot?.querySelector(e) ?? null;
656
- return Xt(s, i, { get() {
656
+ return Xt(s, r, { get() {
657
657
  return n(this);
658
658
  } });
659
659
  };
660
660
  }
661
- var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, g = (e, t, s, i) => {
662
- for (var r = i > 1 ? void 0 : i ? ee(t, s) : t, n = e.length - 1, o; n >= 0; n--)
663
- (o = e[n]) && (r = (i ? o(t, s, r) : o(r)) || r);
664
- return i && r && te(t, s, r), r;
661
+ var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, _ = (e, t, s, r) => {
662
+ for (var i = r > 1 ? void 0 : r ? ee(t, s) : t, n = e.length - 1, o; n >= 0; n--)
663
+ (o = e[n]) && (i = (r ? o(t, s, i) : o(i)) || i);
664
+ return r && i && te(t, s, i), i;
665
665
  };
666
- let b = class extends U {
666
+ let b = class extends T {
667
667
  constructor() {
668
- super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.version = "1.0.18";
668
+ super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.version = "1.0.21";
669
669
  }
670
670
  update(e) {
671
671
  e.has("theme") && this.registerTheme(this.theme), super.update(e);
@@ -682,15 +682,15 @@ let b = class extends U {
682
682
  }
683
683
  handleFormSubmit(e) {
684
684
  e.preventDefault();
685
- const s = e.submitter?.getAttribute("value") ?? "submit", i = e.target, r = new FormData(i), n = this.inputData?.formFields?.map((o, h) => {
685
+ const s = e.submitter?.getAttribute("value") ?? "submit", r = e.target, i = new FormData(r), n = this.inputData?.formFields?.map((o, h) => {
686
686
  const l = `column-${h}`;
687
687
  let c;
688
688
  if (o.hiddenField)
689
689
  c = o.preFilledValue ?? o.defaultValue ?? "";
690
690
  else if (o.type === "checkbox")
691
- c = r.has(l) ? "on" : "off";
691
+ c = i.has(l) ? "on" : "off";
692
692
  else {
693
- const p = r.get(l);
693
+ const p = i.get(l);
694
694
  c = p === null || p === "" ? o.defaultValue ?? "" : p;
695
695
  }
696
696
  return {
@@ -847,10 +847,10 @@ let b = class extends U {
847
847
  for (const s of e.variables)
848
848
  s.label && (t = t.split(`{{${s.label}}}`).join(encodeURIComponent(String(s.value ?? ""))));
849
849
  if (t.includes("*")) {
850
- const s = (this.route || "").split("/").filter(Boolean), i = t.split("/").filter(Boolean);
851
- for (let r = 0; r < i.length; r++)
852
- i[r] === "*" && (i[r] = s[r] ?? "");
853
- t = (t.startsWith("/") ? "/" : "") + i.filter(Boolean).join("/");
850
+ const s = (this.route || "").split("/").filter(Boolean), r = t.split("/").filter(Boolean);
851
+ for (let i = 0; i < r.length; i++)
852
+ r[i] === "*" && (r[i] = s[i] ?? "");
853
+ t = (t.startsWith("/") ? "/" : "") + r.filter(Boolean).join("/");
854
854
  }
855
855
  return t;
856
856
  }
@@ -877,7 +877,8 @@ let b = class extends U {
877
877
  ${this.inputData?.formButton ? f`
878
878
  <md-fab
879
879
  aria-label="Add"
880
- style="margin-left: 16px; --md-fab-container-color: ${this.theme?.theme_object?.color?.[0] ?? "#9064f7"}"
880
+ .size=${this.inputData.formButtonStyle?.size || "medium"}
881
+ style="margin-left: 16px; --md-fab-container-color: ${(this.inputData.formButtonStyle?.bgColor || this.theme?.theme_object?.color?.[0]) ?? "#9064f7"}; --md-fab-icon-color: ${(this.inputData.formButtonStyle?.color || this.theme?.theme_object?.color?.[1]) ?? "#fff"}"
881
882
  @click=${this.openFormDialog}
882
883
  >
883
884
  <md-icon slot="icon">add</md-icon>
@@ -894,11 +895,11 @@ let b = class extends U {
894
895
  class="form"
895
896
  quick
896
897
  ?open=${this.dialogOpen}
897
- @cancel=${(i) => {
898
- i.preventDefault();
898
+ @cancel=${(r) => {
899
+ r.preventDefault();
899
900
  }}
900
- @keydown=${(i) => {
901
- i.key === "Escape" && i.preventDefault();
901
+ @keydown=${(r) => {
902
+ r.key === "Escape" && r.preventDefault();
902
903
  }}
903
904
  @closed=${() => this.dialogOpen = !1}
904
905
  >
@@ -986,16 +987,6 @@ b.styles = vt`
986
987
  margin: auto;
987
988
  }
988
989
 
989
- .edit-fab {
990
- --md-fab-icon-color: white;
991
- --md-fab-container-color: #007bff;
992
- --md-fab-label-text-color: white;
993
- position: absolute;
994
- bottom: 24px;
995
- right: 24px;
996
- z-index: 10;
997
- }
998
-
999
990
  .paging:not([active]) {
1000
991
  display: none !important;
1001
992
  }
@@ -1006,6 +997,29 @@ b.styles = vt`
1006
997
  padding: 16px;
1007
998
  box-sizing: border-box;
1008
999
  overflow: auto;
1000
+ /* Derive scrollbar colors from the (inherited) text color so they
1001
+ follow custom styles and themes — e.g. light thumb on dark bg. */
1002
+ scrollbar-width: thin;
1003
+ scrollbar-color: color-mix(in srgb, currentColor 35%, transparent) transparent;
1004
+ }
1005
+
1006
+ /* WebKit/Blink fallback for browsers without scrollbar-color support. */
1007
+ .wrapper::-webkit-scrollbar {
1008
+ width: 8px;
1009
+ height: 8px;
1010
+ }
1011
+
1012
+ .wrapper::-webkit-scrollbar-track {
1013
+ background: transparent;
1014
+ }
1015
+
1016
+ .wrapper::-webkit-scrollbar-thumb {
1017
+ background-color: color-mix(in srgb, currentColor 35%, transparent);
1018
+ border-radius: 4px;
1019
+ }
1020
+
1021
+ .wrapper::-webkit-scrollbar-thumb:hover {
1022
+ background-color: color-mix(in srgb, currentColor 55%, transparent);
1009
1023
  }
1010
1024
 
1011
1025
  .form-actions {
@@ -1081,6 +1095,7 @@ b.styles = vt`
1081
1095
 
1082
1096
  md-dialog {
1083
1097
  overflow: visible;
1098
+ --md-dialog-container-color: #fff;
1084
1099
  }
1085
1100
 
1086
1101
  .header {
@@ -1099,32 +1114,32 @@ b.styles = vt`
1099
1114
  --md-filled-button-pressed-label-text-color: #fff;
1100
1115
  }
1101
1116
  `;
1102
- g([
1103
- B({ type: Object })
1117
+ _([
1118
+ j({ type: Object })
1104
1119
  ], b.prototype, "inputData", 2);
1105
- g([
1106
- B({ type: Object })
1120
+ _([
1121
+ j({ type: Object })
1107
1122
  ], b.prototype, "theme", 2);
1108
- g([
1109
- B({ type: String })
1123
+ _([
1124
+ j({ type: String })
1110
1125
  ], b.prototype, "route", 2);
1111
- g([
1126
+ _([
1112
1127
  q()
1113
1128
  ], b.prototype, "themeBgColor", 2);
1114
- g([
1129
+ _([
1115
1130
  q()
1116
1131
  ], b.prototype, "themeTitleColor", 2);
1117
- g([
1132
+ _([
1118
1133
  q()
1119
1134
  ], b.prototype, "dialogOpen", 2);
1120
- g([
1135
+ _([
1121
1136
  Yt("md-dialog")
1122
1137
  ], b.prototype, "dialog", 2);
1123
- g([
1138
+ _([
1124
1139
  q()
1125
1140
  ], b.prototype, "formKey", 2);
1126
- b = g([
1127
- Jt("widget-form-1.0.18")
1141
+ b = _([
1142
+ Jt("widget-form-1.0.21")
1128
1143
  ], b);
1129
1144
  export {
1130
1145
  b as WidgetForm