@reactive-web-components/rwc 2.54.2 → 2.55.0

package/reactive-web-component.DGlwUwL8.js

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