@weng-lab/visualization 2.4.1 → 2.4.2

package/dist/visualization.es440.js

@@ -1,29 +1,5 @@
-const e = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
+const e = (r, t) => t && typeof r == "number" ? t.transform(r) : r;
 export {
-  e as camelCaseAttributes
+  e as getValueAsType
 };
 //# sourceMappingURL=visualization.es440.js.map

package/dist/visualization.es440.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es440.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/camel-case-attrs.mjs"],"sourcesContent":["/**\n * A set of attribute names that are always read/written as camel case.\n */\nconst camelCaseAttributes = new Set([\n    \"baseFrequency\",\n    \"diffuseConstant\",\n    \"kernelMatrix\",\n    \"kernelUnitLength\",\n    \"keySplines\",\n    \"keyTimes\",\n    \"limitingConeAngle\",\n    \"markerHeight\",\n    \"markerWidth\",\n    \"numOctaves\",\n    \"targetX\",\n    \"targetY\",\n    \"surfaceScale\",\n    \"specularConstant\",\n    \"specularExponent\",\n    \"stdDeviation\",\n    \"tableValues\",\n    \"viewBox\",\n    \"gradientTransform\",\n    \"pathLength\",\n    \"startOffset\",\n    \"textLength\",\n    \"lengthAdjust\",\n]);\n\nexport { camelCaseAttributes };\n//# sourceMappingURL=camel-case-attrs.mjs.map\n"],"names":["camelCaseAttributes"],"mappings":"AAGK,MAACA,IAAsB,oBAAI,IAAI;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es440.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.es441.js

@@ -1,5 +1,8 @@
-const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
+import { isMotionValue as i } from "./visualization.es215.js";
+function t(o) {
+  return !!(i(o) && o.add);
+}
 export {
-  s as isSVGTag
+  t as isWillChangeMotionValue
 };
 //# sourceMappingURL=visualization.es441.js.map

package/dist/visualization.es441.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es441.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/is-svg-tag.mjs"],"sourcesContent":["const isSVGTag = (tag) => typeof tag === \"string\" && tag.toLowerCase() === \"svg\";\n\nexport { isSVGTag };\n//# sourceMappingURL=is-svg-tag.mjs.map\n"],"names":["isSVGTag","tag"],"mappings":"AAAK,MAACA,IAAW,CAACC,MAAQ,OAAOA,KAAQ,YAAYA,EAAI,kBAAkB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es441.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.es442.js

@@ -1,12 +1,29 @@
-import { camelToDash as i } from "./visualization.es348.js";
-import { renderHTML as m } from "./visualization.es435.js";
-import { camelCaseAttributes as e } from "./visualization.es440.js";
-function c(o, t, f, s) {
-  m(o, t, void 0, s);
-  for (const r in t.attrs)
-    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
+import { isMotionValue as r } from "./visualization.es215.js";
+import { DOMKeyframesResolver as o } from "./visualization.es368.js";
+import { VisualElement as s } from "./visualization.es290.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 {
-  c as renderSVG
+  a as DOMVisualElement
 };
 //# sourceMappingURL=visualization.es442.js.map

package/dist/visualization.es442.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es442.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/render.mjs"],"sourcesContent":["import { camelToDash } from '../../dom/utils/camel-to-dash.mjs';\nimport { renderHTML } from '../../html/utils/render.mjs';\nimport { camelCaseAttributes } from './camel-case-attrs.mjs';\n\nfunction renderSVG(element, renderState, _styleProp, projection) {\n    renderHTML(element, renderState, undefined, projection);\n    for (const key in renderState.attrs) {\n        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);\n    }\n}\n\nexport { renderSVG };\n//# sourceMappingURL=render.mjs.map\n"],"names":["renderSVG","element","renderState","_styleProp","projection","renderHTML","key","camelCaseAttributes","camelToDash"],"mappings":";;;AAIA,SAASA,EAAUC,GAASC,GAAaC,GAAYC,GAAY;AAC7D,EAAAC,EAAWJ,GAASC,GAAa,QAAWE,CAAU;AACtD,aAAWE,KAAOJ,EAAY;AAC1B,IAAAD,EAAQ,aAAcM,EAAoB,IAAID,CAAG,IAAuBA,IAAnBE,EAAYF,CAAG,GAASJ,EAAY,MAAMI,CAAG,CAAC;AAE3G;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es442.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.es443.js

@@ -1,16 +1,14 @@
-import { isMotionValue as n } from "./visualization.es197.js";
-import { transformPropOrder as i } from "./visualization.es334.js";
-import { scrapeMotionValuesFromProps as m } from "./visualization.es436.js";
-function l(r, t, s) {
-  const e = m(r, t, s);
-  for (const o in r)
-    if (n(r[o]) || n(t[o])) {
-      const a = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
-      e[a] = r[o];
-    }
-  return e;
+import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./visualization.es464.js";
+import { translateAxis as n } from "./visualization.es466.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 {
-  l as scrapeMotionValuesFromProps
+  c as measurePageBox,
+  x as measureViewportBox
 };
 //# sourceMappingURL=visualization.es443.js.map

package/dist/visualization.es443.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es443.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { transformPropOrder } from '../../utils/keys-transform.mjs';\nimport { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n    const newValues = scrapeMotionValuesFromProps$1(props, prevProps, visualElement);\n    for (const key in props) {\n        if (isMotionValue(props[key]) ||\n            isMotionValue(prevProps[key])) {\n            const targetKey = transformPropOrder.indexOf(key) !== -1\n                ? \"attr\" + key.charAt(0).toUpperCase() + key.substring(1)\n                : key;\n            newValues[targetKey] = props[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n//# sourceMappingURL=scrape-motion-values.mjs.map\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","visualElement","newValues","scrapeMotionValuesFromProps$1","key","isMotionValue","targetKey","transformPropOrder"],"mappings":";;;AAIA,SAASA,EAA4BC,GAAOC,GAAWC,GAAe;AAClE,QAAMC,IAAYC,EAA8BJ,GAAOC,GAAWC,CAAa;AAC/E,aAAWG,KAAOL;AACd,QAAIM,EAAcN,EAAMK,CAAG,CAAC,KACxBC,EAAcL,EAAUI,CAAG,CAAC,GAAG;AAC/B,YAAME,IAAYC,EAAmB,QAAQH,CAAG,MAAM,KAChD,SAASA,EAAI,OAAO,CAAC,EAAE,gBAAgBA,EAAI,UAAU,CAAC,IACtDA;AACN,MAAAF,EAAUI,CAAS,IAAIP,EAAMK,CAAG;AAAA,IACpC;AAEJ,SAAOF;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es443.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.es444.js

@@ -1,26 +1,30 @@
-import { motionValue as r } from "./visualization.es411.js";
-import { isMotionValue as f } from "./visualization.es197.js";
-function d(a, e, s) {
-  for (const o in e) {
-    const i = e[o], t = s[o];
-    if (f(i))
-      a.addValue(o, i);
-    else if (f(t))
-      a.addValue(o, r(i, { owner: a }));
-    else if (t !== i)
-      if (a.hasValue(o)) {
-        const u = a.getValue(o);
-        u.liveStyle === !0 ? u.jump(i) : u.hasAnimated || u.set(i);
-      } else {
-        const u = a.getStaticValue(o);
-        a.addValue(o, r(u !== void 0 ? u : i, { owner: a }));
-      }
+import { getValueAsType as p } from "./visualization.es440.js";
+import { numberValueTypes as u } from "./visualization.es435.js";
+import { transformProps as c } from "./visualization.es344.js";
+import { isCSSVariableName as g } from "./visualization.es341.js";
+import { buildTransform as y } from "./visualization.es486.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}`;
   }
-  for (const o in s)
-    e[o] === void 0 && a.removeValue(o);
-  return e;
 }
 export {
-  d as updateMotionValuesFromProps
+  S as buildHTMLStyles
 };
 //# sourceMappingURL=visualization.es444.js.map

package/dist/visualization.es444.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es444.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/motion-values.mjs"],"sourcesContent":["import { motionValue } from '../../value/index.mjs';\nimport { isMotionValue } from '../../value/utils/is-motion-value.mjs';\n\n/**\n * Updates motion values from props changes.\n * Uses `any` type for element to avoid circular dependencies with VisualElement.\n */\nfunction updateMotionValuesFromProps(element, next, prev) {\n    for (const key in next) {\n        const nextValue = next[key];\n        const prevValue = prev[key];\n        if (isMotionValue(nextValue)) {\n            /**\n             * If this is a motion value found in props or style, we want to add it\n             * to our visual element's motion value map.\n             */\n            element.addValue(key, nextValue);\n        }\n        else if (isMotionValue(prevValue)) {\n            /**\n             * If we're swapping from a motion value to a static value,\n             * create a new motion value from that\n             */\n            element.addValue(key, motionValue(nextValue, { owner: element }));\n        }\n        else if (prevValue !== nextValue) {\n            /**\n             * If this is a flat value that has changed, update the motion value\n             * or create one if it doesn't exist. We only want to do this if we're\n             * not handling the value with our animation state.\n             */\n            if (element.hasValue(key)) {\n                const existingValue = element.getValue(key);\n                if (existingValue.liveStyle === true) {\n                    existingValue.jump(nextValue);\n                }\n                else if (!existingValue.hasAnimated) {\n                    existingValue.set(nextValue);\n                }\n            }\n            else {\n                const latestValue = element.getStaticValue(key);\n                element.addValue(key, motionValue(latestValue !== undefined ? latestValue : nextValue, { owner: element }));\n            }\n        }\n    }\n    // Handle removed values\n    for (const key in prev) {\n        if (next[key] === undefined)\n            element.removeValue(key);\n    }\n    return next;\n}\n\nexport { updateMotionValuesFromProps };\n//# sourceMappingURL=motion-values.mjs.map\n"],"names":["updateMotionValuesFromProps","element","next","prev","key","nextValue","prevValue","isMotionValue","motionValue","existingValue","latestValue"],"mappings":";;AAOA,SAASA,EAA4BC,GAASC,GAAMC,GAAM;AACtD,aAAWC,KAAOF,GAAM;AACpB,UAAMG,IAAYH,EAAKE,CAAG,GACpBE,IAAYH,EAAKC,CAAG;AAC1B,QAAIG,EAAcF,CAAS;AAKvB,MAAAJ,EAAQ,SAASG,GAAKC,CAAS;AAAA,aAE1BE,EAAcD,CAAS;AAK5B,MAAAL,EAAQ,SAASG,GAAKI,EAAYH,GAAW,EAAE,OAAOJ,EAAO,CAAE,CAAC;AAAA,aAE3DK,MAAcD;AAMnB,UAAIJ,EAAQ,SAASG,CAAG,GAAG;AACvB,cAAMK,IAAgBR,EAAQ,SAASG,CAAG;AAC1C,QAAIK,EAAc,cAAc,KAC5BA,EAAc,KAAKJ,CAAS,IAEtBI,EAAc,eACpBA,EAAc,IAAIJ,CAAS;AAAA,MAEnC,OACK;AACD,cAAMK,IAAcT,EAAQ,eAAeG,CAAG;AAC9C,QAAAH,EAAQ,SAASG,GAAKI,EAAYE,MAAgB,SAAYA,IAAcL,GAAW,EAAE,OAAOJ,EAAO,CAAE,CAAC;AAAA,MAC9G;AAAA,EAER;AAEA,aAAWG,KAAOD;AACd,IAAID,EAAKE,CAAG,MAAM,UACdH,EAAQ,YAAYG,CAAG;AAE/B,SAAOF;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es444.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.es445.js

@@ -1,16 +1,13 @@
-import { hasReducedMotionListener as t, prefersReducedMotion as r } from "./visualization.es446.js";
-const o = typeof window < "u";
-function d() {
-  if (t.current = !0, !!o)
-    if (window.matchMedia) {
-      const e = window.matchMedia("(prefers-reduced-motion)"), n = () => r.current = e.matches;
-      e.addEventListener("change", n), n();
-    } else
-      r.current = !1;
+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 {
-  t as hasReducedMotionListener,
-  d as initPrefersReducedMotion,
-  r as prefersReducedMotion
+  i as renderHTML
 };
 //# sourceMappingURL=visualization.es445.js.map

package/dist/visualization.es445.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es445.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/reduced-motion/index.mjs"],"sourcesContent":["import { hasReducedMotionListener, prefersReducedMotion } from './state.mjs';\n\nconst isBrowser = typeof window !== \"undefined\";\nfunction initPrefersReducedMotion() {\n    hasReducedMotionListener.current = true;\n    if (!isBrowser)\n        return;\n    if (window.matchMedia) {\n        const motionMediaQuery = window.matchMedia(\"(prefers-reduced-motion)\");\n        const setReducedMotionPreferences = () => (prefersReducedMotion.current = motionMediaQuery.matches);\n        motionMediaQuery.addEventListener(\"change\", setReducedMotionPreferences);\n        setReducedMotionPreferences();\n    }\n    else {\n        prefersReducedMotion.current = false;\n    }\n}\n\nexport { hasReducedMotionListener, initPrefersReducedMotion, prefersReducedMotion };\n//# sourceMappingURL=index.mjs.map\n"],"names":["isBrowser","initPrefersReducedMotion","hasReducedMotionListener","motionMediaQuery","setReducedMotionPreferences","prefersReducedMotion"],"mappings":";AAEA,MAAMA,IAAY,OAAO,SAAW;AACpC,SAASC,IAA2B;AAEhC,MADAC,EAAyB,UAAU,IAC/B,EAACF;AAEL,QAAI,OAAO,YAAY;AACnB,YAAMG,IAAmB,OAAO,WAAW,0BAA0B,GAC/DC,IAA8B,MAAOC,EAAqB,UAAUF,EAAiB;AAC3F,MAAAA,EAAiB,iBAAiB,UAAUC,CAA2B,GACvEA,EAA2B;AAAA,IAC/B;AAEI,MAAAC,EAAqB,UAAU;AAEvC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es445.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]}

package/dist/visualization.es446.js

@@ -1,6 +1,14 @@
-const e = { current: null }, n = { current: !1 };
+import { isMotionValue as i } from "./visualization.es215.js";
+import { isForcedMotionValue as u } from "./visualization.es462.js";
+function a(n, s, l) {
+  const o = n.style, r = s?.style, t = {};
+  if (!o)
+    return t;
+  for (const e in o)
+    (i(o[e]) || r && i(r[e]) || u(e, n) || l?.getValue(e)?.liveStyle !== void 0) && (t[e] = o[e]);
+  return t;
+}
 export {
-  n as hasReducedMotionListener,
-  e as prefersReducedMotion
+  a as scrapeMotionValuesFromProps
 };
 //# 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/render/utils/reduced-motion/state.mjs"],"sourcesContent":["// Does this device prefer reduced motion? Returns `null` server-side.\nconst prefersReducedMotion = { current: null };\nconst hasReducedMotionListener = { current: false };\n\nexport { hasReducedMotionListener, prefersReducedMotion };\n//# sourceMappingURL=state.mjs.map\n"],"names":["prefersReducedMotion","hasReducedMotionListener"],"mappings":"AACK,MAACA,IAAuB,EAAE,SAAS,KAAI,GACtCC,IAA2B,EAAE,SAAS,GAAK;","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/render/html/utils/scrape-motion-values.mjs"],"sourcesContent":["import { isMotionValue } from '../../../value/utils/is-motion-value.mjs';\nimport { isForcedMotionValue } from '../../utils/is-forced-motion-value.mjs';\n\nfunction scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n    const style = props.style;\n    const prevStyle = prevProps?.style;\n    const newValues = {};\n    if (!style)\n        return newValues;\n    for (const key in style) {\n        if (isMotionValue(style[key]) ||\n            (prevStyle && isMotionValue(prevStyle[key])) ||\n            isForcedMotionValue(key, props) ||\n            visualElement?.getValue(key)?.liveStyle !== undefined) {\n            newValues[key] = style[key];\n        }\n    }\n    return newValues;\n}\n\nexport { scrapeMotionValuesFromProps };\n//# sourceMappingURL=scrape-motion-values.mjs.map\n"],"names":["scrapeMotionValuesFromProps","props","prevProps","visualElement","style","prevStyle","newValues","key","isMotionValue","isForcedMotionValue"],"mappings":";;AAGA,SAASA,EAA4BC,GAAOC,GAAWC,GAAe;AAClE,QAAMC,IAAQH,EAAM,OACdI,IAAYH,GAAW,OACvBI,IAAY,CAAA;AAClB,MAAI,CAACF;AACD,WAAOE;AACX,aAAWC,KAAOH;AACd,KAAII,EAAcJ,EAAMG,CAAG,CAAC,KACvBF,KAAaG,EAAcH,EAAUE,CAAG,CAAC,KAC1CE,EAAoBF,GAAKN,CAAK,KAC9BE,GAAe,SAASI,CAAG,GAAG,cAAc,YAC5CD,EAAUC,CAAG,IAAIH,EAAMG,CAAG;AAGlC,SAAOD;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es447.js

@@ -1,5 +1,5 @@
-const e = (t) => /^0[^.\s]+$/u.test(t);
+const e = /* @__PURE__ */ new WeakMap();
 export {
-  e as isZeroValueString
+  e as visualElementStore
 };
 //# sourceMappingURL=visualization.es447.js.map

package/dist/visualization.es447.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es447.js","sources":["../../../node_modules/.pnpm/motion-utils@12.36.0/node_modules/motion-utils/dist/es/is-zero-value-string.mjs"],"sourcesContent":["/**\n * Check if the value is a zero value string like \"0px\" or \"0%\"\n */\nconst isZeroValueString = (v) => /^0[^.\\s]+$/u.test(v);\n\nexport { isZeroValueString };\n//# sourceMappingURL=is-zero-value-string.mjs.map\n"],"names":["isZeroValueString","v"],"mappings":"AAGK,MAACA,IAAoB,CAACC,MAAM,cAAc,KAAKA,CAAC;","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/render/store.mjs"],"sourcesContent":["const visualElementStore = new WeakMap();\n\nexport { visualElementStore };\n//# sourceMappingURL=store.mjs.map\n"],"names":["visualElementStore"],"mappings":"AAAK,MAACA,IAAqB,oBAAI,QAAO;","x_google_ignoreList":[0]}

package/dist/visualization.es448.js

@@ -1,21 +1,19 @@
-import { isVariantLabel as a } from "./visualization.es449.js";
-import { variantProps as p } from "./visualization.es451.js";
-const f = p.length;
-function c(n) {
-  if (!n)
-    return;
-  if (!n.isControllingVariants) {
-    const r = n.parent ? c(n.parent) || {} : {};
-    return n.props.initial !== void 0 && (r.initial = n.props.initial), r;
-  }
-  const o = {};
-  for (let r = 0; r < f; r++) {
-    const i = p[r], t = n.props[i];
-    (a(t) || t === !1) && (o[i] = t);
-  }
-  return o;
-}
+const t = () => ({
+  translate: 0,
+  scale: 1,
+  origin: 0,
+  originPoint: 0
+}), a = () => ({
+  x: t(),
+  y: t()
+}), e = () => ({ min: 0, max: 0 }), c = () => ({
+  x: e(),
+  y: e()
+});
 export {
-  c as getVariantContext
+  e as createAxis,
+  t as createAxisDelta,
+  c as createBox,
+  a as createDelta
 };
 //# 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/render/utils/get-variant-context.mjs"],"sourcesContent":["import { isVariantLabel } from './is-variant-label.mjs';\nimport { variantProps } from './variant-props.mjs';\n\nconst numVariantProps = variantProps.length;\n/**\n * Get variant context from a visual element's parent chain.\n * Uses `any` type for visualElement to avoid circular dependencies.\n */\nfunction getVariantContext(visualElement) {\n    if (!visualElement)\n        return undefined;\n    if (!visualElement.isControllingVariants) {\n        const context = visualElement.parent\n            ? getVariantContext(visualElement.parent) || {}\n            : {};\n        if (visualElement.props.initial !== undefined) {\n            context.initial = visualElement.props.initial;\n        }\n        return context;\n    }\n    const context = {};\n    for (let i = 0; i < numVariantProps; i++) {\n        const name = variantProps[i];\n        const prop = visualElement.props[name];\n        if (isVariantLabel(prop) || prop === false) {\n            context[name] = prop;\n        }\n    }\n    return context;\n}\n\nexport { getVariantContext };\n//# sourceMappingURL=get-variant-context.mjs.map\n"],"names":["numVariantProps","variantProps","getVariantContext","visualElement","context","i","name","prop","isVariantLabel"],"mappings":";;AAGA,MAAMA,IAAkBC,EAAa;AAKrC,SAASC,EAAkBC,GAAe;AACtC,MAAI,CAACA;AACD;AACJ,MAAI,CAACA,EAAc,uBAAuB;AACtC,UAAMC,IAAUD,EAAc,SACxBD,EAAkBC,EAAc,MAAM,KAAK,CAAA,IAC3C,CAAA;AACN,WAAIA,EAAc,MAAM,YAAY,WAChCC,EAAQ,UAAUD,EAAc,MAAM,UAEnCC;AAAA,EACX;AACA,QAAMA,IAAU,CAAA;AAChB,WAASC,IAAI,GAAGA,IAAIL,GAAiBK,KAAK;AACtC,UAAMC,IAAOL,EAAaI,CAAC,GACrBE,IAAOJ,EAAc,MAAMG,CAAI;AACrC,KAAIE,EAAeD,CAAI,KAAKA,MAAS,QACjCH,EAAQE,CAAI,IAAIC;AAAA,EAExB;AACA,SAAOH;AACX;","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/geometry/models.mjs"],"sourcesContent":["const createAxisDelta = () => ({\n    translate: 0,\n    scale: 1,\n    origin: 0,\n    originPoint: 0,\n});\nconst createDelta = () => ({\n    x: createAxisDelta(),\n    y: createAxisDelta(),\n});\nconst createAxis = () => ({ min: 0, max: 0 });\nconst createBox = () => ({\n    x: createAxis(),\n    y: createAxis(),\n});\n\nexport { createAxis, createAxisDelta, createBox, createDelta };\n//# sourceMappingURL=models.mjs.map\n"],"names":["createAxisDelta","createDelta","createAxis","createBox"],"mappings":"AAAK,MAACA,IAAkB,OAAO;AAAA,EAC3B,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,aAAa;AACjB,IACMC,IAAc,OAAO;AAAA,EACvB,GAAGD,EAAe;AAAA,EAClB,GAAGA,EAAe;AACtB,IACME,IAAa,OAAO,EAAE,KAAK,GAAG,KAAK,EAAC,IACpCC,IAAY,OAAO;AAAA,EACrB,GAAGD,EAAU;AAAA,EACb,GAAGA,EAAU;AACjB;","x_google_ignoreList":[0]}

package/dist/visualization.es449.js

@@ -1,7 +1,33 @@
-function t(r) {
-  return typeof r == "string" || Array.isArray(r);
+import { buildHTMLStyles as y } from "./visualization.es444.js";
+import { buildSVGPath as c } from "./visualization.es487.js";
+const B = [
+  "offsetDistance",
+  "offsetPath",
+  "offsetRotate",
+  "offsetAnchor"
+];
+function P(r, {
+  attrX: e,
+  attrY: n,
+  attrScale: s,
+  pathLength: t,
+  pathSpacing: d = 1,
+  pathOffset: m = 0,
+  // This is object creation, which we try to avoid per-frame.
+  ...l
+}, a, u, x) {
+  if (y(r, l, u), a) {
+    r.style.viewBox && (r.attrs.viewBox = r.style.viewBox);
+    return;
+  }
+  r.attrs = r.style, r.style = {};
+  const { attrs: f, style: o } = r;
+  f.transform && (o.transform = f.transform, delete f.transform), (o.transform || f.transformOrigin) && (o.transformOrigin = f.transformOrigin ?? "50% 50%", delete f.transformOrigin), o.transform && (o.transformBox = x?.transformBox ?? "fill-box", delete f.transformBox);
+  for (const i of B)
+    f[i] !== void 0 && (o[i] = f[i], delete f[i]);
+  e !== void 0 && (f.x = e), n !== void 0 && (f.y = n), s !== void 0 && (f.scale = s), t !== void 0 && c(f, t, d, m, !1);
 }
 export {
-  t as isVariantLabel
+  P as buildSVGAttrs
 };
 //# 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/render/utils/is-variant-label.mjs"],"sourcesContent":["/**\n * Decides if the supplied variable is variant label\n */\nfunction isVariantLabel(v) {\n    return typeof v === \"string\" || Array.isArray(v);\n}\n\nexport { isVariantLabel };\n//# sourceMappingURL=is-variant-label.mjs.map\n"],"names":["isVariantLabel","v"],"mappings":"AAGA,SAASA,EAAeC,GAAG;AACvB,SAAO,OAAOA,KAAM,YAAY,MAAM,QAAQA,CAAC;AACnD;","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/render/svg/utils/build-attrs.mjs"],"sourcesContent":["import { buildHTMLStyles } from '../../html/utils/build-styles.mjs';\nimport { buildSVGPath } from './path.mjs';\n\n/**\n * CSS Motion Path properties that should remain as CSS styles on SVG elements.\n */\nconst cssMotionPathProperties = [\n    \"offsetDistance\",\n    \"offsetPath\",\n    \"offsetRotate\",\n    \"offsetAnchor\",\n];\n/**\n * Build SVG visual attributes, like cx and style.transform\n */\nfunction buildSVGAttrs(state, { attrX, attrY, attrScale, pathLength, pathSpacing = 1, pathOffset = 0, \n// This is object creation, which we try to avoid per-frame.\n...latest }, isSVGTag, transformTemplate, styleProp) {\n    buildHTMLStyles(state, latest, transformTemplate);\n    /**\n     * For svg tags we just want to make sure viewBox is animatable and treat all the styles\n     * as normal HTML tags.\n     */\n    if (isSVGTag) {\n        if (state.style.viewBox) {\n            state.attrs.viewBox = state.style.viewBox;\n        }\n        return;\n    }\n    state.attrs = state.style;\n    state.style = {};\n    const { attrs, style } = state;\n    /**\n     * However, we apply transforms as CSS transforms.\n     * So if we detect a transform, transformOrigin we take it from attrs and copy it into style.\n     */\n    if (attrs.transform) {\n        style.transform = attrs.transform;\n        delete attrs.transform;\n    }\n    if (style.transform || attrs.transformOrigin) {\n        style.transformOrigin = attrs.transformOrigin ?? \"50% 50%\";\n        delete attrs.transformOrigin;\n    }\n    if (style.transform) {\n        /**\n         * SVG's element transform-origin uses its own median as a reference.\n         * Therefore, transformBox becomes a fill-box\n         */\n        style.transformBox = styleProp?.transformBox ?? \"fill-box\";\n        delete attrs.transformBox;\n    }\n    for (const key of cssMotionPathProperties) {\n        if (attrs[key] !== undefined) {\n            style[key] = attrs[key];\n            delete attrs[key];\n        }\n    }\n    // Render attrX/attrY/attrScale as attributes\n    if (attrX !== undefined)\n        attrs.x = attrX;\n    if (attrY !== undefined)\n        attrs.y = attrY;\n    if (attrScale !== undefined)\n        attrs.scale = attrScale;\n    // Build SVG path if one has been defined\n    if (pathLength !== undefined) {\n        buildSVGPath(attrs, pathLength, pathSpacing, pathOffset, false);\n    }\n}\n\nexport { buildSVGAttrs };\n//# sourceMappingURL=build-attrs.mjs.map\n"],"names":["cssMotionPathProperties","buildSVGAttrs","state","attrX","attrY","attrScale","pathLength","pathSpacing","pathOffset","latest","isSVGTag","transformTemplate","styleProp","buildHTMLStyles","attrs","style","key","buildSVGPath"],"mappings":";;AAMA,MAAMA,IAA0B;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAIA,SAASC,EAAcC,GAAO;AAAA,EAAE,OAAAC;AAAA,EAAO,OAAAC;AAAA,EAAO,WAAAC;AAAA,EAAW,YAAAC;AAAA,EAAY,aAAAC,IAAc;AAAA,EAAG,YAAAC,IAAa;AAAA;AAAA,EAEnG,GAAGC;GAAUC,GAAUC,GAAmBC,GAAW;AAMjD,MALAC,EAAgBX,GAAOO,GAAQE,CAAiB,GAK5CD,GAAU;AACV,IAAIR,EAAM,MAAM,YACZA,EAAM,MAAM,UAAUA,EAAM,MAAM;AAEtC;AAAA,EACJ;AACA,EAAAA,EAAM,QAAQA,EAAM,OACpBA,EAAM,QAAQ,CAAA;AACd,QAAM,EAAE,OAAAY,GAAO,OAAAC,EAAK,IAAKb;AAKzB,EAAIY,EAAM,cACNC,EAAM,YAAYD,EAAM,WACxB,OAAOA,EAAM,aAEbC,EAAM,aAAaD,EAAM,qBACzBC,EAAM,kBAAkBD,EAAM,mBAAmB,WACjD,OAAOA,EAAM,kBAEbC,EAAM,cAKNA,EAAM,eAAeH,GAAW,gBAAgB,YAChD,OAAOE,EAAM;AAEjB,aAAWE,KAAOhB;AACd,IAAIc,EAAME,CAAG,MAAM,WACfD,EAAMC,CAAG,IAAIF,EAAME,CAAG,GACtB,OAAOF,EAAME,CAAG;AAIxB,EAAIb,MAAU,WACVW,EAAM,IAAIX,IACVC,MAAU,WACVU,EAAM,IAAIV,IACVC,MAAc,WACdS,EAAM,QAAQT,IAEdC,MAAe,UACfW,EAAaH,GAAOR,GAAYC,GAAaC,GAAY,EAAK;AAEtE;","x_google_ignoreList":[0]}

package/dist/visualization.es45.js

@@ -1,116 +1,14 @@
-import { jsxs as S, jsx as p, Fragment as oe } from "react/jsx-runtime";
-import ce, { useMemo as z, useCallback as ne } from "react";
-import se from "./visualization.es104.js";
-import { calculateBoxStats as re, scottRule as me, silvermanRule as he, kernelDensityEstimator as pe, seededRandom as ue, gaussian as fe } from "./visualization.es21.js";
-import de from "./visualization.es105.js";
-import ie from "./visualization.es54.js";
-import ve from "./visualization.es28.js";
-import ye from "./visualization.es26.js";
-import ke from "./visualization.es106.js";
-import { line as ge } from "./visualization.es33.js";
-import xe from "./visualization.es59.js";
-import $e from "./visualization.es34.js";
-const Re = ({
-  distribution: t,
-  distIndex: $,
-  violinProps: l,
-  crossProps: D,
-  valueScale: m,
-  labelScale: C,
-  offset: Q,
-  labels: R,
-  disableCrossPlot: P,
-  disableViolinPlot: H,
-  horizontal: o,
-  pointTooltipBody: k,
-  onViolinClicked: b,
-  onPointClicked: A
-}) => {
-  const {
-    tooltipData: a,
-    tooltipLeft: X,
-    tooltipTop: N,
-    tooltipOpen: V,
-    showTooltip: Y,
-    hideTooltip: _
-  } = ie(), u = t.data.flatMap((e) => e.value), {
-    min: w,
-    max: T,
-    firstQuartile: F,
-    thirdQuartile: j,
-    median: E,
-    outliers: q
-  } = re(u, D?.outliers ?? "all"), ee = t.data.filter((e) => q.includes(e.value)).map((e) => ({
-    ...e,
-    outlier: !0
-  })), te = t.data.filter((e) => !q.includes(e.value)), G = z(() => {
-    const e = (T - w) / Math.max(100, u.length), s = ve(w, T, e), r = typeof l?.bandwidth == "number" ? l.bandwidth : typeof l?.bandwidth == "function" ? l.bandwidth(u) : l?.bandwidth === "scott" ? me(u) : he(u);
-    return [...pe(fe(r), s)(u)].sort((d, c) => d.value - c.value);
-  }, [u, T, w, l]), W = Math.min(C.bandwidth(), 50), ae = D?.medianWidth ?? W * 0.25, L = z(() => ({
-    label: t.label,
-    sampleSize: t.data.length,
-    median: E.toFixed(2),
-    firstQuartile: F.toFixed(2),
-    thirdQuartile: j.toFixed(2)
-  }), [t.label, t.data.length, E, F, j]), M = ne((e, s, r) => {
-    Y({
-      tooltipData: r && k ? {
-        point: r
-      } : s,
-      tooltipLeft: e.pageX,
-      tooltipTop: e.pageY
-    });
-  }, [k, Y]), J = () => {
-    !b || !a || a && b(t);
-  }, O = (e) => {
-    !A || !a || a && A(e);
-  }, n = o ? (C(R[$]) ?? 0) + W / 2 : (C(R[$]) ?? 0) + Q + C.bandwidth() / 2, K = ye().domain([0, ke(G, (e) => Math.abs(e.count)) || 1]).range([0, W / 2]), U = G.filter((e) => e && e.count != null && e.value != null);
-  let g = [...U.map((e) => ({
-    x: n + K(e.count),
-    y: m(e.value)
-  })), ...U.slice().reverse().map((e) => ({
-    x: n - K(e.count),
-    y: m(e.value)
-  }))];
-  if (g.length > 2) {
-    const e = g.slice(1);
-    e.push(g[0]), e.push(g[1]), g = e;
+import { PureComponent as e } from "react";
+import t from "react-dom";
+class i extends e {
+  componentWillUnmount() {
+    this.node && document.body && (document.body.removeChild(this.node), delete this.node);
   }
-  const Z = ge().x((e) => o ? e.y : e.x).y((e) => o ? e.x : e.y).curve($e)(g) ?? null;
-  return /* @__PURE__ */ S(ce.Fragment, {
-    //display plots if enough data provided
-    children: [
-      /* @__PURE__ */ S("g", { onMouseLeave: _, transform: o ? `translate(${Q}, 0)` : "translate(0, 0)", children: [
-        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !H && Z && /* @__PURE__ */ p(oe, { children: /* @__PURE__ */ p("path", { d: Z, fill: t.violinColor ?? "none", fillOpacity: t.opacity ?? 0.3, stroke: t.violinColor ?? "black", strokeOpacity: t.opacity ?? 1, strokeWidth: a === L ? (l?.stroke ?? 1) + 1 : l?.stroke ?? 1, pointerEvents: "all", onMouseMove: (e) => M(e, L), onClick: J }) }),
-        t.data.length >= (l?.pointDisplayThreshold ?? 3) && !P && /* @__PURE__ */ p(se, { crossProps: D, left: o ? 0 : n, top: o ? n : 0, median: E, firstQuartile: F, thirdQuartile: j, valueScale: m, medianWidth: ae, tooltipData: a ?? {}, handleMouseMove: M, handleCrossClick: J, disableViolinPlot: H, tooltip: L, horizontal: o }),
-        ee.map((e, s) => {
-          const r = m(e.value), x = m(e.value), f = o ? x : n, d = o ? n : r, c = {
-            outlier: !0,
-            label: t.label,
-            value: e.value.toFixed(2)
-          }, h = k ? a?.point === e : a?.label === c.label && a?.value === c.value, i = e.radius ?? 4;
-          return /* @__PURE__ */ p("circle", { cx: f, cy: d, r: h ? i + 1 : i, stroke: h ? "#000000" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "#000000", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (v) => M(v, c, e), onClick: () => O(e) }, `outlier-${s}`);
-        }),
-        t.data.length >= (l?.pointDisplayThreshold ?? 3) && l?.showAllPoints && te.map((e, s) => {
-          const r = m(e.value), x = m(e.value), f = l?.jitter ?? 0, d = `${t.label}-${e}-${s}`, c = f > 0 ? (ue(d) - 0.5) * 2 * f : 0, h = o ? x : n + c, i = o ? n + c : r, v = {
-            label: t.label,
-            value: e.value.toFixed(2)
-          }, B = k ? a?.point === e : a?.label === v.label && a?.value === v.value, I = e.radius ?? 2, y = B ? I + 1 : I;
-          return /* @__PURE__ */ p("path", { d: `M ${h},${i} m -${y},0 a ${y},${y} 0 1,0 ${2 * y},0 a ${y},${y} 0 1,0 -${2 * y},0`, stroke: B ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (le) => M(le, v, e), onClick: () => O(e) }, `${$}-point-${s}`);
-        }),
-        t.data.length < (l?.pointDisplayThreshold ?? 3) && t.data.map((e, s) => {
-          const r = m(e.value), x = m(e.value), f = o ? x : n, d = o ? n : r, c = e.radius ?? 2, h = {
-            label: t.label,
-            value: e.value.toFixed(2)
-          }, i = k ? a?.point === e : a?.label === h.label && a?.value === h.value;
-          return /* @__PURE__ */ p("circle", { cx: f, cy: d, r: i ? c + 1 : c, stroke: i ? "black" : e.stroke ?? "none", fill: e.color ?? t.violinColor ?? "black", opacity: e.opacity ?? t.opacity ?? 1, pointerEvents: "all", onMouseMove: (v) => M(v, h, e), onClick: () => O(e) }, `thresh-${s}`);
-        })
-      ] }, `group-${$}`),
-      V && a && /* @__PURE__ */ p(xe, { children: /* @__PURE__ */ p(de, { left: X ?? 0, top: N ?? 0, data: a, open: V, pointTooltipBody: k }, `${X}-${N}`) })
-    ]
-  }, `frag-${$}`);
-};
+  render() {
+    return !this.node && typeof document < "u" && (this.node = document.createElement("div"), this.props.zIndex != null && (this.node.style.zIndex = `${this.props.zIndex}`), document.body.append(this.node)), this.node ? /* @__PURE__ */ t.createPortal(this.props.children, this.node) : null;
+  }
+}
 export {
-  Re as default
+  i as default
 };
 //# sourceMappingURL=visualization.es45.js.map