dynamic-html-helpers 1.5.4 → 1.5.5
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.
|
@@ -30,7 +30,7 @@ var HTMLHelpers = (() => {
|
|
|
30
30
|
});
|
|
31
31
|
|
|
32
32
|
// ../Resource/Externals/jqx.min.js
|
|
33
|
-
var { IS: l, isOnly: Lr, maybe: O, $Wrap: Fr, isNothing: ut, addSymbolicExtensions: Ne, detectableProxy:
|
|
33
|
+
var { IS: l, isOnly: Lr, maybe: O, $Wrap: Fr, isNothing: ut, addSymbolicExtensions: Ne, detectableProxy: _ } = ct({ useSymbolicExtensions: false });
|
|
34
34
|
function ct(t = {}) {
|
|
35
35
|
let { useSymbolicExtensions: e } = t, r = mt(), { shouldbeIsSingleObject: n, ISOneOf: o, isExcept: i, verifyNothingness: a, determineType: b, addSymbolicExtensions: p3, maybe: x2, $Wrap: d, detectableProxy: y } = ft(m, e);
|
|
36
36
|
return e && p3(), { IS: m, isOnly: S2, maybe: x2, $Wrap: d, isNothing: a, addSymbolicExtensions: p3, detectableProxy: y };
|
|
@@ -226,15 +226,15 @@ var HTMLHelpers = (() => {
|
|
|
226
226
|
}
|
|
227
227
|
var Me = { html: "innerHTML", text: "textContent", class: "className" };
|
|
228
228
|
var bt = Ot();
|
|
229
|
-
var
|
|
230
|
-
var
|
|
229
|
+
var Y = Object.create(null, {});
|
|
230
|
+
var G = Object.create(null, {});
|
|
231
231
|
var J = Pt();
|
|
232
232
|
var De = (t) => {
|
|
233
233
|
console.error(`tinyDOM error: "${t}" is not a valid HTML tag`);
|
|
234
234
|
};
|
|
235
|
-
var
|
|
235
|
+
var j = ht();
|
|
236
236
|
function ht() {
|
|
237
|
-
return Object.seal(new Proxy(
|
|
237
|
+
return Object.seal(new Proxy(Y, Ie()));
|
|
238
238
|
}
|
|
239
239
|
function Ie() {
|
|
240
240
|
return { get(t, e) {
|
|
@@ -258,7 +258,7 @@ var HTMLHelpers = (() => {
|
|
|
258
258
|
} }), Pe(i, t);
|
|
259
259
|
if (t.includes("-")) {
|
|
260
260
|
let [a, b] = t.includes("-") ? [t, Mt(t)] : [Ht(t), t];
|
|
261
|
-
|
|
261
|
+
G[a] = a, G[b] = a, r = b;
|
|
262
262
|
}
|
|
263
263
|
return r && Object.defineProperty(i, r, { get() {
|
|
264
264
|
return Re(t);
|
|
@@ -267,10 +267,10 @@ var HTMLHelpers = (() => {
|
|
|
267
267
|
} }), Pe(i, t);
|
|
268
268
|
}
|
|
269
269
|
function Pe(t, e) {
|
|
270
|
-
return
|
|
270
|
+
return Y = Object.seal(new Proxy(t, Ie())), Y[e];
|
|
271
271
|
}
|
|
272
272
|
function St() {
|
|
273
|
-
return Object.fromEntries(Object.entries(Object.getOwnPropertyDescriptors(
|
|
273
|
+
return Object.fromEntries(Object.entries(Object.getOwnPropertyDescriptors(Y)));
|
|
274
274
|
}
|
|
275
275
|
function xt(t, e, r) {
|
|
276
276
|
return e = e?.isJQx && e.node || (J(e, Number) ? String(e) : e), bt({ trial: (n) => Je(e) ? t.insertAdjacentHTML("beforeend", e) : t.append(e), whenError: (n) => console.info(`${r} not created, reason
|
|
@@ -326,13 +326,13 @@ var HTMLHelpers = (() => {
|
|
|
326
326
|
return /comment/i.test(t);
|
|
327
327
|
}
|
|
328
328
|
function Tt(t) {
|
|
329
|
-
return Ct(t) && (t in
|
|
329
|
+
return Ct(t) && (t in G || !J(X(t), HTMLUnknownElement));
|
|
330
330
|
}
|
|
331
331
|
function Ct(t) {
|
|
332
332
|
return t = t.toLowerCase(), typeof t == "string" && t.length > 0 && /^[a-z]/.test(t) && /^[a-z0-9-]+$/gi.test(t);
|
|
333
333
|
}
|
|
334
334
|
function Re(t) {
|
|
335
|
-
return t =
|
|
335
|
+
return t = G[t] ?? t, (e, ...r) => Et(t, e, ...r);
|
|
336
336
|
}
|
|
337
337
|
function Nt([t, ...e]) {
|
|
338
338
|
return `${t.toUpperCase()}${e.join("")}`;
|
|
@@ -369,7 +369,7 @@ var HTMLHelpers = (() => {
|
|
|
369
369
|
return n(i, a?.[0]);
|
|
370
370
|
};
|
|
371
371
|
}
|
|
372
|
-
var
|
|
372
|
+
var k = Rt;
|
|
373
373
|
function Rt({ styleSheet: t, createWithId: e } = {}) {
|
|
374
374
|
let { tryParseAtOrNestedRules: r, ruleExists: n, checkParams: o, sheet: i, removeRules: a, consider: b, currentSheetID: p3 } = Dt({ styleSheet: t, createWithId: e });
|
|
375
375
|
function x2(f2, c) {
|
|
@@ -702,7 +702,7 @@ ${r}`), f2;
|
|
|
702
702
|
} }));
|
|
703
703
|
var Kt = [...Array(26)].map((t, e) => String.fromCharCode(e + 65)).concat([...Array(26)].map((t, e) => String.fromCharCode(e + 97))).concat([...Array(10)].map((t, e) => `${e}`));
|
|
704
704
|
var Se = Object.freeze({ get(t, e) {
|
|
705
|
-
return t[
|
|
705
|
+
return t[B(e)] || t[e];
|
|
706
706
|
}, enumerable: false, configurable: false });
|
|
707
707
|
var re = {};
|
|
708
708
|
function xe() {
|
|
@@ -736,8 +736,8 @@ ${r}`), f2;
|
|
|
736
736
|
function se(t) {
|
|
737
737
|
return t && (t.textContent = "");
|
|
738
738
|
}
|
|
739
|
-
function
|
|
740
|
-
return t = t?.parentElement, e += t ? t[r ? "scrollTop" : "scrollLeft"] : 0, t ?
|
|
739
|
+
function z(t, e = 0, r = true) {
|
|
740
|
+
return t = t?.parentElement, e += t ? t[r ? "scrollTop" : "scrollLeft"] : 0, t ? z(t, e, r) : e;
|
|
741
741
|
}
|
|
742
742
|
function L(t, e = 1) {
|
|
743
743
|
return e = l(e, Number) && e || 1, l(t, String) && t.length >= e;
|
|
@@ -811,7 +811,7 @@ ${r}`), f2;
|
|
|
811
811
|
if (t && l(e, Object)) for (let [r, n] of Object.entries(e)) t.setAttribute(`data-${$(r)}`, n);
|
|
812
812
|
}
|
|
813
813
|
function le(t) {
|
|
814
|
-
return t ? t.EL ? [t.EL] : l(t, NodeList) ? [...t] : N(t) ? [t] :
|
|
814
|
+
return t ? t.EL ? [t.EL] : l(t, NodeList) ? [...t] : N(t) ? [t] : V(t) ? t : t.isJQx ? t.collection : void 0 : [];
|
|
815
815
|
}
|
|
816
816
|
function D(t, e, r = true, ...n) {
|
|
817
817
|
if (t.is.empty) return v.log("[JQx instance].[before(Me) | after(Me) | andThen]: instance is empty."), t;
|
|
@@ -824,7 +824,7 @@ ${r}`), f2;
|
|
|
824
824
|
function N(t) {
|
|
825
825
|
return l(t, Text, HTMLElement, Comment);
|
|
826
826
|
}
|
|
827
|
-
function
|
|
827
|
+
function W(t, e) {
|
|
828
828
|
if (l(e, Object)) for (let [r, n] of Object.entries(e)) {
|
|
829
829
|
let o;
|
|
830
830
|
/!important/i.test(n) && (n = n.slice(0, n.indexOf("!")).trim(), o = "important"), t.style.setProperty($(r), n, o);
|
|
@@ -878,7 +878,7 @@ ${r}`), f2;
|
|
|
878
878
|
}
|
|
879
879
|
return t;
|
|
880
880
|
}
|
|
881
|
-
function
|
|
881
|
+
function B(t) {
|
|
882
882
|
return l(t, String) ? t.toLowerCase().split("-").map((e, r) => r && `${tr(e)}` || e).join("") : t;
|
|
883
883
|
}
|
|
884
884
|
function $(t) {
|
|
@@ -896,14 +896,14 @@ ${r}`), f2;
|
|
|
896
896
|
function Ge(t) {
|
|
897
897
|
return l(t, Text);
|
|
898
898
|
}
|
|
899
|
-
function
|
|
899
|
+
function U(t) {
|
|
900
900
|
return l(t, String) && /^<|>$/.test(`${t}`.trim());
|
|
901
901
|
}
|
|
902
|
-
function
|
|
902
|
+
function V(t) {
|
|
903
903
|
return l(t, Array) && !t?.find((e) => !N(e));
|
|
904
904
|
}
|
|
905
905
|
function fe(t) {
|
|
906
|
-
return l(t, Array) && !t?.find((e) => !
|
|
906
|
+
return l(t, Array) && !t?.find((e) => !U(e));
|
|
907
907
|
}
|
|
908
908
|
function E(t, e) {
|
|
909
909
|
let r = t.collection.filter((n) => !ce(n));
|
|
@@ -922,7 +922,7 @@ ${r}`), f2;
|
|
|
922
922
|
}
|
|
923
923
|
}
|
|
924
924
|
function Ze() {
|
|
925
|
-
return { isCommentOrTextNode: ce, isNode: N, isComment: Fe, isText: Ge, isHtmlString:
|
|
925
|
+
return { isCommentOrTextNode: ce, isNode: N, isComment: Fe, isText: Ge, isHtmlString: U, isArrayOfHtmlElements: V, isArrayOfHtmlStrings: fe, ElemArray2HtmlString: Ve, input2Collection: le, setCollectionFromCssSelector: Ae, cssRuleEdit: k({ createWithId: "JQxStylesheet" }) };
|
|
926
926
|
}
|
|
927
927
|
function Ke() {
|
|
928
928
|
let e = Object.freeze({ notInDOM: "n/a", writable: "n/a", modal: "n/a", empty: true, open: "n/a", visible: "n/a" });
|
|
@@ -974,7 +974,7 @@ ${r}`), f2;
|
|
|
974
974
|
}, dimensions(e) {
|
|
975
975
|
if (e.is.empty) return v.error("[JQx instance].dimensions called on empty instance"), { error: "[JQx instance].dimensions: NO ELEMENTS" };
|
|
976
976
|
let { node: r } = e, n = r.getBoundingClientRect().toJSON();
|
|
977
|
-
return n.scrollTopDistance =
|
|
977
|
+
return n.scrollTopDistance = z(r, 0), n.scrollLeftDistance = z(r, 0, false), n;
|
|
978
978
|
}, node(e) {
|
|
979
979
|
return e[0];
|
|
980
980
|
}, HTML(e) {
|
|
@@ -1106,7 +1106,7 @@ ${r}`), f2;
|
|
|
1106
1106
|
}, hasClass(e, ...r) {
|
|
1107
1107
|
return e.is.empty || !e.node.classList.length ? false : r.find((n) => e.node.classList.contains(n)) && true || false;
|
|
1108
1108
|
}, hide(e) {
|
|
1109
|
-
return E(e, (r) =>
|
|
1109
|
+
return E(e, (r) => W(r, { display: "none !important" }));
|
|
1110
1110
|
}, html(e, r, n) {
|
|
1111
1111
|
switch (true) {
|
|
1112
1112
|
case (e.is.empty && !L(r)):
|
|
@@ -1205,7 +1205,7 @@ ${r}`), f2;
|
|
|
1205
1205
|
}, setData(e, r) {
|
|
1206
1206
|
return E(e, (n) => ae(n, r));
|
|
1207
1207
|
}, show(e) {
|
|
1208
|
-
return E(e, (r) =>
|
|
1208
|
+
return E(e, (r) => W(r, { display: "revert-layer !important" }));
|
|
1209
1209
|
}, single(e, r) {
|
|
1210
1210
|
let n = e.collection.length > 0;
|
|
1211
1211
|
switch (r = r ?? 0, true) {
|
|
@@ -1220,7 +1220,7 @@ ${r}`), f2;
|
|
|
1220
1220
|
}
|
|
1221
1221
|
}, style(e, r, n) {
|
|
1222
1222
|
return E(e, (i) => {
|
|
1223
|
-
n && l(r, String) && (r = { [r]: n || "none" }),
|
|
1223
|
+
n && l(r, String) && (r = { [r]: n || "none" }), W(i, r);
|
|
1224
1224
|
});
|
|
1225
1225
|
}, text(e, r, n = false) {
|
|
1226
1226
|
switch (true) {
|
|
@@ -1298,9 +1298,9 @@ ${r}`), f2;
|
|
|
1298
1298
|
return O({ trial: () => t[e], whenError: () => t });
|
|
1299
1299
|
case (!Number.isNaN(+e) && typeof +e == "number"):
|
|
1300
1300
|
return t.collection?.[e] || void 0;
|
|
1301
|
-
case
|
|
1301
|
+
case $e.hasOwnProperty(e):
|
|
1302
1302
|
return tt($e[e], r, true);
|
|
1303
|
-
case e
|
|
1303
|
+
case de.hasOwnProperty(e):
|
|
1304
1304
|
return tt(de[e], r);
|
|
1305
1305
|
default:
|
|
1306
1306
|
return Reflect.get(t, e);
|
|
@@ -1314,7 +1314,7 @@ ${r}`), f2;
|
|
|
1314
1314
|
function fr(t) {
|
|
1315
1315
|
return { allow(e) {
|
|
1316
1316
|
let r = /-/.test(e), n = r && e;
|
|
1317
|
-
e = r ?
|
|
1317
|
+
e = r ? B(e) : e.toLowerCase(), C.allowTag(e), Object.defineProperties(t, Ce(e, true, t, n));
|
|
1318
1318
|
}, prohibit(e) {
|
|
1319
1319
|
e = e.toLowerCase(), C.prohibitTag(e), Object.defineProperties(t, Ce(e, false, t));
|
|
1320
1320
|
} };
|
|
@@ -1345,7 +1345,7 @@ ${r}`), f2;
|
|
|
1345
1345
|
function gr(t, e, r, n) {
|
|
1346
1346
|
return t = $(n || t.toLowerCase()), { get() {
|
|
1347
1347
|
return (...o) => {
|
|
1348
|
-
let i = e && r.virtual(P(
|
|
1348
|
+
let i = e && r.virtual(P(j[t](...o))) || void 0, b = !l(i?.node, Comment, Text, void 0) ? Ee(i) : "";
|
|
1349
1349
|
return v.log(e ? `JQx: created (virtual) instance from [JQx].${t} ${b}` : `JQx: ${t.toUpperCase()} is prohibited. Use [JQx].allowTag if necessary.`), i;
|
|
1350
1350
|
};
|
|
1351
1351
|
}, enumerable: false, configurable: true };
|
|
@@ -1353,7 +1353,7 @@ ${r}`), f2;
|
|
|
1353
1353
|
function Ce(t, e, r, n) {
|
|
1354
1354
|
t = t.toLowerCase();
|
|
1355
1355
|
let o = gr(t, e, r, n);
|
|
1356
|
-
return n ? { [n]: o, [
|
|
1356
|
+
return n ? { [n]: o, [B(n)]: o } : { [t]: o, [t.toUpperCase()]: o };
|
|
1357
1357
|
}
|
|
1358
1358
|
function pr(t) {
|
|
1359
1359
|
return mr(Object.entries(C.tagsRaw).reduce(yr(t), {}), wr(t));
|
|
@@ -1397,7 +1397,7 @@ ${r}`), f2;
|
|
|
1397
1397
|
}
|
|
1398
1398
|
function Er(t) {
|
|
1399
1399
|
let e = (d, y) => Te(d, y), r = function(d) {
|
|
1400
|
-
return
|
|
1400
|
+
return k({ createWithId: d || `jqx${ue()}` });
|
|
1401
1401
|
}, n = function(...d) {
|
|
1402
1402
|
for (let y of d) Te(y);
|
|
1403
1403
|
}, o = fr(t), i = te(t), a = hr(i);
|
|
@@ -1407,7 +1407,7 @@ ${r}`), f2;
|
|
|
1407
1407
|
let { factoryExtensions: e, instanceExtensions: r } = et(t);
|
|
1408
1408
|
$e = e, de = r;
|
|
1409
1409
|
let { editCssRule: n, createStyle: o, editCssRules: i, allowProhibit: a, handle: b, capturedHandling: p3, log: x2, warn: d, error: y, handlerWrapper: m } = Er(t), S2 = Sr(t), f2 = lr(t);
|
|
1410
|
-
return
|
|
1410
|
+
return j.setError = (c) => (y(`JQx direct element creation error: [${c}] is not a valid tag`), t.br()), { log: x2, warn: d, error: y, editCssRules: i, createStyle: o, editStylesheet: o, editCssRule: n, escHtml: H, logger: v, proxyWrapper: _, text(c, s = false) {
|
|
1411
1411
|
return s ? t.comment(c) : document.createTextNode(c);
|
|
1412
1412
|
}, node(c, s = document) {
|
|
1413
1413
|
return s.querySelector(c, s);
|
|
@@ -1461,7 +1461,7 @@ ${r}`), f2;
|
|
|
1461
1461
|
if (e?.isJQx) return e;
|
|
1462
1462
|
let o = l(r, HTMLBRElement);
|
|
1463
1463
|
r = (!o && r && r.isJQx ? r[0] : r) || document.body, n = n && Object.values(F).find((d) => n === d) ? n : void 0;
|
|
1464
|
-
let i =
|
|
1464
|
+
let i = U(e), b = !i && fe(e) || i, p3 = { collection: le(e) ?? [], isVirtual: o, isJQx: true }, x2 = V(p3.collection);
|
|
1465
1465
|
switch (true) {
|
|
1466
1466
|
case (p3.collection.length && x2 && !o):
|
|
1467
1467
|
for (let d of p3.collection) r.contains(d) || R([d], r, n);
|