@tachui/core 0.7.1-alpha → 0.8.0-alpha

package/dist/index-DIvMCJQO.js

@@ -0,0 +1,268 @@
+import { BaseModifier as C } from "./modifiers/base.js";
+import "./modifiers/types.js";
+import "./concatenated-component-ByPl3_FF.js";
+import { J as m } from "./scheduler-BKeqwrYE.js";
+import { c as d } from "./effect-B9Knft0b.js";
+var g = Object.defineProperty, v = (e, t, s) => t in e ? g(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, M = (e, t, s) => v(e, typeof t != "symbol" ? t + "" : t, s);
+const b = {
+  /**
+   * Check if a value is a reactive signal
+   */
+  isReactive(e) {
+    return m(e);
+  },
+  /**
+   * Resolve a potentially reactive value
+   */
+  resolveValue(e) {
+    return m(e) ? e() : e;
+  },
+  /**
+   * Create a reactive effect for a value
+   */
+  createReactiveEffect(e, t) {
+    if (m(e)) {
+      const s = d(() => {
+        const n = e();
+        t(n);
+      });
+      return () => s.dispose();
+    }
+    return null;
+  },
+  /**
+   * Merge modifier properties
+   */
+  mergeProperties(e, t) {
+    const s = { ...e };
+    for (const [n, o] of Object.entries(t))
+      o !== void 0 && (s[n] = o);
+    return s;
+  },
+  /**
+   * Convert a CSS property name to camelCase
+   */
+  toCamelCase(e) {
+    return e.replace(
+      /-([a-z])/g,
+      (t, s) => s.toUpperCase()
+    );
+  },
+  /**
+   * Convert a camelCase property to CSS kebab-case
+   */
+  toKebabCase(e) {
+    return e.replace(/([A-Z])/g, "-$1").toLowerCase();
+  },
+  /**
+   * Normalize a CSS value
+   */
+  normalizeCSSValue(e) {
+    return typeof e == "number" ? `${e}px` : typeof e == "string" ? e : String(e);
+  }
+};
+function c(e, t, s) {
+  class n extends C {
+    constructor() {
+      super(...arguments), M(this, "type", e), M(this, "priority", t);
+    }
+    apply(r, i) {
+      return s(r, i, this.properties);
+    }
+  }
+  return (o) => new n(o);
+}
+function j(e, t, s = 100) {
+  return c(e, s, (n, o, r) => {
+    if (o.element instanceof HTMLElement) {
+      const i = t(r);
+      Object.assign(o.element.style, i);
+    }
+    return n;
+  });
+}
+function A(e, t, s = 100) {
+  return () => c(e, s, (n, o) => (o.element instanceof HTMLElement && Object.assign(o.element.style, t), n))({});
+}
+function O(e, ...t) {
+  return console.warn("createComponentVariant is not yet implemented"), e;
+}
+function V(e, t = "combined", s = 999) {
+  return c(t, s, (n, o, r) => {
+    let i = n;
+    for (const p of e) {
+      const f = p.apply(i, o);
+      f && typeof f == "object" && "type" in f && (i = f);
+    }
+    return i;
+  })({});
+}
+function P(e, t) {
+  return c(
+    `conditional-${t.type}`,
+    t.priority,
+    (s, n, o) => {
+      if (b.resolveValue(e))
+        return t.apply(s, n);
+      if (m(e)) {
+        const i = d(() => {
+          const p = e();
+          n.element && p && t.apply(s, n);
+        });
+        if (!s.dispose)
+          s.dispose = () => i.dispose();
+        else {
+          const p = s.dispose;
+          s.dispose = () => {
+            i.dispose(), p();
+          };
+        }
+      }
+      return s;
+    }
+  )({});
+}
+function T(e, t) {
+  return c("state", 500, (s, n, o) => {
+    let r = s;
+    const i = (f) => {
+      const a = t[f] || [];
+      for (const y of a) {
+        const l = y.apply(r, n);
+        l && typeof l == "object" && "type" in l && (r = l);
+      }
+    };
+    i(e());
+    const p = d(() => {
+      const f = e();
+      i(f);
+    });
+    if (!s.dispose)
+      s.dispose = () => p.dispose();
+    else {
+      const f = s.dispose;
+      s.dispose = () => {
+        p.dispose(), f();
+      };
+    }
+    return r;
+  })({});
+}
+function z(e, t = []) {
+  return c("responsive", 100, (s, n, o) => {
+    let r = s;
+    const i = () => {
+      const a = window.innerWidth;
+      let y = t;
+      for (const [l, u] of Object.entries(e)) {
+        const w = parseInt(l);
+        a >= w && (y = u);
+      }
+      for (const l of y) {
+        const u = l.apply(r, n);
+        u && typeof u == "object" && "type" in u && (r = u);
+      }
+    };
+    i();
+    const p = () => i();
+    window.addEventListener("resize", p);
+    const f = () => window.removeEventListener("resize", p);
+    if (!s.dispose)
+      s.dispose = f;
+    else {
+      const a = s.dispose;
+      s.dispose = () => {
+        f(), a();
+      };
+    }
+    return r;
+  })({});
+}
+function D(e) {
+  return c("class", 50, (t, s, n) => {
+    if (!s.element) return t;
+    const o = (r) => {
+      const i = Array.isArray(r) ? r : r.split(" ").filter(Boolean);
+      s.element instanceof HTMLElement && s.element.classList.add(...i);
+    };
+    if (m(e)) {
+      let r = [];
+      const i = d(() => {
+        const p = e(), f = Array.isArray(p) ? p : p.split(" ").filter(Boolean);
+        s.element instanceof HTMLElement && (s.element.classList.remove(...r), s.element.classList.add(...f), r = f);
+      });
+      if (!t.dispose)
+        t.dispose = () => i.dispose();
+      else {
+        const p = t.dispose;
+        t.dispose = () => {
+          i.dispose(), p();
+        };
+      }
+    } else
+      o(e);
+    return t;
+  })({});
+}
+function H(e) {
+  return c("style", 200, (t, s, n) => {
+    if (!s.element) return t;
+    const o = (r) => {
+      if (s.element instanceof HTMLElement)
+        for (const [i, p] of Object.entries(r)) {
+          const f = b.toKebabCase(i), a = b.normalizeCSSValue(p);
+          s.element.style.setProperty(f, a);
+        }
+    };
+    if (m(e)) {
+      const r = d(() => {
+        const i = e();
+        o(i);
+      });
+      if (!t.dispose)
+        t.dispose = () => r.dispose();
+      else {
+        const i = t.dispose;
+        t.dispose = () => {
+          r.dispose(), i();
+        };
+      }
+    } else
+      o(e);
+    return t;
+  })({});
+}
+function R(e) {
+  return c("event", 300, (t, s, n) => {
+    if (!s.element) return t;
+    const o = [];
+    for (const [i, p] of Object.entries(e))
+      s.element.addEventListener(i, p), o.push(() => {
+        s.element?.removeEventListener(i, p);
+      });
+    const r = () => o.forEach((i) => i());
+    if (!t.dispose)
+      t.dispose = r;
+    else {
+      const i = t.dispose;
+      t.dispose = () => {
+        r(), i();
+      };
+    }
+    return t;
+  })({});
+}
+export {
+  V as a,
+  P as b,
+  D as c,
+  c as d,
+  j as e,
+  R as f,
+  H as g,
+  A as h,
+  O as i,
+  b as m,
+  z as r,
+  T as s
+};