mirror of
https://github.com/jaandrle/deka-dom-el
synced 2025-02-22 12:59:17 +01:00
⚡ build
This commit is contained in:
parent
b347bdffc1
commit
72227a80df
GPG Key ID:
B3A25AED155AFFAB
1110
dist/dde-with-signals.js
vendored
1110
dist/dde-with-signals.js
vendored
File diff suppressed because it is too large
Load Diff
738
dist/dde.js
vendored
738
dist/dde.js
vendored
@ -1,588 +1,456 @@
|
|||||||
//deka-dom-el library is available via global namespace `dde`
|
//deka-dom-el library is available via global namespace `dde`
|
||||||
(()=> {
|
(()=> {
|
||||||
// src/signals-common.js
|
// src/signals-common.js
|
||||||
var signals_global = {
|
var C = {
|
||||||
isSignal(attributes) {
|
isSignal(t) {
|
||||||
return false;
|
return !1;
|
||||||
},
|
},
|
||||||
processReactiveAttribute(obj, key, attr, set) {
|
processReactiveAttribute(t, e, r, n) {
|
||||||
return attr;
|
return r;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
function registerReactivity(def, global = true) {
|
function Z(t, e = !0) {
|
||||||
if (global) return Object.assign(signals_global, def);
|
return e ? Object.assign(C, t) : (Object.setPrototypeOf(t, C), t);
|
||||||
Object.setPrototypeOf(def, signals_global);
|
|
||||||
return def;
|
|
||||||
}
|
}
|
||||||
function signals(_this) {
|
function S(t) {
|
||||||
return signals_global.isPrototypeOf(_this) && _this !== signals_global ? _this : signals_global;
|
return C.isPrototypeOf(t) && t !== C ? t : C;
|
||||||
}
|
}
|
||||||
|
|
||||||
// src/helpers.js
|
// src/helpers.js
|
||||||
function isUndef(value) {
|
function m(t) {
|
||||||
return typeof value === "undefined";
|
return typeof t > "u";
|
||||||
}
|
}
|
||||||
function onAbort(signal, listener) {
|
function L(t, e) {
|
||||||
if (!signal || !(signal instanceof AbortSignal))
|
if (!t || !(t instanceof AbortSignal))
|
||||||
return true;
|
return !0;
|
||||||
if (signal.aborted)
|
if (!t.aborted)
|
||||||
return;
|
return t.addEventListener("abort", e), function() {
|
||||||
signal.addEventListener("abort", listener);
|
t.removeEventListener("abort", e);
|
||||||
return function cleanUp() {
|
|
||||||
signal.removeEventListener("abort", listener);
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
function observedAttributes(instance, observedAttribute) {
|
function q(t, e) {
|
||||||
const { observedAttributes: observedAttributes3 = [] } = instance.constructor;
|
let { observedAttributes: r = [] } = t.constructor;
|
||||||
return observedAttributes3.reduce(function(out, name) {
|
return r.reduce(function(n, o) {
|
||||||
out[kebabToCamel(name)] = observedAttribute(instance, name);
|
return n[G(o)] = e(t, o), n;
|
||||||
return out;
|
|
||||||
}, {});
|
}, {});
|
||||||
}
|
}
|
||||||
function kebabToCamel(name) {
|
function G(t) {
|
||||||
return name.replace(/-./g, (x) => x[1].toUpperCase());
|
return t.replace(/-./g, (e) => e[1].toUpperCase());
|
||||||
}
|
}
|
||||||
|
|
||||||
// src/dom-common.js
|
// src/dom-common.js
|
||||||
var enviroment = {
|
var a = {
|
||||||
setDeleteAttr,
|
setDeleteAttr: V,
|
||||||
ssr: "",
|
ssr: "",
|
||||||
D: globalThis.document,
|
D: globalThis.document,
|
||||||
F: globalThis.DocumentFragment,
|
F: globalThis.DocumentFragment,
|
||||||
H: globalThis.HTMLElement,
|
H: globalThis.HTMLElement,
|
||||||
S: globalThis.SVGElement,
|
S: globalThis.SVGElement,
|
||||||
M: globalThis.MutationObserver,
|
M: globalThis.MutationObserver,
|
||||||
q: (p) => p || Promise.resolve()
|
q: (t) => t || Promise.resolve()
|
||||||
};
|
};
|
||||||
function setDeleteAttr(obj, prop, val) {
|
function V(t, e, r) {
|
||||||
Reflect.set(obj, prop, val);
|
if (Reflect.set(t, e, r), !!m(r)) {
|
||||||
if (!isUndef(val)) return;
|
if (Reflect.deleteProperty(t, e), t instanceof a.H && t.getAttribute(e) === "undefined")
|
||||||
Reflect.deleteProperty(obj, prop);
|
return t.removeAttribute(e);
|
||||||
if (obj instanceof enviroment.H && obj.getAttribute(prop) === "undefined")
|
if (Reflect.get(t, e) === "undefined")
|
||||||
return obj.removeAttribute(prop);
|
return Reflect.set(t, e, "");
|
||||||
if (Reflect.get(obj, prop) === "undefined")
|
}
|
||||||
return Reflect.set(obj, prop, "");
|
|
||||||
}
|
}
|
||||||
var keyLTE = "__dde_lifecyclesToEvents";
|
var x = "__dde_lifecyclesToEvents", v = "dde:connected", w = "dde:disconnected", y = "dde:attributeChanged";
|
||||||
var evc = "dde:connected";
|
|
||||||
var evd = "dde:disconnected";
|
|
||||||
var eva = "dde:attributeChanged";
|
|
||||||
|
|
||||||
// src/dom.js
|
// src/dom.js
|
||||||
function queue(promise) {
|
function dt(t) {
|
||||||
return enviroment.q(promise);
|
return a.q(t);
|
||||||
}
|
}
|
||||||
var scopes = [{
|
var g = [{
|
||||||
get scope() {
|
get scope() {
|
||||||
return enviroment.D.body;
|
return a.D.body;
|
||||||
},
|
},
|
||||||
host: (c) => c ? c(enviroment.D.body) : enviroment.D.body,
|
host: (t) => t ? t(a.D.body) : a.D.body,
|
||||||
prevent: true
|
prevent: !0
|
||||||
}];
|
}], O = {
|
||||||
var scope = {
|
|
||||||
get current() {
|
get current() {
|
||||||
return scopes[scopes.length - 1];
|
return g[g.length - 1];
|
||||||
},
|
},
|
||||||
get host() {
|
get host() {
|
||||||
return this.current.host;
|
return this.current.host;
|
||||||
},
|
},
|
||||||
preventDefault() {
|
preventDefault() {
|
||||||
const { current } = this;
|
let { current: t } = this;
|
||||||
current.prevent = true;
|
return t.prevent = !0, t;
|
||||||
return current;
|
|
||||||
},
|
},
|
||||||
get state() {
|
get state() {
|
||||||
return [...scopes];
|
return [...g];
|
||||||
},
|
},
|
||||||
push(s = {}) {
|
push(t = {}) {
|
||||||
return scopes.push(Object.assign({}, this.current, { prevent: false }, s));
|
return g.push(Object.assign({}, this.current, { prevent: !1 }, t));
|
||||||
},
|
},
|
||||||
pushRoot() {
|
pushRoot() {
|
||||||
return scopes.push(scopes[0]);
|
return g.push(g[0]);
|
||||||
},
|
},
|
||||||
pop() {
|
pop() {
|
||||||
if (scopes.length === 1) return;
|
if (g.length !== 1)
|
||||||
return scopes.pop();
|
return g.pop();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
function append(...els) {
|
function k(...t) {
|
||||||
this.appendOriginal(...els);
|
return this.appendOriginal(...t), this;
|
||||||
return this;
|
|
||||||
}
|
}
|
||||||
function chainableAppend(el) {
|
function J(t) {
|
||||||
if (el.append === append) return el;
|
return t.append === k || (t.appendOriginal = t.append, t.append = k), t;
|
||||||
el.appendOriginal = el.append;
|
|
||||||
el.append = append;
|
|
||||||
return el;
|
|
||||||
}
|
}
|
||||||
var namespace;
|
var T;
|
||||||
function createElement(tag, attributes, ...addons) {
|
function P(t, e, ...r) {
|
||||||
const s = signals(this);
|
let n = S(this), o = 0, c, d;
|
||||||
let scoped = 0;
|
switch ((Object(e) !== e || n.isSignal(e)) && (e = { textContent: e }), !0) {
|
||||||
let el, el_host;
|
case typeof t == "function": {
|
||||||
if (Object(attributes) !== attributes || s.isSignal(attributes))
|
o = 1;
|
||||||
attributes = { textContent: attributes };
|
let f = (...l) => l.length ? (o === 1 ? r.unshift(...l) : l.forEach((E) => E(d)), void 0) : d;
|
||||||
switch (true) {
|
O.push({ scope: t, host: f }), c = t(e || void 0);
|
||||||
case typeof tag === "function": {
|
let p = c instanceof a.F;
|
||||||
scoped = 1;
|
if (c.nodeName === "#comment") break;
|
||||||
const host = (...c) => !c.length ? el_host : (scoped === 1 ? addons.unshift(...c) : c.forEach((c2) => c2(el_host)), void 0);
|
let b = P.mark({
|
||||||
scope.push({ scope: tag, host });
|
|
||||||
el = tag(attributes || void 0);
|
|
||||||
const is_fragment = el instanceof enviroment.F;
|
|
||||||
if (el.nodeName === "#comment") break;
|
|
||||||
const el_mark = createElement.mark({
|
|
||||||
type: "component",
|
type: "component",
|
||||||
name: tag.name,
|
name: t.name,
|
||||||
host: is_fragment ? "this" : "parentElement"
|
host: p ? "this" : "parentElement"
|
||||||
});
|
});
|
||||||
el.prepend(el_mark);
|
c.prepend(b), p && (d = b);
|
||||||
if (is_fragment) el_host = el_mark;
|
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
case tag === "#text":
|
case t === "#text":
|
||||||
el = assign.call(this, enviroment.D.createTextNode(""), attributes);
|
c = R.call(this, a.D.createTextNode(""), e);
|
||||||
break;
|
break;
|
||||||
case (tag === "<>" || !tag):
|
case (t === "<>" || !t):
|
||||||
el = assign.call(this, enviroment.D.createDocumentFragment(), attributes);
|
c = R.call(this, a.D.createDocumentFragment(), e);
|
||||||
break;
|
break;
|
||||||
case Boolean(namespace):
|
case !!T:
|
||||||
el = assign.call(this, enviroment.D.createElementNS(namespace, tag), attributes);
|
c = R.call(this, a.D.createElementNS(T, t), e);
|
||||||
break;
|
break;
|
||||||
case !el:
|
case !c:
|
||||||
el = assign.call(this, enviroment.D.createElement(tag), attributes);
|
c = R.call(this, a.D.createElement(t), e);
|
||||||
}
|
}
|
||||||
chainableAppend(el);
|
return J(c), d || (d = c), r.forEach((f) => f(d)), o && O.pop(), o = 2, c;
|
||||||
if (!el_host) el_host = el;
|
|
||||||
addons.forEach((c) => c(el_host));
|
|
||||||
if (scoped) scope.pop();
|
|
||||||
scoped = 2;
|
|
||||||
return el;
|
|
||||||
}
|
}
|
||||||
createElement.mark = function(attrs, is_open = false) {
|
P.mark = function(t, e = !1) {
|
||||||
attrs = Object.entries(attrs).map(([n, v]) => n + `="${v}"`).join(" ");
|
t = Object.entries(t).map(([o, c]) => o + `="${c}"`).join(" ");
|
||||||
const end = is_open ? "" : "/";
|
let r = e ? "" : "/", n = a.D.createComment(`<dde:mark ${t}${a.ssr}${r}>`);
|
||||||
const out = enviroment.D.createComment(`<dde:mark ${attrs}${enviroment.ssr}${end}>`);
|
return e && (n.end = a.D.createComment("</dde:mark>")), n;
|
||||||
if (is_open) out.end = enviroment.D.createComment("</dde:mark>");
|
|
||||||
return out;
|
|
||||||
};
|
};
|
||||||
function createElementNS(ns) {
|
function pt(t) {
|
||||||
const _this = this;
|
let e = this;
|
||||||
return function createElementNSCurried(...rest) {
|
return function(...n) {
|
||||||
namespace = ns;
|
T = t;
|
||||||
const el = createElement.call(_this, ...rest);
|
let o = P.call(e, ...n);
|
||||||
namespace = void 0;
|
return T = void 0, o;
|
||||||
return el;
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
function simulateSlots(element, root = element) {
|
function lt(t, e = t) {
|
||||||
const mark_e = "\xB9\u2070", mark_s = "\u2713";
|
let r = "\xB9\u2070", n = "\u2713", o = Object.fromEntries(
|
||||||
const slots = Object.fromEntries(
|
Array.from(e.querySelectorAll("slot")).filter((c) => !c.name.endsWith(r)).map((c) => [c.name += r, c])
|
||||||
Array.from(root.querySelectorAll("slot")).filter((s) => !s.name.endsWith(mark_e)).map((s) => [s.name += mark_e, s])
|
|
||||||
);
|
);
|
||||||
element.append = new Proxy(element.append, {
|
if (t.append = new Proxy(t.append, {
|
||||||
apply(orig, _, els) {
|
apply(c, d, f) {
|
||||||
if (els[0] === root) return orig.apply(element, els);
|
if (f[0] === e) return c.apply(t, f);
|
||||||
for (const el of els) {
|
for (let p of f) {
|
||||||
const name = (el.slot || "") + mark_e;
|
let b = (p.slot || "") + r;
|
||||||
try {
|
try {
|
||||||
elementAttribute(el, "remove", "slot");
|
Q(p, "remove", "slot");
|
||||||
} catch (_error) {
|
} catch {
|
||||||
}
|
}
|
||||||
const slot = slots[name];
|
let l = o[b];
|
||||||
if (!slot) return;
|
if (!l) return;
|
||||||
if (!slot.name.startsWith(mark_s)) {
|
l.name.startsWith(n) || (l.childNodes.forEach((E) => E.remove()), l.name = n + b), l.append(p);
|
||||||
slot.childNodes.forEach((c) => c.remove());
|
|
||||||
slot.name = mark_s + name;
|
|
||||||
}
|
}
|
||||||
slot.append(el);
|
return t.append = c, t;
|
||||||
}
|
}
|
||||||
element.append = orig;
|
}), t !== e) {
|
||||||
return element;
|
let c = Array.from(t.childNodes);
|
||||||
|
t.append(...c);
|
||||||
}
|
}
|
||||||
});
|
return e;
|
||||||
if (element !== root) {
|
|
||||||
const els = Array.from(element.childNodes);
|
|
||||||
element.append(...els);
|
|
||||||
}
|
|
||||||
return root;
|
|
||||||
}
|
}
|
||||||
var assign_context = /* @__PURE__ */ new WeakMap();
|
var N = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: $ } = a;
|
||||||
var { setDeleteAttr: setDeleteAttr2 } = enviroment;
|
function R(t, ...e) {
|
||||||
function assign(element, ...attributes) {
|
if (!e.length) return t;
|
||||||
if (!attributes.length) return element;
|
N.set(t, H(t, this));
|
||||||
assign_context.set(element, assignContext(element, this));
|
for (let [r, n] of Object.entries(Object.assign({}, ...e)))
|
||||||
for (const [key, value] of Object.entries(Object.assign({}, ...attributes)))
|
U.call(this, t, r, n);
|
||||||
assignAttribute.call(this, element, key, value);
|
return N.delete(t), t;
|
||||||
assign_context.delete(element);
|
|
||||||
return element;
|
|
||||||
}
|
}
|
||||||
function assignAttribute(element, key, value) {
|
function U(t, e, r) {
|
||||||
const { setRemoveAttr, s } = assignContext(element, this);
|
let { setRemoveAttr: n, s: o } = H(t, this), c = this;
|
||||||
const _this = this;
|
r = o.processReactiveAttribute(
|
||||||
value = s.processReactiveAttribute(
|
t,
|
||||||
element,
|
e,
|
||||||
key,
|
r,
|
||||||
value,
|
(f, p) => U.call(c, t, f, p)
|
||||||
(key2, value2) => assignAttribute.call(_this, element, key2, value2)
|
|
||||||
);
|
);
|
||||||
const [k] = key;
|
let [d] = e;
|
||||||
if ("=" === k) return setRemoveAttr(key.slice(1), value);
|
if (d === "=") return n(e.slice(1), r);
|
||||||
if ("." === k) return setDelete(element, key.slice(1), value);
|
if (d === ".") return F(t, e.slice(1), r);
|
||||||
if (/(aria|data)([A-Z])/.test(key)) {
|
if (/(aria|data)([A-Z])/.test(e))
|
||||||
key = key.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
|
return e = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), n(e, r);
|
||||||
return setRemoveAttr(key, value);
|
switch (e === "className" && (e = "class"), e) {
|
||||||
}
|
|
||||||
if ("className" === key) key = "class";
|
|
||||||
switch (key) {
|
|
||||||
case "xlink:href":
|
case "xlink:href":
|
||||||
return setRemoveAttr(key, value, "http://www.w3.org/1999/xlink");
|
return n(e, r, "http://www.w3.org/1999/xlink");
|
||||||
case "textContent":
|
case "textContent":
|
||||||
return setDeleteAttr2(element, key, value);
|
return $(t, e, r);
|
||||||
case "style":
|
case "style":
|
||||||
if (typeof value !== "object") break;
|
if (typeof r != "object") break;
|
||||||
/* falls through */
|
/* falls through */
|
||||||
case "dataset":
|
case "dataset":
|
||||||
return forEachEntries(s, key, element, value, setDelete.bind(null, element[key]));
|
return M(o, e, t, r, F.bind(null, t[e]));
|
||||||
case "ariaset":
|
case "ariaset":
|
||||||
return forEachEntries(s, key, element, value, (key2, val) => setRemoveAttr("aria-" + key2, val));
|
return M(o, e, t, r, (f, p) => n("aria-" + f, p));
|
||||||
case "classList":
|
case "classList":
|
||||||
return classListDeclarative.call(_this, element, value);
|
return K.call(c, t, r);
|
||||||
}
|
}
|
||||||
return isPropSetter(element, key) ? setDeleteAttr2(element, key, value) : setRemoveAttr(key, value);
|
return X(t, e) ? $(t, e, r) : n(e, r);
|
||||||
}
|
}
|
||||||
function assignContext(element, _this) {
|
function H(t, e) {
|
||||||
if (assign_context.has(element)) return assign_context.get(element);
|
if (N.has(t)) return N.get(t);
|
||||||
const is_svg = element instanceof enviroment.S;
|
let n = (t instanceof a.S ? tt : Y).bind(null, t, "Attribute"), o = S(e);
|
||||||
const setRemoveAttr = (is_svg ? setRemoveNS : setRemove).bind(null, element, "Attribute");
|
return { setRemoveAttr: n, s: o };
|
||||||
const s = signals(_this);
|
|
||||||
return { setRemoveAttr, s };
|
|
||||||
}
|
}
|
||||||
function classListDeclarative(element, toggle) {
|
function K(t, e) {
|
||||||
const s = signals(this);
|
let r = S(this);
|
||||||
forEachEntries(
|
return M(
|
||||||
s,
|
r,
|
||||||
"classList",
|
"classList",
|
||||||
element,
|
t,
|
||||||
toggle,
|
e,
|
||||||
(class_name, val) => element.classList.toggle(class_name, val === -1 ? void 0 : Boolean(val))
|
(n, o) => t.classList.toggle(n, o === -1 ? void 0 : !!o)
|
||||||
);
|
), t;
|
||||||
return element;
|
|
||||||
}
|
}
|
||||||
function elementAttribute(element, op, key, value) {
|
function Q(t, e, r, n) {
|
||||||
if (element instanceof enviroment.H)
|
return t instanceof a.H ? t[e + "Attribute"](r, n) : t[e + "AttributeNS"](null, r, n);
|
||||||
return element[op + "Attribute"](key, value);
|
|
||||||
return element[op + "AttributeNS"](null, key, value);
|
|
||||||
}
|
}
|
||||||
function isPropSetter(el, key) {
|
function X(t, e) {
|
||||||
if (!(key in el)) return false;
|
if (!(e in t)) return !1;
|
||||||
const des = getPropDescriptor(el, key);
|
let r = z(t, e);
|
||||||
return !isUndef(des.set);
|
return !m(r.set);
|
||||||
}
|
}
|
||||||
function getPropDescriptor(p, key) {
|
function z(t, e) {
|
||||||
p = Object.getPrototypeOf(p);
|
if (t = Object.getPrototypeOf(t), !t) return {};
|
||||||
if (!p) return {};
|
let r = Object.getOwnPropertyDescriptor(t, e);
|
||||||
const des = Object.getOwnPropertyDescriptor(p, key);
|
return r || z(t, e);
|
||||||
if (!des) return getPropDescriptor(p, key);
|
|
||||||
return des;
|
|
||||||
}
|
}
|
||||||
function forEachEntries(s, target, element, obj, cb) {
|
function M(t, e, r, n, o) {
|
||||||
const S = String;
|
let c = String;
|
||||||
if (typeof obj !== "object" || obj === null) return;
|
if (!(typeof n != "object" || n === null))
|
||||||
return Object.entries(obj).forEach(function process([key, val]) {
|
return Object.entries(n).forEach(function([f, p]) {
|
||||||
if (!key) return;
|
f && (f = new c(f), f.target = e, p = t.processReactiveAttribute(r, f, p, o), o(f, p));
|
||||||
key = new S(key);
|
|
||||||
key.target = target;
|
|
||||||
val = s.processReactiveAttribute(element, key, val, cb);
|
|
||||||
cb(key, val);
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
function setRemove(obj, prop, key, val) {
|
function Y(t, e, r, n) {
|
||||||
return obj[(isUndef(val) ? "remove" : "set") + prop](key, val);
|
return t[(m(n) ? "remove" : "set") + e](r, n);
|
||||||
}
|
}
|
||||||
function setRemoveNS(obj, prop, key, val, ns = null) {
|
function tt(t, e, r, n, o = null) {
|
||||||
return obj[(isUndef(val) ? "remove" : "set") + prop + "NS"](ns, key, val);
|
return t[(m(n) ? "remove" : "set") + e + "NS"](o, r, n);
|
||||||
}
|
}
|
||||||
function setDelete(obj, key, val) {
|
function F(t, e, r) {
|
||||||
Reflect.set(obj, key, val);
|
if (Reflect.set(t, e, r), !!m(r))
|
||||||
if (!isUndef(val)) return;
|
return Reflect.deleteProperty(t, e);
|
||||||
return Reflect.deleteProperty(obj, key);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// src/events-observer.js
|
// src/events-observer.js
|
||||||
var c_ch_o = enviroment.M ? connectionsChangesObserverConstructor() : new Proxy({}, {
|
var _ = a.M ? et() : new Proxy({}, {
|
||||||
get() {
|
get() {
|
||||||
return () => {
|
return () => {
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
function connectionsChangesObserverConstructor() {
|
function et() {
|
||||||
const store = /* @__PURE__ */ new Map();
|
let t = /* @__PURE__ */ new Map(), e = !1, r = (s) => function(u) {
|
||||||
let is_observing = false;
|
for (let i of u)
|
||||||
const observerListener = (stop2) => function(mutations) {
|
if (i.type === "childList") {
|
||||||
for (const mutation of mutations) {
|
if (l(i.addedNodes, !0)) {
|
||||||
if (mutation.type !== "childList") continue;
|
s();
|
||||||
if (observerAdded(mutation.addedNodes, true)) {
|
|
||||||
stop2();
|
|
||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
if (observerRemoved(mutation.removedNodes, true))
|
E(i.removedNodes, !0) && s();
|
||||||
stop2();
|
|
||||||
}
|
}
|
||||||
};
|
}, n = new a.M(r(f));
|
||||||
const observer = new enviroment.M(observerListener(stop));
|
|
||||||
return {
|
return {
|
||||||
observe(element) {
|
observe(s) {
|
||||||
const o = new enviroment.M(observerListener(() => {
|
let u = new a.M(r(() => {
|
||||||
}));
|
}));
|
||||||
o.observe(element, { childList: true, subtree: true });
|
return u.observe(s, { childList: !0, subtree: !0 }), () => u.disconnect();
|
||||||
return () => o.disconnect();
|
|
||||||
},
|
},
|
||||||
onConnected(element, listener) {
|
onConnected(s, u) {
|
||||||
start();
|
d();
|
||||||
const listeners = getElementStore(element);
|
let i = c(s);
|
||||||
if (listeners.connected.has(listener)) return;
|
i.connected.has(u) || (i.connected.add(u), i.length_c += 1);
|
||||||
listeners.connected.add(listener);
|
|
||||||
listeners.length_c += 1;
|
|
||||||
},
|
},
|
||||||
offConnected(element, listener) {
|
offConnected(s, u) {
|
||||||
if (!store.has(element)) return;
|
if (!t.has(s)) return;
|
||||||
const ls = store.get(element);
|
let i = t.get(s);
|
||||||
if (!ls.connected.has(listener)) return;
|
i.connected.has(u) && (i.connected.delete(u), i.length_c -= 1, o(s, i));
|
||||||
ls.connected.delete(listener);
|
|
||||||
ls.length_c -= 1;
|
|
||||||
cleanWhenOff(element, ls);
|
|
||||||
},
|
},
|
||||||
onDisconnected(element, listener) {
|
onDisconnected(s, u) {
|
||||||
start();
|
d();
|
||||||
const listeners = getElementStore(element);
|
let i = c(s);
|
||||||
if (listeners.disconnected.has(listener)) return;
|
i.disconnected.has(u) || (i.disconnected.add(u), i.length_d += 1);
|
||||||
listeners.disconnected.add(listener);
|
|
||||||
listeners.length_d += 1;
|
|
||||||
},
|
},
|
||||||
offDisconnected(element, listener) {
|
offDisconnected(s, u) {
|
||||||
if (!store.has(element)) return;
|
if (!t.has(s)) return;
|
||||||
const ls = store.get(element);
|
let i = t.get(s);
|
||||||
if (!ls.disconnected.has(listener)) return;
|
i.disconnected.has(u) && (i.disconnected.delete(u), i.length_d -= 1, o(s, i));
|
||||||
ls.disconnected.delete(listener);
|
|
||||||
ls.length_d -= 1;
|
|
||||||
cleanWhenOff(element, ls);
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
function cleanWhenOff(element, ls) {
|
function o(s, u) {
|
||||||
if (ls.length_c || ls.length_d)
|
u.length_c || u.length_d || (t.delete(s), f());
|
||||||
return;
|
|
||||||
store.delete(element);
|
|
||||||
stop();
|
|
||||||
}
|
}
|
||||||
function getElementStore(element) {
|
function c(s) {
|
||||||
if (store.has(element)) return store.get(element);
|
if (t.has(s)) return t.get(s);
|
||||||
const out = {
|
let u = {
|
||||||
connected: /* @__PURE__ */ new WeakSet(),
|
connected: /* @__PURE__ */ new WeakSet(),
|
||||||
length_c: 0,
|
length_c: 0,
|
||||||
disconnected: /* @__PURE__ */ new WeakSet(),
|
disconnected: /* @__PURE__ */ new WeakSet(),
|
||||||
length_d: 0
|
length_d: 0
|
||||||
};
|
};
|
||||||
store.set(element, out);
|
return t.set(s, u), u;
|
||||||
return out;
|
|
||||||
}
|
}
|
||||||
function start() {
|
function d() {
|
||||||
if (is_observing) return;
|
e || (e = !0, n.observe(a.D.body, { childList: !0, subtree: !0 }));
|
||||||
is_observing = true;
|
|
||||||
observer.observe(enviroment.D.body, { childList: true, subtree: true });
|
|
||||||
}
|
}
|
||||||
function stop() {
|
function f() {
|
||||||
if (!is_observing || store.size) return;
|
!e || t.size || (e = !1, n.disconnect());
|
||||||
is_observing = false;
|
|
||||||
observer.disconnect();
|
|
||||||
}
|
}
|
||||||
function requestIdle() {
|
function p() {
|
||||||
return new Promise(function(resolve) {
|
return new Promise(function(s) {
|
||||||
(requestIdleCallback || requestAnimationFrame)(resolve);
|
(requestIdleCallback || requestAnimationFrame)(s);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
async function collectChildren(element) {
|
async function b(s) {
|
||||||
if (store.size > 30)
|
t.size > 30 && await p();
|
||||||
await requestIdle();
|
let u = [];
|
||||||
const out = [];
|
if (!(s instanceof Node)) return u;
|
||||||
if (!(element instanceof Node)) return out;
|
for (let i of t.keys())
|
||||||
for (const el of store.keys()) {
|
i === s || !(i instanceof Node) || s.contains(i) && u.push(i);
|
||||||
if (el === element || !(el instanceof Node)) continue;
|
return u;
|
||||||
if (element.contains(el))
|
|
||||||
out.push(el);
|
|
||||||
}
|
}
|
||||||
return out;
|
function l(s, u) {
|
||||||
|
let i = !1;
|
||||||
|
for (let h of s) {
|
||||||
|
if (u && b(h).then(l), !t.has(h)) continue;
|
||||||
|
let A = t.get(h);
|
||||||
|
A.length_c && (h.dispatchEvent(new Event(v)), A.connected = /* @__PURE__ */ new WeakSet(), A.length_c = 0, A.length_d || t.delete(h), i = !0);
|
||||||
}
|
}
|
||||||
function observerAdded(addedNodes, is_root) {
|
return i;
|
||||||
let out = false;
|
|
||||||
for (const element of addedNodes) {
|
|
||||||
if (is_root) collectChildren(element).then(observerAdded);
|
|
||||||
if (!store.has(element)) continue;
|
|
||||||
const ls = store.get(element);
|
|
||||||
if (!ls.length_c) continue;
|
|
||||||
element.dispatchEvent(new Event(evc));
|
|
||||||
ls.connected = /* @__PURE__ */ new WeakSet();
|
|
||||||
ls.length_c = 0;
|
|
||||||
if (!ls.length_d) store.delete(element);
|
|
||||||
out = true;
|
|
||||||
}
|
}
|
||||||
return out;
|
function E(s, u) {
|
||||||
|
let i = !1;
|
||||||
|
for (let h of s)
|
||||||
|
u && b(h).then(E), !(!t.has(h) || !t.get(h).length_d) && ((globalThis.queueMicrotask || setTimeout)(I(h)), i = !0);
|
||||||
|
return i;
|
||||||
}
|
}
|
||||||
function observerRemoved(removedNodes, is_root) {
|
function I(s) {
|
||||||
let out = false;
|
|
||||||
for (const element of removedNodes) {
|
|
||||||
if (is_root) collectChildren(element).then(observerRemoved);
|
|
||||||
if (!store.has(element)) continue;
|
|
||||||
const ls = store.get(element);
|
|
||||||
if (!ls.length_d) continue;
|
|
||||||
(globalThis.queueMicrotask || setTimeout)(dispatchRemove(element));
|
|
||||||
out = true;
|
|
||||||
}
|
|
||||||
return out;
|
|
||||||
}
|
|
||||||
function dispatchRemove(element) {
|
|
||||||
return () => {
|
return () => {
|
||||||
if (element.isConnected) return;
|
s.isConnected || (s.dispatchEvent(new Event(w)), t.delete(s));
|
||||||
element.dispatchEvent(new Event(evd));
|
|
||||||
store.delete(element);
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// src/customElement.js
|
// src/customElement.js
|
||||||
function customElementRender(target, render, props = observedAttributes2) {
|
function wt(t, e, r = rt) {
|
||||||
const custom_element = target.host || target;
|
let n = t.host || t;
|
||||||
scope.push({
|
O.push({
|
||||||
scope: custom_element,
|
scope: n,
|
||||||
host: (...c) => c.length ? c.forEach((c2) => c2(custom_element)) : custom_element
|
host: (...d) => d.length ? d.forEach((f) => f(n)) : n
|
||||||
});
|
}), typeof r == "function" && (r = r.call(n, n));
|
||||||
if (typeof props === "function") props = props.call(custom_element, custom_element);
|
let o = n[x];
|
||||||
const is_lte = custom_element[keyLTE];
|
o || nt(n);
|
||||||
if (!is_lte) lifecyclesToEvents(custom_element);
|
let c = e.call(n, r);
|
||||||
const out = render.call(custom_element, props);
|
return o || n.dispatchEvent(new Event(v)), t.nodeType === 11 && typeof t.mode == "string" && n.addEventListener(w, _.observe(t), { once: !0 }), O.pop(), t.append(c);
|
||||||
if (!is_lte) custom_element.dispatchEvent(new Event(evc));
|
|
||||||
if (target.nodeType === 11 && typeof target.mode === "string")
|
|
||||||
custom_element.addEventListener(evd, c_ch_o.observe(target), { once: true });
|
|
||||||
scope.pop();
|
|
||||||
return target.append(out);
|
|
||||||
}
|
}
|
||||||
function lifecyclesToEvents(class_declaration) {
|
function nt(t) {
|
||||||
wrapMethod(class_declaration.prototype, "connectedCallback", function(target, thisArg, detail) {
|
return j(t.prototype, "connectedCallback", function(e, r, n) {
|
||||||
target.apply(thisArg, detail);
|
e.apply(r, n), r.dispatchEvent(new Event(v));
|
||||||
thisArg.dispatchEvent(new Event(evc));
|
}), j(t.prototype, "disconnectedCallback", function(e, r, n) {
|
||||||
});
|
e.apply(r, n), (globalThis.queueMicrotask || setTimeout)(
|
||||||
wrapMethod(class_declaration.prototype, "disconnectedCallback", function(target, thisArg, detail) {
|
() => !r.isConnected && r.dispatchEvent(new Event(w))
|
||||||
target.apply(thisArg, detail);
|
|
||||||
(globalThis.queueMicrotask || setTimeout)(
|
|
||||||
() => !thisArg.isConnected && thisArg.dispatchEvent(new Event(evd))
|
|
||||||
);
|
);
|
||||||
});
|
}), j(t.prototype, "attributeChangedCallback", function(e, r, n) {
|
||||||
wrapMethod(class_declaration.prototype, "attributeChangedCallback", function(target, thisArg, detail) {
|
let [o, , c] = n;
|
||||||
const [attribute, , value] = detail;
|
r.dispatchEvent(new CustomEvent(y, {
|
||||||
thisArg.dispatchEvent(new CustomEvent(eva, {
|
detail: [o, c]
|
||||||
detail: [attribute, value]
|
})), e.apply(r, n);
|
||||||
}));
|
}), t.prototype[x] = !0, t;
|
||||||
target.apply(thisArg, detail);
|
|
||||||
});
|
|
||||||
class_declaration.prototype[keyLTE] = true;
|
|
||||||
return class_declaration;
|
|
||||||
}
|
}
|
||||||
function wrapMethod(obj, method, apply) {
|
function j(t, e, r) {
|
||||||
obj[method] = new Proxy(obj[method] || (() => {
|
t[e] = new Proxy(t[e] || (() => {
|
||||||
}), { apply });
|
}), { apply: r });
|
||||||
}
|
}
|
||||||
function observedAttributes2(instance) {
|
function rt(t) {
|
||||||
return observedAttributes(instance, (i, n) => i.getAttribute(n));
|
return q(t, (e, r) => e.getAttribute(r));
|
||||||
}
|
}
|
||||||
|
|
||||||
// src/events.js
|
// src/events.js
|
||||||
function dispatchEvent(name, options, host) {
|
function yt(t, e, r) {
|
||||||
if (!options) options = {};
|
return e || (e = {}), function(o, ...c) {
|
||||||
return function dispatch(element, ...d) {
|
r && (c.unshift(o), o = typeof r == "function" ? r() : r);
|
||||||
if (host) {
|
let d = c.length ? new CustomEvent(t, Object.assign({ detail: c[0] }, e)) : new Event(t, e);
|
||||||
d.unshift(element);
|
return o.dispatchEvent(d);
|
||||||
element = typeof host === "function" ? host() : host;
|
|
||||||
}
|
|
||||||
const event = d.length ? new CustomEvent(name, Object.assign({ detail: d[0] }, options)) : new Event(name, options);
|
|
||||||
return element.dispatchEvent(event);
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
function on(event, listener, options) {
|
function D(t, e, r) {
|
||||||
return function registerElement(element) {
|
return function(o) {
|
||||||
element.addEventListener(event, listener, options);
|
return o.addEventListener(t, e, r), o;
|
||||||
return element;
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
var lifeOptions = (obj) => Object.assign({}, typeof obj === "object" ? obj : null, { once: true });
|
var B = (t) => Object.assign({}, typeof t == "object" ? t : null, { once: !0 });
|
||||||
on.connected = function(listener, options) {
|
D.connected = function(t, e) {
|
||||||
options = lifeOptions(options);
|
return e = B(e), function(n) {
|
||||||
return function registerElement(element) {
|
return n.addEventListener(v, t, e), n[x] ? n : n.isConnected ? (n.dispatchEvent(new Event(v)), n) : (L(e.signal, () => _.offConnected(n, t)) && _.onConnected(n, t), n);
|
||||||
element.addEventListener(evc, listener, options);
|
|
||||||
if (element[keyLTE]) return element;
|
|
||||||
if (element.isConnected) return element.dispatchEvent(new Event(evc)), element;
|
|
||||||
const c = onAbort(options.signal, () => c_ch_o.offConnected(element, listener));
|
|
||||||
if (c) c_ch_o.onConnected(element, listener);
|
|
||||||
return element;
|
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
on.disconnected = function(listener, options) {
|
D.disconnected = function(t, e) {
|
||||||
options = lifeOptions(options);
|
return e = B(e), function(n) {
|
||||||
return function registerElement(element) {
|
return n.addEventListener(w, t, e), n[x] || L(e.signal, () => _.offDisconnected(n, t)) && _.onDisconnected(n, t), n;
|
||||||
element.addEventListener(evd, listener, options);
|
|
||||||
if (element[keyLTE]) return element;
|
|
||||||
const c = onAbort(options.signal, () => c_ch_o.offDisconnected(element, listener));
|
|
||||||
if (c) c_ch_o.onDisconnected(element, listener);
|
|
||||||
return element;
|
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
var store_abort = /* @__PURE__ */ new WeakMap();
|
var W = /* @__PURE__ */ new WeakMap();
|
||||||
on.disconnectedAsAbort = function(host) {
|
D.disconnectedAsAbort = function(t) {
|
||||||
if (store_abort.has(host)) return store_abort.get(host);
|
if (W.has(t)) return W.get(t);
|
||||||
const a = new AbortController();
|
let e = new AbortController();
|
||||||
store_abort.set(host, a);
|
return W.set(t, e), t(D.disconnected(() => e.abort())), e;
|
||||||
host(on.disconnected(() => a.abort()));
|
|
||||||
return a;
|
|
||||||
};
|
};
|
||||||
var els_attribute_store = /* @__PURE__ */ new WeakSet();
|
var ot = /* @__PURE__ */ new WeakSet();
|
||||||
on.attributeChanged = function(listener, options) {
|
D.attributeChanged = function(t, e) {
|
||||||
if (typeof options !== "object")
|
return typeof e != "object" && (e = {}), function(n) {
|
||||||
options = {};
|
if (n.addEventListener(y, t, e), n[x] || ot.has(n) || !a.M) return n;
|
||||||
return function registerElement(element) {
|
let o = new a.M(function(d) {
|
||||||
element.addEventListener(eva, listener, options);
|
for (let { attributeName: f, target: p } of d)
|
||||||
if (element[keyLTE] || els_attribute_store.has(element))
|
p.dispatchEvent(
|
||||||
return element;
|
new CustomEvent(y, { detail: [f, p.getAttribute(f)] })
|
||||||
if (!enviroment.M) return element;
|
|
||||||
const observer = new enviroment.M(function(mutations) {
|
|
||||||
for (const { attributeName, target } of mutations)
|
|
||||||
target.dispatchEvent(
|
|
||||||
new CustomEvent(eva, { detail: [attributeName, target.getAttribute(attributeName)] })
|
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
const c = onAbort(options.signal, () => observer.disconnect());
|
return L(e.signal, () => o.disconnect()) && o.observe(n, { attributes: !0 }), n;
|
||||||
if (c) observer.observe(element, { attributes: true });
|
|
||||||
return element;
|
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
globalThis.dde= {
|
globalThis.dde= {
|
||||||
assign,
|
assign: R,
|
||||||
assignAttribute,
|
assignAttribute: U,
|
||||||
chainableAppend,
|
chainableAppend: J,
|
||||||
classListDeclarative,
|
classListDeclarative: K,
|
||||||
createElement,
|
createElement: P,
|
||||||
createElementNS,
|
createElementNS: pt,
|
||||||
customElementRender,
|
customElementRender: wt,
|
||||||
customElementWithDDE: lifecyclesToEvents,
|
customElementWithDDE: nt,
|
||||||
dispatchEvent,
|
dispatchEvent: yt,
|
||||||
el: createElement,
|
el: P,
|
||||||
elNS: createElementNS,
|
elNS: pt,
|
||||||
elementAttribute,
|
elementAttribute: Q,
|
||||||
lifecyclesToEvents,
|
lifecyclesToEvents: nt,
|
||||||
observedAttributes: observedAttributes2,
|
observedAttributes: rt,
|
||||||
on,
|
on: D,
|
||||||
queue,
|
queue: dt,
|
||||||
registerReactivity,
|
registerReactivity: Z,
|
||||||
scope,
|
scope: O,
|
||||||
simulateSlots
|
simulateSlots: lt
|
||||||
};
|
};
|
||||||
|
|
||||||
})();
|
})();
|
||||||
1110
dist/esm-with-signals.js
vendored
1110
dist/esm-with-signals.js
vendored
File diff suppressed because it is too large
Load Diff
738
dist/esm.js
vendored
738
dist/esm.js
vendored
@ -1,583 +1,451 @@
|
|||||||
// src/signals-common.js
|
// src/signals-common.js
|
||||||
var signals_global = {
|
var C = {
|
||||||
isSignal(attributes) {
|
isSignal(t) {
|
||||||
return false;
|
return !1;
|
||||||
},
|
},
|
||||||
processReactiveAttribute(obj, key, attr, set) {
|
processReactiveAttribute(t, e, r, n) {
|
||||||
return attr;
|
return r;
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
function registerReactivity(def, global = true) {
|
function Z(t, e = !0) {
|
||||||
if (global) return Object.assign(signals_global, def);
|
return e ? Object.assign(C, t) : (Object.setPrototypeOf(t, C), t);
|
||||||
Object.setPrototypeOf(def, signals_global);
|
|
||||||
return def;
|
|
||||||
}
|
}
|
||||||
function signals(_this) {
|
function S(t) {
|
||||||
return signals_global.isPrototypeOf(_this) && _this !== signals_global ? _this : signals_global;
|
return C.isPrototypeOf(t) && t !== C ? t : C;
|
||||||
}
|
}
|
||||||
|
|
||||||
// src/helpers.js
|
// src/helpers.js
|
||||||
function isUndef(value) {
|
function m(t) {
|
||||||
return typeof value === "undefined";
|
return typeof t > "u";
|
||||||
}
|
}
|
||||||
function onAbort(signal, listener) {
|
function L(t, e) {
|
||||||
if (!signal || !(signal instanceof AbortSignal))
|
if (!t || !(t instanceof AbortSignal))
|
||||||
return true;
|
return !0;
|
||||||
if (signal.aborted)
|
if (!t.aborted)
|
||||||
return;
|
return t.addEventListener("abort", e), function() {
|
||||||
signal.addEventListener("abort", listener);
|
t.removeEventListener("abort", e);
|
||||||
return function cleanUp() {
|
|
||||||
signal.removeEventListener("abort", listener);
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
function observedAttributes(instance, observedAttribute) {
|
function q(t, e) {
|
||||||
const { observedAttributes: observedAttributes3 = [] } = instance.constructor;
|
let { observedAttributes: r = [] } = t.constructor;
|
||||||
return observedAttributes3.reduce(function(out, name) {
|
return r.reduce(function(n, o) {
|
||||||
out[kebabToCamel(name)] = observedAttribute(instance, name);
|
return n[G(o)] = e(t, o), n;
|
||||||
return out;
|
|
||||||
}, {});
|
}, {});
|
||||||
}
|
}
|
||||||
function kebabToCamel(name) {
|
function G(t) {
|
||||||
return name.replace(/-./g, (x) => x[1].toUpperCase());
|
return t.replace(/-./g, (e) => e[1].toUpperCase());
|
||||||
}
|
}
|
||||||
|
|
||||||
// src/dom-common.js
|
// src/dom-common.js
|
||||||
var enviroment = {
|
var a = {
|
||||||
setDeleteAttr,
|
setDeleteAttr: V,
|
||||||
ssr: "",
|
ssr: "",
|
||||||
D: globalThis.document,
|
D: globalThis.document,
|
||||||
F: globalThis.DocumentFragment,
|
F: globalThis.DocumentFragment,
|
||||||
H: globalThis.HTMLElement,
|
H: globalThis.HTMLElement,
|
||||||
S: globalThis.SVGElement,
|
S: globalThis.SVGElement,
|
||||||
M: globalThis.MutationObserver,
|
M: globalThis.MutationObserver,
|
||||||
q: (p) => p || Promise.resolve()
|
q: (t) => t || Promise.resolve()
|
||||||
};
|
};
|
||||||
function setDeleteAttr(obj, prop, val) {
|
function V(t, e, r) {
|
||||||
Reflect.set(obj, prop, val);
|
if (Reflect.set(t, e, r), !!m(r)) {
|
||||||
if (!isUndef(val)) return;
|
if (Reflect.deleteProperty(t, e), t instanceof a.H && t.getAttribute(e) === "undefined")
|
||||||
Reflect.deleteProperty(obj, prop);
|
return t.removeAttribute(e);
|
||||||
if (obj instanceof enviroment.H && obj.getAttribute(prop) === "undefined")
|
if (Reflect.get(t, e) === "undefined")
|
||||||
return obj.removeAttribute(prop);
|
return Reflect.set(t, e, "");
|
||||||
if (Reflect.get(obj, prop) === "undefined")
|
}
|
||||||
return Reflect.set(obj, prop, "");
|
|
||||||
}
|
}
|
||||||
var keyLTE = "__dde_lifecyclesToEvents";
|
var x = "__dde_lifecyclesToEvents", v = "dde:connected", w = "dde:disconnected", y = "dde:attributeChanged";
|
||||||
var evc = "dde:connected";
|
|
||||||
var evd = "dde:disconnected";
|
|
||||||
var eva = "dde:attributeChanged";
|
|
||||||
|
|
||||||
// src/dom.js
|
// src/dom.js
|
||||||
function queue(promise) {
|
function dt(t) {
|
||||||
return enviroment.q(promise);
|
return a.q(t);
|
||||||
}
|
}
|
||||||
var scopes = [{
|
var g = [{
|
||||||
get scope() {
|
get scope() {
|
||||||
return enviroment.D.body;
|
return a.D.body;
|
||||||
},
|
},
|
||||||
host: (c) => c ? c(enviroment.D.body) : enviroment.D.body,
|
host: (t) => t ? t(a.D.body) : a.D.body,
|
||||||
prevent: true
|
prevent: !0
|
||||||
}];
|
}], O = {
|
||||||
var scope = {
|
|
||||||
get current() {
|
get current() {
|
||||||
return scopes[scopes.length - 1];
|
return g[g.length - 1];
|
||||||
},
|
},
|
||||||
get host() {
|
get host() {
|
||||||
return this.current.host;
|
return this.current.host;
|
||||||
},
|
},
|
||||||
preventDefault() {
|
preventDefault() {
|
||||||
const { current } = this;
|
let { current: t } = this;
|
||||||
current.prevent = true;
|
return t.prevent = !0, t;
|
||||||
return current;
|
|
||||||
},
|
},
|
||||||
get state() {
|
get state() {
|
||||||
return [...scopes];
|
return [...g];
|
||||||
},
|
},
|
||||||
push(s = {}) {
|
push(t = {}) {
|
||||||
return scopes.push(Object.assign({}, this.current, { prevent: false }, s));
|
return g.push(Object.assign({}, this.current, { prevent: !1 }, t));
|
||||||
},
|
},
|
||||||
pushRoot() {
|
pushRoot() {
|
||||||
return scopes.push(scopes[0]);
|
return g.push(g[0]);
|
||||||
},
|
},
|
||||||
pop() {
|
pop() {
|
||||||
if (scopes.length === 1) return;
|
if (g.length !== 1)
|
||||||
return scopes.pop();
|
return g.pop();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
function append(...els) {
|
function k(...t) {
|
||||||
this.appendOriginal(...els);
|
return this.appendOriginal(...t), this;
|
||||||
return this;
|
|
||||||
}
|
}
|
||||||
function chainableAppend(el) {
|
function J(t) {
|
||||||
if (el.append === append) return el;
|
return t.append === k || (t.appendOriginal = t.append, t.append = k), t;
|
||||||
el.appendOriginal = el.append;
|
|
||||||
el.append = append;
|
|
||||||
return el;
|
|
||||||
}
|
}
|
||||||
var namespace;
|
var T;
|
||||||
function createElement(tag, attributes, ...addons) {
|
function P(t, e, ...r) {
|
||||||
const s = signals(this);
|
let n = S(this), o = 0, c, d;
|
||||||
let scoped = 0;
|
switch ((Object(e) !== e || n.isSignal(e)) && (e = { textContent: e }), !0) {
|
||||||
let el, el_host;
|
case typeof t == "function": {
|
||||||
if (Object(attributes) !== attributes || s.isSignal(attributes))
|
o = 1;
|
||||||
attributes = { textContent: attributes };
|
let f = (...l) => l.length ? (o === 1 ? r.unshift(...l) : l.forEach((E) => E(d)), void 0) : d;
|
||||||
switch (true) {
|
O.push({ scope: t, host: f }), c = t(e || void 0);
|
||||||
case typeof tag === "function": {
|
let p = c instanceof a.F;
|
||||||
scoped = 1;
|
if (c.nodeName === "#comment") break;
|
||||||
const host = (...c) => !c.length ? el_host : (scoped === 1 ? addons.unshift(...c) : c.forEach((c2) => c2(el_host)), void 0);
|
let b = P.mark({
|
||||||
scope.push({ scope: tag, host });
|
|
||||||
el = tag(attributes || void 0);
|
|
||||||
const is_fragment = el instanceof enviroment.F;
|
|
||||||
if (el.nodeName === "#comment") break;
|
|
||||||
const el_mark = createElement.mark({
|
|
||||||
type: "component",
|
type: "component",
|
||||||
name: tag.name,
|
name: t.name,
|
||||||
host: is_fragment ? "this" : "parentElement"
|
host: p ? "this" : "parentElement"
|
||||||
});
|
});
|
||||||
el.prepend(el_mark);
|
c.prepend(b), p && (d = b);
|
||||||
if (is_fragment) el_host = el_mark;
|
|
||||||
break;
|
break;
|
||||||
}
|
}
|
||||||
case tag === "#text":
|
case t === "#text":
|
||||||
el = assign.call(this, enviroment.D.createTextNode(""), attributes);
|
c = R.call(this, a.D.createTextNode(""), e);
|
||||||
break;
|
break;
|
||||||
case (tag === "<>" || !tag):
|
case (t === "<>" || !t):
|
||||||
el = assign.call(this, enviroment.D.createDocumentFragment(), attributes);
|
c = R.call(this, a.D.createDocumentFragment(), e);
|
||||||
break;
|
break;
|
||||||
case Boolean(namespace):
|
case !!T:
|
||||||
el = assign.call(this, enviroment.D.createElementNS(namespace, tag), attributes);
|
c = R.call(this, a.D.createElementNS(T, t), e);
|
||||||
break;
|
break;
|
||||||
case !el:
|
case !c:
|
||||||
el = assign.call(this, enviroment.D.createElement(tag), attributes);
|
c = R.call(this, a.D.createElement(t), e);
|
||||||
}
|
}
|
||||||
chainableAppend(el);
|
return J(c), d || (d = c), r.forEach((f) => f(d)), o && O.pop(), o = 2, c;
|
||||||
if (!el_host) el_host = el;
|
|
||||||
addons.forEach((c) => c(el_host));
|
|
||||||
if (scoped) scope.pop();
|
|
||||||
scoped = 2;
|
|
||||||
return el;
|
|
||||||
}
|
}
|
||||||
createElement.mark = function(attrs, is_open = false) {
|
P.mark = function(t, e = !1) {
|
||||||
attrs = Object.entries(attrs).map(([n, v]) => n + `="${v}"`).join(" ");
|
t = Object.entries(t).map(([o, c]) => o + `="${c}"`).join(" ");
|
||||||
const end = is_open ? "" : "/";
|
let r = e ? "" : "/", n = a.D.createComment(`<dde:mark ${t}${a.ssr}${r}>`);
|
||||||
const out = enviroment.D.createComment(`<dde:mark ${attrs}${enviroment.ssr}${end}>`);
|
return e && (n.end = a.D.createComment("</dde:mark>")), n;
|
||||||
if (is_open) out.end = enviroment.D.createComment("</dde:mark>");
|
|
||||||
return out;
|
|
||||||
};
|
};
|
||||||
function createElementNS(ns) {
|
function pt(t) {
|
||||||
const _this = this;
|
let e = this;
|
||||||
return function createElementNSCurried(...rest) {
|
return function(...n) {
|
||||||
namespace = ns;
|
T = t;
|
||||||
const el = createElement.call(_this, ...rest);
|
let o = P.call(e, ...n);
|
||||||
namespace = void 0;
|
return T = void 0, o;
|
||||||
return el;
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
function simulateSlots(element, root = element) {
|
function lt(t, e = t) {
|
||||||
const mark_e = "\xB9\u2070", mark_s = "\u2713";
|
let r = "\xB9\u2070", n = "\u2713", o = Object.fromEntries(
|
||||||
const slots = Object.fromEntries(
|
Array.from(e.querySelectorAll("slot")).filter((c) => !c.name.endsWith(r)).map((c) => [c.name += r, c])
|
||||||
Array.from(root.querySelectorAll("slot")).filter((s) => !s.name.endsWith(mark_e)).map((s) => [s.name += mark_e, s])
|
|
||||||
);
|
);
|
||||||
element.append = new Proxy(element.append, {
|
if (t.append = new Proxy(t.append, {
|
||||||
apply(orig, _, els) {
|
apply(c, d, f) {
|
||||||
if (els[0] === root) return orig.apply(element, els);
|
if (f[0] === e) return c.apply(t, f);
|
||||||
for (const el of els) {
|
for (let p of f) {
|
||||||
const name = (el.slot || "") + mark_e;
|
let b = (p.slot || "") + r;
|
||||||
try {
|
try {
|
||||||
elementAttribute(el, "remove", "slot");
|
Q(p, "remove", "slot");
|
||||||
} catch (_error) {
|
} catch {
|
||||||
}
|
}
|
||||||
const slot = slots[name];
|
let l = o[b];
|
||||||
if (!slot) return;
|
if (!l) return;
|
||||||
if (!slot.name.startsWith(mark_s)) {
|
l.name.startsWith(n) || (l.childNodes.forEach((E) => E.remove()), l.name = n + b), l.append(p);
|
||||||
slot.childNodes.forEach((c) => c.remove());
|
|
||||||
slot.name = mark_s + name;
|
|
||||||
}
|
}
|
||||||
slot.append(el);
|
return t.append = c, t;
|
||||||
}
|
}
|
||||||
element.append = orig;
|
}), t !== e) {
|
||||||
return element;
|
let c = Array.from(t.childNodes);
|
||||||
|
t.append(...c);
|
||||||
}
|
}
|
||||||
});
|
return e;
|
||||||
if (element !== root) {
|
|
||||||
const els = Array.from(element.childNodes);
|
|
||||||
element.append(...els);
|
|
||||||
}
|
|
||||||
return root;
|
|
||||||
}
|
}
|
||||||
var assign_context = /* @__PURE__ */ new WeakMap();
|
var N = /* @__PURE__ */ new WeakMap(), { setDeleteAttr: $ } = a;
|
||||||
var { setDeleteAttr: setDeleteAttr2 } = enviroment;
|
function R(t, ...e) {
|
||||||
function assign(element, ...attributes) {
|
if (!e.length) return t;
|
||||||
if (!attributes.length) return element;
|
N.set(t, H(t, this));
|
||||||
assign_context.set(element, assignContext(element, this));
|
for (let [r, n] of Object.entries(Object.assign({}, ...e)))
|
||||||
for (const [key, value] of Object.entries(Object.assign({}, ...attributes)))
|
U.call(this, t, r, n);
|
||||||
assignAttribute.call(this, element, key, value);
|
return N.delete(t), t;
|
||||||
assign_context.delete(element);
|
|
||||||
return element;
|
|
||||||
}
|
}
|
||||||
function assignAttribute(element, key, value) {
|
function U(t, e, r) {
|
||||||
const { setRemoveAttr, s } = assignContext(element, this);
|
let { setRemoveAttr: n, s: o } = H(t, this), c = this;
|
||||||
const _this = this;
|
r = o.processReactiveAttribute(
|
||||||
value = s.processReactiveAttribute(
|
t,
|
||||||
element,
|
e,
|
||||||
key,
|
r,
|
||||||
value,
|
(f, p) => U.call(c, t, f, p)
|
||||||
(key2, value2) => assignAttribute.call(_this, element, key2, value2)
|
|
||||||
);
|
);
|
||||||
const [k] = key;
|
let [d] = e;
|
||||||
if ("=" === k) return setRemoveAttr(key.slice(1), value);
|
if (d === "=") return n(e.slice(1), r);
|
||||||
if ("." === k) return setDelete(element, key.slice(1), value);
|
if (d === ".") return F(t, e.slice(1), r);
|
||||||
if (/(aria|data)([A-Z])/.test(key)) {
|
if (/(aria|data)([A-Z])/.test(e))
|
||||||
key = key.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
|
return e = e.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), n(e, r);
|
||||||
return setRemoveAttr(key, value);
|
switch (e === "className" && (e = "class"), e) {
|
||||||
}
|
|
||||||
if ("className" === key) key = "class";
|
|
||||||
switch (key) {
|
|
||||||
case "xlink:href":
|
case "xlink:href":
|
||||||
return setRemoveAttr(key, value, "http://www.w3.org/1999/xlink");
|
return n(e, r, "http://www.w3.org/1999/xlink");
|
||||||
case "textContent":
|
case "textContent":
|
||||||
return setDeleteAttr2(element, key, value);
|
return $(t, e, r);
|
||||||
case "style":
|
case "style":
|
||||||
if (typeof value !== "object") break;
|
if (typeof r != "object") break;
|
||||||
/* falls through */
|
/* falls through */
|
||||||
case "dataset":
|
case "dataset":
|
||||||
return forEachEntries(s, key, element, value, setDelete.bind(null, element[key]));
|
return M(o, e, t, r, F.bind(null, t[e]));
|
||||||
case "ariaset":
|
case "ariaset":
|
||||||
return forEachEntries(s, key, element, value, (key2, val) => setRemoveAttr("aria-" + key2, val));
|
return M(o, e, t, r, (f, p) => n("aria-" + f, p));
|
||||||
case "classList":
|
case "classList":
|
||||||
return classListDeclarative.call(_this, element, value);
|
return K.call(c, t, r);
|
||||||
}
|
}
|
||||||
return isPropSetter(element, key) ? setDeleteAttr2(element, key, value) : setRemoveAttr(key, value);
|
return X(t, e) ? $(t, e, r) : n(e, r);
|
||||||
}
|
}
|
||||||
function assignContext(element, _this) {
|
function H(t, e) {
|
||||||
if (assign_context.has(element)) return assign_context.get(element);
|
if (N.has(t)) return N.get(t);
|
||||||
const is_svg = element instanceof enviroment.S;
|
let n = (t instanceof a.S ? tt : Y).bind(null, t, "Attribute"), o = S(e);
|
||||||
const setRemoveAttr = (is_svg ? setRemoveNS : setRemove).bind(null, element, "Attribute");
|
return { setRemoveAttr: n, s: o };
|
||||||
const s = signals(_this);
|
|
||||||
return { setRemoveAttr, s };
|
|
||||||
}
|
}
|
||||||
function classListDeclarative(element, toggle) {
|
function K(t, e) {
|
||||||
const s = signals(this);
|
let r = S(this);
|
||||||
forEachEntries(
|
return M(
|
||||||
s,
|
r,
|
||||||
"classList",
|
"classList",
|
||||||
element,
|
t,
|
||||||
toggle,
|
e,
|
||||||
(class_name, val) => element.classList.toggle(class_name, val === -1 ? void 0 : Boolean(val))
|
(n, o) => t.classList.toggle(n, o === -1 ? void 0 : !!o)
|
||||||
);
|
), t;
|
||||||
return element;
|
|
||||||
}
|
}
|
||||||
function elementAttribute(element, op, key, value) {
|
function Q(t, e, r, n) {
|
||||||
if (element instanceof enviroment.H)
|
return t instanceof a.H ? t[e + "Attribute"](r, n) : t[e + "AttributeNS"](null, r, n);
|
||||||
return element[op + "Attribute"](key, value);
|
|
||||||
return element[op + "AttributeNS"](null, key, value);
|
|
||||||
}
|
}
|
||||||
function isPropSetter(el, key) {
|
function X(t, e) {
|
||||||
if (!(key in el)) return false;
|
if (!(e in t)) return !1;
|
||||||
const des = getPropDescriptor(el, key);
|
let r = z(t, e);
|
||||||
return !isUndef(des.set);
|
return !m(r.set);
|
||||||
}
|
}
|
||||||
function getPropDescriptor(p, key) {
|
function z(t, e) {
|
||||||
p = Object.getPrototypeOf(p);
|
if (t = Object.getPrototypeOf(t), !t) return {};
|
||||||
if (!p) return {};
|
let r = Object.getOwnPropertyDescriptor(t, e);
|
||||||
const des = Object.getOwnPropertyDescriptor(p, key);
|
return r || z(t, e);
|
||||||
if (!des) return getPropDescriptor(p, key);
|
|
||||||
return des;
|
|
||||||
}
|
}
|
||||||
function forEachEntries(s, target, element, obj, cb) {
|
function M(t, e, r, n, o) {
|
||||||
const S = String;
|
let c = String;
|
||||||
if (typeof obj !== "object" || obj === null) return;
|
if (!(typeof n != "object" || n === null))
|
||||||
return Object.entries(obj).forEach(function process([key, val]) {
|
return Object.entries(n).forEach(function([f, p]) {
|
||||||
if (!key) return;
|
f && (f = new c(f), f.target = e, p = t.processReactiveAttribute(r, f, p, o), o(f, p));
|
||||||
key = new S(key);
|
|
||||||
key.target = target;
|
|
||||||
val = s.processReactiveAttribute(element, key, val, cb);
|
|
||||||
cb(key, val);
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
function setRemove(obj, prop, key, val) {
|
function Y(t, e, r, n) {
|
||||||
return obj[(isUndef(val) ? "remove" : "set") + prop](key, val);
|
return t[(m(n) ? "remove" : "set") + e](r, n);
|
||||||
}
|
}
|
||||||
function setRemoveNS(obj, prop, key, val, ns = null) {
|
function tt(t, e, r, n, o = null) {
|
||||||
return obj[(isUndef(val) ? "remove" : "set") + prop + "NS"](ns, key, val);
|
return t[(m(n) ? "remove" : "set") + e + "NS"](o, r, n);
|
||||||
}
|
}
|
||||||
function setDelete(obj, key, val) {
|
function F(t, e, r) {
|
||||||
Reflect.set(obj, key, val);
|
if (Reflect.set(t, e, r), !!m(r))
|
||||||
if (!isUndef(val)) return;
|
return Reflect.deleteProperty(t, e);
|
||||||
return Reflect.deleteProperty(obj, key);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
// src/events-observer.js
|
// src/events-observer.js
|
||||||
var c_ch_o = enviroment.M ? connectionsChangesObserverConstructor() : new Proxy({}, {
|
var _ = a.M ? et() : new Proxy({}, {
|
||||||
get() {
|
get() {
|
||||||
return () => {
|
return () => {
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
function connectionsChangesObserverConstructor() {
|
function et() {
|
||||||
const store = /* @__PURE__ */ new Map();
|
let t = /* @__PURE__ */ new Map(), e = !1, r = (s) => function(u) {
|
||||||
let is_observing = false;
|
for (let i of u)
|
||||||
const observerListener = (stop2) => function(mutations) {
|
if (i.type === "childList") {
|
||||||
for (const mutation of mutations) {
|
if (l(i.addedNodes, !0)) {
|
||||||
if (mutation.type !== "childList") continue;
|
s();
|
||||||
if (observerAdded(mutation.addedNodes, true)) {
|
|
||||||
stop2();
|
|
||||||
continue;
|
continue;
|
||||||
}
|
}
|
||||||
if (observerRemoved(mutation.removedNodes, true))
|
E(i.removedNodes, !0) && s();
|
||||||
stop2();
|
|
||||||
}
|
}
|
||||||
};
|
}, n = new a.M(r(f));
|
||||||
const observer = new enviroment.M(observerListener(stop));
|
|
||||||
return {
|
return {
|
||||||
observe(element) {
|
observe(s) {
|
||||||
const o = new enviroment.M(observerListener(() => {
|
let u = new a.M(r(() => {
|
||||||
}));
|
}));
|
||||||
o.observe(element, { childList: true, subtree: true });
|
return u.observe(s, { childList: !0, subtree: !0 }), () => u.disconnect();
|
||||||
return () => o.disconnect();
|
|
||||||
},
|
},
|
||||||
onConnected(element, listener) {
|
onConnected(s, u) {
|
||||||
start();
|
d();
|
||||||
const listeners = getElementStore(element);
|
let i = c(s);
|
||||||
if (listeners.connected.has(listener)) return;
|
i.connected.has(u) || (i.connected.add(u), i.length_c += 1);
|
||||||
listeners.connected.add(listener);
|
|
||||||
listeners.length_c += 1;
|
|
||||||
},
|
},
|
||||||
offConnected(element, listener) {
|
offConnected(s, u) {
|
||||||
if (!store.has(element)) return;
|
if (!t.has(s)) return;
|
||||||
const ls = store.get(element);
|
let i = t.get(s);
|
||||||
if (!ls.connected.has(listener)) return;
|
i.connected.has(u) && (i.connected.delete(u), i.length_c -= 1, o(s, i));
|
||||||
ls.connected.delete(listener);
|
|
||||||
ls.length_c -= 1;
|
|
||||||
cleanWhenOff(element, ls);
|
|
||||||
},
|
},
|
||||||
onDisconnected(element, listener) {
|
onDisconnected(s, u) {
|
||||||
start();
|
d();
|
||||||
const listeners = getElementStore(element);
|
let i = c(s);
|
||||||
if (listeners.disconnected.has(listener)) return;
|
i.disconnected.has(u) || (i.disconnected.add(u), i.length_d += 1);
|
||||||
listeners.disconnected.add(listener);
|
|
||||||
listeners.length_d += 1;
|
|
||||||
},
|
},
|
||||||
offDisconnected(element, listener) {
|
offDisconnected(s, u) {
|
||||||
if (!store.has(element)) return;
|
if (!t.has(s)) return;
|
||||||
const ls = store.get(element);
|
let i = t.get(s);
|
||||||
if (!ls.disconnected.has(listener)) return;
|
i.disconnected.has(u) && (i.disconnected.delete(u), i.length_d -= 1, o(s, i));
|
||||||
ls.disconnected.delete(listener);
|
|
||||||
ls.length_d -= 1;
|
|
||||||
cleanWhenOff(element, ls);
|
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
function cleanWhenOff(element, ls) {
|
function o(s, u) {
|
||||||
if (ls.length_c || ls.length_d)
|
u.length_c || u.length_d || (t.delete(s), f());
|
||||||
return;
|
|
||||||
store.delete(element);
|
|
||||||
stop();
|
|
||||||
}
|
}
|
||||||
function getElementStore(element) {
|
function c(s) {
|
||||||
if (store.has(element)) return store.get(element);
|
if (t.has(s)) return t.get(s);
|
||||||
const out = {
|
let u = {
|
||||||
connected: /* @__PURE__ */ new WeakSet(),
|
connected: /* @__PURE__ */ new WeakSet(),
|
||||||
length_c: 0,
|
length_c: 0,
|
||||||
disconnected: /* @__PURE__ */ new WeakSet(),
|
disconnected: /* @__PURE__ */ new WeakSet(),
|
||||||
length_d: 0
|
length_d: 0
|
||||||
};
|
};
|
||||||
store.set(element, out);
|
return t.set(s, u), u;
|
||||||
return out;
|
|
||||||
}
|
}
|
||||||
function start() {
|
function d() {
|
||||||
if (is_observing) return;
|
e || (e = !0, n.observe(a.D.body, { childList: !0, subtree: !0 }));
|
||||||
is_observing = true;
|
|
||||||
observer.observe(enviroment.D.body, { childList: true, subtree: true });
|
|
||||||
}
|
}
|
||||||
function stop() {
|
function f() {
|
||||||
if (!is_observing || store.size) return;
|
!e || t.size || (e = !1, n.disconnect());
|
||||||
is_observing = false;
|
|
||||||
observer.disconnect();
|
|
||||||
}
|
}
|
||||||
function requestIdle() {
|
function p() {
|
||||||
return new Promise(function(resolve) {
|
return new Promise(function(s) {
|
||||||
(requestIdleCallback || requestAnimationFrame)(resolve);
|
(requestIdleCallback || requestAnimationFrame)(s);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
async function collectChildren(element) {
|
async function b(s) {
|
||||||
if (store.size > 30)
|
t.size > 30 && await p();
|
||||||
await requestIdle();
|
let u = [];
|
||||||
const out = [];
|
if (!(s instanceof Node)) return u;
|
||||||
if (!(element instanceof Node)) return out;
|
for (let i of t.keys())
|
||||||
for (const el of store.keys()) {
|
i === s || !(i instanceof Node) || s.contains(i) && u.push(i);
|
||||||
if (el === element || !(el instanceof Node)) continue;
|
return u;
|
||||||
if (element.contains(el))
|
|
||||||
out.push(el);
|
|
||||||
}
|
}
|
||||||
return out;
|
function l(s, u) {
|
||||||
|
let i = !1;
|
||||||
|
for (let h of s) {
|
||||||
|
if (u && b(h).then(l), !t.has(h)) continue;
|
||||||
|
let A = t.get(h);
|
||||||
|
A.length_c && (h.dispatchEvent(new Event(v)), A.connected = /* @__PURE__ */ new WeakSet(), A.length_c = 0, A.length_d || t.delete(h), i = !0);
|
||||||
}
|
}
|
||||||
function observerAdded(addedNodes, is_root) {
|
return i;
|
||||||
let out = false;
|
|
||||||
for (const element of addedNodes) {
|
|
||||||
if (is_root) collectChildren(element).then(observerAdded);
|
|
||||||
if (!store.has(element)) continue;
|
|
||||||
const ls = store.get(element);
|
|
||||||
if (!ls.length_c) continue;
|
|
||||||
element.dispatchEvent(new Event(evc));
|
|
||||||
ls.connected = /* @__PURE__ */ new WeakSet();
|
|
||||||
ls.length_c = 0;
|
|
||||||
if (!ls.length_d) store.delete(element);
|
|
||||||
out = true;
|
|
||||||
}
|
}
|
||||||
return out;
|
function E(s, u) {
|
||||||
|
let i = !1;
|
||||||
|
for (let h of s)
|
||||||
|
u && b(h).then(E), !(!t.has(h) || !t.get(h).length_d) && ((globalThis.queueMicrotask || setTimeout)(I(h)), i = !0);
|
||||||
|
return i;
|
||||||
}
|
}
|
||||||
function observerRemoved(removedNodes, is_root) {
|
function I(s) {
|
||||||
let out = false;
|
|
||||||
for (const element of removedNodes) {
|
|
||||||
if (is_root) collectChildren(element).then(observerRemoved);
|
|
||||||
if (!store.has(element)) continue;
|
|
||||||
const ls = store.get(element);
|
|
||||||
if (!ls.length_d) continue;
|
|
||||||
(globalThis.queueMicrotask || setTimeout)(dispatchRemove(element));
|
|
||||||
out = true;
|
|
||||||
}
|
|
||||||
return out;
|
|
||||||
}
|
|
||||||
function dispatchRemove(element) {
|
|
||||||
return () => {
|
return () => {
|
||||||
if (element.isConnected) return;
|
s.isConnected || (s.dispatchEvent(new Event(w)), t.delete(s));
|
||||||
element.dispatchEvent(new Event(evd));
|
|
||||||
store.delete(element);
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// src/customElement.js
|
// src/customElement.js
|
||||||
function customElementRender(target, render, props = observedAttributes2) {
|
function wt(t, e, r = rt) {
|
||||||
const custom_element = target.host || target;
|
let n = t.host || t;
|
||||||
scope.push({
|
O.push({
|
||||||
scope: custom_element,
|
scope: n,
|
||||||
host: (...c) => c.length ? c.forEach((c2) => c2(custom_element)) : custom_element
|
host: (...d) => d.length ? d.forEach((f) => f(n)) : n
|
||||||
});
|
}), typeof r == "function" && (r = r.call(n, n));
|
||||||
if (typeof props === "function") props = props.call(custom_element, custom_element);
|
let o = n[x];
|
||||||
const is_lte = custom_element[keyLTE];
|
o || nt(n);
|
||||||
if (!is_lte) lifecyclesToEvents(custom_element);
|
let c = e.call(n, r);
|
||||||
const out = render.call(custom_element, props);
|
return o || n.dispatchEvent(new Event(v)), t.nodeType === 11 && typeof t.mode == "string" && n.addEventListener(w, _.observe(t), { once: !0 }), O.pop(), t.append(c);
|
||||||
if (!is_lte) custom_element.dispatchEvent(new Event(evc));
|
|
||||||
if (target.nodeType === 11 && typeof target.mode === "string")
|
|
||||||
custom_element.addEventListener(evd, c_ch_o.observe(target), { once: true });
|
|
||||||
scope.pop();
|
|
||||||
return target.append(out);
|
|
||||||
}
|
}
|
||||||
function lifecyclesToEvents(class_declaration) {
|
function nt(t) {
|
||||||
wrapMethod(class_declaration.prototype, "connectedCallback", function(target, thisArg, detail) {
|
return j(t.prototype, "connectedCallback", function(e, r, n) {
|
||||||
target.apply(thisArg, detail);
|
e.apply(r, n), r.dispatchEvent(new Event(v));
|
||||||
thisArg.dispatchEvent(new Event(evc));
|
}), j(t.prototype, "disconnectedCallback", function(e, r, n) {
|
||||||
});
|
e.apply(r, n), (globalThis.queueMicrotask || setTimeout)(
|
||||||
wrapMethod(class_declaration.prototype, "disconnectedCallback", function(target, thisArg, detail) {
|
() => !r.isConnected && r.dispatchEvent(new Event(w))
|
||||||
target.apply(thisArg, detail);
|
|
||||||
(globalThis.queueMicrotask || setTimeout)(
|
|
||||||
() => !thisArg.isConnected && thisArg.dispatchEvent(new Event(evd))
|
|
||||||
);
|
);
|
||||||
});
|
}), j(t.prototype, "attributeChangedCallback", function(e, r, n) {
|
||||||
wrapMethod(class_declaration.prototype, "attributeChangedCallback", function(target, thisArg, detail) {
|
let [o, , c] = n;
|
||||||
const [attribute, , value] = detail;
|
r.dispatchEvent(new CustomEvent(y, {
|
||||||
thisArg.dispatchEvent(new CustomEvent(eva, {
|
detail: [o, c]
|
||||||
detail: [attribute, value]
|
})), e.apply(r, n);
|
||||||
}));
|
}), t.prototype[x] = !0, t;
|
||||||
target.apply(thisArg, detail);
|
|
||||||
});
|
|
||||||
class_declaration.prototype[keyLTE] = true;
|
|
||||||
return class_declaration;
|
|
||||||
}
|
}
|
||||||
function wrapMethod(obj, method, apply) {
|
function j(t, e, r) {
|
||||||
obj[method] = new Proxy(obj[method] || (() => {
|
t[e] = new Proxy(t[e] || (() => {
|
||||||
}), { apply });
|
}), { apply: r });
|
||||||
}
|
}
|
||||||
function observedAttributes2(instance) {
|
function rt(t) {
|
||||||
return observedAttributes(instance, (i, n) => i.getAttribute(n));
|
return q(t, (e, r) => e.getAttribute(r));
|
||||||
}
|
}
|
||||||
|
|
||||||
// src/events.js
|
// src/events.js
|
||||||
function dispatchEvent(name, options, host) {
|
function yt(t, e, r) {
|
||||||
if (!options) options = {};
|
return e || (e = {}), function(o, ...c) {
|
||||||
return function dispatch(element, ...d) {
|
r && (c.unshift(o), o = typeof r == "function" ? r() : r);
|
||||||
if (host) {
|
let d = c.length ? new CustomEvent(t, Object.assign({ detail: c[0] }, e)) : new Event(t, e);
|
||||||
d.unshift(element);
|
return o.dispatchEvent(d);
|
||||||
element = typeof host === "function" ? host() : host;
|
|
||||||
}
|
|
||||||
const event = d.length ? new CustomEvent(name, Object.assign({ detail: d[0] }, options)) : new Event(name, options);
|
|
||||||
return element.dispatchEvent(event);
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
function on(event, listener, options) {
|
function D(t, e, r) {
|
||||||
return function registerElement(element) {
|
return function(o) {
|
||||||
element.addEventListener(event, listener, options);
|
return o.addEventListener(t, e, r), o;
|
||||||
return element;
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
var lifeOptions = (obj) => Object.assign({}, typeof obj === "object" ? obj : null, { once: true });
|
var B = (t) => Object.assign({}, typeof t == "object" ? t : null, { once: !0 });
|
||||||
on.connected = function(listener, options) {
|
D.connected = function(t, e) {
|
||||||
options = lifeOptions(options);
|
return e = B(e), function(n) {
|
||||||
return function registerElement(element) {
|
return n.addEventListener(v, t, e), n[x] ? n : n.isConnected ? (n.dispatchEvent(new Event(v)), n) : (L(e.signal, () => _.offConnected(n, t)) && _.onConnected(n, t), n);
|
||||||
element.addEventListener(evc, listener, options);
|
|
||||||
if (element[keyLTE]) return element;
|
|
||||||
if (element.isConnected) return element.dispatchEvent(new Event(evc)), element;
|
|
||||||
const c = onAbort(options.signal, () => c_ch_o.offConnected(element, listener));
|
|
||||||
if (c) c_ch_o.onConnected(element, listener);
|
|
||||||
return element;
|
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
on.disconnected = function(listener, options) {
|
D.disconnected = function(t, e) {
|
||||||
options = lifeOptions(options);
|
return e = B(e), function(n) {
|
||||||
return function registerElement(element) {
|
return n.addEventListener(w, t, e), n[x] || L(e.signal, () => _.offDisconnected(n, t)) && _.onDisconnected(n, t), n;
|
||||||
element.addEventListener(evd, listener, options);
|
|
||||||
if (element[keyLTE]) return element;
|
|
||||||
const c = onAbort(options.signal, () => c_ch_o.offDisconnected(element, listener));
|
|
||||||
if (c) c_ch_o.onDisconnected(element, listener);
|
|
||||||
return element;
|
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
var store_abort = /* @__PURE__ */ new WeakMap();
|
var W = /* @__PURE__ */ new WeakMap();
|
||||||
on.disconnectedAsAbort = function(host) {
|
D.disconnectedAsAbort = function(t) {
|
||||||
if (store_abort.has(host)) return store_abort.get(host);
|
if (W.has(t)) return W.get(t);
|
||||||
const a = new AbortController();
|
let e = new AbortController();
|
||||||
store_abort.set(host, a);
|
return W.set(t, e), t(D.disconnected(() => e.abort())), e;
|
||||||
host(on.disconnected(() => a.abort()));
|
|
||||||
return a;
|
|
||||||
};
|
};
|
||||||
var els_attribute_store = /* @__PURE__ */ new WeakSet();
|
var ot = /* @__PURE__ */ new WeakSet();
|
||||||
on.attributeChanged = function(listener, options) {
|
D.attributeChanged = function(t, e) {
|
||||||
if (typeof options !== "object")
|
return typeof e != "object" && (e = {}), function(n) {
|
||||||
options = {};
|
if (n.addEventListener(y, t, e), n[x] || ot.has(n) || !a.M) return n;
|
||||||
return function registerElement(element) {
|
let o = new a.M(function(d) {
|
||||||
element.addEventListener(eva, listener, options);
|
for (let { attributeName: f, target: p } of d)
|
||||||
if (element[keyLTE] || els_attribute_store.has(element))
|
p.dispatchEvent(
|
||||||
return element;
|
new CustomEvent(y, { detail: [f, p.getAttribute(f)] })
|
||||||
if (!enviroment.M) return element;
|
|
||||||
const observer = new enviroment.M(function(mutations) {
|
|
||||||
for (const { attributeName, target } of mutations)
|
|
||||||
target.dispatchEvent(
|
|
||||||
new CustomEvent(eva, { detail: [attributeName, target.getAttribute(attributeName)] })
|
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
const c = onAbort(options.signal, () => observer.disconnect());
|
return L(e.signal, () => o.disconnect()) && o.observe(n, { attributes: !0 }), n;
|
||||||
if (c) observer.observe(element, { attributes: true });
|
|
||||||
return element;
|
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
export {
|
export {
|
||||||
assign,
|
R as assign,
|
||||||
assignAttribute,
|
U as assignAttribute,
|
||||||
chainableAppend,
|
J as chainableAppend,
|
||||||
classListDeclarative,
|
K as classListDeclarative,
|
||||||
createElement,
|
P as createElement,
|
||||||
createElementNS,
|
pt as createElementNS,
|
||||||
customElementRender,
|
wt as customElementRender,
|
||||||
lifecyclesToEvents as customElementWithDDE,
|
nt as customElementWithDDE,
|
||||||
dispatchEvent,
|
yt as dispatchEvent,
|
||||||
createElement as el,
|
P as el,
|
||||||
createElementNS as elNS,
|
pt as elNS,
|
||||||
elementAttribute,
|
Q as elementAttribute,
|
||||||
lifecyclesToEvents,
|
nt as lifecyclesToEvents,
|
||||||
observedAttributes2 as observedAttributes,
|
rt as observedAttributes,
|
||||||
on,
|
D as on,
|
||||||
queue,
|
dt as queue,
|
||||||
registerReactivity,
|
Z as registerReactivity,
|
||||||
scope,
|
O as scope,
|
||||||
simulateSlots
|
lt as simulateSlots
|
||||||
};
|
};
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user