@tachui/modifiers 0.8.15 → 0.8.17

package/dist/effects/transforms/index.d.ts

@@ -12,21 +12,21 @@ export interface TransformConfig {
         x?: number;
         y?: number;
     };
-    rotate?: string;
+    rotate?: string | number;
     translate?: {
         x?: number | string;
         y?: number | string;
     };
     skew?: {
-        x?: string;
-        y?: string;
+        x?: string | number;
+        y?: string | number;
     };
     perspective?: number;
 }
 export interface Transform3DConfig extends TransformConfig {
-    rotateX?: string;
-    rotateY?: string;
-    rotateZ?: string;
+    rotateX?: string | number;
+    rotateY?: string | number;
+    rotateZ?: string | number;
     translate?: {
         x?: number | string;
         y?: number | string;
@@ -47,9 +47,12 @@ export declare class TransformModifier extends BaseModifier<ModifierTransformOpt
     readonly priority = 45;
     constructor(options: ReactiveTransformOptions);
     apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private hasReactiveValues;
+    private resolveTransformOptions;
     private computeTransformStyles;
     private generateTransformCSS;
     private formatLength;
+    private formatAngle;
 }
 export interface MatrixTransformConfig {
     matrix?: [number, number, number, number, number, number];
@@ -109,6 +112,8 @@ export declare class AdvancedTransformModifier extends BaseModifier<ModifierAdva
     readonly priority = 45;
     constructor(options: ReactiveAdvancedTransformOptions);
     apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private hasReactiveValues;
+    private resolveAdvancedTransformOptions;
     private computeAdvancedTransformStyles;
     private generateAdvancedTransformCSS;
     private generateTransformCSS;
@@ -150,7 +155,7 @@ export declare function scale(value: number | {
  * .rotate('0.5turn')
  * ```
  */
-export declare function rotate(angle: string): TransformModifier;
+export declare function rotate(angle: string | number): TransformModifier;
 /**
  * Translation transformation
  *
@@ -174,8 +179,8 @@ export declare function translate(offset: {
  * ```
  */
 export declare function skew(angles: {
-    x?: string;
-    y?: string;
+    x?: string | number;
+    y?: string | number;
 }): TransformModifier;
 /**
  * X-axis rotation (3D)
@@ -186,7 +191,7 @@ export declare function skew(angles: {
  * .rotateX('1rad')
  * ```
  */
-export declare function rotateX(angle: string): TransformModifier;
+export declare function rotateX(angle: string | number): TransformModifier;
 /**
  * Y-axis rotation (3D)
  *
@@ -196,7 +201,7 @@ export declare function rotateX(angle: string): TransformModifier;
  * .rotateY('-45deg')
  * ```
  */
-export declare function rotateY(angle: string): TransformModifier;
+export declare function rotateY(angle: string | number): TransformModifier;
 /**
  * Z-axis rotation (3D)
  *
@@ -206,7 +211,7 @@ export declare function rotateY(angle: string): TransformModifier;
  * .rotateZ('0.25turn')
  * ```
  */
-export declare function rotateZ(angle: string): TransformModifier;
+export declare function rotateZ(angle: string | number): TransformModifier;
 /**
  * 3D perspective
  *

package/dist/effects/transforms/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/effects/transforms/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/effects/transforms/index.ts"],"names":[],"mappings":"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"}

package/dist/effects/transforms/index.js

@@ -1,20 +1,39 @@
-var d = Object.defineProperty;
-var h = (e, n, t) => n in e ? d(e, n, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[n] = t;
-var m = (e, n, t) => h(e, typeof n != "symbol" ? n + "" : n, t);
-import { BaseModifier as u } from "@tachui/core/modifiers/base";
-class l extends u {
+var p = Object.defineProperty;
+var y = (e, a, t) => a in e ? p(e, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[a] = t;
+var l = (e, a, t) => y(e, typeof a != "symbol" ? a + "" : a, t);
+import { BaseModifier as h } from "@tachui/core/modifiers/base";
+import { createEffect as d, isSignal as f, isComputed as u } from "@tachui/core/reactive";
+class m extends h {
   constructor(t) {
-    const r = {};
-    for (const [a, s] of Object.entries(t))
-      typeof s == "function" && "peek" in s ? r[a] = s.peek() : r[a] = s;
-    super(r);
-    m(this, "type", "transform");
-    m(this, "priority", 45);
+    super(t);
+    l(this, "type", "transform");
+    l(this, "priority", 45);
   }
   apply(t, r) {
-    if (!r.element) return;
-    const a = this.computeTransformStyles(this.properties);
-    this.applyStyles(r.element, a);
+    if (r.element)
+      if (this.hasReactiveValues(this.properties))
+        d(() => {
+          const s = this.computeTransformStyles(
+            this.resolveTransformOptions(this.properties)
+          );
+          this.applyStyles(r.element, s);
+        });
+      else {
+        const s = this.computeTransformStyles(this.properties);
+        this.applyStyles(r.element, s);
+      }
+  }
+  hasReactiveValues(t) {
+    return f(t) || u(t) ? !0 : Array.isArray(t) ? t.some((r) => this.hasReactiveValues(r)) : t && typeof t == "object" ? Object.values(t).some((r) => this.hasReactiveValues(r)) : !1;
+  }
+  resolveTransformOptions(t) {
+    const r = (s) => f(s) || u(s) ? s() : Array.isArray(s) ? s.map((n) => r(n)) : s && typeof s == "object" ? Object.fromEntries(
+      Object.entries(s).map(([n, o]) => [
+        n,
+        r(o)
+      ])
+    ) : s;
+    return r(t);
   }
   computeTransformStyles(t) {
     const r = {};
@@ -26,33 +45,56 @@ class l extends u {
       if (typeof t.scale == "number")
         r.push(`scale(${t.scale})`);
       else {
-        const a = t.scale.x ?? 1, s = t.scale.y ?? 1;
-        r.push(`scale(${a}, ${s})`);
+        const s = t.scale.x ?? 1, n = t.scale.y ?? 1;
+        r.push(`scale(${s}, ${n})`);
       }
-    if (t.rotate !== void 0 && r.push(`rotate(${t.rotate})`), "rotateX" in t && t.rotateX !== void 0 && r.push(`rotateX(${t.rotateX})`), "rotateY" in t && t.rotateY !== void 0 && r.push(`rotateY(${t.rotateY})`), "rotateZ" in t && t.rotateZ !== void 0 && r.push(`rotateZ(${t.rotateZ})`), t.translate !== void 0) {
-      const a = this.formatLength(t.translate.x ?? 0), s = this.formatLength(t.translate.y ?? 0);
+    if (t.rotate !== void 0 && r.push(`rotate(${this.formatAngle(t.rotate)})`), "rotateX" in t && t.rotateX !== void 0 && r.push(`rotateX(${this.formatAngle(t.rotateX)})`), "rotateY" in t && t.rotateY !== void 0 && r.push(`rotateY(${this.formatAngle(t.rotateY)})`), "rotateZ" in t && t.rotateZ !== void 0 && r.push(`rotateZ(${this.formatAngle(t.rotateZ)})`), t.translate !== void 0) {
+      const s = this.formatLength(t.translate.x ?? 0), n = this.formatLength(t.translate.y ?? 0);
       let o = "0";
-      "z" in t.translate && t.translate.z !== void 0 ? o = this.formatLength(t.translate.z) : "translateZ" in t && t.translateZ !== void 0 && (o = this.formatLength(t.translateZ)), r.push(`translate3d(${a}, ${s}, ${o})`);
+      "z" in t.translate && t.translate.z !== void 0 ? o = this.formatLength(t.translate.z) : "translateZ" in t && t.translateZ !== void 0 && (o = this.formatLength(t.translateZ)), r.push(`translate3d(${s}, ${n}, ${o})`);
     }
-    return "scaleZ" in t && t.scaleZ !== void 0 && r.push(`scaleZ(${t.scaleZ})`), t.skew !== void 0 && (t.skew.x !== void 0 && t.skew.y !== void 0 ? r.push(`skew(${t.skew.x}, ${t.skew.y})`) : t.skew.x !== void 0 ? r.push(`skewX(${t.skew.x})`) : t.skew.y !== void 0 && r.push(`skewY(${t.skew.y})`)), r.join(" ");
+    return "scaleZ" in t && t.scaleZ !== void 0 && r.push(`scaleZ(${t.scaleZ})`), t.skew !== void 0 && (t.skew.x !== void 0 && t.skew.y !== void 0 ? r.push(
+      `skew(${this.formatAngle(t.skew.x)}, ${this.formatAngle(t.skew.y)})`
+    ) : t.skew.x !== void 0 ? r.push(`skewX(${this.formatAngle(t.skew.x)})`) : t.skew.y !== void 0 && r.push(`skewY(${this.formatAngle(t.skew.y)})`)), r.join(" ");
   }
   formatLength(t) {
     return typeof t == "number" ? `${t}px` : t;
   }
+  formatAngle(t) {
+    return typeof t == "number" ? `${t}deg` : t;
+  }
 }
-class i extends u {
+class i extends h {
   constructor(t) {
-    const r = {};
-    for (const [a, s] of Object.entries(t))
-      typeof s == "function" && "peek" in s ? r[a] = s.peek() : r[a] = s;
-    super(r);
-    m(this, "type", "advancedTransform");
-    m(this, "priority", 45);
+    super(t);
+    l(this, "type", "advancedTransform");
+    l(this, "priority", 45);
   }
   apply(t, r) {
-    if (!r.element) return;
-    const a = this.computeAdvancedTransformStyles(this.properties);
-    this.applyStyles(r.element, a);
+    if (r.element)
+      if (this.hasReactiveValues(this.properties))
+        d(() => {
+          const s = this.computeAdvancedTransformStyles(
+            this.resolveAdvancedTransformOptions(this.properties)
+          );
+          this.applyStyles(r.element, s);
+        });
+      else {
+        const s = this.computeAdvancedTransformStyles(this.properties);
+        this.applyStyles(r.element, s);
+      }
+  }
+  hasReactiveValues(t) {
+    return f(t) || u(t) ? !0 : Array.isArray(t) ? t.some((r) => this.hasReactiveValues(r)) : t && typeof t == "object" ? Object.values(t).some((r) => this.hasReactiveValues(r)) : !1;
+  }
+  resolveAdvancedTransformOptions(t) {
+    const r = (s) => f(s) || u(s) ? s() : Array.isArray(s) ? s.map((n) => r(n)) : s && typeof s == "object" ? Object.fromEntries(
+      Object.entries(s).map(([n, o]) => [
+        n,
+        r(o)
+      ])
+    ) : s;
+    return r(t);
   }
   computeAdvancedTransformStyles(t) {
     const r = {};
@@ -61,133 +103,133 @@ class i extends u {
   generateAdvancedTransformCSS(t) {
     const r = [];
     if ("matrix" in t && t.matrix && r.push(`matrix(${t.matrix.join(", ")})`), "matrix3d" in t && t.matrix3d && r.push(`matrix3d(${t.matrix3d.join(", ")})`), "rotate3d" in t && t.rotate3d) {
-      const { x: a, y: s, z: o, angle: f } = t.rotate3d;
-      r.push(`rotate3d(${a}, ${s}, ${o}, ${f})`);
+      const { x: s, y: n, z: o, angle: c } = t.rotate3d;
+      r.push(`rotate3d(${s}, ${n}, ${o}, ${c})`);
     }
     if ("scale3d" in t && t.scale3d) {
-      const { x: a, y: s, z: o } = t.scale3d;
-      r.push(`scale3d(${a}, ${s}, ${o})`);
+      const { x: s, y: n, z: o } = t.scale3d;
+      r.push(`scale3d(${s}, ${n}, ${o})`);
     }
     if ("translate3d" in t && t.translate3d) {
-      const a = this.formatLength(t.translate3d.x ?? 0), s = this.formatLength(t.translate3d.y ?? 0), o = this.formatLength(t.translate3d.z ?? 0);
-      r.push(`translate3d(${a}, ${s}, ${o})`);
+      const s = this.formatLength(t.translate3d.x ?? 0), n = this.formatLength(t.translate3d.y ?? 0), o = this.formatLength(t.translate3d.z ?? 0);
+      r.push(`translate3d(${s}, ${n}, ${o})`);
     }
     return "scaleX" in t && t.scaleX !== void 0 && r.push(`scaleX(${t.scaleX})`), "scaleY" in t && t.scaleY !== void 0 && r.push(`scaleY(${t.scaleY})`), "scaleZ" in t && t.scaleZ !== void 0 && r.push(`scaleZ(${t.scaleZ})`), "translateX" in t && t.translateX !== void 0 && r.push(`translateX(${this.formatLength(t.translateX)})`), "translateY" in t && t.translateY !== void 0 && r.push(`translateY(${this.formatLength(t.translateY)})`), "translateZ" in t && t.translateZ !== void 0 && r.push(`translateZ(${this.formatLength(t.translateZ)})`), r.length === 0 ? this.generateTransformCSS(t) : r.join(" ");
   }
   generateTransformCSS(t) {
-    return new l({ transform: t }).generateTransformCSS(t);
+    return new m({ transform: t }).generateTransformCSS(t);
   }
   formatLength(t) {
     return typeof t == "number" ? `${t}px` : t;
   }
 }
-function p(e) {
-  return new l({ transform: e });
+function b(e) {
+  return new m({ transform: e });
 }
 function v(e) {
-  return new l({ transform: { scale: e } });
-}
-function w(e) {
-  return new l({ transform: { rotate: e } });
-}
-function $(e) {
-  return new l({ transform: { translate: e } });
-}
-function k(e) {
-  return new l({ transform: { skew: e } });
+  return new m({ transform: { scale: e } });
 }
 function x(e) {
-  return new l({ transform: { rotateX: e } });
+  return new m({ transform: { rotate: e } });
 }
-function S(e) {
-  return new l({ transform: { rotateY: e } });
+function A(e) {
+  return new m({ transform: { translate: e } });
 }
 function Z(e) {
-  return new l({ transform: { rotateZ: e } });
+  return new m({ transform: { skew: e } });
 }
-function b(e) {
-  return new l({ transform: { perspective: e } });
+function k(e) {
+  return new m({ transform: { rotateX: e } });
+}
+function O(e) {
+  return new m({ transform: { rotateY: e } });
+}
+function T(e) {
+  return new m({ transform: { rotateZ: e } });
 }
 function X(e) {
-  return new i({ transform: e });
+  return new m({ transform: { perspective: e } });
 }
 function Y(e) {
+  return new i({ transform: e });
+}
+function V(e) {
   return new i({ transform: { matrix: e } });
 }
-function O(e) {
+function j(e) {
   return new i({ transform: { matrix3d: e } });
 }
-function T(e, n, t, r) {
+function L(e, a, t, r) {
   return new i({
-    transform: { rotate3d: { x: e, y: n, z: t, angle: r } }
+    transform: { rotate3d: { x: e, y: a, z: t, angle: r } }
   });
 }
-function L(e, n, t) {
-  return new i({ transform: { scale3d: { x: e, y: n, z: t } } });
+function z(e, a, t) {
+  return new i({ transform: { scale3d: { x: e, y: a, z: t } } });
 }
-function z(e, n, t) {
+function C(e, a, t) {
   return new i({
-    transform: { translate3d: { x: e, y: n, z: t } }
+    transform: { translate3d: { x: e, y: a, z: t } }
   });
 }
-function V(e) {
+function R(e) {
   return new i({ transform: { scaleX: e } });
 }
-function C(e) {
+function M(e) {
   return new i({ transform: { scaleY: e } });
 }
-function j(e) {
+function E(e) {
   return new i({ transform: { scaleZ: e } });
 }
-function A(e) {
+function _(e) {
   return new i({ transform: { translateX: e } });
 }
-function M(e) {
+function B(e) {
   return new i({ transform: { translateY: e } });
 }
-function _(e) {
+function q(e) {
   return new i({ transform: { translateZ: e } });
 }
-function B(e) {
+function D(e) {
   return new i({ perspectiveOrigin: e });
 }
-function q(e) {
+function F(e) {
   return new i({ transformStyle: e });
 }
-function D(e) {
+function G(e) {
   return new i({ backfaceVisibility: e });
 }
-function E(e, n) {
+function H(e, a) {
   return new i({
-    transform: { translateX: e, translateY: n }
+    transform: { translateX: e, translateY: a }
   });
 }
 export {
   i as AdvancedTransformModifier,
-  l as TransformModifier,
-  X as advancedTransform,
-  D as backfaceVisibility,
-  Y as matrix,
-  O as matrix3d,
-  E as offset,
-  b as perspective,
-  B as perspectiveOrigin,
-  w as rotate,
-  T as rotate3d,
-  x as rotateX,
-  S as rotateY,
-  Z as rotateZ,
+  m as TransformModifier,
+  Y as advancedTransform,
+  G as backfaceVisibility,
+  V as matrix,
+  j as matrix3d,
+  H as offset,
+  X as perspective,
+  D as perspectiveOrigin,
+  x as rotate,
+  L as rotate3d,
+  k as rotateX,
+  O as rotateY,
+  T as rotateZ,
   v as scale,
-  L as scale3d,
-  V as scaleX,
-  C as scaleY,
-  j as scaleZ,
-  k as skew,
-  p as transform,
-  q as transformStyle,
-  $ as translate,
-  z as translate3d,
-  A as translateX,
-  M as translateY,
-  _ as translateZ
+  z as scale3d,
+  R as scaleX,
+  M as scaleY,
+  E as scaleZ,
+  Z as skew,
+  b as transform,
+  F as transformStyle,
+  A as translate,
+  C as translate3d,
+  _ as translateX,
+  B as translateY,
+  q as translateZ
 };