@tachui/core 0.8.23 → 0.8.24

package/dist/hooks-w_FYPLjI.js

@@ -0,0 +1,158 @@
+function a(t, e) {
+  t._enhancedLifecycle = {
+    ...t._enhancedLifecycle,
+    ...e
+  };
+}
+function m(t, e) {
+  a(t, { onMount: e });
+}
+function i(t, e) {
+  a(t, { onDOMReady: e });
+}
+function y(t, e) {
+  a(t, { onUnmount: e });
+}
+function h(t, e) {
+  a(t, { onError: e });
+}
+function g(t, e) {
+  a(t, { onDOMError: e });
+}
+function M(t, e) {
+  return a(t, {
+    onError: (s) => e(s),
+    onDOMError: (s, o) => e(s, `DOM:${o}`)
+  }), t;
+}
+function d(t, e) {
+  i(t, (s, o) => {
+    if (o)
+      return e(o);
+  });
+}
+function p(t, e, s) {
+  d(t, (o) => {
+    if (typeof e?.resolve == "function") {
+      const n = e.resolve();
+      s(o, n);
+    }
+  });
+}
+function E(t, e) {
+  console.warn("⚠️ setTimeout workaround detected. Consider migrating to onDOMReady."), i(t, () => {
+    e();
+  });
+}
+const O = {
+  /**
+   * Focus element when DOM is ready (replaces setTimeout focus hacks)
+   */
+  focusWhenReady(t, e, s) {
+    i(t, (o, n) => {
+      let c = null;
+      s ? c = s : e ? c = n?.querySelector(e) || null : c = n || null, c instanceof HTMLElement && typeof c.focus == "function" && requestAnimationFrame(() => {
+        try {
+          c.focus();
+        } catch (l) {
+          console.warn("Focus failed:", l);
+        }
+      });
+    });
+  },
+  /**
+   * Focus first focusable element in component
+   */
+  focusFirstFocusable(t) {
+    i(t, (e, s) => {
+      if (s) {
+        const o = s.querySelector(
+          'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+        );
+        o && this.focusWhenReady(t, void 0, o);
+      }
+    });
+  }
+}, D = {
+  /**
+   * Coordinate animations with DOM readiness
+   */
+  animateWhenReady(t, e) {
+    i(t, (s, o) => {
+      let n = null;
+      e.element ? n = e.element : e.selector ? n = o?.querySelector(e.selector) || null : n = o || null, n && (e.setup(n), requestAnimationFrame(() => {
+        e.animate(n);
+      }));
+    });
+  },
+  /**
+   * Fade in animation (common pattern)
+   */
+  fadeIn(t, e, s = 300) {
+    this.animateWhenReady(t, {
+      element: e,
+      setup: (o) => {
+        const n = o;
+        n.style.opacity = "0", n.style.transition = `opacity ${s}ms ease-out`;
+      },
+      animate: (o) => {
+        const n = o;
+        n.style.opacity = "1";
+      }
+    });
+  },
+  /**
+   * Scale in animation (common for modals/alerts)
+   */
+  scaleIn(t, e, s = 300) {
+    this.animateWhenReady(t, {
+      element: e,
+      setup: (o) => {
+        const n = o;
+        n.style.transform = "scale(0.8)", n.style.opacity = "0", n.style.transition = `all ${s}ms ease-out`;
+      },
+      animate: (o) => {
+        const n = o;
+        n.style.transform = "scale(1)", n.style.opacity = "1";
+      }
+    });
+  }
+};
+function R(t, e, s) {
+  i(t, (o, n) => {
+    const c = s ? n?.querySelector(s) : n;
+    if (c) {
+      const l = (r) => {
+        c.contains(r.target) || e();
+      };
+      document.addEventListener("click", l), y(t, () => {
+        document.removeEventListener("click", l);
+      });
+    }
+  });
+}
+function q(t, e, s, o) {
+  i(t, (n, c) => {
+    const l = c?.querySelector(e), r = c?.querySelector(s);
+    if (l && r) {
+      const u = o(l, r), f = r;
+      f.style.left = `${u.x}px`, f.style.top = `${u.y}px`;
+    }
+  });
+}
+export {
+  D as A,
+  O as F,
+  i as a,
+  h as b,
+  m as c,
+  y as d,
+  q as e,
+  M as f,
+  p as g,
+  E as m,
+  g as o,
+  R as s,
+  a as u,
+  d as w
+};