@reactive-web-components/rwc 2.55.2 → 2.55.3

package/reactive-web-component.T7i2PANY.js

@@ -1,873 +0,0 @@
-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 T = (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()), g = (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 L = [];
-let _ = !1;
-const Rt = (t) => {
-  _ = t;
-}, G = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new WeakMap(), k = [], R = [];
-function A(t, e) {
-  const s = /* @__PURE__ */ new Set();
-  let n = (e == null ? void 0 : e.signalCompareFn) || (() => !0);
-  function r() {
-    var a;
-    const o = k[k.length - 1];
-    if (o && !("fake" in o && o.fake)) {
-      const l = w.get(o), d = l == null ? void 0 : l.parent;
-      if (d) {
-        const c = w.get(d);
-        c == null || c.cleanupFns.add(() => {
-          l == null || l.cleanupFns.forEach((f) => f()), l == null || l.cleanupFns.clear(), s.delete(o);
-        });
-      }
-      "selfCleanup" in o || (o.selfCleanup = []), o.selfCleanup.push(() => {
-        s.delete(o);
-      }), s.add(o), _ && ((a = G.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.forceSet = function(o) {
-    t = o, s.forEach((a) => {
-      Promise.resolve(a).then((l) => {
-        const d = w.get(l);
-        d && d.cleanupFns.size > 0 && (d.cleanupFns.forEach((c) => c()), d.cleanupFns.clear()), R.push(l), l(), R.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 = A(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 o;
-  const s = `${(e == null ? void 0 : e.name) || ""}_${Math.random().toString(36).substring(2, 15)}`;
-  u("current effect", `%c${s}%c`), t.effectId = s;
-  const n = R[R.length - 1];
-  _ && G.set(s, {
-    signals: [],
-    parent: (n == null ? void 0 : n.effectId) || null
-  }), w.has(t) || w.set(t, { cleanupFns: /* @__PURE__ */ new Set(), children: /* @__PURE__ */ new Set() });
-  const r = w.get(t);
-  if (n) {
-    r.parent = n;
-    const a = w.get(n);
-    a == null || a.children.add(t);
-  } else
-    delete r.parent;
-  R.push(t), k.push(t), t(), (o = L[L.length - 1]) == null || o.call(L, t), k.pop(), R.pop();
-}
-const y = (t) => !!t && ["object", "function"].includes(typeof t) && "set" in t && "update" in t && "forceSet" in t;
-function Ot(t, ...e) {
-  const s = A("");
-  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 = A(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 xt(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 Tt(...t) {
-  let e = t.map((n) => n());
-  const s = A(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 = A([]);
-  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] = A(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", q = "onConnected", V = (t) => typeof t == "string" ? t : JSON.stringify(t), rt = (t) => {
-  const e = document.createElement("span");
-  return e.textContent = V(t), e;
-}, U = (t, e) => (t.appendChild(rt(e)), t), ot = (t, e) => (t.innerHTML = "", U(t, e)), z = (t) => {
-  const e = document.createElement("span");
-  return C(() => {
-    const s = t();
-    e.textContent = V(s);
-  }), e;
-};
-class X {
-  constructor(e) {
-    h(this, "wrapper");
-    h(this, "hostElement");
-    h(this, "append", (...e) => (e.forEach((s) => {
-      this.wrapper.appendChild(s.hostElement), q 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, q, {
-      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(z(e)), this));
-    h(this, "setReactiveContent", (e) => (this.clear(), this.wrapper.appendChild(z(e)), this));
-    h(this, "clear", () => (this.wrapper.innerHTML = "", this));
-    this.wrapper = e, this.hostElement = e;
-  }
-  addEventlistener(e, s, n = !1) {
-    return this.wrapper.addEventListener(e, (r) => s(r, this, this.wrapper), n), this;
-  }
-}
-class 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 It = () => () => {
-}, lt = (t) => new it(t), at = (t) => new X(t), ct = (t, ...e) => ({
-  classList: [...t.map((s) => s.trim()).filter(Boolean), ...e]
-}), Pt = (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 = at(s);
-  return Z(n, e);
-}, B = (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) ? v(() => a(r)) : a
-    )
-  );
-}, v = (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);
-}), kt = (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,
-        A(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 J;
-          p();
-          const j = a.indexOf(b), S = (J = o.get(b)) == null ? void 0 : J();
-          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 = B("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 ? v(e) : s ? v(s) : B("div")().setAttribute("id", "empty_div_renderIf").addStyle({ display: "none" }), bt = (t, e, s) => v(() => Q(!!t(), e, s)), _t = (t, e, s) => typeof t == "boolean" ? Q(t, e, s) : bt(t, e, s), N = (t, e) => {
-  const s = v(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;
-}, Bt = (t, e, s) => {
-  const n = [N(t, e)].flat();
-  return s && n.push(
-    ...[N(
-      () => typeof t == "boolean" ? !t : !t(),
-      s
-    )].flat()
-  ), v(() => n);
-}, Et = (t, e) => {
-  u("createCustomElement", t);
-  const s = document.createElement(t), n = lt(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) => {
-    g("@rcreateCustomEl content", t, r);
-    const o = r.filter(Boolean).flat().flatMap(
-      (a) => typeof a == "function" && !y(a) ? v(() => 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 : ""}`,
-  T(e) ? e : e && typeof e == "string" ? s : void 0
-), Jt = () => {
-  const t = () => {
-  };
-  return t.oldValue = null, t;
-}, qt = () => ({}), zt = (t, e, s) => {
-  const n = e ? At(e, s)(t) : t;
-  return (r, ...o) => {
-    const a = [...o];
-    return r && !T(r) && a.unshift(r), St(n, T(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 && !T(e) && (n = [e].concat(n)), B(t, T(e) ? e : {})(...n);
-  };
-});
-const vt = i.div, Dt = i.span, Nt = i.section, Gt = i.input, Vt = 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, le = i.a, ae = 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, xe = i.small, Te = i.strong, $e = i.em, Me = i.b, Ie = i.i, Pe = i.u, ke = i.s, He = i.sub, Fe = i.sup, We = i.mark, _e = i.del, Be = i.ins, Je = i.details, qe = i.summary, ze = i.progress, De = i.meter, Ne = i.audio, Ge = i.video, Ve = i.canvas, Ue = i.slot, Xe = (t) => (e) => t(e).addClass(...e.classList ?? []).addReactiveClass(e.reactiveClassList ?? {}), I = "eventProps", P = "EVENT_CONFIG", x = "observedAttributes", Ze = () => (t, e) => {
-  Reflect.get(t, x) || Reflect.defineProperty(t, x, {
-    value: []
-  }), Reflect.get(t, x).push(
-    M(e)
-  );
-}, Qe = (t) => (e, s) => {
-  Reflect.get(e, I) || Reflect.defineProperty(e, I, {
-    value: []
-  }), Reflect.get(e, P) || Reflect.defineProperty(e, P, {
-    value: {}
-  }), Reflect.get(e, P)[s] = {
-    bubbles: (t == null ? void 0 : t.bubbles) ?? !1,
-    composed: (t == null ? void 0 : t.composed) ?? !1
-  }, Reflect.get(e, I).push(s);
-}, At = (t, e = !1) => (s) => {
-  u(
-    t,
-    "start register static attr",
-    s.prototype[x]
-  );
-  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.add(l);
-      });
-      h(this, "effects", /* @__PURE__ */ new Set());
-      g("@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[I]) == null || d.forEach(
-        (c) => {
-          this[c] = (f) => {
-            const E = s.prototype[P][c], { bubbles: m, composed: p } = E;
-            y(f) ? C(() => {
-              g("@oemit reactive value", f()), this.dispatchEvent(
-                new CustomEvent(c, {
-                  detail: f(),
-                  bubbles: m,
-                  composed: p
-                })
-              );
-            }) : (g("@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"), L.push(this.effectCleanupHandleEvent);
-        const c = this.render();
-        this.shadow.appendChild(c.hostElement), W(this, s.prototype.connectedCallback), this.appendSlotContent(), L.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]
-        ), g(
-          "@bslot element",
-          c,
-          `name:${c.name};`,
-          c.assignedElements()
-        ), c.assignedElements().forEach((f) => {
-          const E = this.slotContext[c.name];
-          this.slotContext && y(E) && (g(
-            "@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.clear();
-    }
-  }
-  return h(r, "observedAttributes", s.prototype[x] ?? []), 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,
-  le 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,
-  xt as bindReactiveSignals,
-  Oe as blockquote,
-  me as br,
-  Vt as button,
-  M as camelToKebab,
-  Ve as canvas,
-  W as checkCall,
-  je as cite,
-  ct as classList,
-  Pt as cls,
-  Ee as code,
-  g as colorLog,
-  $t as combineLatest,
-  At as component,
-  Xe as createComponent,
-  St as createCustom,
-  yt as createCustomEl,
-  Et as createCustomElement,
-  B as createEl,
-  $ as createElement,
-  jt as createSignal,
-  lt as customElementHelpers,
-  qt as defineSlotTemplate,
-  _e as del,
-  Je as details,
-  st as disableLogs,
-  vt as div,
-  C as effect,
-  G as effectMap,
-  at as elementHelpers,
-  $e as em,
-  Lt as enableLogs,
-  Qe as event,
-  It as eventEmitter,
-  Re as figcaption,
-  Le as figure,
-  we as footer,
-  Tt as forkJoin,
-  ee as form,
-  kt as getList,
-  v 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,
-  Ie as i,
-  ie as img,
-  Z as initComponent,
-  Gt as input,
-  Be as ins,
-  Mt as isBaseElement,
-  tt as isComponentConfig,
-  T 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,
-  Jt as newEventEmitter,
-  te as ol,
-  re as option,
-  ae as p,
-  be as pre,
-  ze as progress,
-  u as projectLog,
-  Ze as property,
-  Q as renderIf,
-  Ot as rs,
-  bt as rxRenderIf,
-  ke as s,
-  Nt as section,
-  ne as select,
-  pt as setChildren,
-  Rt as setEffectDebugEnabled,
-  ht as setEffects,
-  D as setListeners,
-  Bt as show,
-  N as showIf,
-  A as signal,
-  Ht as signalComponent,
-  Ue as slot,
-  xe as small,
-  Dt as span,
-  Te as strong,
-  He as sub,
-  qe as summary,
-  Fe as sup,
-  Ut as table,
-  Zt as td,
-  oe as textarea,
-  Qt as th,
-  Xt as tr,
-  Pe as u,
-  Yt as ul,
-  Wt as unsafeHtml,
-  zt as useCustomComponent,
-  Ge as video,
-  _t as when
-};