dynamic-html-helpers 1.6.0 → 1.6.1
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.
|
@@ -287,11 +287,11 @@ var HTMLHelpers = (() => {
|
|
|
287
287
|
function $t(t) {
|
|
288
288
|
return t?.constructor === Comment ? t?.textContent : String(t);
|
|
289
289
|
}
|
|
290
|
-
function
|
|
290
|
+
function be(t) {
|
|
291
291
|
return /comment/i.test(t);
|
|
292
292
|
}
|
|
293
293
|
function je(t, e) {
|
|
294
|
-
return !
|
|
294
|
+
return !be(e) && Q(t, String) && /<.*>|&[#|0-9a-z]+[^;];/i.test(t);
|
|
295
295
|
}
|
|
296
296
|
function Ot(t) {
|
|
297
297
|
return t = t.toLowerCase(), typeof t == "string" && t.length > 0 && /^[a-z]/.test(t) && /^[a-z0-9-]+$/gi.test(t);
|
|
@@ -350,7 +350,7 @@ var HTMLHelpers = (() => {
|
|
|
350
350
|
return r?.forEach((o) => Ht(n, o, t)), n;
|
|
351
351
|
}
|
|
352
352
|
function Pt(t, e) {
|
|
353
|
-
switch (t =
|
|
353
|
+
switch (t = be(e) ? $t(t) : t?.isJQx ? t.node : t, true) {
|
|
354
354
|
case Q(t, String):
|
|
355
355
|
return K(e, je(t, e) ? { html: t } : { text: t });
|
|
356
356
|
case t instanceof Node:
|
|
@@ -369,7 +369,7 @@ var HTMLHelpers = (() => {
|
|
|
369
369
|
}
|
|
370
370
|
function K(t, e) {
|
|
371
371
|
e = e || {};
|
|
372
|
-
let { assignable: r, specials: n } = Ft(e), o = Object.assign(
|
|
372
|
+
let { assignable: r, specials: n } = Ft(e), o = Object.assign(be(t) ? new Comment() : document.createElement(t), r);
|
|
373
373
|
return Dt(n, o), o;
|
|
374
374
|
}
|
|
375
375
|
function Ie(t) {
|
|
@@ -398,7 +398,7 @@ var HTMLHelpers = (() => {
|
|
|
398
398
|
}
|
|
399
399
|
function y(m) {
|
|
400
400
|
let u = m.trim().split(/{/, 2), l = u.shift().trim();
|
|
401
|
-
if (!c(l, String) || !l?.trim()?.length) return console.error(`StylingFactory ${p2} (doParse): no (valid) selector could be extracted from rule ${
|
|
401
|
+
if (!c(l, String) || !l?.trim()?.length) return console.error(`StylingFactory ${p2} (doParse): no (valid) selector could be extracted from rule ${he(m)}`);
|
|
402
402
|
let s = Ut(u.shift());
|
|
403
403
|
return ze(() => f3(l, s), `StylingFactory ${p2} (setRules) failed`);
|
|
404
404
|
}
|
|
@@ -447,7 +447,7 @@ var HTMLHelpers = (() => {
|
|
|
447
447
|
} catch (u) {
|
|
448
448
|
return console.error(`StylingFactory ${n} (tryParse) ${u.name} Error:
|
|
449
449
|
${u.message}
|
|
450
|
-
Rule: ${
|
|
450
|
+
Rule: ${he(g2)}
|
|
451
451
|
${r}`), m;
|
|
452
452
|
}
|
|
453
453
|
}
|
|
@@ -457,7 +457,7 @@ ${r}`), m;
|
|
|
457
457
|
} catch (u) {
|
|
458
458
|
return console.error(`StylingFactory ${n} (tryAddOrModify) ${u.name} Error:
|
|
459
459
|
${u.message}
|
|
460
|
-
Rule: ${
|
|
460
|
+
Rule: ${he(S2)}
|
|
461
461
|
${r}`), m;
|
|
462
462
|
}
|
|
463
463
|
}
|
|
@@ -466,7 +466,7 @@ ${r}`), m;
|
|
|
466
466
|
function Jt(t, e) {
|
|
467
467
|
return `${t.trim()} ${Object.entries(e).map(([r, n]) => `${r}: { ${Qt(n)}`)}`;
|
|
468
468
|
}
|
|
469
|
-
function
|
|
469
|
+
function he(t) {
|
|
470
470
|
let e = (t || "NO RULE").trim().slice(0, 50).replace(/\n/g, "\\n").replace(/\s{2,}/g, " ");
|
|
471
471
|
return t.length > e.length ? `${e.trim()}...truncated` : e;
|
|
472
472
|
}
|
|
@@ -509,10 +509,10 @@ ${r}`), m;
|
|
|
509
509
|
function We(t, e) {
|
|
510
510
|
return t?.replace("::", ":") === e?.replace("::", ":");
|
|
511
511
|
}
|
|
512
|
-
var
|
|
513
|
-
var Vt = { on: () =>
|
|
512
|
+
var Se = false;
|
|
513
|
+
var Vt = { on: () => Se = true, off: () => Se = false };
|
|
514
514
|
var N = { tagsRaw: k, allowUnknownHtmlTags: Vt, isAllowed(t) {
|
|
515
|
-
if (
|
|
515
|
+
if (Se) return true;
|
|
516
516
|
let e = c(t, String) ? t.toLowerCase() : t?.nodeName.toLowerCase() || "none";
|
|
517
517
|
return e === "#text" || !!k[e];
|
|
518
518
|
}, allowTag: (t) => k[t.toLowerCase()] = true, prohibitTag: (t) => k[t.toLowerCase()] = false };
|
|
@@ -668,7 +668,7 @@ ${r}`), m;
|
|
|
668
668
|
function E2(f3) {
|
|
669
669
|
let { type: y, handler: g2, name: S2, capture: m, once: u, selector: l, node: s, about: d } = f3;
|
|
670
670
|
e[y] = e[y] || {};
|
|
671
|
-
let b =
|
|
671
|
+
let b = xe(S2 || g2.name), x2 = g2;
|
|
672
672
|
if (s instanceof HTMLElement) {
|
|
673
673
|
let w = s.dataset.hid || b;
|
|
674
674
|
s.dataset.hid = w, l = `[data-hid=${w}]`;
|
|
@@ -697,19 +697,19 @@ ${r}`), m;
|
|
|
697
697
|
return t[String(e).toLowerCase()] ?? t[e];
|
|
698
698
|
} }));
|
|
699
699
|
var er = [...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}`));
|
|
700
|
-
var
|
|
700
|
+
var we = Object.freeze({ get(t, e) {
|
|
701
701
|
return t[V(e)] || t[e];
|
|
702
702
|
}, enumerable: false, configurable: false });
|
|
703
703
|
var oe = {};
|
|
704
|
-
function
|
|
704
|
+
function ve() {
|
|
705
705
|
let t = setTimeout(() => {
|
|
706
706
|
});
|
|
707
707
|
for (; t >= 0; ) clearTimeout(t--);
|
|
708
708
|
}
|
|
709
|
-
function
|
|
709
|
+
function xe(t) {
|
|
710
710
|
return A(t) && !/^handler|handlers$/gi.test(t.trim()) ? t.trim() : Ue();
|
|
711
711
|
}
|
|
712
|
-
function
|
|
712
|
+
function Le(t) {
|
|
713
713
|
if (true === (!!t.node && !c(t, Text, Comment))) {
|
|
714
714
|
let r = t.node.dataset ? Object.keys(t.node.dataset).map((i) => `[data-${i}]`) : [], o = [t.attr("id") && `#${t?.attr("id")}` || void 0, t.attr("class") && t?.attr("class").split(" ").map((i) => `.${i}`).join(", ") || void 0, r.length > 0 && r.join(", ") || void 0].filter((i) => !!i).join(", ") || [];
|
|
715
715
|
return o.length ? `(${o})` : "";
|
|
@@ -746,7 +746,7 @@ ${r}`), m;
|
|
|
746
746
|
return e.append(t), e.innerHTML;
|
|
747
747
|
} else return t;
|
|
748
748
|
}
|
|
749
|
-
function
|
|
749
|
+
function Ee(t) {
|
|
750
750
|
return c(t, String) && Object.assign(document.createElement("textarea"), { innerHTML: t }).textContent || t;
|
|
751
751
|
}
|
|
752
752
|
function tr() {
|
|
@@ -768,15 +768,15 @@ ${r}`), m;
|
|
|
768
768
|
e = false;
|
|
769
769
|
}
|
|
770
770
|
function a(...E2) {
|
|
771
|
-
return r.unshift(...E2.map((f3) => `${se()} \u2A3B ${
|
|
771
|
+
return r.unshift(...E2.map((f3) => `${se()} \u2A3B ${Ee(f3)}`)), console.error(r.slice(0, E2.length).join(`
|
|
772
772
|
`)), n;
|
|
773
773
|
}
|
|
774
774
|
function h2(...E2) {
|
|
775
|
-
return r.unshift(...E2.map((f3) => `${se()} \u26A0 ${
|
|
775
|
+
return r.unshift(...E2.map((f3) => `${se()} \u26A0 ${Ee(f3)}`)), console.warn(r.slice(0, E2.length).join(`
|
|
776
776
|
`)), n;
|
|
777
777
|
}
|
|
778
778
|
function p2(...E2) {
|
|
779
|
-
let f3 = E2.map((y) => `${se()} \u2714 ${
|
|
779
|
+
let f3 = E2.map((y) => `${se()} \u2714 ${Ee(y)}`);
|
|
780
780
|
switch (!e && r.unshift(...f3), t) {
|
|
781
781
|
case true:
|
|
782
782
|
console.log(f3.join(`
|
|
@@ -790,7 +790,7 @@ ${r}`), m;
|
|
|
790
790
|
function se() {
|
|
791
791
|
return ((t) => `[${ie(t.getHours())}:${ie(t.getMinutes())}:${ie(t.getSeconds())}.${ie(t.getMilliseconds(), 3)}]`)(/* @__PURE__ */ new Date());
|
|
792
792
|
}
|
|
793
|
-
function
|
|
793
|
+
function Ae(t, e) {
|
|
794
794
|
if (t) for (let [r, n] of Object.entries(e)) {
|
|
795
795
|
if (r = $(r), r.startsWith("data")) return le(t, n);
|
|
796
796
|
c(n, String) && ae(r) && t.setAttribute(r, n.split(/[, ]/)?.join(" "));
|
|
@@ -832,7 +832,7 @@ ${r}`), m;
|
|
|
832
832
|
return t?.isConnected ? !![...document.querySelectorAll(":is(:read-write)")].find((e) => e === t) : false;
|
|
833
833
|
}
|
|
834
834
|
function Ye(t) {
|
|
835
|
-
return t?.filter((e) => e).reduce((e, r) => e.concat(
|
|
835
|
+
return t?.filter((e) => e).reduce((e, r) => e.concat($e(r) ? `<!--${r.data}-->` : de(r) ? r.textContent : r.outerHTML), "");
|
|
836
836
|
}
|
|
837
837
|
function ie(t, e = 2) {
|
|
838
838
|
return `${t}`.padStart(e, "0");
|
|
@@ -843,13 +843,13 @@ ${r}`), m;
|
|
|
843
843
|
function fe() {
|
|
844
844
|
return `_${rr(er).slice(0, 8).join("")}`;
|
|
845
845
|
}
|
|
846
|
-
function
|
|
846
|
+
function Fe(t) {
|
|
847
847
|
return t = c(t, String) && /,/.test(t) ? t.split(",").map((e) => e.trim().toLowerCase()).filter((e) => e.length > 0) : t, c(t, Array) ? t : c(t, String) && t?.trim().toLowerCase() || "";
|
|
848
848
|
}
|
|
849
849
|
function Xe(t) {
|
|
850
850
|
return t?.isConnected ? !![...document.querySelectorAll(":is(:modal)")].find((e) => e === t) : false;
|
|
851
851
|
}
|
|
852
|
-
function
|
|
852
|
+
function Te(t, e) {
|
|
853
853
|
switch (t = String(t).trim(), true) {
|
|
854
854
|
case /^(0|false|f)$/i.test(t):
|
|
855
855
|
return false;
|
|
@@ -879,7 +879,7 @@ ${r}`), m;
|
|
|
879
879
|
function de(t) {
|
|
880
880
|
return c(t, Comment, Text);
|
|
881
881
|
}
|
|
882
|
-
function
|
|
882
|
+
function $e(t) {
|
|
883
883
|
c(t, Comment);
|
|
884
884
|
}
|
|
885
885
|
function Ze(t) {
|
|
@@ -902,7 +902,7 @@ ${r}`), m;
|
|
|
902
902
|
function Ke(t) {
|
|
903
903
|
return t.node ? c(t.node, Comment) ? `<!--${t.node.textContent}-->` : t.HTML.get(1).split(">")[0] + ">..." : "";
|
|
904
904
|
}
|
|
905
|
-
function
|
|
905
|
+
function Oe(t, e, r) {
|
|
906
906
|
let n = e !== document.body && c(t, String) && t.toLowerCase() !== "body" ? e : document;
|
|
907
907
|
if (!(!c(t, String) || t.trim().length < 1)) try {
|
|
908
908
|
r.collection = [...n.querySelectorAll(t)];
|
|
@@ -911,7 +911,7 @@ ${r}`), m;
|
|
|
911
911
|
}
|
|
912
912
|
}
|
|
913
913
|
function qe() {
|
|
914
|
-
return { isCommentOrTextNode: de, isNode: H, isComment:
|
|
914
|
+
return { isCommentOrTextNode: de, isNode: H, isComment: $e, isText: Ze, isHtmlString: _, isArrayOfHtmlElements: Y, isArrayOfHtmlStrings: me, ElemArray2HtmlString: Ye, input2Collection: ue, setCollectionFromCssSelector: Oe, cssRuleEdit: W({ createWithId: "JQxStylesheet" }) };
|
|
915
915
|
}
|
|
916
916
|
function et() {
|
|
917
917
|
let e = Object.freeze({ notInDOM: "n/a", writable: "n/a", modal: "n/a", empty: true, open: "n/a", visible: "n/a" });
|
|
@@ -948,7 +948,7 @@ ${r}`), m;
|
|
|
948
948
|
function ir(t) {
|
|
949
949
|
return { data(e) {
|
|
950
950
|
return { get all() {
|
|
951
|
-
return new Proxy(e[0]?.dataset ?? {},
|
|
951
|
+
return new Proxy(e[0]?.dataset ?? {}, we);
|
|
952
952
|
}, set(r = {}) {
|
|
953
953
|
if (!e.is.empty && c(r, Object)) for (let [n, o] of Object.entries(r)) e.setData({ [n]: o });
|
|
954
954
|
return e;
|
|
@@ -1034,7 +1034,7 @@ ${r}`), m;
|
|
|
1034
1034
|
}, appendTo(e, r) {
|
|
1035
1035
|
return r = typeof r == "string" ? t(r) : r, true === (!r?.isJQx && !c(r, HTMLElement) || r?.collection?.length < 1) ? (t.warn("[JQx instance].appendTo: invalid input"), e) : ((r.isJQx ? r : t(r)).append(e), e);
|
|
1036
1036
|
}, attr(e, r, n) {
|
|
1037
|
-
return !e.node || c(e.node, Text, Comment) ? e : !n && A(r) ? (r = $(r), r === "class" ? [...e.node.classList].join(" ") : e.node.getAttribute(r)) : (A(r) && n && (r = $(r), true === r.startsWith("data-") ? r = { data: { [r.replace("data-", "")]: n } } : r = { [r]: n }), c(r, Object) && !e.is.empty &&
|
|
1037
|
+
return !e.node || c(e.node, Text, Comment) ? e : !n && A(r) ? (r = $(r), r === "class" ? [...e.node.classList].join(" ") : e.node.getAttribute(r)) : (A(r) && n && (r = $(r), true === r.startsWith("data-") ? r = { data: { [r.replace("data-", "")]: n } } : r = { [r]: n }), c(r, Object) && !e.is.empty && Ae(e.node, r), e);
|
|
1038
1038
|
}, before(e, ...r) {
|
|
1039
1039
|
return j(e, t, false, ...r);
|
|
1040
1040
|
}, beforeMe(e, ...r) {
|
|
@@ -1205,14 +1205,14 @@ ${r}`), m;
|
|
|
1205
1205
|
}
|
|
1206
1206
|
} };
|
|
1207
1207
|
}
|
|
1208
|
-
var Oe;
|
|
1209
1208
|
var ge;
|
|
1209
|
+
var pe;
|
|
1210
1210
|
var { isComment: un, isText: fn, isHtmlString: dn, isArrayOfHtmlElements: mn, isArrayOfHtmlStrings: gn, ElemArray2HtmlString: pn, cssRuleEdit: Ce, addFn: ar } = cr();
|
|
1211
1211
|
function cr() {
|
|
1212
1212
|
return { ...qe(), addFn: lr };
|
|
1213
1213
|
}
|
|
1214
|
-
function lr(t, e) {
|
|
1215
|
-
return t = t?.trim(), !A(t) || !c(e, Function) ? L.error("JQx.fn: method invalid parameter(s)") : (ge[t] = (
|
|
1214
|
+
function lr(t, e, r) {
|
|
1215
|
+
return t = t?.trim(), !A(t) || !c(e, Function) ? L.error("JQx.fn: method invalid parameter(s)") : (!!r === true ? ge[t] = (n) => e(n) : pe[t] = (n, ...o) => e(n, ...o), L.log(`JQx: added instance extension ${r ? "getter" : "function"} [${t}]`));
|
|
1216
1216
|
}
|
|
1217
1217
|
function ur(t) {
|
|
1218
1218
|
return function(e, r, n) {
|
|
@@ -1227,14 +1227,14 @@ ${r}`), m;
|
|
|
1227
1227
|
} catch {
|
|
1228
1228
|
return t.warn(`JQx.staticFn: extension [${e}] already exists`);
|
|
1229
1229
|
}
|
|
1230
|
-
return L.log(`JQx: added static extension function [${e}]`);
|
|
1230
|
+
return L.log(`JQx: added static extension ${n ? "getter" : "function"} [${e}]`);
|
|
1231
1231
|
};
|
|
1232
1232
|
}
|
|
1233
|
-
function
|
|
1233
|
+
function ye(t) {
|
|
1234
1234
|
return new Proxy(t, { get: (e, r) => dr(e, r, t) });
|
|
1235
1235
|
}
|
|
1236
1236
|
function nt(t, e, r = false) {
|
|
1237
|
-
e = e[Symbol.proxy] ? e :
|
|
1237
|
+
e = e[Symbol.proxy] ? e : ye(e);
|
|
1238
1238
|
let n = function(...o) {
|
|
1239
1239
|
return t(e, ...o);
|
|
1240
1240
|
};
|
|
@@ -1251,10 +1251,10 @@ ${r}`), m;
|
|
|
1251
1251
|
return R({ trial: () => t[e], whenError: () => t });
|
|
1252
1252
|
case (!Number.isNaN(+e) && typeof +e == "number"):
|
|
1253
1253
|
return t.collection?.[e] || void 0;
|
|
1254
|
-
case Oe.hasOwnProperty(e):
|
|
1255
|
-
return nt(Oe[e], r, true);
|
|
1256
1254
|
case ge.hasOwnProperty(e):
|
|
1257
|
-
return nt(ge[e], r);
|
|
1255
|
+
return nt(ge[e], r, true);
|
|
1256
|
+
case pe.hasOwnProperty(e):
|
|
1257
|
+
return nt(pe[e], r);
|
|
1258
1258
|
default:
|
|
1259
1259
|
return Reflect.get(t, e);
|
|
1260
1260
|
}
|
|
@@ -1298,7 +1298,7 @@ ${r}`), m;
|
|
|
1298
1298
|
function yr(t, e, r, n) {
|
|
1299
1299
|
return t = $(n || t.toLowerCase()), { get() {
|
|
1300
1300
|
return (...o) => {
|
|
1301
|
-
let i = e && r.virtual(D(z[t](...o))) || void 0, h2 = !c(i?.node, Comment, Text, void 0) ?
|
|
1301
|
+
let i = e && r.virtual(D(z[t](...o))) || void 0, h2 = !c(i?.node, Comment, Text, void 0) ? Le(i) : "";
|
|
1302
1302
|
return L.log(e ? `JQx: created (virtual) instance from [JQx].${t} ${h2}` : `JQx: ${t.toUpperCase()} is prohibited. Use [JQx].allowTag if necessary.`), i;
|
|
1303
1303
|
};
|
|
1304
1304
|
}, enumerable: false, configurable: true };
|
|
@@ -1325,7 +1325,7 @@ ${r}`), m;
|
|
|
1325
1325
|
return function(e) {
|
|
1326
1326
|
let { type: r, types: n, origin: o, selector: i, handler: a, handlers: h2, node: p2, name: E2, capture: f3, once: y, about: g2 } = e;
|
|
1327
1327
|
a = h2 || a, r = n || r, i = o || i;
|
|
1328
|
-
let S2 =
|
|
1328
|
+
let S2 = Fe(r), m = E2;
|
|
1329
1329
|
a = c(a, Function) ? [a] : a;
|
|
1330
1330
|
let u = { type: S2, selector: i || o, capture: f3, name: m, once: y, node: p2, about: g2 };
|
|
1331
1331
|
switch (true) {
|
|
@@ -1358,7 +1358,7 @@ ${r}`), m;
|
|
|
1358
1358
|
}
|
|
1359
1359
|
function Lr(t) {
|
|
1360
1360
|
let { factoryExtensions: e, instanceExtensions: r } = rt(t);
|
|
1361
|
-
|
|
1361
|
+
ge = e, pe = r;
|
|
1362
1362
|
let { editCssRule: n, createStyle: o, editCssRules: i, allowProhibit: a, handle: h2, capturedHandling: p2, log: E2, warn: f3, error: y, handlerWrapper: g2 } = vr(t), S2 = Er(t), m = ur(t);
|
|
1363
1363
|
return z.setError = (u) => (y(`JQx direct element creation error: [${u}] is not a valid tag`), t.br()), { log: E2, warn: f3, error: y, editCssRules: i, createStyle: o, editStylesheet: o, editCssRule: n, escHtml: M, logger: L, proxyWrapper: G, text(u, l = false) {
|
|
1364
1364
|
return l ? t.comment(u) : document.createTextNode(u);
|
|
@@ -1366,12 +1366,12 @@ ${r}`), m;
|
|
|
1366
1366
|
return l.querySelector(u, l);
|
|
1367
1367
|
}, nodes(u, l = document) {
|
|
1368
1368
|
return [...l.querySelectorAll(u, l)];
|
|
1369
|
-
}, clearAllTimers:
|
|
1369
|
+
}, clearAllTimers: ve, get staticFn() {
|
|
1370
1370
|
return function(u, l, s) {
|
|
1371
1371
|
return m(u, l, s);
|
|
1372
1372
|
};
|
|
1373
1373
|
}, get toBool() {
|
|
1374
|
-
return
|
|
1374
|
+
return Te;
|
|
1375
1375
|
}, get getNamedListener() {
|
|
1376
1376
|
return S2;
|
|
1377
1377
|
}, get virtual() {
|
|
@@ -1425,15 +1425,15 @@ ${r}`), m;
|
|
|
1425
1425
|
let f3 = p2.collection.filter((m) => m?.dataset?.jqxcreationerror);
|
|
1426
1426
|
p2.collection = p2.collection.filter((m) => !m?.dataset?.jqxcreationerror);
|
|
1427
1427
|
let g2 = p2.collection.map((m) => `${String(m.constructor).split(/function|\(/)[1].trim()}`).length > 1;
|
|
1428
|
-
p2 =
|
|
1428
|
+
p2 = ye(p2);
|
|
1429
1429
|
let S2 = p2.collection.length > 0 ? Ke(p2) : "sanitized: no elements remaining";
|
|
1430
1430
|
L.log(`JQx: created ${p2.isVirtual ? "(virtual)" : ""} instance from ${g2 ? "array of " : ""}HTML string${g2 ? "s" : ""} ${S2}`), p2.isVirtual || I(p2.collection, r, n);
|
|
1431
1431
|
}
|
|
1432
1432
|
break;
|
|
1433
1433
|
default:
|
|
1434
|
-
|
|
1434
|
+
Oe(e, r, p2);
|
|
1435
1435
|
}
|
|
1436
|
-
return
|
|
1436
|
+
return ye(p2);
|
|
1437
1437
|
});
|
|
1438
1438
|
}
|
|
1439
1439
|
var En = at;
|