@weng-lab/visualization 2.4.0-beta.1 → 2.4.0-beta.2

package/dist/visualization.es27.js

@@ -1,47 +1,8 @@
-import { forwardRef as m } from "react";
-import u from "./visualization.es129.js";
-import { jsx as c } from "react/jsx-runtime";
-const x = {
-  position: "absolute",
-  backgroundColor: "white",
-  color: "#666666",
-  padding: "0.3rem 0.5rem",
-  borderRadius: "3px",
-  fontSize: "14px",
-  boxShadow: "0 1px 2px rgba(33,33,33,0.2)",
-  lineHeight: "1em",
-  pointerEvents: "none"
-}, y = /* @__PURE__ */ m((s, r) => {
-  let {
-    className: i,
-    top: o,
-    left: e,
-    offsetLeft: t = 10,
-    offsetTop: l = 10,
-    style: p = x,
-    children: n,
-    unstyled: a = !1,
-    applyPositionStyle: f = !1,
-    ...d
-  } = s;
-  return /* @__PURE__ */ c("div", {
-    ref: r,
-    className: u("visx-tooltip", i),
-    style: {
-      top: o == null || l == null ? o : o + l,
-      left: e == null || t == null ? e : e + t,
-      ...f && {
-        position: "absolute"
-      },
-      ...!a && p
-    },
-    ...d,
-    children: n
-  });
-});
-y.displayName = "Tooltip";
+import { createDomVisualElement as o } from "./visualization.es150.js";
+import { createMotionProxy as r } from "./visualization.es151.js";
+import { featureBundle as t } from "./visualization.es152.js";
+const n = /* @__PURE__ */ r(t, o);
 export {
-  y as default,
-  x as defaultStyles
+  n as motion
 };
 //# sourceMappingURL=visualization.es27.js.map

package/dist/visualization.es27.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es27.js","sources":["../../../node_modules/.pnpm/@visx+tooltip@4.0.0_@types+react-dom@19.2.3_@types+react@19.2.14__@types+react@19.2.14__1992a6888b9348459183e160bdb98c40/node_modules/@visx/tooltip/esm/tooltips/Tooltip.js"],"sourcesContent":["import { forwardRef } from 'react';\nimport cx from 'classnames';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const defaultStyles = {\n  position: 'absolute',\n  backgroundColor: 'white',\n  color: '#666666',\n  padding: '0.3rem 0.5rem',\n  borderRadius: '3px',\n  fontSize: '14px',\n  boxShadow: '0 1px 2px rgba(33,33,33,0.2)',\n  lineHeight: '1em',\n  pointerEvents: 'none'\n};\nconst Tooltip = /*#__PURE__*/forwardRef((_ref, ref) => {\n  let {\n    className,\n    top,\n    left,\n    offsetLeft = 10,\n    offsetTop = 10,\n    style = defaultStyles,\n    children,\n    unstyled = false,\n    applyPositionStyle = false,\n    ...restProps\n  } = _ref;\n  return /*#__PURE__*/_jsx(\"div\", {\n    ref: ref,\n    className: cx('visx-tooltip', className),\n    style: {\n      top: top == null || offsetTop == null ? top : top + offsetTop,\n      left: left == null || offsetLeft == null ? left : left + offsetLeft,\n      ...(applyPositionStyle && {\n        position: 'absolute'\n      }),\n      ...(!unstyled && style)\n    },\n    ...restProps,\n    children: children\n  });\n});\nTooltip.displayName = 'Tooltip';\nexport default Tooltip;"],"names":["defaultStyles","Tooltip","forwardRef","_ref","ref","className","top","left","offsetLeft","offsetTop","style","children","unstyled","applyPositionStyle","restProps","_jsx","cx"],"mappings":";;;AAGY,MAACA,IAAgB;AAAA,EAC3B,UAAU;AAAA,EACV,iBAAiB;AAAA,EACjB,OAAO;AAAA,EACP,SAAS;AAAA,EACT,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,eAAe;AACjB,GACMC,IAAuB,gBAAAC,EAAW,CAACC,GAAMC,MAAQ;AACrD,MAAI;AAAA,IACF,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQV;AAAA,IACR,UAAAW;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,oBAAAC,IAAqB;AAAA,IACrB,GAAGC;AAAA,EACP,IAAMX;AACJ,SAAoBY,gBAAAA,EAAK,OAAO;AAAA,IAC9B,KAAKX;AAAA,IACL,WAAWY,EAAG,gBAAgBX,CAAS;AAAA,IACvC,OAAO;AAAA,MACL,KAAKC,KAAO,QAAQG,KAAa,OAAOH,IAAMA,IAAMG;AAAA,MACpD,MAAMF,KAAQ,QAAQC,KAAc,OAAOD,IAAOA,IAAOC;AAAA,MACzD,GAAIK,KAAsB;AAAA,QACxB,UAAU;AAAA,MAClB;AAAA,MACM,GAAI,CAACD,KAAYF;AAAA,IACvB;AAAA,IACI,GAAGI;AAAA,IACH,UAAUH;AAAA,EACd,CAAG;AACH,CAAC;AACDV,EAAQ,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es27.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs"],"sourcesContent":["import { createDomVisualElement } from '../../dom/create-visual-element.mjs';\nimport { createMotionProxy } from '../create-proxy.mjs';\nimport { featureBundle } from './feature-bundle.mjs';\n\nconst motion = /*@__PURE__*/ createMotionProxy(featureBundle, createDomVisualElement);\n\nexport { motion };\n//# sourceMappingURL=proxy.mjs.map\n"],"names":["motion","createMotionProxy","featureBundle","createDomVisualElement"],"mappings":";;;AAIK,MAACA,IAAuB,gBAAAC,EAAkBC,GAAeC,CAAsB;","x_google_ignoreList":[0]}

package/dist/visualization.es278.js

@@ -1,6 +1,25 @@
-import { createContext as t } from "react";
-const o = t({ strict: !1 });
+import { lowercaseSVGElements as r } from "./visualization.es532.js";
+function s(e) {
+  return (
+    /**
+     * If it's not a string, it's a custom React component. Currently we only support
+     * HTML custom React components.
+     */
+    typeof e != "string" || /**
+     * If it contains a dash, the element is a custom HTML webcomponent.
+     */
+    e.includes("-") ? !1 : (
+      /**
+       * If it's in our list of lowercase SVG tags, it's an SVG component
+       */
+      !!(r.indexOf(e) > -1 || /**
+       * If it contains a capital letter, it's an SVG component
+       */
+      /[A-Z]/u.test(e))
+    )
+  );
+}
 export {
-  o as LazyContext
+  s as isSVGComponent
 };
 //# sourceMappingURL=visualization.es278.js.map

package/dist/visualization.es278.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es278.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/context/LazyContext.mjs"],"sourcesContent":["\"use client\";\nimport { createContext } from 'react';\n\nconst LazyContext = createContext({ strict: false });\n\nexport { LazyContext };\n//# sourceMappingURL=LazyContext.mjs.map\n"],"names":["LazyContext","createContext"],"mappings":";AAGK,MAACA,IAAcC,EAAc,EAAE,QAAQ,GAAK,CAAE;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es278.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/render/dom/utils/is-svg-component.mjs"],"sourcesContent":["import { lowercaseSVGElements } from '../../svg/lowercase-elements.mjs';\n\nfunction isSVGComponent(Component) {\n    if (\n    /**\n     * If it's not a string, it's a custom React component. Currently we only support\n     * HTML custom React components.\n     */\n    typeof Component !== \"string\" ||\n        /**\n         * If it contains a dash, the element is a custom HTML webcomponent.\n         */\n        Component.includes(\"-\")) {\n        return false;\n    }\n    else if (\n    /**\n     * If it's in our list of lowercase SVG tags, it's an SVG component\n     */\n    lowercaseSVGElements.indexOf(Component) > -1 ||\n        /**\n         * If it contains a capital letter, it's an SVG component\n         */\n        /[A-Z]/u.test(Component)) {\n        return true;\n    }\n    return false;\n}\n\nexport { isSVGComponent };\n//# sourceMappingURL=is-svg-component.mjs.map\n"],"names":["isSVGComponent","Component","lowercaseSVGElements"],"mappings":";AAEA,SAASA,EAAeC,GAAW;AAC/B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAOA,KAAc;AAAA;AAAA;AAAA,IAIjBA,EAAU,SAAS,GAAG,IACf;AAAA;AAAA;AAAA;AAAA,MAMX,GAAAC,EAAqB,QAAQD,CAAS,IAAI;AAAA;AAAA;AAAA,MAItC,SAAS,KAAKA,CAAS;AAAA;AAAA;AAI/B;","x_google_ignoreList":[0]}

package/dist/visualization.es279.js

@@ -1,15 +1,41 @@
-import { getInitializedFeatureDefinitions as o } from "./visualization.es280.js";
-import { setFeatureDefinitions as n } from "./visualization.es281.js";
-function s(e) {
-  const i = o();
-  for (const t in e)
-    i[t] = {
-      ...i[t],
-      ...e[t]
-    };
-  n(i);
+import { transformProps as s } from "./visualization.es335.js";
+import { getDefaultValueType as a } from "./visualization.es423.js";
+import { createBox as m } from "./visualization.es439.js";
+import { DOMVisualElement as i } from "./visualization.es433.js";
+import { camelToDash as u } from "./visualization.es349.js";
+import { buildSVGAttrs as n } from "./visualization.es440.js";
+import { camelCaseAttributes as p } from "./visualization.es441.js";
+import { isSVGTag as l } from "./visualization.es442.js";
+import { renderSVG as f } from "./visualization.es443.js";
+import { scrapeMotionValuesFromProps as V } from "./visualization.es444.js";
+class A extends i {
+  constructor() {
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = m;
+  }
+  getBaseTargetFromProps(t, r) {
+    return t[r];
+  }
+  readValueFromInstance(t, r) {
+    if (s.has(r)) {
+      const e = a(r);
+      return e && e.default || 0;
+    }
+    return r = p.has(r) ? r : u(r), t.getAttribute(r);
+  }
+  scrapeMotionValuesFromProps(t, r, e) {
+    return V(t, r, e);
+  }
+  build(t, r, e) {
+    n(t, r, this.isSVGTag, e.transformTemplate, e.style);
+  }
+  renderInstance(t, r, e, o) {
+    f(t, r, e, o);
+  }
+  mount(t) {
+    this.isSVGTag = l(t.tagName), super.mount(t);
+  }
 }
 export {
-  s as loadFeatures
+  A as SVGVisualElement
 };
 //# sourceMappingURL=visualization.es279.js.map

package/dist/visualization.es279.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es279.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/load-features.mjs"],"sourcesContent":["import { setFeatureDefinitions } from 'motion-dom';\nimport { getInitializedFeatureDefinitions } from './definitions.mjs';\n\nfunction loadFeatures(features) {\n    const featureDefinitions = getInitializedFeatureDefinitions();\n    for (const key in features) {\n        featureDefinitions[key] = {\n            ...featureDefinitions[key],\n            ...features[key],\n        };\n    }\n    setFeatureDefinitions(featureDefinitions);\n}\n\nexport { loadFeatures };\n//# sourceMappingURL=load-features.mjs.map\n"],"names":["loadFeatures","features","featureDefinitions","getInitializedFeatureDefinitions","key","setFeatureDefinitions"],"mappings":";;AAGA,SAASA,EAAaC,GAAU;AAC5B,QAAMC,IAAqBC,EAAgC;AAC3D,aAAWC,KAAOH;AACd,IAAAC,EAAmBE,CAAG,IAAI;AAAA,MACtB,GAAGF,EAAmBE,CAAG;AAAA,MACzB,GAAGH,EAASG,CAAG;AAAA,IAC3B;AAEI,EAAAC,EAAsBH,CAAkB;AAC5C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es279.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/SVGVisualElement.mjs"],"sourcesContent":["import { transformProps } from '../utils/keys-transform.mjs';\nimport { getDefaultValueType } from '../../value/types/maps/defaults.mjs';\nimport { createBox } from '../../projection/geometry/models.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { camelToDash } from '../dom/utils/camel-to-dash.mjs';\nimport { buildSVGAttrs } from './utils/build-attrs.mjs';\nimport { camelCaseAttributes } from './utils/camel-case-attrs.mjs';\nimport { isSVGTag } from './utils/is-svg-tag.mjs';\nimport { renderSVG } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\n\nclass SVGVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.type = \"svg\";\n        this.isSVGTag = false;\n        this.measureInstanceViewportBox = createBox;\n    }\n    getBaseTargetFromProps(props, key) {\n        return props[key];\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            const defaultType = getDefaultValueType(key);\n            return defaultType ? defaultType.default || 0 : 0;\n        }\n        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;\n        return instance.getAttribute(key);\n    }\n    scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n        return scrapeMotionValuesFromProps(props, prevProps, visualElement);\n    }\n    build(renderState, latestValues, props) {\n        buildSVGAttrs(renderState, latestValues, this.isSVGTag, props.transformTemplate, props.style);\n    }\n    renderInstance(instance, renderState, styleProp, projection) {\n        renderSVG(instance, renderState, styleProp, projection);\n    }\n    mount(instance) {\n        this.isSVGTag = isSVGTag(instance.tagName);\n        super.mount(instance);\n    }\n}\n\nexport { SVGVisualElement };\n//# sourceMappingURL=SVGVisualElement.mjs.map\n"],"names":["SVGVisualElement","DOMVisualElement","createBox","props","key","instance","transformProps","defaultType","getDefaultValueType","camelCaseAttributes","camelToDash","prevProps","visualElement","scrapeMotionValuesFromProps","renderState","latestValues","buildSVGAttrs","styleProp","projection","renderSVG","isSVGTag"],"mappings":";;;;;;;;;;AAWA,MAAMA,UAAyBC,EAAiB;AAAA,EAC5C,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,OAAO,OACZ,KAAK,WAAW,IAChB,KAAK,6BAA6BC;AAAA,EACtC;AAAA,EACA,uBAAuBC,GAAOC,GAAK;AAC/B,WAAOD,EAAMC,CAAG;AAAA,EACpB;AAAA,EACA,sBAAsBC,GAAUD,GAAK;AACjC,QAAIE,EAAe,IAAIF,CAAG,GAAG;AACzB,YAAMG,IAAcC,EAAoBJ,CAAG;AAC3C,aAAOG,KAAcA,EAAY,WAAW;AAAA,IAChD;AACA,WAAAH,IAAOK,EAAoB,IAAIL,CAAG,IAAuBA,IAAnBM,EAAYN,CAAG,GAC9CC,EAAS,aAAaD,CAAG;AAAA,EACpC;AAAA,EACA,4BAA4BD,GAAOQ,GAAWC,GAAe;AACzD,WAAOC,EAA4BV,GAAOQ,GAAWC,CAAa;AAAA,EACtE;AAAA,EACA,MAAME,GAAaC,GAAcZ,GAAO;AACpC,IAAAa,EAAcF,GAAaC,GAAc,KAAK,UAAUZ,EAAM,mBAAmBA,EAAM,KAAK;AAAA,EAChG;AAAA,EACA,eAAeE,GAAUS,GAAaG,GAAWC,GAAY;AACzD,IAAAC,EAAUd,GAAUS,GAAaG,GAAWC,CAAU;AAAA,EAC1D;AAAA,EACA,MAAMb,GAAU;AACZ,SAAK,WAAWe,EAASf,EAAS,OAAO,GACzC,MAAM,MAAMA,CAAQ;AAAA,EACxB;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es28.js

@@ -1,11 +1,37 @@
-import e from "./visualization.es138.js";
-import a from "./visualization.es142.js";
-const n = e("domain", "range", "reverse", "unknown");
-function i(r) {
-  return n(a(), r);
+import l from "./visualization.es127.js";
+import m from "./visualization.es128.js";
+import n from "./visualization.es133.js";
+import { jsx as f } from "react/jsx-runtime";
+const c = {
+  dy: "0.25em",
+  fill: "#222",
+  fontFamily: "Arial",
+  fontSize: 10,
+  textAnchor: "middle"
+};
+function L(o) {
+  let {
+    axisClassName: i,
+    labelOffset: e = 8,
+    tickLength: s = 8,
+    tickLabelProps: t,
+    ...r
+  } = o;
+  const a = typeof t == "function" ? t : {
+    ...c,
+    ...t
+  };
+  return /* @__PURE__ */ f(m, {
+    axisClassName: l("visx-axis-bottom", i),
+    labelOffset: e,
+    orientation: n.bottom,
+    tickLabelProps: a,
+    tickLength: s,
+    ...r
+  });
 }
 export {
-  i as default,
-  n as updateOrdinalScale
+  c as bottomTickLabelProps,
+  L as default
 };
 //# sourceMappingURL=visualization.es28.js.map

package/dist/visualization.es28.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es28.js","sources":["../../../node_modules/.pnpm/@visx+scale@4.0.0/node_modules/@visx/scale/esm/scales/ordinal.js"],"sourcesContent":["import { scaleOrdinal } from '@visx/vendor/d3-scale';\nimport scaleOperator from \"../operators/scaleOperator.js\";\nexport const updateOrdinalScale = scaleOperator('domain', 'range', 'reverse', 'unknown');\nexport default function createOrdinalScale(config) {\n  return updateOrdinalScale(scaleOrdinal(), config);\n}"],"names":["updateOrdinalScale","scaleOperator","createOrdinalScale","config","scaleOrdinal"],"mappings":";;AAEY,MAACA,IAAqBC,EAAc,UAAU,SAAS,WAAW,SAAS;AACxE,SAASC,EAAmBC,GAAQ;AACjD,SAAOH,EAAmBI,EAAY,GAAID,CAAM;AAClD;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es28.js","sources":["../../../node_modules/.pnpm/@visx+axis@4.0.0_@types+react@19.2.14_react@19.2.4/node_modules/@visx/axis/esm/axis/AxisBottom.js"],"sourcesContent":["import cx from 'classnames';\nimport Axis from \"./Axis.js\";\nimport Orientation from \"../constants/orientation.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const bottomTickLabelProps = {\n  dy: '0.25em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'middle'\n};\nexport default function AxisBottom(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 8,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...bottomTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-bottom', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.bottom,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["bottomTickLabelProps","AxisBottom","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAuB;AAAA,EAClC,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAAWC,GAAM;AACvC,MAAI;AAAA,IACF,eAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,YAAAC,IAAa;AAAA,IACb,gBAAAC;AAAA,IACA,GAAGC;AAAA,EACP,IAAML;AACJ,QAAMM,IAAsB,OAAOF,KAAmB,aAAaA,IAAiB;AAAA,IAClF,GAAGN;AAAA,IACH,GAAGM;AAAA,EACP;AACE,SAAoBG,gBAAAA,EAAKC,GAAM;AAAA,IAC7B,eAAeC,EAAG,oBAAoBR,CAAa;AAAA,IACnD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/visualization.es280.js

@@ -1,40 +1,38 @@
-import { getFeatureDefinitions as r, setFeatureDefinitions as s } from "./visualization.es281.js";
-const n = {
-  animation: [
-    "animate",
-    "variants",
-    "whileHover",
-    "whileTap",
-    "exit",
-    "whileInView",
-    "whileFocus",
-    "whileDrag"
-  ],
-  exit: ["exit"],
-  drag: ["drag", "dragControls"],
-  focus: ["whileFocus"],
-  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
-  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
-  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
-  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
-  layout: ["layout", "layoutId"]
-};
-let t = !1;
-function l() {
-  if (t)
-    return;
-  const e = {};
-  for (const i in n)
-    e[i] = {
-      isEnabled: (o) => n[i].some((a) => !!o[a])
-    };
-  s(e), t = !0;
+import { isCSSVariableName as s } from "./visualization.es332.js";
+import { transformProps as n } from "./visualization.es335.js";
+import { defaultTransformValue as a, readTransformValue as i } from "./visualization.es390.js";
+import { measureViewportBox as u } from "./visualization.es434.js";
+import { DOMVisualElement as p } from "./visualization.es433.js";
+import { buildHTMLStyles as l } from "./visualization.es435.js";
+import { renderHTML as f } from "./visualization.es436.js";
+import { scrapeMotionValuesFromProps as c } from "./visualization.es437.js";
+function d(m) {
+  return window.getComputedStyle(m);
 }
-function w() {
-  return l(), r();
+class x extends p {
+  constructor() {
+    super(...arguments), this.type = "html", this.renderInstance = f;
+  }
+  readValueFromInstance(e, r) {
+    if (n.has(r))
+      return this.projection?.isProjecting ? a(r) : i(e, r);
+    {
+      const t = d(e), o = (s(r) ? t.getPropertyValue(r) : t[r]) || 0;
+      return typeof o == "string" ? o.trim() : o;
+    }
+  }
+  measureInstanceViewportBox(e, { transformPagePoint: r }) {
+    return u(e, r);
+  }
+  build(e, r, t) {
+    l(e, r, t.transformTemplate);
+  }
+  scrapeMotionValuesFromProps(e, r, t) {
+    return c(e, r, t);
+  }
 }
 export {
-  w as getInitializedFeatureDefinitions,
-  l as initFeatureDefinitions
+  x as HTMLVisualElement,
+  d as getComputedStyle
 };
 //# sourceMappingURL=visualization.es280.js.map

package/dist/visualization.es280.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es280.js","sources":["../../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/framer-motion/dist/es/motion/features/definitions.mjs"],"sourcesContent":["import { getFeatureDefinitions, setFeatureDefinitions } from 'motion-dom';\n\nconst featureProps = {\n    animation: [\n        \"animate\",\n        \"variants\",\n        \"whileHover\",\n        \"whileTap\",\n        \"exit\",\n        \"whileInView\",\n        \"whileFocus\",\n        \"whileDrag\",\n    ],\n    exit: [\"exit\"],\n    drag: [\"drag\", \"dragControls\"],\n    focus: [\"whileFocus\"],\n    hover: [\"whileHover\", \"onHoverStart\", \"onHoverEnd\"],\n    tap: [\"whileTap\", \"onTap\", \"onTapStart\", \"onTapCancel\"],\n    pan: [\"onPan\", \"onPanStart\", \"onPanSessionStart\", \"onPanEnd\"],\n    inView: [\"whileInView\", \"onViewportEnter\", \"onViewportLeave\"],\n    layout: [\"layout\", \"layoutId\"],\n};\nlet isInitialized = false;\n/**\n * Initialize feature definitions with isEnabled checks.\n * This must be called before any motion components are rendered.\n */\nfunction initFeatureDefinitions() {\n    if (isInitialized)\n        return;\n    const initialFeatureDefinitions = {};\n    for (const key in featureProps) {\n        initialFeatureDefinitions[key] = {\n            isEnabled: (props) => featureProps[key].some((name) => !!props[name]),\n        };\n    }\n    setFeatureDefinitions(initialFeatureDefinitions);\n    isInitialized = true;\n}\n/**\n * Get the current feature definitions, initializing if needed.\n */\nfunction getInitializedFeatureDefinitions() {\n    initFeatureDefinitions();\n    return getFeatureDefinitions();\n}\n\nexport { getInitializedFeatureDefinitions, initFeatureDefinitions };\n//# sourceMappingURL=definitions.mjs.map\n"],"names":["featureProps","isInitialized","initFeatureDefinitions","initialFeatureDefinitions","key","props","name","setFeatureDefinitions","getInitializedFeatureDefinitions","getFeatureDefinitions"],"mappings":";AAEA,MAAMA,IAAe;AAAA,EACjB,WAAW;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACR;AAAA,EACI,MAAM,CAAC,MAAM;AAAA,EACb,MAAM,CAAC,QAAQ,cAAc;AAAA,EAC7B,OAAO,CAAC,YAAY;AAAA,EACpB,OAAO,CAAC,cAAc,gBAAgB,YAAY;AAAA,EAClD,KAAK,CAAC,YAAY,SAAS,cAAc,aAAa;AAAA,EACtD,KAAK,CAAC,SAAS,cAAc,qBAAqB,UAAU;AAAA,EAC5D,QAAQ,CAAC,eAAe,mBAAmB,iBAAiB;AAAA,EAC5D,QAAQ,CAAC,UAAU,UAAU;AACjC;AACA,IAAIC,IAAgB;AAKpB,SAASC,IAAyB;AAC9B,MAAID;AACA;AACJ,QAAME,IAA4B,CAAA;AAClC,aAAWC,KAAOJ;AACd,IAAAG,EAA0BC,CAAG,IAAI;AAAA,MAC7B,WAAW,CAACC,MAAUL,EAAaI,CAAG,EAAE,KAAK,CAACE,MAAS,CAAC,CAACD,EAAMC,CAAI,CAAC;AAAA,IAChF;AAEI,EAAAC,EAAsBJ,CAAyB,GAC/CF,IAAgB;AACpB;AAIA,SAASO,IAAmC;AACxC,SAAAN,EAAsB,GACfO,EAAqB;AAChC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es280.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs"],"sourcesContent":["import { isCSSVariableName } from '../../animation/utils/is-css-variable.mjs';\nimport { transformProps } from '../utils/keys-transform.mjs';\nimport { defaultTransformValue, readTransformValue } from '../dom/parse-transform.mjs';\nimport { measureViewportBox } from '../../projection/utils/measure.mjs';\nimport { DOMVisualElement } from '../dom/DOMVisualElement.mjs';\nimport { buildHTMLStyles } from './utils/build-styles.mjs';\nimport { renderHTML } from './utils/render.mjs';\nimport { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.mjs';\n\nfunction getComputedStyle(element) {\n    return window.getComputedStyle(element);\n}\nclass HTMLVisualElement extends DOMVisualElement {\n    constructor() {\n        super(...arguments);\n        this.type = \"html\";\n        this.renderInstance = renderHTML;\n    }\n    readValueFromInstance(instance, key) {\n        if (transformProps.has(key)) {\n            return this.projection?.isProjecting\n                ? defaultTransformValue(key)\n                : readTransformValue(instance, key);\n        }\n        else {\n            const computedStyle = getComputedStyle(instance);\n            const value = (isCSSVariableName(key)\n                ? computedStyle.getPropertyValue(key)\n                : computedStyle[key]) || 0;\n            return typeof value === \"string\" ? value.trim() : value;\n        }\n    }\n    measureInstanceViewportBox(instance, { transformPagePoint }) {\n        return measureViewportBox(instance, transformPagePoint);\n    }\n    build(renderState, latestValues, props) {\n        buildHTMLStyles(renderState, latestValues, props.transformTemplate);\n    }\n    scrapeMotionValuesFromProps(props, prevProps, visualElement) {\n        return scrapeMotionValuesFromProps(props, prevProps, visualElement);\n    }\n}\n\nexport { HTMLVisualElement, getComputedStyle };\n//# sourceMappingURL=HTMLVisualElement.mjs.map\n"],"names":["getComputedStyle","element","HTMLVisualElement","DOMVisualElement","renderHTML","instance","key","transformProps","defaultTransformValue","readTransformValue","computedStyle","value","isCSSVariableName","transformPagePoint","measureViewportBox","renderState","latestValues","props","buildHTMLStyles","prevProps","visualElement","scrapeMotionValuesFromProps"],"mappings":";;;;;;;;AASA,SAASA,EAAiBC,GAAS;AAC/B,SAAO,OAAO,iBAAiBA,CAAO;AAC1C;AACA,MAAMC,UAA0BC,EAAiB;AAAA,EAC7C,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,OAAO,QACZ,KAAK,iBAAiBC;AAAA,EAC1B;AAAA,EACA,sBAAsBC,GAAUC,GAAK;AACjC,QAAIC,EAAe,IAAID,CAAG;AACtB,aAAO,KAAK,YAAY,eAClBE,EAAsBF,CAAG,IACzBG,EAAmBJ,GAAUC,CAAG;AAErC;AACD,YAAMI,IAAgBV,EAAiBK,CAAQ,GACzCM,KAASC,EAAkBN,CAAG,IAC9BI,EAAc,iBAAiBJ,CAAG,IAClCI,EAAcJ,CAAG,MAAM;AAC7B,aAAO,OAAOK,KAAU,WAAWA,EAAM,KAAI,IAAKA;AAAA,IACtD;AAAA,EACJ;AAAA,EACA,2BAA2BN,GAAU,EAAE,oBAAAQ,KAAsB;AACzD,WAAOC,EAAmBT,GAAUQ,CAAkB;AAAA,EAC1D;AAAA,EACA,MAAME,GAAaC,GAAcC,GAAO;AACpC,IAAAC,EAAgBH,GAAaC,GAAcC,EAAM,iBAAiB;AAAA,EACtE;AAAA,EACA,4BAA4BA,GAAOE,GAAWC,GAAe;AACzD,WAAOC,EAA4BJ,GAAOE,GAAWC,CAAa;AAAA,EACtE;AACJ;","x_google_ignoreList":[0]}