mirror of
https://github.com/jaandrle/deka-dom-el
synced 2025-07-29 07:00:16 +02:00
⚡ Improves simulateSlots
This commit is contained in:
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
|
||||
};
|
||||
|
Reference in New Issue
Block a user