@reactive-web-components/rwc 2.51.10 → 2.51.11

package/reactive-web-component.BjYWVrAv.js

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