@reactive-web-components/rwc 2.57.0 → 2.58.1

package/reactive-web-component.CMHCF9FY.js

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