@weng-lab/visualization 2.4.1 → 2.4.2

package/dist/visualization.es432.js

@@ -1,29 +1,28 @@
-import { isMotionValue as r } from "./visualization.es197.js";
-import { DOMKeyframesResolver as o } from "./visualization.es358.js";
-import { VisualElement as s } from "./visualization.es288.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}`);
-    }));
-  }
-}
+import { color as o } from "./visualization.es415.js";
+import { filter as r } from "./visualization.es433.js";
+import { mask as e } from "./visualization.es434.js";
+import { numberValueTypes as l } from "./visualization.es435.js";
+const i = {
+  ...l,
+  // Color props
+  color: o,
+  backgroundColor: o,
+  outlineColor: o,
+  fill: o,
+  stroke: o,
+  // Border props
+  borderColor: o,
+  borderTopColor: o,
+  borderRightColor: o,
+  borderBottomColor: o,
+  borderLeftColor: o,
+  filter: r,
+  WebkitFilter: r,
+  mask: e,
+  WebkitMask: e
+}, a = (t) => i[t];
 export {
-  a as DOMVisualElement
+  i as defaultValueTypes,
+  a as getDefaultValueType
 };
 //# sourceMappingURL=visualization.es432.js.map

package/dist/visualization.es432.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es432.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]}
+{"version":3,"file":"visualization.es432.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/maps/defaults.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { filter } from '../complex/filter.mjs';\nimport { mask } from '../complex/mask.mjs';\nimport { numberValueTypes } from './number.mjs';\n\n/**\n * A map of default value types for common values\n */\nconst defaultValueTypes = {\n    ...numberValueTypes,\n    // Color props\n    color,\n    backgroundColor: color,\n    outlineColor: color,\n    fill: color,\n    stroke: color,\n    // Border props\n    borderColor: color,\n    borderTopColor: color,\n    borderRightColor: color,\n    borderBottomColor: color,\n    borderLeftColor: color,\n    filter,\n    WebkitFilter: filter,\n    mask,\n    WebkitMask: mask,\n};\n/**\n * Gets the default ValueType for the provided value key\n */\nconst getDefaultValueType = (key) => defaultValueTypes[key];\n\nexport { defaultValueTypes, getDefaultValueType };\n//# sourceMappingURL=defaults.mjs.map\n"],"names":["defaultValueTypes","numberValueTypes","color","filter","mask","getDefaultValueType","key"],"mappings":";;;;AAQK,MAACA,IAAoB;AAAA,EACtB,GAAGC;AAAA;AAAA,EAEH,OAAAC;AAAA,EACA,iBAAiBA;AAAA,EACjB,cAAcA;AAAA,EACd,MAAMA;AAAA,EACN,QAAQA;AAAA;AAAA,EAER,aAAaA;AAAA,EACb,gBAAgBA;AAAA,EAChB,kBAAkBA;AAAA,EAClB,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA,EACjB,QAAAC;AAAA,EACA,cAAcA;AAAA,EACd,MAAAC;AAAA,EACA,YAAYA;AAChB,GAIMC,IAAsB,CAACC,MAAQN,EAAkBM,CAAG;","x_google_ignoreList":[0]}

package/dist/visualization.es433.js

@@ -1,14 +1,25 @@
-import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./visualization.es454.js";
-import { translateAxis as n } from "./visualization.es456.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;
+import { complex as c } from "./visualization.es416.js";
+import { floatRegex as i } from "./visualization.es429.js";
+const s = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function u(t) {
+  const [e, n] = t.slice(0, -1).split("(");
+  if (e === "drop-shadow")
+    return t;
+  const [o] = n.match(i) || [];
+  if (!o)
+    return t;
+  const r = n.replace(o, "");
+  let a = s.has(e) ? 1 : 0;
+  return o !== n && (a *= 100), e + "(" + a + r + ")";
 }
+const l = /\b([a-z-]*)\(.*?\)/gu, p = {
+  ...c,
+  getAnimatableNone: (t) => {
+    const e = t.match(l);
+    return e ? e.map(u).join(" ") : t;
+  }
+};
 export {
-  c as measurePageBox,
-  x as measureViewportBox
+  p as filter
 };
 //# sourceMappingURL=visualization.es433.js.map

package/dist/visualization.es433.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es433.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]}
+{"version":3,"file":"visualization.es433.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/filter.mjs"],"sourcesContent":["import { complex } from './index.mjs';\nimport { floatRegex } from '../utils/float-regex.mjs';\n\n/**\n * Properties that should default to 1 or 100%\n */\nconst maxDefaults = new Set([\"brightness\", \"contrast\", \"saturate\", \"opacity\"]);\nfunction applyDefaultFilter(v) {\n    const [name, value] = v.slice(0, -1).split(\"(\");\n    if (name === \"drop-shadow\")\n        return v;\n    const [number] = value.match(floatRegex) || [];\n    if (!number)\n        return v;\n    const unit = value.replace(number, \"\");\n    let defaultValue = maxDefaults.has(name) ? 1 : 0;\n    if (number !== value)\n        defaultValue *= 100;\n    return name + \"(\" + defaultValue + unit + \")\";\n}\nconst functionRegex = /\\b([a-z-]*)\\(.*?\\)/gu;\nconst filter = {\n    ...complex,\n    getAnimatableNone: (v) => {\n        const functions = v.match(functionRegex);\n        return functions ? functions.map(applyDefaultFilter).join(\" \") : v;\n    },\n};\n\nexport { filter };\n//# sourceMappingURL=filter.mjs.map\n"],"names":["maxDefaults","applyDefaultFilter","v","name","value","number","floatRegex","unit","defaultValue","functionRegex","filter","complex","functions"],"mappings":";;AAMA,MAAMA,IAAc,oBAAI,IAAI,CAAC,cAAc,YAAY,YAAY,SAAS,CAAC;AAC7E,SAASC,EAAmBC,GAAG;AAC3B,QAAM,CAACC,GAAMC,CAAK,IAAIF,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG;AAC9C,MAAIC,MAAS;AACT,WAAOD;AACX,QAAM,CAACG,CAAM,IAAID,EAAM,MAAME,CAAU,KAAK,CAAA;AAC5C,MAAI,CAACD;AACD,WAAOH;AACX,QAAMK,IAAOH,EAAM,QAAQC,GAAQ,EAAE;AACrC,MAAIG,IAAeR,EAAY,IAAIG,CAAI,IAAI,IAAI;AAC/C,SAAIE,MAAWD,MACXI,KAAgB,MACbL,IAAO,MAAMK,IAAeD,IAAO;AAC9C;AACA,MAAME,IAAgB,wBAChBC,IAAS;AAAA,EACX,GAAGC;AAAA,EACH,mBAAmB,CAACT,MAAM;AACtB,UAAMU,IAAYV,EAAE,MAAMO,CAAa;AACvC,WAAOG,IAAYA,EAAU,IAAIX,CAAkB,EAAE,KAAK,GAAG,IAAIC;AAAA,EACrE;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es434.js

@@ -1,30 +1,12 @@
-import { getValueAsType as p } from "./visualization.es430.js";
-import { numberValueTypes as u } from "./visualization.es425.js";
-import { transformProps as c } from "./visualization.es334.js";
-import { isCSSVariableName as g } from "./visualization.es331.js";
-import { buildTransform as y } from "./visualization.es477.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;
-    }
+import { complex as e } from "./visualization.es416.js";
+const n = {
+  ...e,
+  getAnimatableNone: (o) => {
+    const t = e.parse(o);
+    return e.createTransformer(o)(t.map((r) => typeof r == "number" ? 0 : typeof r == "object" ? { ...r, alpha: 1 } : r));
   }
-  if (i.transform || (m || e ? o.transform = y(i, f.transform, e) : o.transform && (o.transform = "none")), a) {
-    const { originX: r = "50%", originY: n = "50%", originZ: s = 0 } = t;
-    o.transformOrigin = `${r} ${n} ${s}`;
-  }
-}
+};
 export {
-  S as buildHTMLStyles
+  n as mask
 };
 //# sourceMappingURL=visualization.es434.js.map

package/dist/visualization.es434.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es434.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]}
+{"version":3,"file":"visualization.es434.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/complex/mask.mjs"],"sourcesContent":["import { complex } from './index.mjs';\n\nconst mask = {\n    ...complex,\n    getAnimatableNone: (v) => {\n        const parsed = complex.parse(v);\n        const transformer = complex.createTransformer(v);\n        return transformer(parsed.map((v) => typeof v === \"number\" ? 0 : typeof v === \"object\" ? { ...v, alpha: 1 } : v));\n    },\n};\n\nexport { mask };\n//# sourceMappingURL=mask.mjs.map\n"],"names":["mask","complex","v","parsed"],"mappings":";AAEK,MAACA,IAAO;AAAA,EACT,GAAGC;AAAA,EACH,mBAAmB,CAACC,MAAM;AACtB,UAAMC,IAASF,EAAQ,MAAMC,CAAC;AAE9B,WADoBD,EAAQ,kBAAkBC,CAAC,EAC5BC,EAAO,IAAI,CAACD,MAAM,OAAOA,KAAM,WAAW,IAAI,OAAOA,KAAM,WAAW,EAAE,GAAGA,GAAG,OAAO,EAAC,IAAKA,CAAC,CAAC;AAAA,EACpH;AACJ;","x_google_ignoreList":[0]}

package/dist/visualization.es435.js

@@ -1,13 +1,71 @@
-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]);
-}
+import { int as t } from "./visualization.es436.js";
+import { alpha as n } from "./visualization.es425.js";
+import { px as i } from "./visualization.es426.js";
+import { transformValueTypes as o } from "./visualization.es437.js";
+const g = {
+  // Border props
+  borderWidth: i,
+  borderTopWidth: i,
+  borderRightWidth: i,
+  borderBottomWidth: i,
+  borderLeftWidth: i,
+  borderRadius: i,
+  borderTopLeftRadius: i,
+  borderTopRightRadius: i,
+  borderBottomRightRadius: i,
+  borderBottomLeftRadius: i,
+  // Positioning props
+  width: i,
+  maxWidth: i,
+  height: i,
+  maxHeight: i,
+  top: i,
+  right: i,
+  bottom: i,
+  left: i,
+  inset: i,
+  insetBlock: i,
+  insetBlockStart: i,
+  insetBlockEnd: i,
+  insetInline: i,
+  insetInlineStart: i,
+  insetInlineEnd: i,
+  // Spacing props
+  padding: i,
+  paddingTop: i,
+  paddingRight: i,
+  paddingBottom: i,
+  paddingLeft: i,
+  paddingBlock: i,
+  paddingBlockStart: i,
+  paddingBlockEnd: i,
+  paddingInline: i,
+  paddingInlineStart: i,
+  paddingInlineEnd: i,
+  margin: i,
+  marginTop: i,
+  marginRight: i,
+  marginBottom: i,
+  marginLeft: i,
+  marginBlock: i,
+  marginBlockStart: i,
+  marginBlockEnd: i,
+  marginInline: i,
+  marginInlineStart: i,
+  marginInlineEnd: i,
+  // Typography
+  fontSize: i,
+  // Misc
+  backgroundPositionX: i,
+  backgroundPositionY: i,
+  ...o,
+  zIndex: t,
+  // SVG
+  fillOpacity: n,
+  strokeOpacity: n,
+  numOctaves: t
+};
 export {
-  i as renderHTML
+  g as numberValueTypes
 };
 //# sourceMappingURL=visualization.es435.js.map

package/dist/visualization.es435.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es435.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]}
+{"version":3,"file":"visualization.es435.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/maps/number.mjs"],"sourcesContent":["import { int } from '../int.mjs';\nimport { alpha } from '../numbers/index.mjs';\nimport { px } from '../numbers/units.mjs';\nimport { transformValueTypes } from './transform.mjs';\n\nconst numberValueTypes = {\n    // Border props\n    borderWidth: px,\n    borderTopWidth: px,\n    borderRightWidth: px,\n    borderBottomWidth: px,\n    borderLeftWidth: px,\n    borderRadius: px,\n    borderTopLeftRadius: px,\n    borderTopRightRadius: px,\n    borderBottomRightRadius: px,\n    borderBottomLeftRadius: px,\n    // Positioning props\n    width: px,\n    maxWidth: px,\n    height: px,\n    maxHeight: px,\n    top: px,\n    right: px,\n    bottom: px,\n    left: px,\n    inset: px,\n    insetBlock: px,\n    insetBlockStart: px,\n    insetBlockEnd: px,\n    insetInline: px,\n    insetInlineStart: px,\n    insetInlineEnd: px,\n    // Spacing props\n    padding: px,\n    paddingTop: px,\n    paddingRight: px,\n    paddingBottom: px,\n    paddingLeft: px,\n    paddingBlock: px,\n    paddingBlockStart: px,\n    paddingBlockEnd: px,\n    paddingInline: px,\n    paddingInlineStart: px,\n    paddingInlineEnd: px,\n    margin: px,\n    marginTop: px,\n    marginRight: px,\n    marginBottom: px,\n    marginLeft: px,\n    marginBlock: px,\n    marginBlockStart: px,\n    marginBlockEnd: px,\n    marginInline: px,\n    marginInlineStart: px,\n    marginInlineEnd: px,\n    // Typography\n    fontSize: px,\n    // Misc\n    backgroundPositionX: px,\n    backgroundPositionY: px,\n    ...transformValueTypes,\n    zIndex: int,\n    // SVG\n    fillOpacity: alpha,\n    strokeOpacity: alpha,\n    numOctaves: int,\n};\n\nexport { numberValueTypes };\n//# sourceMappingURL=number.mjs.map\n"],"names":["numberValueTypes","px","transformValueTypes","int","alpha"],"mappings":";;;;AAKK,MAACA,IAAmB;AAAA;AAAA,EAErB,aAAaC;AAAA,EACb,gBAAgBA;AAAA,EAChB,kBAAkBA;AAAA,EAClB,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA,EACjB,cAAcA;AAAA,EACd,qBAAqBA;AAAA,EACrB,sBAAsBA;AAAA,EACtB,yBAAyBA;AAAA,EACzB,wBAAwBA;AAAA;AAAA,EAExB,OAAOA;AAAA,EACP,UAAUA;AAAA,EACV,QAAQA;AAAA,EACR,WAAWA;AAAA,EACX,KAAKA;AAAA,EACL,OAAOA;AAAA,EACP,QAAQA;AAAA,EACR,MAAMA;AAAA,EACN,OAAOA;AAAA,EACP,YAAYA;AAAA,EACZ,iBAAiBA;AAAA,EACjB,eAAeA;AAAA,EACf,aAAaA;AAAA,EACb,kBAAkBA;AAAA,EAClB,gBAAgBA;AAAA;AAAA,EAEhB,SAASA;AAAA,EACT,YAAYA;AAAA,EACZ,cAAcA;AAAA,EACd,eAAeA;AAAA,EACf,aAAaA;AAAA,EACb,cAAcA;AAAA,EACd,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA,EACjB,eAAeA;AAAA,EACf,oBAAoBA;AAAA,EACpB,kBAAkBA;AAAA,EAClB,QAAQA;AAAA,EACR,WAAWA;AAAA,EACX,aAAaA;AAAA,EACb,cAAcA;AAAA,EACd,YAAYA;AAAA,EACZ,aAAaA;AAAA,EACb,kBAAkBA;AAAA,EAClB,gBAAgBA;AAAA,EAChB,cAAcA;AAAA,EACd,mBAAmBA;AAAA,EACnB,iBAAiBA;AAAA;AAAA,EAEjB,UAAUA;AAAA;AAAA,EAEV,qBAAqBA;AAAA,EACrB,qBAAqBA;AAAA,EACrB,GAAGC;AAAA,EACH,QAAQC;AAAA;AAAA,EAER,aAAaC;AAAA,EACb,eAAeA;AAAA,EACf,YAAYD;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es436.js

@@ -1,14 +1,9 @@
-import { isMotionValue as i } from "./visualization.es197.js";
-import { isForcedMotionValue as u } from "./visualization.es452.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;
-}
+import { number as r } from "./visualization.es425.js";
+const t = {
+  ...r,
+  transform: Math.round
+};
 export {
-  a as scrapeMotionValuesFromProps
+  t as int
 };
 //# sourceMappingURL=visualization.es436.js.map

package/dist/visualization.es436.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es436.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]}
+{"version":3,"file":"visualization.es436.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/int.mjs"],"sourcesContent":["import { number } from './numbers/index.mjs';\n\nconst int = {\n    ...number,\n    transform: Math.round,\n};\n\nexport { int };\n//# sourceMappingURL=int.mjs.map\n"],"names":["int","number"],"mappings":";AAEK,MAACA,IAAM;AAAA,EACR,GAAGC;AAAA,EACH,WAAW,KAAK;AACpB;","x_google_ignoreList":[0]}

package/dist/visualization.es437.js

@@ -1,5 +1,32 @@
-const e = /* @__PURE__ */ new WeakMap();
+import { alpha as s, scale as t } from "./visualization.es425.js";
+import { px as e, progressPercentage as a, degrees as r } from "./visualization.es426.js";
+const n = {
+  rotate: r,
+  rotateX: r,
+  rotateY: r,
+  rotateZ: r,
+  scale: t,
+  scaleX: t,
+  scaleY: t,
+  scaleZ: t,
+  skew: r,
+  skewX: r,
+  skewY: r,
+  distance: e,
+  translateX: e,
+  translateY: e,
+  translateZ: e,
+  x: e,
+  y: e,
+  z: e,
+  perspective: e,
+  transformPerspective: e,
+  opacity: s,
+  originX: a,
+  originY: a,
+  originZ: e
+};
 export {
-  e as visualElementStore
+  n as transformValueTypes
 };
 //# sourceMappingURL=visualization.es437.js.map

package/dist/visualization.es437.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es437.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]}
+{"version":3,"file":"visualization.es437.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/maps/transform.mjs"],"sourcesContent":["import { alpha, scale } from '../numbers/index.mjs';\nimport { px, progressPercentage, degrees } from '../numbers/units.mjs';\n\nconst transformValueTypes = {\n    rotate: degrees,\n    rotateX: degrees,\n    rotateY: degrees,\n    rotateZ: degrees,\n    scale,\n    scaleX: scale,\n    scaleY: scale,\n    scaleZ: scale,\n    skew: degrees,\n    skewX: degrees,\n    skewY: degrees,\n    distance: px,\n    translateX: px,\n    translateY: px,\n    translateZ: px,\n    x: px,\n    y: px,\n    z: px,\n    perspective: px,\n    transformPerspective: px,\n    opacity: alpha,\n    originX: progressPercentage,\n    originY: progressPercentage,\n    originZ: px,\n};\n\nexport { transformValueTypes };\n//# sourceMappingURL=transform.mjs.map\n"],"names":["transformValueTypes","degrees","scale","px","alpha","progressPercentage"],"mappings":";;AAGK,MAACA,IAAsB;AAAA,EACxB,QAAQC;AAAA,EACR,SAASA;AAAA,EACT,SAASA;AAAA,EACT,SAASA;AAAA,EACT,OAAAC;AAAA,EACA,QAAQA;AAAA,EACR,QAAQA;AAAA,EACR,QAAQA;AAAA,EACR,MAAMD;AAAA,EACN,OAAOA;AAAA,EACP,OAAOA;AAAA,EACP,UAAUE;AAAA,EACV,YAAYA;AAAA,EACZ,YAAYA;AAAA,EACZ,YAAYA;AAAA,EACZ,GAAGA;AAAA,EACH,GAAGA;AAAA,EACH,GAAGA;AAAA,EACH,aAAaA;AAAA,EACb,sBAAsBA;AAAA,EACtB,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASA;AAAA,EACT,SAASF;AACb;","x_google_ignoreList":[0]}

package/dist/visualization.es438.js

@@ -1,19 +1,13 @@
-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()
-});
+import { complex as m } from "./visualization.es416.js";
+import { filter as n } from "./visualization.es433.js";
+import { mask as a } from "./visualization.es434.js";
+import { getDefaultValueType as r } from "./visualization.es432.js";
+const i = /* @__PURE__ */ new Set([n, a]);
+function s(t, o) {
+  let e = r(t);
+  return i.has(e) || (e = m), e.getAnimatableNone ? e.getAnimatableNone(o) : void 0;
+}
 export {
-  e as createAxis,
-  t as createAxisDelta,
-  c as createBox,
-  a as createDelta
+  s as getAnimatableNone
 };
 //# sourceMappingURL=visualization.es438.js.map

package/dist/visualization.es438.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es438.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]}
+{"version":3,"file":"visualization.es438.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/animatable-none.mjs"],"sourcesContent":["import { complex } from '../complex/index.mjs';\nimport { filter } from '../complex/filter.mjs';\nimport { mask } from '../complex/mask.mjs';\nimport { getDefaultValueType } from '../maps/defaults.mjs';\n\nconst customTypes = /*@__PURE__*/ new Set([filter, mask]);\nfunction getAnimatableNone(key, value) {\n    let defaultValueType = getDefaultValueType(key);\n    if (!customTypes.has(defaultValueType))\n        defaultValueType = complex;\n    // If value is not recognised as animatable, ie \"none\", create an animatable version origin based on the target\n    return defaultValueType.getAnimatableNone\n        ? defaultValueType.getAnimatableNone(value)\n        : undefined;\n}\n\nexport { getAnimatableNone };\n//# sourceMappingURL=animatable-none.mjs.map\n"],"names":["customTypes","filter","mask","getAnimatableNone","key","value","defaultValueType","getDefaultValueType","complex"],"mappings":";;;;AAKA,MAAMA,IAA4B,oBAAI,IAAI,CAACC,GAAQC,CAAI,CAAC;AACxD,SAASC,EAAkBC,GAAKC,GAAO;AACnC,MAAIC,IAAmBC,EAAoBH,CAAG;AAC9C,SAAKJ,EAAY,IAAIM,CAAgB,MACjCA,IAAmBE,IAEhBF,EAAiB,oBAClBA,EAAiB,kBAAkBD,CAAK,IACxC;AACV;","x_google_ignoreList":[0]}

package/dist/visualization.es439.js

@@ -1,33 +1,9 @@
-import { buildHTMLStyles as y } from "./visualization.es434.js";
-import { buildSVGPath as c } from "./visualization.es478.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);
-}
+import { color as e } from "./visualization.es415.js";
+import { complex as m } from "./visualization.es416.js";
+import { dimensionValueTypes as p } from "./visualization.es369.js";
+import { testValueType as r } from "./visualization.es431.js";
+const t = [...p, e, m], s = (o) => t.find(r(o));
 export {
-  P as buildSVGAttrs
+  s as findValueType
 };
 //# sourceMappingURL=visualization.es439.js.map

package/dist/visualization.es439.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es439.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]}
+{"version":3,"file":"visualization.es439.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/types/utils/find.mjs"],"sourcesContent":["import { color } from '../color/index.mjs';\nimport { complex } from '../complex/index.mjs';\nimport { dimensionValueTypes } from '../dimensions.mjs';\nimport { testValueType } from '../test.mjs';\n\n/**\n * A list of all ValueTypes\n */\nconst valueTypes = [...dimensionValueTypes, color, complex];\n/**\n * Tests a value against the list of ValueTypes\n */\nconst findValueType = (v) => valueTypes.find(testValueType(v));\n\nexport { findValueType };\n//# sourceMappingURL=find.mjs.map\n"],"names":["valueTypes","dimensionValueTypes","color","complex","findValueType","v","testValueType"],"mappings":";;;;AAQA,MAAMA,IAAa,CAAC,GAAGC,GAAqBC,GAAOC,CAAO,GAIpDC,IAAgB,CAACC,MAAML,EAAW,KAAKM,EAAcD,CAAC,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es44.js

@@ -1,77 +1,38 @@
-import { jsx as f, jsxs as D } from "react/jsx-runtime";
-import { c as Q } from "react/compiler-runtime";
-import U from "./visualization.es98.js";
-import { heatmapCellStyles as Z } from "./visualization.es103.js";
-import ee from "./visualization.es96.js";
-import { xAxisLabelProps as te, yAxisLabelProps as le, yAxisTickLabelProps as oe } from "./visualization.es40.js";
-import { AXIS_LABEL_GAP as I, LEGEND_GAP as se } from "./visualization.es41.js";
-import ae from "./visualization.es30.js";
-import ie from "./visualization.es31.js";
-const ge = (X) => {
-  const e = Q(51), {
-    svgRef: b,
-    layout: Y,
-    parentWidth: g,
-    parentHeight: d,
-    data: t,
-    gap: k,
-    isRect: L,
-    animationType: y,
-    tooltipBody: u,
-    onClick: A,
-    selectedCells: P,
-    deselectedColor: S,
-    xLabel: q,
-    yLabel: z,
-    showLegend: T,
-    xAxisTickFormat: C,
-    yAxisTickFormat: H,
-    xAxisTickLabelProps: V
-  } = X, {
-    marg: O,
-    xMax: _,
-    yMax: l,
-    xScale: o,
-    yScale: w,
-    cellYScale: F,
-    stableColors: s,
-    minValue: a,
-    maxValue: i,
-    binWidth: R,
-    binHeight: $,
-    numRows: v,
-    xTickValues: B,
-    yTickValues: E,
-    colLabelHeight: J,
-    maxRowNameWidth: K
-  } = Y;
-  let x;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ f("style", { children: Z }), e[0] = x) : x = e[0];
-  const G = `translate(${O.left},${O.top})`;
-  let r;
-  e[1] !== y || e[2] !== $ || e[3] !== R || e[4] !== F || e[5] !== t || e[6] !== S || e[7] !== k || e[8] !== L || e[9] !== i || e[10] !== a || e[11] !== A || e[12] !== P || e[13] !== s || e[14] !== u || e[15] !== o ? (r = /* @__PURE__ */ f(U, { data: t, xScale: o, yScale: F, colors: s, minValue: a, maxValue: i, gap: k, isRect: L, binWidth: R, binHeight: $, animationType: y, tooltipBody: u, onClick: A, selectedCells: P, deselectedColor: S }), e[1] = y, e[2] = $, e[3] = R, e[4] = F, e[5] = t, e[6] = S, e[7] = k, e[8] = L, e[9] = i, e[10] = a, e[11] = A, e[12] = P, e[13] = s, e[14] = u, e[15] = o, e[16] = r) : r = e[16];
-  const W = q ?? "", j = J + I;
-  let c;
-  e[17] !== t.length || e[18] !== W || e[19] !== j || e[20] !== C || e[21] !== V || e[22] !== o || e[23] !== B || e[24] !== l ? (c = /* @__PURE__ */ f(ae, { top: l, scale: o, numTicks: t.length, tickFormat: C, tickValues: B, tickLabelProps: V, label: W, labelOffset: j, labelProps: te }), e[17] = t.length, e[18] = W, e[19] = j, e[20] = C, e[21] = V, e[22] = o, e[23] = B, e[24] = l, e[25] = c) : c = e[25];
-  const M = z ?? "", N = K + I;
-  let m;
-  e[26] !== v || e[27] !== M || e[28] !== N || e[29] !== H || e[30] !== w || e[31] !== E ? (m = /* @__PURE__ */ f(ie, { scale: w, numTicks: v, tickValues: E, tickFormat: H, tickLabelProps: oe, label: M, labelOffset: N, labelProps: le }), e[26] = v, e[27] = M, e[28] = N, e[29] = H, e[30] = w, e[31] = E, e[32] = m) : m = e[32];
-  let n;
-  e[33] !== i || e[34] !== a || e[35] !== T || e[36] !== s || e[37] !== _ || e[38] !== l ? (n = T && /* @__PURE__ */ f("g", { transform: `translate(${_ + se}, 0)`, children: /* @__PURE__ */ f(ee, { colors: s, minValue: a, maxValue: i, height: l }) }), e[33] = i, e[34] = a, e[35] = T, e[36] = s, e[37] = _, e[38] = l, e[39] = n) : n = e[39];
-  let p;
-  e[40] !== n || e[41] !== G || e[42] !== r || e[43] !== c || e[44] !== m ? (p = /* @__PURE__ */ D("g", { transform: G, children: [
-    r,
-    c,
-    m,
-    n
-  ] }), e[40] = n, e[41] = G, e[42] = r, e[43] = c, e[44] = m, e[45] = p) : p = e[45];
-  let h;
-  return e[46] !== d || e[47] !== g || e[48] !== b || e[49] !== p ? (h = /* @__PURE__ */ D("svg", { width: g, height: d, ref: b, children: [
-    x,
-    p
-  ] }), e[46] = d, e[47] = g, e[48] = b, e[49] = p, e[50] = h) : h = e[50], h;
+import l from "./visualization.es132.js";
+import n from "./visualization.es131.js";
+import f from "./visualization.es137.js";
+import { jsx as m } from "react/jsx-runtime";
+const c = {
+  dx: "0.25em",
+  dy: "0.25em",
+  fill: "#222",
+  fontFamily: "Arial",
+  fontSize: 10,
+  textAnchor: "start"
 };
+function g(i) {
+  let {
+    axisClassName: o,
+    labelOffset: r = 36,
+    tickLength: e = 8,
+    tickLabelProps: t,
+    ...s
+  } = i;
+  const a = typeof t == "function" ? t : {
+    ...c,
+    ...t
+  };
+  return /* @__PURE__ */ m(n, {
+    axisClassName: l("visx-axis-right", o),
+    labelOffset: r,
+    orientation: f.right,
+    tickLabelProps: a,
+    tickLength: e,
+    ...s
+  });
+}
 export {
-  ge as default
+  g as default,
+  c as rightTickLabelProps
 };
 //# sourceMappingURL=visualization.es44.js.map

package/dist/visualization.es44.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es44.js","sources":["../src/components/Heatmap/HeatmapStaticSvg.tsx"],"sourcesContent":["import { type ReactElement, type RefObject } from \"react\";\nimport { AxisLeft, AxisBottom } from \"@visx/axis\";\nimport type { ColumnDatum, HeatmapCellId } from \"./types\";\nimport type { AnimationType } from \"../../utility\";\nimport type { AnyBin } from \"./HeatmapCells\";\nimport HeatmapCells from \"./HeatmapCells\";\nimport { heatmapCellStyles } from \"./HeatmapCell\";\nimport HeatmapLegend from \"./HeatmapLegend\";\nimport { xAxisLabelProps, yAxisTickLabelProps, yAxisLabelProps, type getXAxisTickLabelProps } from \"./heatmapAxisProps\";\nimport { LEGEND_GAP, AXIS_LABEL_GAP, type HeatmapLayout } from \"./heatmapLayout\";\n\nexport interface HeatmapStaticSvgProps {\n  svgRef: RefObject<SVGSVGElement | null>;\n  layout: HeatmapLayout;\n  parentWidth: number;\n  parentHeight: number;\n  data: ColumnDatum[];\n  gap: number;\n  isRect: boolean;\n  animationType?: AnimationType;\n  tooltipBody?: (bin: AnyBin) => ReactElement;\n  onClick?: (bin: AnyBin) => void;\n  selectedCells?: HeatmapCellId[];\n  deselectedColor?: string;\n  xLabel?: string;\n  yLabel?: string;\n  showLegend: boolean;\n  xAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  yAxisTickFormat: (d: number | { valueOf(): number }) => string;\n  xAxisTickLabelProps: ReturnType<typeof getXAxisTickLabelProps>;\n}\n\nconst HeatmapStaticSvg = ({\n  svgRef, layout, parentWidth, parentHeight, data, gap, isRect, animationType, tooltipBody,\n  onClick, selectedCells, deselectedColor, xLabel, yLabel, showLegend,\n  xAxisTickFormat, yAxisTickFormat, xAxisTickLabelProps,\n}: HeatmapStaticSvgProps) => {\n  const {\n    marg, xMax, yMax, xScale, yScale, cellYScale, stableColors, minValue, maxValue,\n    binWidth, binHeight, numRows, xTickValues, yTickValues, colLabelHeight, maxRowNameWidth, legendWidth,\n  } = layout;\n\n  return (\n    <svg width={parentWidth} height={parentHeight} ref={svgRef}>\n      {/* Inside the <svg> so cell hover styling survives the SVG/PNG download serialization */}\n      <style>{heatmapCellStyles}</style>\n      <g transform={`translate(${marg.left},${marg.top})`}>\n        <HeatmapCells\n          data={data}\n          xScale={xScale}\n          yScale={cellYScale}\n          colors={stableColors}\n          minValue={minValue}\n          maxValue={maxValue}\n          gap={gap}\n          isRect={isRect}\n          binWidth={binWidth}\n          binHeight={binHeight}\n          animationType={animationType}\n          tooltipBody={tooltipBody}\n          onClick={onClick}\n          selectedCells={selectedCells}\n          deselectedColor={deselectedColor}\n        />\n        <AxisBottom\n          top={yMax}\n          scale={xScale}\n          numTicks={data.length}\n          tickFormat={xAxisTickFormat}\n          tickValues={xTickValues}\n          tickLabelProps={xAxisTickLabelProps}\n          label={xLabel ?? \"\"}\n          labelOffset={colLabelHeight + AXIS_LABEL_GAP}\n          labelProps={xAxisLabelProps}\n        />\n        <AxisLeft\n          scale={yScale}\n          numTicks={numRows}\n          tickValues={yTickValues}\n          tickFormat={yAxisTickFormat}\n          tickLabelProps={yAxisTickLabelProps}\n          label={yLabel ?? \"\"}\n          labelOffset={maxRowNameWidth + AXIS_LABEL_GAP}\n          labelProps={yAxisLabelProps}\n        />\n        {showLegend && (\n          <g transform={`translate(${xMax + LEGEND_GAP}, 0)`}>\n            <HeatmapLegend\n              colors={stableColors}\n              minValue={minValue}\n              maxValue={maxValue}\n              height={yMax}\n            />\n          </g>\n        )}\n      </g>\n    </svg>\n  );\n};\n\nexport default HeatmapStaticSvg;\n"],"names":["HeatmapStaticSvg","t0","$","_c","svgRef","layout","parentWidth","parentHeight","data","gap","isRect","animationType","tooltipBody","onClick","selectedCells","deselectedColor","xLabel","yLabel","showLegend","xAxisTickFormat","yAxisTickFormat","xAxisTickLabelProps","marg","xMax","yMax","xScale","yScale","cellYScale","stableColors","minValue","maxValue","binWidth","binHeight","numRows","xTickValues","yTickValues","colLabelHeight","maxRowNameWidth","t1","Symbol","for","jsx","heatmapCellStyles","t2","left","top","t3","HeatmapCells","t4","t5","AXIS_LABEL_GAP","t6","length","AxisBottom","xAxisLabelProps","t7","t8","t9","AxisLeft","yAxisTickLabelProps","yAxisLabelProps","t10","LEGEND_GAP","HeatmapLegend","t11","jsxs","t12"],"mappings":"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"}
+{"version":3,"file":"visualization.es44.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/AxisRight.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 rightTickLabelProps = {\n  dx: '0.25em',\n  dy: '0.25em',\n  fill: '#222',\n  fontFamily: 'Arial',\n  fontSize: 10,\n  textAnchor: 'start'\n};\nexport default function AxisRight(_ref) {\n  let {\n    axisClassName,\n    labelOffset = 36,\n    tickLength = 8,\n    tickLabelProps,\n    ...restProps\n  } = _ref;\n  const tickLabelPropsFinal = typeof tickLabelProps === 'function' ? tickLabelProps : {\n    ...rightTickLabelProps,\n    ...tickLabelProps\n  };\n  return /*#__PURE__*/_jsx(Axis, {\n    axisClassName: cx('visx-axis-right', axisClassName),\n    labelOffset: labelOffset,\n    orientation: Orientation.right,\n    tickLabelProps: tickLabelPropsFinal,\n    tickLength: tickLength,\n    ...restProps\n  });\n}"],"names":["rightTickLabelProps","AxisRight","_ref","axisClassName","labelOffset","tickLength","tickLabelProps","restProps","tickLabelPropsFinal","_jsx","Axis","cx","Orientation"],"mappings":";;;;AAIY,MAACA,IAAsB;AAAA,EACjC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AACd;AACe,SAASC,EAAUC,GAAM;AACtC,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,mBAAmBR,CAAa;AAAA,IAClD,aAAaC;AAAA,IACb,aAAaQ,EAAY;AAAA,IACzB,gBAAgBJ;AAAA,IAChB,YAAYH;AAAA,IACZ,GAAGE;AAAA,EACP,CAAG;AACH;","x_google_ignoreList":[0]}