@reactive-web-components/rwc 2.63.0 → 2.63.7

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "@reactive-web-components/rwc",
-    "version": "2.63.0",
+    "version": "2.63.7",
     "type": "module",
     "types": "./shared/index.d.ts",
     "exports": {
         ".": {
             "types": "./shared/index.d.ts",
-            "import": "./reactive-web-component.BmD7vrr3.js",
-            "require": "./reactive-web-component.B_uUgR3i.umd.cjs"
+            "import": "./reactive-web-component.BmjLtNib.js",
+            "require": "./reactive-web-component.Bx_Hbzlr.umd.cjs"
         }
     },
     "author": "tamazyanarsen",
@@ -34,6 +34,6 @@
         "ui",
         "frontend"
     ],
-    "module": "./reactive-web-component.BmD7vrr3.js",
-    "main": "./reactive-web-component.B_uUgR3i.umd.cjs"
+    "module": "./reactive-web-component.BmjLtNib.js",
+    "main": "./reactive-web-component.Bx_Hbzlr.umd.cjs"
 }

package/{reactive-web-component.BmD7vrr3.js → reactive-web-component.BmjLtNib.js}

@@ -1,18 +1,18 @@
-var dt = Object.defineProperty;
-var ht = (s, t, e) => t in s ? dt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var f = (s, t, e) => ht(s, typeof t != "symbol" ? t + "" : t, e);
+var lt = Object.defineProperty;
+var at = (s, t, e) => t in s ? lt(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var f = (s, t, e) => at(s, typeof t != "symbol" ? t + "" : t, e);
 const F = (s) => s && typeof s == "object" && ("classList" in s || "attributes" in s || "customAttributes" in s || "reactiveClassList" in s || "listeners" in s || "customListeners" in s || "children" in s || "effects" in s || "ref" in s || "style" in s || Object.keys(s).some(
   (t) => t.startsWith(".") || t.startsWith("@") || t.startsWith("$")
-)) && !("hostElement" in s), ft = (s) => s && typeof s == "object" && "hostElement" in s && "append" in s && "set" in s && "addStyle" in s && "setAttribute" in s && "addClass" in s && "addEffect" in s && "addReactiveContent" in s && "setReactiveContent" in s && "clear" in s, G = (s, t, ...e) => {
+)) && !("hostElement" in s), dt = (s) => s && typeof s == "object" && "hostElement" in s && "append" in s && "set" in s && "addStyle" in s && "setAttribute" in s && "addClass" in s && "addEffect" in s && "addReactiveContent" in s && "setReactiveContent" in s && "clear" in s, G = (s, t, ...e) => {
   t && t.apply(s, e);
 };
 let z = !0;
-const b = (...s) => {
+const C = (...s) => {
   z && console.debug(
     ["[rwc]", ...s].join(" | "),
     ...Array.from(s.join("").matchAll(/%c/gm)).map((t, e) => e % 2 === 0 ? "color:red" : "color:inherit")
   );
-}, N = (s) => s.replace(/([A-Z])/gm, (t) => `-${t.toLowerCase()}`), ut = (s) => s.replace(/-(\w)/gm, (t, e) => e.toUpperCase()), V = (s, ...t) => {
+}, N = (s) => s.replace(/([A-Z])/gm, (t) => `-${t.toLowerCase()}`), ht = (s) => s.replace(/-(\w)/gm, (t, e) => e.toUpperCase()), V = (s, ...t) => {
   if (!z) return;
   const e = {
     r: "color: #ff0000",
@@ -40,48 +40,34 @@ const b = (...s) => {
     const c = new RegExp(`\\${i}([^\\s,]+)`, "g");
     r = r.replace(c, "%c$1");
   }), console.log(r, ...o, ...t);
-}, Vt = () => {
+}, kt = () => {
   z = !0;
-}, pt = () => {
+}, ft = () => {
   z = !1;
 };
-pt();
-const Nt = (s, t) => {
+ft();
+const Pt = (s, t) => {
   s.every(Boolean) && t(s);
 }, k = /* @__PURE__ */ new Set();
-let U = !1, K = !1;
-const mt = () => {
-  if (!K) {
-    K = !0;
-    try {
-      if (U = !1, k.size === 0)
-        return;
-      const s = Array.from(k);
-      k.clear(), s.forEach((t) => {
-        if (t.status === "active") {
-          Y(t), O.push(t);
-          try {
-            t();
-          } catch (e) {
-            console.error("Error in effect:", e);
-          } finally {
-            O.pop();
-          }
+let K = !1;
+const ut = (s) => {
+  s.status === "active" && k.add(s), K || (K = !0, queueMicrotask(() => {
+    K = !1, C("pendingEffects.size", k.size);
+    const t = Array.from(k);
+    k.clear(), t.forEach((e) => {
+      if (e.status === "active") {
+        U(e), O.push(e);
+        try {
+          e();
+        } catch (n) {
+          console.error("Error in effect:", n);
+        } finally {
+          O.pop();
         }
-      }), k.size > 0 && nt();
-    } finally {
-      K = !1;
-    }
-  }
-};
-function Et() {
-  queueMicrotask(mt);
-}
-const nt = () => {
-  U || (U = !0, Et());
-}, Ct = (s) => {
-  k.add(s), nt();
-}, O = [], Y = (s) => {
+      }
+    }), C("after ------ pendingEffects.size", k.size);
+  }));
+}, O = [], U = (s) => {
   var t, e, n, o;
   (t = s.children) == null || t.forEach((r) => {
     var i;
@@ -107,9 +93,7 @@ function j(s, t) {
   }, o.peek = function() {
     return Object.freeze(s);
   }, o.initValue = Object.freeze(s), o.forceSet = function(r) {
-    s = r, n.forEach((i) => {
-      Ct(i);
-    });
+    s = r, n.forEach((i) => ut(i));
   }, o.set = function(r, i = e) {
     s !== r && i(s, r) && o.forceSet(r);
   }, o.update = function(r) {
@@ -137,17 +121,17 @@ function j(s, t) {
 function w(s, t) {
   var r;
   const e = `${(t == null ? void 0 : t.name) || ""}_${Math.random().toString(36).substring(2, 15)}`;
-  b("current effect", `%c${e}%c`);
+  C("current effect", `%c${e}%c`);
   const n = s;
   n.status = "active", n.children = /* @__PURE__ */ new Set(), n.effectId = e;
   const o = O[O.length - 1];
   return o && ((r = o.children) == null || r.add(n), n.parent = new WeakRef(o), n.destroy = () => {
     var i;
-    Y(n), (i = o.children) == null || i.delete(n), n.destroy = void 0, n.status = "inactive";
+    U(n), (i = o.children) == null || i.delete(n), n.destroy = void 0, n.status = "inactive";
   }), n.cleanupSet = /* @__PURE__ */ new Set(), O.push(n), n(), O.pop(), n;
 }
 const g = (s) => !!s && ["object", "function"].includes(typeof s) && "set" in s && "update" in s && "forceSet" in s && "signalId" in s;
-function Jt(s, ...t) {
+function Ft(s, ...t) {
   const e = j("");
   return w(() => {
     const n = t.map(
@@ -158,21 +142,21 @@ function Jt(s, ...t) {
     }), e.set(o.join(""));
   }), e;
 }
-function qt(s, t) {
+function Bt(s, t) {
   const e = j(t ?? null), n = (o) => e.set(o);
   return s instanceof Promise ? s.then(n) : typeof s == "function" && w(() => {
     const o = s();
     o instanceof Promise ? o.then(n) : g(o) ? w(() => n(o())) : n(o);
   }), e;
 }
-function zt(s, t) {
+function Vt(s, t) {
   let e = s(), n = t();
   w(() => {
     const o = s(), r = t();
     o !== r && (o !== e ? t.set(o) : r !== n && s.set(r)), e = o, n = r;
   });
 }
-function Dt(...s) {
+function Nt(...s) {
   let t = s.map((n) => n());
   const e = j(t);
   return s.forEach((n, o) => {
@@ -182,26 +166,26 @@ function Dt(...s) {
     });
   }), e;
 }
-const Gt = (...s) => {
+const Jt = (...s) => {
   const t = j([]);
   return w(() => {
     t.set(
       s.map((e) => e())
     );
   }), t;
-}, Kt = (s, t) => {
+}, qt = (s, t) => {
   let e = !0;
   const n = w(() => {
     var o;
     e && (e = !1, t(s()), (o = n.destroy) == null || o.call(n));
   });
-}, J = "eventProps", q = "EVENT_CONFIG", P = "observedAttributes", Ut = () => (s, t) => {
+}, J = "eventProps", q = "EVENT_CONFIG", P = "observedAttributes", zt = () => (s, t) => {
   Reflect.get(s, P) || Reflect.defineProperty(s, P, {
     value: []
   }), Reflect.get(s, P).push(
     N(t)
   );
-}, Yt = (s) => (t, e) => {
+}, Dt = (s) => (t, e) => {
   Reflect.get(t, J) || Reflect.defineProperty(t, J, {
     value: []
   }), Reflect.get(t, q) || Reflect.defineProperty(t, q, {
@@ -210,8 +194,8 @@ const Gt = (...s) => {
     bubbles: (s == null ? void 0 : s.bubbles) ?? !1,
     composed: (s == null ? void 0 : s.composed) ?? !1
   }, Reflect.get(t, J).push(e);
-}, ot = (s, t = !1) => (e) => {
-  b(
+}, st = (s, t = !1) => (e) => {
+  C(
     s,
     "start register static attr",
     e.prototype[P]
@@ -222,19 +206,19 @@ const Gt = (...s) => {
     Array.isArray(r) ? i.push(...r) : i.push(r), i.forEach((c) => {
       const a = new CSSStyleSheet();
       a.replaceSync(c), n.push(a);
-      const C = new CSSStyleSheet();
-      C.replaceSync(c.slice(c.indexOf("@property"))), document.adoptedStyleSheets.push(C);
+      const b = new CSSStyleSheet();
+      b.replaceSync(c.slice(c.indexOf("@property"))), document.adoptedStyleSheets.push(b);
     });
   }
   class o extends e {
     constructor(...i) {
-      b("constructor", `%c${s}%c`), super(t, ...i), n.length > 0 && this.shadow.adoptedStyleSheets.push(...n);
+      C("constructor", `%c${s}%c`), super(t, ...i), n.length > 0 && this.shadow.adoptedStyleSheets.push(...n);
     }
     render() {
-      return b("rwc: render from new class"), e.prototype.render.call(this);
+      return C("rwc: render from new class"), e.prototype.render.call(this);
     }
     attributeChangedCallback(i, c, a) {
-      b(
+      C(
         "%cAttribute has changed.%c",
         `%c${i}%c`,
         `oldValue: ${c}, newValue: ${a}`,
@@ -244,9 +228,9 @@ const Gt = (...s) => {
         a = JSON.parse(a);
       } catch {
       }
-      const C = ut(i);
-      if (C in this && g(this[C])) {
-        const h = this[C];
+      const b = ht(i);
+      if (b in this && g(this[b])) {
+        const h = this[b];
         h.setName(i), a === null ? (h.set(h.initValue), this.removeAttribute(i)) : h.set(a);
       }
       G(
@@ -259,17 +243,17 @@ const Gt = (...s) => {
     }
     connectedCallback() {
       const i = () => {
-        var a, C;
-        b("rwc: connectedCallback"), b("connectedCallback", `%c${s}%c`, this), (a = this.init) == null || a.call(this), this.providers && Object.keys(this.providers).length > 0 && (b("WRAPPER for providers", s), Object.entries(this.providers).forEach(
+        var a, b;
+        C("rwc: connectedCallback"), C("connectedCallback", `%c${s}%c`, this), (a = this.init) == null || a.call(this), this.providers && Object.keys(this.providers).length > 0 && (C("WRAPPER for providers", s), Object.entries(this.providers).forEach(
           ([h, d]) => {
-            b("register provider", h, d()), this.addEventListener(h, (m) => {
+            C("register provider", h, d()), this.addEventListener(h, (m) => {
               var u;
-              b("send provider", h, d());
+              C("send provider", h, d());
               const p = m;
               ((u = p.detail) == null ? void 0 : u.context) === h && (p.stopPropagation(), p.detail.callback(d));
             });
           }
-        )), this.checkInjects(), (C = e.prototype[J]) == null || C.forEach(
+        )), this.checkInjects(), (b = e.prototype[J]) == null || b.forEach(
           (h) => {
             this[h] = (d) => {
               const m = e.prototype[q][h], { bubbles: p, composed: u } = m;
@@ -290,9 +274,9 @@ const Gt = (...s) => {
               ));
             };
           }
-        ), b("start render", `%c${s}%c`, s);
+        ), C("start render", `%c${s}%c`, s);
         const c = () => {
-          b("rwc: insertRenderTemplate");
+          C("rwc: insertRenderTemplate");
           const d = this.render().hostElement;
           d && this.shadow.appendChild(d), G(this, e.prototype.connectedCallback), this.appendSlotContent();
         };
@@ -313,7 +297,7 @@ const Gt = (...s) => {
         } else
           c();
         this.slotContext && Object.keys(this.slotContext).length > 0 && this.shadow.querySelectorAll("slot").forEach((h) => {
-          b(
+          C(
             this.slotContext,
             this.slotContext && this.slotContext[h.name]
           ), V(
@@ -385,11 +369,11 @@ class _ extends HTMLElement {
     (e = this.appendAllSlotContent) == null || e.call(this);
   }
   inject(e) {
-    return b("%cinject%c", e), this.injects[e] || (this.injects[e] = j(null)), this.injects[e];
+    return C("%cinject%c", e), this.injects[e] || (this.injects[e] = j(null)), this.injects[e];
   }
   checkInjects() {
     Object.entries(this.injects).forEach(([e, n]) => {
-      b(
+      C(
         "%cinject%c",
         `%c${e}%c`,
         "from BaseElement (dispatch event)"
@@ -412,24 +396,24 @@ class _ extends HTMLElement {
   }
 }
 f(_, "observedAttributes", []), f(_, "renderTagName", ""), f(_, "styles");
-const Zt = (s) => "render" in s && "setReactiveValue" in s, bt = "handleSlotContext", Q = "onConnected", rt = (s) => typeof s == "string" ? s : JSON.stringify(s), St = (s) => {
+const Gt = (s) => "render" in s && "setReactiveValue" in s, pt = "handleSlotContext", X = "onConnected", nt = (s) => typeof s == "string" ? s : JSON.stringify(s), mt = (s) => {
   const t = document.createElement("span");
-  return t.textContent = rt(s), t;
-}, it = (s, t) => (s.appendChild(St(t)), s), yt = (s, t) => (s.replaceChildren(), it(s, t)), tt = (s) => {
+  return t.textContent = nt(s), t;
+}, ot = (s, t) => (s.appendChild(mt(t)), s), Et = (s, t) => (s.replaceChildren(), ot(s, t)), Q = (s) => {
   const t = document.createElement("span");
   return w(() => {
     const e = s();
-    t.textContent = rt(e);
+    t.textContent = nt(e);
   }), t;
 };
-class ct {
+class rt {
   constructor(t) {
     f(this, "wrapper");
     f(this, "keyedEffects", /* @__PURE__ */ new Map());
     f(this, "append", (...t) => (t.forEach((e) => {
       var o;
       const n = e.hostElement;
-      n && ((o = this.hostElement) == null || o.appendChild(n), Q in n && setTimeout(() => {
+      n && ((o = this.hostElement) == null || o.appendChild(n), X in n && setTimeout(() => {
         var r;
         (r = n.onConnected) == null || r.call(
           n,
@@ -458,15 +442,15 @@ class ct {
     }), this));
     f(this, "addHtmlContent", (t) => {
       const e = this.hostElement;
-      return e ? (it(e, t), this) : this;
+      return e ? (ot(e, t), this) : this;
     });
     f(this, "setHtmlContent", (t) => {
       const e = this.hostElement;
-      return e ? (yt(e, t), this) : this;
+      return e ? (Et(e, t), this) : this;
     });
     f(this, "setAttribute", (t, e) => {
       var r;
-      b("setAttribute", t, e);
+      C("setAttribute", t, e);
       const n = this.hostElement;
       if (!n) return this;
       let o;
@@ -491,7 +475,7 @@ class ct {
       return typeof e != "string" ? n = JSON.stringify(e) : n = e, (o = this.hostElement) == null || o.setAttribute(N(t), n), this;
     });
     f(this, "setReactiveAttribute", (t, e) => (this.addEffect((n) => {
-      b("setReactiveAttribute effect", t, e), n.setAttribute(t, e());
+      C("setReactiveAttribute effect", t, e), n.setAttribute(t, e());
     }, t), this));
     f(this, "setReactiveCustomAttribute", (t, e) => (this.addEffect((n) => {
       n.setCustomAttribute(t, e());
@@ -513,7 +497,7 @@ class ct {
         }) : typeof o == "string" && (r ? e.style.setProperty(n, o) : e.style[n] = o);
       }), this) : this;
     });
-    f(this, "onConnected", (t) => this.hostElement ? (Reflect.defineProperty(this.hostElement, Q, {
+    f(this, "onConnected", (t) => this.hostElement ? (Reflect.defineProperty(this.hostElement, X, {
       get() {
         return t;
       }
@@ -555,17 +539,17 @@ class ct {
       const o = () => t(this, n);
       if (e) {
         const c = (r = this.keyedEffects.get(e)) == null ? void 0 : r.deref();
-        c && Y(c);
+        c && U(c);
       }
       return (i = n.effectSet) == null || i.add(new WeakRef(o)), o.component = this.wrapper, w(o, { name: (e == null ? void 0 : e.toString()) || n.tagName }), this;
     });
     f(this, "addReactiveContent", (t) => {
       var e;
-      return (e = this.hostElement) == null || e.appendChild(tt(t)), this;
+      return (e = this.hostElement) == null || e.appendChild(Q(t)), this;
     });
     f(this, "setReactiveContent", (t) => {
       var e;
-      return this.clear(), (e = this.hostElement) == null || e.appendChild(tt(t)), this;
+      return this.clear(), (e = this.hostElement) == null || e.appendChild(Q(t)), this;
     });
     f(this, "clear", () => {
       var t;
@@ -587,7 +571,7 @@ class ct {
     ), this;
   }
 }
-class wt extends ct {
+class Ct extends rt {
   constructor() {
     super(...arguments);
     f(this, "setReactiveValue", (e) => (this.hostElement instanceof _ && this.hostElement.setReactiveValue(e), this));
@@ -600,10 +584,10 @@ class wt extends ct {
     });
   }
 }
-const Xt = () => () => {
-}, vt = (s) => new wt(new WeakRef(s)), At = (s) => new ct(new WeakRef(s)), Rt = (s, ...t) => ({
+const Kt = () => () => {
+}, bt = (s) => new Ct(new WeakRef(s)), St = (s) => new rt(new WeakRef(s)), yt = (s, ...t) => ({
   classList: [...s.map((e) => e.trim()).filter(Boolean), ...t]
-}), Qt = (s, ...t) => Rt(s, ...t), lt = (s, t) => {
+}), Ut = (s, ...t) => yt(s, ...t), it = (s, t) => {
   var o;
   if (!t || !s.deref()) return;
   const e = Object.keys(t || {}).filter(
@@ -620,21 +604,21 @@ const Xt = () => () => {
   });
   const n = s.deref();
   if (n)
-    return Ot(n, t.classList), jt(n, t.style), Tt(n, t.attributes), Mt(n, t.reactiveClassList), It(n, t.customAttributes), Lt(n, t.children), gt(n, t.effects), et(n, t.listeners), et(n, t.customListeners), (o = t.ref) == null || o.set(n), n;
-}, et = (s, t) => {
+    return Rt(n, t.classList), Lt(n, t.style), It(n, t.attributes), gt(n, t.reactiveClassList), At(n, t.customAttributes), vt(n, t.children), wt(n, t.effects), tt(n, t.listeners), tt(n, t.customListeners), (o = t.ref) == null || o.set(n), n;
+}, tt = (s, t) => {
   t && Object.entries(t).forEach(([e, n]) => {
     typeof n == "function" && s.addEventlistener(e, n);
   });
-}, gt = (s, t) => t == null ? void 0 : t.forEach((e) => s.addEffect(e)), Lt = (s, t) => D(new WeakRef(s), ...t || []) ?? s, It = (s, t) => {
+}, wt = (s, t) => t == null ? void 0 : t.forEach((e) => s.addEffect(e)), vt = (s, t) => D(new WeakRef(s), ...t || []) ?? s, At = (s, t) => {
   const e = t;
   e && Object.keys(e).forEach((n) => {
     g(e[n]) ? s.setReactiveCustomAttribute(n, e[n]) : typeof e[n] == "function" ? s.addEffect(() => {
       s.setCustomAttribute(n, e[n]());
     }) : s.setCustomAttribute(n, e[n]);
   });
-}, Ot = (s, t) => s.addClass(...t || []), Mt = (s, t) => s.addReactiveClass(t || {}), jt = (s, t) => s.addStyle(t || {}), Tt = (s, t) => {
+}, Rt = (s, t) => s.addClass(...t || []), gt = (s, t) => s.addReactiveClass(t || {}), Lt = (s, t) => s.addStyle(t || {}), It = (s, t) => {
   const e = t, n = (o, r) => {
-    r !== void 0 && (b("addAttribute", o, r), g(r) ? s.setReactiveAttribute(o, r) : typeof r == "function" ? s.addEffect(() => {
+    r !== void 0 && (C("addAttribute", o, r), g(r) ? s.setReactiveAttribute(o, r) : typeof r == "function" ? s.addEffect(() => {
       s.setAttribute(o, r());
     }) : s.setAttribute(o, r));
   };
@@ -648,9 +632,9 @@ const Xt = () => () => {
       typeof n == "string" ? n.trim().length > 0 && e.addHtmlContent(n) : g(n) ? e.addReactiveContent(n) : e.append(n);
     }), e;
 }, W = (s, t) => {
-  const e = document.createElement(s), n = At(e);
-  return lt(new WeakRef(n), t) ?? n;
-}, Z = (s, t) => {
+  const e = document.createElement(s), n = St(e);
+  return it(new WeakRef(n), t) ?? n;
+}, Y = (s, t) => {
   const [e, ...n] = s.split(" ").map((r) => r.trim()), o = W(e, t);
   return n.length > 0 && o.addClass(...n), (...r) => D(
     new WeakRef(o),
@@ -663,13 +647,13 @@ const Xt = () => () => {
   return W("div").addStyle({ display: "contents" }).addEffect((e) => {
     e.clear(), D(new WeakRef(e), ...[s()].flat());
   }, t);
-}, te = (s, t, e) => {
+}, Yt = (s, t, e) => {
   const n = W("div").addStyle({ display: "contents" }), o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
   let a = [];
-  const C = /* @__PURE__ */ new Set();
+  const b = /* @__PURE__ */ new Set();
   let h = s.peek();
   const d = (u) => {
-    C.delete(u), o.delete(u), r.delete(u), i.delete(u), c.delete(u);
+    b.delete(u), o.delete(u), r.delete(u), i.delete(u), c.delete(u);
   }, m = (u) => {
     if (!c.has(u)) {
       const y = a.indexOf(u);
@@ -684,7 +668,7 @@ const Xt = () => () => {
     }), a = y;
     const L = n.hostElement;
     if (!L) return;
-    b(
+    C(
       "containerChildren",
       Array.from(L.children),
       a
@@ -695,46 +679,46 @@ const Xt = () => () => {
       S && !x.has(S) && H.push(E);
     }), H.forEach((E) => {
       const S = E.dataset.key;
-      b("remove element", S, E), E.remove(), d(S);
+      C("remove element", S, E), E.remove(), d(S);
     }), y.forEach((E, S) => {
       var v;
-      const A = u[S], $ = h[S];
+      const A = u[S], T = h[S];
       if (!o.has(E))
-        b("create new element", E, A), o.set(
+        C("create new element", E, A), o.set(
           E,
           j(Math.random().toString(36).substring(2, 15))
         ), r.set(
           E,
           () => e(A, S, u).setCustomAttribute("data-key", E)
         );
-      else if ($ && JSON.stringify(A) !== JSON.stringify($)) {
+      else if (T && JSON.stringify(A) !== JSON.stringify(T)) {
         const R = i.get(E);
         (v = o.get(E)) == null || v.set(Math.random().toString(36).substring(2, 15)), r.set(
           E,
           () => e(A, S, u).setCustomAttribute("data-key", E)
-        ), R && R.parentNode && b("mark element for update", E);
+        ), R && R.parentNode && C("mark element for update", E);
       }
     }), h = [...u.map((E) => ({ ...E }))];
     const B = () => {
       o.forEach((E, S) => {
-        b("key from setTimeout foreach currItemSignalMap", S), C.has(S) || (C.add(S), w(() => {
-          var X;
+        C("key from setTimeout foreach currItemSignalMap", S), b.has(S) || (b.add(S), w(() => {
+          var Z;
           E();
-          const A = m(S), $ = (X = r.get(S)) == null ? void 0 : X();
-          if (!$ || !$.hostElement) return;
-          const v = n.hostElement, R = $.hostElement;
+          const A = m(S), T = (Z = r.get(S)) == null ? void 0 : Z();
+          if (!T || !T.hostElement) return;
+          const v = n.hostElement, R = T.hostElement;
           if (!v) return;
-          b("call effect from setTimeout", S, R);
+          C("call effect from setTimeout", S, R);
           const I = i.get(S);
           if (I && I.parentNode === v) {
             if (p(I, A, v)) {
-              const T = v.children[A];
-              T && T !== I ? v.insertBefore(I, T) : T || v.appendChild(I);
+              const $ = v.children[A];
+              $ && $ !== I ? v.insertBefore(I, $) : $ || v.appendChild(I);
             }
             R !== I && (I.replaceWith(R), i.set(S, R));
           } else if (i.set(S, R), A < v.children.length) {
-            const T = v.children[A];
-            T ? v.insertBefore(R, T) : v.appendChild(R);
+            const $ = v.children[A];
+            $ ? v.insertBefore(R, $) : v.appendChild(R);
           } else
             v.appendChild(R);
         }));
@@ -742,7 +726,7 @@ const Xt = () => () => {
     };
     Promise.resolve().then(() => B());
   }), n;
-}, ee = (s) => {
+}, Zt = (s) => {
   let t = [W("div")], e = !1;
   return w(() => {
     var r, i;
@@ -753,13 +737,13 @@ const Xt = () => () => {
       W("div").addStyle({ display: "none" }).setAttribute("id", "empty_template")
     );
     try {
-      b(
+      C(
         "newReactiveComponent.map",
         o.map((c) => {
           var a;
-          return b("newReactiveComponent hostElement", c.hostElement), (a = c.hostElement) == null ? void 0 : a.id;
+          return C("newReactiveComponent hostElement", c.hostElement), (a = c.hostElement) == null ? void 0 : a.id;
         })
-      ), b(
+      ), C(
         "currComponent[0].hostElement?.id",
         (r = t[0].hostElement) == null ? void 0 : r.id,
         t
@@ -773,75 +757,75 @@ const Xt = () => () => {
       console.error(c);
     }
   }), e ? t : t[0];
-}, se = (s) => bt in s, ne = (s) => {
-  const t = Z("div")().addStyle({ display: "contents" }), e = (n) => {
+}, Xt = (s) => pt in s, Qt = (s) => {
+  const t = Y("div")().addStyle({ display: "contents" }), e = (n) => {
     const o = t.hostElement;
     return o && (o.innerHTML = n), t;
   };
   return typeof s == "string" ? e(s) : t.addEffect(() => {
     e(s());
   }), t;
-}, at = (s, t, e) => s ? M(t) : e ? M(e) : Z("div")().setAttribute("id", "empty_div_renderIf").addStyle({ display: "none" }), $t = (s, t, e) => M(() => at(!!s(), t, e)), oe = (s, t, e) => typeof s == "boolean" ? at(s, t, e) : $t(s, t, e), st = (s, t) => M(t).addEffect((e, n) => {
+}, ct = (s, t, e) => s ? M(t) : e ? M(e) : Y("div")().setAttribute("id", "empty_div_renderIf").addStyle({ display: "none" }), Ot = (s, t, e) => M(() => ct(!!s(), t, e)), te = (s, t, e) => typeof s == "boolean" ? ct(s, t, e) : Ot(s, t, e), et = (s, t) => M(t).addEffect((e, n) => {
   if (typeof s == "boolean")
     n.style.display = s ? "block" : "none";
   else {
     const o = s() ? "block" : "none";
     n.style.display = o;
   }
-}), re = (s, t, e) => {
+}), ee = (s, t, e) => {
   const n = [
-    st(s, t)
+    et(s, t)
   ].flat();
   return e && n.push(
     ...[
-      st(
+      et(
         () => typeof s == "boolean" ? !s : !s(),
         e
       )
     ].flat()
   ), M(() => n);
-}, _t = (s, t) => {
-  b("createCustomElement", s);
-  const e = document.createElement(s), n = vt(e);
+}, Mt = (s, t) => {
+  C("createCustomElement", s);
+  const e = document.createElement(s), n = bt(e);
   return e.init = () => {
-    lt(new WeakRef(n), t);
+    it(new WeakRef(n), t);
   }, n;
-}, Wt = (s, t) => {
-  const e = s.split(" ").slice(1).map((o) => o.trim()), n = _t(s.split(" ")[0], t);
+}, jt = (s, t) => {
+  const e = s.split(" ").slice(1).map((o) => o.trim()), n = Mt(s.split(" ")[0], t);
   return Array.isArray(e) && e.length > 0 && n.addClass(...e), (...o) => {
     const r = o.filter(Boolean).flat().flatMap(
       (c) => typeof c == "function" && !g(c) ? M(() => c(n)) : c
     ), i = n.hostElement;
-    return i && (i.allSlotContent = r, i.slotContent = r.filter(ft).reduce(
+    return i && (i.allSlotContent = r, i.slotContent = r.filter(dt).reduce(
       (c, a) => {
         var h;
-        const C = ((h = a.hostElement) == null ? void 0 : h.getAttribute("slot")) || "default";
-        return c[C] || (c[C] = []), c[C].push(a), c;
+        const b = ((h = a.hostElement) == null ? void 0 : h.getAttribute("slot")) || "default";
+        return c[b] || (c[b] = []), c[b].push(a), c;
       },
       {}
     ), i.appendAllSlotContent = () => {
       D(new WeakRef(n), ...r);
     }), n;
   };
-}, xt = (s, t, e) => Wt(
+}, $t = (s, t, e) => jt(
   `${s.renderTagName}${t && typeof t == "string" ? " " + t : ""}`,
   F(t) ? t : t && typeof t == "string" ? e : void 0
-), ie = () => {
+), se = () => {
   const s = () => {
   };
   return s.oldValue = null, s;
-}, ce = () => ({}), Ht = (s, t, e) => {
-  const n = t ? ot(t, e)(s) : s;
+}, ne = () => ({}), Tt = (s, t, e) => {
+  const n = t ? st(t, e)(s) : s;
   return (o, ...r) => {
     const i = [...r];
-    return o && !F(o) && i.unshift(o), xt(n, F(o) ? o : {})(...i);
+    return o && !F(o) && i.unshift(o), $t(n, F(o) ? o : {})(...i);
   };
-}, le = (s) => [
-  Ht(s),
+}, oe = (s) => [
+  Tt(s),
   (t, e) => {
-    ot(t, e)(s);
+    st(t, e)(s);
   }
-], l = {}, kt = [
+], l = {}, _t = [
   "div",
   "span",
   "section",
@@ -903,25 +887,25 @@ const Xt = () => () => {
   "canvas",
   "slot"
 ];
-kt.forEach((s) => {
+_t.forEach((s) => {
   l[s] = (t, ...e) => {
     let n = [...e];
-    return t && !F(t) && (n = [t].concat(n)), Z(s, F(t) ? t : {})(...n);
+    return t && !F(t) && (n = [t].concat(n)), Y(s, F(t) ? t : {})(...n);
   };
 });
-const Pt = l.div, ae = l.span, de = l.section, he = l.input, fe = l.button, ue = l.table, pe = l.tr, me = l.td, Ee = l.th, Ce = l.ul, be = l.li, Se = l.ol, ye = l.form, we = l.label, ve = l.select, Ae = l.option, Re = l.textarea, ge = l.img, Le = l.a, Ie = l.p, Oe = l.h1, Me = l.h2, je = l.h3, Te = l.h4, $e = l.h5, _e = l.h6, We = l.br, xe = l.hr, He = l.pre, ke = l.code, Pe = l.nav, Fe = l.header, Be = l.footer, Ve = l.main, Ne = l.aside, Je = l.article, qe = l.figure, ze = l.figcaption, De = l.blockquote, Ge = l.cite, Ke = l.small, Ue = l.strong, Ye = l.em, Ze = l.b, Xe = l.i, Qe = l.u, ts = l.s, es = l.sub, ss = l.sup, ns = l.mark, os = l.del, rs = l.ins, is = l.details, cs = l.summary, ls = l.progress, as = l.meter, ds = l.audio, hs = l.video, fs = l.canvas, us = l.slot, ps = (s) => (t) => s(t).addClass(...t.classList ?? []).addReactiveClass(t.reactiveClassList ?? {});
-function Ft(s, t) {
+const Wt = l.div, re = l.span, ie = l.section, ce = l.input, le = l.button, ae = l.table, de = l.tr, he = l.td, fe = l.th, ue = l.ul, pe = l.li, me = l.ol, Ee = l.form, Ce = l.label, be = l.select, Se = l.option, ye = l.textarea, we = l.img, ve = l.a, Ae = l.p, Re = l.h1, ge = l.h2, Le = l.h3, Ie = l.h4, Oe = l.h5, Me = l.h6, je = l.br, $e = l.hr, Te = l.pre, _e = l.code, We = l.nav, xe = l.header, He = l.footer, ke = l.main, Pe = l.aside, Fe = l.article, Be = l.figure, Ve = l.figcaption, Ne = l.blockquote, Je = l.cite, qe = l.small, ze = l.strong, De = l.em, Ge = l.b, Ke = l.i, Ue = l.u, Ye = l.s, Ze = l.sub, Xe = l.sup, Qe = l.mark, ts = l.del, es = l.ins, ss = l.details, ns = l.summary, os = l.progress, rs = l.meter, is = l.audio, cs = l.video, ls = l.canvas, as = l.slot, ds = (s) => (t) => s(t).addClass(...t.classList ?? []).addReactiveClass(t.reactiveClassList ?? {});
+function xt(s, t) {
   let e = 0;
   return (...n) => {
     const o = Date.now();
     o - e >= t && (s(...n), e = o);
   };
 }
-const ms = (s, t) => M(() => {
+const hs = (s, t) => M(() => {
   const e = s();
   let n = null;
   return e.map(
-    (o, r) => Pt(
+    (o, r) => Wt(
       {
         "@dragstart": (i, c, a) => {
           n = a;
@@ -935,11 +919,11 @@ const ms = (s, t) => M(() => {
         "@dragover": (i) => {
           i.preventDefault();
         },
-        "@dragenter": Ft((i, c, a) => {
-          var C, h, d;
+        "@dragenter": xt((i, c, a) => {
+          var b, h, d;
           if (i.preventDefault(), n) {
             let m = n, p = a;
-            const u = ((C = n.getClientRects().item(0)) == null ? void 0 : C.y) ?? 0, y = ((h = a.getClientRects().item(0)) == null ? void 0 : h.y) ?? 0;
+            const u = ((b = n.getClientRects().item(0)) == null ? void 0 : b.y) ?? 0, y = ((h = a.getClientRects().item(0)) == null ? void 0 : h.y) ?? 0;
             u < y && ([m, p] = [a, n]), (d = a.parentElement) == null || d.insertBefore(m, p);
           }
         }, 200)
@@ -947,15 +931,15 @@ const ms = (s, t) => M(() => {
       t(o, r, [...s.peek()])
     )
   );
-}), Es = (s, t, e) => {
+}), fs = (s, t, e) => {
   let n = [], o = [];
   const r = W("div").addStyle({ display: "contents" }), i = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
   return w(() => {
-    const a = s(), C = a.map(t);
-    o.filter((d) => !C.includes(d)).forEach((d) => {
+    const a = s(), b = a.map(t);
+    o.filter((d) => !b.includes(d)).forEach((d) => {
       var m, p;
       i.delete(d), (p = (m = r.hostElement) == null ? void 0 : m.querySelector(`[data-key="${d}"]`)) == null || p.remove();
-    }), C.forEach((d, m) => {
+    }), b.forEach((d, m) => {
       o.includes(d) || i.set(
         d,
         () => e(a[m], m, a).setCustomAttribute(
@@ -963,13 +947,13 @@ const ms = (s, t) => M(() => {
           d
         )
       );
-    }), C.forEach((d, m) => {
+    }), b.forEach((d, m) => {
       var p;
       if (o.includes(d)) {
         JSON.stringify(n[o.indexOf(d)]) !== JSON.stringify(a[m]) && ((p = c.get(d)) == null || p.set({
           templateFunc: () => e(a[m], m, a),
           items: a,
-          itemsKey: C,
+          itemsKey: b,
           index: m
         }));
         return;
@@ -979,7 +963,7 @@ const ms = (s, t) => M(() => {
         j({
           templateFunc: () => e(a[m], m, a),
           items: a,
-          itemsKey: C,
+          itemsKey: b,
           index: m
         })
       ), queueMicrotask(() => {
@@ -1005,130 +989,130 @@ const ms = (s, t) => M(() => {
     const h = (d, m, p) => {
       p && m && (d < m.children.length ? m.insertBefore(p, m.children[d]) : m.appendChild(p));
     };
-    o = C, n = [...a];
+    o = b, n = [...a];
   }), r;
 };
 export {
   _ as BaseElement,
-  Le as a,
-  Tt as addAttributeList,
-  Ot as addClassList,
-  It as addCustomAttributes,
-  Mt as addReactiveClassList,
-  jt as addStyleList,
+  ve as a,
+  It as addAttributeList,
+  Rt as addClassList,
+  At as addCustomAttributes,
+  gt as addReactiveClassList,
+  Lt as addStyleList,
   D as appendContentItem,
-  Je as article,
-  Ne as aside,
-  ds as audio,
-  Ze as b,
-  zt as bindReactiveSignals,
-  De as blockquote,
-  We as br,
-  fe as button,
+  Fe as article,
+  Pe as aside,
+  is as audio,
+  Ge as b,
+  Vt as bindReactiveSignals,
+  Ne as blockquote,
+  je as br,
+  le as button,
   N as camelToKebab,
-  fs as canvas,
+  ls as canvas,
   G as checkCall,
-  Nt as checkRef,
-  Ge as cite,
-  Rt as classList,
-  Qt as cls,
-  ke as code,
+  Pt as checkRef,
+  Je as cite,
+  yt as classList,
+  Ut as cls,
+  _e as code,
   V as colorLog,
-  Gt as combineLatest,
-  ot as component,
-  le as configCustomComponent,
-  ps as createComponent,
-  xt as createCustom,
-  Wt as createCustomEl,
-  _t as createCustomElement,
-  Z as createEl,
+  Jt as combineLatest,
+  st as component,
+  oe as configCustomComponent,
+  ds as createComponent,
+  $t as createCustom,
+  jt as createCustomEl,
+  Mt as createCustomElement,
+  Y as createEl,
   W as createElement,
-  qt as createSignal,
-  vt as customElementHelpers,
-  ms as ddList,
-  ce as defineSlotTemplate,
-  os as del,
-  is as details,
-  pt as disableLogs,
-  Pt as div,
+  Bt as createSignal,
+  bt as customElementHelpers,
+  hs as ddList,
+  ne as defineSlotTemplate,
+  ts as del,
+  ss as details,
+  ft as disableLogs,
+  Wt as div,
   w as effect,
-  At as elementHelpers,
-  Ye as em,
-  Vt as enableLogs,
-  Yt as event,
-  Xt as eventEmitter,
-  ze as figcaption,
-  qe as figure,
-  Kt as firstUpdate,
-  Be as footer,
-  Dt as forkJoin,
-  ye as form,
-  Es as getList,
+  St as elementHelpers,
+  De as em,
+  kt as enableLogs,
+  Dt as event,
+  Kt as eventEmitter,
+  Ve as figcaption,
+  Be as figure,
+  qt as firstUpdate,
+  He as footer,
+  Nt as forkJoin,
+  Ee as form,
+  fs as getList,
   M as getSignalContent,
-  Oe as h1,
-  Me as h2,
-  je as h3,
-  Te as h4,
-  $e as h5,
-  _e as h6,
-  Fe as header,
-  xe as hr,
-  Xe as i,
-  ge as img,
-  lt as initComponent,
-  he as input,
-  rs as ins,
-  Zt as isBaseElement,
-  ft as isComponentConfig,
+  Re as h1,
+  ge as h2,
+  Le as h3,
+  Ie as h4,
+  Oe as h5,
+  Me as h6,
+  xe as header,
+  $e as hr,
+  Ke as i,
+  we as img,
+  it as initComponent,
+  ce as input,
+  es as ins,
+  Gt as isBaseElement,
+  dt as isComponentConfig,
   F as isComponentInitConfig,
   g as isReactiveSignal,
-  se as isSlotTemplate,
-  ut as kebabToCamel,
-  we as label,
-  be as li,
-  Ve as main,
-  ns as mark,
-  as as meter,
-  Pe as nav,
-  ie as newEventEmitter,
-  Se as ol,
-  te as oldGetList,
-  Ae as option,
-  Ie as p,
-  He as pre,
-  ls as progress,
-  b as projectLog,
-  Ut as property,
-  Y as removeEffect,
-  at as renderIf,
-  Jt as rs,
-  $t as rxRenderIf,
-  ts as s,
-  de as section,
-  ve as select,
-  Lt as setChildren,
-  gt as setEffects,
-  et as setListeners,
-  re as show,
-  st as showIf,
+  Xt as isSlotTemplate,
+  ht as kebabToCamel,
+  Ce as label,
+  pe as li,
+  ke as main,
+  Qe as mark,
+  rs as meter,
+  We as nav,
+  se as newEventEmitter,
+  me as ol,
+  Yt as oldGetList,
+  Se as option,
+  Ae as p,
+  Te as pre,
+  os as progress,
+  C as projectLog,
+  zt as property,
+  U as removeEffect,
+  ct as renderIf,
+  Ft as rs,
+  Ot as rxRenderIf,
+  Ye as s,
+  ie as section,
+  be as select,
+  vt as setChildren,
+  wt as setEffects,
+  tt as setListeners,
+  ee as show,
+  et as showIf,
   j as signal,
-  ee as signalComponent,
-  us as slot,
-  Ke as small,
-  ae as span,
-  Ue as strong,
-  es as sub,
-  cs as summary,
-  ss as sup,
-  ue as table,
-  me as td,
-  Re as textarea,
-  Ee as th,
-  pe as tr,
-  Qe as u,
-  Ce as ul,
-  ne as unsafeHtml,
-  Ht as useCustomComponent,
-  hs as video,
-  oe as when
+  Zt as signalComponent,
+  as as slot,
+  qe as small,
+  re as span,
+  ze as strong,
+  Ze as sub,
+  ns as summary,
+  Xe as sup,
+  ae as table,
+  he as td,
+  ye as textarea,
+  fe as th,
+  de as tr,
+  Ue as u,
+  ue as ul,
+  Qt as unsafeHtml,
+  Tt as useCustomComponent,
+  cs as video,
+  te as when
 };

package/reactive-web-component.Bx_Hbzlr.umd.cjs

@@ -0,0 +1,2 @@
+(function(i,A){typeof exports=="object"&&typeof module<"u"?A(exports):typeof define=="function"&&define.amd?define(["exports"],A):(i=typeof globalThis<"u"?globalThis:i||self,A(i.ReactiveComponent={}))})(this,function(i){"use strict";var fn=Object.defineProperty;var hn=(i,A,_)=>A in i?fn(i,A,{enumerable:!0,configurable:!0,writable:!0,value:_}):i[A]=_;var u=(i,A,_)=>hn(i,typeof A!="symbol"?A+"":A,_);const A=n=>n&&typeof n=="object"&&("classList"in n||"attributes"in n||"customAttributes"in n||"reactiveClassList"in n||"listeners"in n||"customListeners"in n||"children"in n||"effects"in n||"ref"in n||"style"in n||Object.keys(n).some(t=>t.startsWith(".")||t.startsWith("@")||t.startsWith("$")))&&!("hostElement"in n),_=n=>n&&typeof n=="object"&&"hostElement"in n&&"append"in n&&"set"in n&&"addStyle"in n&&"setAttribute"in n&&"addClass"in n&&"addEffect"in n&&"addReactiveContent"in n&&"setReactiveContent"in n&&"clear"in n,D=(n,t,...e)=>{t&&t.apply(n,e)};let G=!0;const C=(...n)=>{G&&console.debug(["[rwc]",...n].join(" | "),...Array.from(n.join("").matchAll(/%c/gm)).map((t,e)=>e%2===0?"color:red":"color:inherit"))},B=n=>n.replace(/([A-Z])/gm,t=>`-${t.toLowerCase()}`),ot=n=>n.replace(/-(\w)/gm,(t,e)=>e.toUpperCase()),F=(n,...t)=>{if(!G)return;const e={r:"color: #ff0000",g:"color: #00ff00",b:"color: #0000ff",y:"color: #ffff00",p:"color: #800080",c:"color: #00ffff",o:"color: #ffa500",w:"color: #808080"},s=n.match(/@[rgbpycow]/g)||[],o=s.map(c=>{const a=c.slice(1);return e[a]||"color: inherit"});let r=n;s.forEach(c=>{const a=new RegExp(`\\${c}([^\\s,]+)`,"g");r=r.replace(a,"%c$1")}),console.log(r,...o,...t)},Tt=()=>{G=!0},rt=()=>{G=!1};rt();const jt=(n,t)=>{n.every(Boolean)&&t(n)},V=new Set;let Q=!1;const Ot=n=>{n.status==="active"&&V.add(n),Q||(Q=!0,queueMicrotask(()=>{Q=!1,C("pendingEffects.size",V.size);const t=Array.from(V);V.clear(),t.forEach(e=>{if(e.status==="active"){K(e),O.push(e);try{e()}catch(s){console.error("Error in effect:",s)}finally{O.pop()}}}),C("after ------ pendingEffects.size",V.size)}))},O=[],K=n=>{var t,e,s,o;(t=n.children)==null||t.forEach(r=>{var c;return(c=r.destroy)==null?void 0:c.call(r)}),(e=n.children)==null||e.clear(),(s=n.cleanupSet)==null||s.forEach(r=>r()),(o=n.cleanupSet)==null||o.clear()};function T(n,t){let e=(t==null?void 0:t.signalCompareFn)||(()=>!0);const s=new Set;function o(){var c;const r=O[O.length-1];return r&&!r.fake&&!s.has(r)&&r.status==="active"&&(s.add(r),(c=r.cleanupSet)==null||c.add(()=>s.delete(r))),!(t!=null&&t.name)&&(r!=null&&r.effectId)&&o.setName(r.effectId),n}return o.signalId=`${(t==null?void 0:t.name)||""}_${Math.random().toString(36).substring(2,15)}`,o.setName=function(r){return o.signalId=`${r}_${Math.random().toString(36).substring(2,15)}`,o},o.setCompareFn=function(r){return e=r,o},o.clearSubscribers=function(){s.clear()},o.getSubscribers=function(){return s},o.peek=function(){return Object.freeze(n)},o.initValue=Object.freeze(n),o.forceSet=function(r){n=r,s.forEach(c=>Ot(c))},o.set=function(r,c=e){n!==r&&c(n,r)&&o.forceSet(r)},o.update=function(r){o.set(r(n))},o.pipe=(r,c)=>{c!=null&&c.name&&o.setName(c.name);const a=T(null);return v(()=>{const d=o();v(()=>{const h=r(d);h instanceof Promise?h.then(E=>a.set(E)):R(h)?v(()=>a.set(h()),{name:"pipe_effect_inner"}):a.set(h)},{name:"pipe_effect"})},{name:(c==null?void 0:c.name)||`pipe_${o.signalId}`}),a},o}function v(n,t){var r;const e=`${(t==null?void 0:t.name)||""}_${Math.random().toString(36).substring(2,15)}`;C("current effect",`%c${e}%c`);const s=n;s.status="active",s.children=new Set,s.effectId=e;const o=O[O.length-1];return o&&((r=o.children)==null||r.add(s),s.parent=new WeakRef(o),s.destroy=()=>{var c;K(s),(c=o.children)==null||c.delete(s),s.destroy=void 0,s.status="inactive"}),s.cleanupSet=new Set,O.push(s),s(),O.pop(),s}const R=n=>!!n&&["object","function"].includes(typeof n)&&"set"in n&&"update"in n&&"forceSet"in n&&"signalId"in n;function Mt(n,...t){const e=T("");return v(()=>{const s=t.map(r=>R(r)?String(r()):String(r)),o=[n[0]];s.forEach((r,c)=>{o.push(r,n[c+1])}),e.set(o.join(""))}),e}function $t(n,t){const e=T(t??null),s=o=>e.set(o);return n instanceof Promise?n.then(s):typeof n=="function"&&v(()=>{const o=n();o instanceof Promise?o.then(s):R(o)?v(()=>s(o())):s(o)}),e}function _t(n,t){let e=n(),s=t();v(()=>{const o=n(),r=t();o!==r&&(o!==e?t.set(o):r!==s&&n.set(r)),e=o,s=r})}function Ht(...n){let t=n.map(s=>s());const e=T(t);return n.forEach((s,o)=>{v(()=>{const r=()=>t.filter(c=>c!==void 0).length;r()===n.length&&(t=Array.from(t).fill(void 0)),t[o]=s(),r()===n.length&&e.set([...t])})}),e}const kt=(...n)=>{const t=T([]);return v(()=>{t.set(n.map(e=>e()))}),t},Wt=(n,t)=>{let e=!0;const s=v(()=>{var o;e&&(e=!1,t(n()),(o=s.destroy)==null||o.call(s))})},U="eventProps",Y="EVENT_CONFIG",J="observedAttributes",Pt=()=>(n,t)=>{Reflect.get(n,J)||Reflect.defineProperty(n,J,{value:[]}),Reflect.get(n,J).push(B(t))},Bt=n=>(t,e)=>{Reflect.get(t,U)||Reflect.defineProperty(t,U,{value:[]}),Reflect.get(t,Y)||Reflect.defineProperty(t,Y,{value:{}}),Reflect.get(t,Y)[e]={bubbles:(n==null?void 0:n.bubbles)??!1,composed:(n==null?void 0:n.composed)??!1},Reflect.get(t,U).push(e)},x=(n,t=!1)=>e=>{C(n,"start register static attr",e.prototype[J]);const s=[];if(e.styles){const r=e.styles,c=[];Array.isArray(r)?c.push(...r):c.push(r),c.forEach(a=>{const d=new CSSStyleSheet;d.replaceSync(a),s.push(d);const S=new CSSStyleSheet;S.replaceSync(a.slice(a.indexOf("@property"))),document.adoptedStyleSheets.push(S)})}class o extends e{constructor(...c){C("constructor",`%c${n}%c`),super(t,...c),s.length>0&&this.shadow.adoptedStyleSheets.push(...s)}render(){return C("rwc: render from new class"),e.prototype.render.call(this)}attributeChangedCallback(c,a,d){C("%cAttribute has changed.%c",`%c${c}%c`,`oldValue: ${a}, newValue: ${d}`,`%c${n}%c`);try{d=JSON.parse(d)}catch{}const S=ot(c);if(S in this&&R(this[S])){const h=this[S];h.setName(c),d===null?(h.set(h.initValue),this.removeAttribute(c)):h.set(d)}D(this,e.prototype.attributeChangedCallback,c,a,d)}connectedCallback(){const c=()=>{var d,S;C("rwc: connectedCallback"),C("connectedCallback",`%c${n}%c`,this),(d=this.init)==null||d.call(this),this.providers&&Object.keys(this.providers).length>0&&(C("WRAPPER for providers",n),Object.entries(this.providers).forEach(([h,f])=>{C("register provider",h,f()),this.addEventListener(h,E=>{var m;C("send provider",h,f());const p=E;((m=p.detail)==null?void 0:m.context)===h&&(p.stopPropagation(),p.detail.callback(f))})})),this.checkInjects(),(S=e.prototype[U])==null||S.forEach(h=>{this[h]=f=>{const E=e.prototype[Y][h],{bubbles:p,composed:m}=E;R(f)?v(()=>{F("@oemit reactive value",f()),this.dispatchEvent(new CustomEvent(h,{detail:f(),bubbles:p,composed:m}))}):(F("@oemit value",f),this.dispatchEvent(new CustomEvent(h,{detail:f,bubbles:p,composed:m})))}}),C("start render",`%c${n}%c`,n);const a=()=>{C("rwc: insertRenderTemplate");const f=this.render().hostElement;f&&this.shadow.appendChild(f),D(this,e.prototype.connectedCallback),this.appendSlotContent()};if(this.rootStyle&&!e.styles){const h=p=>p instanceof Promise||Array.isArray(p)&&p.every(m=>m instanceof Promise),f=this.rootStyle,E=p=>{const m=new CSSStyleSheet;m.replaceSync(p),this.shadow.adoptedStyleSheets.push(m);const w=new CSSStyleSheet;w.replaceSync(p.slice(p.indexOf("@property"))),document.adoptedStyleSheets.push(w)};if(h(f)){const p=[];Array.isArray(f)?p.push(...f):p.push(f),Promise.all(p).then(m=>m.forEach(w=>E(w.default))).then(()=>a())}else{const p=[];Array.isArray(f)?p.push(...f):p.push(f),p.forEach(m=>E(m)),a()}}else a();this.slotContext&&Object.keys(this.slotContext).length>0&&this.shadow.querySelectorAll("slot").forEach(h=>{C(this.slotContext,this.slotContext&&this.slotContext[h.name]),F("@bslot element",h,`name:${h.name};`,h.assignedElements()),h.assignedElements().forEach(f=>{const E=this.slotContext[h.name];this.slotContext&&R(E)&&(F("@oslot element",h,`name:${h.name};`,h.assignedElements()),v(()=>{f.dispatchEvent(new CustomEvent("handleSlotContext",{detail:E()}))}))})})};c.fake=!0,c.component=new WeakRef(this),this.effectSet.add(new WeakRef(c)),v(c,{name:"FAKE_wrapperEffect"})}disconnectedCallback(){this.allSlotContent=[],this.slotContent={},this.htmlSlotContent={},this.effectSet.forEach(c=>{var a,d;return(d=(a=c.deref())==null?void 0:a.destroy)==null?void 0:d.call(a)}),this.effectSet.clear(),this.shadow.replaceChildren(),this.replaceChildren(),D(this,e.prototype.disconnectedCallback)}}return u(o,"observedAttributes",e.prototype[J]??[]),u(o,"renderTagName",n),o.toString=()=>n,customElements.get(n)?console.error(`название тега ${n} повторяется, компонент ${e.name} не зарегистрирован`):customElements.define(n,o),e.renderTagName=n,e};class H extends HTMLElement{constructor(e=!1){super();u(this,"init");u(this,"isSlotLazyLoading",!1);u(this,"slotTemplate");u(this,"slotContext");u(this,"rootStyle");u(this,"modelValue");u(this,"providers");u(this,"effectSet",new Set);u(this,"appendAllSlotContent");u(this,"allSlotContent",[]);u(this,"slotContent",{});u(this,"htmlSlotContent",{});u(this,"shadow");u(this,"injects",{});this.shadow=this.attachShadow({mode:e?"closed":"open"})}appendChild(e,s=!0){var o;if(this.isSlotLazyLoading&&s){if(e instanceof HTMLElement){const r=e.slot||"default";this.htmlSlotContent[r]||(this.htmlSlotContent[r]=[]),(o=this.htmlSlotContent[r])==null||o.push(e)}}else return super.appendChild(e)}appendSlotContent(){var e;(e=this.appendAllSlotContent)==null||e.call(this)}inject(e){return C("%cinject%c",e),this.injects[e]||(this.injects[e]=T(null)),this.injects[e]}checkInjects(){Object.entries(this.injects).forEach(([e,s])=>{C("%cinject%c",`%c${e}%c`,"from BaseElement (dispatch event)"),this.shadow.dispatchEvent(new CustomEvent(e,{detail:{context:e,callback:o=>v(()=>{s.set(o())},{name:e})},bubbles:!0,composed:!0}))})}setReactiveValue(e){this.modelValue=e}}u(H,"observedAttributes",[]),u(H,"renderTagName",""),u(H,"styles");const Ft=n=>"render"in n&&"setReactiveValue"in n,Vt="handleSlotContext",it="onConnected",ct=n=>typeof n=="string"?n:JSON.stringify(n),Jt=n=>{const t=document.createElement("span");return t.textContent=ct(n),t},lt=(n,t)=>(n.appendChild(Jt(t)),n),Nt=(n,t)=>(n.replaceChildren(),lt(n,t)),at=n=>{const t=document.createElement("span");return v(()=>{const e=n();t.textContent=ct(e)}),t};class dt{constructor(t){u(this,"wrapper");u(this,"keyedEffects",new Map);u(this,"append",(...t)=>(t.forEach(e=>{var o;const s=e.hostElement;s&&((o=this.hostElement)==null||o.appendChild(s),it in s&&setTimeout(()=>{var r;(r=s.onConnected)==null||r.call(s,e,s)}))}),this));u(this,"set",(...t)=>{var s;this.clear();const e=document.createDocumentFragment();return t.forEach(o=>{const r=o.hostElement;r&&e.appendChild(r)}),(s=this.hostElement)==null||s.appendChild(e),this});u(this,"removeChild",(...t)=>(t.forEach(e=>{var s,o;if(Array.from(((s=this.hostElement)==null?void 0:s.childNodes.values())||[]).some(r=>r===e.hostElement)){const r=e.hostElement;r&&((o=this.hostElement)==null||o.removeChild(r))}}),this));u(this,"addHtmlContent",t=>{const e=this.hostElement;return e?(lt(e,t),this):this});u(this,"setHtmlContent",t=>{const e=this.hostElement;return e?(Nt(e,t),this):this});u(this,"setAttribute",(t,e)=>{var r;C("setAttribute",t,e);const s=this.hostElement;if(!s)return this;let o;if((typeof e=="boolean"||e===null)&&!(s instanceof H))if(e)o="";else{this.removeAttribute(t);const c=t.toLowerCase();return c in s&&(s[c]=null),this}else typeof e!="string"?o=JSON.stringify(e):o=e;if((r=this.hostElement)==null||r.setAttribute(B(t),o),!(s instanceof H)){const c=t.toLowerCase();c in s&&(s[c]=e)}return this});u(this,"setCustomAttribute",(t,e)=>{var o;let s;return typeof e!="string"?s=JSON.stringify(e):s=e,(o=this.hostElement)==null||o.setAttribute(B(t),s),this});u(this,"setReactiveAttribute",(t,e)=>(this.addEffect(s=>{C("setReactiveAttribute effect",t,e),s.setAttribute(t,e())},t),this));u(this,"setReactiveCustomAttribute",(t,e)=>(this.addEffect(s=>{s.setCustomAttribute(t,e())}),this));u(this,"removeAttribute",t=>{var e;return(e=this.hostElement)==null||e.removeAttribute(B(t)),this});u(this,"addStyle",t=>{const e=this.hostElement;return e?(Object.entries(t).forEach(([s,o])=>{const r=s.startsWith("--");typeof o=="function"?this.addEffect(()=>{if(r){const c=String(o()||"");e.style.setProperty(s,c)}else e.style[s]=o()}):typeof o=="string"&&(r?e.style.setProperty(s,o):e.style[s]=o)}),this):this});u(this,"onConnected",t=>this.hostElement?(Reflect.defineProperty(this.hostElement,it,{get(){return t}}),this):this);u(this,"addClass",(...t)=>(t.forEach(e=>{var s;typeof e=="string"?(s=this.hostElement)==null||s.classList.add(...e.split(" ").flatMap(o=>o.split(`
+`)).map(o=>o.trim()).filter(Boolean)):(()=>{let o=null;this.addEffect(()=>{const r=e();r.length>0&&(o?this.replaceClass(o,r):this.addClass(r),o=r)})})()}),this));u(this,"setClass",(...t)=>{var e,s,o;return(s=this.hostElement)==null||s.classList.remove(...((e=this.hostElement)==null?void 0:e.classList)||[]),(o=this.hostElement)==null||o.classList.add(...t),this});u(this,"addReactiveClass",t=>(Object.keys(t).forEach(e=>{this.addEffect(s=>{t[e]()?s.addClass(e):s.removeClass(e)})}),this));u(this,"removeClass",(...t)=>{var e;return(e=this.hostElement)==null||e.classList.remove(...t),this});u(this,"replaceClass",(t,e)=>{var s;return(s=this.hostElement)==null||s.classList.replace(t,e),this});u(this,"addEffect",(t,e)=>{var r,c;const s=this.hostElement;if(!s)return this;const o=()=>t(this,s);if(e){const a=(r=this.keyedEffects.get(e))==null?void 0:r.deref();a&&K(a)}return(c=s.effectSet)==null||c.add(new WeakRef(o)),o.component=this.wrapper,v(o,{name:(e==null?void 0:e.toString())||s.tagName}),this});u(this,"addReactiveContent",t=>{var e;return(e=this.hostElement)==null||e.appendChild(at(t)),this});u(this,"setReactiveContent",t=>{var e;return this.clear(),(e=this.hostElement)==null||e.appendChild(at(t)),this});u(this,"clear",()=>{var t;return(t=this.hostElement)==null||t.replaceChildren(),this});this.wrapper=t;const e=t.deref();e&&(e.effectSet=new Set)}get hostElement(){return this.wrapper.deref()}addEventlistener(t,e,s=!1){var o;return(o=this.hostElement)==null||o.addEventListener(t,r=>e(r,this,this.hostElement),s),this}}class qt extends dt{constructor(){super(...arguments);u(this,"setReactiveValue",e=>(this.hostElement instanceof H&&this.hostElement.setReactiveValue(e),this));u(this,"setSlotTemplate",e=>{var o;const s=(o=this.hostElement)==null?void 0:o.slotTemplate;return s&&Object.entries(e).forEach(([r,c])=>{s[r]=c}),this})}}const zt=()=>()=>{},ft=n=>new qt(new WeakRef(n)),ht=n=>new dt(new WeakRef(n)),ut=(n,...t)=>({classList:[...n.map(e=>e.trim()).filter(Boolean),...t]}),Dt=(n,...t)=>ut(n,...t),tt=(n,t)=>{var o;if(!t||!n.deref())return;const e=Object.keys(t||{}).filter(r=>r.startsWith(".")||r.startsWith("@")||r.startsWith("$"));e.filter(r=>r.startsWith(".")).forEach(r=>{t!=null&&t.attributes||(t.attributes={}),t.attributes[r.slice(1)]=t[r]}),e.filter(r=>r.startsWith("@")).forEach(r=>{t!=null&&t.listeners||(t.listeners={});const c=r.slice(1);t.listeners[c]=t[r]}),e.filter(r=>r.startsWith("$")).forEach(r=>{t!=null&&t.effects||(t.effects=[]),t.effects.push(t[r])});const s=n.deref();if(s)return Ct(s,t.classList),St(s,t.style),yt(s,t.attributes),bt(s,t.reactiveClassList),Et(s,t.customAttributes),pt(s,t.children),mt(s,t.effects),et(s,t.listeners),et(s,t.customListeners),(o=t.ref)==null||o.set(s),s},et=(n,t)=>{t&&Object.entries(t).forEach(([e,s])=>{typeof s=="function"&&n.addEventlistener(e,s)})},mt=(n,t)=>t==null?void 0:t.forEach(e=>n.addEffect(e)),pt=(n,t)=>N(new WeakRef(n),...t||[])??n,Et=(n,t)=>{const e=t;e&&Object.keys(e).forEach(s=>{R(e[s])?n.setReactiveCustomAttribute(s,e[s]):typeof e[s]=="function"?n.addEffect(()=>{n.setCustomAttribute(s,e[s]())}):n.setCustomAttribute(s,e[s])})},Ct=(n,t)=>n.addClass(...t||[]),bt=(n,t)=>n.addReactiveClass(t||{}),St=(n,t)=>n.addStyle(t||{}),yt=(n,t)=>{const e=t,s=(o,r)=>{r!==void 0&&(C("addAttribute",o,r),R(r)?n.setReactiveAttribute(o,r):typeof r=="function"?n.addEffect(()=>{n.setAttribute(o,r())}):n.setAttribute(o,r))};e&&Object.keys(e).forEach(o=>{s(o,e[o])})},N=(n,...t)=>{const e=n.deref();if(e)return t.forEach(s=>{typeof s=="string"?s.trim().length>0&&e.addHtmlContent(s):R(s)?e.addReactiveContent(s):e.append(s)}),e},k=(n,t)=>{const e=document.createElement(n),s=ht(e);return tt(new WeakRef(s),t)??s},Z=(n,t)=>{const[e,...s]=n.split(" ").map(r=>r.trim()),o=k(e,t);return s.length>0&&o.addClass(...s),(...r)=>N(new WeakRef(o),...r.filter(Boolean).flat().flatMap(c=>typeof c=="function"&&!R(c)?j(()=>c(o)):c))??o},j=n=>{const t=`getSignalContent_${Math.random().toString(36).substring(2,15)}`;return k("div").addStyle({display:"contents"}).addEffect(e=>{e.clear(),N(new WeakRef(e),...[n()].flat())},t)},Gt=(n,t,e)=>{const s=k("div").addStyle({display:"contents"}),o=new Map,r=new Map,c=new Map,a=new Map;let d=[];const S=new Set;let h=n.peek();const f=m=>{S.delete(m),o.delete(m),r.delete(m),c.delete(m),a.delete(m)},E=m=>{if(!a.has(m)){const w=d.indexOf(m);return a.set(m,w),w}return a.get(m)},p=(m,w,q)=>Array.from(q.children).indexOf(m)!==w;return v(()=>{const m=n(),w=m.map(t).map(b=>typeof b=="string"?b:b.toString()),q=new Set(w);a.clear(),w.forEach((b,y)=>{a.set(b,y)}),d=w;const M=s.hostElement;if(!M)return;C("containerChildren",Array.from(M.children),d);const z=[];Array.from(M.children).forEach(b=>{const y=b.dataset.key;y&&!q.has(y)&&z.push(b)}),z.forEach(b=>{const y=b.dataset.key;C("remove element",y,b),b.remove(),f(y)}),w.forEach((b,y)=>{var g;const L=m[y],P=h[y];if(!o.has(b))C("create new element",b,L),o.set(b,T(Math.random().toString(36).substring(2,15))),r.set(b,()=>e(L,y,m).setCustomAttribute("data-key",b));else if(P&&JSON.stringify(L)!==JSON.stringify(P)){const I=c.get(b);(g=o.get(b))==null||g.set(Math.random().toString(36).substring(2,15)),r.set(b,()=>e(L,y,m).setCustomAttribute("data-key",b)),I&&I.parentNode&&C("mark element for update",b)}}),h=[...m.map(b=>({...b}))];const X=()=>{o.forEach((b,y)=>{C("key from setTimeout foreach currItemSignalMap",y),S.has(y)||(S.add(y),v(()=>{var It;b();const L=E(y),P=(It=r.get(y))==null?void 0:It();if(!P||!P.hostElement)return;const g=s.hostElement,I=P.hostElement;if(!g)return;C("call effect from setTimeout",y,I);const $=c.get(y);if($&&$.parentNode===g){if(p($,L,g)){const W=g.children[L];W&&W!==$?g.insertBefore($,W):W||g.appendChild($)}I!==$&&($.replaceWith(I),c.set(y,I))}else if(c.set(y,I),L<g.children.length){const W=g.children[L];W?g.insertBefore(I,W):g.appendChild(I)}else g.appendChild(I)}))})};Promise.resolve().then(()=>X())}),s},Kt=n=>{let t=[k("div")],e=!1;return v(()=>{var r,c;const s=n();e=Array.isArray(s);const o=[];o.push(...[s].flat()),o.length===0&&o.push(k("div").addStyle({display:"none"}).setAttribute("id","empty_template"));try{C("newReactiveComponent.map",o.map(a=>{var d;return C("newReactiveComponent hostElement",a.hostElement),(d=a.hostElement)==null?void 0:d.id})),C("currComponent[0].hostElement?.id",(r=t[0].hostElement)==null?void 0:r.id,t),(c=t[0].hostElement)==null||c.replaceWith(...o.map(a=>a.hostElement).filter(Boolean)),t.slice(1).forEach(a=>{var d;return(d=a.hostElement)==null?void 0:d.remove()}),t=o}catch(a){console.error(a)}}),e?t:t[0]},Ut=n=>Vt in n,Yt=n=>{const t=Z("div")().addStyle({display:"contents"}),e=s=>{const o=t.hostElement;return o&&(o.innerHTML=s),t};return typeof n=="string"?e(n):t.addEffect(()=>{e(n())}),t},nt=(n,t,e)=>n?j(t):e?j(e):Z("div")().setAttribute("id","empty_div_renderIf").addStyle({display:"none"}),vt=(n,t,e)=>j(()=>nt(!!n(),t,e)),Zt=(n,t,e)=>typeof n=="boolean"?nt(n,t,e):vt(n,t,e),st=(n,t)=>j(t).addEffect((e,s)=>{if(typeof n=="boolean")s.style.display=n?"block":"none";else{const o=n()?"block":"none";s.style.display=o}}),Xt=(n,t,e)=>{const s=[st(n,t)].flat();return e&&s.push(...[st(()=>typeof n=="boolean"?!n:!n(),e)].flat()),j(()=>s)},wt=(n,t)=>{C("createCustomElement",n);const e=document.createElement(n),s=ft(e);return e.init=()=>{tt(new WeakRef(s),t)},s},At=(n,t)=>{const e=n.split(" ").slice(1).map(o=>o.trim()),s=wt(n.split(" ")[0],t);return Array.isArray(e)&&e.length>0&&s.addClass(...e),(...o)=>{const r=o.filter(Boolean).flat().flatMap(a=>typeof a=="function"&&!R(a)?j(()=>a(s)):a),c=s.hostElement;return c&&(c.allSlotContent=r,c.slotContent=r.filter(_).reduce((a,d)=>{var h;const S=((h=d.hostElement)==null?void 0:h.getAttribute("slot"))||"default";return a[S]||(a[S]=[]),a[S].push(d),a},{}),c.appendAllSlotContent=()=>{N(new WeakRef(s),...r)}),s}},gt=(n,t,e)=>At(`${n.renderTagName}${t&&typeof t=="string"?" "+t:""}`,A(t)?t:t&&typeof t=="string"?e:void 0),Qt=()=>{const n=()=>{};return n.oldValue=null,n},xt=()=>({}),Rt=(n,t,e)=>{const s=t?x(t,e)(n):n;return(o,...r)=>{const c=[...r];return o&&!A(o)&&c.unshift(o),gt(s,A(o)?o:{})(...c)}},te=n=>[Rt(n),(t,e)=>{x(t,e)(n)}],l={};["div","span","section","input","button","table","tr","td","th","ul","li","ol","form","label","select","option","textarea","img","a","p","h1","h2","h3","h4","h5","h6","br","hr","pre","code","nav","header","footer","main","aside","article","figure","figcaption","blockquote","cite","small","strong","em","b","i","u","s","sub","sup","mark","del","ins","details","summary","progress","meter","audio","video","canvas","slot"].forEach(n=>{l[n]=(t,...e)=>{let s=[...e];return t&&!A(t)&&(s=[t].concat(s)),Z(n,A(t)?t:{})(...s)}});const Lt=l.div,ee=l.span,ne=l.section,se=l.input,oe=l.button,re=l.table,ie=l.tr,ce=l.td,le=l.th,ae=l.ul,de=l.li,fe=l.ol,he=l.form,ue=l.label,me=l.select,pe=l.option,Ee=l.textarea,Ce=l.img,be=l.a,Se=l.p,ye=l.h1,ve=l.h2,we=l.h3,Ae=l.h4,ge=l.h5,Re=l.h6,Le=l.br,Ie=l.hr,Te=l.pre,je=l.code,Oe=l.nav,Me=l.header,$e=l.footer,_e=l.main,He=l.aside,ke=l.article,We=l.figure,Pe=l.figcaption,Be=l.blockquote,Fe=l.cite,Ve=l.small,Je=l.strong,Ne=l.em,qe=l.b,ze=l.i,De=l.u,Ge=l.s,Ke=l.sub,Ue=l.sup,Ye=l.mark,Ze=l.del,Xe=l.ins,Qe=l.details,xe=l.summary,tn=l.progress,en=l.meter,nn=l.audio,sn=l.video,on=l.canvas,rn=l.slot,cn=n=>t=>n(t).addClass(...t.classList??[]).addReactiveClass(t.reactiveClassList??{});function ln(n,t){let e=0;return(...s)=>{const o=Date.now();o-e>=t&&(n(...s),e=o)}}const an=(n,t)=>j(()=>{const e=n();let s=null;return e.map((o,r)=>Lt({"@dragstart":(c,a,d)=>{s=d},"@dragend":(c,a,d)=>{d.style.transform="",d.removeAttribute("draggable")},"@mousedown":(c,a,d)=>{d.style.transform="translateZ(0)",d.setAttribute("draggable","true")},"@dragover":c=>{c.preventDefault()},"@dragenter":ln((c,a,d)=>{var S,h,f;if(c.preventDefault(),s){let E=s,p=d;const m=((S=s.getClientRects().item(0))==null?void 0:S.y)??0,w=((h=d.getClientRects().item(0))==null?void 0:h.y)??0;m<w&&([E,p]=[d,s]),(f=d.parentElement)==null||f.insertBefore(E,p)}},200)},t(o,r,[...n.peek()])))}),dn=(n,t,e)=>{let s=[],o=[];const r=k("div").addStyle({display:"contents"}),c=new Map,a=new Map;return v(()=>{const d=n(),S=d.map(t);o.filter(f=>!S.includes(f)).forEach(f=>{var E,p;c.delete(f),(p=(E=r.hostElement)==null?void 0:E.querySelector(`[data-key="${f}"]`))==null||p.remove()}),S.forEach((f,E)=>{o.includes(f)||c.set(f,()=>e(d[E],E,d).setCustomAttribute("data-key",f))}),S.forEach((f,E)=>{var p;if(o.includes(f)){JSON.stringify(s[o.indexOf(f)])!==JSON.stringify(d[E])&&((p=a.get(f))==null||p.set({templateFunc:()=>e(d[E],E,d),items:d,itemsKey:S,index:E}));return}a.set(f,T({templateFunc:()=>e(d[E],E,d),items:d,itemsKey:S,index:E})),queueMicrotask(()=>{v(()=>{var z,X,b;const{templateFunc:m,index:w}=((z=a.get(f))==null?void 0:z())??{},q=(X=r.hostElement)==null?void 0:X.querySelector(`[data-key="${f}"]`),M=(m==null?void 0:m().setCustomAttribute("data-key",f).hostElement)??document.createElement("div");q?(b=r.hostElement)==null||b.childNodes.forEach((y,L)=>{y instanceof HTMLElement&&y.getAttribute("data-key")===f&&(w===L?(h(w??0,r.hostElement,M),y.remove()):h(w??0,r.hostElement,M))}):h(w??0,r.hostElement,M)})})});const h=(f,E,p)=>{p&&E&&(f<E.children.length?E.insertBefore(p,E.children[f]):E.appendChild(p))};o=S,s=[...d]}),r};i.BaseElement=H,i.a=be,i.addAttributeList=yt,i.addClassList=Ct,i.addCustomAttributes=Et,i.addReactiveClassList=bt,i.addStyleList=St,i.appendContentItem=N,i.article=ke,i.aside=He,i.audio=nn,i.b=qe,i.bindReactiveSignals=_t,i.blockquote=Be,i.br=Le,i.button=oe,i.camelToKebab=B,i.canvas=on,i.checkCall=D,i.checkRef=jt,i.cite=Fe,i.classList=ut,i.cls=Dt,i.code=je,i.colorLog=F,i.combineLatest=kt,i.component=x,i.configCustomComponent=te,i.createComponent=cn,i.createCustom=gt,i.createCustomEl=At,i.createCustomElement=wt,i.createEl=Z,i.createElement=k,i.createSignal=$t,i.customElementHelpers=ft,i.ddList=an,i.defineSlotTemplate=xt,i.del=Ze,i.details=Qe,i.disableLogs=rt,i.div=Lt,i.effect=v,i.elementHelpers=ht,i.em=Ne,i.enableLogs=Tt,i.event=Bt,i.eventEmitter=zt,i.figcaption=Pe,i.figure=We,i.firstUpdate=Wt,i.footer=$e,i.forkJoin=Ht,i.form=he,i.getList=dn,i.getSignalContent=j,i.h1=ye,i.h2=ve,i.h3=we,i.h4=Ae,i.h5=ge,i.h6=Re,i.header=Me,i.hr=Ie,i.i=ze,i.img=Ce,i.initComponent=tt,i.input=se,i.ins=Xe,i.isBaseElement=Ft,i.isComponentConfig=_,i.isComponentInitConfig=A,i.isReactiveSignal=R,i.isSlotTemplate=Ut,i.kebabToCamel=ot,i.label=ue,i.li=de,i.main=_e,i.mark=Ye,i.meter=en,i.nav=Oe,i.newEventEmitter=Qt,i.ol=fe,i.oldGetList=Gt,i.option=pe,i.p=Se,i.pre=Te,i.progress=tn,i.projectLog=C,i.property=Pt,i.removeEffect=K,i.renderIf=nt,i.rs=Mt,i.rxRenderIf=vt,i.s=Ge,i.section=ne,i.select=me,i.setChildren=pt,i.setEffects=mt,i.setListeners=et,i.show=Xt,i.showIf=st,i.signal=T,i.signalComponent=Kt,i.slot=rn,i.small=Ve,i.span=ee,i.strong=Je,i.sub=Ke,i.summary=xe,i.sup=Ue,i.table=re,i.td=ce,i.textarea=Ee,i.th=le,i.tr=ie,i.u=De,i.ul=ae,i.unsafeHtml=Yt,i.useCustomComponent=Rt,i.video=sn,i.when=Zt,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/reactive-web-component.B_uUgR3i.umd.cjs

@@ -1,2 +0,0 @@
-(function(i,A){typeof exports=="object"&&typeof module<"u"?A(exports):typeof define=="function"&&define.amd?define(["exports"],A):(i=typeof globalThis<"u"?globalThis:i||self,A(i.ReactiveComponent={}))})(this,function(i){"use strict";var pn=Object.defineProperty;var En=(i,A,_)=>A in i?pn(i,A,{enumerable:!0,configurable:!0,writable:!0,value:_}):i[A]=_;var u=(i,A,_)=>En(i,typeof A!="symbol"?A+"":A,_);const A=n=>n&&typeof n=="object"&&("classList"in n||"attributes"in n||"customAttributes"in n||"reactiveClassList"in n||"listeners"in n||"customListeners"in n||"children"in n||"effects"in n||"ref"in n||"style"in n||Object.keys(n).some(t=>t.startsWith(".")||t.startsWith("@")||t.startsWith("$")))&&!("hostElement"in n),_=n=>n&&typeof n=="object"&&"hostElement"in n&&"append"in n&&"set"in n&&"addStyle"in n&&"setAttribute"in n&&"addClass"in n&&"addEffect"in n&&"addReactiveContent"in n&&"setReactiveContent"in n&&"clear"in n,D=(n,t,...e)=>{t&&t.apply(n,e)};let G=!0;const b=(...n)=>{G&&console.debug(["[rwc]",...n].join(" | "),...Array.from(n.join("").matchAll(/%c/gm)).map((t,e)=>e%2===0?"color:red":"color:inherit"))},F=n=>n.replace(/([A-Z])/gm,t=>`-${t.toLowerCase()}`),rt=n=>n.replace(/-(\w)/gm,(t,e)=>e.toUpperCase()),B=(n,...t)=>{if(!G)return;const e={r:"color: #ff0000",g:"color: #00ff00",b:"color: #0000ff",y:"color: #ffff00",p:"color: #800080",c:"color: #00ffff",o:"color: #ffa500",w:"color: #808080"},s=n.match(/@[rgbpycow]/g)||[],o=s.map(c=>{const a=c.slice(1);return e[a]||"color: inherit"});let r=n;s.forEach(c=>{const a=new RegExp(`\\${c}([^\\s,]+)`,"g");r=r.replace(a,"%c$1")}),console.log(r,...o,...t)},Ot=()=>{G=!0},it=()=>{G=!1};it();const Mt=(n,t)=>{n.every(Boolean)&&t(n)},V=new Set;let Q=!1,x=!1;const $t=()=>{if(!x){x=!0;try{if(Q=!1,V.size===0)return;const n=Array.from(V);V.clear(),n.forEach(t=>{if(t.status==="active"){K(t),O.push(t);try{t()}catch(e){console.error("Error in effect:",e)}finally{O.pop()}}}),V.size>0&&ct()}finally{x=!1}}};function _t(){queueMicrotask($t)}const ct=()=>{Q||(Q=!0,_t())},Ht=n=>{V.add(n),ct()},O=[],K=n=>{var t,e,s,o;(t=n.children)==null||t.forEach(r=>{var c;return(c=r.destroy)==null?void 0:c.call(r)}),(e=n.children)==null||e.clear(),(s=n.cleanupSet)==null||s.forEach(r=>r()),(o=n.cleanupSet)==null||o.clear()};function T(n,t){let e=(t==null?void 0:t.signalCompareFn)||(()=>!0);const s=new Set;function o(){var c;const r=O[O.length-1];return r&&!r.fake&&!s.has(r)&&r.status==="active"&&(s.add(r),(c=r.cleanupSet)==null||c.add(()=>s.delete(r))),!(t!=null&&t.name)&&(r!=null&&r.effectId)&&o.setName(r.effectId),n}return o.signalId=`${(t==null?void 0:t.name)||""}_${Math.random().toString(36).substring(2,15)}`,o.setName=function(r){return o.signalId=`${r}_${Math.random().toString(36).substring(2,15)}`,o},o.setCompareFn=function(r){return e=r,o},o.clearSubscribers=function(){s.clear()},o.getSubscribers=function(){return s},o.peek=function(){return Object.freeze(n)},o.initValue=Object.freeze(n),o.forceSet=function(r){n=r,s.forEach(c=>{Ht(c)})},o.set=function(r,c=e){n!==r&&c(n,r)&&o.forceSet(r)},o.update=function(r){o.set(r(n))},o.pipe=(r,c)=>{c!=null&&c.name&&o.setName(c.name);const a=T(null);return v(()=>{const d=o();v(()=>{const h=r(d);h instanceof Promise?h.then(E=>a.set(E)):R(h)?v(()=>a.set(h()),{name:"pipe_effect_inner"}):a.set(h)},{name:"pipe_effect"})},{name:(c==null?void 0:c.name)||`pipe_${o.signalId}`}),a},o}function v(n,t){var r;const e=`${(t==null?void 0:t.name)||""}_${Math.random().toString(36).substring(2,15)}`;b("current effect",`%c${e}%c`);const s=n;s.status="active",s.children=new Set,s.effectId=e;const o=O[O.length-1];return o&&((r=o.children)==null||r.add(s),s.parent=new WeakRef(o),s.destroy=()=>{var c;K(s),(c=o.children)==null||c.delete(s),s.destroy=void 0,s.status="inactive"}),s.cleanupSet=new Set,O.push(s),s(),O.pop(),s}const R=n=>!!n&&["object","function"].includes(typeof n)&&"set"in n&&"update"in n&&"forceSet"in n&&"signalId"in n;function kt(n,...t){const e=T("");return v(()=>{const s=t.map(r=>R(r)?String(r()):String(r)),o=[n[0]];s.forEach((r,c)=>{o.push(r,n[c+1])}),e.set(o.join(""))}),e}function Wt(n,t){const e=T(t??null),s=o=>e.set(o);return n instanceof Promise?n.then(s):typeof n=="function"&&v(()=>{const o=n();o instanceof Promise?o.then(s):R(o)?v(()=>s(o())):s(o)}),e}function Pt(n,t){let e=n(),s=t();v(()=>{const o=n(),r=t();o!==r&&(o!==e?t.set(o):r!==s&&n.set(r)),e=o,s=r})}function Ft(...n){let t=n.map(s=>s());const e=T(t);return n.forEach((s,o)=>{v(()=>{const r=()=>t.filter(c=>c!==void 0).length;r()===n.length&&(t=Array.from(t).fill(void 0)),t[o]=s(),r()===n.length&&e.set([...t])})}),e}const Bt=(...n)=>{const t=T([]);return v(()=>{t.set(n.map(e=>e()))}),t},Vt=(n,t)=>{let e=!0;const s=v(()=>{var o;e&&(e=!1,t(n()),(o=s.destroy)==null||o.call(s))})},U="eventProps",Y="EVENT_CONFIG",J="observedAttributes",Jt=()=>(n,t)=>{Reflect.get(n,J)||Reflect.defineProperty(n,J,{value:[]}),Reflect.get(n,J).push(F(t))},Nt=n=>(t,e)=>{Reflect.get(t,U)||Reflect.defineProperty(t,U,{value:[]}),Reflect.get(t,Y)||Reflect.defineProperty(t,Y,{value:{}}),Reflect.get(t,Y)[e]={bubbles:(n==null?void 0:n.bubbles)??!1,composed:(n==null?void 0:n.composed)??!1},Reflect.get(t,U).push(e)},tt=(n,t=!1)=>e=>{b(n,"start register static attr",e.prototype[J]);const s=[];if(e.styles){const r=e.styles,c=[];Array.isArray(r)?c.push(...r):c.push(r),c.forEach(a=>{const d=new CSSStyleSheet;d.replaceSync(a),s.push(d);const S=new CSSStyleSheet;S.replaceSync(a.slice(a.indexOf("@property"))),document.adoptedStyleSheets.push(S)})}class o extends e{constructor(...c){b("constructor",`%c${n}%c`),super(t,...c),s.length>0&&this.shadow.adoptedStyleSheets.push(...s)}render(){return b("rwc: render from new class"),e.prototype.render.call(this)}attributeChangedCallback(c,a,d){b("%cAttribute has changed.%c",`%c${c}%c`,`oldValue: ${a}, newValue: ${d}`,`%c${n}%c`);try{d=JSON.parse(d)}catch{}const S=rt(c);if(S in this&&R(this[S])){const h=this[S];h.setName(c),d===null?(h.set(h.initValue),this.removeAttribute(c)):h.set(d)}D(this,e.prototype.attributeChangedCallback,c,a,d)}connectedCallback(){const c=()=>{var d,S;b("rwc: connectedCallback"),b("connectedCallback",`%c${n}%c`,this),(d=this.init)==null||d.call(this),this.providers&&Object.keys(this.providers).length>0&&(b("WRAPPER for providers",n),Object.entries(this.providers).forEach(([h,f])=>{b("register provider",h,f()),this.addEventListener(h,E=>{var m;b("send provider",h,f());const p=E;((m=p.detail)==null?void 0:m.context)===h&&(p.stopPropagation(),p.detail.callback(f))})})),this.checkInjects(),(S=e.prototype[U])==null||S.forEach(h=>{this[h]=f=>{const E=e.prototype[Y][h],{bubbles:p,composed:m}=E;R(f)?v(()=>{B("@oemit reactive value",f()),this.dispatchEvent(new CustomEvent(h,{detail:f(),bubbles:p,composed:m}))}):(B("@oemit value",f),this.dispatchEvent(new CustomEvent(h,{detail:f,bubbles:p,composed:m})))}}),b("start render",`%c${n}%c`,n);const a=()=>{b("rwc: insertRenderTemplate");const f=this.render().hostElement;f&&this.shadow.appendChild(f),D(this,e.prototype.connectedCallback),this.appendSlotContent()};if(this.rootStyle&&!e.styles){const h=p=>p instanceof Promise||Array.isArray(p)&&p.every(m=>m instanceof Promise),f=this.rootStyle,E=p=>{const m=new CSSStyleSheet;m.replaceSync(p),this.shadow.adoptedStyleSheets.push(m);const w=new CSSStyleSheet;w.replaceSync(p.slice(p.indexOf("@property"))),document.adoptedStyleSheets.push(w)};if(h(f)){const p=[];Array.isArray(f)?p.push(...f):p.push(f),Promise.all(p).then(m=>m.forEach(w=>E(w.default))).then(()=>a())}else{const p=[];Array.isArray(f)?p.push(...f):p.push(f),p.forEach(m=>E(m)),a()}}else a();this.slotContext&&Object.keys(this.slotContext).length>0&&this.shadow.querySelectorAll("slot").forEach(h=>{b(this.slotContext,this.slotContext&&this.slotContext[h.name]),B("@bslot element",h,`name:${h.name};`,h.assignedElements()),h.assignedElements().forEach(f=>{const E=this.slotContext[h.name];this.slotContext&&R(E)&&(B("@oslot element",h,`name:${h.name};`,h.assignedElements()),v(()=>{f.dispatchEvent(new CustomEvent("handleSlotContext",{detail:E()}))}))})})};c.fake=!0,c.component=new WeakRef(this),this.effectSet.add(new WeakRef(c)),v(c,{name:"FAKE_wrapperEffect"})}disconnectedCallback(){this.allSlotContent=[],this.slotContent={},this.htmlSlotContent={},this.effectSet.forEach(c=>{var a,d;return(d=(a=c.deref())==null?void 0:a.destroy)==null?void 0:d.call(a)}),this.effectSet.clear(),this.shadow.replaceChildren(),this.replaceChildren(),D(this,e.prototype.disconnectedCallback)}}return u(o,"observedAttributes",e.prototype[J]??[]),u(o,"renderTagName",n),o.toString=()=>n,customElements.get(n)?console.error(`название тега ${n} повторяется, компонент ${e.name} не зарегистрирован`):customElements.define(n,o),e.renderTagName=n,e};class H extends HTMLElement{constructor(e=!1){super();u(this,"init");u(this,"isSlotLazyLoading",!1);u(this,"slotTemplate");u(this,"slotContext");u(this,"rootStyle");u(this,"modelValue");u(this,"providers");u(this,"effectSet",new Set);u(this,"appendAllSlotContent");u(this,"allSlotContent",[]);u(this,"slotContent",{});u(this,"htmlSlotContent",{});u(this,"shadow");u(this,"injects",{});this.shadow=this.attachShadow({mode:e?"closed":"open"})}appendChild(e,s=!0){var o;if(this.isSlotLazyLoading&&s){if(e instanceof HTMLElement){const r=e.slot||"default";this.htmlSlotContent[r]||(this.htmlSlotContent[r]=[]),(o=this.htmlSlotContent[r])==null||o.push(e)}}else return super.appendChild(e)}appendSlotContent(){var e;(e=this.appendAllSlotContent)==null||e.call(this)}inject(e){return b("%cinject%c",e),this.injects[e]||(this.injects[e]=T(null)),this.injects[e]}checkInjects(){Object.entries(this.injects).forEach(([e,s])=>{b("%cinject%c",`%c${e}%c`,"from BaseElement (dispatch event)"),this.shadow.dispatchEvent(new CustomEvent(e,{detail:{context:e,callback:o=>v(()=>{s.set(o())},{name:e})},bubbles:!0,composed:!0}))})}setReactiveValue(e){this.modelValue=e}}u(H,"observedAttributes",[]),u(H,"renderTagName",""),u(H,"styles");const qt=n=>"render"in n&&"setReactiveValue"in n,zt="handleSlotContext",lt="onConnected",at=n=>typeof n=="string"?n:JSON.stringify(n),Dt=n=>{const t=document.createElement("span");return t.textContent=at(n),t},dt=(n,t)=>(n.appendChild(Dt(t)),n),Gt=(n,t)=>(n.replaceChildren(),dt(n,t)),ft=n=>{const t=document.createElement("span");return v(()=>{const e=n();t.textContent=at(e)}),t};class ht{constructor(t){u(this,"wrapper");u(this,"keyedEffects",new Map);u(this,"append",(...t)=>(t.forEach(e=>{var o;const s=e.hostElement;s&&((o=this.hostElement)==null||o.appendChild(s),lt in s&&setTimeout(()=>{var r;(r=s.onConnected)==null||r.call(s,e,s)}))}),this));u(this,"set",(...t)=>{var s;this.clear();const e=document.createDocumentFragment();return t.forEach(o=>{const r=o.hostElement;r&&e.appendChild(r)}),(s=this.hostElement)==null||s.appendChild(e),this});u(this,"removeChild",(...t)=>(t.forEach(e=>{var s,o;if(Array.from(((s=this.hostElement)==null?void 0:s.childNodes.values())||[]).some(r=>r===e.hostElement)){const r=e.hostElement;r&&((o=this.hostElement)==null||o.removeChild(r))}}),this));u(this,"addHtmlContent",t=>{const e=this.hostElement;return e?(dt(e,t),this):this});u(this,"setHtmlContent",t=>{const e=this.hostElement;return e?(Gt(e,t),this):this});u(this,"setAttribute",(t,e)=>{var r;b("setAttribute",t,e);const s=this.hostElement;if(!s)return this;let o;if((typeof e=="boolean"||e===null)&&!(s instanceof H))if(e)o="";else{this.removeAttribute(t);const c=t.toLowerCase();return c in s&&(s[c]=null),this}else typeof e!="string"?o=JSON.stringify(e):o=e;if((r=this.hostElement)==null||r.setAttribute(F(t),o),!(s instanceof H)){const c=t.toLowerCase();c in s&&(s[c]=e)}return this});u(this,"setCustomAttribute",(t,e)=>{var o;let s;return typeof e!="string"?s=JSON.stringify(e):s=e,(o=this.hostElement)==null||o.setAttribute(F(t),s),this});u(this,"setReactiveAttribute",(t,e)=>(this.addEffect(s=>{b("setReactiveAttribute effect",t,e),s.setAttribute(t,e())},t),this));u(this,"setReactiveCustomAttribute",(t,e)=>(this.addEffect(s=>{s.setCustomAttribute(t,e())}),this));u(this,"removeAttribute",t=>{var e;return(e=this.hostElement)==null||e.removeAttribute(F(t)),this});u(this,"addStyle",t=>{const e=this.hostElement;return e?(Object.entries(t).forEach(([s,o])=>{const r=s.startsWith("--");typeof o=="function"?this.addEffect(()=>{if(r){const c=String(o()||"");e.style.setProperty(s,c)}else e.style[s]=o()}):typeof o=="string"&&(r?e.style.setProperty(s,o):e.style[s]=o)}),this):this});u(this,"onConnected",t=>this.hostElement?(Reflect.defineProperty(this.hostElement,lt,{get(){return t}}),this):this);u(this,"addClass",(...t)=>(t.forEach(e=>{var s;typeof e=="string"?(s=this.hostElement)==null||s.classList.add(...e.split(" ").flatMap(o=>o.split(`
-`)).map(o=>o.trim()).filter(Boolean)):(()=>{let o=null;this.addEffect(()=>{const r=e();r.length>0&&(o?this.replaceClass(o,r):this.addClass(r),o=r)})})()}),this));u(this,"setClass",(...t)=>{var e,s,o;return(s=this.hostElement)==null||s.classList.remove(...((e=this.hostElement)==null?void 0:e.classList)||[]),(o=this.hostElement)==null||o.classList.add(...t),this});u(this,"addReactiveClass",t=>(Object.keys(t).forEach(e=>{this.addEffect(s=>{t[e]()?s.addClass(e):s.removeClass(e)})}),this));u(this,"removeClass",(...t)=>{var e;return(e=this.hostElement)==null||e.classList.remove(...t),this});u(this,"replaceClass",(t,e)=>{var s;return(s=this.hostElement)==null||s.classList.replace(t,e),this});u(this,"addEffect",(t,e)=>{var r,c;const s=this.hostElement;if(!s)return this;const o=()=>t(this,s);if(e){const a=(r=this.keyedEffects.get(e))==null?void 0:r.deref();a&&K(a)}return(c=s.effectSet)==null||c.add(new WeakRef(o)),o.component=this.wrapper,v(o,{name:(e==null?void 0:e.toString())||s.tagName}),this});u(this,"addReactiveContent",t=>{var e;return(e=this.hostElement)==null||e.appendChild(ft(t)),this});u(this,"setReactiveContent",t=>{var e;return this.clear(),(e=this.hostElement)==null||e.appendChild(ft(t)),this});u(this,"clear",()=>{var t;return(t=this.hostElement)==null||t.replaceChildren(),this});this.wrapper=t;const e=t.deref();e&&(e.effectSet=new Set)}get hostElement(){return this.wrapper.deref()}addEventlistener(t,e,s=!1){var o;return(o=this.hostElement)==null||o.addEventListener(t,r=>e(r,this,this.hostElement),s),this}}class Kt extends ht{constructor(){super(...arguments);u(this,"setReactiveValue",e=>(this.hostElement instanceof H&&this.hostElement.setReactiveValue(e),this));u(this,"setSlotTemplate",e=>{var o;const s=(o=this.hostElement)==null?void 0:o.slotTemplate;return s&&Object.entries(e).forEach(([r,c])=>{s[r]=c}),this})}}const Ut=()=>()=>{},ut=n=>new Kt(new WeakRef(n)),mt=n=>new ht(new WeakRef(n)),pt=(n,...t)=>({classList:[...n.map(e=>e.trim()).filter(Boolean),...t]}),Yt=(n,...t)=>pt(n,...t),et=(n,t)=>{var o;if(!t||!n.deref())return;const e=Object.keys(t||{}).filter(r=>r.startsWith(".")||r.startsWith("@")||r.startsWith("$"));e.filter(r=>r.startsWith(".")).forEach(r=>{t!=null&&t.attributes||(t.attributes={}),t.attributes[r.slice(1)]=t[r]}),e.filter(r=>r.startsWith("@")).forEach(r=>{t!=null&&t.listeners||(t.listeners={});const c=r.slice(1);t.listeners[c]=t[r]}),e.filter(r=>r.startsWith("$")).forEach(r=>{t!=null&&t.effects||(t.effects=[]),t.effects.push(t[r])});const s=n.deref();if(s)return St(s,t.classList),vt(s,t.style),wt(s,t.attributes),yt(s,t.reactiveClassList),bt(s,t.customAttributes),Ct(s,t.children),Et(s,t.effects),nt(s,t.listeners),nt(s,t.customListeners),(o=t.ref)==null||o.set(s),s},nt=(n,t)=>{t&&Object.entries(t).forEach(([e,s])=>{typeof s=="function"&&n.addEventlistener(e,s)})},Et=(n,t)=>t==null?void 0:t.forEach(e=>n.addEffect(e)),Ct=(n,t)=>N(new WeakRef(n),...t||[])??n,bt=(n,t)=>{const e=t;e&&Object.keys(e).forEach(s=>{R(e[s])?n.setReactiveCustomAttribute(s,e[s]):typeof e[s]=="function"?n.addEffect(()=>{n.setCustomAttribute(s,e[s]())}):n.setCustomAttribute(s,e[s])})},St=(n,t)=>n.addClass(...t||[]),yt=(n,t)=>n.addReactiveClass(t||{}),vt=(n,t)=>n.addStyle(t||{}),wt=(n,t)=>{const e=t,s=(o,r)=>{r!==void 0&&(b("addAttribute",o,r),R(r)?n.setReactiveAttribute(o,r):typeof r=="function"?n.addEffect(()=>{n.setAttribute(o,r())}):n.setAttribute(o,r))};e&&Object.keys(e).forEach(o=>{s(o,e[o])})},N=(n,...t)=>{const e=n.deref();if(e)return t.forEach(s=>{typeof s=="string"?s.trim().length>0&&e.addHtmlContent(s):R(s)?e.addReactiveContent(s):e.append(s)}),e},k=(n,t)=>{const e=document.createElement(n),s=mt(e);return et(new WeakRef(s),t)??s},Z=(n,t)=>{const[e,...s]=n.split(" ").map(r=>r.trim()),o=k(e,t);return s.length>0&&o.addClass(...s),(...r)=>N(new WeakRef(o),...r.filter(Boolean).flat().flatMap(c=>typeof c=="function"&&!R(c)?j(()=>c(o)):c))??o},j=n=>{const t=`getSignalContent_${Math.random().toString(36).substring(2,15)}`;return k("div").addStyle({display:"contents"}).addEffect(e=>{e.clear(),N(new WeakRef(e),...[n()].flat())},t)},Zt=(n,t,e)=>{const s=k("div").addStyle({display:"contents"}),o=new Map,r=new Map,c=new Map,a=new Map;let d=[];const S=new Set;let h=n.peek();const f=m=>{S.delete(m),o.delete(m),r.delete(m),c.delete(m),a.delete(m)},E=m=>{if(!a.has(m)){const w=d.indexOf(m);return a.set(m,w),w}return a.get(m)},p=(m,w,q)=>Array.from(q.children).indexOf(m)!==w;return v(()=>{const m=n(),w=m.map(t).map(C=>typeof C=="string"?C:C.toString()),q=new Set(w);a.clear(),w.forEach((C,y)=>{a.set(C,y)}),d=w;const M=s.hostElement;if(!M)return;b("containerChildren",Array.from(M.children),d);const z=[];Array.from(M.children).forEach(C=>{const y=C.dataset.key;y&&!q.has(y)&&z.push(C)}),z.forEach(C=>{const y=C.dataset.key;b("remove element",y,C),C.remove(),f(y)}),w.forEach((C,y)=>{var g;const L=m[y],P=h[y];if(!o.has(C))b("create new element",C,L),o.set(C,T(Math.random().toString(36).substring(2,15))),r.set(C,()=>e(L,y,m).setCustomAttribute("data-key",C));else if(P&&JSON.stringify(L)!==JSON.stringify(P)){const I=c.get(C);(g=o.get(C))==null||g.set(Math.random().toString(36).substring(2,15)),r.set(C,()=>e(L,y,m).setCustomAttribute("data-key",C)),I&&I.parentNode&&b("mark element for update",C)}}),h=[...m.map(C=>({...C}))];const X=()=>{o.forEach((C,y)=>{b("key from setTimeout foreach currItemSignalMap",y),S.has(y)||(S.add(y),v(()=>{var jt;C();const L=E(y),P=(jt=r.get(y))==null?void 0:jt();if(!P||!P.hostElement)return;const g=s.hostElement,I=P.hostElement;if(!g)return;b("call effect from setTimeout",y,I);const $=c.get(y);if($&&$.parentNode===g){if(p($,L,g)){const W=g.children[L];W&&W!==$?g.insertBefore($,W):W||g.appendChild($)}I!==$&&($.replaceWith(I),c.set(y,I))}else if(c.set(y,I),L<g.children.length){const W=g.children[L];W?g.insertBefore(I,W):g.appendChild(I)}else g.appendChild(I)}))})};Promise.resolve().then(()=>X())}),s},Xt=n=>{let t=[k("div")],e=!1;return v(()=>{var r,c;const s=n();e=Array.isArray(s);const o=[];o.push(...[s].flat()),o.length===0&&o.push(k("div").addStyle({display:"none"}).setAttribute("id","empty_template"));try{b("newReactiveComponent.map",o.map(a=>{var d;return b("newReactiveComponent hostElement",a.hostElement),(d=a.hostElement)==null?void 0:d.id})),b("currComponent[0].hostElement?.id",(r=t[0].hostElement)==null?void 0:r.id,t),(c=t[0].hostElement)==null||c.replaceWith(...o.map(a=>a.hostElement).filter(Boolean)),t.slice(1).forEach(a=>{var d;return(d=a.hostElement)==null?void 0:d.remove()}),t=o}catch(a){console.error(a)}}),e?t:t[0]},Qt=n=>zt in n,xt=n=>{const t=Z("div")().addStyle({display:"contents"}),e=s=>{const o=t.hostElement;return o&&(o.innerHTML=s),t};return typeof n=="string"?e(n):t.addEffect(()=>{e(n())}),t},st=(n,t,e)=>n?j(t):e?j(e):Z("div")().setAttribute("id","empty_div_renderIf").addStyle({display:"none"}),At=(n,t,e)=>j(()=>st(!!n(),t,e)),te=(n,t,e)=>typeof n=="boolean"?st(n,t,e):At(n,t,e),ot=(n,t)=>j(t).addEffect((e,s)=>{if(typeof n=="boolean")s.style.display=n?"block":"none";else{const o=n()?"block":"none";s.style.display=o}}),ee=(n,t,e)=>{const s=[ot(n,t)].flat();return e&&s.push(...[ot(()=>typeof n=="boolean"?!n:!n(),e)].flat()),j(()=>s)},gt=(n,t)=>{b("createCustomElement",n);const e=document.createElement(n),s=ut(e);return e.init=()=>{et(new WeakRef(s),t)},s},Rt=(n,t)=>{const e=n.split(" ").slice(1).map(o=>o.trim()),s=gt(n.split(" ")[0],t);return Array.isArray(e)&&e.length>0&&s.addClass(...e),(...o)=>{const r=o.filter(Boolean).flat().flatMap(a=>typeof a=="function"&&!R(a)?j(()=>a(s)):a),c=s.hostElement;return c&&(c.allSlotContent=r,c.slotContent=r.filter(_).reduce((a,d)=>{var h;const S=((h=d.hostElement)==null?void 0:h.getAttribute("slot"))||"default";return a[S]||(a[S]=[]),a[S].push(d),a},{}),c.appendAllSlotContent=()=>{N(new WeakRef(s),...r)}),s}},Lt=(n,t,e)=>Rt(`${n.renderTagName}${t&&typeof t=="string"?" "+t:""}`,A(t)?t:t&&typeof t=="string"?e:void 0),ne=()=>{const n=()=>{};return n.oldValue=null,n},se=()=>({}),It=(n,t,e)=>{const s=t?tt(t,e)(n):n;return(o,...r)=>{const c=[...r];return o&&!A(o)&&c.unshift(o),Lt(s,A(o)?o:{})(...c)}},oe=n=>[It(n),(t,e)=>{tt(t,e)(n)}],l={};["div","span","section","input","button","table","tr","td","th","ul","li","ol","form","label","select","option","textarea","img","a","p","h1","h2","h3","h4","h5","h6","br","hr","pre","code","nav","header","footer","main","aside","article","figure","figcaption","blockquote","cite","small","strong","em","b","i","u","s","sub","sup","mark","del","ins","details","summary","progress","meter","audio","video","canvas","slot"].forEach(n=>{l[n]=(t,...e)=>{let s=[...e];return t&&!A(t)&&(s=[t].concat(s)),Z(n,A(t)?t:{})(...s)}});const Tt=l.div,re=l.span,ie=l.section,ce=l.input,le=l.button,ae=l.table,de=l.tr,fe=l.td,he=l.th,ue=l.ul,me=l.li,pe=l.ol,Ee=l.form,Ce=l.label,be=l.select,Se=l.option,ye=l.textarea,ve=l.img,we=l.a,Ae=l.p,ge=l.h1,Re=l.h2,Le=l.h3,Ie=l.h4,Te=l.h5,je=l.h6,Oe=l.br,Me=l.hr,$e=l.pre,_e=l.code,He=l.nav,ke=l.header,We=l.footer,Pe=l.main,Fe=l.aside,Be=l.article,Ve=l.figure,Je=l.figcaption,Ne=l.blockquote,qe=l.cite,ze=l.small,De=l.strong,Ge=l.em,Ke=l.b,Ue=l.i,Ye=l.u,Ze=l.s,Xe=l.sub,Qe=l.sup,xe=l.mark,tn=l.del,en=l.ins,nn=l.details,sn=l.summary,on=l.progress,rn=l.meter,cn=l.audio,ln=l.video,an=l.canvas,dn=l.slot,fn=n=>t=>n(t).addClass(...t.classList??[]).addReactiveClass(t.reactiveClassList??{});function hn(n,t){let e=0;return(...s)=>{const o=Date.now();o-e>=t&&(n(...s),e=o)}}const un=(n,t)=>j(()=>{const e=n();let s=null;return e.map((o,r)=>Tt({"@dragstart":(c,a,d)=>{s=d},"@dragend":(c,a,d)=>{d.style.transform="",d.removeAttribute("draggable")},"@mousedown":(c,a,d)=>{d.style.transform="translateZ(0)",d.setAttribute("draggable","true")},"@dragover":c=>{c.preventDefault()},"@dragenter":hn((c,a,d)=>{var S,h,f;if(c.preventDefault(),s){let E=s,p=d;const m=((S=s.getClientRects().item(0))==null?void 0:S.y)??0,w=((h=d.getClientRects().item(0))==null?void 0:h.y)??0;m<w&&([E,p]=[d,s]),(f=d.parentElement)==null||f.insertBefore(E,p)}},200)},t(o,r,[...n.peek()])))}),mn=(n,t,e)=>{let s=[],o=[];const r=k("div").addStyle({display:"contents"}),c=new Map,a=new Map;return v(()=>{const d=n(),S=d.map(t);o.filter(f=>!S.includes(f)).forEach(f=>{var E,p;c.delete(f),(p=(E=r.hostElement)==null?void 0:E.querySelector(`[data-key="${f}"]`))==null||p.remove()}),S.forEach((f,E)=>{o.includes(f)||c.set(f,()=>e(d[E],E,d).setCustomAttribute("data-key",f))}),S.forEach((f,E)=>{var p;if(o.includes(f)){JSON.stringify(s[o.indexOf(f)])!==JSON.stringify(d[E])&&((p=a.get(f))==null||p.set({templateFunc:()=>e(d[E],E,d),items:d,itemsKey:S,index:E}));return}a.set(f,T({templateFunc:()=>e(d[E],E,d),items:d,itemsKey:S,index:E})),queueMicrotask(()=>{v(()=>{var z,X,C;const{templateFunc:m,index:w}=((z=a.get(f))==null?void 0:z())??{},q=(X=r.hostElement)==null?void 0:X.querySelector(`[data-key="${f}"]`),M=(m==null?void 0:m().setCustomAttribute("data-key",f).hostElement)??document.createElement("div");q?(C=r.hostElement)==null||C.childNodes.forEach((y,L)=>{y instanceof HTMLElement&&y.getAttribute("data-key")===f&&(w===L?(h(w??0,r.hostElement,M),y.remove()):h(w??0,r.hostElement,M))}):h(w??0,r.hostElement,M)})})});const h=(f,E,p)=>{p&&E&&(f<E.children.length?E.insertBefore(p,E.children[f]):E.appendChild(p))};o=S,s=[...d]}),r};i.BaseElement=H,i.a=we,i.addAttributeList=wt,i.addClassList=St,i.addCustomAttributes=bt,i.addReactiveClassList=yt,i.addStyleList=vt,i.appendContentItem=N,i.article=Be,i.aside=Fe,i.audio=cn,i.b=Ke,i.bindReactiveSignals=Pt,i.blockquote=Ne,i.br=Oe,i.button=le,i.camelToKebab=F,i.canvas=an,i.checkCall=D,i.checkRef=Mt,i.cite=qe,i.classList=pt,i.cls=Yt,i.code=_e,i.colorLog=B,i.combineLatest=Bt,i.component=tt,i.configCustomComponent=oe,i.createComponent=fn,i.createCustom=Lt,i.createCustomEl=Rt,i.createCustomElement=gt,i.createEl=Z,i.createElement=k,i.createSignal=Wt,i.customElementHelpers=ut,i.ddList=un,i.defineSlotTemplate=se,i.del=tn,i.details=nn,i.disableLogs=it,i.div=Tt,i.effect=v,i.elementHelpers=mt,i.em=Ge,i.enableLogs=Ot,i.event=Nt,i.eventEmitter=Ut,i.figcaption=Je,i.figure=Ve,i.firstUpdate=Vt,i.footer=We,i.forkJoin=Ft,i.form=Ee,i.getList=mn,i.getSignalContent=j,i.h1=ge,i.h2=Re,i.h3=Le,i.h4=Ie,i.h5=Te,i.h6=je,i.header=ke,i.hr=Me,i.i=Ue,i.img=ve,i.initComponent=et,i.input=ce,i.ins=en,i.isBaseElement=qt,i.isComponentConfig=_,i.isComponentInitConfig=A,i.isReactiveSignal=R,i.isSlotTemplate=Qt,i.kebabToCamel=rt,i.label=Ce,i.li=me,i.main=Pe,i.mark=xe,i.meter=rn,i.nav=He,i.newEventEmitter=ne,i.ol=pe,i.oldGetList=Zt,i.option=Se,i.p=Ae,i.pre=$e,i.progress=on,i.projectLog=b,i.property=Jt,i.removeEffect=K,i.renderIf=st,i.rs=kt,i.rxRenderIf=At,i.s=Ze,i.section=ie,i.select=be,i.setChildren=Ct,i.setEffects=Et,i.setListeners=nt,i.show=ee,i.showIf=ot,i.signal=T,i.signalComponent=Xt,i.slot=dn,i.small=ze,i.span=re,i.strong=De,i.sub=Xe,i.summary=sn,i.sup=Qe,i.table=ae,i.td=fe,i.textarea=ye,i.th=he,i.tr=de,i.u=Ye,i.ul=ue,i.unsafeHtml=xt,i.useCustomComponent=It,i.video=ln,i.when=te,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});