@weng-lab/visualization 2.6.0-beta.1 → 2.6.0

package/dist/visualization.es446.js

@@ -1,15 +1,26 @@
-function c(n, o) {
-  n.min = o.min, n.max = o.max;
+import { mixNumber as v } from "./visualization.es352.js";
+import { percent as p } from "./visualization.es403.js";
+import { scalePoint as r } from "./visualization.es443.js";
+function c(e, m, f, n, d) {
+  return e -= m, e = r(e, 1 / f, n), d !== void 0 && (e = r(e, 1 / d, n)), e;
 }
-function t(n, o) {
-  c(n.x, o.x), c(n.y, o.y);
+function D(e, m = 0, f = 1, n = 0.5, d, u = e, y = e) {
+  if (p.test(m) && (m = parseFloat(m), m = v(y.min, y.max, m / 100) - y.min), typeof m != "number")
+    return;
+  let i = v(u.min, u.max, n);
+  e === u && (i -= m), e.min = c(e.min, m, f, i, d), e.max = c(e.max, m, f, i, d);
 }
-function i(n, o) {
-  n.translate = o.translate, n.scale = o.scale, n.originPoint = o.originPoint, n.origin = o.origin;
+function P(e, m, [f, n, d], u, y) {
+  D(e, m[f], m[n], m[d], m.scale, u, y);
+}
+const K = ["x", "scaleX", "originX"], T = ["y", "scaleY", "originY"];
+function N(e, m, f, n) {
+  P(e.x, m, K, f ? f.x : void 0, n ? n.x : void 0), P(e.y, m, T, f ? f.y : void 0, n ? n.y : void 0);
 }
 export {
-  i as copyAxisDeltaInto,
-  c as copyAxisInto,
-  t as copyBoxInto
+  D as removeAxisDelta,
+  P as removeAxisTransforms,
+  N as removeBoxTransforms,
+  c as removePointDelta
 };
 //# sourceMappingURL=visualization.es446.js.map

package/dist/visualization.es446.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es446.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/copy.mjs"],"sourcesContent":["/**\n * Reset an axis to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyAxisInto(axis, originAxis) {\n    axis.min = originAxis.min;\n    axis.max = originAxis.max;\n}\n/**\n * Reset a box to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyBoxInto(box, originBox) {\n    copyAxisInto(box.x, originBox.x);\n    copyAxisInto(box.y, originBox.y);\n}\n/**\n * Reset a delta to the provided origin box.\n *\n * This is a mutative operation.\n */\nfunction copyAxisDeltaInto(delta, originDelta) {\n    delta.translate = originDelta.translate;\n    delta.scale = originDelta.scale;\n    delta.originPoint = originDelta.originPoint;\n    delta.origin = originDelta.origin;\n}\n\nexport { copyAxisDeltaInto, copyAxisInto, copyBoxInto };\n//# sourceMappingURL=copy.mjs.map\n"],"names":["copyAxisInto","axis","originAxis","copyBoxInto","box","originBox","copyAxisDeltaInto","delta","originDelta"],"mappings":"AAKA,SAASA,EAAaC,GAAMC,GAAY;AACpC,EAAAD,EAAK,MAAMC,EAAW,KACtBD,EAAK,MAAMC,EAAW;AAC1B;AAMA,SAASC,EAAYC,GAAKC,GAAW;AACjC,EAAAL,EAAaI,EAAI,GAAGC,EAAU,CAAC,GAC/BL,EAAaI,EAAI,GAAGC,EAAU,CAAC;AACnC;AAMA,SAASC,EAAkBC,GAAOC,GAAa;AAC3C,EAAAD,EAAM,YAAYC,EAAY,WAC9BD,EAAM,QAAQC,EAAY,OAC1BD,EAAM,cAAcC,EAAY,aAChCD,EAAM,SAASC,EAAY;AAC/B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es446.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-remove.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\nimport { percent } from '../../value/types/numbers/units.mjs';\nimport { scalePoint } from './delta-apply.mjs';\n\n/**\n * Remove a delta from a point. This is essentially the steps of applyPointDelta in reverse\n */\nfunction removePointDelta(point, translate, scale, originPoint, boxScale) {\n    point -= translate;\n    point = scalePoint(point, 1 / scale, originPoint);\n    if (boxScale !== undefined) {\n        point = scalePoint(point, 1 / boxScale, originPoint);\n    }\n    return point;\n}\n/**\n * Remove a delta from an axis. This is essentially the steps of applyAxisDelta in reverse\n */\nfunction removeAxisDelta(axis, translate = 0, scale = 1, origin = 0.5, boxScale, originAxis = axis, sourceAxis = axis) {\n    if (percent.test(translate)) {\n        translate = parseFloat(translate);\n        const relativeProgress = mixNumber(sourceAxis.min, sourceAxis.max, translate / 100);\n        translate = relativeProgress - sourceAxis.min;\n    }\n    if (typeof translate !== \"number\")\n        return;\n    let originPoint = mixNumber(originAxis.min, originAxis.max, origin);\n    if (axis === originAxis)\n        originPoint -= translate;\n    axis.min = removePointDelta(axis.min, translate, scale, originPoint, boxScale);\n    axis.max = removePointDelta(axis.max, translate, scale, originPoint, boxScale);\n}\n/**\n * Remove a transforms from an axis. This is essentially the steps of applyAxisTransforms in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeAxisTransforms(axis, transforms, [key, scaleKey, originKey], origin, sourceAxis) {\n    removeAxisDelta(axis, transforms[key], transforms[scaleKey], transforms[originKey], transforms.scale, origin, sourceAxis);\n}\n/**\n * The names of the motion values we want to apply as translation, scale and origin.\n */\nconst xKeys = [\"x\", \"scaleX\", \"originX\"];\nconst yKeys = [\"y\", \"scaleY\", \"originY\"];\n/**\n * Remove a transforms from an box. This is essentially the steps of applyAxisBox in reverse\n * and acts as a bridge between motion values and removeAxisDelta\n */\nfunction removeBoxTransforms(box, transforms, originBox, sourceBox) {\n    removeAxisTransforms(box.x, transforms, xKeys, originBox ? originBox.x : undefined, sourceBox ? sourceBox.x : undefined);\n    removeAxisTransforms(box.y, transforms, yKeys, originBox ? originBox.y : undefined, sourceBox ? sourceBox.y : undefined);\n}\n\nexport { removeAxisDelta, removeAxisTransforms, removeBoxTransforms, removePointDelta };\n//# sourceMappingURL=delta-remove.mjs.map\n"],"names":["removePointDelta","point","translate","scale","originPoint","boxScale","scalePoint","removeAxisDelta","axis","origin","originAxis","sourceAxis","percent","mixNumber","removeAxisTransforms","transforms","key","scaleKey","originKey","xKeys","yKeys","removeBoxTransforms","box","originBox","sourceBox"],"mappings":";;;AAOA,SAASA,EAAiBC,GAAOC,GAAWC,GAAOC,GAAaC,GAAU;AACtE,SAAAJ,KAASC,GACTD,IAAQK,EAAWL,GAAO,IAAIE,GAAOC,CAAW,GAC5CC,MAAa,WACbJ,IAAQK,EAAWL,GAAO,IAAII,GAAUD,CAAW,IAEhDH;AACX;AAIA,SAASM,EAAgBC,GAAMN,IAAY,GAAGC,IAAQ,GAAGM,IAAS,KAAKJ,GAAUK,IAAaF,GAAMG,IAAaH,GAAM;AAMnH,MALII,EAAQ,KAAKV,CAAS,MACtBA,IAAY,WAAWA,CAAS,GAEhCA,IADyBW,EAAUF,EAAW,KAAKA,EAAW,KAAKT,IAAY,GAAG,IACnDS,EAAW,MAE1C,OAAOT,KAAc;AACrB;AACJ,MAAIE,IAAcS,EAAUH,EAAW,KAAKA,EAAW,KAAKD,CAAM;AAClE,EAAID,MAASE,MACTN,KAAeF,IACnBM,EAAK,MAAMR,EAAiBQ,EAAK,KAAKN,GAAWC,GAAOC,GAAaC,CAAQ,GAC7EG,EAAK,MAAMR,EAAiBQ,EAAK,KAAKN,GAAWC,GAAOC,GAAaC,CAAQ;AACjF;AAKA,SAASS,EAAqBN,GAAMO,GAAY,CAACC,GAAKC,GAAUC,CAAS,GAAGT,GAAQE,GAAY;AAC5F,EAAAJ,EAAgBC,GAAMO,EAAWC,CAAG,GAAGD,EAAWE,CAAQ,GAAGF,EAAWG,CAAS,GAAGH,EAAW,OAAON,GAAQE,CAAU;AAC5H;AAIA,MAAMQ,IAAQ,CAAC,KAAK,UAAU,SAAS,GACjCC,IAAQ,CAAC,KAAK,UAAU,SAAS;AAKvC,SAASC,EAAoBC,GAAKP,GAAYQ,GAAWC,GAAW;AAChE,EAAAV,EAAqBQ,EAAI,GAAGP,GAAYI,GAAOI,IAAYA,EAAU,IAAI,QAAWC,IAAYA,EAAU,IAAI,MAAS,GACvHV,EAAqBQ,EAAI,GAAGP,GAAYK,GAAOG,IAAYA,EAAU,IAAI,QAAWC,IAAYA,EAAU,IAAI,MAAS;AAC3H;","x_google_ignoreList":[0]}

package/dist/visualization.es447.js

@@ -1,54 +1,35 @@
-import { mixNumber as E } from "./visualization.es356.js";
-import { hasTransform as g } from "./visualization.es448.js";
-function y(t, n, o) {
-  const l = t - o, i = n * l;
-  return o + i;
-}
-function p(t, n, o, l, i) {
-  return i !== void 0 && (t = y(t, i, l)), y(t, o, l) + n;
-}
-function u(t, n = 0, o = 1, l, i) {
-  t.min = p(t.min, n, o, l, i), t.max = p(t.max, n, o, l, i);
-}
-function _(t, { x: n, y: o }) {
-  u(t.x, n.translate, n.scale, n.originPoint), u(t.y, o.translate, o.scale, o.originPoint);
-}
-const r = 0.999999999999, a = 1.0000000000001;
-function N(t, n, o, l = !1) {
-  const i = o.length;
-  if (!i)
-    return;
-  n.x = n.y = 1;
-  let s, f;
-  for (let e = 0; e < i; e++) {
-    s = o[e], f = s.projectionDelta;
-    const { visualElement: c } = s.options;
-    c && c.props.style && c.props.style.display === "contents" || (l && s.options.layoutScroll && s.scroll && s !== s.root && (m(t.x, -s.scroll.offset.x), m(t.y, -s.scroll.offset.y)), f && (n.x *= f.x.scale, n.y *= f.y.scale, _(t, f)), l && g(s.latestValues) && d(t, s.latestValues, s.layout?.layoutBox));
-  }
-  n.x < a && n.x > r && (n.x = 1), n.y < a && n.y > r && (n.y = 1);
-}
-function m(t, n) {
-  t.min += n, t.max += n;
-}
-function x(t, n, o, l, i = 0.5) {
-  const s = E(t.min, t.max, i);
-  u(t, n, o, s, l);
-}
-function A(t, n) {
-  return typeof t == "string" ? parseFloat(t) / 100 * (n.max - n.min) : t;
-}
-function d(t, n, o) {
-  const l = o ?? t;
-  x(t.x, A(n.x, l.x), n.scaleX, n.scale, n.originX), x(t.y, A(n.y, l.y), n.scaleY, n.scale, n.originY);
+import { calcLength as r } from "./visualization.es445.js";
+function u(n) {
+  return n.translate === 0 && n.scale === 1;
+}
+function e(n) {
+  return u(n.x) && u(n.y);
+}
+function i(n, t) {
+  return n.min === t.min && n.max === t.max;
+}
+function s(n, t) {
+  return i(n.x, t.x) && i(n.y, t.y);
+}
+function o(n, t) {
+  return Math.round(n.min) === Math.round(t.min) && Math.round(n.max) === Math.round(t.max);
+}
+function x(n, t) {
+  return o(n.x, t.x) && o(n.y, t.y);
+}
+function c(n) {
+  return r(n.x) / r(n.y);
+}
+function l(n, t) {
+  return n.translate === t.translate && n.scale === t.scale && n.originPoint === t.originPoint;
 }
 export {
-  u as applyAxisDelta,
-  _ as applyBoxDelta,
-  p as applyPointDelta,
-  N as applyTreeDeltas,
-  y as scalePoint,
-  x as transformAxis,
-  d as transformBox,
-  m as translateAxis
+  c as aspectRatio,
+  l as axisDeltaEquals,
+  i as axisEquals,
+  o as axisEqualsRounded,
+  s as boxEquals,
+  x as boxEqualsRounded,
+  e as isDeltaZero
 };
 //# sourceMappingURL=visualization.es447.js.map

package/dist/visualization.es447.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es447.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-apply.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\nimport { hasTransform } from '../utils/has-transform.mjs';\n\n/**\n * Scales a point based on a factor and an originPoint\n */\nfunction scalePoint(point, scale, originPoint) {\n    const distanceFromOrigin = point - originPoint;\n    const scaled = scale * distanceFromOrigin;\n    return originPoint + scaled;\n}\n/**\n * Applies a translate/scale delta to a point\n */\nfunction applyPointDelta(point, translate, scale, originPoint, boxScale) {\n    if (boxScale !== undefined) {\n        point = scalePoint(point, boxScale, originPoint);\n    }\n    return scalePoint(point, scale, originPoint) + translate;\n}\n/**\n * Applies a translate/scale delta to an axis\n */\nfunction applyAxisDelta(axis, translate = 0, scale = 1, originPoint, boxScale) {\n    axis.min = applyPointDelta(axis.min, translate, scale, originPoint, boxScale);\n    axis.max = applyPointDelta(axis.max, translate, scale, originPoint, boxScale);\n}\n/**\n * Applies a translate/scale delta to a box\n */\nfunction applyBoxDelta(box, { x, y }) {\n    applyAxisDelta(box.x, x.translate, x.scale, x.originPoint);\n    applyAxisDelta(box.y, y.translate, y.scale, y.originPoint);\n}\nconst TREE_SCALE_SNAP_MIN = 0.999999999999;\nconst TREE_SCALE_SNAP_MAX = 1.0000000000001;\n/**\n * Apply a tree of deltas to a box. We do this to calculate the effect of all the transforms\n * in a tree upon our box before then calculating how to project it into our desired viewport-relative box\n *\n * This is the final nested loop within updateLayoutDelta for future refactoring\n */\nfunction applyTreeDeltas(box, treeScale, treePath, isSharedTransition = false) {\n    const treeLength = treePath.length;\n    if (!treeLength)\n        return;\n    // Reset the treeScale\n    treeScale.x = treeScale.y = 1;\n    let node;\n    let delta;\n    for (let i = 0; i < treeLength; i++) {\n        node = treePath[i];\n        delta = node.projectionDelta;\n        /**\n         * TODO: Prefer to remove this, but currently we have motion components with\n         * display: contents in Framer.\n         */\n        const { visualElement } = node.options;\n        if (visualElement &&\n            visualElement.props.style &&\n            visualElement.props.style.display === \"contents\") {\n            continue;\n        }\n        if (isSharedTransition &&\n            node.options.layoutScroll &&\n            node.scroll &&\n            node !== node.root) {\n            translateAxis(box.x, -node.scroll.offset.x);\n            translateAxis(box.y, -node.scroll.offset.y);\n        }\n        if (delta) {\n            // Incoporate each ancestor's scale into a cumulative treeScale for this component\n            treeScale.x *= delta.x.scale;\n            treeScale.y *= delta.y.scale;\n            // Apply each ancestor's calculated delta into this component's recorded layout box\n            applyBoxDelta(box, delta);\n        }\n        if (isSharedTransition && hasTransform(node.latestValues)) {\n            transformBox(box, node.latestValues, node.layout?.layoutBox);\n        }\n    }\n    /**\n     * Snap tree scale back to 1 if it's within a non-perceivable threshold.\n     * This will help reduce useless scales getting rendered.\n     */\n    if (treeScale.x < TREE_SCALE_SNAP_MAX &&\n        treeScale.x > TREE_SCALE_SNAP_MIN) {\n        treeScale.x = 1.0;\n    }\n    if (treeScale.y < TREE_SCALE_SNAP_MAX &&\n        treeScale.y > TREE_SCALE_SNAP_MIN) {\n        treeScale.y = 1.0;\n    }\n}\nfunction translateAxis(axis, distance) {\n    axis.min += distance;\n    axis.max += distance;\n}\n/**\n * Apply a transform to an axis from the latest resolved motion values.\n * This function basically acts as a bridge between a flat motion value map\n * and applyAxisDelta\n */\nfunction transformAxis(axis, axisTranslate, axisScale, boxScale, axisOrigin = 0.5) {\n    const originPoint = mixNumber(axis.min, axis.max, axisOrigin);\n    // Apply the axis delta to the final axis\n    applyAxisDelta(axis, axisTranslate, axisScale, originPoint, boxScale);\n}\nfunction resolveAxisTranslate(value, axis) {\n    if (typeof value === \"string\") {\n        return (parseFloat(value) / 100) * (axis.max - axis.min);\n    }\n    return value;\n}\n/**\n * Apply a transform to a box from the latest resolved motion values.\n */\nfunction transformBox(box, transform, sourceBox) {\n    const resolveBox = sourceBox ?? box;\n    transformAxis(box.x, resolveAxisTranslate(transform.x, resolveBox.x), transform.scaleX, transform.scale, transform.originX);\n    transformAxis(box.y, resolveAxisTranslate(transform.y, resolveBox.y), transform.scaleY, transform.scale, transform.originY);\n}\n\nexport { applyAxisDelta, applyBoxDelta, applyPointDelta, applyTreeDeltas, scalePoint, transformAxis, transformBox, translateAxis };\n//# sourceMappingURL=delta-apply.mjs.map\n"],"names":["scalePoint","point","scale","originPoint","distanceFromOrigin","scaled","applyPointDelta","translate","boxScale","applyAxisDelta","axis","applyBoxDelta","box","x","y","TREE_SCALE_SNAP_MIN","TREE_SCALE_SNAP_MAX","applyTreeDeltas","treeScale","treePath","isSharedTransition","treeLength","node","delta","i","visualElement","translateAxis","hasTransform","transformBox","distance","transformAxis","axisTranslate","axisScale","axisOrigin","mixNumber","resolveAxisTranslate","value","transform","sourceBox","resolveBox"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es447.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/utils.mjs"],"sourcesContent":["import { calcLength } from './delta-calc.mjs';\n\nfunction isAxisDeltaZero(delta) {\n    return delta.translate === 0 && delta.scale === 1;\n}\nfunction isDeltaZero(delta) {\n    return isAxisDeltaZero(delta.x) && isAxisDeltaZero(delta.y);\n}\nfunction axisEquals(a, b) {\n    return a.min === b.min && a.max === b.max;\n}\nfunction boxEquals(a, b) {\n    return axisEquals(a.x, b.x) && axisEquals(a.y, b.y);\n}\nfunction axisEqualsRounded(a, b) {\n    return (Math.round(a.min) === Math.round(b.min) &&\n        Math.round(a.max) === Math.round(b.max));\n}\nfunction boxEqualsRounded(a, b) {\n    return axisEqualsRounded(a.x, b.x) && axisEqualsRounded(a.y, b.y);\n}\nfunction aspectRatio(box) {\n    return calcLength(box.x) / calcLength(box.y);\n}\nfunction axisDeltaEquals(a, b) {\n    return (a.translate === b.translate &&\n        a.scale === b.scale &&\n        a.originPoint === b.originPoint);\n}\n\nexport { aspectRatio, axisDeltaEquals, axisEquals, axisEqualsRounded, boxEquals, boxEqualsRounded, isDeltaZero };\n//# sourceMappingURL=utils.mjs.map\n"],"names":["isAxisDeltaZero","delta","isDeltaZero","axisEquals","a","b","boxEquals","axisEqualsRounded","boxEqualsRounded","aspectRatio","box","calcLength","axisDeltaEquals"],"mappings":";AAEA,SAASA,EAAgBC,GAAO;AAC5B,SAAOA,EAAM,cAAc,KAAKA,EAAM,UAAU;AACpD;AACA,SAASC,EAAYD,GAAO;AACxB,SAAOD,EAAgBC,EAAM,CAAC,KAAKD,EAAgBC,EAAM,CAAC;AAC9D;AACA,SAASE,EAAWC,GAAGC,GAAG;AACtB,SAAOD,EAAE,QAAQC,EAAE,OAAOD,EAAE,QAAQC,EAAE;AAC1C;AACA,SAASC,EAAUF,GAAGC,GAAG;AACrB,SAAOF,EAAWC,EAAE,GAAGC,EAAE,CAAC,KAAKF,EAAWC,EAAE,GAAGC,EAAE,CAAC;AACtD;AACA,SAASE,EAAkBH,GAAGC,GAAG;AAC7B,SAAQ,KAAK,MAAMD,EAAE,GAAG,MAAM,KAAK,MAAMC,EAAE,GAAG,KAC1C,KAAK,MAAMD,EAAE,GAAG,MAAM,KAAK,MAAMC,EAAE,GAAG;AAC9C;AACA,SAASG,EAAiBJ,GAAGC,GAAG;AAC5B,SAAOE,EAAkBH,EAAE,GAAGC,EAAE,CAAC,KAAKE,EAAkBH,EAAE,GAAGC,EAAE,CAAC;AACpE;AACA,SAASI,EAAYC,GAAK;AACtB,SAAOC,EAAWD,EAAI,CAAC,IAAIC,EAAWD,EAAI,CAAC;AAC/C;AACA,SAASE,EAAgBR,GAAGC,GAAG;AAC3B,SAAQD,EAAE,cAAcC,EAAE,aACtBD,EAAE,UAAUC,EAAE,SACdD,EAAE,gBAAgBC,EAAE;AAC5B;","x_google_ignoreList":[0]}

package/dist/visualization.es448.js

@@ -1,21 +1,7 @@
-function t(n) {
-  return n === void 0 || n === 1;
-}
-function e({ scale: n, scaleX: o, scaleY: i }) {
-  return !t(n) || !t(o) || !t(i);
-}
-function c(n) {
-  return e(n) || f(n) || n.z || n.rotate || n.rotateX || n.rotateY || n.skewX || n.skewY;
-}
-function f(n) {
-  return r(n.x) || r(n.y);
-}
-function r(n) {
-  return n && n !== "0%";
+function n(e) {
+  return [e("x"), e("y")];
 }
 export {
-  f as has2DTranslate,
-  e as hasScale,
-  c as hasTransform
+  n as eachAxis
 };
 //# sourceMappingURL=visualization.es448.js.map

package/dist/visualization.es448.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es448.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/has-transform.mjs"],"sourcesContent":["function isIdentityScale(scale) {\n    return scale === undefined || scale === 1;\n}\nfunction hasScale({ scale, scaleX, scaleY }) {\n    return (!isIdentityScale(scale) ||\n        !isIdentityScale(scaleX) ||\n        !isIdentityScale(scaleY));\n}\nfunction hasTransform(values) {\n    return (hasScale(values) ||\n        has2DTranslate(values) ||\n        values.z ||\n        values.rotate ||\n        values.rotateX ||\n        values.rotateY ||\n        values.skewX ||\n        values.skewY);\n}\nfunction has2DTranslate(values) {\n    return is2DTranslate(values.x) || is2DTranslate(values.y);\n}\nfunction is2DTranslate(value) {\n    return value && value !== \"0%\";\n}\n\nexport { has2DTranslate, hasScale, hasTransform };\n//# sourceMappingURL=has-transform.mjs.map\n"],"names":["isIdentityScale","scale","hasScale","scaleX","scaleY","hasTransform","values","has2DTranslate","is2DTranslate","value"],"mappings":"AAAA,SAASA,EAAgBC,GAAO;AAC5B,SAAOA,MAAU,UAAaA,MAAU;AAC5C;AACA,SAASC,EAAS,EAAE,OAAAD,GAAO,QAAAE,GAAQ,QAAAC,EAAM,GAAI;AACzC,SAAQ,CAACJ,EAAgBC,CAAK,KAC1B,CAACD,EAAgBG,CAAM,KACvB,CAACH,EAAgBI,CAAM;AAC/B;AACA,SAASC,EAAaC,GAAQ;AAC1B,SAAQJ,EAASI,CAAM,KACnBC,EAAeD,CAAM,KACrBA,EAAO,KACPA,EAAO,UACPA,EAAO,WACPA,EAAO,WACPA,EAAO,SACPA,EAAO;AACf;AACA,SAASC,EAAeD,GAAQ;AAC5B,SAAOE,EAAcF,EAAO,CAAC,KAAKE,EAAcF,EAAO,CAAC;AAC5D;AACA,SAASE,EAAcC,GAAO;AAC1B,SAAOA,KAASA,MAAU;AAC9B;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es448.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/utils/each-axis.mjs"],"sourcesContent":["function eachAxis(callback) {\n    return [callback(\"x\"), callback(\"y\")];\n}\n\nexport { eachAxis };\n//# sourceMappingURL=each-axis.mjs.map\n"],"names":["eachAxis","callback"],"mappings":"AAAA,SAASA,EAASC,GAAU;AACxB,SAAO,CAACA,EAAS,GAAG,GAAGA,EAAS,GAAG,CAAC;AACxC;","x_google_ignoreList":[0]}

package/dist/visualization.es449.js

@@ -1,39 +1,22 @@
-import { mixNumber as m } from "./visualization.es356.js";
-const y = 1e-4, u = 1 - y, E = 1 + y, R = 0.01, P = 0 - R, S = 0 + R;
-function x(n) {
-  return n.max - n.min;
-}
-function I(n, c, i) {
-  return Math.abs(n - c) <= i;
-}
-function A(n, c, i, o = 0.5) {
-  n.origin = o, n.originPoint = m(c.min, c.max, n.origin), n.scale = x(i) / x(c), n.translate = m(i.min, i.max, n.origin) - n.originPoint, (n.scale >= u && n.scale <= E || isNaN(n.scale)) && (n.scale = 1), (n.translate >= P && n.translate <= S || isNaN(n.translate)) && (n.translate = 0);
-}
-function T(n, c, i, o) {
-  A(n.x, c.x, i.x, o ? o.originX : void 0), A(n.y, c.y, i.y, o ? o.originY : void 0);
-}
-function f(n, c, i, o = 0) {
-  const s = o ? m(i.min, i.max, o) : i.min;
-  n.min = s + c.min, n.max = n.min + x(c);
-}
-function _(n, c, i, o) {
-  f(n.x, c.x, i.x, o?.x), f(n.y, c.y, i.y, o?.y);
-}
-function N(n, c, i, o = 0) {
-  const s = o ? m(i.min, i.max, o) : i.min;
-  n.min = c.min - s, n.max = n.min + x(c);
-}
-function C(n, c, i, o) {
-  N(n.x, c.x, i.x, o?.x), N(n.y, c.y, i.y, o?.y);
-}
+import { px as c } from "./visualization.es403.js";
+function e(r, n) {
+  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
+}
+const f = {
+  correct: (r, n) => {
+    if (!n.target)
+      return r;
+    if (typeof r == "string")
+      if (c.test(r))
+        r = parseFloat(r);
+      else
+        return r;
+    const o = e(r, n.target.x), t = e(r, n.target.y);
+    return `${o}% ${t}%`;
+  }
+};
 export {
-  A as calcAxisDelta,
-  T as calcBoxDelta,
-  x as calcLength,
-  f as calcRelativeAxis,
-  N as calcRelativeAxisPosition,
-  _ as calcRelativeBox,
-  C as calcRelativePosition,
-  I as isNear
+  f as correctBorderRadius,
+  e as pixelsToPercent
 };
 //# sourceMappingURL=visualization.es449.js.map

package/dist/visualization.es449.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es449.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/geometry/delta-calc.mjs"],"sourcesContent":["import { mixNumber } from '../../utils/mix/number.mjs';\n\nconst SCALE_PRECISION = 0.0001;\nconst SCALE_MIN = 1 - SCALE_PRECISION;\nconst SCALE_MAX = 1 + SCALE_PRECISION;\nconst TRANSLATE_PRECISION = 0.01;\nconst TRANSLATE_MIN = 0 - TRANSLATE_PRECISION;\nconst TRANSLATE_MAX = 0 + TRANSLATE_PRECISION;\nfunction calcLength(axis) {\n    return axis.max - axis.min;\n}\nfunction isNear(value, target, maxDistance) {\n    return Math.abs(value - target) <= maxDistance;\n}\nfunction calcAxisDelta(delta, source, target, origin = 0.5) {\n    delta.origin = origin;\n    delta.originPoint = mixNumber(source.min, source.max, delta.origin);\n    delta.scale = calcLength(target) / calcLength(source);\n    delta.translate =\n        mixNumber(target.min, target.max, delta.origin) - delta.originPoint;\n    if ((delta.scale >= SCALE_MIN && delta.scale <= SCALE_MAX) ||\n        isNaN(delta.scale)) {\n        delta.scale = 1.0;\n    }\n    if ((delta.translate >= TRANSLATE_MIN &&\n        delta.translate <= TRANSLATE_MAX) ||\n        isNaN(delta.translate)) {\n        delta.translate = 0.0;\n    }\n}\nfunction calcBoxDelta(delta, source, target, origin) {\n    calcAxisDelta(delta.x, source.x, target.x, origin ? origin.originX : undefined);\n    calcAxisDelta(delta.y, source.y, target.y, origin ? origin.originY : undefined);\n}\nfunction calcRelativeAxis(target, relative, parent, anchor = 0) {\n    const anchorPoint = anchor\n        ? mixNumber(parent.min, parent.max, anchor)\n        : parent.min;\n    target.min = anchorPoint + relative.min;\n    target.max = target.min + calcLength(relative);\n}\nfunction calcRelativeBox(target, relative, parent, anchor) {\n    calcRelativeAxis(target.x, relative.x, parent.x, anchor?.x);\n    calcRelativeAxis(target.y, relative.y, parent.y, anchor?.y);\n}\nfunction calcRelativeAxisPosition(target, layout, parent, anchor = 0) {\n    const anchorPoint = anchor\n        ? mixNumber(parent.min, parent.max, anchor)\n        : parent.min;\n    target.min = layout.min - anchorPoint;\n    target.max = target.min + calcLength(layout);\n}\nfunction calcRelativePosition(target, layout, parent, anchor) {\n    calcRelativeAxisPosition(target.x, layout.x, parent.x, anchor?.x);\n    calcRelativeAxisPosition(target.y, layout.y, parent.y, anchor?.y);\n}\n\nexport { calcAxisDelta, calcBoxDelta, calcLength, calcRelativeAxis, calcRelativeAxisPosition, calcRelativeBox, calcRelativePosition, isNear };\n//# sourceMappingURL=delta-calc.mjs.map\n"],"names":["SCALE_PRECISION","SCALE_MIN","SCALE_MAX","TRANSLATE_PRECISION","TRANSLATE_MIN","TRANSLATE_MAX","calcLength","axis","isNear","value","target","maxDistance","calcAxisDelta","delta","source","origin","mixNumber","calcBoxDelta","calcRelativeAxis","relative","parent","anchor","anchorPoint","calcRelativeBox","calcRelativeAxisPosition","layout","calcRelativePosition"],"mappings":";AAEA,MAAMA,IAAkB,MAClBC,IAAY,IAAID,GAChBE,IAAY,IAAIF,GAChBG,IAAsB,MACtBC,IAAgB,IAAID,GACpBE,IAAgB,IAAIF;AAC1B,SAASG,EAAWC,GAAM;AACtB,SAAOA,EAAK,MAAMA,EAAK;AAC3B;AACA,SAASC,EAAOC,GAAOC,GAAQC,GAAa;AACxC,SAAO,KAAK,IAAIF,IAAQC,CAAM,KAAKC;AACvC;AACA,SAASC,EAAcC,GAAOC,GAAQJ,GAAQK,IAAS,KAAK;AACxD,EAAAF,EAAM,SAASE,GACfF,EAAM,cAAcG,EAAUF,EAAO,KAAKA,EAAO,KAAKD,EAAM,MAAM,GAClEA,EAAM,QAAQP,EAAWI,CAAM,IAAIJ,EAAWQ,CAAM,GACpDD,EAAM,YACFG,EAAUN,EAAO,KAAKA,EAAO,KAAKG,EAAM,MAAM,IAAIA,EAAM,cACvDA,EAAM,SAASZ,KAAaY,EAAM,SAASX,KAC5C,MAAMW,EAAM,KAAK,OACjBA,EAAM,QAAQ,KAEbA,EAAM,aAAaT,KACpBS,EAAM,aAAaR,KACnB,MAAMQ,EAAM,SAAS,OACrBA,EAAM,YAAY;AAE1B;AACA,SAASI,EAAaJ,GAAOC,GAAQJ,GAAQK,GAAQ;AACjD,EAAAH,EAAcC,EAAM,GAAGC,EAAO,GAAGJ,EAAO,GAAGK,IAASA,EAAO,UAAU,MAAS,GAC9EH,EAAcC,EAAM,GAAGC,EAAO,GAAGJ,EAAO,GAAGK,IAASA,EAAO,UAAU,MAAS;AAClF;AACA,SAASG,EAAiBR,GAAQS,GAAUC,GAAQC,IAAS,GAAG;AAC5D,QAAMC,IAAcD,IACdL,EAAUI,EAAO,KAAKA,EAAO,KAAKC,CAAM,IACxCD,EAAO;AACb,EAAAV,EAAO,MAAMY,IAAcH,EAAS,KACpCT,EAAO,MAAMA,EAAO,MAAMJ,EAAWa,CAAQ;AACjD;AACA,SAASI,EAAgBb,GAAQS,GAAUC,GAAQC,GAAQ;AACvD,EAAAH,EAAiBR,EAAO,GAAGS,EAAS,GAAGC,EAAO,GAAGC,GAAQ,CAAC,GAC1DH,EAAiBR,EAAO,GAAGS,EAAS,GAAGC,EAAO,GAAGC,GAAQ,CAAC;AAC9D;AACA,SAASG,EAAyBd,GAAQe,GAAQL,GAAQC,IAAS,GAAG;AAClE,QAAMC,IAAcD,IACdL,EAAUI,EAAO,KAAKA,EAAO,KAAKC,CAAM,IACxCD,EAAO;AACb,EAAAV,EAAO,MAAMe,EAAO,MAAMH,GAC1BZ,EAAO,MAAMA,EAAO,MAAMJ,EAAWmB,CAAM;AAC/C;AACA,SAASC,EAAqBhB,GAAQe,GAAQL,GAAQC,GAAQ;AAC1D,EAAAG,EAAyBd,EAAO,GAAGe,EAAO,GAAGL,EAAO,GAAGC,GAAQ,CAAC,GAChEG,EAAyBd,EAAO,GAAGe,EAAO,GAAGL,EAAO,GAAGC,GAAQ,CAAC;AACpE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es449.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.mjs"],"sourcesContent":["import { px } from '../../value/types/numbers/units.mjs';\n\nfunction pixelsToPercent(pixels, axis) {\n    if (axis.max === axis.min)\n        return 0;\n    return (pixels / (axis.max - axis.min)) * 100;\n}\n/**\n * We always correct borderRadius as a percentage rather than pixels to reduce paints.\n * For example, if you are projecting a box that is 100px wide with a 10px borderRadius\n * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%\n * borderRadius in both states. If we animate between the two in pixels that will trigger\n * a paint each time. If we animate between the two in percentage we'll avoid a paint.\n */\nconst correctBorderRadius = {\n    correct: (latest, node) => {\n        if (!node.target)\n            return latest;\n        /**\n         * If latest is a string, if it's a percentage we can return immediately as it's\n         * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.\n         */\n        if (typeof latest === \"string\") {\n            if (px.test(latest)) {\n                latest = parseFloat(latest);\n            }\n            else {\n                return latest;\n            }\n        }\n        /**\n         * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that\n         * pixel value as a percentage of each axis\n         */\n        const x = pixelsToPercent(latest, node.target.x);\n        const y = pixelsToPercent(latest, node.target.y);\n        return `${x}% ${y}%`;\n    },\n};\n\nexport { correctBorderRadius, pixelsToPercent };\n//# sourceMappingURL=scale-border-radius.mjs.map\n"],"names":["pixelsToPercent","pixels","axis","correctBorderRadius","latest","node","px","x","y"],"mappings":";AAEA,SAASA,EAAgBC,GAAQC,GAAM;AACnC,SAAIA,EAAK,QAAQA,EAAK,MACX,IACHD,KAAUC,EAAK,MAAMA,EAAK,OAAQ;AAC9C;AAQK,MAACC,IAAsB;AAAA,EACxB,SAAS,CAACC,GAAQC,MAAS;AACvB,QAAI,CAACA,EAAK;AACN,aAAOD;AAKX,QAAI,OAAOA,KAAW;AAClB,UAAIE,EAAG,KAAKF,CAAM;AACd,QAAAA,IAAS,WAAWA,CAAM;AAAA;AAG1B,eAAOA;AAOf,UAAMG,IAAIP,EAAgBI,GAAQC,EAAK,OAAO,CAAC,GACzCG,IAAIR,EAAgBI,GAAQC,EAAK,OAAO,CAAC;AAC/C,WAAO,GAAGE,CAAC,KAAKC,CAAC;AAAA,EACrB;AACJ;","x_google_ignoreList":[0]}