@reactive-web-components/rwc 2.60.1 → 2.61.4

package/reactive-web-component.ClOi0z2y.js

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