@weng-lab/visualization 2.4.0-beta.8 → 2.4.0

package/dist/visualization.es415.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es415.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/sanitize.mjs"],"sourcesContent":["// If this number is a decimal, make it just five decimal places\n// to avoid exponents\nconst sanitize = (v) => Math.round(v * 100000) / 100000;\n\nexport { sanitize };\n//# sourceMappingURL=sanitize.mjs.map\n"],"names":["sanitize","v"],"mappings":"AAEK,MAACA,IAAW,CAACC,MAAM,KAAK,MAAMA,IAAI,GAAM,IAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es415.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/animatable-none.mjs"],"sourcesContent":["import { complex } from '../complex/index.mjs';\nimport { filter } from '../complex/filter.mjs';\nimport { mask } from '../complex/mask.mjs';\nimport { getDefaultValueType } from '../maps/defaults.mjs';\n\nconst customTypes = /*@__PURE__*/ new Set([filter, mask]);\nfunction getAnimatableNone(key, value) {\n    let defaultValueType = getDefaultValueType(key);\n    if (!customTypes.has(defaultValueType))\n        defaultValueType = complex;\n    // If value is not recognised as animatable, ie \"none\", create an animatable version origin based on the target\n    return defaultValueType.getAnimatableNone\n        ? defaultValueType.getAnimatableNone(value)\n        : undefined;\n}\n\nexport { getAnimatableNone };\n//# sourceMappingURL=animatable-none.mjs.map\n"],"names":["customTypes","filter","mask","getAnimatableNone","key","value","defaultValueType","getDefaultValueType","complex"],"mappings":";;;;AAKA,MAAMA,IAA4B,oBAAI,IAAI,CAACC,GAAQC,CAAI,CAAC;AACxD,SAASC,EAAkBC,GAAKC,GAAO;AACnC,MAAIC,IAAmBC,EAAoBH,CAAG;AAC9C,SAAKJ,EAAY,IAAIM,CAAgB,MACjCA,IAAmBE,IAEhBF,EAAiB,oBAClBA,EAAiB,kBAAkBD,CAAK,IACxC;AACV;","x_google_ignoreList":[0]}

package/dist/visualization.es416.js

@@ -1,5 +1,9 @@
-const d = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
+import { color as e } from "./visualization.es392.js";
+import { complex as m } from "./visualization.es393.js";
+import { dimensionValueTypes as p } from "./visualization.es346.js";
+import { testValueType as r } from "./visualization.es408.js";
+const t = [...p, e, m], s = (o) => t.find(r(o));
 export {
-  d as colorRegex
+  s as findValueType
 };
 //# sourceMappingURL=visualization.es416.js.map

package/dist/visualization.es416.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es416.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/color-regex.mjs"],"sourcesContent":["const colorRegex = /(?:#[\\da-f]{3,8}|(?:rgb|hsl)a?\\((?:-?[\\d.]+%?[,\\s]+){2}-?[\\d.]+%?\\s*(?:[,/]\\s*)?(?:\\b\\d+(?:\\.\\d+)?|\\.\\d+)?%?\\))/giu;\n\nexport { colorRegex };\n//# sourceMappingURL=color-regex.mjs.map\n"],"names":["colorRegex"],"mappings":"AAAK,MAACA,IAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es416.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/find.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { complex } from '../complex/index.mjs';\nimport { dimensionValueTypes } from '../dimensions.mjs';\nimport { testValueType } from '../test.mjs';\n\n/**\n * A list of all ValueTypes\n */\nconst valueTypes = [...dimensionValueTypes, color, complex];\n/**\n * Tests a value against the list of ValueTypes\n */\nconst findValueType = (v) => valueTypes.find(testValueType(v));\n\nexport { findValueType };\n//# sourceMappingURL=find.mjs.map\n"],"names":["valueTypes","dimensionValueTypes","color","complex","findValueType","v","testValueType"],"mappings":";;;;AAQA,MAAMA,IAAa,CAAC,GAAGC,GAAqBC,GAAOC,CAAO,GAIpDC,IAAgB,CAACC,MAAML,EAAW,KAAKM,EAAcD,CAAC,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es417.js

@@ -1,5 +1,5 @@
-const d = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
+const e = (r, t) => t && typeof r == "number" ? t.transform(r) : r;
 export {
-  d as floatRegex
+  e as getValueAsType
 };
 //# sourceMappingURL=visualization.es417.js.map

package/dist/visualization.es417.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es417.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/float-regex.mjs"],"sourcesContent":["const floatRegex = /-?(?:\\d+(?:\\.\\d+)?|\\.\\d+)/gu;\n\nexport { floatRegex };\n//# sourceMappingURL=float-regex.mjs.map\n"],"names":["floatRegex"],"mappings":"AAAK,MAACA,IAAa;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es417.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/get-as-type.mjs"],"sourcesContent":["/**\n * Provided a value and a ValueType, returns the value as that value type.\n */\nconst getValueAsType = (value, type) => {\n    return type && typeof value === \"number\"\n        ? type.transform(value)\n        : value;\n};\n\nexport { getValueAsType };\n//# sourceMappingURL=get-as-type.mjs.map\n"],"names":["getValueAsType","value","type"],"mappings":"AAGK,MAACA,IAAiB,CAACC,GAAOC,MACpBA,KAAQ,OAAOD,KAAU,WAC1BC,EAAK,UAAUD,CAAK,IACpBA;","x_google_ignoreList":[0]}

package/dist/visualization.es418.js

@@ -1,8 +1,8 @@
-const o = {
-  test: (t) => t === "auto",
-  parse: (t) => t
-};
+import { isMotionValue as i } from "./visualization.es193.js";
+function t(o) {
+  return !!(i(o) && o.add);
+}
 export {
-  o as auto
+  t as isWillChangeMotionValue
 };
 //# sourceMappingURL=visualization.es418.js.map

package/dist/visualization.es418.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es418.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/auto.mjs"],"sourcesContent":["/**\n * ValueType for \"auto\"\n */\nconst auto = {\n    test: (v) => v === \"auto\",\n    parse: (v) => v,\n};\n\nexport { auto };\n//# sourceMappingURL=auto.mjs.map\n"],"names":["auto","v"],"mappings":"AAGK,MAACA,IAAO;AAAA,EACT,MAAM,CAACC,MAAMA,MAAM;AAAA,EACnB,OAAO,CAACA,MAAMA;AAClB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es418.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/will-change/is.mjs"],"sourcesContent":["import { isMotionValue } from '../utils/is-motion-value.mjs';\n\nfunction isWillChangeMotionValue(value) {\n    return Boolean(isMotionValue(value) && value.add);\n}\n\nexport { isWillChangeMotionValue };\n//# sourceMappingURL=is.mjs.map\n"],"names":["isWillChangeMotionValue","value","isMotionValue"],"mappings":";AAEA,SAASA,EAAwBC,GAAO;AACpC,SAAO,GAAQC,EAAcD,CAAK,KAAKA,EAAM;AACjD;","x_google_ignoreList":[0]}

package/dist/visualization.es419.js

@@ -1,5 +1,29 @@
-const s = (t) => (e) => e.test(t);
+import { isMotionValue as r } from "./visualization.es193.js";
+import { DOMKeyframesResolver as o } from "./visualization.es345.js";
+import { VisualElement as s } from "./visualization.es275.js";
+class a extends s {
+  constructor() {
+    super(...arguments), this.KeyframeResolver = o;
+  }
+  sortInstanceNodePosition(e, t) {
+    return e.compareDocumentPosition(t) & 2 ? 1 : -1;
+  }
+  getBaseTargetFromProps(e, t) {
+    const i = e.style;
+    return i ? i[t] : void 0;
+  }
+  removeValueFromRenderState(e, { vars: t, style: i }) {
+    delete t[e], delete i[e];
+  }
+  handleChildMotionValue() {
+    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
+    const { children: e } = this.props;
+    r(e) && (this.childSubscription = e.on("change", (t) => {
+      this.current && (this.current.textContent = `${t}`);
+    }));
+  }
+}
 export {
-  s as testValueType
+  a as DOMVisualElement
 };
 //# sourceMappingURL=visualization.es419.js.map

package/dist/visualization.es419.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es419.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/test.mjs"],"sourcesContent":["/**\n * Tests a provided value against a ValueType\n */\nconst testValueType = (v) => (type) => type.test(v);\n\nexport { testValueType };\n//# sourceMappingURL=test.mjs.map\n"],"names":["testValueType","v","type"],"mappings":"AAGK,MAACA,IAAgB,CAACC,MAAM,CAACC,MAASA,EAAK,KAAKD,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es419.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs"],"sourcesContent":["import { isMotionValue } from '../../value/utils/is-motion-value.mjs';\nimport { DOMKeyframesResolver } from '../../animation/keyframes/DOMKeyframesResolver.mjs';\nimport { VisualElement } from '../VisualElement.mjs';\n\nclass DOMVisualElement extends VisualElement {\n    constructor() {\n        super(...arguments);\n        this.KeyframeResolver = DOMKeyframesResolver;\n    }\n    sortInstanceNodePosition(a, b) {\n        /**\n         * compareDocumentPosition returns a bitmask, by using the bitwise &\n         * we're returning true if 2 in that bitmask is set to true. 2 is set\n         * to true if b preceeds a.\n         */\n        return a.compareDocumentPosition(b) & 2 ? 1 : -1;\n    }\n    getBaseTargetFromProps(props, key) {\n        const style = props.style;\n        return style ? style[key] : undefined;\n    }\n    removeValueFromRenderState(key, { vars, style }) {\n        delete vars[key];\n        delete style[key];\n    }\n    handleChildMotionValue() {\n        if (this.childSubscription) {\n            this.childSubscription();\n            delete this.childSubscription;\n        }\n        const { children } = this.props;\n        if (isMotionValue(children)) {\n            this.childSubscription = children.on(\"change\", (latest) => {\n                if (this.current) {\n                    this.current.textContent = `${latest}`;\n                }\n            });\n        }\n    }\n}\n\nexport { DOMVisualElement };\n//# sourceMappingURL=DOMVisualElement.mjs.map\n"],"names":["DOMVisualElement","VisualElement","DOMKeyframesResolver","a","b","props","key","style","vars","children","isMotionValue","latest"],"mappings":";;;AAIA,MAAMA,UAAyBC,EAAc;AAAA,EACzC,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,mBAAmBC;AAAA,EAC5B;AAAA,EACA,yBAAyBC,GAAGC,GAAG;AAM3B,WAAOD,EAAE,wBAAwBC,CAAC,IAAI,IAAI,IAAI;AAAA,EAClD;AAAA,EACA,uBAAuBC,GAAOC,GAAK;AAC/B,UAAMC,IAAQF,EAAM;AACpB,WAAOE,IAAQA,EAAMD,CAAG,IAAI;AAAA,EAChC;AAAA,EACA,2BAA2BA,GAAK,EAAE,MAAAE,GAAM,OAAAD,EAAK,GAAI;AAC7C,WAAOC,EAAKF,CAAG,GACf,OAAOC,EAAMD,CAAG;AAAA,EACpB;AAAA,EACA,yBAAyB;AACrB,IAAI,KAAK,sBACL,KAAK,kBAAiB,GACtB,OAAO,KAAK;AAEhB,UAAM,EAAE,UAAAG,MAAa,KAAK;AAC1B,IAAIC,EAAcD,CAAQ,MACtB,KAAK,oBAAoBA,EAAS,GAAG,UAAU,CAACE,MAAW;AACvD,MAAI,KAAK,YACL,KAAK,QAAQ,cAAc,GAAGA,CAAM;AAAA,IAE5C,CAAC;AAAA,EAET;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es42.js

@@ -1,8 +1,285 @@
-function h(l, a, u, d, o) {
-  for (var i = l.children, e, n = -1, v = i.length, c = l.value && (d - a) / l.value; ++n < v; )
-    e = i[n], e.y0 = u, e.y1 = o, e.x0 = a, e.x1 = a += e.value * c;
+import { useRef as H, useState as P, useCallback as s } from "react";
+import { useGesture as st } from "./visualization.es214.js";
+import { applyMatrixToPoint as rt, applyInverseMatrixToPoint as E, composeMatrices as J, translateMatrix as R, scaleMatrix as ot, inverseMatrix as lt, identityMatrix as ct } from "./visualization.es215.js";
+import { jsx as it, Fragment as ft } from "react/jsx-runtime";
+import W from "./visualization.es72.js";
+const ut = {
+  scaleX: 1,
+  scaleY: 1,
+  translateX: 0,
+  translateY: 0,
+  skewX: 0,
+  skewY: 0
+}, dt = (u) => -u.deltaY > 0 ? {
+  scaleX: 1.1,
+  scaleY: 1.1
+} : {
+  scaleX: 0.9,
+  scaleY: 0.9
+}, xt = (u) => {
+  let {
+    offset: [d],
+    lastOffset: [x]
+  } = u;
+  return {
+    scaleX: d - x < 0 ? 0.9 : 1.1,
+    scaleY: d - x < 0 ? 0.9 : 1.1
+  };
+};
+function ht(u) {
+  let {
+    scaleXMin: d = 0,
+    scaleXMax: x = 1 / 0,
+    scaleYMin: z = 0,
+    scaleYMax: K = 1 / 0,
+    initialTransformMatrix: Y = ut,
+    wheelDelta: O = dt,
+    pinchDelta: j = xt,
+    width: p,
+    height: g,
+    constrain: S,
+    children: L
+  } = u;
+  const h = H(null), M = H(Y), [r, N] = P(Y), [X, B] = P(!1), [v, $] = P(void 0), [f, T] = P(void 0), F = s((e, t) => {
+    if (S) return S(e, t);
+    const {
+      scaleX: n,
+      scaleY: a
+    } = e, o = n > x || n < d, l = a > K || a < z;
+    return o || l ? t : e;
+  }, [S, d, x, z, K]), c = s((e) => {
+    N((t) => {
+      const n = F(e, t);
+      return M.current = n, n;
+    });
+  }, [F]), Q = s((e) => {
+    let {
+      x: t,
+      y: n
+    } = e;
+    return rt(r, {
+      x: t,
+      y: n
+    });
+  }, [r]), D = s((e) => {
+    let {
+      x: t,
+      y: n
+    } = e;
+    return E(r, {
+      x: t,
+      y: n
+    });
+  }, [r]), U = s(() => {
+    c(Y);
+  }, [Y, c]), y = s((e) => {
+    let {
+      scaleX: t,
+      scaleY: n,
+      point: a
+    } = e;
+    const o = n || t, l = a || {
+      x: p / 2,
+      y: g / 2
+    }, i = E(M.current, l), C = J(M.current, R(i.x, i.y), ot(t, o), R(-i.x, -i.y));
+    if (c(C), X) {
+      const {
+        translateX: b,
+        translateY: at
+      } = M.current;
+      T(a), $({
+        translateX: b,
+        translateY: at
+      });
+    }
+  }, [g, p, X, c]), k = s((e) => {
+    let {
+      translateX: t,
+      translateY: n
+    } = e;
+    const a = J(r, R(t, n));
+    c(a);
+  }, [c, r]), m = s((e) => {
+    let {
+      translateX: t,
+      translateY: n
+    } = e;
+    const a = {
+      ...r,
+      translateX: t,
+      translateY: n
+    };
+    c(a);
+  }, [c, r]), V = s((e) => {
+    let {
+      x: t,
+      y: n
+    } = e;
+    const a = E(r, {
+      x: t,
+      y: n
+    });
+    m({
+      translateX: a.x,
+      translateY: a.y
+    });
+  }, [m, r]), I = s(() => lt(r), [r]), _ = s(() => {
+    const {
+      translateX: e,
+      translateY: t,
+      scaleX: n,
+      scaleY: a,
+      skewX: o,
+      skewY: l
+    } = I();
+    return `matrix(${n}, ${l}, ${o}, ${a}, ${e}, ${t})`;
+  }, [I]), G = s((e) => {
+    const {
+      translateX: t,
+      translateY: n
+    } = r;
+    T(W(e) || void 0), $({
+      translateX: t,
+      translateY: n
+    }), B(!0);
+  }, [r]), Z = s((e, t) => {
+    if (!X || !f || !v) return;
+    const n = W(e), a = n ? -(f.x - n.x) : -f.x, o = n ? -(f.y - n.y) : -f.y;
+    let l = v.translateX + a;
+    t?.offsetX && (l += t?.offsetX ?? 0);
+    let i = v.translateY + o;
+    t?.offsetY && (i += t?.offsetY ?? 0), m({
+      translateX: l,
+      translateY: i
+    });
+  }, [X, m, f, v]), w = s(() => {
+    T(void 0), $(void 0), B(!1);
+  }, []), q = s((e) => {
+    e.preventDefault();
+    const t = W(e) || void 0, {
+      scaleX: n,
+      scaleY: a
+    } = O(e);
+    y({
+      scaleX: n,
+      scaleY: a,
+      point: t
+    });
+  }, [y, O]), A = s((e) => {
+    const {
+      origin: [t, n],
+      memo: a
+    } = e;
+    let o = a;
+    if (h.current) {
+      const {
+        top: l,
+        left: i
+      } = o ?? h.current.getBoundingClientRect();
+      o || (o = {
+        top: l,
+        left: i
+      });
+      const {
+        scaleX: C,
+        scaleY: b
+      } = j(e);
+      y({
+        scaleX: C,
+        scaleY: b,
+        point: {
+          x: t - i,
+          y: n - l
+        }
+      });
+    }
+    return o;
+  }, [y, j]), tt = s(() => {
+    const {
+      translateX: e,
+      translateY: t,
+      scaleX: n,
+      scaleY: a,
+      skewX: o,
+      skewY: l
+    } = r;
+    return `matrix(${n}, ${l}, ${o}, ${a}, ${e}, ${t})`;
+  }, [r]), et = s(() => {
+    const e = {
+      x: p / 2,
+      y: g / 2
+    }, t = D(e);
+    k({
+      translateX: t.x - e.x,
+      translateY: t.y - e.y
+    });
+  }, [g, p, D, k]), nt = s(() => {
+    c(ct());
+  }, [c]);
+  return st({
+    onDragStart: (e) => {
+      let {
+        event: t
+      } = e;
+      t instanceof KeyboardEvent || G(t);
+    },
+    onDrag: (e) => {
+      let {
+        event: t,
+        pinching: n,
+        cancel: a
+      } = e;
+      n ? (a(), w()) : t instanceof KeyboardEvent || Z(t);
+    },
+    onDragEnd: w,
+    onPinch: A,
+    onWheel: (e) => {
+      let {
+        event: t,
+        active: n,
+        pinching: a
+      } = e;
+      // Outside of Safari, the wheel event is fired together with the pinch event
+      a || // currently onWheelEnd emits one final wheel event which causes 2x scale
+      // updates for the last tick. ensuring that the gesture is active avoids this
+      !n || q(t);
+    }
+  }, {
+    target: h,
+    eventOptions: {
+      passive: !1
+    },
+    drag: {
+      filterTaps: !0
+    }
+  }), /* @__PURE__ */ it(ft, {
+    children: L({
+      initialTransformMatrix: Y,
+      transformMatrix: r,
+      isDragging: X,
+      center: et,
+      clear: nt,
+      scale: y,
+      translate: k,
+      translateTo: V,
+      setTranslate: m,
+      setTransformMatrix: c,
+      reset: U,
+      handleWheel: q,
+      handlePinch: A,
+      dragEnd: w,
+      dragMove: Z,
+      dragStart: G,
+      toString: tt,
+      invert: I,
+      toStringInvert: _,
+      applyToPoint: Q,
+      applyInverseToPoint: D,
+      containerRef: h
+    })
+  });
 }
 export {
-  h as default
+  ht as default
 };
 //# sourceMappingURL=visualization.es42.js.map

package/dist/visualization.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es42.js","sources":["../../../node_modules/.pnpm/d3-hierarchy@1.1.9/node_modules/d3-hierarchy/src/treemap/dice.js"],"sourcesContent":["export default function(parent, x0, y0, x1, y1) {\n  var nodes = parent.children,\n      node,\n      i = -1,\n      n = nodes.length,\n      k = parent.value && (x1 - x0) / parent.value;\n\n  while (++i < n) {\n    node = nodes[i], node.y0 = y0, node.y1 = y1;\n    node.x0 = x0, node.x1 = x0 += node.value * k;\n  }\n}\n"],"names":["treemapDice","parent","x0","y0","x1","y1","nodes","node","i","n","k"],"mappings":"AAAe,SAAAA,EAASC,GAAQC,GAAIC,GAAIC,GAAIC,GAAI;AAO9C,WANIC,IAAQL,EAAO,UACfM,GACAC,IAAI,IACJC,IAAIH,EAAM,QACVI,IAAIT,EAAO,UAAUG,IAAKF,KAAMD,EAAO,OAEpC,EAAEO,IAAIC;AACX,IAAAF,IAAOD,EAAME,CAAC,GAAGD,EAAK,KAAKJ,GAAII,EAAK,KAAKF,GACzCE,EAAK,KAAKL,GAAIK,EAAK,KAAKL,KAAMK,EAAK,QAAQG;AAE/C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es42.js","sources":["../../../node_modules/.pnpm/@visx+zoom@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/zoom/esm/Zoom.js"],"sourcesContent":["import { useState, useRef, useCallback } from 'react';\nimport { localPoint } from '@visx/event';\nimport { useGesture } from '@use-gesture/react';\nimport { composeMatrices, inverseMatrix, applyMatrixToPoint, applyInverseMatrixToPoint, translateMatrix, identityMatrix, scaleMatrix } from \"./util/matrix.js\";\nimport { Fragment as _Fragment, jsx as _jsx } from \"react/jsx-runtime\";\n// default prop values\nconst defaultInitialTransformMatrix = {\n  scaleX: 1,\n  scaleY: 1,\n  translateX: 0,\n  translateY: 0,\n  skewX: 0,\n  skewY: 0\n};\nconst defaultWheelDelta = event => -event.deltaY > 0 ? {\n  scaleX: 1.1,\n  scaleY: 1.1\n} : {\n  scaleX: 0.9,\n  scaleY: 0.9\n};\nconst defaultPinchDelta = _ref => {\n  let {\n    offset: [s],\n    lastOffset: [lastS]\n  } = _ref;\n  return {\n    scaleX: s - lastS < 0 ? 0.9 : 1.1,\n    scaleY: s - lastS < 0 ? 0.9 : 1.1\n  };\n};\nfunction Zoom(_ref2) {\n  let {\n    scaleXMin = 0,\n    scaleXMax = Infinity,\n    scaleYMin = 0,\n    scaleYMax = Infinity,\n    initialTransformMatrix = defaultInitialTransformMatrix,\n    wheelDelta = defaultWheelDelta,\n    pinchDelta = defaultPinchDelta,\n    width,\n    height,\n    constrain,\n    children\n  } = _ref2;\n  const containerRef = useRef(null);\n  const matrixStateRef = useRef(initialTransformMatrix);\n  const [transformMatrix, setTransformMatrixState] = useState(initialTransformMatrix);\n  const [isDragging, setIsDragging] = useState(false);\n  const [startTranslate, setStartTranslate] = useState(undefined);\n  const [startPoint, setStartPoint] = useState(undefined);\n  const defaultConstrain = useCallback((newTransformMatrix, prevTransformMatrix) => {\n    if (constrain) return constrain(newTransformMatrix, prevTransformMatrix);\n    const {\n      scaleX,\n      scaleY\n    } = newTransformMatrix;\n    const shouldConstrainScaleX = scaleX > scaleXMax || scaleX < scaleXMin;\n    const shouldConstrainScaleY = scaleY > scaleYMax || scaleY < scaleYMin;\n    if (shouldConstrainScaleX || shouldConstrainScaleY) {\n      return prevTransformMatrix;\n    }\n    return newTransformMatrix;\n  }, [constrain, scaleXMin, scaleXMax, scaleYMin, scaleYMax]);\n  const setTransformMatrix = useCallback(newTransformMatrix => {\n    setTransformMatrixState(prevTransformMatrix => {\n      const updatedTransformMatrix = defaultConstrain(newTransformMatrix, prevTransformMatrix);\n      matrixStateRef.current = updatedTransformMatrix;\n      return updatedTransformMatrix;\n    });\n  }, [defaultConstrain]);\n  const applyToPoint = useCallback(_ref3 => {\n    let {\n      x,\n      y\n    } = _ref3;\n    return applyMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n  }, [transformMatrix]);\n  const applyInverseToPoint = useCallback(_ref4 => {\n    let {\n      x,\n      y\n    } = _ref4;\n    return applyInverseMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n  }, [transformMatrix]);\n  const reset = useCallback(() => {\n    setTransformMatrix(initialTransformMatrix);\n  }, [initialTransformMatrix, setTransformMatrix]);\n  const scale = useCallback(_ref5 => {\n    let {\n      scaleX,\n      scaleY: maybeScaleY,\n      point\n    } = _ref5;\n    const scaleY = maybeScaleY || scaleX;\n    const cleanPoint = point || {\n      x: width / 2,\n      y: height / 2\n    };\n    // need to use ref value instead of state here because wheel listener does not have access to latest state\n    const translate = applyInverseMatrixToPoint(matrixStateRef.current, cleanPoint);\n    const nextMatrix = composeMatrices(matrixStateRef.current, translateMatrix(translate.x, translate.y), scaleMatrix(scaleX, scaleY), translateMatrix(-translate.x, -translate.y));\n    setTransformMatrix(nextMatrix);\n    if (isDragging) {\n      const {\n        translateX,\n        translateY\n      } = matrixStateRef.current;\n      setStartPoint(point);\n      setStartTranslate({\n        translateX,\n        translateY\n      });\n    }\n  }, [height, width, isDragging, setTransformMatrix]);\n  const translate = useCallback(_ref6 => {\n    let {\n      translateX,\n      translateY\n    } = _ref6;\n    const nextMatrix = composeMatrices(transformMatrix, translateMatrix(translateX, translateY));\n    setTransformMatrix(nextMatrix);\n  }, [setTransformMatrix, transformMatrix]);\n  const setTranslate = useCallback(_ref7 => {\n    let {\n      translateX,\n      translateY\n    } = _ref7;\n    const nextMatrix = {\n      ...transformMatrix,\n      translateX,\n      translateY\n    };\n    setTransformMatrix(nextMatrix);\n  }, [setTransformMatrix, transformMatrix]);\n  const translateTo = useCallback(_ref8 => {\n    let {\n      x,\n      y\n    } = _ref8;\n    const point = applyInverseMatrixToPoint(transformMatrix, {\n      x,\n      y\n    });\n    setTranslate({\n      translateX: point.x,\n      translateY: point.y\n    });\n  }, [setTranslate, transformMatrix]);\n  const invert = useCallback(() => inverseMatrix(transformMatrix), [transformMatrix]);\n  const toStringInvert = useCallback(() => {\n    const {\n      translateX,\n      translateY,\n      scaleX,\n      scaleY,\n      skewX,\n      skewY\n    } = invert();\n    return `matrix(${scaleX}, ${skewY}, ${skewX}, ${scaleY}, ${translateX}, ${translateY})`;\n  }, [invert]);\n  const dragStart = useCallback(event => {\n    const {\n      translateX,\n      translateY\n    } = transformMatrix;\n    setStartPoint(localPoint(event) || undefined);\n    setStartTranslate({\n      translateX,\n      translateY\n    });\n    setIsDragging(true);\n  }, [transformMatrix]);\n  const dragMove = useCallback((event, options) => {\n    if (!isDragging || !startPoint || !startTranslate) return;\n    const currentPoint = localPoint(event);\n    const dx = currentPoint ? -(startPoint.x - currentPoint.x) : -startPoint.x;\n    const dy = currentPoint ? -(startPoint.y - currentPoint.y) : -startPoint.y;\n    let translateX = startTranslate.translateX + dx;\n    if (options?.offsetX) translateX += options?.offsetX ?? 0;\n    let translateY = startTranslate.translateY + dy;\n    if (options?.offsetY) translateY += options?.offsetY ?? 0;\n    setTranslate({\n      translateX,\n      translateY\n    });\n  }, [isDragging, setTranslate, startPoint, startTranslate]);\n  const dragEnd = useCallback(() => {\n    setStartPoint(undefined);\n    setStartTranslate(undefined);\n    setIsDragging(false);\n  }, []);\n  const handleWheel = useCallback(event => {\n    event.preventDefault();\n    const point = localPoint(event) || undefined;\n    const {\n      scaleX,\n      scaleY\n    } = wheelDelta(event);\n    scale({\n      scaleX,\n      scaleY,\n      point\n    });\n  }, [scale, wheelDelta]);\n  const handlePinch = useCallback(state => {\n    const {\n      origin: [ox, oy],\n      memo\n    } = state;\n    let currentMemo = memo;\n    if (containerRef.current) {\n      const {\n        top,\n        left\n      } = currentMemo ?? containerRef.current.getBoundingClientRect();\n      if (!currentMemo) {\n        currentMemo = {\n          top,\n          left\n        };\n      }\n      const {\n        scaleX,\n        scaleY\n      } = pinchDelta(state);\n      scale({\n        scaleX,\n        scaleY,\n        point: {\n          x: ox - left,\n          y: oy - top\n        }\n      });\n    }\n    return currentMemo;\n  }, [scale, pinchDelta]);\n  const toString = useCallback(() => {\n    const {\n      translateX,\n      translateY,\n      scaleX,\n      scaleY,\n      skewX,\n      skewY\n    } = transformMatrix;\n    return `matrix(${scaleX}, ${skewY}, ${skewX}, ${scaleY}, ${translateX}, ${translateY})`;\n  }, [transformMatrix]);\n  const center = useCallback(() => {\n    const centerPoint = {\n      x: width / 2,\n      y: height / 2\n    };\n    const inverseCentroid = applyInverseToPoint(centerPoint);\n    translate({\n      translateX: inverseCentroid.x - centerPoint.x,\n      translateY: inverseCentroid.y - centerPoint.y\n    });\n  }, [height, width, applyInverseToPoint, translate]);\n  const clear = useCallback(() => {\n    setTransformMatrix(identityMatrix());\n  }, [setTransformMatrix]);\n  useGesture({\n    onDragStart: _ref9 => {\n      let {\n        event\n      } = _ref9;\n      if (!(event instanceof KeyboardEvent)) dragStart(event);\n    },\n    onDrag: _ref0 => {\n      let {\n        event,\n        pinching,\n        cancel\n      } = _ref0;\n      if (pinching) {\n        cancel();\n        dragEnd();\n      } else if (!(event instanceof KeyboardEvent)) {\n        dragMove(event);\n      }\n    },\n    onDragEnd: dragEnd,\n    onPinch: handlePinch,\n    onWheel: _ref1 => {\n      let {\n        event,\n        active,\n        pinching\n      } = _ref1;\n      if (\n      // Outside of Safari, the wheel event is fired together with the pinch event\n      pinching ||\n      // currently onWheelEnd emits one final wheel event which causes 2x scale\n      // updates for the last tick. ensuring that the gesture is active avoids this\n      !active) {\n        return;\n      }\n      handleWheel(event);\n    }\n  }, {\n    target: containerRef,\n    eventOptions: {\n      passive: false\n    },\n    drag: {\n      filterTaps: true\n    }\n  });\n  const zoom = {\n    initialTransformMatrix,\n    transformMatrix,\n    isDragging,\n    center,\n    clear,\n    scale,\n    translate,\n    translateTo,\n    setTranslate,\n    setTransformMatrix,\n    reset,\n    handleWheel,\n    handlePinch,\n    dragEnd,\n    dragMove,\n    dragStart,\n    toString,\n    invert,\n    toStringInvert,\n    applyToPoint,\n    applyInverseToPoint,\n    containerRef\n  };\n  return /*#__PURE__*/_jsx(_Fragment, {\n    children: children(zoom)\n  });\n}\nexport default Zoom;"],"names":["defaultInitialTransformMatrix","defaultWheelDelta","event","defaultPinchDelta","_ref","s","lastS","Zoom","_ref2","scaleXMin","scaleXMax","scaleYMin","scaleYMax","initialTransformMatrix","wheelDelta","pinchDelta","width","height","constrain","children","containerRef","useRef","matrixStateRef","transformMatrix","setTransformMatrixState","useState","isDragging","setIsDragging","startTranslate","setStartTranslate","startPoint","setStartPoint","defaultConstrain","useCallback","newTransformMatrix","prevTransformMatrix","scaleX","scaleY","shouldConstrainScaleX","shouldConstrainScaleY","setTransformMatrix","updatedTransformMatrix","applyToPoint","_ref3","x","y","applyMatrixToPoint","applyInverseToPoint","_ref4","applyInverseMatrixToPoint","reset","scale","_ref5","maybeScaleY","point","cleanPoint","translate","nextMatrix","composeMatrices","translateMatrix","scaleMatrix","translateX","translateY","_ref6","setTranslate","_ref7","translateTo","_ref8","invert","inverseMatrix","toStringInvert","skewX","skewY","dragStart","localPoint","dragMove","options","currentPoint","dx","dy","dragEnd","handleWheel","handlePinch","state","ox","oy","memo","currentMemo","top","left","toString","center","centerPoint","inverseCentroid","clear","identityMatrix","useGesture","_ref9","_ref0","pinching","cancel","_ref1","active","_jsx","_Fragment"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/visualization.es420.js

@@ -1,28 +1,14 @@
-import { color as o } from "./visualization.es403.js";
-import { filter as r } from "./visualization.es421.js";
-import { mask as e } from "./visualization.es422.js";
-import { numberValueTypes as l } from "./visualization.es423.js";
-const i = {
-  ...l,
-  // Color props
-  color: o,
-  backgroundColor: o,
-  outlineColor: o,
-  fill: o,
-  stroke: o,
-  // Border props
-  borderColor: o,
-  borderTopColor: o,
-  borderRightColor: o,
-  borderBottomColor: o,
-  borderLeftColor: o,
-  filter: r,
-  WebkitFilter: r,
-  mask: e,
-  WebkitMask: e
-}, a = (t) => i[t];
+import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./visualization.es441.js";
+import { translateAxis as n } from "./visualization.es443.js";
+function x(o, t) {
+  return s(f(o.getBoundingClientRect(), t));
+}
+function c(o, t, i) {
+  const r = x(o, i), { scroll: e } = t;
+  return e && (n(r.x, e.offset.x), n(r.y, e.offset.y)), r;
+}
 export {
-  i as defaultValueTypes,
-  a as getDefaultValueType
+  c as measurePageBox,
+  x as measureViewportBox
 };
 //# sourceMappingURL=visualization.es420.js.map

package/dist/visualization.es420.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es420.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/maps/defaults.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { filter } from '../complex/filter.mjs';\nimport { mask } from '../complex/mask.mjs';\nimport { numberValueTypes } from './number.mjs';\n\n/**\n * A map of default value types for common values\n */\nconst defaultValueTypes = {\n    ...numberValueTypes,\n    // Color props\n    color,\n    backgroundColor: color,\n    outlineColor: color,\n    fill: color,\n    stroke: color,\n    // Border props\n    borderColor: color,\n    borderTopColor: color,\n    borderRightColor: color,\n    borderBottomColor: color,\n    borderLeftColor: color,\n    filter,\n    WebkitFilter: filter,\n    mask,\n    WebkitMask: mask,\n};\n/**\n * Gets the default ValueType for the provided value key\n */\nconst getDefaultValueType = (key) => defaultValueTypes[key];\n\nexport { defaultValueTypes, getDefaultValueType };\n//# sourceMappingURL=defaults.mjs.map\n"],"names":["defaultValueTypes","numberValueTypes","color","filter","mask","getDefaultValueType","key"],"mappings":";;;;AAQK,MAACA,IAAoB;AAAA,EACtB,GAAGC;AAAA;AAAA,EAEH,OAAAC;AAAA,EACA,iBAAiBA;AAAA,EACjB,cAAcA;AAAA,EACd,MAAMA;AAAA,EACN,QAAQA;AAAA;AAAA,EAER,aAAaA;AAAA,EACb,gBAAgBA;AAAA,EAChB,kBAAkBA;AAAA,EAClB,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA,EACjB,QAAAC;AAAA,EACA,cAAcA;AAAA,EACd,MAAAC;AAAA,EACA,YAAYA;AAChB,GAIMC,IAAsB,CAACC,MAAQN,EAAkBM,CAAG;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es420.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/measure.mjs"],"sourcesContent":["import { convertBoundingBoxToBox, transformBoxPoints } from '../geometry/conversion.mjs';\nimport { translateAxis } from '../geometry/delta-apply.mjs';\n\nfunction measureViewportBox(instance, transformPoint) {\n    return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint));\n}\nfunction measurePageBox(element, rootProjectionNode, transformPagePoint) {\n    const viewportBox = measureViewportBox(element, transformPagePoint);\n    const { scroll } = rootProjectionNode;\n    if (scroll) {\n        translateAxis(viewportBox.x, scroll.offset.x);\n        translateAxis(viewportBox.y, scroll.offset.y);\n    }\n    return viewportBox;\n}\n\nexport { measurePageBox, measureViewportBox };\n//# sourceMappingURL=measure.mjs.map\n"],"names":["measureViewportBox","instance","transformPoint","convertBoundingBoxToBox","transformBoxPoints","measurePageBox","element","rootProjectionNode","transformPagePoint","viewportBox","scroll","translateAxis"],"mappings":";;AAGA,SAASA,EAAmBC,GAAUC,GAAgB;AAClD,SAAOC,EAAwBC,EAAmBH,EAAS,sBAAqB,GAAIC,CAAc,CAAC;AACvG;AACA,SAASG,EAAeC,GAASC,GAAoBC,GAAoB;AACrE,QAAMC,IAAcT,EAAmBM,GAASE,CAAkB,GAC5D,EAAE,QAAAE,EAAM,IAAKH;AACnB,SAAIG,MACAC,EAAcF,EAAY,GAAGC,EAAO,OAAO,CAAC,GAC5CC,EAAcF,EAAY,GAAGC,EAAO,OAAO,CAAC,IAEzCD;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es421.js

@@ -1,25 +1,30 @@
-import { complex as c } from "./visualization.es404.js";
-import { floatRegex as i } from "./visualization.es417.js";
-const s = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
-function u(t) {
-  const [e, n] = t.slice(0, -1).split("(");
-  if (e === "drop-shadow")
-    return t;
-  const [o] = n.match(i) || [];
-  if (!o)
-    return t;
-  const r = n.replace(o, "");
-  let a = s.has(e) ? 1 : 0;
-  return o !== n && (a *= 100), e + "(" + a + r + ")";
-}
-const l = /\b([a-z-]*)\(.*?\)/gu, p = {
-  ...c,
-  getAnimatableNone: (t) => {
-    const e = t.match(l);
-    return e ? e.map(u).join(" ") : t;
+import { getValueAsType as p } from "./visualization.es417.js";
+import { numberValueTypes as u } from "./visualization.es412.js";
+import { transformProps as c } from "./visualization.es321.js";
+import { isCSSVariableName as g } from "./visualization.es318.js";
+import { buildTransform as y } from "./visualization.es464.js";
+function S(f, i, e) {
+  const { style: o, vars: l, transformOrigin: t } = f;
+  let m = !1, a = !1;
+  for (const r in i) {
+    const n = i[r];
+    if (c.has(r)) {
+      m = !0;
+      continue;
+    } else if (g(r)) {
+      l[r] = n;
+      continue;
+    } else {
+      const s = p(n, u[r]);
+      r.startsWith("origin") ? (a = !0, t[r] = s) : o[r] = s;
+    }
   }
-};
+  if (i.transform || (m || e ? o.transform = y(i, f.transform, e) : o.transform && (o.transform = "none")), a) {
+    const { originX: r = "50%", originY: n = "50%", originZ: s = 0 } = t;
+    o.transformOrigin = `${r} ${n} ${s}`;
+  }
+}
 export {
-  p as filter
+  S as buildHTMLStyles
 };
 //# sourceMappingURL=visualization.es421.js.map

package/dist/visualization.es421.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es421.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/filter.mjs"],"sourcesContent":["import { complex } from './index.mjs';\nimport { floatRegex } from '../utils/float-regex.mjs';\n\n/**\n * Properties that should default to 1 or 100%\n */\nconst maxDefaults = new Set([\"brightness\", \"contrast\", \"saturate\", \"opacity\"]);\nfunction applyDefaultFilter(v) {\n    const [name, value] = v.slice(0, -1).split(\"(\");\n    if (name === \"drop-shadow\")\n        return v;\n    const [number] = value.match(floatRegex) || [];\n    if (!number)\n        return v;\n    const unit = value.replace(number, \"\");\n    let defaultValue = maxDefaults.has(name) ? 1 : 0;\n    if (number !== value)\n        defaultValue *= 100;\n    return name + \"(\" + defaultValue + unit + \")\";\n}\nconst functionRegex = /\\b([a-z-]*)\\(.*?\\)/gu;\nconst filter = {\n    ...complex,\n    getAnimatableNone: (v) => {\n        const functions = v.match(functionRegex);\n        return functions ? functions.map(applyDefaultFilter).join(\" \") : v;\n    },\n};\n\nexport { filter };\n//# sourceMappingURL=filter.mjs.map\n"],"names":["maxDefaults","applyDefaultFilter","v","name","value","number","floatRegex","unit","defaultValue","functionRegex","filter","complex","functions"],"mappings":";;AAMA,MAAMA,IAAc,oBAAI,IAAI,CAAC,cAAc,YAAY,YAAY,SAAS,CAAC;AAC7E,SAASC,EAAmBC,GAAG;AAC3B,QAAM,CAACC,GAAMC,CAAK,IAAIF,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG;AAC9C,MAAIC,MAAS;AACT,WAAOD;AACX,QAAM,CAACG,CAAM,IAAID,EAAM,MAAME,CAAU,KAAK,CAAA;AAC5C,MAAI,CAACD;AACD,WAAOH;AACX,QAAMK,IAAOH,EAAM,QAAQC,GAAQ,EAAE;AACrC,MAAIG,IAAeR,EAAY,IAAIG,CAAI,IAAI,IAAI;AAC/C,SAAIE,MAAWD,MACXI,KAAgB,MACbL,IAAO,MAAMK,IAAeD,IAAO;AAC9C;AACA,MAAME,IAAgB,wBAChBC,IAAS;AAAA,EACX,GAAGC;AAAA,EACH,mBAAmB,CAACT,MAAM;AACtB,UAAMU,IAAYV,EAAE,MAAMO,CAAa;AACvC,WAAOG,IAAYA,EAAU,IAAIX,CAAkB,EAAE,KAAK,GAAG,IAAIC;AAAA,EACrE;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es421.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs"],"sourcesContent":["import { getValueAsType } from '../../../value/types/utils/get-as-type.mjs';\nimport { numberValueTypes } from '../../../value/types/maps/number.mjs';\nimport { transformProps } from '../../utils/keys-transform.mjs';\nimport { isCSSVariableName } from '../../../animation/utils/is-css-variable.mjs';\nimport { buildTransform } from './build-transform.mjs';\n\nfunction buildHTMLStyles(state, latestValues, transformTemplate) {\n    const { style, vars, transformOrigin } = state;\n    // Track whether we encounter any transform or transformOrigin values.\n    let hasTransform = false;\n    let hasTransformOrigin = false;\n    /**\n     * Loop over all our latest animated values and decide whether to handle them\n     * as a style or CSS variable.\n     *\n     * Transforms and transform origins are kept separately for further processing.\n     */\n    for (const key in latestValues) {\n        const value = latestValues[key];\n        if (transformProps.has(key)) {\n            // If this is a transform, flag to enable further transform processing\n            hasTransform = true;\n            continue;\n        }\n        else if (isCSSVariableName(key)) {\n            vars[key] = value;\n            continue;\n        }\n        else {\n            // Convert the value to its default value type, ie 0 -> \"0px\"\n            const valueAsType = getValueAsType(value, numberValueTypes[key]);\n            if (key.startsWith(\"origin\")) {\n                // If this is a transform origin, flag and enable further transform-origin processing\n                hasTransformOrigin = true;\n                transformOrigin[key] =\n                    valueAsType;\n            }\n            else {\n                style[key] = valueAsType;\n            }\n        }\n    }\n    if (!latestValues.transform) {\n        if (hasTransform || transformTemplate) {\n            style.transform = buildTransform(latestValues, state.transform, transformTemplate);\n        }\n        else if (style.transform) {\n            /**\n             * If we have previously created a transform but currently don't have any,\n             * reset transform style to none.\n             */\n            style.transform = \"none\";\n        }\n    }\n    /**\n     * Build a transformOrigin style. Uses the same defaults as the browser for\n     * undefined origins.\n     */\n    if (hasTransformOrigin) {\n        const { originX = \"50%\", originY = \"50%\", originZ = 0, } = transformOrigin;\n        style.transformOrigin = `${originX} ${originY} ${originZ}`;\n    }\n}\n\nexport { buildHTMLStyles };\n//# sourceMappingURL=build-styles.mjs.map\n"],"names":["buildHTMLStyles","state","latestValues","transformTemplate","style","vars","transformOrigin","hasTransform","hasTransformOrigin","key","value","transformProps","isCSSVariableName","valueAsType","getValueAsType","numberValueTypes","buildTransform","originX","originY","originZ"],"mappings":";;;;;AAMA,SAASA,EAAgBC,GAAOC,GAAcC,GAAmB;AAC7D,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,iBAAAC,EAAe,IAAKL;AAEzC,MAAIM,IAAe,IACfC,IAAqB;AAOzB,aAAWC,KAAOP,GAAc;AAC5B,UAAMQ,IAAQR,EAAaO,CAAG;AAC9B,QAAIE,EAAe,IAAIF,CAAG,GAAG;AAEzB,MAAAF,IAAe;AACf;AAAA,IACJ,WACSK,EAAkBH,CAAG,GAAG;AAC7B,MAAAJ,EAAKI,CAAG,IAAIC;AACZ;AAAA,IACJ,OACK;AAED,YAAMG,IAAcC,EAAeJ,GAAOK,EAAiBN,CAAG,CAAC;AAC/D,MAAIA,EAAI,WAAW,QAAQ,KAEvBD,IAAqB,IACrBF,EAAgBG,CAAG,IACfI,KAGJT,EAAMK,CAAG,IAAII;AAAA,IAErB;AAAA,EACJ;AAiBA,MAhBKX,EAAa,cACVK,KAAgBJ,IAChBC,EAAM,YAAYY,EAAed,GAAcD,EAAM,WAAWE,CAAiB,IAE5EC,EAAM,cAKXA,EAAM,YAAY,UAOtBI,GAAoB;AACpB,UAAM,EAAE,SAAAS,IAAU,OAAO,SAAAC,IAAU,OAAO,SAAAC,IAAU,EAAC,IAAMb;AAC3D,IAAAF,EAAM,kBAAkB,GAAGa,CAAO,IAAIC,CAAO,IAAIC,CAAO;AAAA,EAC5D;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es422.js

@@ -1,12 +1,13 @@
-import { complex as e } from "./visualization.es404.js";
-const n = {
-  ...e,
-  getAnimatableNone: (o) => {
-    const t = e.parse(o);
-    return e.createTransformer(o)(t.map((r) => typeof r == "number" ? 0 : typeof r == "object" ? { ...r, alpha: 1 } : r));
-  }
-};
+function i(r, { style: n, vars: o }, l, y) {
+  const t = r.style;
+  let e;
+  for (e in n)
+    t[e] = n[e];
+  y?.applyProjectionStyles(t, l);
+  for (e in o)
+    t.setProperty(e, o[e]);
+}
 export {
-  n as mask
+  i as renderHTML
 };
 //# sourceMappingURL=visualization.es422.js.map

package/dist/visualization.es422.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es422.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/mask.mjs"],"sourcesContent":["import { complex } from './index.mjs';\n\nconst mask = {\n    ...complex,\n    getAnimatableNone: (v) => {\n        const parsed = complex.parse(v);\n        const transformer = complex.createTransformer(v);\n        return transformer(parsed.map((v) => typeof v === \"number\" ? 0 : typeof v === \"object\" ? { ...v, alpha: 1 } : v));\n    },\n};\n\nexport { mask };\n//# sourceMappingURL=mask.mjs.map\n"],"names":["mask","complex","v","parsed"],"mappings":";AAEK,MAACA,IAAO;AAAA,EACT,GAAGC;AAAA,EACH,mBAAmB,CAACC,MAAM;AACtB,UAAMC,IAASF,EAAQ,MAAMC,CAAC;AAE9B,WADoBD,EAAQ,kBAAkBC,CAAC,EAC5BC,EAAO,IAAI,CAACD,MAAM,OAAOA,KAAM,WAAW,IAAI,OAAOA,KAAM,WAAW,EAAE,GAAGA,GAAG,OAAO,EAAC,IAAKA,CAAC,CAAC;AAAA,EACpH;AACJ;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es422.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/render.mjs"],"sourcesContent":["function renderHTML(element, { style, vars }, styleProp, projection) {\n    const elementStyle = element.style;\n    let key;\n    for (key in style) {\n        // CSSStyleDeclaration has [index: number]: string; in the types, so we use that as key type.\n        elementStyle[key] = style[key];\n    }\n    // Write projection styles directly to element style\n    projection?.applyProjectionStyles(elementStyle, styleProp);\n    for (key in vars) {\n        // Loop over any CSS variables and assign those.\n        // They can only be assigned using `setProperty`.\n        elementStyle.setProperty(key, vars[key]);\n    }\n}\n\nexport { renderHTML };\n//# sourceMappingURL=render.mjs.map\n"],"names":["renderHTML","element","style","vars","styleProp","projection","elementStyle","key"],"mappings":"AAAA,SAASA,EAAWC,GAAS,EAAE,OAAAC,GAAO,MAAAC,EAAI,GAAIC,GAAWC,GAAY;AACjE,QAAMC,IAAeL,EAAQ;AAC7B,MAAIM;AACJ,OAAKA,KAAOL;AAER,IAAAI,EAAaC,CAAG,IAAIL,EAAMK,CAAG;AAGjC,EAAAF,GAAY,sBAAsBC,GAAcF,CAAS;AACzD,OAAKG,KAAOJ;AAGR,IAAAG,EAAa,YAAYC,GAAKJ,EAAKI,CAAG,CAAC;AAE/C;","x_google_ignoreList":[0]}