@tachui/core 0.8.1-alpha → 0.8.5-alpha

package/dist/dom-bridge-CAa1N2zX.js

@@ -1,406 +0,0 @@
-import { W as g, k as x, l as b } from "./scheduler-BKeqwrYE.js";
-import { D as L } from "./concatenated-component-ByPl3_FF.js";
-var S = Object.defineProperty, D = (e, t, o) => t in e ? S(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, l = (e, t, o) => D(e, typeof t != "symbol" ? t + "" : t, o);
-const d = Symbol("TachUI.ComponentContext"), k = Symbol("TachUI.Environment");
-let u = null;
-class O {
-  constructor(t, o) {
-    l(this, "id"), l(this, "parent"), l(this, "providers", /* @__PURE__ */ new Map()), l(this, "consumers", /* @__PURE__ */ new Set()), l(this, "cleanup", /* @__PURE__ */ new Set()), l(this, "stateStore", /* @__PURE__ */ new Map()), l(this, "bindingStore", /* @__PURE__ */ new Map()), l(this, "createdAt", Date.now()), l(this, "updateCount", 0), this.id = t, this.parent = o;
-  }
-  /**
-   * Store state value for a property
-   */
-  setState(t, o) {
-    this.stateStore.set(t, o), this.updateCount++;
-  }
-  /**
-   * Get state value for a property
-   */
-  getState(t) {
-    return this.stateStore.get(t);
-  }
-  /**
-   * Check if state exists for a property
-   */
-  hasState(t) {
-    return this.stateStore.has(t);
-  }
-  /**
-   * Store binding for a property
-   */
-  setBinding(t, o) {
-    this.bindingStore.set(t, o);
-  }
-  /**
-   * Get binding for a property
-   */
-  getBinding(t) {
-    return this.bindingStore.get(t);
-  }
-  /**
-   * Provide a value for dependency injection
-   */
-  provide(t, o) {
-    this.providers.set(t, o);
-  }
-  /**
-   * Consume a value from dependency injection hierarchy
-   */
-  consume(t) {
-    if (this.consumers.add(t), this.providers.has(t))
-      return this.providers.get(t);
-    let o = this.parent;
-    for (; o; ) {
-      if (o.providers.has(t))
-        return o.providers.get(t);
-      o = o.parent;
-    }
-  }
-  /**
-   * Register cleanup function
-   */
-  onCleanup(t) {
-    this.cleanup.add(t);
-  }
-  /**
-   * Dispose of context and run cleanup
-   */
-  dispose() {
-    for (const t of this.cleanup)
-      try {
-        t();
-      } catch (o) {
-        console.error(`Error in component context cleanup (${this.id}):`, o);
-      }
-    this.cleanup.clear(), this.stateStore.clear(), this.bindingStore.clear(), this.providers.clear(), this.consumers.clear();
-  }
-  /**
-   * Get performance metrics
-   */
-  getMetrics() {
-    return {
-      id: this.id,
-      createdAt: this.createdAt,
-      updateCount: this.updateCount,
-      stateCount: this.stateStore.size,
-      bindingCount: this.bindingStore.size,
-      providerCount: this.providers.size,
-      consumerCount: this.consumers.size
-    };
-  }
-}
-function v(e, t) {
-  return new O(e, t);
-}
-function M() {
-  if (u)
-    return u;
-  let e = g();
-  for (; e; ) {
-    if (e.context.has(d))
-      return e.context.get(d);
-    e = e.parent;
-  }
-  throw new Error(
-    "@State can only be used within a component context. Make sure you are using @State inside a TachUI component render function."
-  );
-}
-function y(e) {
-  u = e;
-}
-function A(e, t) {
-  const o = u;
-  u = e;
-  const n = g();
-  n && n.context.set(d, e);
-  try {
-    return t();
-  } finally {
-    u === e && (u = o), n && (o ? n.context.set(d, o) : n.context.delete(d));
-  }
-}
-function B(e, t) {
-  return (o) => {
-    const n = t || `component-${Math.random().toString(36).substr(2, 9)}`, r = v(n, u || void 0);
-    return A(r, () => {
-      const a = e(o);
-      return a.context = r, a.cleanup || (a.cleanup = []), a.cleanup.push(() => r.dispose()), a;
-    });
-  };
-}
-function P(e, t) {
-  return {
-    symbol: Symbol(`Environment.${e}`),
-    defaultValue: t,
-    name: e
-  };
-}
-function W(e, t) {
-  M().provide(e.symbol, t);
-}
-function j(e) {
-  const o = M().consume(e.symbol);
-  if (o !== void 0)
-    return o;
-  if (e.defaultValue !== void 0)
-    return e.defaultValue;
-  throw new Error(
-    `Environment value for '${e.name}' not found. Make sure to provide this value higher in the component hierarchy.`
-  );
-}
-const z = {
-  getCurrentContext: () => u,
-  getContextHierarchy: () => {
-    const e = [];
-    let t = u || void 0;
-    for (; t; )
-      e.push(t), t = t.parent;
-    return e;
-  },
-  getContextMetrics: (e) => {
-    const t = e || u;
-    return t ? t.getMetrics() : null;
-  }
-}, _ = new L(), p = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), C = /* @__PURE__ */ new Set();
-function V(e) {
-  e._enhancedLifecycle && C.add(e);
-}
-function F() {
-  for (const e of C) {
-    const t = e._enhancedLifecycle;
-    if (t && !e.domReady) {
-      const o = R(e);
-      if (o.length > 0) {
-        if (e.domElements = /* @__PURE__ */ new Map(), o.forEach((n, i) => {
-          const r = n.id || `element-${i}`;
-          e.domElements.set(r, n), e.primaryElement || (e.primaryElement = n);
-        }), e.domReady = !0, t.onDOMReady) {
-          console.log("🚀 Processing delayed onDOMReady for component:", e.id);
-          const n = t.onDOMReady(
-            e.domElements,
-            e.primaryElement
-          );
-          typeof n == "function" && (e.cleanup = e.cleanup || [], e.cleanup.push(n));
-        }
-        if (t.onMount) {
-          const n = t.onMount();
-          typeof n == "function" && (e.cleanup = e.cleanup || [], e.cleanup.push(n));
-        }
-      }
-    }
-  }
-  C.clear();
-}
-function R(e) {
-  if (e.id.startsWith("image-")) {
-    const t = document.querySelectorAll("img.tachui-image");
-    return Array.from(t);
-  }
-  return [];
-}
-function q(e) {
-  x((t) => {
-    const o = v("root-app");
-    y(o);
-    const n = b();
-    n && n.context.set(d, o);
-    let i;
-    try {
-      i = e();
-      const a = document.getElementById("app");
-      if (!a)
-        throw new Error('App container element with id="app" not found');
-      E(i, a);
-    } catch (a) {
-      throw y(null), n && n.context.delete(d), a;
-    }
-    const r = t;
-    return () => (y(null), n && n.context.delete(d), r());
-  });
-}
-function E(e, t, o = !0) {
-  try {
-    o && (t.innerHTML = "");
-    const n = e.render(), i = Array.isArray(n) ? n : [n], r = [];
-    for (const c of i) {
-      const s = _.render(c, t);
-      if (s instanceof DocumentFragment) {
-        const h = Array.from(s.childNodes);
-        for (const m of h)
-          m instanceof Element && (r.push(m), t.appendChild(m));
-      } else s instanceof Element && (r.push(s), t.appendChild(s));
-    }
-    if (r.length > 0) {
-      e.domElements = /* @__PURE__ */ new Map(), r.forEach((s, h) => {
-        const m = s.id || `element-${h}`;
-        e.domElements.set(m, s), e.primaryElement || (e.primaryElement = s);
-      }), e.domReady = !0;
-      const c = e._enhancedLifecycle;
-      if (c?.onDOMReady) {
-        const s = c.onDOMReady(
-          e.domElements,
-          e.primaryElement
-        );
-        typeof s == "function" && (e.cleanup = e.cleanup || [], e.cleanup.push(s));
-      }
-      if (c?.onMount) {
-        const s = c.onMount();
-        typeof s == "function" && (e.cleanup = e.cleanup || [], e.cleanup.push(s));
-      }
-    }
-    if (w(e))
-      for (const c of r)
-        T(c, e);
-    for (const c of r)
-      $(c, e);
-    const a = [];
-    return p.set(t, e), f.set(e, r), e.mounted = !0, setTimeout(() => {
-      F();
-    }, 0), () => {
-      a.forEach((c) => c()), I(e, t);
-    };
-  } catch (n) {
-    const i = Object.assign(new Error(), n, {
-      code: "MOUNT_FAILED",
-      context: "mountComponentTree"
-    }), r = e._enhancedLifecycle;
-    throw r?.onDOMError ? r.onDOMError(i, "mount") : r?.onError ? r.onError(i) : console.error("Failed to mount component tree:", n), n;
-  }
-}
-function N(e, t) {
-  const o = f.get(e);
-  o && (o.forEach((n) => {
-    n.parentNode && n.parentNode.removeChild(n);
-  }), f.delete(e)), p.delete(t), e.mounted = !1, e.cleanup && (e.cleanup.forEach((n) => n()), e.cleanup = []);
-}
-function I(e, t) {
-  try {
-    const o = e._enhancedLifecycle;
-    o?.onUnmount && o.onUnmount(), e.cleanup && (e.cleanup.forEach((i) => {
-      try {
-        i();
-      } catch (r) {
-        console.error(`Cleanup error for component ${e.id}:`, r);
-      }
-    }), e.cleanup = []);
-    const n = f.get(e);
-    n && (n.forEach((i) => {
-      i.parentNode && i.parentNode.removeChild(i);
-    }), f.delete(e)), e.domElements && e.domElements.clear(), e.primaryElement = void 0, e.domReady = !1, e.mounted = !1, p.delete(t);
-  } catch (o) {
-    const n = Object.assign(new Error(), o, {
-      code: "UNMOUNT_FAILED",
-      context: "unmountComponentEnhanced"
-    }), i = e._enhancedLifecycle;
-    i?.onDOMError ? i.onDOMError(n, "unmount") : console.error("Component unmounting failed:", o);
-  }
-}
-function T(e, t) {
-  if (!("modifiers" in t) || !t.modifiers)
-    return;
-  const o = e, n = t.modifiers, i = {
-    type: "element",
-    tag: o.tagName.toLowerCase(),
-    props: {},
-    element: o
-  };
-  for (const r of n)
-    try {
-      r && typeof r.apply == "function" && r.apply(i, {
-        componentId: t.id,
-        componentInstance: t,
-        element: o,
-        phase: "creation"
-      });
-    } catch (a) {
-      console.warn("Failed to apply modifier:", r, a);
-    }
-}
-function $(e, t) {
-  const o = e;
-  if (t.props) {
-    const n = t.props;
-    n.onClick && typeof n.onClick == "function" && o.addEventListener("click", n.onClick), n.onMouseEnter && typeof n.onMouseEnter == "function" && o.addEventListener("mouseenter", n.onMouseEnter), n.onMouseLeave && typeof n.onMouseLeave == "function" && o.addEventListener("mouseleave", n.onMouseLeave), n.onFocus && typeof n.onFocus == "function" && o.addEventListener("focus", n.onFocus), n.onBlur && typeof n.onBlur == "function" && o.addEventListener("blur", n.onBlur);
-  }
-  if (w(t) && t.modifiers) {
-    for (const n of t.modifiers)
-      if (n && "eventHandlers" in n && n.eventHandlers)
-        for (const [i, r] of Object.entries(n.eventHandlers))
-          typeof r == "function" && o.addEventListener(
-            i,
-            r
-          );
-  }
-}
-function w(e) {
-  return e && typeof e == "object" && ("modifiers" in e || "modifier" in e);
-}
-function K(e, t) {
-  const o = [];
-  for (const n of e) {
-    const i = E(n, t);
-    o.push(i);
-  }
-  return o;
-}
-function G(e, t) {
-  const o = f.get(e);
-  if (!o) {
-    console.warn("Attempted to update unmounted component");
-    return;
-  }
-  e.prevProps = e.props, e.props = { ...e.props, ...t };
-  const n = o[0]?.parentElement;
-  n && (N(e, n), E(e, n));
-}
-function J(e) {
-  let t = e;
-  for (; t; ) {
-    const o = p.get(t);
-    if (o)
-      return o;
-    t = t.parentElement;
-  }
-}
-const Q = {
-  getMountedComponents: () => Array.from(p.entries()),
-  getComponentElements: (e) => f.get(e),
-  isComponentMounted: (e) => e.mounted || !1,
-  /**
-   * Validate that all components are properly mounted
-   */
-  validateMounting() {
-    const e = [];
-    for (const [t, o] of p.entries()) {
-      document.contains(t) || e.push(`Container for component ${o.id} is not in DOM`), o.mounted || e.push(`Component ${o.id} marked as unmounted but still registered`);
-      const n = f.get(o);
-      (!n || n.length === 0) && e.push(`Component ${o.id} has no associated DOM elements`);
-    }
-    return {
-      valid: e.length === 0,
-      issues: e
-    };
-  }
-};
-export {
-  z as C,
-  Q as D,
-  k as E,
-  d as a,
-  v as b,
-  j as c,
-  P as d,
-  A as e,
-  J as f,
-  M as g,
-  K as h,
-  E as i,
-  I as j,
-  G as k,
-  q as m,
-  W as p,
-  V as r,
-  y as s,
-  N as u,
-  B as w
-};