mirror of
https://github.com/jaandrle/deka-dom-el
synced 2025-07-01 12:22:15 +02:00
⚡ Adds Web Componens page into the doc and doc enhancements (#21)
This commit is contained in:
GitHub
225
dist/dde-with-signals.js
vendored
225
dist/dde-with-signals.js
vendored
@ -61,7 +61,7 @@ function lt(t, e, n) {
|
||||
return Reflect.set(t, e, "");
|
||||
}
|
||||
}
|
||||
var C = "__dde_lifecyclesToEvents", _ = "dde:connected", O = "dde:disconnected", M = "dde:attributeChanged";
|
||||
var O = "__dde_lifecyclesToEvents", _ = "dde:connected", C = "dde:disconnected", M = "dde:attributeChanged";
|
||||
|
||||
// src/dom.js
|
||||
var A = [{
|
||||
@ -102,50 +102,50 @@ function ht(t) {
|
||||
return t.append === Y || (t.appendOriginal = t.append, t.append = Y), t;
|
||||
}
|
||||
var $;
|
||||
function j(t, e, ...n) {
|
||||
function P(t, e, ...n) {
|
||||
let r = W(this), o = 0, c, i;
|
||||
switch ((Object(e) !== e || r.isSignal(e)) && (e = { textContent: e }), !0) {
|
||||
case typeof t == "function": {
|
||||
o = 1, m.push({ scope: t, host: (...v) => v.length ? (o === 1 ? n.unshift(...v) : v.forEach((l) => l(i)), void 0) : i }), c = t(e || void 0);
|
||||
o = 1, m.push({ scope: t, host: (...v) => v.length ? (o === 1 ? n.unshift(...v) : v.forEach((h) => h(i)), void 0) : i }), c = t(e || void 0);
|
||||
let a = c instanceof d.F;
|
||||
if (c.nodeName === "#comment")
|
||||
break;
|
||||
let h = j.mark({
|
||||
if (c.nodeName === "#comment") break;
|
||||
let l = P.mark({
|
||||
type: "component",
|
||||
name: t.name,
|
||||
host: a ? "this" : "parentElement"
|
||||
});
|
||||
c.prepend(h), a && (i = h);
|
||||
c.prepend(l), a && (i = l);
|
||||
break;
|
||||
}
|
||||
case t === "#text":
|
||||
c = P.call(this, d.D.createTextNode(""), e);
|
||||
c = j.call(this, d.D.createTextNode(""), e);
|
||||
break;
|
||||
case (t === "<>" || !t):
|
||||
c = P.call(this, d.D.createDocumentFragment(), e);
|
||||
c = j.call(this, d.D.createDocumentFragment(), e);
|
||||
break;
|
||||
case !!$:
|
||||
c = P.call(this, d.D.createElementNS($, t), e);
|
||||
c = j.call(this, d.D.createElementNS($, t), e);
|
||||
break;
|
||||
case !c:
|
||||
c = P.call(this, d.D.createElement(t), e);
|
||||
c = j.call(this, d.D.createElement(t), e);
|
||||
}
|
||||
return ht(c), i || (i = c), n.forEach((a) => a(i)), o && m.pop(), o = 2, c;
|
||||
}
|
||||
function Wt(t, e = t, n = void 0) {
|
||||
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.length)
|
||||
return t;
|
||||
apply(i, a, l) {
|
||||
if (l[0] === e) return i.apply(t, l);
|
||||
if (!l.length) return t;
|
||||
let v = d.D.createDocumentFragment();
|
||||
for (let l of h) {
|
||||
if (!l || !l.slot) {
|
||||
c && v.appendChild(l);
|
||||
for (let h of l) {
|
||||
if (!h || !h.slot) {
|
||||
c && v.append(h);
|
||||
continue;
|
||||
}
|
||||
let x = l.slot, y = o[x];
|
||||
vt(l, "remove", "slot"), y && (bt(y, l, n), Reflect.deleteProperty(o, x));
|
||||
let x = h.slot, w = o[x];
|
||||
vt(h, "remove", "slot"), w && (bt(w, h, n), Reflect.deleteProperty(o, x));
|
||||
}
|
||||
return c && (o[r].replaceWith(v), Reflect.deleteProperty(o, r)), t.append = i, t;
|
||||
}
|
||||
@ -158,12 +158,12 @@ function Wt(t, e = t, n = void 0) {
|
||||
function bt(t, e, n) {
|
||||
n && n(t, e);
|
||||
try {
|
||||
t.replaceWith(P(e, { className: [e.className, t.className], dataset: { ...t.dataset } }));
|
||||
t.replaceWith(j(e, { className: [e.className, t.className], dataset: { ...t.dataset } }));
|
||||
} catch {
|
||||
t.replaceWith(e);
|
||||
}
|
||||
}
|
||||
j.mark = function(t, e = !1) {
|
||||
P.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;
|
||||
@ -172,14 +172,13 @@ function qt(t) {
|
||||
let e = this;
|
||||
return function(...r) {
|
||||
$ = t;
|
||||
let o = j.call(e, ...r);
|
||||
let o = P.call(e, ...r);
|
||||
return $ = void 0, o;
|
||||
};
|
||||
}
|
||||
var U = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: tt } = d;
|
||||
function P(t, ...e) {
|
||||
if (!e.length)
|
||||
return t;
|
||||
function j(t, ...e) {
|
||||
if (!e.length) return t;
|
||||
U.set(t, rt(t, this));
|
||||
for (let [n, r] of Object.entries(Object.assign({}, ...e)))
|
||||
nt.call(this, t, n, r);
|
||||
@ -191,13 +190,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);
|
||||
if (i === "=") return r(e.slice(1), n);
|
||||
if (i === ".") 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) {
|
||||
@ -206,20 +203,19 @@ function nt(t, e, n) {
|
||||
case "textContent":
|
||||
return tt(t, e, n);
|
||||
case "style":
|
||||
if (typeof n != "object")
|
||||
break;
|
||||
if (typeof n != "object") break;
|
||||
/* falls through */
|
||||
case "dataset":
|
||||
return I(o, n, et.bind(null, t[e]));
|
||||
case "ariaset":
|
||||
return I(o, n, (a, h) => r("aria-" + a, h));
|
||||
return I(o, n, (a, l) => r("aria-" + a, l));
|
||||
case "classList":
|
||||
return gt.call(c, t, n);
|
||||
}
|
||||
return Et(t, e) ? tt(t, e, n) : r(e, n);
|
||||
}
|
||||
function rt(t, e) {
|
||||
if (U.has(t))
|
||||
return U.get(t);
|
||||
if (U.has(t)) return U.get(t);
|
||||
let r = (t instanceof d.S ? xt : mt).bind(null, t, "Attribute"), o = W(e);
|
||||
return { setRemoveAttr: r, s: o };
|
||||
}
|
||||
@ -238,14 +234,12 @@ function vt(t, e, n, r) {
|
||||
return t instanceof d.H ? t[e + "Attribute"](n, r) : t[e + "AttributeNS"](null, n, r);
|
||||
}
|
||||
function Et(t, e) {
|
||||
if (!(e in t))
|
||||
return !1;
|
||||
if (!(e in t)) return !1;
|
||||
let n = ot(t, e);
|
||||
return !S(n.set);
|
||||
}
|
||||
function ot(t, e) {
|
||||
if (t = Object.getPrototypeOf(t), !t)
|
||||
return {};
|
||||
if (t = Object.getPrototypeOf(t), !t) return {};
|
||||
let n = Object.getOwnPropertyDescriptor(t, e);
|
||||
return n || ot(t, e);
|
||||
}
|
||||
@ -270,17 +264,17 @@ function et(t, e, n) {
|
||||
}
|
||||
|
||||
// src/events-observer.js
|
||||
var D = d.M ? wt() : new Proxy({}, {
|
||||
var D = d.M ? yt() : new Proxy({}, {
|
||||
get() {
|
||||
return () => {
|
||||
};
|
||||
}
|
||||
});
|
||||
function wt() {
|
||||
function yt() {
|
||||
let t = /* @__PURE__ */ new Map(), e = !1, n = (s) => function(u) {
|
||||
for (let f of u)
|
||||
if (f.type === "childList") {
|
||||
if (l(f.addedNodes, !0)) {
|
||||
if (h(f.addedNodes, !0)) {
|
||||
s();
|
||||
continue;
|
||||
}
|
||||
@ -299,8 +293,7 @@ function wt() {
|
||||
f.connected.has(u) || (f.connected.add(u), f.length_c += 1);
|
||||
},
|
||||
offConnected(s, u) {
|
||||
if (!t.has(s))
|
||||
return;
|
||||
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));
|
||||
},
|
||||
@ -310,8 +303,7 @@ function wt() {
|
||||
f.disconnected.has(u) || (f.disconnected.add(u), f.length_d += 1);
|
||||
},
|
||||
offDisconnected(s, u) {
|
||||
if (!t.has(s))
|
||||
return;
|
||||
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));
|
||||
}
|
||||
@ -320,8 +312,7 @@ function wt() {
|
||||
u.length_c || u.length_d || (t.delete(s), a());
|
||||
}
|
||||
function c(s) {
|
||||
if (t.has(s))
|
||||
return t.get(s);
|
||||
if (t.has(s)) return t.get(s);
|
||||
let u = {
|
||||
connected: /* @__PURE__ */ new WeakSet(),
|
||||
length_c: 0,
|
||||
@ -336,25 +327,23 @@ function wt() {
|
||||
function a() {
|
||||
!e || t.size || (e = !1, r.disconnect());
|
||||
}
|
||||
function h() {
|
||||
function l() {
|
||||
return new Promise(function(s) {
|
||||
(requestIdleCallback || requestAnimationFrame)(s);
|
||||
});
|
||||
}
|
||||
async function v(s) {
|
||||
t.size > 30 && await h();
|
||||
t.size > 30 && await l();
|
||||
let u = [];
|
||||
if (!(s instanceof Node))
|
||||
return u;
|
||||
if (!(s instanceof Node)) return u;
|
||||
for (let f of t.keys())
|
||||
f === s || !(f instanceof Node) || s.contains(f) && u.push(f);
|
||||
return u;
|
||||
}
|
||||
function l(s, u) {
|
||||
function h(s, u) {
|
||||
let f = !1;
|
||||
for (let b of s) {
|
||||
if (u && v(b).then(l), !t.has(b))
|
||||
continue;
|
||||
if (u && v(b).then(h), !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);
|
||||
}
|
||||
@ -363,12 +352,12 @@ function wt() {
|
||||
function x(s, u) {
|
||||
let f = !1;
|
||||
for (let b of s)
|
||||
u && v(b).then(x), !(!t.has(b) || !t.get(b).length_d) && ((globalThis.queueMicrotask || setTimeout)(y(b)), f = !0);
|
||||
u && v(b).then(x), !(!t.has(b) || !t.get(b).length_d) && ((globalThis.queueMicrotask || setTimeout)(w(b)), f = !0);
|
||||
return f;
|
||||
}
|
||||
function y(s) {
|
||||
function w(s) {
|
||||
return () => {
|
||||
s.isConnected || (s.dispatchEvent(new Event(O)), t.delete(s));
|
||||
s.isConnected || (s.dispatchEvent(new Event(C)), t.delete(s));
|
||||
};
|
||||
}
|
||||
}
|
||||
@ -379,24 +368,24 @@ function Zt(t, e, n, r = _t) {
|
||||
scope: t,
|
||||
host: (...i) => i.length ? i.forEach((a) => a(t)) : t
|
||||
}), typeof r == "function" && (r = r.call(t, t));
|
||||
let o = t[C];
|
||||
o || yt(t);
|
||||
let o = t[O];
|
||||
o || wt(t);
|
||||
let c = n.call(t, r);
|
||||
return o || t.dispatchEvent(new Event(_)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(O, D.observe(e), { once: !0 }), m.pop(), e.append(c);
|
||||
return o || t.dispatchEvent(new Event(_)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(C, D.observe(e), { once: !0 }), m.pop(), e.append(c);
|
||||
}
|
||||
function yt(t) {
|
||||
function wt(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(O))
|
||||
() => !n.isConnected && n.dispatchEvent(new Event(C))
|
||||
);
|
||||
}), J(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
let [o, , c] = r;
|
||||
n.dispatchEvent(new CustomEvent(M, {
|
||||
detail: [o, c]
|
||||
})), e.apply(n, r);
|
||||
}), t.prototype[C] = !0, t;
|
||||
}), t.prototype[O] = !0, t;
|
||||
}
|
||||
function J(t, e, n) {
|
||||
t[e] = new Proxy(t[e] || (() => {
|
||||
@ -414,38 +403,36 @@ function Qt(t, e, n) {
|
||||
return o.dispatchEvent(i);
|
||||
};
|
||||
}
|
||||
function w(t, e, n) {
|
||||
function y(t, e, n) {
|
||||
return function(o) {
|
||||
return o.addEventListener(t, e, n), o;
|
||||
};
|
||||
}
|
||||
var it = (t) => Object.assign({}, typeof t == "object" ? t : null, { once: !0 });
|
||||
w.connected = function(t, e) {
|
||||
y.connected = function(t, e) {
|
||||
return e = it(e), function(r) {
|
||||
return r.addEventListener(_, t, e), r[C] ? 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) : (q(e.signal, () => D.offConnected(r, t)) && D.onConnected(r, t), r);
|
||||
};
|
||||
};
|
||||
w.disconnected = function(t, e) {
|
||||
y.disconnected = function(t, e) {
|
||||
return e = it(e), function(r) {
|
||||
return r.addEventListener(O, t, e), r[C] || q(e.signal, () => D.offDisconnected(r, t)) && D.onDisconnected(r, t), r;
|
||||
return r.addEventListener(C, t, e), r[O] || q(e.signal, () => D.offDisconnected(r, t)) && D.onDisconnected(r, t), r;
|
||||
};
|
||||
};
|
||||
var Z = /* @__PURE__ */ new WeakMap();
|
||||
w.disconnectedAsAbort = function(t) {
|
||||
if (Z.has(t))
|
||||
return Z.get(t);
|
||||
y.disconnectedAsAbort = function(t) {
|
||||
if (Z.has(t)) return Z.get(t);
|
||||
let e = new AbortController();
|
||||
return Z.set(t, e), t(w.disconnected(() => e.abort())), e;
|
||||
return Z.set(t, e), t(y.disconnected(() => e.abort())), e;
|
||||
};
|
||||
var At = /* @__PURE__ */ new WeakSet();
|
||||
w.attributeChanged = function(t, e) {
|
||||
y.attributeChanged = function(t, e) {
|
||||
return typeof e != "object" && (e = {}), function(r) {
|
||||
if (r.addEventListener(M, t, e), r[C] || At.has(r) || !d.M)
|
||||
return 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)] })
|
||||
for (let { attributeName: a, target: l } of i)
|
||||
l.dispatchEvent(
|
||||
new CustomEvent(M, { detail: [a, l.getAttribute(a)] })
|
||||
);
|
||||
});
|
||||
return q(e.signal, () => o.disconnect()) && o.observe(r, { attributes: !0 }), r;
|
||||
@ -465,12 +452,10 @@ var H = [], g = /* @__PURE__ */ new WeakMap();
|
||||
function E(t, e) {
|
||||
if (typeof t != "function")
|
||||
return st(!1, t, e);
|
||||
if (z(t))
|
||||
return t;
|
||||
if (z(t)) return t;
|
||||
let n = st(!0), r = function() {
|
||||
let [o, ...c] = g.get(r);
|
||||
if (g.set(r, /* @__PURE__ */ new Set([o])), H.push(r), dt(n, t()), H.pop(), !c.length)
|
||||
return;
|
||||
if (g.set(r, /* @__PURE__ */ new Set([o])), H.push(r), dt(n, t()), H.pop(), !c.length) return;
|
||||
let i = g.get(r);
|
||||
for (let a of c)
|
||||
i.has(a) || L(a, r);
|
||||
@ -481,15 +466,13 @@ E.action = function(t, e, ...n) {
|
||||
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;
|
||||
if (o[e].apply(r, n), r.skip) return delete r.skip;
|
||||
r.listeners.forEach((c) => c(r.value));
|
||||
};
|
||||
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));
|
||||
if (Array.isArray(e)) return e.forEach((c) => t(c, n, r));
|
||||
Q(e, n), o && o.addEventListener("abort", () => L(e, n));
|
||||
}
|
||||
};
|
||||
@ -504,8 +487,7 @@ E.clear = function(...t) {
|
||||
}
|
||||
function e(n, r) {
|
||||
r.listeners.forEach((o) => {
|
||||
if (r.listeners.delete(o), !g.has(o))
|
||||
return;
|
||||
if (r.listeners.delete(o), !g.has(o)) return;
|
||||
let c = g.get(o);
|
||||
c.delete(n), !(c.size > 1) && (n.clear(...c), g.delete(o));
|
||||
});
|
||||
@ -513,23 +495,23 @@ E.clear = function(...t) {
|
||||
};
|
||||
var R = "__dde_reactive";
|
||||
E.el = function(t, e) {
|
||||
let n = j.mark({ type: "reactive" }, !0), r = n.end, o = d.D.createDocumentFragment();
|
||||
let n = P.mark({ type: "reactive" }, !0), r = n.end, o = d.D.createDocumentFragment();
|
||||
o.append(n, r);
|
||||
let { current: c } = m, i = {}, a = (h) => {
|
||||
let { current: c } = m, i = {}, a = (l) => {
|
||||
if (!n.parentNode || !r.parentNode)
|
||||
return L(t, a);
|
||||
let v = i;
|
||||
i = {}, m.push(c);
|
||||
let l = e(h, function(u, f) {
|
||||
let h = e(l, function(u, f) {
|
||||
let b;
|
||||
return T(v, u) ? (b = v[u], delete v[u]) : b = f(), i[u] = b, b;
|
||||
});
|
||||
m.pop(), Array.isArray(l) || (l = [l]);
|
||||
m.pop(), Array.isArray(h) || (h = [h]);
|
||||
let x = document.createComment("");
|
||||
l.push(x), n.after(...l);
|
||||
let y;
|
||||
for (; (y = x.nextSibling) && y !== r; )
|
||||
y.remove();
|
||||
h.push(x), n.after(...h);
|
||||
let w;
|
||||
for (; (w = x.nextSibling) && w !== r; )
|
||||
w.remove();
|
||||
x.remove(), n.isConnected && St(c.host());
|
||||
};
|
||||
return Q(t, a), ft(t, a, n, e), a(t()), o;
|
||||
@ -539,27 +521,26 @@ function St(t) {
|
||||
t[R] = t[R].filter(([e, n]) => n.isConnected ? !0 : (L(...e), !1));
|
||||
});
|
||||
}
|
||||
var Ct = {
|
||||
var Ot = {
|
||||
_set(t) {
|
||||
this.value = t;
|
||||
}
|
||||
};
|
||||
function Ot(t) {
|
||||
function Ct(t) {
|
||||
return function(e, n) {
|
||||
let r = (...c) => c.length ? e.setAttribute(n, ...c) : K(r), o = at(r, e.getAttribute(n), Ct);
|
||||
let r = (...c) => c.length ? e.setAttribute(n, ...c) : K(r), o = at(r, e.getAttribute(n), Ot);
|
||||
return t[n] = o, o;
|
||||
};
|
||||
}
|
||||
var G = "__dde_attributes";
|
||||
E.observedAttributes = function(t) {
|
||||
let e = t[G] = {}, n = F(t, Ot(e));
|
||||
return w.attributeChanged(function({ detail: o }) {
|
||||
let e = t[G] = {}, n = F(t, Ct(e));
|
||||
return y.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);
|
||||
})(t), w.disconnected(function() {
|
||||
if (a) return E.action(a, "_set", i);
|
||||
})(t), y.disconnected(function() {
|
||||
/*! This removes all signals mapped to attributes (`S.observedAttributes`).
|
||||
* Investigate `__dde_attributes` key of the element.*/
|
||||
E.clear(...Object.values(this[G]));
|
||||
@ -568,8 +549,7 @@ E.observedAttributes = function(t) {
|
||||
var ut = {
|
||||
isSignal: z,
|
||||
processReactiveAttribute(t, e, n, r) {
|
||||
if (!z(n))
|
||||
return n;
|
||||
if (!z(n)) return n;
|
||||
let o = (c) => {
|
||||
if (!t.isConnected)
|
||||
return L(n, o);
|
||||
@ -581,7 +561,7 @@ var ut = {
|
||||
function ft(t, e, ...n) {
|
||||
let { current: r } = m;
|
||||
r.prevent || r.host(function(o) {
|
||||
o[R] || (o[R] = [], w.disconnected(
|
||||
o[R] || (o[R] = [], y.disconnected(
|
||||
() => (
|
||||
/*!
|
||||
* Clears all Signals listeners added in the current scope/host (`S.el`, `assign`, …?).
|
||||
@ -633,14 +613,12 @@ function Rt() {
|
||||
return H[H.length - 1];
|
||||
}
|
||||
function K(t) {
|
||||
if (!t[p])
|
||||
return;
|
||||
if (!t[p]) return;
|
||||
let { value: e, listeners: n } = t[p], r = Rt();
|
||||
return r && n.add(r), g.has(r) && g.get(r).add(t), e;
|
||||
}
|
||||
function dt(t, e, n) {
|
||||
if (!t[p])
|
||||
return;
|
||||
if (!t[p]) return;
|
||||
let r = t[p];
|
||||
if (!(!n && r.value === e))
|
||||
return r.value = e, r.listeners.forEach((o) => o(e)), e;
|
||||
@ -651,15 +629,12 @@ function Q(t, e) {
|
||||
}
|
||||
function L(t, e, n) {
|
||||
let r = t[p];
|
||||
if (!r)
|
||||
return;
|
||||
if (!r) return;
|
||||
let o = r.listeners.delete(e);
|
||||
if (n && !r.listeners.size) {
|
||||
if (E.clear(t), !g.has(r))
|
||||
return o;
|
||||
if (E.clear(t), !g.has(r)) return o;
|
||||
let c = g.get(r);
|
||||
if (!g.has(c))
|
||||
return o;
|
||||
if (!g.has(c)) return o;
|
||||
g.get(c).forEach((i) => L(i, c, !0));
|
||||
}
|
||||
return o;
|
||||
@ -670,23 +645,23 @@ B(ut);
|
||||
|
||||
globalThis.dde= {
|
||||
S: E,
|
||||
assign: P,
|
||||
assign: j,
|
||||
assignAttribute: nt,
|
||||
chainableAppend: ht,
|
||||
classListDeclarative: gt,
|
||||
createElement: j,
|
||||
createElement: P,
|
||||
createElementNS: qt,
|
||||
customElementRender: Zt,
|
||||
customElementWithDDE: yt,
|
||||
customElementWithDDE: wt,
|
||||
dispatchEvent: Qt,
|
||||
el: j,
|
||||
el: P,
|
||||
elNS: qt,
|
||||
elementAttribute: vt,
|
||||
empty: Ft,
|
||||
isSignal: z,
|
||||
lifecyclesToEvents: yt,
|
||||
lifecyclesToEvents: wt,
|
||||
observedAttributes: _t,
|
||||
on: w,
|
||||
on: y,
|
||||
registerReactivity: B,
|
||||
scope: m,
|
||||
signal: E,
|
||||
|
||||
103
dist/dde.js
vendored
103
dist/dde.js
vendored
@ -98,15 +98,14 @@ function Q(t) {
|
||||
return t.append === $ || (t.appendOriginal = t.append, t.append = $), t;
|
||||
}
|
||||
var T;
|
||||
function k(t, e, ...n) {
|
||||
function j(t, e, ...n) {
|
||||
let r = L(this), o = 0, c, f;
|
||||
switch ((Object(e) !== e || r.isSignal(e)) && (e = { textContent: e }), !0) {
|
||||
case typeof t == "function": {
|
||||
o = 1, S.push({ scope: t, host: (...b) => b.length ? (o === 1 ? n.unshift(...b) : b.forEach((l) => l(f)), void 0) : f }), c = t(e || void 0);
|
||||
o = 1, S.push({ scope: t, host: (...b) => b.length ? (o === 1 ? n.unshift(...b) : b.forEach((h) => h(f)), void 0) : f }), c = t(e || void 0);
|
||||
let d = c instanceof a.F;
|
||||
if (c.nodeName === "#comment")
|
||||
break;
|
||||
let p = k.mark({
|
||||
if (c.nodeName === "#comment") break;
|
||||
let p = j.mark({
|
||||
type: "component",
|
||||
name: t.name,
|
||||
host: d ? "this" : "parentElement"
|
||||
@ -128,20 +127,21 @@ function k(t, e, ...n) {
|
||||
}
|
||||
return Q(c), f || (f = c), n.forEach((d) => d(f)), o && S.pop(), o = 2, c;
|
||||
}
|
||||
function bt(t, e = t, n = void 0) {
|
||||
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.length)
|
||||
return t;
|
||||
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.appendChild(l);
|
||||
for (let h of p) {
|
||||
if (!h || !h.slot) {
|
||||
c && b.append(h);
|
||||
continue;
|
||||
}
|
||||
let A = l.slot, _ = o[A];
|
||||
tt(l, "remove", "slot"), _ && (X(_, l, n), Reflect.deleteProperty(o, A));
|
||||
let A = h.slot, _ = o[A];
|
||||
tt(h, "remove", "slot"), _ && (X(_, h, n), Reflect.deleteProperty(o, A));
|
||||
}
|
||||
return c && (o[r].replaceWith(b), Reflect.deleteProperty(o, r)), t.append = f, t;
|
||||
}
|
||||
@ -159,7 +159,7 @@ function X(t, e, n) {
|
||||
t.replaceWith(e);
|
||||
}
|
||||
}
|
||||
k.mark = function(t, e = !1) {
|
||||
j.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;
|
||||
@ -168,14 +168,13 @@ function gt(t) {
|
||||
let e = this;
|
||||
return function(...r) {
|
||||
T = t;
|
||||
let o = k.call(e, ...r);
|
||||
let o = j.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;
|
||||
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);
|
||||
@ -190,10 +189,8 @@ function z(t, e, n) {
|
||||
(d, p) => z.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);
|
||||
if (f === "=") return r(e.slice(1), n);
|
||||
if (f === ".") return H(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) {
|
||||
@ -202,8 +199,8 @@ function z(t, e, n) {
|
||||
case "textContent":
|
||||
return U(t, e, n);
|
||||
case "style":
|
||||
if (typeof n != "object")
|
||||
break;
|
||||
if (typeof n != "object") break;
|
||||
/* falls through */
|
||||
case "dataset":
|
||||
return M(o, n, H.bind(null, t[e]));
|
||||
case "ariaset":
|
||||
@ -214,8 +211,7 @@ function z(t, e, n) {
|
||||
return et(t, e) ? U(t, e, n) : r(e, n);
|
||||
}
|
||||
function B(t, e) {
|
||||
if (P.has(t))
|
||||
return P.get(t);
|
||||
if (P.has(t)) return P.get(t);
|
||||
let r = (t instanceof a.S ? rt : nt).bind(null, t, "Attribute"), o = L(e);
|
||||
return { setRemoveAttr: r, s: o };
|
||||
}
|
||||
@ -234,14 +230,12 @@ function tt(t, e, n, r) {
|
||||
return t instanceof a.H ? t[e + "Attribute"](n, r) : t[e + "AttributeNS"](null, n, r);
|
||||
}
|
||||
function et(t, e) {
|
||||
if (!(e in t))
|
||||
return !1;
|
||||
if (!(e in t)) return !1;
|
||||
let n = I(t, e);
|
||||
return !E(n.set);
|
||||
}
|
||||
function I(t, e) {
|
||||
if (t = Object.getPrototypeOf(t), !t)
|
||||
return {};
|
||||
if (t = Object.getPrototypeOf(t), !t) return {};
|
||||
let n = Object.getOwnPropertyDescriptor(t, e);
|
||||
return n || I(t, e);
|
||||
}
|
||||
@ -276,7 +270,7 @@ 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)) {
|
||||
if (h(s.addedNodes, !0)) {
|
||||
i();
|
||||
continue;
|
||||
}
|
||||
@ -295,8 +289,7 @@ function ot() {
|
||||
s.connected.has(u) || (s.connected.add(u), s.length_c += 1);
|
||||
},
|
||||
offConnected(i, u) {
|
||||
if (!t.has(i))
|
||||
return;
|
||||
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));
|
||||
},
|
||||
@ -306,8 +299,7 @@ function ot() {
|
||||
s.disconnected.has(u) || (s.disconnected.add(u), s.length_d += 1);
|
||||
},
|
||||
offDisconnected(i, u) {
|
||||
if (!t.has(i))
|
||||
return;
|
||||
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));
|
||||
}
|
||||
@ -316,8 +308,7 @@ function ot() {
|
||||
u.length_c || u.length_d || (t.delete(i), d());
|
||||
}
|
||||
function c(i) {
|
||||
if (t.has(i))
|
||||
return t.get(i);
|
||||
if (t.has(i)) return t.get(i);
|
||||
let u = {
|
||||
connected: /* @__PURE__ */ new WeakSet(),
|
||||
length_c: 0,
|
||||
@ -340,26 +331,24 @@ function ot() {
|
||||
async function b(i) {
|
||||
t.size > 30 && await p();
|
||||
let u = [];
|
||||
if (!(i instanceof Node))
|
||||
return u;
|
||||
if (!(i instanceof Node)) return u;
|
||||
for (let s of t.keys())
|
||||
s === i || !(s instanceof Node) || i.contains(s) && u.push(s);
|
||||
return u;
|
||||
}
|
||||
function l(i, u) {
|
||||
function h(i, u) {
|
||||
let s = !1;
|
||||
for (let h of i) {
|
||||
if (u && b(h).then(l), !t.has(h))
|
||||
continue;
|
||||
let m = t.get(h);
|
||||
m.length_c && (h.dispatchEvent(new Event(g)), m.connected = /* @__PURE__ */ new WeakSet(), m.length_c = 0, m.length_d || t.delete(h), s = !0);
|
||||
for (let l of i) {
|
||||
if (u && b(l).then(h), !t.has(l)) continue;
|
||||
let m = t.get(l);
|
||||
m.length_c && (l.dispatchEvent(new Event(g)), m.connected = /* @__PURE__ */ new WeakSet(), m.length_c = 0, m.length_d || t.delete(l), s = !0);
|
||||
}
|
||||
return s;
|
||||
}
|
||||
function A(i, u) {
|
||||
let s = !1;
|
||||
for (let h of i)
|
||||
u && b(h).then(A), !(!t.has(h) || !t.get(h).length_d) && ((globalThis.queueMicrotask || setTimeout)(_(h)), s = !0);
|
||||
for (let l of i)
|
||||
u && b(l).then(A), !(!t.has(l) || !t.get(l).length_d) && ((globalThis.queueMicrotask || setTimeout)(_(l)), s = !0);
|
||||
return s;
|
||||
}
|
||||
function _(i) {
|
||||
@ -381,20 +370,20 @@ function Dt(t, e, n, r = it) {
|
||||
return o || t.dispatchEvent(new Event(g)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(y, w.observe(e), { once: !0 }), S.pop(), e.append(c);
|
||||
}
|
||||
function ct(t) {
|
||||
return W(t.prototype, "connectedCallback", function(e, n, r) {
|
||||
return k(t.prototype, "connectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), n.dispatchEvent(new Event(g));
|
||||
}), W(t.prototype, "disconnectedCallback", function(e, n, r) {
|
||||
}), k(t.prototype, "disconnectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), (globalThis.queueMicrotask || setTimeout)(
|
||||
() => !n.isConnected && n.dispatchEvent(new Event(y))
|
||||
);
|
||||
}), W(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
}), k(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
let [o, , c] = r;
|
||||
n.dispatchEvent(new CustomEvent(D, {
|
||||
detail: [o, c]
|
||||
})), e.apply(n, r);
|
||||
}), t.prototype[x] = !0, t;
|
||||
}
|
||||
function W(t, e, n) {
|
||||
function k(t, e, n) {
|
||||
t[e] = new Proxy(t[e] || (() => {
|
||||
}), { apply: n });
|
||||
}
|
||||
@ -426,18 +415,16 @@ R.disconnected = function(t, e) {
|
||||
return r.addEventListener(y, t, e), r[x] || N(e.signal, () => w.offDisconnected(r, t)) && w.onDisconnected(r, t), r;
|
||||
};
|
||||
};
|
||||
var j = /* @__PURE__ */ new WeakMap();
|
||||
var W = /* @__PURE__ */ new WeakMap();
|
||||
R.disconnectedAsAbort = function(t) {
|
||||
if (j.has(t))
|
||||
return j.get(t);
|
||||
if (W.has(t)) return W.get(t);
|
||||
let e = new AbortController();
|
||||
return j.set(t, e), t(R.disconnected(() => e.abort())), e;
|
||||
return W.set(t, e), t(R.disconnected(() => e.abort())), e;
|
||||
};
|
||||
var st = /* @__PURE__ */ new WeakSet();
|
||||
R.attributeChanged = function(t, e) {
|
||||
return typeof e != "object" && (e = {}), function(r) {
|
||||
if (r.addEventListener(D, t, e), r[x] || st.has(r) || !a.M)
|
||||
return r;
|
||||
if (r.addEventListener(D, t, e), r[x] || st.has(r) || !a.M) return r;
|
||||
let o = new a.M(function(f) {
|
||||
for (let { attributeName: d, target: p } of f)
|
||||
p.dispatchEvent(
|
||||
@ -453,12 +440,12 @@ globalThis.dde= {
|
||||
assignAttribute: z,
|
||||
chainableAppend: Q,
|
||||
classListDeclarative: Y,
|
||||
createElement: k,
|
||||
createElement: j,
|
||||
createElementNS: gt,
|
||||
customElementRender: Dt,
|
||||
customElementWithDDE: ct,
|
||||
dispatchEvent: _t,
|
||||
el: k,
|
||||
el: j,
|
||||
elNS: gt,
|
||||
elementAttribute: tt,
|
||||
empty: vt,
|
||||
|
||||
23
dist/esm-with-signals.d.ts
vendored
23
dist/esm-with-signals.d.ts
vendored
@ -47,7 +47,7 @@ type ExtendedHTMLElementTagNameMap= HTMLElementTagNameMap & CustomElementTagName
|
||||
type textContent= string | ddeSignal<string>;
|
||||
export function el<
|
||||
TAG extends keyof ExtendedHTMLElementTagNameMap,
|
||||
EL extends (TAG extends keyof ExtendedHTMLElementTagNameMap ? ExtendedHTMLElementTagNameMap[TAG] : HTMLElement)
|
||||
EL extends ExtendedHTMLElementTagNameMap[TAG]
|
||||
>(
|
||||
tag_name: TAG,
|
||||
attrs?: ElementAttributes<EL> | textContent,
|
||||
@ -58,7 +58,7 @@ export function el(
|
||||
): ddeDocumentFragment
|
||||
export function el(
|
||||
tag_name: string,
|
||||
attrs?: ElementAttributes<HTMLElement>,
|
||||
attrs?: ElementAttributes<HTMLElement> | textContent,
|
||||
...addons: ddeElementAddon<HTMLElement>[]
|
||||
): ddeHTMLElement
|
||||
|
||||
@ -101,7 +101,18 @@ export function elNS(
|
||||
export { elNS as createElementNS }
|
||||
|
||||
export function chainableAppend<EL extends SupportedElement>(el: EL): EL;
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(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`.
|
||||
* @param el Custom Element root element
|
||||
* @param body Body of the custom element
|
||||
* */
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(el: HTMLElement, body: EL, mapper?: simulateSlotsMapper): EL
|
||||
|
||||
export function dispatchEvent(name: keyof DocumentEventMap | string, options?: EventInit):
|
||||
(element: SupportedElement, data?: any)=> void;
|
||||
@ -177,12 +188,12 @@ export const scope: {
|
||||
|
||||
export function customElementRender<
|
||||
EL extends HTMLElement,
|
||||
P extends any = Record<string, any>
|
||||
P extends any = Record<string, string | ddeSignal<string>>
|
||||
>(
|
||||
custom_element: EL,
|
||||
target: ShadowRoot | EL,
|
||||
render: (props: P)=> SupportedElement | DocumentFragment,
|
||||
props?: P | ((...args: any[])=> P)
|
||||
props?: P | ((el: EL)=> P)
|
||||
): EL
|
||||
export function customElementWithDDE<EL extends (new ()=> HTMLElement)>(custom_element: EL): EL
|
||||
export function lifecyclesToEvents<EL extends (new ()=> HTMLElement)>(custom_element: EL): EL
|
||||
@ -523,7 +534,7 @@ interface signal{
|
||||
* */
|
||||
el<S extends any>(signal: Signal<S, any>, el: (v: S)=> Element | Element[] | DocumentFragment): DocumentFragment;
|
||||
|
||||
observedAttributes(custom_element: HTMLElement): Record<string, Signal<any, any>>;
|
||||
observedAttributes(custom_element: HTMLElement): Record<string, Signal<string, {}>>;
|
||||
}
|
||||
export const signal: signal;
|
||||
export const S: signal;
|
||||
|
||||
225
dist/esm-with-signals.js
vendored
225
dist/esm-with-signals.js
vendored
@ -59,7 +59,7 @@ function lt(t, e, n) {
|
||||
return Reflect.set(t, e, "");
|
||||
}
|
||||
}
|
||||
var C = "__dde_lifecyclesToEvents", _ = "dde:connected", O = "dde:disconnected", M = "dde:attributeChanged";
|
||||
var O = "__dde_lifecyclesToEvents", _ = "dde:connected", C = "dde:disconnected", M = "dde:attributeChanged";
|
||||
|
||||
// src/dom.js
|
||||
var A = [{
|
||||
@ -100,50 +100,50 @@ function ht(t) {
|
||||
return t.append === Y || (t.appendOriginal = t.append, t.append = Y), t;
|
||||
}
|
||||
var $;
|
||||
function j(t, e, ...n) {
|
||||
function P(t, e, ...n) {
|
||||
let r = W(this), o = 0, c, i;
|
||||
switch ((Object(e) !== e || r.isSignal(e)) && (e = { textContent: e }), !0) {
|
||||
case typeof t == "function": {
|
||||
o = 1, m.push({ scope: t, host: (...v) => v.length ? (o === 1 ? n.unshift(...v) : v.forEach((l) => l(i)), void 0) : i }), c = t(e || void 0);
|
||||
o = 1, m.push({ scope: t, host: (...v) => v.length ? (o === 1 ? n.unshift(...v) : v.forEach((h) => h(i)), void 0) : i }), c = t(e || void 0);
|
||||
let a = c instanceof d.F;
|
||||
if (c.nodeName === "#comment")
|
||||
break;
|
||||
let h = j.mark({
|
||||
if (c.nodeName === "#comment") break;
|
||||
let l = P.mark({
|
||||
type: "component",
|
||||
name: t.name,
|
||||
host: a ? "this" : "parentElement"
|
||||
});
|
||||
c.prepend(h), a && (i = h);
|
||||
c.prepend(l), a && (i = l);
|
||||
break;
|
||||
}
|
||||
case t === "#text":
|
||||
c = P.call(this, d.D.createTextNode(""), e);
|
||||
c = j.call(this, d.D.createTextNode(""), e);
|
||||
break;
|
||||
case (t === "<>" || !t):
|
||||
c = P.call(this, d.D.createDocumentFragment(), e);
|
||||
c = j.call(this, d.D.createDocumentFragment(), e);
|
||||
break;
|
||||
case !!$:
|
||||
c = P.call(this, d.D.createElementNS($, t), e);
|
||||
c = j.call(this, d.D.createElementNS($, t), e);
|
||||
break;
|
||||
case !c:
|
||||
c = P.call(this, d.D.createElement(t), e);
|
||||
c = j.call(this, d.D.createElement(t), e);
|
||||
}
|
||||
return ht(c), i || (i = c), n.forEach((a) => a(i)), o && m.pop(), o = 2, c;
|
||||
}
|
||||
function Wt(t, e = t, n = void 0) {
|
||||
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.length)
|
||||
return t;
|
||||
apply(i, a, l) {
|
||||
if (l[0] === e) return i.apply(t, l);
|
||||
if (!l.length) return t;
|
||||
let v = d.D.createDocumentFragment();
|
||||
for (let l of h) {
|
||||
if (!l || !l.slot) {
|
||||
c && v.appendChild(l);
|
||||
for (let h of l) {
|
||||
if (!h || !h.slot) {
|
||||
c && v.append(h);
|
||||
continue;
|
||||
}
|
||||
let x = l.slot, y = o[x];
|
||||
vt(l, "remove", "slot"), y && (bt(y, l, n), Reflect.deleteProperty(o, x));
|
||||
let x = h.slot, w = o[x];
|
||||
vt(h, "remove", "slot"), w && (bt(w, h, n), Reflect.deleteProperty(o, x));
|
||||
}
|
||||
return c && (o[r].replaceWith(v), Reflect.deleteProperty(o, r)), t.append = i, t;
|
||||
}
|
||||
@ -156,12 +156,12 @@ function Wt(t, e = t, n = void 0) {
|
||||
function bt(t, e, n) {
|
||||
n && n(t, e);
|
||||
try {
|
||||
t.replaceWith(P(e, { className: [e.className, t.className], dataset: { ...t.dataset } }));
|
||||
t.replaceWith(j(e, { className: [e.className, t.className], dataset: { ...t.dataset } }));
|
||||
} catch {
|
||||
t.replaceWith(e);
|
||||
}
|
||||
}
|
||||
j.mark = function(t, e = !1) {
|
||||
P.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;
|
||||
@ -170,14 +170,13 @@ function qt(t) {
|
||||
let e = this;
|
||||
return function(...r) {
|
||||
$ = t;
|
||||
let o = j.call(e, ...r);
|
||||
let o = P.call(e, ...r);
|
||||
return $ = void 0, o;
|
||||
};
|
||||
}
|
||||
var U = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: tt } = d;
|
||||
function P(t, ...e) {
|
||||
if (!e.length)
|
||||
return t;
|
||||
function j(t, ...e) {
|
||||
if (!e.length) return t;
|
||||
U.set(t, rt(t, this));
|
||||
for (let [n, r] of Object.entries(Object.assign({}, ...e)))
|
||||
nt.call(this, t, n, r);
|
||||
@ -189,13 +188,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);
|
||||
if (i === "=") return r(e.slice(1), n);
|
||||
if (i === ".") 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) {
|
||||
@ -204,20 +201,19 @@ function nt(t, e, n) {
|
||||
case "textContent":
|
||||
return tt(t, e, n);
|
||||
case "style":
|
||||
if (typeof n != "object")
|
||||
break;
|
||||
if (typeof n != "object") break;
|
||||
/* falls through */
|
||||
case "dataset":
|
||||
return I(o, n, et.bind(null, t[e]));
|
||||
case "ariaset":
|
||||
return I(o, n, (a, h) => r("aria-" + a, h));
|
||||
return I(o, n, (a, l) => r("aria-" + a, l));
|
||||
case "classList":
|
||||
return gt.call(c, t, n);
|
||||
}
|
||||
return Et(t, e) ? tt(t, e, n) : r(e, n);
|
||||
}
|
||||
function rt(t, e) {
|
||||
if (U.has(t))
|
||||
return U.get(t);
|
||||
if (U.has(t)) return U.get(t);
|
||||
let r = (t instanceof d.S ? xt : mt).bind(null, t, "Attribute"), o = W(e);
|
||||
return { setRemoveAttr: r, s: o };
|
||||
}
|
||||
@ -236,14 +232,12 @@ function vt(t, e, n, r) {
|
||||
return t instanceof d.H ? t[e + "Attribute"](n, r) : t[e + "AttributeNS"](null, n, r);
|
||||
}
|
||||
function Et(t, e) {
|
||||
if (!(e in t))
|
||||
return !1;
|
||||
if (!(e in t)) return !1;
|
||||
let n = ot(t, e);
|
||||
return !S(n.set);
|
||||
}
|
||||
function ot(t, e) {
|
||||
if (t = Object.getPrototypeOf(t), !t)
|
||||
return {};
|
||||
if (t = Object.getPrototypeOf(t), !t) return {};
|
||||
let n = Object.getOwnPropertyDescriptor(t, e);
|
||||
return n || ot(t, e);
|
||||
}
|
||||
@ -268,17 +262,17 @@ function et(t, e, n) {
|
||||
}
|
||||
|
||||
// src/events-observer.js
|
||||
var D = d.M ? wt() : new Proxy({}, {
|
||||
var D = d.M ? yt() : new Proxy({}, {
|
||||
get() {
|
||||
return () => {
|
||||
};
|
||||
}
|
||||
});
|
||||
function wt() {
|
||||
function yt() {
|
||||
let t = /* @__PURE__ */ new Map(), e = !1, n = (s) => function(u) {
|
||||
for (let f of u)
|
||||
if (f.type === "childList") {
|
||||
if (l(f.addedNodes, !0)) {
|
||||
if (h(f.addedNodes, !0)) {
|
||||
s();
|
||||
continue;
|
||||
}
|
||||
@ -297,8 +291,7 @@ function wt() {
|
||||
f.connected.has(u) || (f.connected.add(u), f.length_c += 1);
|
||||
},
|
||||
offConnected(s, u) {
|
||||
if (!t.has(s))
|
||||
return;
|
||||
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));
|
||||
},
|
||||
@ -308,8 +301,7 @@ function wt() {
|
||||
f.disconnected.has(u) || (f.disconnected.add(u), f.length_d += 1);
|
||||
},
|
||||
offDisconnected(s, u) {
|
||||
if (!t.has(s))
|
||||
return;
|
||||
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));
|
||||
}
|
||||
@ -318,8 +310,7 @@ function wt() {
|
||||
u.length_c || u.length_d || (t.delete(s), a());
|
||||
}
|
||||
function c(s) {
|
||||
if (t.has(s))
|
||||
return t.get(s);
|
||||
if (t.has(s)) return t.get(s);
|
||||
let u = {
|
||||
connected: /* @__PURE__ */ new WeakSet(),
|
||||
length_c: 0,
|
||||
@ -334,25 +325,23 @@ function wt() {
|
||||
function a() {
|
||||
!e || t.size || (e = !1, r.disconnect());
|
||||
}
|
||||
function h() {
|
||||
function l() {
|
||||
return new Promise(function(s) {
|
||||
(requestIdleCallback || requestAnimationFrame)(s);
|
||||
});
|
||||
}
|
||||
async function v(s) {
|
||||
t.size > 30 && await h();
|
||||
t.size > 30 && await l();
|
||||
let u = [];
|
||||
if (!(s instanceof Node))
|
||||
return u;
|
||||
if (!(s instanceof Node)) return u;
|
||||
for (let f of t.keys())
|
||||
f === s || !(f instanceof Node) || s.contains(f) && u.push(f);
|
||||
return u;
|
||||
}
|
||||
function l(s, u) {
|
||||
function h(s, u) {
|
||||
let f = !1;
|
||||
for (let b of s) {
|
||||
if (u && v(b).then(l), !t.has(b))
|
||||
continue;
|
||||
if (u && v(b).then(h), !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);
|
||||
}
|
||||
@ -361,12 +350,12 @@ function wt() {
|
||||
function x(s, u) {
|
||||
let f = !1;
|
||||
for (let b of s)
|
||||
u && v(b).then(x), !(!t.has(b) || !t.get(b).length_d) && ((globalThis.queueMicrotask || setTimeout)(y(b)), f = !0);
|
||||
u && v(b).then(x), !(!t.has(b) || !t.get(b).length_d) && ((globalThis.queueMicrotask || setTimeout)(w(b)), f = !0);
|
||||
return f;
|
||||
}
|
||||
function y(s) {
|
||||
function w(s) {
|
||||
return () => {
|
||||
s.isConnected || (s.dispatchEvent(new Event(O)), t.delete(s));
|
||||
s.isConnected || (s.dispatchEvent(new Event(C)), t.delete(s));
|
||||
};
|
||||
}
|
||||
}
|
||||
@ -377,24 +366,24 @@ function Zt(t, e, n, r = _t) {
|
||||
scope: t,
|
||||
host: (...i) => i.length ? i.forEach((a) => a(t)) : t
|
||||
}), typeof r == "function" && (r = r.call(t, t));
|
||||
let o = t[C];
|
||||
o || yt(t);
|
||||
let o = t[O];
|
||||
o || wt(t);
|
||||
let c = n.call(t, r);
|
||||
return o || t.dispatchEvent(new Event(_)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(O, D.observe(e), { once: !0 }), m.pop(), e.append(c);
|
||||
return o || t.dispatchEvent(new Event(_)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(C, D.observe(e), { once: !0 }), m.pop(), e.append(c);
|
||||
}
|
||||
function yt(t) {
|
||||
function wt(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(O))
|
||||
() => !n.isConnected && n.dispatchEvent(new Event(C))
|
||||
);
|
||||
}), J(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
let [o, , c] = r;
|
||||
n.dispatchEvent(new CustomEvent(M, {
|
||||
detail: [o, c]
|
||||
})), e.apply(n, r);
|
||||
}), t.prototype[C] = !0, t;
|
||||
}), t.prototype[O] = !0, t;
|
||||
}
|
||||
function J(t, e, n) {
|
||||
t[e] = new Proxy(t[e] || (() => {
|
||||
@ -412,38 +401,36 @@ function Qt(t, e, n) {
|
||||
return o.dispatchEvent(i);
|
||||
};
|
||||
}
|
||||
function w(t, e, n) {
|
||||
function y(t, e, n) {
|
||||
return function(o) {
|
||||
return o.addEventListener(t, e, n), o;
|
||||
};
|
||||
}
|
||||
var it = (t) => Object.assign({}, typeof t == "object" ? t : null, { once: !0 });
|
||||
w.connected = function(t, e) {
|
||||
y.connected = function(t, e) {
|
||||
return e = it(e), function(r) {
|
||||
return r.addEventListener(_, t, e), r[C] ? 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) : (q(e.signal, () => D.offConnected(r, t)) && D.onConnected(r, t), r);
|
||||
};
|
||||
};
|
||||
w.disconnected = function(t, e) {
|
||||
y.disconnected = function(t, e) {
|
||||
return e = it(e), function(r) {
|
||||
return r.addEventListener(O, t, e), r[C] || q(e.signal, () => D.offDisconnected(r, t)) && D.onDisconnected(r, t), r;
|
||||
return r.addEventListener(C, t, e), r[O] || q(e.signal, () => D.offDisconnected(r, t)) && D.onDisconnected(r, t), r;
|
||||
};
|
||||
};
|
||||
var Z = /* @__PURE__ */ new WeakMap();
|
||||
w.disconnectedAsAbort = function(t) {
|
||||
if (Z.has(t))
|
||||
return Z.get(t);
|
||||
y.disconnectedAsAbort = function(t) {
|
||||
if (Z.has(t)) return Z.get(t);
|
||||
let e = new AbortController();
|
||||
return Z.set(t, e), t(w.disconnected(() => e.abort())), e;
|
||||
return Z.set(t, e), t(y.disconnected(() => e.abort())), e;
|
||||
};
|
||||
var At = /* @__PURE__ */ new WeakSet();
|
||||
w.attributeChanged = function(t, e) {
|
||||
y.attributeChanged = function(t, e) {
|
||||
return typeof e != "object" && (e = {}), function(r) {
|
||||
if (r.addEventListener(M, t, e), r[C] || At.has(r) || !d.M)
|
||||
return 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)] })
|
||||
for (let { attributeName: a, target: l } of i)
|
||||
l.dispatchEvent(
|
||||
new CustomEvent(M, { detail: [a, l.getAttribute(a)] })
|
||||
);
|
||||
});
|
||||
return q(e.signal, () => o.disconnect()) && o.observe(r, { attributes: !0 }), r;
|
||||
@ -463,12 +450,10 @@ var H = [], g = /* @__PURE__ */ new WeakMap();
|
||||
function E(t, e) {
|
||||
if (typeof t != "function")
|
||||
return st(!1, t, e);
|
||||
if (z(t))
|
||||
return t;
|
||||
if (z(t)) return t;
|
||||
let n = st(!0), r = function() {
|
||||
let [o, ...c] = g.get(r);
|
||||
if (g.set(r, /* @__PURE__ */ new Set([o])), H.push(r), dt(n, t()), H.pop(), !c.length)
|
||||
return;
|
||||
if (g.set(r, /* @__PURE__ */ new Set([o])), H.push(r), dt(n, t()), H.pop(), !c.length) return;
|
||||
let i = g.get(r);
|
||||
for (let a of c)
|
||||
i.has(a) || L(a, r);
|
||||
@ -479,15 +464,13 @@ E.action = function(t, e, ...n) {
|
||||
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;
|
||||
if (o[e].apply(r, n), r.skip) return delete r.skip;
|
||||
r.listeners.forEach((c) => c(r.value));
|
||||
};
|
||||
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));
|
||||
if (Array.isArray(e)) return e.forEach((c) => t(c, n, r));
|
||||
Q(e, n), o && o.addEventListener("abort", () => L(e, n));
|
||||
}
|
||||
};
|
||||
@ -502,8 +485,7 @@ E.clear = function(...t) {
|
||||
}
|
||||
function e(n, r) {
|
||||
r.listeners.forEach((o) => {
|
||||
if (r.listeners.delete(o), !g.has(o))
|
||||
return;
|
||||
if (r.listeners.delete(o), !g.has(o)) return;
|
||||
let c = g.get(o);
|
||||
c.delete(n), !(c.size > 1) && (n.clear(...c), g.delete(o));
|
||||
});
|
||||
@ -511,23 +493,23 @@ E.clear = function(...t) {
|
||||
};
|
||||
var R = "__dde_reactive";
|
||||
E.el = function(t, e) {
|
||||
let n = j.mark({ type: "reactive" }, !0), r = n.end, o = d.D.createDocumentFragment();
|
||||
let n = P.mark({ type: "reactive" }, !0), r = n.end, o = d.D.createDocumentFragment();
|
||||
o.append(n, r);
|
||||
let { current: c } = m, i = {}, a = (h) => {
|
||||
let { current: c } = m, i = {}, a = (l) => {
|
||||
if (!n.parentNode || !r.parentNode)
|
||||
return L(t, a);
|
||||
let v = i;
|
||||
i = {}, m.push(c);
|
||||
let l = e(h, function(u, f) {
|
||||
let h = e(l, function(u, f) {
|
||||
let b;
|
||||
return T(v, u) ? (b = v[u], delete v[u]) : b = f(), i[u] = b, b;
|
||||
});
|
||||
m.pop(), Array.isArray(l) || (l = [l]);
|
||||
m.pop(), Array.isArray(h) || (h = [h]);
|
||||
let x = document.createComment("");
|
||||
l.push(x), n.after(...l);
|
||||
let y;
|
||||
for (; (y = x.nextSibling) && y !== r; )
|
||||
y.remove();
|
||||
h.push(x), n.after(...h);
|
||||
let w;
|
||||
for (; (w = x.nextSibling) && w !== r; )
|
||||
w.remove();
|
||||
x.remove(), n.isConnected && St(c.host());
|
||||
};
|
||||
return Q(t, a), ft(t, a, n, e), a(t()), o;
|
||||
@ -537,27 +519,26 @@ function St(t) {
|
||||
t[R] = t[R].filter(([e, n]) => n.isConnected ? !0 : (L(...e), !1));
|
||||
});
|
||||
}
|
||||
var Ct = {
|
||||
var Ot = {
|
||||
_set(t) {
|
||||
this.value = t;
|
||||
}
|
||||
};
|
||||
function Ot(t) {
|
||||
function Ct(t) {
|
||||
return function(e, n) {
|
||||
let r = (...c) => c.length ? e.setAttribute(n, ...c) : K(r), o = at(r, e.getAttribute(n), Ct);
|
||||
let r = (...c) => c.length ? e.setAttribute(n, ...c) : K(r), o = at(r, e.getAttribute(n), Ot);
|
||||
return t[n] = o, o;
|
||||
};
|
||||
}
|
||||
var G = "__dde_attributes";
|
||||
E.observedAttributes = function(t) {
|
||||
let e = t[G] = {}, n = F(t, Ot(e));
|
||||
return w.attributeChanged(function({ detail: o }) {
|
||||
let e = t[G] = {}, n = F(t, Ct(e));
|
||||
return y.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);
|
||||
})(t), w.disconnected(function() {
|
||||
if (a) return E.action(a, "_set", i);
|
||||
})(t), y.disconnected(function() {
|
||||
/*! This removes all signals mapped to attributes (`S.observedAttributes`).
|
||||
* Investigate `__dde_attributes` key of the element.*/
|
||||
E.clear(...Object.values(this[G]));
|
||||
@ -566,8 +547,7 @@ E.observedAttributes = function(t) {
|
||||
var ut = {
|
||||
isSignal: z,
|
||||
processReactiveAttribute(t, e, n, r) {
|
||||
if (!z(n))
|
||||
return n;
|
||||
if (!z(n)) return n;
|
||||
let o = (c) => {
|
||||
if (!t.isConnected)
|
||||
return L(n, o);
|
||||
@ -579,7 +559,7 @@ var ut = {
|
||||
function ft(t, e, ...n) {
|
||||
let { current: r } = m;
|
||||
r.prevent || r.host(function(o) {
|
||||
o[R] || (o[R] = [], w.disconnected(
|
||||
o[R] || (o[R] = [], y.disconnected(
|
||||
() => (
|
||||
/*!
|
||||
* Clears all Signals listeners added in the current scope/host (`S.el`, `assign`, …?).
|
||||
@ -631,14 +611,12 @@ function Rt() {
|
||||
return H[H.length - 1];
|
||||
}
|
||||
function K(t) {
|
||||
if (!t[p])
|
||||
return;
|
||||
if (!t[p]) return;
|
||||
let { value: e, listeners: n } = t[p], r = Rt();
|
||||
return r && n.add(r), g.has(r) && g.get(r).add(t), e;
|
||||
}
|
||||
function dt(t, e, n) {
|
||||
if (!t[p])
|
||||
return;
|
||||
if (!t[p]) return;
|
||||
let r = t[p];
|
||||
if (!(!n && r.value === e))
|
||||
return r.value = e, r.listeners.forEach((o) => o(e)), e;
|
||||
@ -649,15 +627,12 @@ function Q(t, e) {
|
||||
}
|
||||
function L(t, e, n) {
|
||||
let r = t[p];
|
||||
if (!r)
|
||||
return;
|
||||
if (!r) return;
|
||||
let o = r.listeners.delete(e);
|
||||
if (n && !r.listeners.size) {
|
||||
if (E.clear(t), !g.has(r))
|
||||
return o;
|
||||
if (E.clear(t), !g.has(r)) return o;
|
||||
let c = g.get(r);
|
||||
if (!g.has(c))
|
||||
return o;
|
||||
if (!g.has(c)) return o;
|
||||
g.get(c).forEach((i) => L(i, c, !0));
|
||||
}
|
||||
return o;
|
||||
@ -667,23 +642,23 @@ function L(t, e, n) {
|
||||
B(ut);
|
||||
export {
|
||||
E as S,
|
||||
P as assign,
|
||||
j as assign,
|
||||
nt as assignAttribute,
|
||||
ht as chainableAppend,
|
||||
gt as classListDeclarative,
|
||||
j as createElement,
|
||||
P as createElement,
|
||||
qt as createElementNS,
|
||||
Zt as customElementRender,
|
||||
yt as customElementWithDDE,
|
||||
wt as customElementWithDDE,
|
||||
Qt as dispatchEvent,
|
||||
j as el,
|
||||
P as el,
|
||||
qt as elNS,
|
||||
vt as elementAttribute,
|
||||
Ft as empty,
|
||||
z as isSignal,
|
||||
yt as lifecyclesToEvents,
|
||||
wt as lifecyclesToEvents,
|
||||
_t as observedAttributes,
|
||||
w as on,
|
||||
y as on,
|
||||
B as registerReactivity,
|
||||
m as scope,
|
||||
E as signal,
|
||||
|
||||
21
dist/esm.d.ts
vendored
21
dist/esm.d.ts
vendored
@ -47,7 +47,7 @@ type ExtendedHTMLElementTagNameMap= HTMLElementTagNameMap & CustomElementTagName
|
||||
type textContent= string | ddeSignal<string>;
|
||||
export function el<
|
||||
TAG extends keyof ExtendedHTMLElementTagNameMap,
|
||||
EL extends (TAG extends keyof ExtendedHTMLElementTagNameMap ? ExtendedHTMLElementTagNameMap[TAG] : HTMLElement)
|
||||
EL extends ExtendedHTMLElementTagNameMap[TAG]
|
||||
>(
|
||||
tag_name: TAG,
|
||||
attrs?: ElementAttributes<EL> | textContent,
|
||||
@ -58,7 +58,7 @@ export function el(
|
||||
): ddeDocumentFragment
|
||||
export function el(
|
||||
tag_name: string,
|
||||
attrs?: ElementAttributes<HTMLElement>,
|
||||
attrs?: ElementAttributes<HTMLElement> | textContent,
|
||||
...addons: ddeElementAddon<HTMLElement>[]
|
||||
): ddeHTMLElement
|
||||
|
||||
@ -101,7 +101,18 @@ export function elNS(
|
||||
export { elNS as createElementNS }
|
||||
|
||||
export function chainableAppend<EL extends SupportedElement>(el: EL): EL;
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(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`.
|
||||
* @param el Custom Element root element
|
||||
* @param body Body of the custom element
|
||||
* */
|
||||
export function simulateSlots<EL extends SupportedElement | DocumentFragment>(el: HTMLElement, body: EL, mapper?: simulateSlotsMapper): EL
|
||||
|
||||
export function dispatchEvent(name: keyof DocumentEventMap | string, options?: EventInit):
|
||||
(element: SupportedElement, data?: any)=> void;
|
||||
@ -177,12 +188,12 @@ export const scope: {
|
||||
|
||||
export function customElementRender<
|
||||
EL extends HTMLElement,
|
||||
P extends any = Record<string, any>
|
||||
P extends any = Record<string, string | ddeSignal<string>>
|
||||
>(
|
||||
custom_element: EL,
|
||||
target: ShadowRoot | EL,
|
||||
render: (props: P)=> SupportedElement | DocumentFragment,
|
||||
props?: P | ((...args: any[])=> P)
|
||||
props?: P | ((el: EL)=> P)
|
||||
): EL
|
||||
export function customElementWithDDE<EL extends (new ()=> HTMLElement)>(custom_element: EL): EL
|
||||
export function lifecyclesToEvents<EL extends (new ()=> HTMLElement)>(custom_element: EL): EL
|
||||
|
||||
103
dist/esm.js
vendored
103
dist/esm.js
vendored
@ -96,15 +96,14 @@ function Q(t) {
|
||||
return t.append === $ || (t.appendOriginal = t.append, t.append = $), t;
|
||||
}
|
||||
var T;
|
||||
function k(t, e, ...n) {
|
||||
function j(t, e, ...n) {
|
||||
let r = L(this), o = 0, c, f;
|
||||
switch ((Object(e) !== e || r.isSignal(e)) && (e = { textContent: e }), !0) {
|
||||
case typeof t == "function": {
|
||||
o = 1, S.push({ scope: t, host: (...b) => b.length ? (o === 1 ? n.unshift(...b) : b.forEach((l) => l(f)), void 0) : f }), c = t(e || void 0);
|
||||
o = 1, S.push({ scope: t, host: (...b) => b.length ? (o === 1 ? n.unshift(...b) : b.forEach((h) => h(f)), void 0) : f }), c = t(e || void 0);
|
||||
let d = c instanceof a.F;
|
||||
if (c.nodeName === "#comment")
|
||||
break;
|
||||
let p = k.mark({
|
||||
if (c.nodeName === "#comment") break;
|
||||
let p = j.mark({
|
||||
type: "component",
|
||||
name: t.name,
|
||||
host: d ? "this" : "parentElement"
|
||||
@ -126,20 +125,21 @@ function k(t, e, ...n) {
|
||||
}
|
||||
return Q(c), f || (f = c), n.forEach((d) => d(f)), o && S.pop(), o = 2, c;
|
||||
}
|
||||
function bt(t, e = t, n = void 0) {
|
||||
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.length)
|
||||
return t;
|
||||
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.appendChild(l);
|
||||
for (let h of p) {
|
||||
if (!h || !h.slot) {
|
||||
c && b.append(h);
|
||||
continue;
|
||||
}
|
||||
let A = l.slot, _ = o[A];
|
||||
tt(l, "remove", "slot"), _ && (X(_, l, n), Reflect.deleteProperty(o, A));
|
||||
let A = h.slot, _ = o[A];
|
||||
tt(h, "remove", "slot"), _ && (X(_, h, n), Reflect.deleteProperty(o, A));
|
||||
}
|
||||
return c && (o[r].replaceWith(b), Reflect.deleteProperty(o, r)), t.append = f, t;
|
||||
}
|
||||
@ -157,7 +157,7 @@ function X(t, e, n) {
|
||||
t.replaceWith(e);
|
||||
}
|
||||
}
|
||||
k.mark = function(t, e = !1) {
|
||||
j.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;
|
||||
@ -166,14 +166,13 @@ function gt(t) {
|
||||
let e = this;
|
||||
return function(...r) {
|
||||
T = t;
|
||||
let o = k.call(e, ...r);
|
||||
let o = j.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;
|
||||
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);
|
||||
@ -188,10 +187,8 @@ function z(t, e, n) {
|
||||
(d, p) => z.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);
|
||||
if (f === "=") return r(e.slice(1), n);
|
||||
if (f === ".") return H(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) {
|
||||
@ -200,8 +197,8 @@ function z(t, e, n) {
|
||||
case "textContent":
|
||||
return U(t, e, n);
|
||||
case "style":
|
||||
if (typeof n != "object")
|
||||
break;
|
||||
if (typeof n != "object") break;
|
||||
/* falls through */
|
||||
case "dataset":
|
||||
return M(o, n, H.bind(null, t[e]));
|
||||
case "ariaset":
|
||||
@ -212,8 +209,7 @@ function z(t, e, n) {
|
||||
return et(t, e) ? U(t, e, n) : r(e, n);
|
||||
}
|
||||
function B(t, e) {
|
||||
if (P.has(t))
|
||||
return P.get(t);
|
||||
if (P.has(t)) return P.get(t);
|
||||
let r = (t instanceof a.S ? rt : nt).bind(null, t, "Attribute"), o = L(e);
|
||||
return { setRemoveAttr: r, s: o };
|
||||
}
|
||||
@ -232,14 +228,12 @@ function tt(t, e, n, r) {
|
||||
return t instanceof a.H ? t[e + "Attribute"](n, r) : t[e + "AttributeNS"](null, n, r);
|
||||
}
|
||||
function et(t, e) {
|
||||
if (!(e in t))
|
||||
return !1;
|
||||
if (!(e in t)) return !1;
|
||||
let n = I(t, e);
|
||||
return !E(n.set);
|
||||
}
|
||||
function I(t, e) {
|
||||
if (t = Object.getPrototypeOf(t), !t)
|
||||
return {};
|
||||
if (t = Object.getPrototypeOf(t), !t) return {};
|
||||
let n = Object.getOwnPropertyDescriptor(t, e);
|
||||
return n || I(t, e);
|
||||
}
|
||||
@ -274,7 +268,7 @@ 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)) {
|
||||
if (h(s.addedNodes, !0)) {
|
||||
i();
|
||||
continue;
|
||||
}
|
||||
@ -293,8 +287,7 @@ function ot() {
|
||||
s.connected.has(u) || (s.connected.add(u), s.length_c += 1);
|
||||
},
|
||||
offConnected(i, u) {
|
||||
if (!t.has(i))
|
||||
return;
|
||||
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));
|
||||
},
|
||||
@ -304,8 +297,7 @@ function ot() {
|
||||
s.disconnected.has(u) || (s.disconnected.add(u), s.length_d += 1);
|
||||
},
|
||||
offDisconnected(i, u) {
|
||||
if (!t.has(i))
|
||||
return;
|
||||
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));
|
||||
}
|
||||
@ -314,8 +306,7 @@ function ot() {
|
||||
u.length_c || u.length_d || (t.delete(i), d());
|
||||
}
|
||||
function c(i) {
|
||||
if (t.has(i))
|
||||
return t.get(i);
|
||||
if (t.has(i)) return t.get(i);
|
||||
let u = {
|
||||
connected: /* @__PURE__ */ new WeakSet(),
|
||||
length_c: 0,
|
||||
@ -338,26 +329,24 @@ function ot() {
|
||||
async function b(i) {
|
||||
t.size > 30 && await p();
|
||||
let u = [];
|
||||
if (!(i instanceof Node))
|
||||
return u;
|
||||
if (!(i instanceof Node)) return u;
|
||||
for (let s of t.keys())
|
||||
s === i || !(s instanceof Node) || i.contains(s) && u.push(s);
|
||||
return u;
|
||||
}
|
||||
function l(i, u) {
|
||||
function h(i, u) {
|
||||
let s = !1;
|
||||
for (let h of i) {
|
||||
if (u && b(h).then(l), !t.has(h))
|
||||
continue;
|
||||
let m = t.get(h);
|
||||
m.length_c && (h.dispatchEvent(new Event(g)), m.connected = /* @__PURE__ */ new WeakSet(), m.length_c = 0, m.length_d || t.delete(h), s = !0);
|
||||
for (let l of i) {
|
||||
if (u && b(l).then(h), !t.has(l)) continue;
|
||||
let m = t.get(l);
|
||||
m.length_c && (l.dispatchEvent(new Event(g)), m.connected = /* @__PURE__ */ new WeakSet(), m.length_c = 0, m.length_d || t.delete(l), s = !0);
|
||||
}
|
||||
return s;
|
||||
}
|
||||
function A(i, u) {
|
||||
let s = !1;
|
||||
for (let h of i)
|
||||
u && b(h).then(A), !(!t.has(h) || !t.get(h).length_d) && ((globalThis.queueMicrotask || setTimeout)(_(h)), s = !0);
|
||||
for (let l of i)
|
||||
u && b(l).then(A), !(!t.has(l) || !t.get(l).length_d) && ((globalThis.queueMicrotask || setTimeout)(_(l)), s = !0);
|
||||
return s;
|
||||
}
|
||||
function _(i) {
|
||||
@ -379,20 +368,20 @@ function Dt(t, e, n, r = it) {
|
||||
return o || t.dispatchEvent(new Event(g)), e.nodeType === 11 && typeof e.mode == "string" && t.addEventListener(y, w.observe(e), { once: !0 }), S.pop(), e.append(c);
|
||||
}
|
||||
function ct(t) {
|
||||
return W(t.prototype, "connectedCallback", function(e, n, r) {
|
||||
return k(t.prototype, "connectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), n.dispatchEvent(new Event(g));
|
||||
}), W(t.prototype, "disconnectedCallback", function(e, n, r) {
|
||||
}), k(t.prototype, "disconnectedCallback", function(e, n, r) {
|
||||
e.apply(n, r), (globalThis.queueMicrotask || setTimeout)(
|
||||
() => !n.isConnected && n.dispatchEvent(new Event(y))
|
||||
);
|
||||
}), W(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
}), k(t.prototype, "attributeChangedCallback", function(e, n, r) {
|
||||
let [o, , c] = r;
|
||||
n.dispatchEvent(new CustomEvent(D, {
|
||||
detail: [o, c]
|
||||
})), e.apply(n, r);
|
||||
}), t.prototype[x] = !0, t;
|
||||
}
|
||||
function W(t, e, n) {
|
||||
function k(t, e, n) {
|
||||
t[e] = new Proxy(t[e] || (() => {
|
||||
}), { apply: n });
|
||||
}
|
||||
@ -424,18 +413,16 @@ R.disconnected = function(t, e) {
|
||||
return r.addEventListener(y, t, e), r[x] || N(e.signal, () => w.offDisconnected(r, t)) && w.onDisconnected(r, t), r;
|
||||
};
|
||||
};
|
||||
var j = /* @__PURE__ */ new WeakMap();
|
||||
var W = /* @__PURE__ */ new WeakMap();
|
||||
R.disconnectedAsAbort = function(t) {
|
||||
if (j.has(t))
|
||||
return j.get(t);
|
||||
if (W.has(t)) return W.get(t);
|
||||
let e = new AbortController();
|
||||
return j.set(t, e), t(R.disconnected(() => e.abort())), e;
|
||||
return W.set(t, e), t(R.disconnected(() => e.abort())), e;
|
||||
};
|
||||
var st = /* @__PURE__ */ new WeakSet();
|
||||
R.attributeChanged = function(t, e) {
|
||||
return typeof e != "object" && (e = {}), function(r) {
|
||||
if (r.addEventListener(D, t, e), r[x] || st.has(r) || !a.M)
|
||||
return r;
|
||||
if (r.addEventListener(D, t, e), r[x] || st.has(r) || !a.M) return r;
|
||||
let o = new a.M(function(f) {
|
||||
for (let { attributeName: d, target: p } of f)
|
||||
p.dispatchEvent(
|
||||
@ -450,12 +437,12 @@ export {
|
||||
z as assignAttribute,
|
||||
Q as chainableAppend,
|
||||
Y as classListDeclarative,
|
||||
k as createElement,
|
||||
j as createElement,
|
||||
gt as createElementNS,
|
||||
Dt as customElementRender,
|
||||
ct as customElementWithDDE,
|
||||
_t as dispatchEvent,
|
||||
k as el,
|
||||
j as el,
|
||||
gt as elNS,
|
||||
tt as elementAttribute,
|
||||
vt as empty,
|
||||
|
||||
Reference in New Issue
Block a user