mirror of
https://github.com/jaandrle/deka-dom-el
synced 2025-04-01 19:55:53 +02:00
⚡ Improves simulateSlots
This commit is contained in:
parent
2105776d2a
commit
c085f268e8
GPG Key ID:
B3A25AED155AFFAB
476
dist/dde-with-signals.js
vendored
476
dist/dde-with-signals.js
vendored
@ -1,7 +1,7 @@
|
||||
//deka-dom-el library is available via global namespace `dde`
|
||||
(()=> {
|
||||
// src/signals-common.js
|
||||
var k = {
|
||||
var N = {
|
||||
isSignal(t) {
|
||||
return !1;
|
||||
},
|
||||
@ -9,23 +9,23 @@ var k = {
|
||||
return n;
|
||||
}
|
||||
};
|
||||
function B(t, e = !0) {
|
||||
return e ? Object.assign(k, t) : (Object.setPrototypeOf(t, k), t);
|
||||
function H(t, e = !0) {
|
||||
return e ? Object.assign(N, t) : (Object.setPrototypeOf(t, N), t);
|
||||
}
|
||||
function W(t) {
|
||||
return k.isPrototypeOf(t) && t !== k ? t : k;
|
||||
function j(t) {
|
||||
return N.isPrototypeOf(t) && t !== N ? t : N;
|
||||
}
|
||||
|
||||
// src/helpers.js
|
||||
var T = (...t) => Object.prototype.hasOwnProperty.call(...t);
|
||||
function S(t) {
|
||||
var I = (...t) => Object.prototype.hasOwnProperty.call(...t);
|
||||
function A(t) {
|
||||
return typeof t > "u";
|
||||
}
|
||||
function X(t) {
|
||||
let e = typeof t;
|
||||
return e !== "object" ? e : t === null ? "null" : Object.prototype.toString.call(t);
|
||||
}
|
||||
function q(t, e) {
|
||||
function P(t, e) {
|
||||
if (!t || !(t instanceof AbortSignal))
|
||||
return !0;
|
||||
if (!t.aborted)
|
||||
@ -33,7 +33,7 @@ function q(t, e) {
|
||||
t.removeEventListener("abort", e);
|
||||
};
|
||||
}
|
||||
function F(t, e) {
|
||||
function W(t, e) {
|
||||
let { observedAttributes: n = [] } = t.constructor;
|
||||
return n.reduce(function(r, o) {
|
||||
return r[dt(o)] = e(t, o), r;
|
||||
@ -54,17 +54,17 @@ var d = {
|
||||
M: globalThis.MutationObserver
|
||||
};
|
||||
function pt(t, e, n) {
|
||||
if (Reflect.set(t, e, n), !!S(n)) {
|
||||
if (Reflect.set(t, e, n), !!A(n)) {
|
||||
if (Reflect.deleteProperty(t, e), t instanceof d.H && t.getAttribute(e) === "undefined")
|
||||
return t.removeAttribute(e);
|
||||
if (Reflect.get(t, e) === "undefined")
|
||||
return Reflect.set(t, e, "");
|
||||
}
|
||||
}
|
||||
var O = "__dde_lifecyclesToEvents", _ = "dde:connected", C = "dde:disconnected", M = "dde:attributeChanged";
|
||||
var O = "__dde_lifecyclesToEvents", _ = "dde:connected", S = "dde:disconnected", T = "dde:attributeChanged";
|
||||
|
||||
// src/dom.js
|
||||
var A = [{
|
||||
var y = [{
|
||||
get scope() {
|
||||
return d.D.body;
|
||||
},
|
||||
@ -72,7 +72,7 @@ var A = [{
|
||||
prevent: !0
|
||||
}], x = {
|
||||
get current() {
|
||||
return A[A.length - 1];
|
||||
return y[y.length - 1];
|
||||
},
|
||||
get host() {
|
||||
return this.current.host;
|
||||
@ -82,17 +82,17 @@ var A = [{
|
||||
return t.prevent = !0, t;
|
||||
},
|
||||
get state() {
|
||||
return [...A];
|
||||
return [...y];
|
||||
},
|
||||
push(t = {}) {
|
||||
return A.push(Object.assign({}, this.current, { prevent: !1 }, t));
|
||||
return y.push(Object.assign({}, this.current, { prevent: !1 }, t));
|
||||
},
|
||||
pushRoot() {
|
||||
return A.push(A[0]);
|
||||
return y.push(y[0]);
|
||||
},
|
||||
pop() {
|
||||
if (A.length !== 1)
|
||||
return A.pop();
|
||||
if (y.length !== 1)
|
||||
return y.pop();
|
||||
}
|
||||
};
|
||||
function Y(...t) {
|
||||
@ -102,95 +102,82 @@ function lt(t) {
|
||||
return t.append === Y || (t.appendOriginal = t.append, t.append = Y), t;
|
||||
}
|
||||
var $;
|
||||
function P(t, e, ...n) {
|
||||
let r = W(this), o = 0, c, i;
|
||||
function M(t, e, ...n) {
|
||||
let r = j(this), o = 0, c, u;
|
||||
switch ((Object(e) !== e || r.isSignal(e)) && (e = { textContent: e }), !0) {
|
||||
case typeof t == "function": {
|
||||
o = 1;
|
||||
let a = (...p) => p.length ? (o === 1 ? n.unshift(...p) : p.forEach((m) => m(i)), void 0) : i;
|
||||
let a = (...h) => h.length ? (o === 1 ? n.unshift(...h) : h.forEach((m) => m(u)), void 0) : u;
|
||||
x.push({ scope: t, host: a }), c = t(e || void 0);
|
||||
let h = c instanceof d.F;
|
||||
let l = c instanceof d.F;
|
||||
if (c.nodeName === "#comment") break;
|
||||
let v = P.mark({
|
||||
let v = M.mark({
|
||||
type: "component",
|
||||
name: t.name,
|
||||
host: h ? "this" : "parentElement"
|
||||
host: l ? "this" : "parentElement"
|
||||
});
|
||||
c.prepend(v), h && (i = v);
|
||||
c.prepend(v), l && (u = v);
|
||||
break;
|
||||
}
|
||||
case t === "#text":
|
||||
c = j.call(this, d.D.createTextNode(""), e);
|
||||
c = q.call(this, d.D.createTextNode(""), e);
|
||||
break;
|
||||
case (t === "<>" || !t):
|
||||
c = j.call(this, d.D.createDocumentFragment(), e);
|
||||
c = q.call(this, d.D.createDocumentFragment(), e);
|
||||
break;
|
||||
case !!$:
|
||||
c = j.call(this, d.D.createElementNS($, t), e);
|
||||
c = q.call(this, d.D.createElementNS($, t), e);
|
||||
break;
|
||||
case !c:
|
||||
c = j.call(this, d.D.createElement(t), e);
|
||||
c = q.call(this, d.D.createElement(t), e);
|
||||
}
|
||||
return lt(c), i || (i = c), n.forEach((a) => a(i)), o && x.pop(), o = 2, c;
|
||||
return lt(c), u || (u = c), n.forEach((a) => a(u)), o && x.pop(), o = 2, c;
|
||||
}
|
||||
P.mark = function(t, e = !1) {
|
||||
M.mark = function(t, e = !1) {
|
||||
t = Object.entries(t).map(([o, c]) => o + `="${c}"`).join(" ");
|
||||
let n = e ? "" : "/", r = d.D.createComment(`<dde:mark ${t}${d.ssr}${n}>`);
|
||||
return e && (r.end = d.D.createComment("</dde:mark>")), r;
|
||||
};
|
||||
function Wt(t, e, n) {
|
||||
typeof e != "object" && (n = e, e = t);
|
||||
let r = Symbol.for("default"), o = Array.from(e.querySelectorAll("slot")).reduce((i, a) => Reflect.set(i, a.name || r, a) && i, {}), c = T(o, r);
|
||||
if (t.append = new Proxy(t.append, {
|
||||
apply(i, a, h) {
|
||||
if (h[0] === e) return i.apply(t, h);
|
||||
if (!h.length) return t;
|
||||
let v = d.D.createDocumentFragment();
|
||||
for (let p of h) {
|
||||
if (!p || !p.slot) {
|
||||
c && v.append(p);
|
||||
continue;
|
||||
}
|
||||
let m = p.slot, y = o[m];
|
||||
vt(p, "remove", "slot"), y && (bt(y, p, n), Reflect.deleteProperty(o, m));
|
||||
}
|
||||
return c && (o[r].replaceWith(v), Reflect.deleteProperty(o, r)), t.append = i, t;
|
||||
}
|
||||
}), t !== e) {
|
||||
let i = Array.from(t.childNodes);
|
||||
i.forEach((a) => a.remove()), t.append(...i);
|
||||
}
|
||||
return e;
|
||||
}
|
||||
function ht(...t) {
|
||||
return t.filter(Boolean).join(" ");
|
||||
}
|
||||
function bt(t, e, n) {
|
||||
n && n(t, e);
|
||||
try {
|
||||
t.replaceWith(j(e, {
|
||||
className: ht(e.className, t.className),
|
||||
dataset: { ...t.dataset }
|
||||
}));
|
||||
} catch {
|
||||
t.replaceWith(e);
|
||||
}
|
||||
}
|
||||
function qt(t) {
|
||||
function Mt(t) {
|
||||
let e = this;
|
||||
return function(...r) {
|
||||
$ = t;
|
||||
let o = P.call(e, ...r);
|
||||
let o = M.call(e, ...r);
|
||||
return $ = void 0, o;
|
||||
};
|
||||
}
|
||||
var U = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: tt } = d;
|
||||
function j(t, ...e) {
|
||||
function jt(t, e = t) {
|
||||
let n = "\xB9\u2070", r = "\u2713", o = Object.fromEntries(
|
||||
Array.from(e.querySelectorAll("slot")).filter((c) => !c.name.endsWith(n)).map((c) => [c.name += n, c])
|
||||
);
|
||||
if (t.append = new Proxy(t.append, {
|
||||
apply(c, u, a) {
|
||||
if (a[0] === e) return c.apply(t, a);
|
||||
for (let l of a) {
|
||||
let v = (l.slot || "") + n;
|
||||
try {
|
||||
bt(l, "remove", "slot");
|
||||
} catch {
|
||||
}
|
||||
let h = o[v];
|
||||
if (!h) return;
|
||||
v.startsWith(r) || h.childNodes.forEach((m) => m.remove()), h.append(l), h.name = r + v;
|
||||
}
|
||||
return t.append = c, t;
|
||||
}
|
||||
}), t !== e) {
|
||||
let c = Array.from(t.childNodes);
|
||||
t.append(...c);
|
||||
}
|
||||
return e;
|
||||
}
|
||||
var F = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: tt } = d;
|
||||
function q(t, ...e) {
|
||||
if (!e.length) return t;
|
||||
U.set(t, rt(t, this));
|
||||
F.set(t, rt(t, this));
|
||||
for (let [n, r] of Object.entries(Object.assign({}, ...e)))
|
||||
nt.call(this, t, n, r);
|
||||
return U.delete(t), t;
|
||||
return F.delete(t), t;
|
||||
}
|
||||
function nt(t, e, n) {
|
||||
let { setRemoveAttr: r, s: o } = rt(t, this), c = this;
|
||||
@ -198,11 +185,11 @@ function nt(t, e, n) {
|
||||
t,
|
||||
e,
|
||||
n,
|
||||
(a, h) => nt.call(c, t, a, h)
|
||||
(a, l) => nt.call(c, t, a, l)
|
||||
);
|
||||
let [i] = e;
|
||||
if (i === "=") return r(e.slice(1), n);
|
||||
if (i === ".") return et(t, e.slice(1), n);
|
||||
let [u] = e;
|
||||
if (u === "=") return r(e.slice(1), n);
|
||||
if (u === ".") return et(t, e.slice(1), n);
|
||||
if (/(aria|data)([A-Z])/.test(e))
|
||||
return e = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), r(e, n);
|
||||
switch (e === "className" && (e = "class"), e) {
|
||||
@ -214,177 +201,177 @@ function nt(t, e, n) {
|
||||
if (typeof n != "object") break;
|
||||
/* falls through */
|
||||
case "dataset":
|
||||
return I(o, n, et.bind(null, t[e]));
|
||||
return B(o, n, et.bind(null, t[e]));
|
||||
case "ariaset":
|
||||
return I(o, n, (a, h) => r("aria-" + a, h));
|
||||
return B(o, n, (a, l) => r("aria-" + a, l));
|
||||
case "classList":
|
||||
return gt.call(c, t, n);
|
||||
return ht.call(c, t, n);
|
||||
}
|
||||
return Et(t, e) ? tt(t, e, n) : r(e, n);
|
||||
return gt(t, e) ? tt(t, e, n) : r(e, n);
|
||||
}
|
||||
function rt(t, e) {
|
||||
if (U.has(t)) return U.get(t);
|
||||
let r = (t instanceof d.S ? xt : mt).bind(null, t, "Attribute"), o = W(e);
|
||||
if (F.has(t)) return F.get(t);
|
||||
let r = (t instanceof d.S ? Et : vt).bind(null, t, "Attribute"), o = j(e);
|
||||
return { setRemoveAttr: r, s: o };
|
||||
}
|
||||
function gt(t, e) {
|
||||
let n = W(this);
|
||||
return I(
|
||||
function ht(t, e) {
|
||||
let n = j(this);
|
||||
return B(
|
||||
n,
|
||||
e,
|
||||
(r, o) => t.classList.toggle(r, o === -1 ? void 0 : !!o)
|
||||
), t;
|
||||
}
|
||||
function vt(t, e, n, r) {
|
||||
function bt(t, e, n, r) {
|
||||
return t instanceof d.H ? t[e + "Attribute"](n, r) : t[e + "AttributeNS"](null, n, r);
|
||||
}
|
||||
function Et(t, e) {
|
||||
function gt(t, e) {
|
||||
if (!(e in t)) return !1;
|
||||
let n = ot(t, e);
|
||||
return !S(n.set);
|
||||
return !A(n.set);
|
||||
}
|
||||
function ot(t, e) {
|
||||
if (t = Object.getPrototypeOf(t), !t) return {};
|
||||
let n = Object.getOwnPropertyDescriptor(t, e);
|
||||
return n || ot(t, e);
|
||||
}
|
||||
function I(t, e, n) {
|
||||
function B(t, e, n) {
|
||||
if (!(typeof e != "object" || e === null))
|
||||
return Object.entries(e).forEach(function([o, c]) {
|
||||
o && (c = t.processReactiveAttribute(e, o, c, n), n(o, c));
|
||||
});
|
||||
}
|
||||
function mt(t, e, n, r) {
|
||||
return t[(S(r) ? "remove" : "set") + e](n, r);
|
||||
function vt(t, e, n, r) {
|
||||
return t[(A(r) ? "remove" : "set") + e](n, r);
|
||||
}
|
||||
function xt(t, e, n, r, o = null) {
|
||||
return t[(S(r) ? "remove" : "set") + e + "NS"](o, n, r);
|
||||
function Et(t, e, n, r, o = null) {
|
||||
return t[(A(r) ? "remove" : "set") + e + "NS"](o, n, r);
|
||||
}
|
||||
function et(t, e, n) {
|
||||
if (Reflect.set(t, e, n), !!S(n))
|
||||
if (Reflect.set(t, e, n), !!A(n))
|
||||
return Reflect.deleteProperty(t, e);
|
||||
}
|
||||
|
||||
// src/events-observer.js
|
||||
var D = d.M ? wt() : new Proxy({}, {
|
||||
var C = d.M ? mt() : new Proxy({}, {
|
||||
get() {
|
||||
return () => {
|
||||
};
|
||||
}
|
||||
});
|
||||
function wt() {
|
||||
let t = /* @__PURE__ */ new Map(), e = !1, n = (s) => function(u) {
|
||||
for (let f of u)
|
||||
function mt() {
|
||||
let t = /* @__PURE__ */ new Map(), e = !1, n = (i) => function(s) {
|
||||
for (let f of s)
|
||||
if (f.type === "childList") {
|
||||
if (p(f.addedNodes, !0)) {
|
||||
s();
|
||||
if (h(f.addedNodes, !0)) {
|
||||
i();
|
||||
continue;
|
||||
}
|
||||
m(f.removedNodes, !0) && s();
|
||||
m(f.removedNodes, !0) && i();
|
||||
}
|
||||
}, r = new d.M(n(a));
|
||||
return {
|
||||
observe(s) {
|
||||
let u = new d.M(n(() => {
|
||||
observe(i) {
|
||||
let s = new d.M(n(() => {
|
||||
}));
|
||||
return u.observe(s, { childList: !0, subtree: !0 }), () => u.disconnect();
|
||||
return s.observe(i, { childList: !0, subtree: !0 }), () => s.disconnect();
|
||||
},
|
||||
onConnected(s, u) {
|
||||
i();
|
||||
let f = c(s);
|
||||
f.connected.has(u) || (f.connected.add(u), f.length_c += 1);
|
||||
onConnected(i, s) {
|
||||
u();
|
||||
let f = c(i);
|
||||
f.connected.has(s) || (f.connected.add(s), f.length_c += 1);
|
||||
},
|
||||
offConnected(s, u) {
|
||||
if (!t.has(s)) return;
|
||||
let f = t.get(s);
|
||||
f.connected.has(u) && (f.connected.delete(u), f.length_c -= 1, o(s, f));
|
||||
offConnected(i, s) {
|
||||
if (!t.has(i)) return;
|
||||
let f = t.get(i);
|
||||
f.connected.has(s) && (f.connected.delete(s), f.length_c -= 1, o(i, f));
|
||||
},
|
||||
onDisconnected(s, u) {
|
||||
i();
|
||||
let f = c(s);
|
||||
f.disconnected.has(u) || (f.disconnected.add(u), f.length_d += 1);
|
||||
onDisconnected(i, s) {
|
||||
u();
|
||||
let f = c(i);
|
||||
f.disconnected.has(s) || (f.disconnected.add(s), f.length_d += 1);
|
||||
},
|
||||
offDisconnected(s, u) {
|
||||
if (!t.has(s)) return;
|
||||
let f = t.get(s);
|
||||
f.disconnected.has(u) && (f.disconnected.delete(u), f.length_d -= 1, o(s, f));
|
||||
offDisconnected(i, s) {
|
||||
if (!t.has(i)) return;
|
||||
let f = t.get(i);
|
||||
f.disconnected.has(s) && (f.disconnected.delete(s), f.length_d -= 1, o(i, f));
|
||||
}
|
||||
};
|
||||
function o(s, u) {
|
||||
u.length_c || u.length_d || (t.delete(s), a());
|
||||
function o(i, s) {
|
||||
s.length_c || s.length_d || (t.delete(i), a());
|
||||
}
|
||||
function c(s) {
|
||||
if (t.has(s)) return t.get(s);
|
||||
let u = {
|
||||
function c(i) {
|
||||
if (t.has(i)) return t.get(i);
|
||||
let s = {
|
||||
connected: /* @__PURE__ */ new WeakSet(),
|
||||
length_c: 0,
|
||||
disconnected: /* @__PURE__ */ new WeakSet(),
|
||||
length_d: 0
|
||||
};
|
||||
return t.set(s, u), u;
|
||||
return t.set(i, s), s;
|
||||
}
|
||||
function i() {
|
||||
function u() {
|
||||
e || (e = !0, r.observe(d.D.body, { childList: !0, subtree: !0 }));
|
||||
}
|
||||
function a() {
|
||||
!e || t.size || (e = !1, r.disconnect());
|
||||
}
|
||||
function h() {
|
||||
return new Promise(function(s) {
|
||||
(requestIdleCallback || requestAnimationFrame)(s);
|
||||
function l() {
|
||||
return new Promise(function(i) {
|
||||
(requestIdleCallback || requestAnimationFrame)(i);
|
||||
});
|
||||
}
|
||||
async function v(s) {
|
||||
t.size > 30 && await h();
|
||||
let u = [];
|
||||
if (!(s instanceof Node)) return u;
|
||||
async function v(i) {
|
||||
t.size > 30 && await l();
|
||||
let s = [];
|
||||
if (!(i instanceof Node)) return s;
|
||||
for (let f of t.keys())
|
||||
f === s || !(f instanceof Node) || s.contains(f) && u.push(f);
|
||||
return u;
|
||||
f === i || !(f instanceof Node) || i.contains(f) && s.push(f);
|
||||
return s;
|
||||
}
|
||||
function p(s, u) {
|
||||
function h(i, s) {
|
||||
let f = !1;
|
||||
for (let b of s) {
|
||||
if (u && v(b).then(p), !t.has(b)) continue;
|
||||
let N = t.get(b);
|
||||
N.length_c && (b.dispatchEvent(new Event(_)), N.connected = /* @__PURE__ */ new WeakSet(), N.length_c = 0, N.length_d || t.delete(b), f = !0);
|
||||
for (let b of i) {
|
||||
if (s && v(b).then(h), !t.has(b)) continue;
|
||||
let L = t.get(b);
|
||||
L.length_c && (b.dispatchEvent(new Event(_)), L.connected = /* @__PURE__ */ new WeakSet(), L.length_c = 0, L.length_d || t.delete(b), f = !0);
|
||||
}
|
||||
return f;
|
||||
}
|
||||
function m(s, u) {
|
||||
function m(i, s) {
|
||||
let f = !1;
|
||||
for (let b of s)
|
||||
u && v(b).then(m), !(!t.has(b) || !t.get(b).length_d) && ((globalThis.queueMicrotask || setTimeout)(y(b)), f = !0);
|
||||
for (let b of i)
|
||||
s && v(b).then(m), !(!t.has(b) || !t.get(b).length_d) && ((globalThis.queueMicrotask || setTimeout)(k(b)), f = !0);
|
||||
return f;
|
||||
}
|
||||
function y(s) {
|
||||
function k(i) {
|
||||
return () => {
|
||||
s.isConnected || (s.dispatchEvent(new Event(C)), t.delete(s));
|
||||
i.isConnected || (i.dispatchEvent(new Event(S)), t.delete(i));
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// src/customElement.js
|
||||
function Jt(t, e, n, r = _t) {
|
||||
function Ht(t, e, n, r = wt) {
|
||||
x.push({
|
||||
scope: t,
|
||||
host: (...i) => i.length ? i.forEach((a) => a(t)) : t
|
||||
host: (...u) => u.length ? u.forEach((a) => a(t)) : t
|
||||
}), typeof r == "function" && (r = r.call(t, t));
|
||||
let o = t[O];
|
||||
o || yt(t);
|
||||
o || xt(t);
|
||||
let c = n.call(t, r);
|
||||
return o || t.dispatchEvent(new Event(_)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(C, D.observe(e), { once: !0 }), x.pop(), e.append(c);
|
||||
return o || t.dispatchEvent(new Event(_)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(S, C.observe(e), { once: !0 }), x.pop(), e.append(c);
|
||||
}
|
||||
function yt(t) {
|
||||
function xt(t) {
|
||||
return J(t.prototype, "connectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), n.dispatchEvent(new Event(_));
|
||||
}), J(t.prototype, "disconnectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), (globalThis.queueMicrotask || setTimeout)(
|
||||
() => !n.isConnected && n.dispatchEvent(new Event(C))
|
||||
() => !n.isConnected && n.dispatchEvent(new Event(S))
|
||||
);
|
||||
}), J(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
let [o, , c] = r;
|
||||
n.dispatchEvent(new CustomEvent(M, {
|
||||
n.dispatchEvent(new CustomEvent(T, {
|
||||
detail: [o, c]
|
||||
})), e.apply(n, r);
|
||||
}), t.prototype[O] = !0, t;
|
||||
@ -393,16 +380,16 @@ function J(t, e, n) {
|
||||
t[e] = new Proxy(t[e] || (() => {
|
||||
}), { apply: n });
|
||||
}
|
||||
function _t(t) {
|
||||
return F(t, (e, n) => e.getAttribute(n));
|
||||
function wt(t) {
|
||||
return W(t, (e, n) => e.getAttribute(n));
|
||||
}
|
||||
|
||||
// src/events.js
|
||||
function Kt(t, e, n) {
|
||||
function Zt(t, e, n) {
|
||||
return e || (e = {}), function(o, ...c) {
|
||||
n && (c.unshift(o), o = typeof n == "function" ? n() : n);
|
||||
let i = c.length ? new CustomEvent(t, Object.assign({ detail: c[0] }, e)) : new Event(t, e);
|
||||
return o.dispatchEvent(i);
|
||||
let u = c.length ? new CustomEvent(t, Object.assign({ detail: c[0] }, e)) : new Event(t, e);
|
||||
return o.dispatchEvent(u);
|
||||
};
|
||||
}
|
||||
function w(t, e, n) {
|
||||
@ -413,12 +400,12 @@ function w(t, e, n) {
|
||||
var ct = (t) => Object.assign({}, typeof t == "object" ? t : null, { once: !0 });
|
||||
w.connected = function(t, e) {
|
||||
return e = ct(e), function(r) {
|
||||
return r.addEventListener(_, t, e), r[O] ? r : r.isConnected ? (r.dispatchEvent(new Event(_)), r) : (q(e.signal, () => D.offConnected(r, t)) && D.onConnected(r, t), r);
|
||||
return r.addEventListener(_, t, e), r[O] ? r : r.isConnected ? (r.dispatchEvent(new Event(_)), r) : (P(e.signal, () => C.offConnected(r, t)) && C.onConnected(r, t), r);
|
||||
};
|
||||
};
|
||||
w.disconnected = function(t, e) {
|
||||
return e = ct(e), function(r) {
|
||||
return r.addEventListener(C, t, e), r[O] || q(e.signal, () => D.offDisconnected(r, t)) && D.onDisconnected(r, t), r;
|
||||
return r.addEventListener(S, t, e), r[O] || P(e.signal, () => C.offDisconnected(r, t)) && C.onDisconnected(r, t), r;
|
||||
};
|
||||
};
|
||||
var Z = /* @__PURE__ */ new WeakMap();
|
||||
@ -427,45 +414,45 @@ w.disconnectedAsAbort = function(t) {
|
||||
let e = new AbortController();
|
||||
return Z.set(t, e), t(w.disconnected(() => e.abort())), e;
|
||||
};
|
||||
var At = /* @__PURE__ */ new WeakSet();
|
||||
var _t = /* @__PURE__ */ new WeakSet();
|
||||
w.attributeChanged = function(t, e) {
|
||||
return typeof e != "object" && (e = {}), function(r) {
|
||||
if (r.addEventListener(M, t, e), r[O] || At.has(r) || !d.M) return r;
|
||||
let o = new d.M(function(i) {
|
||||
for (let { attributeName: a, target: h } of i)
|
||||
h.dispatchEvent(
|
||||
new CustomEvent(M, { detail: [a, h.getAttribute(a)] })
|
||||
if (r.addEventListener(T, t, e), r[O] || _t.has(r) || !d.M) return r;
|
||||
let o = new d.M(function(u) {
|
||||
for (let { attributeName: a, target: l } of u)
|
||||
l.dispatchEvent(
|
||||
new CustomEvent(T, { detail: [a, l.getAttribute(a)] })
|
||||
);
|
||||
});
|
||||
return q(e.signal, () => o.disconnect()) && o.observe(r, { attributes: !0 }), r;
|
||||
return P(e.signal, () => o.disconnect()) && o.observe(r, { attributes: !0 }), r;
|
||||
};
|
||||
};
|
||||
|
||||
// src/signals-lib.js
|
||||
var l = "__dde_signal";
|
||||
function z(t) {
|
||||
var p = "__dde_signal";
|
||||
function U(t) {
|
||||
try {
|
||||
return T(t, l);
|
||||
return I(t, p);
|
||||
} catch {
|
||||
return !1;
|
||||
}
|
||||
}
|
||||
var H = [], g = /* @__PURE__ */ new WeakMap();
|
||||
var z = [], g = /* @__PURE__ */ new WeakMap();
|
||||
function E(t, e) {
|
||||
if (typeof t != "function")
|
||||
return it(!1, t, e);
|
||||
if (z(t)) return t;
|
||||
if (U(t)) return t;
|
||||
let n = it(!0), r = function() {
|
||||
let [o, ...c] = g.get(r);
|
||||
if (g.set(r, /* @__PURE__ */ new Set([o])), H.push(r), at(n, t()), H.pop(), !c.length) return;
|
||||
let i = g.get(r);
|
||||
if (g.set(r, /* @__PURE__ */ new Set([o])), z.push(r), at(n, t()), z.pop(), !c.length) return;
|
||||
let u = g.get(r);
|
||||
for (let a of c)
|
||||
i.has(a) || L(a, r);
|
||||
u.has(a) || R(a, r);
|
||||
};
|
||||
return g.set(n[l], r), g.set(r, /* @__PURE__ */ new Set([n])), r(), n;
|
||||
return g.set(n[p], r), g.set(r, /* @__PURE__ */ new Set([n])), r(), n;
|
||||
}
|
||||
E.action = function(t, e, ...n) {
|
||||
let r = t[l], { actions: o } = r;
|
||||
let r = t[p], { actions: o } = r;
|
||||
if (!o || !(e in o))
|
||||
throw new Error(`'${t}' has no action with name '${e}'!`);
|
||||
if (o[e].apply(r, n), r.skip) return delete r.skip;
|
||||
@ -475,7 +462,7 @@ E.on = function t(e, n, r = {}) {
|
||||
let { signal: o } = r;
|
||||
if (!(o && o.aborted)) {
|
||||
if (Array.isArray(e)) return e.forEach((c) => t(c, n, r));
|
||||
Q(e, n), o && o.addEventListener("abort", () => L(e, n));
|
||||
Q(e, n), o && o.addEventListener("abort", () => R(e, n));
|
||||
}
|
||||
};
|
||||
E.symbols = {
|
||||
@ -484,8 +471,8 @@ E.symbols = {
|
||||
};
|
||||
E.clear = function(...t) {
|
||||
for (let n of t) {
|
||||
let r = n[l];
|
||||
r && (delete n.toJSON, r.onclear.forEach((o) => o.call(r)), e(n, r), delete n[l]);
|
||||
let r = n[p];
|
||||
r && (delete n.toJSON, r.onclear.forEach((o) => o.call(r)), e(n, r), delete n[p]);
|
||||
}
|
||||
function e(n, r) {
|
||||
r.listeners.forEach((o) => {
|
||||
@ -495,53 +482,53 @@ E.clear = function(...t) {
|
||||
});
|
||||
}
|
||||
};
|
||||
var R = "__dde_reactive";
|
||||
var D = "__dde_reactive";
|
||||
E.el = function(t, e) {
|
||||
let n = P.mark({ type: "reactive" }, !0), r = n.end, o = d.D.createDocumentFragment();
|
||||
let n = M.mark({ type: "reactive" }, !0), r = n.end, o = d.D.createDocumentFragment();
|
||||
o.append(n, r);
|
||||
let { current: c } = x, i = {}, a = (h) => {
|
||||
let { current: c } = x, u = {}, a = (l) => {
|
||||
if (!n.parentNode || !r.parentNode)
|
||||
return L(t, a);
|
||||
let v = i;
|
||||
i = {}, x.push(c);
|
||||
let p = e(h, function(u, f) {
|
||||
return R(t, a);
|
||||
let v = u;
|
||||
u = {}, x.push(c);
|
||||
let h = e(l, function(s, f) {
|
||||
let b;
|
||||
return T(v, u) ? (b = v[u], delete v[u]) : b = f(), i[u] = b, b;
|
||||
return I(v, s) ? (b = v[s], delete v[s]) : b = f(), u[s] = b, b;
|
||||
});
|
||||
x.pop(), Array.isArray(p) || (p = [p]);
|
||||
x.pop(), Array.isArray(h) || (h = [h]);
|
||||
let m = document.createComment("");
|
||||
p.push(m), n.after(...p);
|
||||
let y;
|
||||
for (; (y = m.nextSibling) && y !== r; )
|
||||
y.remove();
|
||||
m.remove(), n.isConnected && St(c.host());
|
||||
h.push(m), n.after(...h);
|
||||
let k;
|
||||
for (; (k = m.nextSibling) && k !== r; )
|
||||
k.remove();
|
||||
m.remove(), n.isConnected && yt(c.host());
|
||||
};
|
||||
return Q(t, a), ut(t, a, n, e), a(t()), o;
|
||||
};
|
||||
function St(t) {
|
||||
!t || !t[R] || (requestIdleCallback || setTimeout)(function() {
|
||||
t[R] = t[R].filter(([e, n]) => n.isConnected ? !0 : (L(...e), !1));
|
||||
function yt(t) {
|
||||
!t || !t[D] || (requestIdleCallback || setTimeout)(function() {
|
||||
t[D] = t[D].filter(([e, n]) => n.isConnected ? !0 : (R(...e), !1));
|
||||
});
|
||||
}
|
||||
var Ot = {
|
||||
var At = {
|
||||
_set(t) {
|
||||
this.value = t;
|
||||
}
|
||||
};
|
||||
function Ct(t) {
|
||||
function Ot(t) {
|
||||
return function(e, n) {
|
||||
let r = (...c) => c.length ? e.setAttribute(n, ...c) : K(r), o = ft(r, e.getAttribute(n), Ot);
|
||||
let r = (...c) => c.length ? e.setAttribute(n, ...c) : K(r), o = ft(r, e.getAttribute(n), At);
|
||||
return t[n] = o, o;
|
||||
};
|
||||
}
|
||||
var G = "__dde_attributes";
|
||||
E.observedAttributes = function(t) {
|
||||
let e = t[G] = {}, n = F(t, Ct(e));
|
||||
let e = t[G] = {}, n = W(t, Ot(e));
|
||||
return w.attributeChanged(function({ detail: o }) {
|
||||
/*! This maps attributes to signals (`S.observedAttributes`).
|
||||
* Investigate `__dde_attributes` key of the element.*/
|
||||
let [c, i] = o, a = this[G][c];
|
||||
if (a) return E.action(a, "_set", i);
|
||||
let [c, u] = o, a = this[G][c];
|
||||
if (a) return E.action(a, "_set", u);
|
||||
})(t), w.disconnected(function() {
|
||||
/*! This removes all signals mapped to attributes (`S.observedAttributes`).
|
||||
* Investigate `__dde_attributes` key of the element.*/
|
||||
@ -549,12 +536,12 @@ E.observedAttributes = function(t) {
|
||||
})(t), n;
|
||||
};
|
||||
var st = {
|
||||
isSignal: z,
|
||||
isSignal: U,
|
||||
processReactiveAttribute(t, e, n, r) {
|
||||
if (!z(n)) return n;
|
||||
if (!U(n)) return n;
|
||||
let o = (c) => {
|
||||
if (!t.isConnected)
|
||||
return L(n, o);
|
||||
return R(n, o);
|
||||
r(e, c);
|
||||
};
|
||||
return Q(n, o), ut(n, o, t, e), n();
|
||||
@ -563,22 +550,22 @@ var st = {
|
||||
function ut(t, e, ...n) {
|
||||
let { current: r } = x;
|
||||
r.prevent || r.host(function(o) {
|
||||
o[R] || (o[R] = [], w.disconnected(
|
||||
o[D] || (o[D] = [], w.disconnected(
|
||||
() => (
|
||||
/*!
|
||||
* Clears all Signals listeners added in the current scope/host (`S.el`, `assign`, …?).
|
||||
* You can investigate the `__dde_reactive` key of the element.
|
||||
* */
|
||||
o[R].forEach(([[c, i]]) => L(c, i, c[l] && c[l].host && c[l].host() === o))
|
||||
o[D].forEach(([[c, u]]) => R(c, u, c[p] && c[p].host && c[p].host() === o))
|
||||
)
|
||||
)(o)), o[R].push([[t, e], ...n]);
|
||||
)(o)), o[D].push([[t, e], ...n]);
|
||||
});
|
||||
}
|
||||
function it(t, e, n) {
|
||||
let r = t ? () => K(r) : (...o) => o.length ? at(r, ...o) : K(r);
|
||||
return ft(r, e, n, t);
|
||||
}
|
||||
var Dt = Object.assign(/* @__PURE__ */ Object.create(null), {
|
||||
var St = Object.assign(/* @__PURE__ */ Object.create(null), {
|
||||
stopPropagation() {
|
||||
this.skip = !0;
|
||||
}
|
||||
@ -595,13 +582,13 @@ function ft(t, e, n, r = !1) {
|
||||
X(n) !== "[object Object]" && (n = {});
|
||||
let { onclear: c } = E.symbols;
|
||||
n[c] && (o.push(n[c]), delete n[c]);
|
||||
let { host: i } = x;
|
||||
return Reflect.defineProperty(t, l, {
|
||||
let { host: u } = x;
|
||||
return Reflect.defineProperty(t, p, {
|
||||
value: {
|
||||
value: e,
|
||||
actions: n,
|
||||
onclear: o,
|
||||
host: i,
|
||||
host: u,
|
||||
listeners: /* @__PURE__ */ new Set(),
|
||||
defined: new V().stack,
|
||||
readonly: r
|
||||
@ -609,65 +596,64 @@ function ft(t, e, n, r = !1) {
|
||||
enumerable: !1,
|
||||
writable: !1,
|
||||
configurable: !0
|
||||
}), t.toJSON = () => t(), t.valueOf = () => t[l] && t[l].value, Object.setPrototypeOf(t[l], Dt), t;
|
||||
}), t.toJSON = () => t(), t.valueOf = () => t[p] && t[p].value, Object.setPrototypeOf(t[p], St), t;
|
||||
}
|
||||
function Rt() {
|
||||
return H[H.length - 1];
|
||||
function Ct() {
|
||||
return z[z.length - 1];
|
||||
}
|
||||
function K(t) {
|
||||
if (!t[l]) return;
|
||||
let { value: e, listeners: n } = t[l], r = Rt();
|
||||
if (!t[p]) return;
|
||||
let { value: e, listeners: n } = t[p], r = Ct();
|
||||
return r && n.add(r), g.has(r) && g.get(r).add(t), e;
|
||||
}
|
||||
function at(t, e, n) {
|
||||
if (!t[l]) return;
|
||||
let r = t[l];
|
||||
if (!t[p]) return;
|
||||
let r = t[p];
|
||||
if (!(!n && r.value === e))
|
||||
return r.value = e, r.listeners.forEach((o) => o(e)), e;
|
||||
}
|
||||
function Q(t, e) {
|
||||
if (t[l])
|
||||
return t[l].listeners.add(e);
|
||||
if (t[p])
|
||||
return t[p].listeners.add(e);
|
||||
}
|
||||
function L(t, e, n) {
|
||||
let r = t[l];
|
||||
function R(t, e, n) {
|
||||
let r = t[p];
|
||||
if (!r) return;
|
||||
let o = r.listeners.delete(e);
|
||||
if (n && !r.listeners.size) {
|
||||
if (E.clear(t), !g.has(r)) return o;
|
||||
let c = g.get(r);
|
||||
if (!g.has(c)) return o;
|
||||
g.get(c).forEach((i) => L(i, c, !0));
|
||||
g.get(c).forEach((u) => R(u, c, !0));
|
||||
}
|
||||
return o;
|
||||
}
|
||||
|
||||
// signals.js
|
||||
B(st);
|
||||
H(st);
|
||||
|
||||
globalThis.dde= {
|
||||
S: E,
|
||||
assign: j,
|
||||
assign: q,
|
||||
assignAttribute: nt,
|
||||
chainableAppend: lt,
|
||||
classListDeclarative: gt,
|
||||
cn: ht,
|
||||
createElement: P,
|
||||
createElementNS: qt,
|
||||
customElementRender: Jt,
|
||||
customElementWithDDE: yt,
|
||||
dispatchEvent: Kt,
|
||||
el: P,
|
||||
elNS: qt,
|
||||
elementAttribute: vt,
|
||||
isSignal: z,
|
||||
lifecyclesToEvents: yt,
|
||||
observedAttributes: _t,
|
||||
classListDeclarative: ht,
|
||||
createElement: M,
|
||||
createElementNS: Mt,
|
||||
customElementRender: Ht,
|
||||
customElementWithDDE: xt,
|
||||
dispatchEvent: Zt,
|
||||
el: M,
|
||||
elNS: Mt,
|
||||
elementAttribute: bt,
|
||||
isSignal: U,
|
||||
lifecyclesToEvents: xt,
|
||||
observedAttributes: wt,
|
||||
on: w,
|
||||
registerReactivity: B,
|
||||
registerReactivity: H,
|
||||
scope: x,
|
||||
signal: E,
|
||||
simulateSlots: Wt
|
||||
simulateSlots: jt
|
||||
};
|
||||
|
||||
})();
|
||||
417
dist/dde.js
vendored
417
dist/dde.js
vendored
@ -1,7 +1,7 @@
|
||||
//deka-dom-el library is available via global namespace `dde`
|
||||
(()=> {
|
||||
// src/signals-common.js
|
||||
var m = {
|
||||
var C = {
|
||||
isSignal(t) {
|
||||
return !1;
|
||||
},
|
||||
@ -9,19 +9,18 @@ var m = {
|
||||
return n;
|
||||
}
|
||||
};
|
||||
function G(t, e = !0) {
|
||||
return e ? Object.assign(m, t) : (Object.setPrototypeOf(t, m), t);
|
||||
function Z(t, e = !0) {
|
||||
return e ? Object.assign(C, t) : (Object.setPrototypeOf(t, C), t);
|
||||
}
|
||||
function L(t) {
|
||||
return m.isPrototypeOf(t) && t !== m ? t : m;
|
||||
function S(t) {
|
||||
return C.isPrototypeOf(t) && t !== C ? t : C;
|
||||
}
|
||||
|
||||
// src/helpers.js
|
||||
var q = (...t) => Object.prototype.hasOwnProperty.call(...t);
|
||||
function x(t) {
|
||||
return typeof t > "u";
|
||||
}
|
||||
function N(t, e) {
|
||||
function L(t, e) {
|
||||
if (!t || !(t instanceof AbortSignal))
|
||||
return !0;
|
||||
if (!t.aborted)
|
||||
@ -29,19 +28,19 @@ function N(t, e) {
|
||||
t.removeEventListener("abort", e);
|
||||
};
|
||||
}
|
||||
function F(t, e) {
|
||||
function W(t, e) {
|
||||
let { observedAttributes: n = [] } = t.constructor;
|
||||
return n.reduce(function(r, o) {
|
||||
return r[V(o)] = e(t, o), r;
|
||||
return r[G(o)] = e(t, o), r;
|
||||
}, {});
|
||||
}
|
||||
function V(t) {
|
||||
function G(t) {
|
||||
return t.replace(/-./g, (e) => e[1].toUpperCase());
|
||||
}
|
||||
|
||||
// src/dom-common.js
|
||||
var a = {
|
||||
setDeleteAttr: J,
|
||||
var f = {
|
||||
setDeleteAttr: V,
|
||||
ssr: "",
|
||||
D: globalThis.document,
|
||||
F: globalThis.DocumentFragment,
|
||||
@ -49,24 +48,24 @@ var a = {
|
||||
S: globalThis.SVGElement,
|
||||
M: globalThis.MutationObserver
|
||||
};
|
||||
function J(t, e, n) {
|
||||
function V(t, e, n) {
|
||||
if (Reflect.set(t, e, n), !!x(n)) {
|
||||
if (Reflect.deleteProperty(t, e), t instanceof a.H && t.getAttribute(e) === "undefined")
|
||||
if (Reflect.deleteProperty(t, e), t instanceof f.H && t.getAttribute(e) === "undefined")
|
||||
return t.removeAttribute(e);
|
||||
if (Reflect.get(t, e) === "undefined")
|
||||
return Reflect.set(t, e, "");
|
||||
}
|
||||
}
|
||||
var w = "__dde_lifecyclesToEvents", g = "dde:connected", y = "dde:disconnected", D = "dde:attributeChanged";
|
||||
var w = "__dde_lifecyclesToEvents", g = "dde:connected", y = "dde:disconnected", O = "dde:attributeChanged";
|
||||
|
||||
// src/dom.js
|
||||
var v = [{
|
||||
get scope() {
|
||||
return a.D.body;
|
||||
return f.D.body;
|
||||
},
|
||||
host: (t) => t ? t(a.D.body) : a.D.body,
|
||||
host: (t) => t ? t(f.D.body) : f.D.body,
|
||||
prevent: !0
|
||||
}], S = {
|
||||
}], D = {
|
||||
get current() {
|
||||
return v[v.length - 1];
|
||||
},
|
||||
@ -91,158 +90,145 @@ var v = [{
|
||||
return v.pop();
|
||||
}
|
||||
};
|
||||
function $(...t) {
|
||||
function q(...t) {
|
||||
return this.appendOriginal(...t), this;
|
||||
}
|
||||
function K(t) {
|
||||
return t.append === $ || (t.appendOriginal = t.append, t.append = $), t;
|
||||
function J(t) {
|
||||
return t.append === q || (t.appendOriginal = t.append, t.append = q), t;
|
||||
}
|
||||
var T;
|
||||
function j(t, e, ...n) {
|
||||
let r = L(this), o = 0, c, f;
|
||||
function k(t, e, ...n) {
|
||||
let r = S(this), o = 0, c, a;
|
||||
switch ((Object(e) !== e || r.isSignal(e)) && (e = { textContent: e }), !0) {
|
||||
case typeof t == "function": {
|
||||
o = 1;
|
||||
let d = (...l) => l.length ? (o === 1 ? n.unshift(...l) : l.forEach((E) => E(f)), void 0) : f;
|
||||
S.push({ scope: t, host: d }), c = t(e || void 0);
|
||||
let p = c instanceof a.F;
|
||||
let d = (...h) => h.length ? (o === 1 ? n.unshift(...h) : h.forEach((E) => E(a)), void 0) : a;
|
||||
D.push({ scope: t, host: d }), c = t(e || void 0);
|
||||
let p = c instanceof f.F;
|
||||
if (c.nodeName === "#comment") break;
|
||||
let b = j.mark({
|
||||
let b = k.mark({
|
||||
type: "component",
|
||||
name: t.name,
|
||||
host: p ? "this" : "parentElement"
|
||||
});
|
||||
c.prepend(b), p && (f = b);
|
||||
c.prepend(b), p && (a = b);
|
||||
break;
|
||||
}
|
||||
case t === "#text":
|
||||
c = O.call(this, a.D.createTextNode(""), e);
|
||||
c = R.call(this, f.D.createTextNode(""), e);
|
||||
break;
|
||||
case (t === "<>" || !t):
|
||||
c = O.call(this, a.D.createDocumentFragment(), e);
|
||||
c = R.call(this, f.D.createDocumentFragment(), e);
|
||||
break;
|
||||
case !!T:
|
||||
c = O.call(this, a.D.createElementNS(T, t), e);
|
||||
c = R.call(this, f.D.createElementNS(T, t), e);
|
||||
break;
|
||||
case !c:
|
||||
c = O.call(this, a.D.createElement(t), e);
|
||||
c = R.call(this, f.D.createElement(t), e);
|
||||
}
|
||||
return K(c), f || (f = c), n.forEach((d) => d(f)), o && S.pop(), o = 2, c;
|
||||
return J(c), a || (a = c), n.forEach((d) => d(a)), o && D.pop(), o = 2, c;
|
||||
}
|
||||
j.mark = function(t, e = !1) {
|
||||
k.mark = function(t, e = !1) {
|
||||
t = Object.entries(t).map(([o, c]) => o + `="${c}"`).join(" ");
|
||||
let n = e ? "" : "/", r = a.D.createComment(`<dde:mark ${t}${a.ssr}${n}>`);
|
||||
return e && (r.end = a.D.createComment("</dde:mark>")), r;
|
||||
let n = e ? "" : "/", r = f.D.createComment(`<dde:mark ${t}${f.ssr}${n}>`);
|
||||
return e && (r.end = f.D.createComment("</dde:mark>")), r;
|
||||
};
|
||||
function bt(t, e, n) {
|
||||
typeof e != "object" && (n = e, e = t);
|
||||
let r = Symbol.for("default"), o = Array.from(e.querySelectorAll("slot")).reduce((f, d) => Reflect.set(f, d.name || r, d) && f, {}), c = q(o, r);
|
||||
if (t.append = new Proxy(t.append, {
|
||||
apply(f, d, p) {
|
||||
if (p[0] === e) return f.apply(t, p);
|
||||
if (!p.length) return t;
|
||||
let b = a.D.createDocumentFragment();
|
||||
for (let l of p) {
|
||||
if (!l || !l.slot) {
|
||||
c && b.append(l);
|
||||
continue;
|
||||
}
|
||||
let E = l.slot, _ = o[E];
|
||||
tt(l, "remove", "slot"), _ && (X(_, l, n), Reflect.deleteProperty(o, E));
|
||||
}
|
||||
return c && (o[r].replaceWith(b), Reflect.deleteProperty(o, r)), t.append = f, t;
|
||||
}
|
||||
}), t !== e) {
|
||||
let f = Array.from(t.childNodes);
|
||||
f.forEach((d) => d.remove()), t.append(...f);
|
||||
}
|
||||
return e;
|
||||
}
|
||||
function Q(...t) {
|
||||
return t.filter(Boolean).join(" ");
|
||||
}
|
||||
function X(t, e, n) {
|
||||
n && n(t, e);
|
||||
try {
|
||||
t.replaceWith(O(e, {
|
||||
className: Q(e.className, t.className),
|
||||
dataset: { ...t.dataset }
|
||||
}));
|
||||
} catch {
|
||||
t.replaceWith(e);
|
||||
}
|
||||
}
|
||||
function gt(t) {
|
||||
function dt(t) {
|
||||
let e = this;
|
||||
return function(...r) {
|
||||
T = t;
|
||||
let o = j.call(e, ...r);
|
||||
let o = k.call(e, ...r);
|
||||
return T = void 0, o;
|
||||
};
|
||||
}
|
||||
var P = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: U } = a;
|
||||
function O(t, ...e) {
|
||||
if (!e.length) return t;
|
||||
P.set(t, B(t, this));
|
||||
for (let [n, r] of Object.entries(Object.assign({}, ...e)))
|
||||
z.call(this, t, n, r);
|
||||
return P.delete(t), t;
|
||||
function pt(t, e = t) {
|
||||
let n = "\xB9\u2070", r = "\u2713", o = Object.fromEntries(
|
||||
Array.from(e.querySelectorAll("slot")).filter((c) => !c.name.endsWith(n)).map((c) => [c.name += n, c])
|
||||
);
|
||||
if (t.append = new Proxy(t.append, {
|
||||
apply(c, a, d) {
|
||||
if (d[0] === e) return c.apply(t, d);
|
||||
for (let p of d) {
|
||||
let b = (p.slot || "") + n;
|
||||
try {
|
||||
Q(p, "remove", "slot");
|
||||
} catch {
|
||||
}
|
||||
let h = o[b];
|
||||
if (!h) return;
|
||||
b.startsWith(r) || h.childNodes.forEach((E) => E.remove()), h.append(p), h.name = r + b;
|
||||
}
|
||||
return t.append = c, t;
|
||||
}
|
||||
}), t !== e) {
|
||||
let c = Array.from(t.childNodes);
|
||||
t.append(...c);
|
||||
}
|
||||
return e;
|
||||
}
|
||||
function z(t, e, n) {
|
||||
let { setRemoveAttr: r, s: o } = B(t, this), c = this;
|
||||
var N = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: $ } = f;
|
||||
function R(t, ...e) {
|
||||
if (!e.length) return t;
|
||||
N.set(t, H(t, this));
|
||||
for (let [n, r] of Object.entries(Object.assign({}, ...e)))
|
||||
U.call(this, t, n, r);
|
||||
return N.delete(t), t;
|
||||
}
|
||||
function U(t, e, n) {
|
||||
let { setRemoveAttr: r, s: o } = H(t, this), c = this;
|
||||
n = o.processReactiveAttribute(
|
||||
t,
|
||||
e,
|
||||
n,
|
||||
(d, p) => z.call(c, t, d, p)
|
||||
(d, p) => U.call(c, t, d, p)
|
||||
);
|
||||
let [f] = e;
|
||||
if (f === "=") return r(e.slice(1), n);
|
||||
if (f === ".") return H(t, e.slice(1), n);
|
||||
let [a] = e;
|
||||
if (a === "=") return r(e.slice(1), n);
|
||||
if (a === ".") return F(t, e.slice(1), n);
|
||||
if (/(aria|data)([A-Z])/.test(e))
|
||||
return e = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), r(e, n);
|
||||
switch (e === "className" && (e = "class"), e) {
|
||||
case "xlink:href":
|
||||
return r(e, n, "http://www.w3.org/1999/xlink");
|
||||
case "textContent":
|
||||
return U(t, e, n);
|
||||
return $(t, e, n);
|
||||
case "style":
|
||||
if (typeof n != "object") break;
|
||||
/* falls through */
|
||||
case "dataset":
|
||||
return M(o, n, H.bind(null, t[e]));
|
||||
return M(o, n, F.bind(null, t[e]));
|
||||
case "ariaset":
|
||||
return M(o, n, (d, p) => r("aria-" + d, p));
|
||||
case "classList":
|
||||
return Y.call(c, t, n);
|
||||
return K.call(c, t, n);
|
||||
}
|
||||
return et(t, e) ? U(t, e, n) : r(e, n);
|
||||
return X(t, e) ? $(t, e, n) : r(e, n);
|
||||
}
|
||||
function B(t, e) {
|
||||
if (P.has(t)) return P.get(t);
|
||||
let r = (t instanceof a.S ? rt : nt).bind(null, t, "Attribute"), o = L(e);
|
||||
function H(t, e) {
|
||||
if (N.has(t)) return N.get(t);
|
||||
let r = (t instanceof f.S ? tt : Y).bind(null, t, "Attribute"), o = S(e);
|
||||
return { setRemoveAttr: r, s: o };
|
||||
}
|
||||
function Y(t, e) {
|
||||
let n = L(this);
|
||||
function K(t, e) {
|
||||
let n = S(this);
|
||||
return M(
|
||||
n,
|
||||
e,
|
||||
(r, o) => t.classList.toggle(r, o === -1 ? void 0 : !!o)
|
||||
), t;
|
||||
}
|
||||
function tt(t, e, n, r) {
|
||||
return t instanceof a.H ? t[e + "Attribute"](n, r) : t[e + "AttributeNS"](null, n, r);
|
||||
function Q(t, e, n, r) {
|
||||
return t instanceof f.H ? t[e + "Attribute"](n, r) : t[e + "AttributeNS"](null, n, r);
|
||||
}
|
||||
function et(t, e) {
|
||||
function X(t, e) {
|
||||
if (!(e in t)) return !1;
|
||||
let n = I(t, e);
|
||||
let n = z(t, e);
|
||||
return !x(n.set);
|
||||
}
|
||||
function I(t, e) {
|
||||
function z(t, e) {
|
||||
if (t = Object.getPrototypeOf(t), !t) return {};
|
||||
let n = Object.getOwnPropertyDescriptor(t, e);
|
||||
return n || I(t, e);
|
||||
return n || z(t, e);
|
||||
}
|
||||
function M(t, e, n) {
|
||||
if (!(typeof e != "object" || e === null))
|
||||
@ -250,213 +236,212 @@ function M(t, e, n) {
|
||||
o && (c = t.processReactiveAttribute(e, o, c, n), n(o, c));
|
||||
});
|
||||
}
|
||||
function nt(t, e, n, r) {
|
||||
function Y(t, e, n, r) {
|
||||
return t[(x(r) ? "remove" : "set") + e](n, r);
|
||||
}
|
||||
function rt(t, e, n, r, o = null) {
|
||||
function tt(t, e, n, r, o = null) {
|
||||
return t[(x(r) ? "remove" : "set") + e + "NS"](o, n, r);
|
||||
}
|
||||
function H(t, e, n) {
|
||||
function F(t, e, n) {
|
||||
if (Reflect.set(t, e, n), !!x(n))
|
||||
return Reflect.deleteProperty(t, e);
|
||||
}
|
||||
|
||||
// src/events-observer.js
|
||||
var A = a.M ? ot() : new Proxy({}, {
|
||||
var m = f.M ? et() : new Proxy({}, {
|
||||
get() {
|
||||
return () => {
|
||||
};
|
||||
}
|
||||
});
|
||||
function ot() {
|
||||
let t = /* @__PURE__ */ new Map(), e = !1, n = (i) => function(u) {
|
||||
for (let s of u)
|
||||
if (s.type === "childList") {
|
||||
if (l(s.addedNodes, !0)) {
|
||||
i();
|
||||
function et() {
|
||||
let t = /* @__PURE__ */ new Map(), e = !1, n = (s) => function(u) {
|
||||
for (let i of u)
|
||||
if (i.type === "childList") {
|
||||
if (h(i.addedNodes, !0)) {
|
||||
s();
|
||||
continue;
|
||||
}
|
||||
E(s.removedNodes, !0) && i();
|
||||
E(i.removedNodes, !0) && s();
|
||||
}
|
||||
}, r = new a.M(n(d));
|
||||
}, r = new f.M(n(d));
|
||||
return {
|
||||
observe(i) {
|
||||
let u = new a.M(n(() => {
|
||||
observe(s) {
|
||||
let u = new f.M(n(() => {
|
||||
}));
|
||||
return u.observe(i, { childList: !0, subtree: !0 }), () => u.disconnect();
|
||||
return u.observe(s, { childList: !0, subtree: !0 }), () => u.disconnect();
|
||||
},
|
||||
onConnected(i, u) {
|
||||
f();
|
||||
let s = c(i);
|
||||
s.connected.has(u) || (s.connected.add(u), s.length_c += 1);
|
||||
onConnected(s, u) {
|
||||
a();
|
||||
let i = c(s);
|
||||
i.connected.has(u) || (i.connected.add(u), i.length_c += 1);
|
||||
},
|
||||
offConnected(i, u) {
|
||||
if (!t.has(i)) return;
|
||||
let s = t.get(i);
|
||||
s.connected.has(u) && (s.connected.delete(u), s.length_c -= 1, o(i, s));
|
||||
offConnected(s, u) {
|
||||
if (!t.has(s)) return;
|
||||
let i = t.get(s);
|
||||
i.connected.has(u) && (i.connected.delete(u), i.length_c -= 1, o(s, i));
|
||||
},
|
||||
onDisconnected(i, u) {
|
||||
f();
|
||||
let s = c(i);
|
||||
s.disconnected.has(u) || (s.disconnected.add(u), s.length_d += 1);
|
||||
onDisconnected(s, u) {
|
||||
a();
|
||||
let i = c(s);
|
||||
i.disconnected.has(u) || (i.disconnected.add(u), i.length_d += 1);
|
||||
},
|
||||
offDisconnected(i, u) {
|
||||
if (!t.has(i)) return;
|
||||
let s = t.get(i);
|
||||
s.disconnected.has(u) && (s.disconnected.delete(u), s.length_d -= 1, o(i, s));
|
||||
offDisconnected(s, u) {
|
||||
if (!t.has(s)) return;
|
||||
let i = t.get(s);
|
||||
i.disconnected.has(u) && (i.disconnected.delete(u), i.length_d -= 1, o(s, i));
|
||||
}
|
||||
};
|
||||
function o(i, u) {
|
||||
u.length_c || u.length_d || (t.delete(i), d());
|
||||
function o(s, u) {
|
||||
u.length_c || u.length_d || (t.delete(s), d());
|
||||
}
|
||||
function c(i) {
|
||||
if (t.has(i)) return t.get(i);
|
||||
function c(s) {
|
||||
if (t.has(s)) return t.get(s);
|
||||
let u = {
|
||||
connected: /* @__PURE__ */ new WeakSet(),
|
||||
length_c: 0,
|
||||
disconnected: /* @__PURE__ */ new WeakSet(),
|
||||
length_d: 0
|
||||
};
|
||||
return t.set(i, u), u;
|
||||
return t.set(s, u), u;
|
||||
}
|
||||
function f() {
|
||||
e || (e = !0, r.observe(a.D.body, { childList: !0, subtree: !0 }));
|
||||
function a() {
|
||||
e || (e = !0, r.observe(f.D.body, { childList: !0, subtree: !0 }));
|
||||
}
|
||||
function d() {
|
||||
!e || t.size || (e = !1, r.disconnect());
|
||||
}
|
||||
function p() {
|
||||
return new Promise(function(i) {
|
||||
(requestIdleCallback || requestAnimationFrame)(i);
|
||||
return new Promise(function(s) {
|
||||
(requestIdleCallback || requestAnimationFrame)(s);
|
||||
});
|
||||
}
|
||||
async function b(i) {
|
||||
async function b(s) {
|
||||
t.size > 30 && await p();
|
||||
let u = [];
|
||||
if (!(i instanceof Node)) return u;
|
||||
for (let s of t.keys())
|
||||
s === i || !(s instanceof Node) || i.contains(s) && u.push(s);
|
||||
if (!(s instanceof Node)) return u;
|
||||
for (let i of t.keys())
|
||||
i === s || !(i instanceof Node) || s.contains(i) && u.push(i);
|
||||
return u;
|
||||
}
|
||||
function l(i, u) {
|
||||
let s = !1;
|
||||
for (let h of i) {
|
||||
if (u && b(h).then(l), !t.has(h)) continue;
|
||||
let C = t.get(h);
|
||||
C.length_c && (h.dispatchEvent(new Event(g)), C.connected = /* @__PURE__ */ new WeakSet(), C.length_c = 0, C.length_d || t.delete(h), s = !0);
|
||||
function h(s, u) {
|
||||
let i = !1;
|
||||
for (let l of s) {
|
||||
if (u && b(l).then(h), !t.has(l)) continue;
|
||||
let A = t.get(l);
|
||||
A.length_c && (l.dispatchEvent(new Event(g)), A.connected = /* @__PURE__ */ new WeakSet(), A.length_c = 0, A.length_d || t.delete(l), i = !0);
|
||||
}
|
||||
return s;
|
||||
return i;
|
||||
}
|
||||
function E(i, u) {
|
||||
let s = !1;
|
||||
for (let h of i)
|
||||
u && b(h).then(E), !(!t.has(h) || !t.get(h).length_d) && ((globalThis.queueMicrotask || setTimeout)(_(h)), s = !0);
|
||||
return s;
|
||||
function E(s, u) {
|
||||
let i = !1;
|
||||
for (let l of s)
|
||||
u && b(l).then(E), !(!t.has(l) || !t.get(l).length_d) && ((globalThis.queueMicrotask || setTimeout)(I(l)), i = !0);
|
||||
return i;
|
||||
}
|
||||
function _(i) {
|
||||
function I(s) {
|
||||
return () => {
|
||||
i.isConnected || (i.dispatchEvent(new Event(y)), t.delete(i));
|
||||
s.isConnected || (s.dispatchEvent(new Event(y)), t.delete(s));
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// src/customElement.js
|
||||
function mt(t, e, n, r = it) {
|
||||
S.push({
|
||||
function wt(t, e, n, r = rt) {
|
||||
D.push({
|
||||
scope: t,
|
||||
host: (...f) => f.length ? f.forEach((d) => d(t)) : t
|
||||
host: (...a) => a.length ? a.forEach((d) => d(t)) : t
|
||||
}), typeof r == "function" && (r = r.call(t, t));
|
||||
let o = t[w];
|
||||
o || ct(t);
|
||||
o || nt(t);
|
||||
let c = n.call(t, r);
|
||||
return o || t.dispatchEvent(new Event(g)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(y, A.observe(e), { once: !0 }), S.pop(), e.append(c);
|
||||
return o || t.dispatchEvent(new Event(g)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(y, m.observe(e), { once: !0 }), D.pop(), e.append(c);
|
||||
}
|
||||
function ct(t) {
|
||||
return k(t.prototype, "connectedCallback", function(e, n, r) {
|
||||
function nt(t) {
|
||||
return P(t.prototype, "connectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), n.dispatchEvent(new Event(g));
|
||||
}), k(t.prototype, "disconnectedCallback", function(e, n, r) {
|
||||
}), P(t.prototype, "disconnectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), (globalThis.queueMicrotask || setTimeout)(
|
||||
() => !n.isConnected && n.dispatchEvent(new Event(y))
|
||||
);
|
||||
}), k(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
}), P(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
let [o, , c] = r;
|
||||
n.dispatchEvent(new CustomEvent(D, {
|
||||
n.dispatchEvent(new CustomEvent(O, {
|
||||
detail: [o, c]
|
||||
})), e.apply(n, r);
|
||||
}), t.prototype[w] = !0, t;
|
||||
}
|
||||
function k(t, e, n) {
|
||||
function P(t, e, n) {
|
||||
t[e] = new Proxy(t[e] || (() => {
|
||||
}), { apply: n });
|
||||
}
|
||||
function it(t) {
|
||||
return F(t, (e, n) => e.getAttribute(n));
|
||||
function rt(t) {
|
||||
return W(t, (e, n) => e.getAttribute(n));
|
||||
}
|
||||
|
||||
// src/events.js
|
||||
function Rt(t, e, n) {
|
||||
function Ct(t, e, n) {
|
||||
return e || (e = {}), function(o, ...c) {
|
||||
n && (c.unshift(o), o = typeof n == "function" ? n() : n);
|
||||
let f = c.length ? new CustomEvent(t, Object.assign({ detail: c[0] }, e)) : new Event(t, e);
|
||||
return o.dispatchEvent(f);
|
||||
let a = c.length ? new CustomEvent(t, Object.assign({ detail: c[0] }, e)) : new Event(t, e);
|
||||
return o.dispatchEvent(a);
|
||||
};
|
||||
}
|
||||
function R(t, e, n) {
|
||||
function _(t, e, n) {
|
||||
return function(o) {
|
||||
return o.addEventListener(t, e, n), o;
|
||||
};
|
||||
}
|
||||
var Z = (t) => Object.assign({}, typeof t == "object" ? t : null, { once: !0 });
|
||||
R.connected = function(t, e) {
|
||||
return e = Z(e), function(r) {
|
||||
return r.addEventListener(g, t, e), r[w] ? r : r.isConnected ? (r.dispatchEvent(new Event(g)), r) : (N(e.signal, () => A.offConnected(r, t)) && A.onConnected(r, t), r);
|
||||
var B = (t) => Object.assign({}, typeof t == "object" ? t : null, { once: !0 });
|
||||
_.connected = function(t, e) {
|
||||
return e = B(e), function(r) {
|
||||
return r.addEventListener(g, t, e), r[w] ? r : r.isConnected ? (r.dispatchEvent(new Event(g)), r) : (L(e.signal, () => m.offConnected(r, t)) && m.onConnected(r, t), r);
|
||||
};
|
||||
};
|
||||
R.disconnected = function(t, e) {
|
||||
return e = Z(e), function(r) {
|
||||
return r.addEventListener(y, t, e), r[w] || N(e.signal, () => A.offDisconnected(r, t)) && A.onDisconnected(r, t), r;
|
||||
_.disconnected = function(t, e) {
|
||||
return e = B(e), function(r) {
|
||||
return r.addEventListener(y, t, e), r[w] || L(e.signal, () => m.offDisconnected(r, t)) && m.onDisconnected(r, t), r;
|
||||
};
|
||||
};
|
||||
var W = /* @__PURE__ */ new WeakMap();
|
||||
R.disconnectedAsAbort = function(t) {
|
||||
if (W.has(t)) return W.get(t);
|
||||
var j = /* @__PURE__ */ new WeakMap();
|
||||
_.disconnectedAsAbort = function(t) {
|
||||
if (j.has(t)) return j.get(t);
|
||||
let e = new AbortController();
|
||||
return W.set(t, e), t(R.disconnected(() => e.abort())), e;
|
||||
return j.set(t, e), t(_.disconnected(() => e.abort())), e;
|
||||
};
|
||||
var st = /* @__PURE__ */ new WeakSet();
|
||||
R.attributeChanged = function(t, e) {
|
||||
var ot = /* @__PURE__ */ new WeakSet();
|
||||
_.attributeChanged = function(t, e) {
|
||||
return typeof e != "object" && (e = {}), function(r) {
|
||||
if (r.addEventListener(D, t, e), r[w] || st.has(r) || !a.M) return r;
|
||||
let o = new a.M(function(f) {
|
||||
for (let { attributeName: d, target: p } of f)
|
||||
if (r.addEventListener(O, t, e), r[w] || ot.has(r) || !f.M) return r;
|
||||
let o = new f.M(function(a) {
|
||||
for (let { attributeName: d, target: p } of a)
|
||||
p.dispatchEvent(
|
||||
new CustomEvent(D, { detail: [d, p.getAttribute(d)] })
|
||||
new CustomEvent(O, { detail: [d, p.getAttribute(d)] })
|
||||
);
|
||||
});
|
||||
return N(e.signal, () => o.disconnect()) && o.observe(r, { attributes: !0 }), r;
|
||||
return L(e.signal, () => o.disconnect()) && o.observe(r, { attributes: !0 }), r;
|
||||
};
|
||||
};
|
||||
|
||||
globalThis.dde= {
|
||||
assign: O,
|
||||
assignAttribute: z,
|
||||
chainableAppend: K,
|
||||
classListDeclarative: Y,
|
||||
cn: Q,
|
||||
createElement: j,
|
||||
createElementNS: gt,
|
||||
customElementRender: mt,
|
||||
customElementWithDDE: ct,
|
||||
dispatchEvent: Rt,
|
||||
el: j,
|
||||
elNS: gt,
|
||||
elementAttribute: tt,
|
||||
lifecyclesToEvents: ct,
|
||||
observedAttributes: it,
|
||||
on: R,
|
||||
registerReactivity: G,
|
||||
scope: S,
|
||||
simulateSlots: bt
|
||||
assign: R,
|
||||
assignAttribute: U,
|
||||
chainableAppend: J,
|
||||
classListDeclarative: K,
|
||||
createElement: k,
|
||||
createElementNS: dt,
|
||||
customElementRender: wt,
|
||||
customElementWithDDE: nt,
|
||||
dispatchEvent: Ct,
|
||||
el: k,
|
||||
elNS: dt,
|
||||
elementAttribute: Q,
|
||||
lifecyclesToEvents: nt,
|
||||
observedAttributes: rt,
|
||||
on: _,
|
||||
registerReactivity: Z,
|
||||
scope: D,
|
||||
simulateSlots: pt
|
||||
};
|
||||
|
||||
})();
|
||||
9
dist/esm-with-signals.d.ts
vendored
9
dist/esm-with-signals.d.ts
vendored
@ -40,7 +40,7 @@ type AttrsModified= {
|
||||
& Record<`.${string}`, any>
|
||||
type _fromElsInterfaces<EL extends SupportedElement>= Omit<EL, keyof AttrsModified>;
|
||||
type IsReadonly<T, K extends keyof T> =
|
||||
T extends { readonly [P in K]: T[K] } ? true : false;
|
||||
T extends { readonly [P in K]: T[K] } ? true : false;
|
||||
/**
|
||||
* Just element attributtes
|
||||
*
|
||||
@ -129,14 +129,9 @@ export function elNS(
|
||||
export { elNS as createElementNS }
|
||||
|
||||
export function chainableAppend<EL extends SupportedElement>(el: EL): EL;
|
||||
/**
|
||||
* Mapper function (optional). Pass for coppying attributes, this is NOT implemented by {@link simulateSlots} itself!
|
||||
* */
|
||||
type simulateSlotsMapper= (body: HTMLSlotElement, el: HTMLElement)=> void;
|
||||
/** Simulate slots for ddeComponents */
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(
|
||||
root: EL,
|
||||
mapper?: simulateSlotsMapper
|
||||
): EL
|
||||
/**
|
||||
* Simulate slots in Custom Elements without using `shadowRoot`.
|
||||
@ -145,7 +140,7 @@ export function simulateSlots<EL extends SupportedElement | DocumentFragment>(
|
||||
* */
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(
|
||||
el: HTMLElement,
|
||||
body: EL, mapper?: simulateSlotsMapper
|
||||
body: EL,
|
||||
): EL
|
||||
|
||||
export function dispatchEvent(name: keyof DocumentEventMap | string, options?: EventInit):
|
||||
|
||||
476
dist/esm-with-signals.js
vendored
476
dist/esm-with-signals.js
vendored
@ -1,5 +1,5 @@
|
||||
// src/signals-common.js
|
||||
var k = {
|
||||
var N = {
|
||||
isSignal(t) {
|
||||
return !1;
|
||||
},
|
||||
@ -7,23 +7,23 @@ var k = {
|
||||
return n;
|
||||
}
|
||||
};
|
||||
function B(t, e = !0) {
|
||||
return e ? Object.assign(k, t) : (Object.setPrototypeOf(t, k), t);
|
||||
function H(t, e = !0) {
|
||||
return e ? Object.assign(N, t) : (Object.setPrototypeOf(t, N), t);
|
||||
}
|
||||
function W(t) {
|
||||
return k.isPrototypeOf(t) && t !== k ? t : k;
|
||||
function j(t) {
|
||||
return N.isPrototypeOf(t) && t !== N ? t : N;
|
||||
}
|
||||
|
||||
// src/helpers.js
|
||||
var T = (...t) => Object.prototype.hasOwnProperty.call(...t);
|
||||
function S(t) {
|
||||
var I = (...t) => Object.prototype.hasOwnProperty.call(...t);
|
||||
function A(t) {
|
||||
return typeof t > "u";
|
||||
}
|
||||
function X(t) {
|
||||
let e = typeof t;
|
||||
return e !== "object" ? e : t === null ? "null" : Object.prototype.toString.call(t);
|
||||
}
|
||||
function q(t, e) {
|
||||
function P(t, e) {
|
||||
if (!t || !(t instanceof AbortSignal))
|
||||
return !0;
|
||||
if (!t.aborted)
|
||||
@ -31,7 +31,7 @@ function q(t, e) {
|
||||
t.removeEventListener("abort", e);
|
||||
};
|
||||
}
|
||||
function F(t, e) {
|
||||
function W(t, e) {
|
||||
let { observedAttributes: n = [] } = t.constructor;
|
||||
return n.reduce(function(r, o) {
|
||||
return r[dt(o)] = e(t, o), r;
|
||||
@ -52,17 +52,17 @@ var d = {
|
||||
M: globalThis.MutationObserver
|
||||
};
|
||||
function pt(t, e, n) {
|
||||
if (Reflect.set(t, e, n), !!S(n)) {
|
||||
if (Reflect.set(t, e, n), !!A(n)) {
|
||||
if (Reflect.deleteProperty(t, e), t instanceof d.H && t.getAttribute(e) === "undefined")
|
||||
return t.removeAttribute(e);
|
||||
if (Reflect.get(t, e) === "undefined")
|
||||
return Reflect.set(t, e, "");
|
||||
}
|
||||
}
|
||||
var O = "__dde_lifecyclesToEvents", _ = "dde:connected", C = "dde:disconnected", M = "dde:attributeChanged";
|
||||
var O = "__dde_lifecyclesToEvents", _ = "dde:connected", S = "dde:disconnected", T = "dde:attributeChanged";
|
||||
|
||||
// src/dom.js
|
||||
var A = [{
|
||||
var y = [{
|
||||
get scope() {
|
||||
return d.D.body;
|
||||
},
|
||||
@ -70,7 +70,7 @@ var A = [{
|
||||
prevent: !0
|
||||
}], x = {
|
||||
get current() {
|
||||
return A[A.length - 1];
|
||||
return y[y.length - 1];
|
||||
},
|
||||
get host() {
|
||||
return this.current.host;
|
||||
@ -80,17 +80,17 @@ var A = [{
|
||||
return t.prevent = !0, t;
|
||||
},
|
||||
get state() {
|
||||
return [...A];
|
||||
return [...y];
|
||||
},
|
||||
push(t = {}) {
|
||||
return A.push(Object.assign({}, this.current, { prevent: !1 }, t));
|
||||
return y.push(Object.assign({}, this.current, { prevent: !1 }, t));
|
||||
},
|
||||
pushRoot() {
|
||||
return A.push(A[0]);
|
||||
return y.push(y[0]);
|
||||
},
|
||||
pop() {
|
||||
if (A.length !== 1)
|
||||
return A.pop();
|
||||
if (y.length !== 1)
|
||||
return y.pop();
|
||||
}
|
||||
};
|
||||
function Y(...t) {
|
||||
@ -100,95 +100,82 @@ function lt(t) {
|
||||
return t.append === Y || (t.appendOriginal = t.append, t.append = Y), t;
|
||||
}
|
||||
var $;
|
||||
function P(t, e, ...n) {
|
||||
let r = W(this), o = 0, c, i;
|
||||
function M(t, e, ...n) {
|
||||
let r = j(this), o = 0, c, u;
|
||||
switch ((Object(e) !== e || r.isSignal(e)) && (e = { textContent: e }), !0) {
|
||||
case typeof t == "function": {
|
||||
o = 1;
|
||||
let a = (...p) => p.length ? (o === 1 ? n.unshift(...p) : p.forEach((m) => m(i)), void 0) : i;
|
||||
let a = (...h) => h.length ? (o === 1 ? n.unshift(...h) : h.forEach((m) => m(u)), void 0) : u;
|
||||
x.push({ scope: t, host: a }), c = t(e || void 0);
|
||||
let h = c instanceof d.F;
|
||||
let l = c instanceof d.F;
|
||||
if (c.nodeName === "#comment") break;
|
||||
let v = P.mark({
|
||||
let v = M.mark({
|
||||
type: "component",
|
||||
name: t.name,
|
||||
host: h ? "this" : "parentElement"
|
||||
host: l ? "this" : "parentElement"
|
||||
});
|
||||
c.prepend(v), h && (i = v);
|
||||
c.prepend(v), l && (u = v);
|
||||
break;
|
||||
}
|
||||
case t === "#text":
|
||||
c = j.call(this, d.D.createTextNode(""), e);
|
||||
c = q.call(this, d.D.createTextNode(""), e);
|
||||
break;
|
||||
case (t === "<>" || !t):
|
||||
c = j.call(this, d.D.createDocumentFragment(), e);
|
||||
c = q.call(this, d.D.createDocumentFragment(), e);
|
||||
break;
|
||||
case !!$:
|
||||
c = j.call(this, d.D.createElementNS($, t), e);
|
||||
c = q.call(this, d.D.createElementNS($, t), e);
|
||||
break;
|
||||
case !c:
|
||||
c = j.call(this, d.D.createElement(t), e);
|
||||
c = q.call(this, d.D.createElement(t), e);
|
||||
}
|
||||
return lt(c), i || (i = c), n.forEach((a) => a(i)), o && x.pop(), o = 2, c;
|
||||
return lt(c), u || (u = c), n.forEach((a) => a(u)), o && x.pop(), o = 2, c;
|
||||
}
|
||||
P.mark = function(t, e = !1) {
|
||||
M.mark = function(t, e = !1) {
|
||||
t = Object.entries(t).map(([o, c]) => o + `="${c}"`).join(" ");
|
||||
let n = e ? "" : "/", r = d.D.createComment(`<dde:mark ${t}${d.ssr}${n}>`);
|
||||
return e && (r.end = d.D.createComment("</dde:mark>")), r;
|
||||
};
|
||||
function Wt(t, e, n) {
|
||||
typeof e != "object" && (n = e, e = t);
|
||||
let r = Symbol.for("default"), o = Array.from(e.querySelectorAll("slot")).reduce((i, a) => Reflect.set(i, a.name || r, a) && i, {}), c = T(o, r);
|
||||
if (t.append = new Proxy(t.append, {
|
||||
apply(i, a, h) {
|
||||
if (h[0] === e) return i.apply(t, h);
|
||||
if (!h.length) return t;
|
||||
let v = d.D.createDocumentFragment();
|
||||
for (let p of h) {
|
||||
if (!p || !p.slot) {
|
||||
c && v.append(p);
|
||||
continue;
|
||||
}
|
||||
let m = p.slot, y = o[m];
|
||||
vt(p, "remove", "slot"), y && (bt(y, p, n), Reflect.deleteProperty(o, m));
|
||||
}
|
||||
return c && (o[r].replaceWith(v), Reflect.deleteProperty(o, r)), t.append = i, t;
|
||||
}
|
||||
}), t !== e) {
|
||||
let i = Array.from(t.childNodes);
|
||||
i.forEach((a) => a.remove()), t.append(...i);
|
||||
}
|
||||
return e;
|
||||
}
|
||||
function ht(...t) {
|
||||
return t.filter(Boolean).join(" ");
|
||||
}
|
||||
function bt(t, e, n) {
|
||||
n && n(t, e);
|
||||
try {
|
||||
t.replaceWith(j(e, {
|
||||
className: ht(e.className, t.className),
|
||||
dataset: { ...t.dataset }
|
||||
}));
|
||||
} catch {
|
||||
t.replaceWith(e);
|
||||
}
|
||||
}
|
||||
function qt(t) {
|
||||
function Mt(t) {
|
||||
let e = this;
|
||||
return function(...r) {
|
||||
$ = t;
|
||||
let o = P.call(e, ...r);
|
||||
let o = M.call(e, ...r);
|
||||
return $ = void 0, o;
|
||||
};
|
||||
}
|
||||
var U = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: tt } = d;
|
||||
function j(t, ...e) {
|
||||
function jt(t, e = t) {
|
||||
let n = "\xB9\u2070", r = "\u2713", o = Object.fromEntries(
|
||||
Array.from(e.querySelectorAll("slot")).filter((c) => !c.name.endsWith(n)).map((c) => [c.name += n, c])
|
||||
);
|
||||
if (t.append = new Proxy(t.append, {
|
||||
apply(c, u, a) {
|
||||
if (a[0] === e) return c.apply(t, a);
|
||||
for (let l of a) {
|
||||
let v = (l.slot || "") + n;
|
||||
try {
|
||||
bt(l, "remove", "slot");
|
||||
} catch {
|
||||
}
|
||||
let h = o[v];
|
||||
if (!h) return;
|
||||
v.startsWith(r) || h.childNodes.forEach((m) => m.remove()), h.append(l), h.name = r + v;
|
||||
}
|
||||
return t.append = c, t;
|
||||
}
|
||||
}), t !== e) {
|
||||
let c = Array.from(t.childNodes);
|
||||
t.append(...c);
|
||||
}
|
||||
return e;
|
||||
}
|
||||
var F = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: tt } = d;
|
||||
function q(t, ...e) {
|
||||
if (!e.length) return t;
|
||||
U.set(t, rt(t, this));
|
||||
F.set(t, rt(t, this));
|
||||
for (let [n, r] of Object.entries(Object.assign({}, ...e)))
|
||||
nt.call(this, t, n, r);
|
||||
return U.delete(t), t;
|
||||
return F.delete(t), t;
|
||||
}
|
||||
function nt(t, e, n) {
|
||||
let { setRemoveAttr: r, s: o } = rt(t, this), c = this;
|
||||
@ -196,11 +183,11 @@ function nt(t, e, n) {
|
||||
t,
|
||||
e,
|
||||
n,
|
||||
(a, h) => nt.call(c, t, a, h)
|
||||
(a, l) => nt.call(c, t, a, l)
|
||||
);
|
||||
let [i] = e;
|
||||
if (i === "=") return r(e.slice(1), n);
|
||||
if (i === ".") return et(t, e.slice(1), n);
|
||||
let [u] = e;
|
||||
if (u === "=") return r(e.slice(1), n);
|
||||
if (u === ".") return et(t, e.slice(1), n);
|
||||
if (/(aria|data)([A-Z])/.test(e))
|
||||
return e = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), r(e, n);
|
||||
switch (e === "className" && (e = "class"), e) {
|
||||
@ -212,177 +199,177 @@ function nt(t, e, n) {
|
||||
if (typeof n != "object") break;
|
||||
/* falls through */
|
||||
case "dataset":
|
||||
return I(o, n, et.bind(null, t[e]));
|
||||
return B(o, n, et.bind(null, t[e]));
|
||||
case "ariaset":
|
||||
return I(o, n, (a, h) => r("aria-" + a, h));
|
||||
return B(o, n, (a, l) => r("aria-" + a, l));
|
||||
case "classList":
|
||||
return gt.call(c, t, n);
|
||||
return ht.call(c, t, n);
|
||||
}
|
||||
return Et(t, e) ? tt(t, e, n) : r(e, n);
|
||||
return gt(t, e) ? tt(t, e, n) : r(e, n);
|
||||
}
|
||||
function rt(t, e) {
|
||||
if (U.has(t)) return U.get(t);
|
||||
let r = (t instanceof d.S ? xt : mt).bind(null, t, "Attribute"), o = W(e);
|
||||
if (F.has(t)) return F.get(t);
|
||||
let r = (t instanceof d.S ? Et : vt).bind(null, t, "Attribute"), o = j(e);
|
||||
return { setRemoveAttr: r, s: o };
|
||||
}
|
||||
function gt(t, e) {
|
||||
let n = W(this);
|
||||
return I(
|
||||
function ht(t, e) {
|
||||
let n = j(this);
|
||||
return B(
|
||||
n,
|
||||
e,
|
||||
(r, o) => t.classList.toggle(r, o === -1 ? void 0 : !!o)
|
||||
), t;
|
||||
}
|
||||
function vt(t, e, n, r) {
|
||||
function bt(t, e, n, r) {
|
||||
return t instanceof d.H ? t[e + "Attribute"](n, r) : t[e + "AttributeNS"](null, n, r);
|
||||
}
|
||||
function Et(t, e) {
|
||||
function gt(t, e) {
|
||||
if (!(e in t)) return !1;
|
||||
let n = ot(t, e);
|
||||
return !S(n.set);
|
||||
return !A(n.set);
|
||||
}
|
||||
function ot(t, e) {
|
||||
if (t = Object.getPrototypeOf(t), !t) return {};
|
||||
let n = Object.getOwnPropertyDescriptor(t, e);
|
||||
return n || ot(t, e);
|
||||
}
|
||||
function I(t, e, n) {
|
||||
function B(t, e, n) {
|
||||
if (!(typeof e != "object" || e === null))
|
||||
return Object.entries(e).forEach(function([o, c]) {
|
||||
o && (c = t.processReactiveAttribute(e, o, c, n), n(o, c));
|
||||
});
|
||||
}
|
||||
function mt(t, e, n, r) {
|
||||
return t[(S(r) ? "remove" : "set") + e](n, r);
|
||||
function vt(t, e, n, r) {
|
||||
return t[(A(r) ? "remove" : "set") + e](n, r);
|
||||
}
|
||||
function xt(t, e, n, r, o = null) {
|
||||
return t[(S(r) ? "remove" : "set") + e + "NS"](o, n, r);
|
||||
function Et(t, e, n, r, o = null) {
|
||||
return t[(A(r) ? "remove" : "set") + e + "NS"](o, n, r);
|
||||
}
|
||||
function et(t, e, n) {
|
||||
if (Reflect.set(t, e, n), !!S(n))
|
||||
if (Reflect.set(t, e, n), !!A(n))
|
||||
return Reflect.deleteProperty(t, e);
|
||||
}
|
||||
|
||||
// src/events-observer.js
|
||||
var D = d.M ? wt() : new Proxy({}, {
|
||||
var C = d.M ? mt() : new Proxy({}, {
|
||||
get() {
|
||||
return () => {
|
||||
};
|
||||
}
|
||||
});
|
||||
function wt() {
|
||||
let t = /* @__PURE__ */ new Map(), e = !1, n = (s) => function(u) {
|
||||
for (let f of u)
|
||||
function mt() {
|
||||
let t = /* @__PURE__ */ new Map(), e = !1, n = (i) => function(s) {
|
||||
for (let f of s)
|
||||
if (f.type === "childList") {
|
||||
if (p(f.addedNodes, !0)) {
|
||||
s();
|
||||
if (h(f.addedNodes, !0)) {
|
||||
i();
|
||||
continue;
|
||||
}
|
||||
m(f.removedNodes, !0) && s();
|
||||
m(f.removedNodes, !0) && i();
|
||||
}
|
||||
}, r = new d.M(n(a));
|
||||
return {
|
||||
observe(s) {
|
||||
let u = new d.M(n(() => {
|
||||
observe(i) {
|
||||
let s = new d.M(n(() => {
|
||||
}));
|
||||
return u.observe(s, { childList: !0, subtree: !0 }), () => u.disconnect();
|
||||
return s.observe(i, { childList: !0, subtree: !0 }), () => s.disconnect();
|
||||
},
|
||||
onConnected(s, u) {
|
||||
i();
|
||||
let f = c(s);
|
||||
f.connected.has(u) || (f.connected.add(u), f.length_c += 1);
|
||||
onConnected(i, s) {
|
||||
u();
|
||||
let f = c(i);
|
||||
f.connected.has(s) || (f.connected.add(s), f.length_c += 1);
|
||||
},
|
||||
offConnected(s, u) {
|
||||
if (!t.has(s)) return;
|
||||
let f = t.get(s);
|
||||
f.connected.has(u) && (f.connected.delete(u), f.length_c -= 1, o(s, f));
|
||||
offConnected(i, s) {
|
||||
if (!t.has(i)) return;
|
||||
let f = t.get(i);
|
||||
f.connected.has(s) && (f.connected.delete(s), f.length_c -= 1, o(i, f));
|
||||
},
|
||||
onDisconnected(s, u) {
|
||||
i();
|
||||
let f = c(s);
|
||||
f.disconnected.has(u) || (f.disconnected.add(u), f.length_d += 1);
|
||||
onDisconnected(i, s) {
|
||||
u();
|
||||
let f = c(i);
|
||||
f.disconnected.has(s) || (f.disconnected.add(s), f.length_d += 1);
|
||||
},
|
||||
offDisconnected(s, u) {
|
||||
if (!t.has(s)) return;
|
||||
let f = t.get(s);
|
||||
f.disconnected.has(u) && (f.disconnected.delete(u), f.length_d -= 1, o(s, f));
|
||||
offDisconnected(i, s) {
|
||||
if (!t.has(i)) return;
|
||||
let f = t.get(i);
|
||||
f.disconnected.has(s) && (f.disconnected.delete(s), f.length_d -= 1, o(i, f));
|
||||
}
|
||||
};
|
||||
function o(s, u) {
|
||||
u.length_c || u.length_d || (t.delete(s), a());
|
||||
function o(i, s) {
|
||||
s.length_c || s.length_d || (t.delete(i), a());
|
||||
}
|
||||
function c(s) {
|
||||
if (t.has(s)) return t.get(s);
|
||||
let u = {
|
||||
function c(i) {
|
||||
if (t.has(i)) return t.get(i);
|
||||
let s = {
|
||||
connected: /* @__PURE__ */ new WeakSet(),
|
||||
length_c: 0,
|
||||
disconnected: /* @__PURE__ */ new WeakSet(),
|
||||
length_d: 0
|
||||
};
|
||||
return t.set(s, u), u;
|
||||
return t.set(i, s), s;
|
||||
}
|
||||
function i() {
|
||||
function u() {
|
||||
e || (e = !0, r.observe(d.D.body, { childList: !0, subtree: !0 }));
|
||||
}
|
||||
function a() {
|
||||
!e || t.size || (e = !1, r.disconnect());
|
||||
}
|
||||
function h() {
|
||||
return new Promise(function(s) {
|
||||
(requestIdleCallback || requestAnimationFrame)(s);
|
||||
function l() {
|
||||
return new Promise(function(i) {
|
||||
(requestIdleCallback || requestAnimationFrame)(i);
|
||||
});
|
||||
}
|
||||
async function v(s) {
|
||||
t.size > 30 && await h();
|
||||
let u = [];
|
||||
if (!(s instanceof Node)) return u;
|
||||
async function v(i) {
|
||||
t.size > 30 && await l();
|
||||
let s = [];
|
||||
if (!(i instanceof Node)) return s;
|
||||
for (let f of t.keys())
|
||||
f === s || !(f instanceof Node) || s.contains(f) && u.push(f);
|
||||
return u;
|
||||
f === i || !(f instanceof Node) || i.contains(f) && s.push(f);
|
||||
return s;
|
||||
}
|
||||
function p(s, u) {
|
||||
function h(i, s) {
|
||||
let f = !1;
|
||||
for (let b of s) {
|
||||
if (u && v(b).then(p), !t.has(b)) continue;
|
||||
let N = t.get(b);
|
||||
N.length_c && (b.dispatchEvent(new Event(_)), N.connected = /* @__PURE__ */ new WeakSet(), N.length_c = 0, N.length_d || t.delete(b), f = !0);
|
||||
for (let b of i) {
|
||||
if (s && v(b).then(h), !t.has(b)) continue;
|
||||
let L = t.get(b);
|
||||
L.length_c && (b.dispatchEvent(new Event(_)), L.connected = /* @__PURE__ */ new WeakSet(), L.length_c = 0, L.length_d || t.delete(b), f = !0);
|
||||
}
|
||||
return f;
|
||||
}
|
||||
function m(s, u) {
|
||||
function m(i, s) {
|
||||
let f = !1;
|
||||
for (let b of s)
|
||||
u && v(b).then(m), !(!t.has(b) || !t.get(b).length_d) && ((globalThis.queueMicrotask || setTimeout)(y(b)), f = !0);
|
||||
for (let b of i)
|
||||
s && v(b).then(m), !(!t.has(b) || !t.get(b).length_d) && ((globalThis.queueMicrotask || setTimeout)(k(b)), f = !0);
|
||||
return f;
|
||||
}
|
||||
function y(s) {
|
||||
function k(i) {
|
||||
return () => {
|
||||
s.isConnected || (s.dispatchEvent(new Event(C)), t.delete(s));
|
||||
i.isConnected || (i.dispatchEvent(new Event(S)), t.delete(i));
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// src/customElement.js
|
||||
function Jt(t, e, n, r = _t) {
|
||||
function Ht(t, e, n, r = wt) {
|
||||
x.push({
|
||||
scope: t,
|
||||
host: (...i) => i.length ? i.forEach((a) => a(t)) : t
|
||||
host: (...u) => u.length ? u.forEach((a) => a(t)) : t
|
||||
}), typeof r == "function" && (r = r.call(t, t));
|
||||
let o = t[O];
|
||||
o || yt(t);
|
||||
o || xt(t);
|
||||
let c = n.call(t, r);
|
||||
return o || t.dispatchEvent(new Event(_)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(C, D.observe(e), { once: !0 }), x.pop(), e.append(c);
|
||||
return o || t.dispatchEvent(new Event(_)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(S, C.observe(e), { once: !0 }), x.pop(), e.append(c);
|
||||
}
|
||||
function yt(t) {
|
||||
function xt(t) {
|
||||
return J(t.prototype, "connectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), n.dispatchEvent(new Event(_));
|
||||
}), J(t.prototype, "disconnectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), (globalThis.queueMicrotask || setTimeout)(
|
||||
() => !n.isConnected && n.dispatchEvent(new Event(C))
|
||||
() => !n.isConnected && n.dispatchEvent(new Event(S))
|
||||
);
|
||||
}), J(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
let [o, , c] = r;
|
||||
n.dispatchEvent(new CustomEvent(M, {
|
||||
n.dispatchEvent(new CustomEvent(T, {
|
||||
detail: [o, c]
|
||||
})), e.apply(n, r);
|
||||
}), t.prototype[O] = !0, t;
|
||||
@ -391,16 +378,16 @@ function J(t, e, n) {
|
||||
t[e] = new Proxy(t[e] || (() => {
|
||||
}), { apply: n });
|
||||
}
|
||||
function _t(t) {
|
||||
return F(t, (e, n) => e.getAttribute(n));
|
||||
function wt(t) {
|
||||
return W(t, (e, n) => e.getAttribute(n));
|
||||
}
|
||||
|
||||
// src/events.js
|
||||
function Kt(t, e, n) {
|
||||
function Zt(t, e, n) {
|
||||
return e || (e = {}), function(o, ...c) {
|
||||
n && (c.unshift(o), o = typeof n == "function" ? n() : n);
|
||||
let i = c.length ? new CustomEvent(t, Object.assign({ detail: c[0] }, e)) : new Event(t, e);
|
||||
return o.dispatchEvent(i);
|
||||
let u = c.length ? new CustomEvent(t, Object.assign({ detail: c[0] }, e)) : new Event(t, e);
|
||||
return o.dispatchEvent(u);
|
||||
};
|
||||
}
|
||||
function w(t, e, n) {
|
||||
@ -411,12 +398,12 @@ function w(t, e, n) {
|
||||
var ct = (t) => Object.assign({}, typeof t == "object" ? t : null, { once: !0 });
|
||||
w.connected = function(t, e) {
|
||||
return e = ct(e), function(r) {
|
||||
return r.addEventListener(_, t, e), r[O] ? r : r.isConnected ? (r.dispatchEvent(new Event(_)), r) : (q(e.signal, () => D.offConnected(r, t)) && D.onConnected(r, t), r);
|
||||
return r.addEventListener(_, t, e), r[O] ? r : r.isConnected ? (r.dispatchEvent(new Event(_)), r) : (P(e.signal, () => C.offConnected(r, t)) && C.onConnected(r, t), r);
|
||||
};
|
||||
};
|
||||
w.disconnected = function(t, e) {
|
||||
return e = ct(e), function(r) {
|
||||
return r.addEventListener(C, t, e), r[O] || q(e.signal, () => D.offDisconnected(r, t)) && D.onDisconnected(r, t), r;
|
||||
return r.addEventListener(S, t, e), r[O] || P(e.signal, () => C.offDisconnected(r, t)) && C.onDisconnected(r, t), r;
|
||||
};
|
||||
};
|
||||
var Z = /* @__PURE__ */ new WeakMap();
|
||||
@ -425,45 +412,45 @@ w.disconnectedAsAbort = function(t) {
|
||||
let e = new AbortController();
|
||||
return Z.set(t, e), t(w.disconnected(() => e.abort())), e;
|
||||
};
|
||||
var At = /* @__PURE__ */ new WeakSet();
|
||||
var _t = /* @__PURE__ */ new WeakSet();
|
||||
w.attributeChanged = function(t, e) {
|
||||
return typeof e != "object" && (e = {}), function(r) {
|
||||
if (r.addEventListener(M, t, e), r[O] || At.has(r) || !d.M) return r;
|
||||
let o = new d.M(function(i) {
|
||||
for (let { attributeName: a, target: h } of i)
|
||||
h.dispatchEvent(
|
||||
new CustomEvent(M, { detail: [a, h.getAttribute(a)] })
|
||||
if (r.addEventListener(T, t, e), r[O] || _t.has(r) || !d.M) return r;
|
||||
let o = new d.M(function(u) {
|
||||
for (let { attributeName: a, target: l } of u)
|
||||
l.dispatchEvent(
|
||||
new CustomEvent(T, { detail: [a, l.getAttribute(a)] })
|
||||
);
|
||||
});
|
||||
return q(e.signal, () => o.disconnect()) && o.observe(r, { attributes: !0 }), r;
|
||||
return P(e.signal, () => o.disconnect()) && o.observe(r, { attributes: !0 }), r;
|
||||
};
|
||||
};
|
||||
|
||||
// src/signals-lib.js
|
||||
var l = "__dde_signal";
|
||||
function z(t) {
|
||||
var p = "__dde_signal";
|
||||
function U(t) {
|
||||
try {
|
||||
return T(t, l);
|
||||
return I(t, p);
|
||||
} catch {
|
||||
return !1;
|
||||
}
|
||||
}
|
||||
var H = [], g = /* @__PURE__ */ new WeakMap();
|
||||
var z = [], g = /* @__PURE__ */ new WeakMap();
|
||||
function E(t, e) {
|
||||
if (typeof t != "function")
|
||||
return it(!1, t, e);
|
||||
if (z(t)) return t;
|
||||
if (U(t)) return t;
|
||||
let n = it(!0), r = function() {
|
||||
let [o, ...c] = g.get(r);
|
||||
if (g.set(r, /* @__PURE__ */ new Set([o])), H.push(r), at(n, t()), H.pop(), !c.length) return;
|
||||
let i = g.get(r);
|
||||
if (g.set(r, /* @__PURE__ */ new Set([o])), z.push(r), at(n, t()), z.pop(), !c.length) return;
|
||||
let u = g.get(r);
|
||||
for (let a of c)
|
||||
i.has(a) || L(a, r);
|
||||
u.has(a) || R(a, r);
|
||||
};
|
||||
return g.set(n[l], r), g.set(r, /* @__PURE__ */ new Set([n])), r(), n;
|
||||
return g.set(n[p], r), g.set(r, /* @__PURE__ */ new Set([n])), r(), n;
|
||||
}
|
||||
E.action = function(t, e, ...n) {
|
||||
let r = t[l], { actions: o } = r;
|
||||
let r = t[p], { actions: o } = r;
|
||||
if (!o || !(e in o))
|
||||
throw new Error(`'${t}' has no action with name '${e}'!`);
|
||||
if (o[e].apply(r, n), r.skip) return delete r.skip;
|
||||
@ -473,7 +460,7 @@ E.on = function t(e, n, r = {}) {
|
||||
let { signal: o } = r;
|
||||
if (!(o && o.aborted)) {
|
||||
if (Array.isArray(e)) return e.forEach((c) => t(c, n, r));
|
||||
Q(e, n), o && o.addEventListener("abort", () => L(e, n));
|
||||
Q(e, n), o && o.addEventListener("abort", () => R(e, n));
|
||||
}
|
||||
};
|
||||
E.symbols = {
|
||||
@ -482,8 +469,8 @@ E.symbols = {
|
||||
};
|
||||
E.clear = function(...t) {
|
||||
for (let n of t) {
|
||||
let r = n[l];
|
||||
r && (delete n.toJSON, r.onclear.forEach((o) => o.call(r)), e(n, r), delete n[l]);
|
||||
let r = n[p];
|
||||
r && (delete n.toJSON, r.onclear.forEach((o) => o.call(r)), e(n, r), delete n[p]);
|
||||
}
|
||||
function e(n, r) {
|
||||
r.listeners.forEach((o) => {
|
||||
@ -493,53 +480,53 @@ E.clear = function(...t) {
|
||||
});
|
||||
}
|
||||
};
|
||||
var R = "__dde_reactive";
|
||||
var D = "__dde_reactive";
|
||||
E.el = function(t, e) {
|
||||
let n = P.mark({ type: "reactive" }, !0), r = n.end, o = d.D.createDocumentFragment();
|
||||
let n = M.mark({ type: "reactive" }, !0), r = n.end, o = d.D.createDocumentFragment();
|
||||
o.append(n, r);
|
||||
let { current: c } = x, i = {}, a = (h) => {
|
||||
let { current: c } = x, u = {}, a = (l) => {
|
||||
if (!n.parentNode || !r.parentNode)
|
||||
return L(t, a);
|
||||
let v = i;
|
||||
i = {}, x.push(c);
|
||||
let p = e(h, function(u, f) {
|
||||
return R(t, a);
|
||||
let v = u;
|
||||
u = {}, x.push(c);
|
||||
let h = e(l, function(s, f) {
|
||||
let b;
|
||||
return T(v, u) ? (b = v[u], delete v[u]) : b = f(), i[u] = b, b;
|
||||
return I(v, s) ? (b = v[s], delete v[s]) : b = f(), u[s] = b, b;
|
||||
});
|
||||
x.pop(), Array.isArray(p) || (p = [p]);
|
||||
x.pop(), Array.isArray(h) || (h = [h]);
|
||||
let m = document.createComment("");
|
||||
p.push(m), n.after(...p);
|
||||
let y;
|
||||
for (; (y = m.nextSibling) && y !== r; )
|
||||
y.remove();
|
||||
m.remove(), n.isConnected && St(c.host());
|
||||
h.push(m), n.after(...h);
|
||||
let k;
|
||||
for (; (k = m.nextSibling) && k !== r; )
|
||||
k.remove();
|
||||
m.remove(), n.isConnected && yt(c.host());
|
||||
};
|
||||
return Q(t, a), ut(t, a, n, e), a(t()), o;
|
||||
};
|
||||
function St(t) {
|
||||
!t || !t[R] || (requestIdleCallback || setTimeout)(function() {
|
||||
t[R] = t[R].filter(([e, n]) => n.isConnected ? !0 : (L(...e), !1));
|
||||
function yt(t) {
|
||||
!t || !t[D] || (requestIdleCallback || setTimeout)(function() {
|
||||
t[D] = t[D].filter(([e, n]) => n.isConnected ? !0 : (R(...e), !1));
|
||||
});
|
||||
}
|
||||
var Ot = {
|
||||
var At = {
|
||||
_set(t) {
|
||||
this.value = t;
|
||||
}
|
||||
};
|
||||
function Ct(t) {
|
||||
function Ot(t) {
|
||||
return function(e, n) {
|
||||
let r = (...c) => c.length ? e.setAttribute(n, ...c) : K(r), o = ft(r, e.getAttribute(n), Ot);
|
||||
let r = (...c) => c.length ? e.setAttribute(n, ...c) : K(r), o = ft(r, e.getAttribute(n), At);
|
||||
return t[n] = o, o;
|
||||
};
|
||||
}
|
||||
var G = "__dde_attributes";
|
||||
E.observedAttributes = function(t) {
|
||||
let e = t[G] = {}, n = F(t, Ct(e));
|
||||
let e = t[G] = {}, n = W(t, Ot(e));
|
||||
return w.attributeChanged(function({ detail: o }) {
|
||||
/*! This maps attributes to signals (`S.observedAttributes`).
|
||||
* Investigate `__dde_attributes` key of the element.*/
|
||||
let [c, i] = o, a = this[G][c];
|
||||
if (a) return E.action(a, "_set", i);
|
||||
let [c, u] = o, a = this[G][c];
|
||||
if (a) return E.action(a, "_set", u);
|
||||
})(t), w.disconnected(function() {
|
||||
/*! This removes all signals mapped to attributes (`S.observedAttributes`).
|
||||
* Investigate `__dde_attributes` key of the element.*/
|
||||
@ -547,12 +534,12 @@ E.observedAttributes = function(t) {
|
||||
})(t), n;
|
||||
};
|
||||
var st = {
|
||||
isSignal: z,
|
||||
isSignal: U,
|
||||
processReactiveAttribute(t, e, n, r) {
|
||||
if (!z(n)) return n;
|
||||
if (!U(n)) return n;
|
||||
let o = (c) => {
|
||||
if (!t.isConnected)
|
||||
return L(n, o);
|
||||
return R(n, o);
|
||||
r(e, c);
|
||||
};
|
||||
return Q(n, o), ut(n, o, t, e), n();
|
||||
@ -561,22 +548,22 @@ var st = {
|
||||
function ut(t, e, ...n) {
|
||||
let { current: r } = x;
|
||||
r.prevent || r.host(function(o) {
|
||||
o[R] || (o[R] = [], w.disconnected(
|
||||
o[D] || (o[D] = [], w.disconnected(
|
||||
() => (
|
||||
/*!
|
||||
* Clears all Signals listeners added in the current scope/host (`S.el`, `assign`, …?).
|
||||
* You can investigate the `__dde_reactive` key of the element.
|
||||
* */
|
||||
o[R].forEach(([[c, i]]) => L(c, i, c[l] && c[l].host && c[l].host() === o))
|
||||
o[D].forEach(([[c, u]]) => R(c, u, c[p] && c[p].host && c[p].host() === o))
|
||||
)
|
||||
)(o)), o[R].push([[t, e], ...n]);
|
||||
)(o)), o[D].push([[t, e], ...n]);
|
||||
});
|
||||
}
|
||||
function it(t, e, n) {
|
||||
let r = t ? () => K(r) : (...o) => o.length ? at(r, ...o) : K(r);
|
||||
return ft(r, e, n, t);
|
||||
}
|
||||
var Dt = Object.assign(/* @__PURE__ */ Object.create(null), {
|
||||
var St = Object.assign(/* @__PURE__ */ Object.create(null), {
|
||||
stopPropagation() {
|
||||
this.skip = !0;
|
||||
}
|
||||
@ -593,13 +580,13 @@ function ft(t, e, n, r = !1) {
|
||||
X(n) !== "[object Object]" && (n = {});
|
||||
let { onclear: c } = E.symbols;
|
||||
n[c] && (o.push(n[c]), delete n[c]);
|
||||
let { host: i } = x;
|
||||
return Reflect.defineProperty(t, l, {
|
||||
let { host: u } = x;
|
||||
return Reflect.defineProperty(t, p, {
|
||||
value: {
|
||||
value: e,
|
||||
actions: n,
|
||||
onclear: o,
|
||||
host: i,
|
||||
host: u,
|
||||
listeners: /* @__PURE__ */ new Set(),
|
||||
defined: new V().stack,
|
||||
readonly: r
|
||||
@ -607,62 +594,61 @@ function ft(t, e, n, r = !1) {
|
||||
enumerable: !1,
|
||||
writable: !1,
|
||||
configurable: !0
|
||||
}), t.toJSON = () => t(), t.valueOf = () => t[l] && t[l].value, Object.setPrototypeOf(t[l], Dt), t;
|
||||
}), t.toJSON = () => t(), t.valueOf = () => t[p] && t[p].value, Object.setPrototypeOf(t[p], St), t;
|
||||
}
|
||||
function Rt() {
|
||||
return H[H.length - 1];
|
||||
function Ct() {
|
||||
return z[z.length - 1];
|
||||
}
|
||||
function K(t) {
|
||||
if (!t[l]) return;
|
||||
let { value: e, listeners: n } = t[l], r = Rt();
|
||||
if (!t[p]) return;
|
||||
let { value: e, listeners: n } = t[p], r = Ct();
|
||||
return r && n.add(r), g.has(r) && g.get(r).add(t), e;
|
||||
}
|
||||
function at(t, e, n) {
|
||||
if (!t[l]) return;
|
||||
let r = t[l];
|
||||
if (!t[p]) return;
|
||||
let r = t[p];
|
||||
if (!(!n && r.value === e))
|
||||
return r.value = e, r.listeners.forEach((o) => o(e)), e;
|
||||
}
|
||||
function Q(t, e) {
|
||||
if (t[l])
|
||||
return t[l].listeners.add(e);
|
||||
if (t[p])
|
||||
return t[p].listeners.add(e);
|
||||
}
|
||||
function L(t, e, n) {
|
||||
let r = t[l];
|
||||
function R(t, e, n) {
|
||||
let r = t[p];
|
||||
if (!r) return;
|
||||
let o = r.listeners.delete(e);
|
||||
if (n && !r.listeners.size) {
|
||||
if (E.clear(t), !g.has(r)) return o;
|
||||
let c = g.get(r);
|
||||
if (!g.has(c)) return o;
|
||||
g.get(c).forEach((i) => L(i, c, !0));
|
||||
g.get(c).forEach((u) => R(u, c, !0));
|
||||
}
|
||||
return o;
|
||||
}
|
||||
|
||||
// signals.js
|
||||
B(st);
|
||||
H(st);
|
||||
export {
|
||||
E as S,
|
||||
j as assign,
|
||||
q as assign,
|
||||
nt as assignAttribute,
|
||||
lt as chainableAppend,
|
||||
gt as classListDeclarative,
|
||||
ht as cn,
|
||||
P as createElement,
|
||||
qt as createElementNS,
|
||||
Jt as customElementRender,
|
||||
yt as customElementWithDDE,
|
||||
Kt as dispatchEvent,
|
||||
P as el,
|
||||
qt as elNS,
|
||||
vt as elementAttribute,
|
||||
z as isSignal,
|
||||
yt as lifecyclesToEvents,
|
||||
_t as observedAttributes,
|
||||
ht as classListDeclarative,
|
||||
M as createElement,
|
||||
Mt as createElementNS,
|
||||
Ht as customElementRender,
|
||||
xt as customElementWithDDE,
|
||||
Zt as dispatchEvent,
|
||||
M as el,
|
||||
Mt as elNS,
|
||||
bt as elementAttribute,
|
||||
U as isSignal,
|
||||
xt as lifecyclesToEvents,
|
||||
wt as observedAttributes,
|
||||
w as on,
|
||||
B as registerReactivity,
|
||||
H as registerReactivity,
|
||||
x as scope,
|
||||
E as signal,
|
||||
Wt as simulateSlots
|
||||
jt as simulateSlots
|
||||
};
|
||||
|
||||
9
dist/esm.d.ts
vendored
9
dist/esm.d.ts
vendored
@ -40,7 +40,7 @@ type AttrsModified= {
|
||||
& Record<`.${string}`, any>
|
||||
type _fromElsInterfaces<EL extends SupportedElement>= Omit<EL, keyof AttrsModified>;
|
||||
type IsReadonly<T, K extends keyof T> =
|
||||
T extends { readonly [P in K]: T[K] } ? true : false;
|
||||
T extends { readonly [P in K]: T[K] } ? true : false;
|
||||
/**
|
||||
* Just element attributtes
|
||||
*
|
||||
@ -129,14 +129,9 @@ export function elNS(
|
||||
export { elNS as createElementNS }
|
||||
|
||||
export function chainableAppend<EL extends SupportedElement>(el: EL): EL;
|
||||
/**
|
||||
* Mapper function (optional). Pass for coppying attributes, this is NOT implemented by {@link simulateSlots} itself!
|
||||
* */
|
||||
type simulateSlotsMapper= (body: HTMLSlotElement, el: HTMLElement)=> void;
|
||||
/** Simulate slots for ddeComponents */
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(
|
||||
root: EL,
|
||||
mapper?: simulateSlotsMapper
|
||||
): EL
|
||||
/**
|
||||
* Simulate slots in Custom Elements without using `shadowRoot`.
|
||||
@ -145,7 +140,7 @@ export function simulateSlots<EL extends SupportedElement | DocumentFragment>(
|
||||
* */
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(
|
||||
el: HTMLElement,
|
||||
body: EL, mapper?: simulateSlotsMapper
|
||||
body: EL,
|
||||
): EL
|
||||
|
||||
export function dispatchEvent(name: keyof DocumentEventMap | string, options?: EventInit):
|
||||
|
||||
417
dist/esm.js
vendored
417
dist/esm.js
vendored
@ -1,5 +1,5 @@
|
||||
// src/signals-common.js
|
||||
var m = {
|
||||
var C = {
|
||||
isSignal(t) {
|
||||
return !1;
|
||||
},
|
||||
@ -7,19 +7,18 @@ var m = {
|
||||
return n;
|
||||
}
|
||||
};
|
||||
function G(t, e = !0) {
|
||||
return e ? Object.assign(m, t) : (Object.setPrototypeOf(t, m), t);
|
||||
function Z(t, e = !0) {
|
||||
return e ? Object.assign(C, t) : (Object.setPrototypeOf(t, C), t);
|
||||
}
|
||||
function L(t) {
|
||||
return m.isPrototypeOf(t) && t !== m ? t : m;
|
||||
function S(t) {
|
||||
return C.isPrototypeOf(t) && t !== C ? t : C;
|
||||
}
|
||||
|
||||
// src/helpers.js
|
||||
var q = (...t) => Object.prototype.hasOwnProperty.call(...t);
|
||||
function x(t) {
|
||||
return typeof t > "u";
|
||||
}
|
||||
function N(t, e) {
|
||||
function L(t, e) {
|
||||
if (!t || !(t instanceof AbortSignal))
|
||||
return !0;
|
||||
if (!t.aborted)
|
||||
@ -27,19 +26,19 @@ function N(t, e) {
|
||||
t.removeEventListener("abort", e);
|
||||
};
|
||||
}
|
||||
function F(t, e) {
|
||||
function W(t, e) {
|
||||
let { observedAttributes: n = [] } = t.constructor;
|
||||
return n.reduce(function(r, o) {
|
||||
return r[V(o)] = e(t, o), r;
|
||||
return r[G(o)] = e(t, o), r;
|
||||
}, {});
|
||||
}
|
||||
function V(t) {
|
||||
function G(t) {
|
||||
return t.replace(/-./g, (e) => e[1].toUpperCase());
|
||||
}
|
||||
|
||||
// src/dom-common.js
|
||||
var a = {
|
||||
setDeleteAttr: J,
|
||||
var f = {
|
||||
setDeleteAttr: V,
|
||||
ssr: "",
|
||||
D: globalThis.document,
|
||||
F: globalThis.DocumentFragment,
|
||||
@ -47,24 +46,24 @@ var a = {
|
||||
S: globalThis.SVGElement,
|
||||
M: globalThis.MutationObserver
|
||||
};
|
||||
function J(t, e, n) {
|
||||
function V(t, e, n) {
|
||||
if (Reflect.set(t, e, n), !!x(n)) {
|
||||
if (Reflect.deleteProperty(t, e), t instanceof a.H && t.getAttribute(e) === "undefined")
|
||||
if (Reflect.deleteProperty(t, e), t instanceof f.H && t.getAttribute(e) === "undefined")
|
||||
return t.removeAttribute(e);
|
||||
if (Reflect.get(t, e) === "undefined")
|
||||
return Reflect.set(t, e, "");
|
||||
}
|
||||
}
|
||||
var w = "__dde_lifecyclesToEvents", g = "dde:connected", y = "dde:disconnected", D = "dde:attributeChanged";
|
||||
var w = "__dde_lifecyclesToEvents", g = "dde:connected", y = "dde:disconnected", O = "dde:attributeChanged";
|
||||
|
||||
// src/dom.js
|
||||
var v = [{
|
||||
get scope() {
|
||||
return a.D.body;
|
||||
return f.D.body;
|
||||
},
|
||||
host: (t) => t ? t(a.D.body) : a.D.body,
|
||||
host: (t) => t ? t(f.D.body) : f.D.body,
|
||||
prevent: !0
|
||||
}], S = {
|
||||
}], D = {
|
||||
get current() {
|
||||
return v[v.length - 1];
|
||||
},
|
||||
@ -89,158 +88,145 @@ var v = [{
|
||||
return v.pop();
|
||||
}
|
||||
};
|
||||
function $(...t) {
|
||||
function q(...t) {
|
||||
return this.appendOriginal(...t), this;
|
||||
}
|
||||
function K(t) {
|
||||
return t.append === $ || (t.appendOriginal = t.append, t.append = $), t;
|
||||
function J(t) {
|
||||
return t.append === q || (t.appendOriginal = t.append, t.append = q), t;
|
||||
}
|
||||
var T;
|
||||
function j(t, e, ...n) {
|
||||
let r = L(this), o = 0, c, f;
|
||||
function k(t, e, ...n) {
|
||||
let r = S(this), o = 0, c, a;
|
||||
switch ((Object(e) !== e || r.isSignal(e)) && (e = { textContent: e }), !0) {
|
||||
case typeof t == "function": {
|
||||
o = 1;
|
||||
let d = (...l) => l.length ? (o === 1 ? n.unshift(...l) : l.forEach((E) => E(f)), void 0) : f;
|
||||
S.push({ scope: t, host: d }), c = t(e || void 0);
|
||||
let p = c instanceof a.F;
|
||||
let d = (...h) => h.length ? (o === 1 ? n.unshift(...h) : h.forEach((E) => E(a)), void 0) : a;
|
||||
D.push({ scope: t, host: d }), c = t(e || void 0);
|
||||
let p = c instanceof f.F;
|
||||
if (c.nodeName === "#comment") break;
|
||||
let b = j.mark({
|
||||
let b = k.mark({
|
||||
type: "component",
|
||||
name: t.name,
|
||||
host: p ? "this" : "parentElement"
|
||||
});
|
||||
c.prepend(b), p && (f = b);
|
||||
c.prepend(b), p && (a = b);
|
||||
break;
|
||||
}
|
||||
case t === "#text":
|
||||
c = O.call(this, a.D.createTextNode(""), e);
|
||||
c = R.call(this, f.D.createTextNode(""), e);
|
||||
break;
|
||||
case (t === "<>" || !t):
|
||||
c = O.call(this, a.D.createDocumentFragment(), e);
|
||||
c = R.call(this, f.D.createDocumentFragment(), e);
|
||||
break;
|
||||
case !!T:
|
||||
c = O.call(this, a.D.createElementNS(T, t), e);
|
||||
c = R.call(this, f.D.createElementNS(T, t), e);
|
||||
break;
|
||||
case !c:
|
||||
c = O.call(this, a.D.createElement(t), e);
|
||||
c = R.call(this, f.D.createElement(t), e);
|
||||
}
|
||||
return K(c), f || (f = c), n.forEach((d) => d(f)), o && S.pop(), o = 2, c;
|
||||
return J(c), a || (a = c), n.forEach((d) => d(a)), o && D.pop(), o = 2, c;
|
||||
}
|
||||
j.mark = function(t, e = !1) {
|
||||
k.mark = function(t, e = !1) {
|
||||
t = Object.entries(t).map(([o, c]) => o + `="${c}"`).join(" ");
|
||||
let n = e ? "" : "/", r = a.D.createComment(`<dde:mark ${t}${a.ssr}${n}>`);
|
||||
return e && (r.end = a.D.createComment("</dde:mark>")), r;
|
||||
let n = e ? "" : "/", r = f.D.createComment(`<dde:mark ${t}${f.ssr}${n}>`);
|
||||
return e && (r.end = f.D.createComment("</dde:mark>")), r;
|
||||
};
|
||||
function bt(t, e, n) {
|
||||
typeof e != "object" && (n = e, e = t);
|
||||
let r = Symbol.for("default"), o = Array.from(e.querySelectorAll("slot")).reduce((f, d) => Reflect.set(f, d.name || r, d) && f, {}), c = q(o, r);
|
||||
if (t.append = new Proxy(t.append, {
|
||||
apply(f, d, p) {
|
||||
if (p[0] === e) return f.apply(t, p);
|
||||
if (!p.length) return t;
|
||||
let b = a.D.createDocumentFragment();
|
||||
for (let l of p) {
|
||||
if (!l || !l.slot) {
|
||||
c && b.append(l);
|
||||
continue;
|
||||
}
|
||||
let E = l.slot, _ = o[E];
|
||||
tt(l, "remove", "slot"), _ && (X(_, l, n), Reflect.deleteProperty(o, E));
|
||||
}
|
||||
return c && (o[r].replaceWith(b), Reflect.deleteProperty(o, r)), t.append = f, t;
|
||||
}
|
||||
}), t !== e) {
|
||||
let f = Array.from(t.childNodes);
|
||||
f.forEach((d) => d.remove()), t.append(...f);
|
||||
}
|
||||
return e;
|
||||
}
|
||||
function Q(...t) {
|
||||
return t.filter(Boolean).join(" ");
|
||||
}
|
||||
function X(t, e, n) {
|
||||
n && n(t, e);
|
||||
try {
|
||||
t.replaceWith(O(e, {
|
||||
className: Q(e.className, t.className),
|
||||
dataset: { ...t.dataset }
|
||||
}));
|
||||
} catch {
|
||||
t.replaceWith(e);
|
||||
}
|
||||
}
|
||||
function gt(t) {
|
||||
function dt(t) {
|
||||
let e = this;
|
||||
return function(...r) {
|
||||
T = t;
|
||||
let o = j.call(e, ...r);
|
||||
let o = k.call(e, ...r);
|
||||
return T = void 0, o;
|
||||
};
|
||||
}
|
||||
var P = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: U } = a;
|
||||
function O(t, ...e) {
|
||||
if (!e.length) return t;
|
||||
P.set(t, B(t, this));
|
||||
for (let [n, r] of Object.entries(Object.assign({}, ...e)))
|
||||
z.call(this, t, n, r);
|
||||
return P.delete(t), t;
|
||||
function pt(t, e = t) {
|
||||
let n = "\xB9\u2070", r = "\u2713", o = Object.fromEntries(
|
||||
Array.from(e.querySelectorAll("slot")).filter((c) => !c.name.endsWith(n)).map((c) => [c.name += n, c])
|
||||
);
|
||||
if (t.append = new Proxy(t.append, {
|
||||
apply(c, a, d) {
|
||||
if (d[0] === e) return c.apply(t, d);
|
||||
for (let p of d) {
|
||||
let b = (p.slot || "") + n;
|
||||
try {
|
||||
Q(p, "remove", "slot");
|
||||
} catch {
|
||||
}
|
||||
let h = o[b];
|
||||
if (!h) return;
|
||||
b.startsWith(r) || h.childNodes.forEach((E) => E.remove()), h.append(p), h.name = r + b;
|
||||
}
|
||||
return t.append = c, t;
|
||||
}
|
||||
}), t !== e) {
|
||||
let c = Array.from(t.childNodes);
|
||||
t.append(...c);
|
||||
}
|
||||
return e;
|
||||
}
|
||||
function z(t, e, n) {
|
||||
let { setRemoveAttr: r, s: o } = B(t, this), c = this;
|
||||
var N = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: $ } = f;
|
||||
function R(t, ...e) {
|
||||
if (!e.length) return t;
|
||||
N.set(t, H(t, this));
|
||||
for (let [n, r] of Object.entries(Object.assign({}, ...e)))
|
||||
U.call(this, t, n, r);
|
||||
return N.delete(t), t;
|
||||
}
|
||||
function U(t, e, n) {
|
||||
let { setRemoveAttr: r, s: o } = H(t, this), c = this;
|
||||
n = o.processReactiveAttribute(
|
||||
t,
|
||||
e,
|
||||
n,
|
||||
(d, p) => z.call(c, t, d, p)
|
||||
(d, p) => U.call(c, t, d, p)
|
||||
);
|
||||
let [f] = e;
|
||||
if (f === "=") return r(e.slice(1), n);
|
||||
if (f === ".") return H(t, e.slice(1), n);
|
||||
let [a] = e;
|
||||
if (a === "=") return r(e.slice(1), n);
|
||||
if (a === ".") return F(t, e.slice(1), n);
|
||||
if (/(aria|data)([A-Z])/.test(e))
|
||||
return e = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), r(e, n);
|
||||
switch (e === "className" && (e = "class"), e) {
|
||||
case "xlink:href":
|
||||
return r(e, n, "http://www.w3.org/1999/xlink");
|
||||
case "textContent":
|
||||
return U(t, e, n);
|
||||
return $(t, e, n);
|
||||
case "style":
|
||||
if (typeof n != "object") break;
|
||||
/* falls through */
|
||||
case "dataset":
|
||||
return M(o, n, H.bind(null, t[e]));
|
||||
return M(o, n, F.bind(null, t[e]));
|
||||
case "ariaset":
|
||||
return M(o, n, (d, p) => r("aria-" + d, p));
|
||||
case "classList":
|
||||
return Y.call(c, t, n);
|
||||
return K.call(c, t, n);
|
||||
}
|
||||
return et(t, e) ? U(t, e, n) : r(e, n);
|
||||
return X(t, e) ? $(t, e, n) : r(e, n);
|
||||
}
|
||||
function B(t, e) {
|
||||
if (P.has(t)) return P.get(t);
|
||||
let r = (t instanceof a.S ? rt : nt).bind(null, t, "Attribute"), o = L(e);
|
||||
function H(t, e) {
|
||||
if (N.has(t)) return N.get(t);
|
||||
let r = (t instanceof f.S ? tt : Y).bind(null, t, "Attribute"), o = S(e);
|
||||
return { setRemoveAttr: r, s: o };
|
||||
}
|
||||
function Y(t, e) {
|
||||
let n = L(this);
|
||||
function K(t, e) {
|
||||
let n = S(this);
|
||||
return M(
|
||||
n,
|
||||
e,
|
||||
(r, o) => t.classList.toggle(r, o === -1 ? void 0 : !!o)
|
||||
), t;
|
||||
}
|
||||
function tt(t, e, n, r) {
|
||||
return t instanceof a.H ? t[e + "Attribute"](n, r) : t[e + "AttributeNS"](null, n, r);
|
||||
function Q(t, e, n, r) {
|
||||
return t instanceof f.H ? t[e + "Attribute"](n, r) : t[e + "AttributeNS"](null, n, r);
|
||||
}
|
||||
function et(t, e) {
|
||||
function X(t, e) {
|
||||
if (!(e in t)) return !1;
|
||||
let n = I(t, e);
|
||||
let n = z(t, e);
|
||||
return !x(n.set);
|
||||
}
|
||||
function I(t, e) {
|
||||
function z(t, e) {
|
||||
if (t = Object.getPrototypeOf(t), !t) return {};
|
||||
let n = Object.getOwnPropertyDescriptor(t, e);
|
||||
return n || I(t, e);
|
||||
return n || z(t, e);
|
||||
}
|
||||
function M(t, e, n) {
|
||||
if (!(typeof e != "object" || e === null))
|
||||
@ -248,210 +234,209 @@ function M(t, e, n) {
|
||||
o && (c = t.processReactiveAttribute(e, o, c, n), n(o, c));
|
||||
});
|
||||
}
|
||||
function nt(t, e, n, r) {
|
||||
function Y(t, e, n, r) {
|
||||
return t[(x(r) ? "remove" : "set") + e](n, r);
|
||||
}
|
||||
function rt(t, e, n, r, o = null) {
|
||||
function tt(t, e, n, r, o = null) {
|
||||
return t[(x(r) ? "remove" : "set") + e + "NS"](o, n, r);
|
||||
}
|
||||
function H(t, e, n) {
|
||||
function F(t, e, n) {
|
||||
if (Reflect.set(t, e, n), !!x(n))
|
||||
return Reflect.deleteProperty(t, e);
|
||||
}
|
||||
|
||||
// src/events-observer.js
|
||||
var A = a.M ? ot() : new Proxy({}, {
|
||||
var m = f.M ? et() : new Proxy({}, {
|
||||
get() {
|
||||
return () => {
|
||||
};
|
||||
}
|
||||
});
|
||||
function ot() {
|
||||
let t = /* @__PURE__ */ new Map(), e = !1, n = (i) => function(u) {
|
||||
for (let s of u)
|
||||
if (s.type === "childList") {
|
||||
if (l(s.addedNodes, !0)) {
|
||||
i();
|
||||
function et() {
|
||||
let t = /* @__PURE__ */ new Map(), e = !1, n = (s) => function(u) {
|
||||
for (let i of u)
|
||||
if (i.type === "childList") {
|
||||
if (h(i.addedNodes, !0)) {
|
||||
s();
|
||||
continue;
|
||||
}
|
||||
E(s.removedNodes, !0) && i();
|
||||
E(i.removedNodes, !0) && s();
|
||||
}
|
||||
}, r = new a.M(n(d));
|
||||
}, r = new f.M(n(d));
|
||||
return {
|
||||
observe(i) {
|
||||
let u = new a.M(n(() => {
|
||||
observe(s) {
|
||||
let u = new f.M(n(() => {
|
||||
}));
|
||||
return u.observe(i, { childList: !0, subtree: !0 }), () => u.disconnect();
|
||||
return u.observe(s, { childList: !0, subtree: !0 }), () => u.disconnect();
|
||||
},
|
||||
onConnected(i, u) {
|
||||
f();
|
||||
let s = c(i);
|
||||
s.connected.has(u) || (s.connected.add(u), s.length_c += 1);
|
||||
onConnected(s, u) {
|
||||
a();
|
||||
let i = c(s);
|
||||
i.connected.has(u) || (i.connected.add(u), i.length_c += 1);
|
||||
},
|
||||
offConnected(i, u) {
|
||||
if (!t.has(i)) return;
|
||||
let s = t.get(i);
|
||||
s.connected.has(u) && (s.connected.delete(u), s.length_c -= 1, o(i, s));
|
||||
offConnected(s, u) {
|
||||
if (!t.has(s)) return;
|
||||
let i = t.get(s);
|
||||
i.connected.has(u) && (i.connected.delete(u), i.length_c -= 1, o(s, i));
|
||||
},
|
||||
onDisconnected(i, u) {
|
||||
f();
|
||||
let s = c(i);
|
||||
s.disconnected.has(u) || (s.disconnected.add(u), s.length_d += 1);
|
||||
onDisconnected(s, u) {
|
||||
a();
|
||||
let i = c(s);
|
||||
i.disconnected.has(u) || (i.disconnected.add(u), i.length_d += 1);
|
||||
},
|
||||
offDisconnected(i, u) {
|
||||
if (!t.has(i)) return;
|
||||
let s = t.get(i);
|
||||
s.disconnected.has(u) && (s.disconnected.delete(u), s.length_d -= 1, o(i, s));
|
||||
offDisconnected(s, u) {
|
||||
if (!t.has(s)) return;
|
||||
let i = t.get(s);
|
||||
i.disconnected.has(u) && (i.disconnected.delete(u), i.length_d -= 1, o(s, i));
|
||||
}
|
||||
};
|
||||
function o(i, u) {
|
||||
u.length_c || u.length_d || (t.delete(i), d());
|
||||
function o(s, u) {
|
||||
u.length_c || u.length_d || (t.delete(s), d());
|
||||
}
|
||||
function c(i) {
|
||||
if (t.has(i)) return t.get(i);
|
||||
function c(s) {
|
||||
if (t.has(s)) return t.get(s);
|
||||
let u = {
|
||||
connected: /* @__PURE__ */ new WeakSet(),
|
||||
length_c: 0,
|
||||
disconnected: /* @__PURE__ */ new WeakSet(),
|
||||
length_d: 0
|
||||
};
|
||||
return t.set(i, u), u;
|
||||
return t.set(s, u), u;
|
||||
}
|
||||
function f() {
|
||||
e || (e = !0, r.observe(a.D.body, { childList: !0, subtree: !0 }));
|
||||
function a() {
|
||||
e || (e = !0, r.observe(f.D.body, { childList: !0, subtree: !0 }));
|
||||
}
|
||||
function d() {
|
||||
!e || t.size || (e = !1, r.disconnect());
|
||||
}
|
||||
function p() {
|
||||
return new Promise(function(i) {
|
||||
(requestIdleCallback || requestAnimationFrame)(i);
|
||||
return new Promise(function(s) {
|
||||
(requestIdleCallback || requestAnimationFrame)(s);
|
||||
});
|
||||
}
|
||||
async function b(i) {
|
||||
async function b(s) {
|
||||
t.size > 30 && await p();
|
||||
let u = [];
|
||||
if (!(i instanceof Node)) return u;
|
||||
for (let s of t.keys())
|
||||
s === i || !(s instanceof Node) || i.contains(s) && u.push(s);
|
||||
if (!(s instanceof Node)) return u;
|
||||
for (let i of t.keys())
|
||||
i === s || !(i instanceof Node) || s.contains(i) && u.push(i);
|
||||
return u;
|
||||
}
|
||||
function l(i, u) {
|
||||
let s = !1;
|
||||
for (let h of i) {
|
||||
if (u && b(h).then(l), !t.has(h)) continue;
|
||||
let C = t.get(h);
|
||||
C.length_c && (h.dispatchEvent(new Event(g)), C.connected = /* @__PURE__ */ new WeakSet(), C.length_c = 0, C.length_d || t.delete(h), s = !0);
|
||||
function h(s, u) {
|
||||
let i = !1;
|
||||
for (let l of s) {
|
||||
if (u && b(l).then(h), !t.has(l)) continue;
|
||||
let A = t.get(l);
|
||||
A.length_c && (l.dispatchEvent(new Event(g)), A.connected = /* @__PURE__ */ new WeakSet(), A.length_c = 0, A.length_d || t.delete(l), i = !0);
|
||||
}
|
||||
return s;
|
||||
return i;
|
||||
}
|
||||
function E(i, u) {
|
||||
let s = !1;
|
||||
for (let h of i)
|
||||
u && b(h).then(E), !(!t.has(h) || !t.get(h).length_d) && ((globalThis.queueMicrotask || setTimeout)(_(h)), s = !0);
|
||||
return s;
|
||||
function E(s, u) {
|
||||
let i = !1;
|
||||
for (let l of s)
|
||||
u && b(l).then(E), !(!t.has(l) || !t.get(l).length_d) && ((globalThis.queueMicrotask || setTimeout)(I(l)), i = !0);
|
||||
return i;
|
||||
}
|
||||
function _(i) {
|
||||
function I(s) {
|
||||
return () => {
|
||||
i.isConnected || (i.dispatchEvent(new Event(y)), t.delete(i));
|
||||
s.isConnected || (s.dispatchEvent(new Event(y)), t.delete(s));
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// src/customElement.js
|
||||
function mt(t, e, n, r = it) {
|
||||
S.push({
|
||||
function wt(t, e, n, r = rt) {
|
||||
D.push({
|
||||
scope: t,
|
||||
host: (...f) => f.length ? f.forEach((d) => d(t)) : t
|
||||
host: (...a) => a.length ? a.forEach((d) => d(t)) : t
|
||||
}), typeof r == "function" && (r = r.call(t, t));
|
||||
let o = t[w];
|
||||
o || ct(t);
|
||||
o || nt(t);
|
||||
let c = n.call(t, r);
|
||||
return o || t.dispatchEvent(new Event(g)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(y, A.observe(e), { once: !0 }), S.pop(), e.append(c);
|
||||
return o || t.dispatchEvent(new Event(g)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(y, m.observe(e), { once: !0 }), D.pop(), e.append(c);
|
||||
}
|
||||
function ct(t) {
|
||||
return k(t.prototype, "connectedCallback", function(e, n, r) {
|
||||
function nt(t) {
|
||||
return P(t.prototype, "connectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), n.dispatchEvent(new Event(g));
|
||||
}), k(t.prototype, "disconnectedCallback", function(e, n, r) {
|
||||
}), P(t.prototype, "disconnectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), (globalThis.queueMicrotask || setTimeout)(
|
||||
() => !n.isConnected && n.dispatchEvent(new Event(y))
|
||||
);
|
||||
}), k(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
}), P(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
let [o, , c] = r;
|
||||
n.dispatchEvent(new CustomEvent(D, {
|
||||
n.dispatchEvent(new CustomEvent(O, {
|
||||
detail: [o, c]
|
||||
})), e.apply(n, r);
|
||||
}), t.prototype[w] = !0, t;
|
||||
}
|
||||
function k(t, e, n) {
|
||||
function P(t, e, n) {
|
||||
t[e] = new Proxy(t[e] || (() => {
|
||||
}), { apply: n });
|
||||
}
|
||||
function it(t) {
|
||||
return F(t, (e, n) => e.getAttribute(n));
|
||||
function rt(t) {
|
||||
return W(t, (e, n) => e.getAttribute(n));
|
||||
}
|
||||
|
||||
// src/events.js
|
||||
function Rt(t, e, n) {
|
||||
function Ct(t, e, n) {
|
||||
return e || (e = {}), function(o, ...c) {
|
||||
n && (c.unshift(o), o = typeof n == "function" ? n() : n);
|
||||
let f = c.length ? new CustomEvent(t, Object.assign({ detail: c[0] }, e)) : new Event(t, e);
|
||||
return o.dispatchEvent(f);
|
||||
let a = c.length ? new CustomEvent(t, Object.assign({ detail: c[0] }, e)) : new Event(t, e);
|
||||
return o.dispatchEvent(a);
|
||||
};
|
||||
}
|
||||
function R(t, e, n) {
|
||||
function _(t, e, n) {
|
||||
return function(o) {
|
||||
return o.addEventListener(t, e, n), o;
|
||||
};
|
||||
}
|
||||
var Z = (t) => Object.assign({}, typeof t == "object" ? t : null, { once: !0 });
|
||||
R.connected = function(t, e) {
|
||||
return e = Z(e), function(r) {
|
||||
return r.addEventListener(g, t, e), r[w] ? r : r.isConnected ? (r.dispatchEvent(new Event(g)), r) : (N(e.signal, () => A.offConnected(r, t)) && A.onConnected(r, t), r);
|
||||
var B = (t) => Object.assign({}, typeof t == "object" ? t : null, { once: !0 });
|
||||
_.connected = function(t, e) {
|
||||
return e = B(e), function(r) {
|
||||
return r.addEventListener(g, t, e), r[w] ? r : r.isConnected ? (r.dispatchEvent(new Event(g)), r) : (L(e.signal, () => m.offConnected(r, t)) && m.onConnected(r, t), r);
|
||||
};
|
||||
};
|
||||
R.disconnected = function(t, e) {
|
||||
return e = Z(e), function(r) {
|
||||
return r.addEventListener(y, t, e), r[w] || N(e.signal, () => A.offDisconnected(r, t)) && A.onDisconnected(r, t), r;
|
||||
_.disconnected = function(t, e) {
|
||||
return e = B(e), function(r) {
|
||||
return r.addEventListener(y, t, e), r[w] || L(e.signal, () => m.offDisconnected(r, t)) && m.onDisconnected(r, t), r;
|
||||
};
|
||||
};
|
||||
var W = /* @__PURE__ */ new WeakMap();
|
||||
R.disconnectedAsAbort = function(t) {
|
||||
if (W.has(t)) return W.get(t);
|
||||
var j = /* @__PURE__ */ new WeakMap();
|
||||
_.disconnectedAsAbort = function(t) {
|
||||
if (j.has(t)) return j.get(t);
|
||||
let e = new AbortController();
|
||||
return W.set(t, e), t(R.disconnected(() => e.abort())), e;
|
||||
return j.set(t, e), t(_.disconnected(() => e.abort())), e;
|
||||
};
|
||||
var st = /* @__PURE__ */ new WeakSet();
|
||||
R.attributeChanged = function(t, e) {
|
||||
var ot = /* @__PURE__ */ new WeakSet();
|
||||
_.attributeChanged = function(t, e) {
|
||||
return typeof e != "object" && (e = {}), function(r) {
|
||||
if (r.addEventListener(D, t, e), r[w] || st.has(r) || !a.M) return r;
|
||||
let o = new a.M(function(f) {
|
||||
for (let { attributeName: d, target: p } of f)
|
||||
if (r.addEventListener(O, t, e), r[w] || ot.has(r) || !f.M) return r;
|
||||
let o = new f.M(function(a) {
|
||||
for (let { attributeName: d, target: p } of a)
|
||||
p.dispatchEvent(
|
||||
new CustomEvent(D, { detail: [d, p.getAttribute(d)] })
|
||||
new CustomEvent(O, { detail: [d, p.getAttribute(d)] })
|
||||
);
|
||||
});
|
||||
return N(e.signal, () => o.disconnect()) && o.observe(r, { attributes: !0 }), r;
|
||||
return L(e.signal, () => o.disconnect()) && o.observe(r, { attributes: !0 }), r;
|
||||
};
|
||||
};
|
||||
export {
|
||||
O as assign,
|
||||
z as assignAttribute,
|
||||
K as chainableAppend,
|
||||
Y as classListDeclarative,
|
||||
Q as cn,
|
||||
j as createElement,
|
||||
gt as createElementNS,
|
||||
mt as customElementRender,
|
||||
ct as customElementWithDDE,
|
||||
Rt as dispatchEvent,
|
||||
j as el,
|
||||
gt as elNS,
|
||||
tt as elementAttribute,
|
||||
ct as lifecyclesToEvents,
|
||||
it as observedAttributes,
|
||||
R as on,
|
||||
G as registerReactivity,
|
||||
S as scope,
|
||||
bt as simulateSlots
|
||||
R as assign,
|
||||
U as assignAttribute,
|
||||
J as chainableAppend,
|
||||
K as classListDeclarative,
|
||||
k as createElement,
|
||||
dt as createElementNS,
|
||||
wt as customElementRender,
|
||||
nt as customElementWithDDE,
|
||||
Ct as dispatchEvent,
|
||||
k as el,
|
||||
dt as elNS,
|
||||
Q as elementAttribute,
|
||||
nt as lifecyclesToEvents,
|
||||
rt as observedAttributes,
|
||||
_ as on,
|
||||
Z as registerReactivity,
|
||||
D as scope,
|
||||
pt as simulateSlots
|
||||
};
|
||||
|
||||
@ -4,7 +4,7 @@ const count= S(0);
|
||||
import { el } from "deka-dom-el";
|
||||
document.body.append(
|
||||
el("p", S(()=> "Currently: "+count())),
|
||||
el("p", { classList: { red: S(()=> count()%2 === 0) }, dataset: { count }, textContent: "Attributes example" })
|
||||
el("p", { classList: { red: S(()=> count()%2 === 0) }, dataset: { count }, textContent: "Attributes example" }),
|
||||
);
|
||||
document.head.append(
|
||||
el("style", ".red { color: red; }")
|
||||
|
||||
@ -34,7 +34,9 @@ export class CustomHTMLTestElement extends HTMLElement{
|
||||
text(test),
|
||||
text(name),
|
||||
text(preName),
|
||||
el("button", { type: "button", textContent: "pre-name", onclick: ()=> preName("Ahoj") })
|
||||
el("button", { type: "button", textContent: "pre-name", onclick: ()=> preName("Ahoj") }),
|
||||
" | ",
|
||||
el("slot", { className: "test", name: "test" }),
|
||||
);
|
||||
}
|
||||
test= "A";
|
||||
|
||||
@ -15,7 +15,10 @@ document.body.append(
|
||||
el("h1", "Experiments:"),
|
||||
el(fullNameComponent),
|
||||
el(todosComponent),
|
||||
el(CustomHTMLTestElement.tagName, { name: "attr" }),
|
||||
el(CustomHTMLTestElement.tagName, { name: "attr" }).append(
|
||||
el("span", { textContent: "test", slot: "test" }),
|
||||
el("span", { textContent: "test", slot: "test" }),
|
||||
),
|
||||
el(thirdParty),
|
||||
el(CustomSlottingHTMLElement.tagName, { onclick: ()=> toggle(!toggle()) }).append(
|
||||
el("strong", { slot: "name", textContent: "Honzo" }),
|
||||
|
||||
7
index.d.ts
vendored
7
index.d.ts
vendored
@ -129,14 +129,9 @@ export function elNS(
|
||||
export { elNS as createElementNS }
|
||||
|
||||
export function chainableAppend<EL extends SupportedElement>(el: EL): EL;
|
||||
/**
|
||||
* Mapper function (optional). Pass for coppying attributes, this is NOT implemented by {@link simulateSlots} itself!
|
||||
* */
|
||||
type simulateSlotsMapper= (body: HTMLSlotElement, el: HTMLElement)=> void;
|
||||
/** Simulate slots for ddeComponents */
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(
|
||||
root: EL,
|
||||
mapper?: simulateSlotsMapper
|
||||
): EL
|
||||
/**
|
||||
* Simulate slots in Custom Elements without using `shadowRoot`.
|
||||
@ -145,7 +140,7 @@ export function simulateSlots<EL extends SupportedElement | DocumentFragment>(
|
||||
* */
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(
|
||||
el: HTMLElement,
|
||||
body: EL, mapper?: simulateSlotsMapper
|
||||
body: EL,
|
||||
): EL
|
||||
|
||||
export function dispatchEvent(name: keyof DocumentEventMap | string, options?: EventInit):
|
||||
|
||||
94
src/dom.js
94
src/dom.js
@ -25,7 +25,7 @@ export const scope= {
|
||||
return scopes.pop();
|
||||
},
|
||||
};
|
||||
// following chainableAppend implementation is OK as the ElementPrototype.append description already is { writable: true, enumerable: true, configurable: true } // editorconfig-checker-disable-line
|
||||
//NOTE: following chainableAppend implementation is OK as the ElementPrototype.append description already is { writable: true, enumerable: true, configurable: true } // editorconfig-checker-disable-line
|
||||
function append(...els){ this.appendOriginal(...els); return this; }
|
||||
export function chainableAppend(el){
|
||||
if(el.append===append) return el; el.appendOriginal= el.append; el.append= append; return el;
|
||||
@ -36,7 +36,6 @@ export function createElement(tag, attributes, ...addons){
|
||||
const s= signals(this);
|
||||
let scoped= 0;
|
||||
let el, el_host;
|
||||
//TODO Array.isArray(tag) ⇒ set key (cache els)
|
||||
if(Object(attributes)!==attributes || s.isSignal(attributes))
|
||||
attributes= { textContent: attributes };
|
||||
switch(true){
|
||||
@ -81,58 +80,7 @@ createElement.mark= function(attrs, is_open= false){
|
||||
return out;
|
||||
};
|
||||
export { createElement as el };
|
||||
|
||||
import { hasOwn } from "./helpers.js";
|
||||
/** @param {HTMLElement} element @param {HTMLElement} [root] */
|
||||
export function simulateSlots(element, root, mapper){
|
||||
if(typeof root!=="object"){
|
||||
mapper= root;
|
||||
root= element;
|
||||
}
|
||||
const _default= Symbol.for("default");
|
||||
const slots= Array.from(root.querySelectorAll("slot"))
|
||||
.reduce((out, curr)=> Reflect.set(out, curr.name || _default, curr) && out, {});
|
||||
const has_d= hasOwn(slots, _default);
|
||||
element.append= new Proxy(element.append, {
|
||||
apply(orig, _, els){
|
||||
if(els[0]===root) return orig.apply(element, els);
|
||||
if(!els.length) return element;
|
||||
|
||||
const d= env.D.createDocumentFragment();
|
||||
for(const el of els){
|
||||
if(!el || !el.slot){ if(has_d) d.append(el); continue; }
|
||||
const name= el.slot;
|
||||
const slot= slots[name];
|
||||
elementAttribute(el, "remove", "slot");
|
||||
if(!slot) continue;
|
||||
simulateSlotReplace(slot, el, mapper);
|
||||
Reflect.deleteProperty(slots, name);
|
||||
}
|
||||
if(has_d){
|
||||
slots[_default].replaceWith(d);
|
||||
Reflect.deleteProperty(slots, _default);
|
||||
}
|
||||
element.append= orig; //TODO: better memory management, but non-native behavior!
|
||||
return element;
|
||||
}
|
||||
});
|
||||
if(element!==root){
|
||||
const els= Array.from(element.childNodes);
|
||||
els.forEach(el=> el.remove());
|
||||
element.append(...els);
|
||||
}
|
||||
return root;
|
||||
}
|
||||
export function cn(...s){ return s.filter(Boolean).join(" "); }
|
||||
function simulateSlotReplace(slot, element, mapper){
|
||||
if(mapper) mapper(slot, element);
|
||||
try{ slot.replaceWith(assign(element, {
|
||||
className: cn(element.className, slot.className),
|
||||
dataset: { ...slot.dataset } })); }
|
||||
catch(_){ slot.replaceWith(element); }
|
||||
}
|
||||
|
||||
//const namespaceHelper= ns=> ns==="svg" ? "http://www.w3.org/2000/svg" : ns;
|
||||
//TODO?: const namespaceHelper= ns=> ns==="svg" ? "http://www.w3.org/2000/svg" : ns;
|
||||
export function createElementNS(ns){
|
||||
const _this= this;
|
||||
return function createElementNSCurried(...rest){
|
||||
@ -144,6 +92,38 @@ export function createElementNS(ns){
|
||||
}
|
||||
export { createElementNS as elNS };
|
||||
|
||||
/** @param {HTMLElement} element @param {HTMLElement} [root] */
|
||||
export function simulateSlots(element, root= element){
|
||||
const mark_e= "¹⁰", mark_s= "✓"; //NOTE: Markers to identify slots processed by this function. Also “prevents” native behavior as it is unlikely to use these in names. // editorconfig-checker-disable-line
|
||||
const slots= Object.fromEntries(
|
||||
Array.from(root.querySelectorAll("slot"))
|
||||
.filter(s => !s.name.endsWith(mark_e))
|
||||
.map(s => [(s.name += mark_e), s]));
|
||||
element.append= new Proxy(element.append, {
|
||||
apply(orig, _, els){
|
||||
if(els[0]===root) return orig.apply(element, els);
|
||||
for(const el of els){
|
||||
const name= (el.slot||"")+mark_e;
|
||||
try{ elementAttribute(el, "remove", "slot"); } catch(_error){}
|
||||
const slot= slots[name];
|
||||
if(!slot) return;
|
||||
if(!name.startsWith(mark_s)) slot.childNodes.forEach(c=> c.remove());
|
||||
slot.append(el);
|
||||
slot.name= mark_s+name;
|
||||
//TODO?: el.dispatchEvent(new CustomEvent("dde:slotchange", { detail: slot }));
|
||||
}
|
||||
element.append= orig; //TODO?: better memory management, but non-native behavior!
|
||||
return element;
|
||||
}
|
||||
});
|
||||
if(element!==root){
|
||||
const els= Array.from(element.childNodes);
|
||||
//els.forEach(el=> el.remove());
|
||||
element.append(...els);
|
||||
}
|
||||
return root;
|
||||
}
|
||||
|
||||
const assign_context= new WeakMap();
|
||||
const { setDeleteAttr }= env;
|
||||
export function assign(element, ...attributes){
|
||||
@ -168,11 +148,11 @@ export function assignAttribute(element, key, value){
|
||||
key= key.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
|
||||
return setRemoveAttr(key, value);
|
||||
}
|
||||
if("className"===key) key= "class";//just optimalization, `isPropSetter` returns false immediately
|
||||
if("className"===key) key= "class";//NOTE: just optimalization, this makes `isPropSetter` returns false immediately // editorconfig-checker-disable-line
|
||||
switch(key){
|
||||
case "xlink:href":
|
||||
return setRemoveAttr(key, value, "http://www.w3.org/1999/xlink");
|
||||
case "textContent": //just optimalization, its part of Node ⇒ deep for `isPropSetter`
|
||||
case "textContent": //NOTE: just optimalization, this makes `isPropSetter` returns false immediately (as its part of Node ⇒ deep for `isPropSetter`) // editorconfig-checker-disable-line
|
||||
return setDeleteAttr(element, key, value);
|
||||
case "style":
|
||||
if(typeof value!=="object") break;
|
||||
@ -206,7 +186,7 @@ export function elementAttribute(element, op, key, value){
|
||||
return element[op+"AttributeNS"](null, key, value);
|
||||
}
|
||||
import { isUndef } from "./helpers.js";
|
||||
//TODO add cache? `(Map/Set)<el.tagName+key,isUndef>`
|
||||
//TODO: add cache? `(Map/Set)<el.tagName+key,isUndef>`
|
||||
function isPropSetter(el, key){
|
||||
if(!(key in el)) return false;
|
||||
const des= getPropDescriptor(el, key);
|
||||
|
||||
@ -82,12 +82,12 @@ function connectionsChangesObserverConstructor(){
|
||||
is_observing= false;
|
||||
observer.disconnect();
|
||||
}
|
||||
//TODO remount support?
|
||||
//TODO: remount support?
|
||||
function requestIdle(){ return new Promise(function(resolve){
|
||||
(requestIdleCallback || requestAnimationFrame)(resolve);
|
||||
}); }
|
||||
async function collectChildren(element){
|
||||
if(store.size > 30)//TODO limit?
|
||||
if(store.size > 30)//TODO?: limit
|
||||
await requestIdle();
|
||||
const out= [];
|
||||
if(!(element instanceof Node)) return out;
|
||||
|
||||
@ -58,7 +58,7 @@ signal.on= function on(s, listener, options= {}){
|
||||
if(Array.isArray(s)) return s.forEach(s=> on(s, listener, options));
|
||||
addSignalListener(s, listener);
|
||||
if(as) as.addEventListener("abort", ()=> removeSignalListener(s, listener));
|
||||
//TODO cleanup when signal removed
|
||||
//TODO: cleanup when signal removed
|
||||
};
|
||||
signal.symbols= {
|
||||
//signal: mark,
|
||||
|
||||
@ -58,7 +58,7 @@ signal.on= function on(s, listener, options= {}){
|
||||
if(Array.isArray(s)) return s.forEach(s=> on(s, listener, options));
|
||||
addSignalListener(s, listener);
|
||||
if(as) as.addEventListener("abort", ()=> removeSignalListener(s, listener));
|
||||
//TODO cleanup when signal removed
|
||||
//TODO: cleanup when signal removed
|
||||
};
|
||||
signal.symbols= {
|
||||
//signal: mark,
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user