@reactive-web-components/rwc 2.60.1 → 2.61.4

package/reactive-web-component.CROWiiEy.js

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