@reactive-web-components/rwc 2.63.0 → 2.63.8

package/reactive-web-component.BmD7vrr3.js

@@ -1,1134 +0,0 @@
-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);
-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) => {
-  t && t.apply(s, e);
-};
-let z = !0;
-const b = (...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) => {
-  if (!z) return;
-  const e = {
-    r: "color: #ff0000",
-    // red
-    g: "color: #00ff00",
-    // green
-    b: "color: #0000ff",
-    // blue
-    y: "color: #ffff00",
-    // yellow
-    p: "color: #800080",
-    // purple
-    c: "color: #00ffff",
-    // cyan
-    o: "color: #ffa500",
-    // orange
-    w: "color: #808080"
-    // gray (w for white/gray)
-  }, n = s.match(/@[rgbpycow]/g) || [], o = n.map((i) => {
-    const c = i.slice(1);
-    return e[c] || "color: inherit";
-  });
-  let r = s;
-  n.forEach((i) => {
-    const c = new RegExp(`\\${i}([^\\s,]+)`, "g");
-    r = r.replace(c, "%c$1");
-  }), console.log(r, ...o, ...t);
-}, Vt = () => {
-  z = !0;
-}, pt = () => {
-  z = !1;
-};
-pt();
-const Nt = (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();
-          }
-        }
-      }), 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) => {
-  var t, e, n, o;
-  (t = s.children) == null || t.forEach((r) => {
-    var i;
-    return (i = r.destroy) == null ? void 0 : i.call(r);
-  }), (e = s.children) == null || e.clear(), (n = s.cleanupSet) == null || n.forEach((r) => r()), (o = s.cleanupSet) == null || o.clear();
-};
-function j(s, t) {
-  let e = (t == null ? void 0 : t.signalCompareFn) || (() => !0);
-  const n = /* @__PURE__ */ new Set();
-  function o() {
-    var i;
-    const r = O[O.length - 1];
-    return r && !r.fake && !n.has(r) && r.status === "active" && (n.add(r), (i = r.cleanupSet) == null || i.add(() => n.delete(r))), !(t != null && t.name) && (r != null && r.effectId) && o.setName(r.effectId), s;
-  }
-  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() {
-    n.clear();
-  }, o.getSubscribers = function() {
-    return n;
-  }, o.peek = function() {
-    return Object.freeze(s);
-  }, o.initValue = Object.freeze(s), o.forceSet = function(r) {
-    s = r, n.forEach((i) => {
-      Ct(i);
-    });
-  }, o.set = function(r, i = e) {
-    s !== r && i(s, r) && o.forceSet(r);
-  }, o.update = function(r) {
-    o.set(r(s));
-  }, o.pipe = (r, i) => {
-    i != null && i.name && o.setName(i.name);
-    const c = j(null);
-    return w(
-      () => {
-        const a = o();
-        w(
-          () => {
-            const h = r(a);
-            h instanceof Promise ? h.then((m) => c.set(m)) : g(h) ? w(() => c.set(h()), {
-              name: "pipe_effect_inner"
-            }) : c.set(h);
-          },
-          { name: "pipe_effect" }
-        );
-      },
-      { name: (i == null ? void 0 : i.name) || `pipe_${o.signalId}` }
-    ), c;
-  }, o;
-}
-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`);
-  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";
-  }), 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) {
-  const e = j("");
-  return w(() => {
-    const n = t.map(
-      (r) => g(r) ? String(r()) : String(r)
-    ), o = [s[0]];
-    n.forEach((r, i) => {
-      o.push(r, s[i + 1]);
-    }), e.set(o.join(""));
-  }), e;
-}
-function qt(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) {
-  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) {
-  let t = s.map((n) => n());
-  const e = j(t);
-  return s.forEach((n, o) => {
-    w(() => {
-      const r = () => t.filter((i) => i !== void 0).length;
-      r() === s.length && (t = Array.from(t).fill(void 0)), t[o] = n(), r() === s.length && e.set([...t]);
-    });
-  }), e;
-}
-const Gt = (...s) => {
-  const t = j([]);
-  return w(() => {
-    t.set(
-      s.map((e) => e())
-    );
-  }), t;
-}, Kt = (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) => {
-  Reflect.get(s, P) || Reflect.defineProperty(s, P, {
-    value: []
-  }), Reflect.get(s, P).push(
-    N(t)
-  );
-}, Yt = (s) => (t, e) => {
-  Reflect.get(t, J) || Reflect.defineProperty(t, J, {
-    value: []
-  }), Reflect.get(t, q) || Reflect.defineProperty(t, q, {
-    value: {}
-  }), Reflect.get(t, q)[e] = {
-    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(
-    s,
-    "start register static attr",
-    e.prototype[P]
-  );
-  const n = [];
-  if (e.styles) {
-    const r = e.styles, i = [];
-    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);
-    });
-  }
-  class o extends e {
-    constructor(...i) {
-      b("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);
-    }
-    attributeChangedCallback(i, c, a) {
-      b(
-        "%cAttribute has changed.%c",
-        `%c${i}%c`,
-        `oldValue: ${c}, newValue: ${a}`,
-        `%c${s}%c`
-      );
-      try {
-        a = JSON.parse(a);
-      } catch {
-      }
-      const C = ut(i);
-      if (C in this && g(this[C])) {
-        const h = this[C];
-        h.setName(i), a === null ? (h.set(h.initValue), this.removeAttribute(i)) : h.set(a);
-      }
-      G(
-        this,
-        e.prototype.attributeChangedCallback,
-        i,
-        c,
-        a
-      );
-    }
-    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(
-          ([h, d]) => {
-            b("register provider", h, d()), this.addEventListener(h, (m) => {
-              var u;
-              b("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(
-          (h) => {
-            this[h] = (d) => {
-              const m = e.prototype[q][h], { bubbles: p, composed: u } = m;
-              g(d) ? w(() => {
-                V("@oemit reactive value", d()), this.dispatchEvent(
-                  new CustomEvent(h, {
-                    detail: d(),
-                    bubbles: p,
-                    composed: u
-                  })
-                );
-              }) : (V("@oemit value", d), this.dispatchEvent(
-                new CustomEvent(h, {
-                  detail: d,
-                  bubbles: p,
-                  composed: u
-                })
-              ));
-            };
-          }
-        ), b("start render", `%c${s}%c`, s);
-        const c = () => {
-          b("rwc: insertRenderTemplate");
-          const d = this.render().hostElement;
-          d && this.shadow.appendChild(d), G(this, e.prototype.connectedCallback), this.appendSlotContent();
-        };
-        if (this.rootStyle && !e.styles) {
-          const h = (p) => p instanceof Promise || Array.isArray(p) && p.every((u) => u instanceof Promise), d = this.rootStyle, m = (p) => {
-            const u = new CSSStyleSheet();
-            u.replaceSync(p), this.shadow.adoptedStyleSheets.push(u);
-            const y = new CSSStyleSheet();
-            y.replaceSync(p.slice(p.indexOf("@property"))), document.adoptedStyleSheets.push(y);
-          };
-          if (h(d)) {
-            const p = [];
-            Array.isArray(d) ? p.push(...d) : p.push(d), Promise.all(p).then((u) => u.forEach((y) => m(y.default))).then(() => c());
-          } else {
-            const p = [];
-            Array.isArray(d) ? p.push(...d) : p.push(d), p.forEach((u) => m(u)), c();
-          }
-        } else
-          c();
-        this.slotContext && Object.keys(this.slotContext).length > 0 && this.shadow.querySelectorAll("slot").forEach((h) => {
-          b(
-            this.slotContext,
-            this.slotContext && this.slotContext[h.name]
-          ), V(
-            "@bslot element",
-            h,
-            `name:${h.name};`,
-            h.assignedElements()
-          ), h.assignedElements().forEach((d) => {
-            const m = this.slotContext[h.name];
-            this.slotContext && g(m) && (V(
-              "@oslot element",
-              h,
-              `name:${h.name};`,
-              h.assignedElements()
-            ), w(() => {
-              d.dispatchEvent(
-                new CustomEvent("handleSlotContext", {
-                  detail: m()
-                })
-              );
-            }));
-          });
-        });
-      };
-      i.fake = !0, i.component = new WeakRef(this), this.effectSet.add(new WeakRef(i)), w(i, { name: "FAKE_wrapperEffect" });
-    }
-    disconnectedCallback() {
-      this.allSlotContent = [], this.slotContent = {}, this.htmlSlotContent = {}, this.effectSet.forEach((i) => {
-        var c, a;
-        return (a = (c = i.deref()) == null ? void 0 : c.destroy) == null ? void 0 : a.call(c);
-      }), this.effectSet.clear(), this.shadow.replaceChildren(), this.replaceChildren(), G(this, e.prototype.disconnectedCallback);
-    }
-  }
-  return f(o, "observedAttributes", e.prototype[P] ?? []), f(o, "renderTagName", s), o.toString = () => s, customElements.get(s) ? console.error(
-    `название тега ${s} повторяется, компонент ${e.name} не зарегистрирован`
-  ) : customElements.define(s, o), e.renderTagName = s, e;
-};
-class _ extends HTMLElement {
-  constructor(e = !1) {
-    super();
-    f(this, "init");
-    f(this, "isSlotLazyLoading", !1);
-    f(this, "slotTemplate");
-    f(this, "slotContext");
-    f(this, "rootStyle");
-    f(this, "modelValue");
-    f(this, "providers");
-    f(this, "effectSet", /* @__PURE__ */ new Set());
-    f(this, "appendAllSlotContent");
-    f(this, "allSlotContent", []);
-    f(this, "slotContent", {});
-    f(this, "htmlSlotContent", {});
-    f(this, "shadow");
-    f(this, "injects", {});
-    this.shadow = this.attachShadow({ mode: e ? "closed" : "open" });
-  }
-  // @ts-expect-error - appendChild is not defined in the HTMLElement interface
-  appendChild(e, n = !0) {
-    var o;
-    if (this.isSlotLazyLoading && n) {
-      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] = j(null)), this.injects[e];
-  }
-  checkInjects() {
-    Object.entries(this.injects).forEach(([e, n]) => {
-      b(
-        "%cinject%c",
-        `%c${e}%c`,
-        "from BaseElement (dispatch event)"
-      ), this.shadow.dispatchEvent(
-        new CustomEvent(e, {
-          detail: {
-            context: e,
-            callback: (o) => w(() => {
-              n.set(o());
-            }, { name: e })
-          },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    });
-  }
-  setReactiveValue(e) {
-    this.modelValue = e;
-  }
-}
-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 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) => {
-  const t = document.createElement("span");
-  return w(() => {
-    const e = s();
-    t.textContent = rt(e);
-  }), t;
-};
-class ct {
-  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(() => {
-        var r;
-        (r = n.onConnected) == null || r.call(
-          n,
-          e,
-          n
-        );
-      }));
-    }), this));
-    f(this, "set", (...t) => {
-      var n;
-      this.clear();
-      const e = document.createDocumentFragment();
-      return t.forEach((o) => {
-        const r = o.hostElement;
-        r && e.appendChild(r);
-      }), (n = this.hostElement) == null || n.appendChild(e), this;
-    });
-    f(this, "removeChild", (...t) => (t.forEach((e) => {
-      var n, o;
-      if (Array.from(((n = this.hostElement) == null ? void 0 : n.childNodes.values()) || []).some(
-        (r) => r === e.hostElement
-      )) {
-        const r = e.hostElement;
-        r && ((o = this.hostElement) == null || o.removeChild(r));
-      }
-    }), this));
-    f(this, "addHtmlContent", (t) => {
-      const e = this.hostElement;
-      return e ? (it(e, t), this) : this;
-    });
-    f(this, "setHtmlContent", (t) => {
-      const e = this.hostElement;
-      return e ? (yt(e, t), this) : this;
-    });
-    f(this, "setAttribute", (t, e) => {
-      var r;
-      b("setAttribute", t, e);
-      const n = this.hostElement;
-      if (!n) return this;
-      let o;
-      if ((typeof e == "boolean" || e === null) && !(n instanceof _))
-        if (e)
-          o = "";
-        else {
-          this.removeAttribute(t);
-          const i = t.toLowerCase();
-          return i in n && (n[i] = null), this;
-        }
-      else typeof e != "string" ? o = JSON.stringify(e) : o = e;
-      if ((r = this.hostElement) == null || r.setAttribute(N(t), o), !(n instanceof _)) {
-        const i = t.toLowerCase();
-        i in n && (n[i] = e);
-      }
-      return this;
-    });
-    f(this, "setCustomAttribute", (t, e) => {
-      var o;
-      let n;
-      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());
-    }, t), this));
-    f(this, "setReactiveCustomAttribute", (t, e) => (this.addEffect((n) => {
-      n.setCustomAttribute(t, e());
-    }), this));
-    f(this, "removeAttribute", (t) => {
-      var e;
-      return (e = this.hostElement) == null || e.removeAttribute(N(t)), this;
-    });
-    f(this, "addStyle", (t) => {
-      const e = this.hostElement;
-      return e ? (Object.entries(t).forEach(([n, o]) => {
-        const r = n.startsWith("--");
-        typeof o == "function" ? this.addEffect(() => {
-          if (r) {
-            const i = String(o() || "");
-            e.style.setProperty(n, i);
-          } else
-            e.style[n] = o();
-        }) : 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, {
-      get() {
-        return t;
-      }
-    }), this) : this);
-    f(this, "addClass", (...t) => (t.forEach((e) => {
-      var n;
-      typeof e == "string" ? (n = this.hostElement) == null || n.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));
-    f(this, "setClass", (...t) => {
-      var e, n, o;
-      return (n = this.hostElement) == null || n.classList.remove(...((e = this.hostElement) == null ? void 0 : e.classList) || []), (o = this.hostElement) == null || o.classList.add(...t), this;
-    });
-    f(this, "addReactiveClass", (t) => (Object.keys(t).forEach((e) => {
-      this.addEffect((n) => {
-        t[e]() ? n.addClass(e) : n.removeClass(e);
-      });
-    }), this));
-    f(this, "removeClass", (...t) => {
-      var e;
-      return (e = this.hostElement) == null || e.classList.remove(...t), this;
-    });
-    f(this, "replaceClass", (t, e) => {
-      var n;
-      return (n = this.hostElement) == null || n.classList.replace(t, e), this;
-    });
-    f(this, "addEffect", (t, e) => {
-      var r, i;
-      const n = this.hostElement;
-      if (!n) return this;
-      const o = () => t(this, n);
-      if (e) {
-        const c = (r = this.keyedEffects.get(e)) == null ? void 0 : r.deref();
-        c && Y(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;
-    });
-    f(this, "setReactiveContent", (t) => {
-      var e;
-      return this.clear(), (e = this.hostElement) == null || e.appendChild(tt(t)), this;
-    });
-    f(this, "clear", () => {
-      var t;
-      return (t = this.hostElement) == null || t.replaceChildren(), this;
-    });
-    this.wrapper = t;
-    const e = t.deref();
-    e && (e.effectSet = /* @__PURE__ */ new Set());
-  }
-  get hostElement() {
-    return this.wrapper.deref();
-  }
-  addEventlistener(t, e, n = !1) {
-    var o;
-    return (o = this.hostElement) == null || o.addEventListener(
-      t,
-      (r) => e(r, this, this.hostElement),
-      n
-    ), this;
-  }
-}
-class wt extends ct {
-  constructor() {
-    super(...arguments);
-    f(this, "setReactiveValue", (e) => (this.hostElement instanceof _ && this.hostElement.setReactiveValue(e), this));
-    f(this, "setSlotTemplate", (e) => {
-      var o;
-      const n = (o = this.hostElement) == null ? void 0 : o.slotTemplate;
-      return n && Object.entries(e).forEach(([r, i]) => {
-        n[r] = i;
-      }), this;
-    });
-  }
-}
-const Xt = () => () => {
-}, vt = (s) => new wt(new WeakRef(s)), At = (s) => new ct(new WeakRef(s)), Rt = (s, ...t) => ({
-  classList: [...s.map((e) => e.trim()).filter(Boolean), ...t]
-}), Qt = (s, ...t) => Rt(s, ...t), lt = (s, t) => {
-  var o;
-  if (!t || !s.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 i = r.slice(1);
-    t.listeners[i] = t[r];
-  }), e.filter((r) => r.startsWith("$")).forEach((r) => {
-    t != null && t.effects || (t.effects = []), t.effects.push(t[r]);
-  });
-  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) => {
-  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) => {
-  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) => {
-  const e = t, n = (o, r) => {
-    r !== void 0 && (b("addAttribute", o, r), g(r) ? s.setReactiveAttribute(o, r) : typeof r == "function" ? s.addEffect(() => {
-      s.setAttribute(o, r());
-    }) : s.setAttribute(o, r));
-  };
-  e && Object.keys(e).forEach((o) => {
-    n(o, e[o]);
-  });
-}, D = (s, ...t) => {
-  const e = s.deref();
-  if (e)
-    return t.forEach((n) => {
-      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, ...n] = s.split(" ").map((r) => r.trim()), o = W(e, t);
-  return n.length > 0 && o.addClass(...n), (...r) => D(
-    new WeakRef(o),
-    ...r.filter(Boolean).flat().flatMap(
-      (i) => typeof i == "function" && !g(i) ? M(() => i(o)) : i
-    )
-  ) ?? o;
-}, M = (s) => {
-  const t = `getSignalContent_${Math.random().toString(36).substring(2, 15)}`;
-  return W("div").addStyle({ display: "contents" }).addEffect((e) => {
-    e.clear(), D(new WeakRef(e), ...[s()].flat());
-  }, t);
-}, te = (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();
-  let h = s.peek();
-  const d = (u) => {
-    C.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);
-      return c.set(u, y), y;
-    }
-    return c.get(u);
-  }, p = (u, y, x) => Array.from(x.children).indexOf(u) !== y;
-  return w(() => {
-    const u = s(), y = u.map(t).map((E) => typeof E == "string" ? E : E.toString()), x = new Set(y);
-    c.clear(), y.forEach((E, S) => {
-      c.set(E, S);
-    }), a = y;
-    const L = n.hostElement;
-    if (!L) return;
-    b(
-      "containerChildren",
-      Array.from(L.children),
-      a
-    );
-    const H = [];
-    Array.from(L.children).forEach((E) => {
-      const S = E.dataset.key;
-      S && !x.has(S) && H.push(E);
-    }), H.forEach((E) => {
-      const S = E.dataset.key;
-      b("remove element", S, E), E.remove(), d(S);
-    }), y.forEach((E, S) => {
-      var v;
-      const A = u[S], $ = h[S];
-      if (!o.has(E))
-        b("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($)) {
-        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);
-      }
-    }), 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;
-          E();
-          const A = m(S), $ = (X = r.get(S)) == null ? void 0 : X();
-          if (!$ || !$.hostElement) return;
-          const v = n.hostElement, R = $.hostElement;
-          if (!v) return;
-          b("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);
-            }
-            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);
-          } else
-            v.appendChild(R);
-        }));
-      });
-    };
-    Promise.resolve().then(() => B());
-  }), n;
-}, ee = (s) => {
-  let t = [W("div")], e = !1;
-  return w(() => {
-    var r, i;
-    const n = s();
-    e = Array.isArray(n);
-    const o = [];
-    o.push(...[n].flat()), o.length === 0 && o.push(
-      W("div").addStyle({ display: "none" }).setAttribute("id", "empty_template")
-    );
-    try {
-      b(
-        "newReactiveComponent.map",
-        o.map((c) => {
-          var a;
-          return b("newReactiveComponent hostElement", c.hostElement), (a = c.hostElement) == null ? void 0 : a.id;
-        })
-      ), b(
-        "currComponent[0].hostElement?.id",
-        (r = t[0].hostElement) == null ? void 0 : r.id,
-        t
-      ), (i = t[0].hostElement) == null || i.replaceWith(
-        ...o.map((c) => c.hostElement).filter(Boolean)
-      ), t.slice(1).forEach((c) => {
-        var a;
-        return (a = c.hostElement) == null ? void 0 : a.remove();
-      }), t = o;
-    } catch (c) {
-      console.error(c);
-    }
-  }), e ? t : t[0];
-}, se = (s) => bt in s, ne = (s) => {
-  const t = Z("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) => {
-  if (typeof s == "boolean")
-    n.style.display = s ? "block" : "none";
-  else {
-    const o = s() ? "block" : "none";
-    n.style.display = o;
-  }
-}), re = (s, t, e) => {
-  const n = [
-    st(s, t)
-  ].flat();
-  return e && n.push(
-    ...[
-      st(
-        () => typeof s == "boolean" ? !s : !s(),
-        e
-      )
-    ].flat()
-  ), M(() => n);
-}, _t = (s, t) => {
-  b("createCustomElement", s);
-  const e = document.createElement(s), n = vt(e);
-  return e.init = () => {
-    lt(new WeakRef(n), t);
-  }, n;
-}, Wt = (s, t) => {
-  const e = s.split(" ").slice(1).map((o) => o.trim()), n = _t(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(
-      (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;
-      },
-      {}
-    ), i.appendAllSlotContent = () => {
-      D(new WeakRef(n), ...r);
-    }), n;
-  };
-}, xt = (s, t, e) => Wt(
-  `${s.renderTagName}${t && typeof t == "string" ? " " + t : ""}`,
-  F(t) ? t : t && typeof t == "string" ? e : void 0
-), ie = () => {
-  const s = () => {
-  };
-  return s.oldValue = null, s;
-}, ce = () => ({}), Ht = (s, t, e) => {
-  const n = t ? ot(t, e)(s) : s;
-  return (o, ...r) => {
-    const i = [...r];
-    return o && !F(o) && i.unshift(o), xt(n, F(o) ? o : {})(...i);
-  };
-}, le = (s) => [
-  Ht(s),
-  (t, e) => {
-    ot(t, e)(s);
-  }
-], l = {}, kt = [
-  "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"
-];
-kt.forEach((s) => {
-  l[s] = (t, ...e) => {
-    let n = [...e];
-    return t && !F(t) && (n = [t].concat(n)), Z(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) {
-  let e = 0;
-  return (...n) => {
-    const o = Date.now();
-    o - e >= t && (s(...n), e = o);
-  };
-}
-const ms = (s, t) => M(() => {
-  const e = s();
-  let n = null;
-  return e.map(
-    (o, r) => Pt(
-      {
-        "@dragstart": (i, c, a) => {
-          n = a;
-        },
-        "@dragend": (i, c, a) => {
-          a.style.transform = "", a.removeAttribute("draggable");
-        },
-        "@mousedown": (i, c, a) => {
-          a.style.transform = "translateZ(0)", a.setAttribute("draggable", "true");
-        },
-        "@dragover": (i) => {
-          i.preventDefault();
-        },
-        "@dragenter": Ft((i, c, a) => {
-          var C, 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;
-            u < y && ([m, p] = [a, n]), (d = a.parentElement) == null || d.insertBefore(m, p);
-          }
-        }, 200)
-      },
-      t(o, r, [...s.peek()])
-    )
-  );
-}), Es = (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) => {
-      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) => {
-      o.includes(d) || i.set(
-        d,
-        () => e(a[m], m, a).setCustomAttribute(
-          "data-key",
-          d
-        )
-      );
-    }), C.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,
-          index: m
-        }));
-        return;
-      }
-      c.set(
-        d,
-        j({
-          templateFunc: () => e(a[m], m, a),
-          items: a,
-          itemsKey: C,
-          index: m
-        })
-      ), queueMicrotask(() => {
-        w(() => {
-          var H, B, E;
-          const { templateFunc: u, index: y } = ((H = c.get(d)) == null ? void 0 : H()) ?? {}, x = (B = r.hostElement) == null ? void 0 : B.querySelector(
-            `[data-key="${d}"]`
-          ), L = (u == null ? void 0 : u().setCustomAttribute("data-key", d).hostElement) ?? document.createElement("div");
-          x ? (E = r.hostElement) == null || E.childNodes.forEach((S, A) => {
-            S instanceof HTMLElement && S.getAttribute("data-key") === d && (y === A ? (h(
-              y ?? 0,
-              r.hostElement,
-              L
-            ), S.remove()) : h(
-              y ?? 0,
-              r.hostElement,
-              L
-            ));
-          }) : h(y ?? 0, r.hostElement, L);
-        });
-      });
-    });
-    const h = (d, m, p) => {
-      p && m && (d < m.children.length ? m.insertBefore(p, m.children[d]) : m.appendChild(p));
-    };
-    o = C, n = [...a];
-  }), r;
-};
-export {
-  _ as BaseElement,
-  Le as a,
-  Tt as addAttributeList,
-  Ot as addClassList,
-  It as addCustomAttributes,
-  Mt as addReactiveClassList,
-  jt 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,
-  N as camelToKebab,
-  fs as canvas,
-  G as checkCall,
-  Nt as checkRef,
-  Ge as cite,
-  Rt as classList,
-  Qt as cls,
-  ke 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,
-  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,
-  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,
-  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,
-  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,
-  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
-};