@record-evolution/widget-form 1.0.25 → 1.0.26
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.
- package/dist/widget-form.d.ts +2 -0
- package/dist/widget-form.js +153 -138
- package/dist/widget-form.js.map +1 -1
- package/package.json +1 -1
- package/src/definition-schema.d.ts +24 -0
- package/src/definition-schema.json +53 -5
- package/src/widget-form.ts +37 -7
package/dist/widget-form.js
CHANGED
|
@@ -8,8 +8,8 @@ import "@material/web/textfield/outlined-text-field.js";
|
|
|
8
8
|
import "@material/web/checkbox/checkbox.js";
|
|
9
9
|
import "@material/web/select/outlined-select.js";
|
|
10
10
|
import "@material/web/select/select-option.js";
|
|
11
|
-
const
|
|
12
|
-
let
|
|
11
|
+
const M = globalThis, W = M.ShadowRoot && (M.ShadyCSS === void 0 || M.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, K = /* @__PURE__ */ Symbol(), Y = /* @__PURE__ */ new WeakMap();
|
|
12
|
+
let dt = class {
|
|
13
13
|
constructor(t, s, r) {
|
|
14
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;
|
|
@@ -27,17 +27,17 @@ let ut = class {
|
|
|
27
27
|
return this.cssText;
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
const yt = (e) => new
|
|
30
|
+
const yt = (e) => new dt(typeof e == "string" ? e : e + "", void 0, K), vt = (e, ...t) => {
|
|
31
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
35
|
})(i) + e[n + 1]), e[0]);
|
|
36
|
-
return new
|
|
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 r = document.createElement("style"), i =
|
|
40
|
+
const r = document.createElement("style"), i = M.litNonce;
|
|
41
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) => {
|
|
@@ -45,10 +45,10 @@ const yt = (e) => new ut(typeof e == "string" ? e : e + "", void 0, K), vt = (e,
|
|
|
45
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: St, getOwnPropertyNames: Et, getOwnPropertySymbols: Ct, getPrototypeOf:
|
|
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, H = { toAttribute(e, t) {
|
|
49
49
|
switch (t) {
|
|
50
50
|
case Boolean:
|
|
51
|
-
e = e ?
|
|
51
|
+
e = e ? kt : null;
|
|
52
52
|
break;
|
|
53
53
|
case Object:
|
|
54
54
|
case Array:
|
|
@@ -73,8 +73,8 @@ const { is: xt, defineProperty: wt, getOwnPropertyDescriptor: St, getOwnProperty
|
|
|
73
73
|
}
|
|
74
74
|
}
|
|
75
75
|
return s;
|
|
76
|
-
} }, Z = (e, t) => !xt(e, t), st = { attribute: !0, type: String, converter:
|
|
77
|
-
Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"),
|
|
76
|
+
} }, Z = (e, t) => !xt(e, t), st = { attribute: !0, type: String, converter: H, reflect: !1, useDefault: !1, hasChanged: Z };
|
|
77
|
+
Symbol.metadata ??= /* @__PURE__ */ Symbol("metadata"), R.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
|
|
78
78
|
let E = class extends HTMLElement {
|
|
79
79
|
static addInitializer(t) {
|
|
80
80
|
this._$Ei(), (this.l ??= []).push(t);
|
|
@@ -104,7 +104,7 @@ let E = class extends HTMLElement {
|
|
|
104
104
|
}
|
|
105
105
|
static _$Ei() {
|
|
106
106
|
if (this.hasOwnProperty(O("elementProperties"))) return;
|
|
107
|
-
const t =
|
|
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() {
|
|
@@ -172,14 +172,14 @@ let E = class extends HTMLElement {
|
|
|
172
172
|
_$ET(t, s) {
|
|
173
173
|
const r = this.constructor.elementProperties.get(t), i = this.constructor._$Eu(t, r);
|
|
174
174
|
if (i !== void 0 && r.reflect === !0) {
|
|
175
|
-
const n = (r.converter?.toAttribute !== void 0 ? r.converter :
|
|
175
|
+
const n = (r.converter?.toAttribute !== void 0 ? r.converter : H).toAttribute(s, r.type);
|
|
176
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
180
|
const r = this.constructor, i = r._$Eh.get(t);
|
|
181
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 :
|
|
182
|
+
const n = r.getPropertyOptions(i), o = typeof n.converter == "function" ? { fromAttribute: n.converter } : n.converter?.fromAttribute !== void 0 ? n.converter : H;
|
|
183
183
|
this._$Em = i, this[i] = o.fromAttribute(s, n.type) ?? this._$Ej?.get(i) ?? null, this._$Em = null;
|
|
184
184
|
}
|
|
185
185
|
}
|
|
@@ -254,54 +254,54 @@ let E = class extends HTMLElement {
|
|
|
254
254
|
firstUpdated(t) {
|
|
255
255
|
}
|
|
256
256
|
};
|
|
257
|
-
E.elementStyles = [], E.shadowRootOptions = { mode: "open" }, E[O("elementProperties")] = /* @__PURE__ */ new Map(), E[O("finalized")] = /* @__PURE__ */ new Map(), Dt?.({ ReactiveElement: E }), (
|
|
258
|
-
const J = globalThis,
|
|
259
|
-
\f\r]`,
|
|
260
|
-
\f\r"'\`<>=]|("|')|))|$)`, "g"), nt = /'/g,
|
|
261
|
-
function
|
|
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, B = J.trustedTypes, rt = B ? B.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, pt = "$lit$", y = `lit$${Math.random().toFixed(9).slice(2)}$`, mt = "?" + y, Ot = `<${mt}>`, w = document, T = () => w.createComment(""), F = (e) => e === null || typeof e != "object" && typeof e != "function", Q = Array.isArray, Vt = (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, ft = /^(?:script|style|textarea|title)$/i, Tt = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), $ = Tt(1), S = /* @__PURE__ */ Symbol.for("lit-noChange"), p = /* @__PURE__ */ Symbol.for("lit-nothing"), at = /* @__PURE__ */ new WeakMap(), x = w.createTreeWalker(w, 129);
|
|
261
|
+
function $t(e, t) {
|
|
262
262
|
if (!Q(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
|
|
263
263
|
return rt !== void 0 ? rt.createHTML(t) : t;
|
|
264
264
|
}
|
|
265
|
-
const
|
|
265
|
+
const Ft = (e, t) => {
|
|
266
266
|
const s = e.length - 1, r = [];
|
|
267
|
-
let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o =
|
|
267
|
+
let i, n = t === 2 ? "<svg>" : t === 3 ? "<math>" : "", o = k;
|
|
268
268
|
for (let h = 0; h < s; h++) {
|
|
269
|
-
const
|
|
270
|
-
let c, m,
|
|
271
|
-
for (;
|
|
272
|
-
const
|
|
273
|
-
n += o ===
|
|
269
|
+
const l = e[h];
|
|
270
|
+
let c, m, a = -1, d = 0;
|
|
271
|
+
for (; d < l.length && (o.lastIndex = d, m = o.exec(l), m !== null); ) d = o.lastIndex, o === k ? m[1] === "!--" ? o = it : m[1] !== void 0 ? o = ot : m[2] !== void 0 ? (ft.test(m[2]) && (i = RegExp("</" + m[2], "g")), o = v) : m[3] !== void 0 && (o = v) : o === v ? m[0] === ">" ? (o = i ?? k, a = -1) : m[1] === void 0 ? a = -2 : (a = o.lastIndex - m[2].length, c = m[1], o = m[3] === void 0 ? v : m[3] === '"' ? lt : nt) : o === lt || o === nt ? o = v : o === it || o === ot ? o = k : (o = v, i = void 0);
|
|
272
|
+
const u = o === v && e[h + 1].startsWith("/>") ? " " : "";
|
|
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 [
|
|
275
|
+
return [$t(e, n + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), r];
|
|
276
276
|
};
|
|
277
|
-
class
|
|
277
|
+
class U {
|
|
278
278
|
constructor({ strings: t, _$litType$: s }, r) {
|
|
279
279
|
let i;
|
|
280
280
|
this.parts = [];
|
|
281
281
|
let n = 0, o = 0;
|
|
282
|
-
const h = t.length - 1,
|
|
283
|
-
if (this.el =
|
|
284
|
-
const
|
|
285
|
-
|
|
282
|
+
const h = t.length - 1, l = this.parts, [c, m] = Ft(t, s);
|
|
283
|
+
if (this.el = U.createElement(c, r), x.currentNode = this.el.content, s === 2 || s === 3) {
|
|
284
|
+
const a = this.el.content.firstChild;
|
|
285
|
+
a.replaceWith(...a.childNodes);
|
|
286
286
|
}
|
|
287
|
-
for (; (i = x.nextNode()) !== null &&
|
|
287
|
+
for (; (i = x.nextNode()) !== null && l.length < h; ) {
|
|
288
288
|
if (i.nodeType === 1) {
|
|
289
|
-
if (i.hasAttributes()) for (const
|
|
290
|
-
const
|
|
291
|
-
|
|
292
|
-
} else
|
|
293
|
-
if (
|
|
294
|
-
const
|
|
295
|
-
if (
|
|
296
|
-
i.textContent =
|
|
297
|
-
for (let
|
|
298
|
-
i.append(
|
|
289
|
+
if (i.hasAttributes()) for (const a of i.getAttributeNames()) if (a.endsWith(pt)) {
|
|
290
|
+
const d = m[o++], u = i.getAttribute(a).split(y), f = /([.?@])?(.*)/.exec(d);
|
|
291
|
+
l.push({ type: 1, index: n, name: f[2], strings: u, ctor: f[1] === "." ? Mt : f[1] === "?" ? Ht : f[1] === "@" ? Bt : N }), i.removeAttribute(a);
|
|
292
|
+
} else a.startsWith(y) && (l.push({ type: 6, index: n }), i.removeAttribute(a));
|
|
293
|
+
if (ft.test(i.tagName)) {
|
|
294
|
+
const a = i.textContent.split(y), d = a.length - 1;
|
|
295
|
+
if (d > 0) {
|
|
296
|
+
i.textContent = B ? B.emptyScript : "";
|
|
297
|
+
for (let u = 0; u < d; u++) i.append(a[u], T()), x.nextNode(), l.push({ type: 2, index: ++n });
|
|
298
|
+
i.append(a[d], T());
|
|
299
299
|
}
|
|
300
300
|
}
|
|
301
|
-
} else if (i.nodeType === 8) if (i.data === mt)
|
|
301
|
+
} else if (i.nodeType === 8) if (i.data === mt) l.push({ type: 2, index: n });
|
|
302
302
|
else {
|
|
303
|
-
let
|
|
304
|
-
for (; (
|
|
303
|
+
let a = -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
|
}
|
|
@@ -314,10 +314,10 @@ class F {
|
|
|
314
314
|
function C(e, t, s = e, r) {
|
|
315
315
|
if (t === S) return t;
|
|
316
316
|
let i = r !== void 0 ? s._$Co?.[r] : s._$Cl;
|
|
317
|
-
const n =
|
|
317
|
+
const n = F(t) ? void 0 : t._$litDirective$;
|
|
318
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
|
-
let
|
|
320
|
+
let Ut = class {
|
|
321
321
|
constructor(t, s) {
|
|
322
322
|
this._$AV = [], this._$AN = void 0, this._$AD = t, this._$AM = s;
|
|
323
323
|
}
|
|
@@ -330,13 +330,13 @@ let Ft = class {
|
|
|
330
330
|
u(t) {
|
|
331
331
|
const { el: { content: s }, parts: r } = this._$AD, i = (t?.creationScope ?? w).importNode(s, !0);
|
|
332
332
|
x.currentNode = i;
|
|
333
|
-
let n = x.nextNode(), o = 0, h = 0,
|
|
334
|
-
for (;
|
|
335
|
-
if (o ===
|
|
333
|
+
let n = x.nextNode(), o = 0, h = 0, l = r[0];
|
|
334
|
+
for (; l !== void 0; ) {
|
|
335
|
+
if (o === l.index) {
|
|
336
336
|
let c;
|
|
337
|
-
|
|
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
|
-
o !==
|
|
339
|
+
o !== l?.index && (n = x.nextNode(), o++);
|
|
340
340
|
}
|
|
341
341
|
return x.currentNode = w, i;
|
|
342
342
|
}
|
|
@@ -345,7 +345,7 @@ let Ft = class {
|
|
|
345
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
|
-
class
|
|
348
|
+
class P {
|
|
349
349
|
get _$AU() {
|
|
350
350
|
return this._$AM?._$AU ?? this._$Cv;
|
|
351
351
|
}
|
|
@@ -364,7 +364,7 @@ class k {
|
|
|
364
364
|
return this._$AB;
|
|
365
365
|
}
|
|
366
366
|
_$AI(t, s = this) {
|
|
367
|
-
t = C(this, t, s),
|
|
367
|
+
t = C(this, t, s), F(t) ? t === p || t == null || t === "" ? (this._$AH !== p && this._$AR(), this._$AH = p) : t !== this._$AH && t !== S && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Vt(t) ? this.k(t) : this._(t);
|
|
368
368
|
}
|
|
369
369
|
O(t) {
|
|
370
370
|
return this._$AA.parentNode.insertBefore(t, this._$AB);
|
|
@@ -373,25 +373,25 @@ class k {
|
|
|
373
373
|
this._$AH !== t && (this._$AR(), this._$AH = this.O(t));
|
|
374
374
|
}
|
|
375
375
|
_(t) {
|
|
376
|
-
this._$AH !== p &&
|
|
376
|
+
this._$AH !== p && F(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$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el =
|
|
379
|
+
const { values: s, _$litType$: r } = t, i = typeof r == "number" ? this._$AC(t) : (r.el === void 0 && (r.el = U.createElement($t(r.h, r.h[0]), this.options)), r);
|
|
380
380
|
if (this._$AH?._$AD === i) this._$AH.p(s);
|
|
381
381
|
else {
|
|
382
|
-
const n = new
|
|
382
|
+
const n = new Ut(i, this), o = n.u(this.options);
|
|
383
383
|
n.p(s), this.T(o), this._$AH = n;
|
|
384
384
|
}
|
|
385
385
|
}
|
|
386
386
|
_$AC(t) {
|
|
387
|
-
let s =
|
|
388
|
-
return s === void 0 &&
|
|
387
|
+
let s = at.get(t.strings);
|
|
388
|
+
return s === void 0 && at.set(t.strings, s = new U(t)), s;
|
|
389
389
|
}
|
|
390
390
|
k(t) {
|
|
391
391
|
Q(this._$AH) || (this._$AH = [], this._$AR());
|
|
392
392
|
const s = this._$AH;
|
|
393
393
|
let r, i = 0;
|
|
394
|
-
for (const n of t) i === s.length ? s.push(r = new
|
|
394
|
+
for (const n of t) i === s.length ? s.push(r = new P(this.O(T()), this.O(T()), this, this.options)) : r = s[i], r._$AI(n), i++;
|
|
395
395
|
i < s.length && (this._$AR(r && r._$AB.nextSibling, i), s.length = i);
|
|
396
396
|
}
|
|
397
397
|
_$AR(t = this._$AA.nextSibling, s) {
|
|
@@ -404,7 +404,7 @@ class k {
|
|
|
404
404
|
this._$AM === void 0 && (this._$Cv = t, this._$AP?.(t));
|
|
405
405
|
}
|
|
406
406
|
}
|
|
407
|
-
class
|
|
407
|
+
class N {
|
|
408
408
|
get tagName() {
|
|
409
409
|
return this.element.tagName;
|
|
410
410
|
}
|
|
@@ -417,11 +417,11 @@ class B {
|
|
|
417
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 = !
|
|
420
|
+
if (n === void 0) t = C(this, t, s, 0), o = !F(t) || t !== this._$AH && t !== S, o && (this._$AH = t);
|
|
421
421
|
else {
|
|
422
422
|
const h = t;
|
|
423
|
-
let
|
|
424
|
-
for (t = n[0],
|
|
423
|
+
let 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 ||= !F(c) || c !== this._$AH[l], c === p ? t = p : t !== p && (t += (c ?? "") + n[l + 1]), this._$AH[l] = c;
|
|
425
425
|
}
|
|
426
426
|
o && !i && this.j(t);
|
|
427
427
|
}
|
|
@@ -429,7 +429,7 @@ class B {
|
|
|
429
429
|
t === p ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, t ?? "");
|
|
430
430
|
}
|
|
431
431
|
}
|
|
432
|
-
class
|
|
432
|
+
class Mt extends N {
|
|
433
433
|
constructor() {
|
|
434
434
|
super(...arguments), this.type = 3;
|
|
435
435
|
}
|
|
@@ -437,7 +437,7 @@ class Ht extends B {
|
|
|
437
437
|
this.element[this.name] = t === p ? void 0 : t;
|
|
438
438
|
}
|
|
439
439
|
}
|
|
440
|
-
class
|
|
440
|
+
class Ht extends N {
|
|
441
441
|
constructor() {
|
|
442
442
|
super(...arguments), this.type = 4;
|
|
443
443
|
}
|
|
@@ -445,7 +445,7 @@ class Rt extends B {
|
|
|
445
445
|
this.element.toggleAttribute(this.name, !!t && t !== p);
|
|
446
446
|
}
|
|
447
447
|
}
|
|
448
|
-
class
|
|
448
|
+
class Bt extends N {
|
|
449
449
|
constructor(t, s, r, i, n) {
|
|
450
450
|
super(t, s, r, i, n), this.type = 5;
|
|
451
451
|
}
|
|
@@ -458,7 +458,7 @@ class Vt extends B {
|
|
|
458
458
|
typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, t) : this._$AH.handleEvent(t);
|
|
459
459
|
}
|
|
460
460
|
}
|
|
461
|
-
class
|
|
461
|
+
class Rt {
|
|
462
462
|
constructor(t, s, r) {
|
|
463
463
|
this.element = t, this.type = 6, this._$AN = void 0, this._$AM = s, this.options = r;
|
|
464
464
|
}
|
|
@@ -469,19 +469,19 @@ class Nt {
|
|
|
469
469
|
C(this, t);
|
|
470
470
|
}
|
|
471
471
|
}
|
|
472
|
-
const
|
|
473
|
-
jt?.(
|
|
472
|
+
const Nt = { I: P }, jt = J.litHtmlPolyfillSupport;
|
|
473
|
+
jt?.(U, P), (J.litHtmlVersions ??= []).push("3.3.0");
|
|
474
474
|
const qt = (e, t, s) => {
|
|
475
475
|
const r = s?.renderBefore ?? t;
|
|
476
476
|
let i = r._$litPart$;
|
|
477
477
|
if (i === void 0) {
|
|
478
478
|
const n = s?.renderBefore ?? null;
|
|
479
|
-
r._$litPart$ = i = new
|
|
479
|
+
r._$litPart$ = i = new P(t.insertBefore(T(), n), n, void 0, s ?? {});
|
|
480
480
|
}
|
|
481
481
|
return i._$AI(e), i;
|
|
482
482
|
};
|
|
483
483
|
const G = globalThis;
|
|
484
|
-
let
|
|
484
|
+
let V = class extends E {
|
|
485
485
|
constructor() {
|
|
486
486
|
super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
|
|
487
487
|
}
|
|
@@ -503,9 +503,9 @@ let T = class extends E {
|
|
|
503
503
|
return S;
|
|
504
504
|
}
|
|
505
505
|
};
|
|
506
|
-
|
|
506
|
+
V._$litElement$ = !0, V.finalized = !0, G.litElementHydrateSupport?.({ LitElement: V });
|
|
507
507
|
const zt = G.litElementPolyfillSupport;
|
|
508
|
-
zt?.({ LitElement:
|
|
508
|
+
zt?.({ LitElement: V });
|
|
509
509
|
(G.litElementVersions ??= []).push("4.2.0");
|
|
510
510
|
const It = { CHILD: 2 }, bt = (e) => (...t) => ({ _$litDirective$: e, values: t });
|
|
511
511
|
let gt = class {
|
|
@@ -524,7 +524,7 @@ let gt = class {
|
|
|
524
524
|
return this.render(...s);
|
|
525
525
|
}
|
|
526
526
|
};
|
|
527
|
-
const { I: Lt } =
|
|
527
|
+
const { I: Lt } = Nt, ht = () => document.createComment(""), D = (e, t, s) => {
|
|
528
528
|
const r = e._$AA.parentNode, i = t === void 0 ? e._$AB : t._$AA;
|
|
529
529
|
if (s === void 0) {
|
|
530
530
|
const n = r.insertBefore(ht(), i), o = r.insertBefore(ht(), i);
|
|
@@ -532,14 +532,14 @@ const { I: Lt } = Bt, ht = () => document.createComment(""), D = (e, t, s) => {
|
|
|
532
532
|
} else {
|
|
533
533
|
const n = s._$AB.nextSibling, o = s._$AM, h = o !== e;
|
|
534
534
|
if (h) {
|
|
535
|
-
let
|
|
536
|
-
s._$AQ?.(e), s._$AM = e, s._$AP !== void 0 && (
|
|
535
|
+
let l;
|
|
536
|
+
s._$AQ?.(e), s._$AM = e, s._$AP !== void 0 && (l = e._$AU) !== o._$AU && s._$AP(l);
|
|
537
537
|
}
|
|
538
538
|
if (n !== i || h) {
|
|
539
|
-
let
|
|
540
|
-
for (;
|
|
541
|
-
const c =
|
|
542
|
-
r.insertBefore(
|
|
539
|
+
let l = s._$AA;
|
|
540
|
+
for (; l !== n; ) {
|
|
541
|
+
const c = l.nextSibling;
|
|
542
|
+
r.insertBefore(l, i), l = c;
|
|
543
543
|
}
|
|
544
544
|
}
|
|
545
545
|
}
|
|
@@ -557,7 +557,7 @@ const ct = (e, t, s) => {
|
|
|
557
557
|
const r = /* @__PURE__ */ new Map();
|
|
558
558
|
for (let i = t; i <= s; i++) r.set(e[i], i);
|
|
559
559
|
return r;
|
|
560
|
-
},
|
|
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
|
}
|
|
@@ -575,32 +575,32 @@ const ct = (e, t, s) => {
|
|
|
575
575
|
update(e, [t, s, r]) {
|
|
576
576
|
const i = Kt(e), { values: n, keys: o } = this.dt(t, s, r);
|
|
577
577
|
if (!Array.isArray(i)) return this.ut = o, n;
|
|
578
|
-
const h = this.ut ??= [],
|
|
579
|
-
let c, m,
|
|
580
|
-
for (;
|
|
581
|
-
else if (i[
|
|
582
|
-
else if (h[
|
|
583
|
-
else if (h[
|
|
584
|
-
else if (h[
|
|
585
|
-
else if (h[
|
|
586
|
-
else if (c === void 0 && (c = ct(o,
|
|
587
|
-
const g = m.get(o[
|
|
578
|
+
const h = this.ut ??= [], l = [];
|
|
579
|
+
let c, m, a = 0, d = i.length - 1, u = 0, f = n.length - 1;
|
|
580
|
+
for (; a <= d && u <= f; ) 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[f]) l[f] = A(i[d], n[f]), d--, f--;
|
|
584
|
+
else if (h[a] === o[f]) l[f] = A(i[a], n[f]), D(e, l[f + 1], i[a]), a++, f--;
|
|
585
|
+
else if (h[d] === o[u]) l[u] = A(i[d], n[u]), D(e, i[a], i[d]), d--, u++;
|
|
586
|
+
else if (c === void 0 && (c = ct(o, u, f), m = ct(h, a, d)), c.has(h[a])) if (c.has(h[d])) {
|
|
587
|
+
const g = m.get(o[u]), z = g !== void 0 ? i[g] : null;
|
|
588
588
|
if (z === null) {
|
|
589
|
-
const X = D(e, i[
|
|
590
|
-
A(X, n[
|
|
591
|
-
} else
|
|
592
|
-
|
|
593
|
-
} else L(i[
|
|
594
|
-
else L(i[
|
|
595
|
-
for (;
|
|
596
|
-
const g = D(e,
|
|
597
|
-
A(g, n[
|
|
589
|
+
const X = D(e, i[a]);
|
|
590
|
+
A(X, n[u]), l[u] = X;
|
|
591
|
+
} else l[u] = A(z, n[u]), D(e, i[a], z), i[g] = null;
|
|
592
|
+
u++;
|
|
593
|
+
} else L(i[d]), d--;
|
|
594
|
+
else L(i[a]), a++;
|
|
595
|
+
for (; u <= f; ) {
|
|
596
|
+
const g = D(e, l[f + 1]);
|
|
597
|
+
A(g, n[u]), l[u++] = g;
|
|
598
598
|
}
|
|
599
|
-
for (;
|
|
600
|
-
const g = i[
|
|
599
|
+
for (; a <= d; ) {
|
|
600
|
+
const g = i[a++];
|
|
601
601
|
g !== null && L(g);
|
|
602
602
|
}
|
|
603
|
-
return this.ut = o, _t(e,
|
|
603
|
+
return this.ut = o, _t(e, l), S;
|
|
604
604
|
}
|
|
605
605
|
});
|
|
606
606
|
const Zt = bt(class extends gt {
|
|
@@ -619,14 +619,14 @@ const Jt = (e) => (t, s) => {
|
|
|
619
619
|
customElements.define(e, t);
|
|
620
620
|
})) : customElements.define(e, t);
|
|
621
621
|
};
|
|
622
|
-
const Qt = { attribute: !0, type: String, converter:
|
|
622
|
+
const Qt = { attribute: !0, type: String, converter: H, reflect: !1, hasChanged: Z }, Gt = (e = Qt, t, s) => {
|
|
623
623
|
const { kind: r, metadata: i } = s;
|
|
624
624
|
let n = globalThis.litPropertyMetadata.get(i);
|
|
625
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
|
-
const
|
|
629
|
-
t.set.call(this, h), this.requestUpdate(o,
|
|
628
|
+
const l = t.get.call(this);
|
|
629
|
+
t.set.call(this, h), this.requestUpdate(o, l, e);
|
|
630
630
|
}, init(h) {
|
|
631
631
|
return h !== void 0 && this.C(o, void 0, e, h), h;
|
|
632
632
|
} };
|
|
@@ -634,8 +634,8 @@ const Qt = { attribute: !0, type: String, converter: R, reflect: !1, hasChanged:
|
|
|
634
634
|
if (r === "setter") {
|
|
635
635
|
const { name: o } = s;
|
|
636
636
|
return function(h) {
|
|
637
|
-
const
|
|
638
|
-
t.call(this, h), this.requestUpdate(o,
|
|
637
|
+
const l = this[o];
|
|
638
|
+
t.call(this, h), this.requestUpdate(o, l, e);
|
|
639
639
|
};
|
|
640
640
|
}
|
|
641
641
|
throw Error("Unsupported decorator location: " + r);
|
|
@@ -663,9 +663,9 @@ var te = Object.defineProperty, ee = Object.getOwnPropertyDescriptor, _ = (e, t,
|
|
|
663
663
|
(o = e[n]) && (i = (r ? o(t, s, i) : o(i)) || i);
|
|
664
664
|
return r && i && te(t, s, i), i;
|
|
665
665
|
};
|
|
666
|
-
let b = class extends
|
|
666
|
+
let b = class extends V {
|
|
667
667
|
constructor() {
|
|
668
|
-
super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.version = "1.0.
|
|
668
|
+
super(...arguments), this.dialogOpen = !1, this.formKey = 0, this.version = "1.0.26", this.dialogScrimPatched = !1;
|
|
669
669
|
}
|
|
670
670
|
update(e) {
|
|
671
671
|
e.has("theme") && this.registerTheme(this.theme), super.update(e);
|
|
@@ -712,15 +712,15 @@ let b = class extends T {
|
|
|
712
712
|
handleFormSubmit(e) {
|
|
713
713
|
e.preventDefault();
|
|
714
714
|
const s = e.submitter?.getAttribute("value") ?? "submit", r = e.target, i = new FormData(r), n = this.inputData?.formFields?.map((o, h) => {
|
|
715
|
-
const
|
|
715
|
+
const l = `column-${h}`;
|
|
716
716
|
let c;
|
|
717
717
|
if (o.hiddenField)
|
|
718
|
-
c = o
|
|
718
|
+
c = this.effectivePreFilledValue(o) ?? this.effectiveDefaultValue(o) ?? "";
|
|
719
719
|
else if (o.type === "checkbox")
|
|
720
|
-
c = i.has(
|
|
720
|
+
c = i.has(l) ? "on" : "off";
|
|
721
721
|
else {
|
|
722
|
-
const m = i.get(
|
|
723
|
-
c = m === null || m === "" ? o
|
|
722
|
+
const m = i.get(l);
|
|
723
|
+
c = m === null || m === "" ? this.effectiveDefaultValue(o) ?? "" : m;
|
|
724
724
|
}
|
|
725
725
|
return {
|
|
726
726
|
swarm_app_databackend_key: o.targetColumn?.swarm_app_databackend_key,
|
|
@@ -755,6 +755,19 @@ let b = class extends T {
|
|
|
755
755
|
}
|
|
756
756
|
this.resetForm(), this.dialogOpen = !1;
|
|
757
757
|
}
|
|
758
|
+
// preFilledValue/defaultValue and their *Multiline/*Boolean twins are separate
|
|
759
|
+
// config keys (the editor shows a single-line, multi-line or checkbox input
|
|
760
|
+
// depending on the field type). Resolve by the current type — normalizing the
|
|
761
|
+
// boolean keys to 'true'/'false' strings for the existing downstream logic —
|
|
762
|
+
// and fall back to the single-line key so fields configured before the split
|
|
763
|
+
// keep their values. A value lingering in a hidden twin key after a type
|
|
764
|
+
// switch is ignored.
|
|
765
|
+
effectivePreFilledValue(e) {
|
|
766
|
+
return e.type === "textarea" ? e.preFilledValueMultiline ?? e.preFilledValue : e.type === "checkbox" && e.preFilledValueBoolean != null ? String(e.preFilledValueBoolean) : e.preFilledValue;
|
|
767
|
+
}
|
|
768
|
+
effectiveDefaultValue(e) {
|
|
769
|
+
return e.type === "textarea" ? e.defaultValueMultiline ?? e.defaultValue : e.type === "checkbox" && e.defaultValueBoolean != null ? String(e.defaultValueBoolean) : e.defaultValue;
|
|
770
|
+
}
|
|
758
771
|
formatValue(e, t) {
|
|
759
772
|
switch (t) {
|
|
760
773
|
case "numberfield": {
|
|
@@ -769,7 +782,7 @@ let b = class extends T {
|
|
|
769
782
|
}
|
|
770
783
|
}
|
|
771
784
|
renderTextField(e, t) {
|
|
772
|
-
return
|
|
785
|
+
return $`
|
|
773
786
|
<md-outlined-text-field
|
|
774
787
|
.name="column-${t}"
|
|
775
788
|
.label="${e.label ?? ""}"
|
|
@@ -784,7 +797,7 @@ let b = class extends T {
|
|
|
784
797
|
`;
|
|
785
798
|
}
|
|
786
799
|
renderNumberField(e, t) {
|
|
787
|
-
return
|
|
800
|
+
return $`
|
|
788
801
|
<md-outlined-text-field
|
|
789
802
|
.name="column-${t}"
|
|
790
803
|
.label="${e.label ?? ""}"
|
|
@@ -801,35 +814,37 @@ let b = class extends T {
|
|
|
801
814
|
`;
|
|
802
815
|
}
|
|
803
816
|
renderCheckbox(e, t) {
|
|
804
|
-
|
|
817
|
+
const s = this.effectivePreFilledValue(e), r = this.effectiveDefaultValue(e);
|
|
818
|
+
return $`
|
|
805
819
|
<div class="checkbox-container">
|
|
806
820
|
<md-checkbox
|
|
807
821
|
name="column-${t}"
|
|
808
822
|
aria-label=${e.label ?? ""}
|
|
809
|
-
?checked=${String(
|
|
823
|
+
?checked=${String(s ?? r) === "true"}
|
|
810
824
|
supporting-text=${e.description ?? ""}
|
|
811
|
-
?required=${e.required && !
|
|
825
|
+
?required=${e.required && !r && !s}
|
|
812
826
|
></md-checkbox>
|
|
813
827
|
<label class="label"> ${e.label} </label>
|
|
814
828
|
</div>
|
|
815
829
|
`;
|
|
816
830
|
}
|
|
817
831
|
renderTextArea(e, t) {
|
|
818
|
-
|
|
832
|
+
const s = this.effectivePreFilledValue(e), r = this.effectiveDefaultValue(e);
|
|
833
|
+
return $`
|
|
819
834
|
<md-outlined-text-field
|
|
820
835
|
.name="column-${t}"
|
|
821
836
|
.label="${e.label ?? ""}"
|
|
822
837
|
type="textarea"
|
|
823
|
-
.value="${
|
|
824
|
-
.placeholder="${
|
|
838
|
+
.value="${s ?? ""}"
|
|
839
|
+
.placeholder="${r ?? ""}"
|
|
825
840
|
rows="3"
|
|
826
|
-
?required=${e.required && !
|
|
841
|
+
?required=${e.required && !r && !s}
|
|
827
842
|
supporting-text=${e.description ?? ""}
|
|
828
843
|
></md-outlined-text-field>
|
|
829
844
|
`;
|
|
830
845
|
}
|
|
831
846
|
renderDropdown(e, t) {
|
|
832
|
-
return
|
|
847
|
+
return $`
|
|
833
848
|
<label class="label">
|
|
834
849
|
${e.label}
|
|
835
850
|
<md-outlined-select
|
|
@@ -838,10 +853,10 @@ let b = class extends T {
|
|
|
838
853
|
supporting-text=${e.description ?? ""}
|
|
839
854
|
?required=${e.required && !e.defaultValue && !e.preFilledValue}
|
|
840
855
|
>
|
|
841
|
-
${
|
|
856
|
+
${ut(
|
|
842
857
|
e.values ?? [],
|
|
843
858
|
(s) => s.value,
|
|
844
|
-
(s) =>
|
|
859
|
+
(s) => $`
|
|
845
860
|
<md-select-option .value="${s.value ?? ""}">
|
|
846
861
|
${s.displayLabel}
|
|
847
862
|
</md-select-option>
|
|
@@ -852,7 +867,7 @@ let b = class extends T {
|
|
|
852
867
|
`;
|
|
853
868
|
}
|
|
854
869
|
renderDateTimeField(e, t) {
|
|
855
|
-
return
|
|
870
|
+
return $`
|
|
856
871
|
<md-outlined-text-field
|
|
857
872
|
.name="column-${t}"
|
|
858
873
|
style="width: 200px;"
|
|
@@ -887,7 +902,7 @@ let b = class extends T {
|
|
|
887
902
|
}
|
|
888
903
|
render() {
|
|
889
904
|
const e = this.themeTitleColor, t = this.themeBgColor, s = t?.startsWith("rgba") ? t.replace(/rgba\(([^)]+),\s*[\d.]+\)/, "rgb($1)") : t?.startsWith("#") && t.length === 9 ? t.substring(0, 7) : t?.startsWith("#") && t.length === 5 ? t.substring(0, 4) : t;
|
|
890
|
-
return
|
|
905
|
+
return $`
|
|
891
906
|
<style>
|
|
892
907
|
:host {
|
|
893
908
|
--md-sys-color-on-surface: ${e};
|
|
@@ -905,7 +920,7 @@ let b = class extends T {
|
|
|
905
920
|
}
|
|
906
921
|
</style>
|
|
907
922
|
<div class="header">
|
|
908
|
-
${this.inputData?.formButton ?
|
|
923
|
+
${this.inputData?.formButton ? $`
|
|
909
924
|
<md-fab
|
|
910
925
|
aria-label="Add"
|
|
911
926
|
.size=${this.inputData.formButtonStyle?.size || "medium"}
|
|
@@ -915,7 +930,7 @@ let b = class extends T {
|
|
|
915
930
|
<md-icon slot="icon">add</md-icon>
|
|
916
931
|
</md-fab>
|
|
917
932
|
` : p}
|
|
918
|
-
${this.inputData?.formButton ? p :
|
|
933
|
+
${this.inputData?.formButton ? p : $`
|
|
919
934
|
<header>
|
|
920
935
|
<h3 class="paging" ?active=${this.inputData?.title}>
|
|
921
936
|
${this.inputData?.title}
|
|
@@ -926,7 +941,7 @@ let b = class extends T {
|
|
|
926
941
|
</header>
|
|
927
942
|
`}
|
|
928
943
|
</div>
|
|
929
|
-
${this.inputData?.formButton ?
|
|
944
|
+
${this.inputData?.formButton ? $`
|
|
930
945
|
<md-dialog
|
|
931
946
|
aria-label="${this.inputData?.title ?? "Data Entry"}"
|
|
932
947
|
class="form"
|
|
@@ -943,7 +958,7 @@ let b = class extends T {
|
|
|
943
958
|
<div slot="headline">${this.inputData?.title ?? "Data Entry"}</div>
|
|
944
959
|
${this.renderForm()}
|
|
945
960
|
<div slot="actions">
|
|
946
|
-
${this.inputData?.deleteButton ?
|
|
961
|
+
${this.inputData?.deleteButton ? $`<md-filled-button
|
|
947
962
|
class="delete-btn"
|
|
948
963
|
form="form"
|
|
949
964
|
value="delete"
|
|
@@ -957,11 +972,11 @@ let b = class extends T {
|
|
|
957
972
|
>
|
|
958
973
|
</div>
|
|
959
974
|
</md-dialog>
|
|
960
|
-
` :
|
|
975
|
+
` : $`
|
|
961
976
|
<div class="wrapper">
|
|
962
977
|
${this.renderForm()}
|
|
963
978
|
<div class="form-actions">
|
|
964
|
-
${this.inputData?.deleteButton ?
|
|
979
|
+
${this.inputData?.deleteButton ? $`<md-filled-button
|
|
965
980
|
class="delete-btn"
|
|
966
981
|
form="form"
|
|
967
982
|
value="delete"
|
|
@@ -980,7 +995,7 @@ let b = class extends T {
|
|
|
980
995
|
renderForm() {
|
|
981
996
|
return Zt(
|
|
982
997
|
this.formKey,
|
|
983
|
-
|
|
998
|
+
$`
|
|
984
999
|
<form
|
|
985
1000
|
id="form"
|
|
986
1001
|
slot="content"
|
|
@@ -988,7 +1003,7 @@ let b = class extends T {
|
|
|
988
1003
|
class="form-content"
|
|
989
1004
|
@submit=${this.handleFormSubmit}
|
|
990
1005
|
>
|
|
991
|
-
${
|
|
1006
|
+
${ut(
|
|
992
1007
|
this.inputData?.formFields ?? [],
|
|
993
1008
|
(e, t) => t,
|
|
994
1009
|
(e, t) => {
|
|
@@ -1187,7 +1202,7 @@ _([
|
|
|
1187
1202
|
q()
|
|
1188
1203
|
], b.prototype, "formKey", 2);
|
|
1189
1204
|
b = _([
|
|
1190
|
-
Jt("widget-form-1.0.
|
|
1205
|
+
Jt("widget-form-1.0.26")
|
|
1191
1206
|
], b);
|
|
1192
1207
|
export {
|
|
1193
1208
|
b as WidgetForm
|