@reactive-web-components/rwc 2.55.3 → 2.56.0

package/reactive-web-component.D1nuCXJP.js

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