@weng-lab/visualization 2.4.0-beta.3 → 2.4.0-beta.4

package/dist/visualization.es470.js

@@ -1,16 +1,14 @@
-const e = {
-  /**
-   * Global flag as to whether the tree has animated since the last time
-   * we resized the window
-   */
-  hasAnimatedSinceResize: !0,
-  /**
-   * We set this to true once, on the first update. Any nodes added to the tree beyond that
-   * update will be given a `data-projection-id` attribute.
-   */
-  hasEverUpdated: !1
-};
+import { addDomEvent as t } from "./visualization.es204.js";
+import { createProjectionNode as c } from "./visualization.es467.js";
+const l = c({
+  attachResizeListener: (o, e) => t(o, "resize", e),
+  measureScroll: () => ({
+    x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,
+    y: document.documentElement.scrollTop || document.body?.scrollTop || 0
+  }),
+  checkIsScrollRoot: () => !0
+});
 export {
-  e as globalProjectionState
+  l as DocumentProjectionNode
 };
 //# sourceMappingURL=visualization.es470.js.map

package/dist/visualization.es470.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es470.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/node/state.mjs"],"sourcesContent":["/**\n * This should only ever be modified on the client otherwise it'll\n * persist through server requests. If we need instanced states we\n * could lazy-init via root.\n */\nconst globalProjectionState = {\n    /**\n     * Global flag as to whether the tree has animated since the last time\n     * we resized the window\n     */\n    hasAnimatedSinceResize: true,\n    /**\n     * We set this to true once, on the first update. Any nodes added to the tree beyond that\n     * update will be given a `data-projection-id` attribute.\n     */\n    hasEverUpdated: false,\n};\n\nexport { globalProjectionState };\n//# sourceMappingURL=state.mjs.map\n"],"names":["globalProjectionState"],"mappings":"AAKK,MAACA,IAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAK1B,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKxB,gBAAgB;AACpB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es470.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/node/DocumentProjectionNode.mjs"],"sourcesContent":["import { addDomEvent } from '../../events/add-dom-event.mjs';\nimport { createProjectionNode } from './create-projection-node.mjs';\n\nconst DocumentProjectionNode = createProjectionNode({\n    attachResizeListener: (ref, notify) => addDomEvent(ref, \"resize\", notify),\n    measureScroll: () => ({\n        x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,\n        y: document.documentElement.scrollTop || document.body?.scrollTop || 0,\n    }),\n    checkIsScrollRoot: () => true,\n});\n\nexport { DocumentProjectionNode };\n//# sourceMappingURL=DocumentProjectionNode.mjs.map\n"],"names":["DocumentProjectionNode","createProjectionNode","ref","notify","addDomEvent"],"mappings":";;AAGK,MAACA,IAAyBC,EAAqB;AAAA,EAChD,sBAAsB,CAACC,GAAKC,MAAWC,EAAYF,GAAK,UAAUC,CAAM;AAAA,EACxE,eAAe,OAAO;AAAA,IAClB,GAAG,SAAS,gBAAgB,cAAc,SAAS,MAAM,cAAc;AAAA,IACvE,GAAG,SAAS,gBAAgB,aAAa,SAAS,MAAM,aAAa;AAAA,EAC7E;AAAA,EACI,mBAAmB,MAAM;AAC7B,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es471.js

@@ -1,14 +1,26 @@
-import { addDomEvent as t } from "./visualization.es194.js";
-import { createProjectionNode as c } from "./visualization.es468.js";
-const l = c({
-  attachResizeListener: (o, e) => t(o, "resize", e),
-  measureScroll: () => ({
-    x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,
-    y: document.documentElement.scrollTop || document.body?.scrollTop || 0
+import { createProjectionNode as t } from "./visualization.es467.js";
+import { DocumentProjectionNode as n } from "./visualization.es470.js";
+const e = {
+  current: void 0
+}, i = t({
+  measureScroll: (o) => ({
+    x: o.scrollLeft,
+    y: o.scrollTop
   }),
-  checkIsScrollRoot: () => !0
+  defaultParent: () => {
+    if (!e.current) {
+      const o = new n({});
+      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
+    }
+    return e.current;
+  },
+  resetTransform: (o, r) => {
+    o.style.transform = r !== void 0 ? r : "none";
+  },
+  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
 });
 export {
-  l as DocumentProjectionNode
+  i as HTMLProjectionNode,
+  e as rootProjectionNode
 };
 //# sourceMappingURL=visualization.es471.js.map

package/dist/visualization.es471.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es471.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/node/DocumentProjectionNode.mjs"],"sourcesContent":["import { addDomEvent } from '../../events/add-dom-event.mjs';\nimport { createProjectionNode } from './create-projection-node.mjs';\n\nconst DocumentProjectionNode = createProjectionNode({\n    attachResizeListener: (ref, notify) => addDomEvent(ref, \"resize\", notify),\n    measureScroll: () => ({\n        x: document.documentElement.scrollLeft || document.body?.scrollLeft || 0,\n        y: document.documentElement.scrollTop || document.body?.scrollTop || 0,\n    }),\n    checkIsScrollRoot: () => true,\n});\n\nexport { DocumentProjectionNode };\n//# sourceMappingURL=DocumentProjectionNode.mjs.map\n"],"names":["DocumentProjectionNode","createProjectionNode","ref","notify","addDomEvent"],"mappings":";;AAGK,MAACA,IAAyBC,EAAqB;AAAA,EAChD,sBAAsB,CAACC,GAAKC,MAAWC,EAAYF,GAAK,UAAUC,CAAM;AAAA,EACxE,eAAe,OAAO;AAAA,IAClB,GAAG,SAAS,gBAAgB,cAAc,SAAS,MAAM,cAAc;AAAA,IACvE,GAAG,SAAS,gBAAgB,aAAa,SAAS,MAAM,aAAa;AAAA,EAC7E;AAAA,EACI,mBAAmB,MAAM;AAC7B,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es471.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.mjs"],"sourcesContent":["import { createProjectionNode } from './create-projection-node.mjs';\nimport { DocumentProjectionNode } from './DocumentProjectionNode.mjs';\n\nconst rootProjectionNode = {\n    current: undefined,\n};\nconst HTMLProjectionNode = createProjectionNode({\n    measureScroll: (instance) => ({\n        x: instance.scrollLeft,\n        y: instance.scrollTop,\n    }),\n    defaultParent: () => {\n        if (!rootProjectionNode.current) {\n            const documentNode = new DocumentProjectionNode({});\n            documentNode.mount(window);\n            documentNode.setOptions({ layoutScroll: true });\n            rootProjectionNode.current = documentNode;\n        }\n        return rootProjectionNode.current;\n    },\n    resetTransform: (instance, value) => {\n        instance.style.transform = value !== undefined ? value : \"none\";\n    },\n    checkIsScrollRoot: (instance) => Boolean(window.getComputedStyle(instance).position === \"fixed\"),\n});\n\nexport { HTMLProjectionNode, rootProjectionNode };\n//# sourceMappingURL=HTMLProjectionNode.mjs.map\n"],"names":["rootProjectionNode","HTMLProjectionNode","createProjectionNode","instance","documentNode","DocumentProjectionNode","value"],"mappings":";;AAGK,MAACA,IAAqB;AAAA,EACvB,SAAS;AACb,GACMC,IAAqBC,EAAqB;AAAA,EAC5C,eAAe,CAACC,OAAc;AAAA,IAC1B,GAAGA,EAAS;AAAA,IACZ,GAAGA,EAAS;AAAA,EACpB;AAAA,EACI,eAAe,MAAM;AACjB,QAAI,CAACH,EAAmB,SAAS;AAC7B,YAAMI,IAAe,IAAIC,EAAuB,EAAE;AAClD,MAAAD,EAAa,MAAM,MAAM,GACzBA,EAAa,WAAW,EAAE,cAAc,GAAI,CAAE,GAC9CJ,EAAmB,UAAUI;AAAA,IACjC;AACA,WAAOJ,EAAmB;AAAA,EAC9B;AAAA,EACA,gBAAgB,CAACG,GAAUG,MAAU;AACjC,IAAAH,EAAS,MAAM,YAAYG,MAAU,SAAYA,IAAQ;AAAA,EAC7D;AAAA,EACA,mBAAmB,CAACH,MAAqB,OAAO,iBAAiBA,CAAQ,EAAE,aAAa;AAC5F,CAAC;","x_google_ignoreList":[0]}

package/dist/visualization.es472.js

@@ -1,26 +1,38 @@
-import { createProjectionNode as t } from "./visualization.es468.js";
-import { DocumentProjectionNode as n } from "./visualization.es471.js";
-const e = {
-  current: void 0
-}, i = t({
-  measureScroll: (o) => ({
-    x: o.scrollLeft,
-    y: o.scrollTop
-  }),
-  defaultParent: () => {
-    if (!e.current) {
-      const o = new n({});
-      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
+import { getValueAsType as m } from "./visualization.es425.js";
+import { numberValueTypes as p } from "./visualization.es420.js";
+import { transformPropOrder as f } from "./visualization.es329.js";
+const y = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ",
+  transformPerspective: "perspective"
+}, d = f.length;
+function h(u, l, n) {
+  let e = "", o = !0;
+  for (let i = 0; i < d; i++) {
+    const t = f[i], r = u[t];
+    if (r === void 0)
+      continue;
+    let a = !0;
+    if (typeof r == "number")
+      a = r === (t.startsWith("scale") ? 1 : 0);
+    else {
+      const s = parseFloat(r);
+      a = t.startsWith("scale") ? s === 1 : s === 0;
     }
-    return e.current;
-  },
-  resetTransform: (o, r) => {
-    o.style.transform = r !== void 0 ? r : "none";
-  },
-  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
-});
+    if (!a || n) {
+      const s = m(r, p[t]);
+      if (!a) {
+        o = !1;
+        const c = y[t] || t;
+        e += `${c}(${s}) `;
+      }
+      n && (l[t] = s);
+    }
+  }
+  return e = e.trim(), n ? e = n(l, o ? "" : e) : o && (e = "none"), e;
+}
 export {
-  i as HTMLProjectionNode,
-  e as rootProjectionNode
+  h as buildTransform
 };
 //# sourceMappingURL=visualization.es472.js.map

package/dist/visualization.es472.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es472.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.mjs"],"sourcesContent":["import { createProjectionNode } from './create-projection-node.mjs';\nimport { DocumentProjectionNode } from './DocumentProjectionNode.mjs';\n\nconst rootProjectionNode = {\n    current: undefined,\n};\nconst HTMLProjectionNode = createProjectionNode({\n    measureScroll: (instance) => ({\n        x: instance.scrollLeft,\n        y: instance.scrollTop,\n    }),\n    defaultParent: () => {\n        if (!rootProjectionNode.current) {\n            const documentNode = new DocumentProjectionNode({});\n            documentNode.mount(window);\n            documentNode.setOptions({ layoutScroll: true });\n            rootProjectionNode.current = documentNode;\n        }\n        return rootProjectionNode.current;\n    },\n    resetTransform: (instance, value) => {\n        instance.style.transform = value !== undefined ? value : \"none\";\n    },\n    checkIsScrollRoot: (instance) => Boolean(window.getComputedStyle(instance).position === \"fixed\"),\n});\n\nexport { HTMLProjectionNode, rootProjectionNode };\n//# sourceMappingURL=HTMLProjectionNode.mjs.map\n"],"names":["rootProjectionNode","HTMLProjectionNode","createProjectionNode","instance","documentNode","DocumentProjectionNode","value"],"mappings":";;AAGK,MAACA,IAAqB;AAAA,EACvB,SAAS;AACb,GACMC,IAAqBC,EAAqB;AAAA,EAC5C,eAAe,CAACC,OAAc;AAAA,IAC1B,GAAGA,EAAS;AAAA,IACZ,GAAGA,EAAS;AAAA,EACpB;AAAA,EACI,eAAe,MAAM;AACjB,QAAI,CAACH,EAAmB,SAAS;AAC7B,YAAMI,IAAe,IAAIC,EAAuB,EAAE;AAClD,MAAAD,EAAa,MAAM,MAAM,GACzBA,EAAa,WAAW,EAAE,cAAc,GAAI,CAAE,GAC9CJ,EAAmB,UAAUI;AAAA,IACjC;AACA,WAAOJ,EAAmB;AAAA,EAC9B;AAAA,EACA,gBAAgB,CAACG,GAAUG,MAAU;AACjC,IAAAH,EAAS,MAAM,YAAYG,MAAU,SAAYA,IAAQ;AAAA,EAC7D;AAAA,EACA,mBAAmB,CAACH,MAAqB,OAAO,iBAAiBA,CAAQ,EAAE,aAAa;AAC5F,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es472.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs"],"sourcesContent":["import { getValueAsType } from '../../../value/types/utils/get-as-type.mjs';\nimport { numberValueTypes } from '../../../value/types/maps/number.mjs';\nimport { transformPropOrder } from '../../utils/keys-transform.mjs';\n\nconst translateAlias = {\n    x: \"translateX\",\n    y: \"translateY\",\n    z: \"translateZ\",\n    transformPerspective: \"perspective\",\n};\nconst numTransforms = transformPropOrder.length;\n/**\n * Build a CSS transform style from individual x/y/scale etc properties.\n *\n * This outputs with a default order of transforms/scales/rotations, this can be customised by\n * providing a transformTemplate function.\n */\nfunction buildTransform(latestValues, transform, transformTemplate) {\n    // The transform string we're going to build into.\n    let transformString = \"\";\n    let transformIsDefault = true;\n    /**\n     * Loop over all possible transforms in order, adding the ones that\n     * are present to the transform string.\n     */\n    for (let i = 0; i < numTransforms; i++) {\n        const key = transformPropOrder[i];\n        const value = latestValues[key];\n        if (value === undefined)\n            continue;\n        let valueIsDefault = true;\n        if (typeof value === \"number\") {\n            valueIsDefault = value === (key.startsWith(\"scale\") ? 1 : 0);\n        }\n        else {\n            const parsed = parseFloat(value);\n            valueIsDefault = key.startsWith(\"scale\") ? parsed === 1 : parsed === 0;\n        }\n        if (!valueIsDefault || transformTemplate) {\n            const valueAsType = getValueAsType(value, numberValueTypes[key]);\n            if (!valueIsDefault) {\n                transformIsDefault = false;\n                const transformName = translateAlias[key] || key;\n                transformString += `${transformName}(${valueAsType}) `;\n            }\n            if (transformTemplate) {\n                transform[key] = valueAsType;\n            }\n        }\n    }\n    transformString = transformString.trim();\n    // If we have a custom `transform` template, pass our transform values and\n    // generated transformString to that before returning\n    if (transformTemplate) {\n        transformString = transformTemplate(transform, transformIsDefault ? \"\" : transformString);\n    }\n    else if (transformIsDefault) {\n        transformString = \"none\";\n    }\n    return transformString;\n}\n\nexport { buildTransform };\n//# sourceMappingURL=build-transform.mjs.map\n"],"names":["translateAlias","numTransforms","transformPropOrder","buildTransform","latestValues","transform","transformTemplate","transformString","transformIsDefault","key","value","valueIsDefault","parsed","valueAsType","getValueAsType","numberValueTypes","transformName"],"mappings":";;;AAIA,MAAMA,IAAiB;AAAA,EACnB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,sBAAsB;AAC1B,GACMC,IAAgBC,EAAmB;AAOzC,SAASC,EAAeC,GAAcC,GAAWC,GAAmB;AAEhE,MAAIC,IAAkB,IAClBC,IAAqB;AAKzB,WAAS,IAAI,GAAG,IAAIP,GAAe,KAAK;AACpC,UAAMQ,IAAMP,EAAmB,CAAC,GAC1BQ,IAAQN,EAAaK,CAAG;AAC9B,QAAIC,MAAU;AACV;AACJ,QAAIC,IAAiB;AACrB,QAAI,OAAOD,KAAU;AACjB,MAAAC,IAAiBD,OAAWD,EAAI,WAAW,OAAO,IAAI,IAAI;AAAA,SAEzD;AACD,YAAMG,IAAS,WAAWF,CAAK;AAC/B,MAAAC,IAAiBF,EAAI,WAAW,OAAO,IAAIG,MAAW,IAAIA,MAAW;AAAA,IACzE;AACA,QAAI,CAACD,KAAkBL,GAAmB;AACtC,YAAMO,IAAcC,EAAeJ,GAAOK,EAAiBN,CAAG,CAAC;AAC/D,UAAI,CAACE,GAAgB;AACjB,QAAAH,IAAqB;AACrB,cAAMQ,IAAgBhB,EAAeS,CAAG,KAAKA;AAC7C,QAAAF,KAAmB,GAAGS,CAAa,IAAIH,CAAW;AAAA,MACtD;AACA,MAAIP,MACAD,EAAUI,CAAG,IAAII;AAAA,IAEzB;AAAA,EACJ;AACA,SAAAN,IAAkBA,EAAgB,KAAI,GAGlCD,IACAC,IAAkBD,EAAkBD,GAAWG,IAAqB,KAAKD,CAAe,IAEnFC,MACLD,IAAkB,SAEfA;AACX;","x_google_ignoreList":[0]}

package/dist/visualization.es473.js

@@ -1,38 +1,16 @@
-import { getValueAsType as m } from "./visualization.es426.js";
-import { numberValueTypes as p } from "./visualization.es421.js";
-import { transformPropOrder as f } from "./visualization.es330.js";
-const y = {
-  x: "translateX",
-  y: "translateY",
-  z: "translateZ",
-  transformPerspective: "perspective"
-}, d = f.length;
-function h(u, l, n) {
-  let e = "", o = !0;
-  for (let i = 0; i < d; i++) {
-    const t = f[i], r = u[t];
-    if (r === void 0)
-      continue;
-    let a = !0;
-    if (typeof r == "number")
-      a = r === (t.startsWith("scale") ? 1 : 0);
-    else {
-      const s = parseFloat(r);
-      a = t.startsWith("scale") ? s === 1 : s === 0;
-    }
-    if (!a || n) {
-      const s = m(r, p[t]);
-      if (!a) {
-        o = !1;
-        const c = y[t] || t;
-        e += `${c}(${s}) `;
-      }
-      n && (l[t] = s);
-    }
-  }
-  return e = e.trim(), n ? e = n(l, o ? "" : e) : o && (e = "none"), e;
+const f = {
+  offset: "stroke-dashoffset",
+  array: "stroke-dasharray"
+}, h = {
+  offset: "strokeDashoffset",
+  array: "strokeDasharray"
+};
+function y(s, e, o = 1, r = 0, t = !0) {
+  s.pathLength = 1;
+  const a = t ? f : h;
+  s[a.offset] = `${-r}`, s[a.array] = `${e} ${o}`;
 }
 export {
-  h as buildTransform
+  y as buildSVGPath
 };
 //# sourceMappingURL=visualization.es473.js.map

package/dist/visualization.es473.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es473.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs"],"sourcesContent":["import { getValueAsType } from '../../../value/types/utils/get-as-type.mjs';\nimport { numberValueTypes } from '../../../value/types/maps/number.mjs';\nimport { transformPropOrder } from '../../utils/keys-transform.mjs';\n\nconst translateAlias = {\n    x: \"translateX\",\n    y: \"translateY\",\n    z: \"translateZ\",\n    transformPerspective: \"perspective\",\n};\nconst numTransforms = transformPropOrder.length;\n/**\n * Build a CSS transform style from individual x/y/scale etc properties.\n *\n * This outputs with a default order of transforms/scales/rotations, this can be customised by\n * providing a transformTemplate function.\n */\nfunction buildTransform(latestValues, transform, transformTemplate) {\n    // The transform string we're going to build into.\n    let transformString = \"\";\n    let transformIsDefault = true;\n    /**\n     * Loop over all possible transforms in order, adding the ones that\n     * are present to the transform string.\n     */\n    for (let i = 0; i < numTransforms; i++) {\n        const key = transformPropOrder[i];\n        const value = latestValues[key];\n        if (value === undefined)\n            continue;\n        let valueIsDefault = true;\n        if (typeof value === \"number\") {\n            valueIsDefault = value === (key.startsWith(\"scale\") ? 1 : 0);\n        }\n        else {\n            const parsed = parseFloat(value);\n            valueIsDefault = key.startsWith(\"scale\") ? parsed === 1 : parsed === 0;\n        }\n        if (!valueIsDefault || transformTemplate) {\n            const valueAsType = getValueAsType(value, numberValueTypes[key]);\n            if (!valueIsDefault) {\n                transformIsDefault = false;\n                const transformName = translateAlias[key] || key;\n                transformString += `${transformName}(${valueAsType}) `;\n            }\n            if (transformTemplate) {\n                transform[key] = valueAsType;\n            }\n        }\n    }\n    transformString = transformString.trim();\n    // If we have a custom `transform` template, pass our transform values and\n    // generated transformString to that before returning\n    if (transformTemplate) {\n        transformString = transformTemplate(transform, transformIsDefault ? \"\" : transformString);\n    }\n    else if (transformIsDefault) {\n        transformString = \"none\";\n    }\n    return transformString;\n}\n\nexport { buildTransform };\n//# sourceMappingURL=build-transform.mjs.map\n"],"names":["translateAlias","numTransforms","transformPropOrder","buildTransform","latestValues","transform","transformTemplate","transformString","transformIsDefault","key","value","valueIsDefault","parsed","valueAsType","getValueAsType","numberValueTypes","transformName"],"mappings":";;;AAIA,MAAMA,IAAiB;AAAA,EACnB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,sBAAsB;AAC1B,GACMC,IAAgBC,EAAmB;AAOzC,SAASC,EAAeC,GAAcC,GAAWC,GAAmB;AAEhE,MAAIC,IAAkB,IAClBC,IAAqB;AAKzB,WAAS,IAAI,GAAG,IAAIP,GAAe,KAAK;AACpC,UAAMQ,IAAMP,EAAmB,CAAC,GAC1BQ,IAAQN,EAAaK,CAAG;AAC9B,QAAIC,MAAU;AACV;AACJ,QAAIC,IAAiB;AACrB,QAAI,OAAOD,KAAU;AACjB,MAAAC,IAAiBD,OAAWD,EAAI,WAAW,OAAO,IAAI,IAAI;AAAA,SAEzD;AACD,YAAMG,IAAS,WAAWF,CAAK;AAC/B,MAAAC,IAAiBF,EAAI,WAAW,OAAO,IAAIG,MAAW,IAAIA,MAAW;AAAA,IACzE;AACA,QAAI,CAACD,KAAkBL,GAAmB;AACtC,YAAMO,IAAcC,EAAeJ,GAAOK,EAAiBN,CAAG,CAAC;AAC/D,UAAI,CAACE,GAAgB;AACjB,QAAAH,IAAqB;AACrB,cAAMQ,IAAgBhB,EAAeS,CAAG,KAAKA;AAC7C,QAAAF,KAAmB,GAAGS,CAAa,IAAIH,CAAW;AAAA,MACtD;AACA,MAAIP,MACAD,EAAUI,CAAG,IAAII;AAAA,IAEzB;AAAA,EACJ;AACA,SAAAN,IAAkBA,EAAgB,KAAI,GAGlCD,IACAC,IAAkBD,EAAkBD,GAAWG,IAAqB,KAAKD,CAAe,IAEnFC,MACLD,IAAkB,SAEfA;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es473.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/path.mjs"],"sourcesContent":["const dashKeys = {\n    offset: \"stroke-dashoffset\",\n    array: \"stroke-dasharray\",\n};\nconst camelKeys = {\n    offset: \"strokeDashoffset\",\n    array: \"strokeDasharray\",\n};\n/**\n * Build SVG path properties. Uses the path's measured length to convert\n * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset\n * and stroke-dasharray attributes.\n *\n * This function is mutative to reduce per-frame GC.\n *\n * Note: We use unitless values for stroke-dasharray and stroke-dashoffset\n * because Safari incorrectly scales px values when the page is zoomed.\n */\nfunction buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true) {\n    // Normalise path length by setting SVG attribute pathLength to 1\n    attrs.pathLength = 1;\n    // We use dash case when setting attributes directly to the DOM node and camel case\n    // when defining props on a React component.\n    const keys = useDashCase ? dashKeys : camelKeys;\n    // Build the dash offset (unitless to avoid Safari zoom bug)\n    attrs[keys.offset] = `${-offset}`;\n    // Build the dash array (unitless to avoid Safari zoom bug)\n    attrs[keys.array] = `${length} ${spacing}`;\n}\n\nexport { buildSVGPath };\n//# sourceMappingURL=path.mjs.map\n"],"names":["dashKeys","camelKeys","buildSVGPath","attrs","length","spacing","offset","useDashCase","keys"],"mappings":"AAAA,MAAMA,IAAW;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AACX,GACMC,IAAY;AAAA,EACd,QAAQ;AAAA,EACR,OAAO;AACX;AAWA,SAASC,EAAaC,GAAOC,GAAQC,IAAU,GAAGC,IAAS,GAAGC,IAAc,IAAM;AAE9E,EAAAJ,EAAM,aAAa;AAGnB,QAAMK,IAAOD,IAAcP,IAAWC;AAEtC,EAAAE,EAAMK,EAAK,MAAM,IAAI,GAAG,CAACF,CAAM,IAE/BH,EAAMK,EAAK,KAAK,IAAI,GAAGJ,CAAM,IAAIC,CAAO;AAC5C;","x_google_ignoreList":[0]}

package/dist/visualization.es474.js

@@ -1,16 +1,22 @@
-const f = {
-  offset: "stroke-dashoffset",
-  array: "stroke-dasharray"
-}, h = {
-  offset: "strokeDashoffset",
-  array: "strokeDasharray"
-};
-function y(s, e, o = 1, r = 0, t = !0) {
-  s.pathLength = 1;
-  const a = t ? f : h;
-  s[a.offset] = `${-r}`, s[a.array] = `${e} ${o}`;
+import { extractEventInfo as m } from "./visualization.es203.js";
+import { Feature as s } from "./visualization.es292.js";
+import { hover as u } from "./visualization.es376.js";
+import { frame as c } from "./visualization.es334.js";
+function a(e, t, r) {
+  const { props: o } = e;
+  e.animationState && o.whileHover && e.animationState.setActive("whileHover", r === "Start");
+  const n = "onHover" + r, i = o[n];
+  i && c.postRender(() => i(t, m(t)));
+}
+class d extends s {
+  mount() {
+    const { current: t } = this.node;
+    t && (this.unmount = u(t, (r, o) => (a(this.node, o, "Start"), (n) => a(this.node, n, "End"))));
+  }
+  unmount() {
+  }
 }
 export {
-  y as buildSVGPath
+  d as HoverGesture
 };
 //# sourceMappingURL=visualization.es474.js.map

package/dist/visualization.es474.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es474.js","sources":["../../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/svg/utils/path.mjs"],"sourcesContent":["const dashKeys = {\n    offset: \"stroke-dashoffset\",\n    array: \"stroke-dasharray\",\n};\nconst camelKeys = {\n    offset: \"strokeDashoffset\",\n    array: \"strokeDasharray\",\n};\n/**\n * Build SVG path properties. Uses the path's measured length to convert\n * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset\n * and stroke-dasharray attributes.\n *\n * This function is mutative to reduce per-frame GC.\n *\n * Note: We use unitless values for stroke-dasharray and stroke-dashoffset\n * because Safari incorrectly scales px values when the page is zoomed.\n */\nfunction buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true) {\n    // Normalise path length by setting SVG attribute pathLength to 1\n    attrs.pathLength = 1;\n    // We use dash case when setting attributes directly to the DOM node and camel case\n    // when defining props on a React component.\n    const keys = useDashCase ? dashKeys : camelKeys;\n    // Build the dash offset (unitless to avoid Safari zoom bug)\n    attrs[keys.offset] = `${-offset}`;\n    // Build the dash array (unitless to avoid Safari zoom bug)\n    attrs[keys.array] = `${length} ${spacing}`;\n}\n\nexport { buildSVGPath };\n//# sourceMappingURL=path.mjs.map\n"],"names":["dashKeys","camelKeys","buildSVGPath","attrs","length","spacing","offset","useDashCase","keys"],"mappings":"AAAA,MAAMA,IAAW;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AACX,GACMC,IAAY;AAAA,EACd,QAAQ;AAAA,EACR,OAAO;AACX;AAWA,SAASC,EAAaC,GAAOC,GAAQC,IAAU,GAAGC,IAAS,GAAGC,IAAc,IAAM;AAE9E,EAAAJ,EAAM,aAAa;AAGnB,QAAMK,IAAOD,IAAcP,IAAWC;AAEtC,EAAAE,EAAMK,EAAK,MAAM,IAAI,GAAG,CAACF,CAAM,IAE/BH,EAAMK,EAAK,KAAK,IAAI,GAAGJ,CAAM,IAAIC,CAAO;AAC5C;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es474.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/gestures/hover.mjs"],"sourcesContent":["import { Feature, hover, frame } from 'motion-dom';\nimport { extractEventInfo } from '../events/event-info.mjs';\n\nfunction handleHoverEvent(node, event, lifecycle) {\n    const { props } = node;\n    if (node.animationState && props.whileHover) {\n        node.animationState.setActive(\"whileHover\", lifecycle === \"Start\");\n    }\n    const eventName = (\"onHover\" + lifecycle);\n    const callback = props[eventName];\n    if (callback) {\n        frame.postRender(() => callback(event, extractEventInfo(event)));\n    }\n}\nclass HoverGesture extends Feature {\n    mount() {\n        const { current } = this.node;\n        if (!current)\n            return;\n        this.unmount = hover(current, (_element, startEvent) => {\n            handleHoverEvent(this.node, startEvent, \"Start\");\n            return (endEvent) => handleHoverEvent(this.node, endEvent, \"End\");\n        });\n    }\n    unmount() { }\n}\n\nexport { HoverGesture };\n//# sourceMappingURL=hover.mjs.map\n"],"names":["handleHoverEvent","node","event","lifecycle","props","eventName","callback","frame","extractEventInfo","HoverGesture","Feature","current","hover","_element","startEvent","endEvent"],"mappings":";;;;AAGA,SAASA,EAAiBC,GAAMC,GAAOC,GAAW;AAC9C,QAAM,EAAE,OAAAC,EAAK,IAAKH;AAClB,EAAIA,EAAK,kBAAkBG,EAAM,cAC7BH,EAAK,eAAe,UAAU,cAAcE,MAAc,OAAO;AAErE,QAAME,IAAa,YAAYF,GACzBG,IAAWF,EAAMC,CAAS;AAChC,EAAIC,KACAC,EAAM,WAAW,MAAMD,EAASJ,GAAOM,EAAiBN,CAAK,CAAC,CAAC;AAEvE;AACA,MAAMO,UAAqBC,EAAQ;AAAA,EAC/B,QAAQ;AACJ,UAAM,EAAE,SAAAC,MAAY,KAAK;AACzB,IAAKA,MAEL,KAAK,UAAUC,EAAMD,GAAS,CAACE,GAAUC,OACrCd,EAAiB,KAAK,MAAMc,GAAY,OAAO,GACxC,CAACC,MAAaf,EAAiB,KAAK,MAAMe,GAAU,KAAK,EACnE;AAAA,EACL;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es475.js

@@ -1,22 +1,29 @@
-import { extractEventInfo as m } from "./visualization.es193.js";
-import { Feature as s } from "./visualization.es287.js";
-import { hover as u } from "./visualization.es377.js";
-import { frame as c } from "./visualization.es335.js";
-function a(e, t, r) {
-  const { props: o } = e;
-  e.animationState && o.whileHover && e.animationState.setActive("whileHover", r === "Start");
-  const n = "onHover" + r, i = o[n];
-  i && c.postRender(() => i(t, m(t)));
-}
-class d extends s {
+import { Feature as i } from "./visualization.es292.js";
+import { pipe as s } from "./visualization.es315.js";
+import { addDomEvent as e } from "./visualization.es204.js";
+class a extends i {
+  constructor() {
+    super(...arguments), this.isActive = !1;
+  }
+  onFocus() {
+    let t = !1;
+    try {
+      t = this.node.current.matches(":focus-visible");
+    } catch {
+      t = !0;
+    }
+    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
+  }
+  onBlur() {
+    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
+  }
   mount() {
-    const { current: t } = this.node;
-    t && (this.unmount = u(t, (r, o) => (a(this.node, o, "Start"), (n) => a(this.node, n, "End"))));
+    this.unmount = s(e(this.node.current, "focus", () => this.onFocus()), e(this.node.current, "blur", () => this.onBlur()));
   }
   unmount() {
   }
 }
 export {
-  d as HoverGesture
+  a as FocusGesture
 };
 //# sourceMappingURL=visualization.es475.js.map

package/dist/visualization.es475.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es475.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/gestures/hover.mjs"],"sourcesContent":["import { Feature, hover, frame } from 'motion-dom';\nimport { extractEventInfo } from '../events/event-info.mjs';\n\nfunction handleHoverEvent(node, event, lifecycle) {\n    const { props } = node;\n    if (node.animationState && props.whileHover) {\n        node.animationState.setActive(\"whileHover\", lifecycle === \"Start\");\n    }\n    const eventName = (\"onHover\" + lifecycle);\n    const callback = props[eventName];\n    if (callback) {\n        frame.postRender(() => callback(event, extractEventInfo(event)));\n    }\n}\nclass HoverGesture extends Feature {\n    mount() {\n        const { current } = this.node;\n        if (!current)\n            return;\n        this.unmount = hover(current, (_element, startEvent) => {\n            handleHoverEvent(this.node, startEvent, \"Start\");\n            return (endEvent) => handleHoverEvent(this.node, endEvent, \"End\");\n        });\n    }\n    unmount() { }\n}\n\nexport { HoverGesture };\n//# sourceMappingURL=hover.mjs.map\n"],"names":["handleHoverEvent","node","event","lifecycle","props","eventName","callback","frame","extractEventInfo","HoverGesture","Feature","current","hover","_element","startEvent","endEvent"],"mappings":";;;;AAGA,SAASA,EAAiBC,GAAMC,GAAOC,GAAW;AAC9C,QAAM,EAAE,OAAAC,EAAK,IAAKH;AAClB,EAAIA,EAAK,kBAAkBG,EAAM,cAC7BH,EAAK,eAAe,UAAU,cAAcE,MAAc,OAAO;AAErE,QAAME,IAAa,YAAYF,GACzBG,IAAWF,EAAMC,CAAS;AAChC,EAAIC,KACAC,EAAM,WAAW,MAAMD,EAASJ,GAAOM,EAAiBN,CAAK,CAAC,CAAC;AAEvE;AACA,MAAMO,UAAqBC,EAAQ;AAAA,EAC/B,QAAQ;AACJ,UAAM,EAAE,SAAAC,MAAY,KAAK;AACzB,IAAKA,MAEL,KAAK,UAAUC,EAAMD,GAAS,CAACE,GAAUC,OACrCd,EAAiB,KAAK,MAAMc,GAAY,OAAO,GACxC,CAACC,MAAaf,EAAiB,KAAK,MAAMe,GAAU,KAAK,EACnE;AAAA,EACL;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es475.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/gestures/focus.mjs"],"sourcesContent":["import { Feature, addDomEvent } from 'motion-dom';\nimport { pipe } from 'motion-utils';\n\nclass FocusGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.isActive = false;\n    }\n    onFocus() {\n        let isFocusVisible = false;\n        /**\n         * If this element doesn't match focus-visible then don't\n         * apply whileHover. But, if matches throws that focus-visible\n         * is not a valid selector then in that browser outline styles will be applied\n         * to the element by default and we want to match that behaviour with whileFocus.\n         */\n        try {\n            isFocusVisible = this.node.current.matches(\":focus-visible\");\n        }\n        catch (e) {\n            isFocusVisible = true;\n        }\n        if (!isFocusVisible || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", true);\n        this.isActive = true;\n    }\n    onBlur() {\n        if (!this.isActive || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", false);\n        this.isActive = false;\n    }\n    mount() {\n        this.unmount = pipe(addDomEvent(this.node.current, \"focus\", () => this.onFocus()), addDomEvent(this.node.current, \"blur\", () => this.onBlur()));\n    }\n    unmount() { }\n}\n\nexport { FocusGesture };\n//# sourceMappingURL=focus.mjs.map\n"],"names":["FocusGesture","Feature","isFocusVisible","pipe","addDomEvent"],"mappings":";;;AAGA,MAAMA,UAAqBC,EAAQ;AAAA,EAC/B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,UAAU;AACN,QAAIC,IAAiB;AAOrB,QAAI;AACA,MAAAA,IAAiB,KAAK,KAAK,QAAQ,QAAQ,gBAAgB;AAAA,IAC/D,QACU;AACN,MAAAA,IAAiB;AAAA,IACrB;AACA,IAAI,CAACA,KAAkB,CAAC,KAAK,KAAK,mBAElC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAI,GACrD,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,SAAS;AACL,IAAI,CAAC,KAAK,YAAY,CAAC,KAAK,KAAK,mBAEjC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAK,GACtD,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,QAAQ;AACJ,SAAK,UAAUC,EAAKC,EAAY,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,QAAO,CAAE,GAAGA,EAAY,KAAK,KAAK,SAAS,QAAQ,MAAM,KAAK,OAAM,CAAE,CAAC;AAAA,EAClJ;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es476.js

@@ -1,29 +1,30 @@
-import { Feature as i } from "./visualization.es287.js";
-import { pipe as s } from "./visualization.es316.js";
-import { addDomEvent as e } from "./visualization.es194.js";
-class a extends i {
-  constructor() {
-    super(...arguments), this.isActive = !1;
-  }
-  onFocus() {
-    let t = !1;
-    try {
-      t = this.node.current.matches(":focus-visible");
-    } catch {
-      t = !0;
-    }
-    !t || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !0), this.isActive = !0);
-  }
-  onBlur() {
-    !this.isActive || !this.node.animationState || (this.node.animationState.setActive("whileFocus", !1), this.isActive = !1);
-  }
+import { extractEventInfo as m } from "./visualization.es203.js";
+import { Feature as u } from "./visualization.es292.js";
+import { press as c } from "./visualization.es378.js";
+import { frame as f } from "./visualization.es334.js";
+function s(t, e, n) {
+  const { props: r } = t;
+  if (t.current instanceof HTMLButtonElement && t.current.disabled)
+    return;
+  t.animationState && r.whileTap && t.animationState.setActive("whileTap", n === "Start");
+  const o = "onTap" + (n === "End" ? "" : n), a = r[o];
+  a && f.postRender(() => a(e, m(e)));
+}
+class g extends u {
   mount() {
-    this.unmount = s(e(this.node.current, "focus", () => this.onFocus()), e(this.node.current, "blur", () => this.onBlur()));
+    const { current: e } = this.node;
+    if (!e)
+      return;
+    const { globalTapTarget: n, propagate: r } = this.node.props;
+    this.unmount = c(e, (o, a) => (s(this.node, a, "Start"), (i, { success: p }) => s(this.node, i, p ? "End" : "Cancel")), {
+      useGlobalTarget: n,
+      stopPropagation: r?.tap === !1
+    });
   }
   unmount() {
   }
 }
 export {
-  a as FocusGesture
+  g as PressGesture
 };
 //# sourceMappingURL=visualization.es476.js.map

package/dist/visualization.es476.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es476.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/gestures/focus.mjs"],"sourcesContent":["import { Feature, addDomEvent } from 'motion-dom';\nimport { pipe } from 'motion-utils';\n\nclass FocusGesture extends Feature {\n    constructor() {\n        super(...arguments);\n        this.isActive = false;\n    }\n    onFocus() {\n        let isFocusVisible = false;\n        /**\n         * If this element doesn't match focus-visible then don't\n         * apply whileHover. But, if matches throws that focus-visible\n         * is not a valid selector then in that browser outline styles will be applied\n         * to the element by default and we want to match that behaviour with whileFocus.\n         */\n        try {\n            isFocusVisible = this.node.current.matches(\":focus-visible\");\n        }\n        catch (e) {\n            isFocusVisible = true;\n        }\n        if (!isFocusVisible || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", true);\n        this.isActive = true;\n    }\n    onBlur() {\n        if (!this.isActive || !this.node.animationState)\n            return;\n        this.node.animationState.setActive(\"whileFocus\", false);\n        this.isActive = false;\n    }\n    mount() {\n        this.unmount = pipe(addDomEvent(this.node.current, \"focus\", () => this.onFocus()), addDomEvent(this.node.current, \"blur\", () => this.onBlur()));\n    }\n    unmount() { }\n}\n\nexport { FocusGesture };\n//# sourceMappingURL=focus.mjs.map\n"],"names":["FocusGesture","Feature","isFocusVisible","pipe","addDomEvent"],"mappings":";;;AAGA,MAAMA,UAAqBC,EAAQ;AAAA,EAC/B,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,UAAU;AACN,QAAIC,IAAiB;AAOrB,QAAI;AACA,MAAAA,IAAiB,KAAK,KAAK,QAAQ,QAAQ,gBAAgB;AAAA,IAC/D,QACU;AACN,MAAAA,IAAiB;AAAA,IACrB;AACA,IAAI,CAACA,KAAkB,CAAC,KAAK,KAAK,mBAElC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAI,GACrD,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,SAAS;AACL,IAAI,CAAC,KAAK,YAAY,CAAC,KAAK,KAAK,mBAEjC,KAAK,KAAK,eAAe,UAAU,cAAc,EAAK,GACtD,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,QAAQ;AACJ,SAAK,UAAUC,EAAKC,EAAY,KAAK,KAAK,SAAS,SAAS,MAAM,KAAK,QAAO,CAAE,GAAGA,EAAY,KAAK,KAAK,SAAS,QAAQ,MAAM,KAAK,OAAM,CAAE,CAAC;AAAA,EAClJ;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es476.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/gestures/press.mjs"],"sourcesContent":["import { Feature, press, frame } from 'motion-dom';\nimport { extractEventInfo } from '../events/event-info.mjs';\n\nfunction handlePressEvent(node, event, lifecycle) {\n    const { props } = node;\n    if (node.current instanceof HTMLButtonElement && node.current.disabled) {\n        return;\n    }\n    if (node.animationState && props.whileTap) {\n        node.animationState.setActive(\"whileTap\", lifecycle === \"Start\");\n    }\n    const eventName = (\"onTap\" + (lifecycle === \"End\" ? \"\" : lifecycle));\n    const callback = props[eventName];\n    if (callback) {\n        frame.postRender(() => callback(event, extractEventInfo(event)));\n    }\n}\nclass PressGesture extends Feature {\n    mount() {\n        const { current } = this.node;\n        if (!current)\n            return;\n        const { globalTapTarget, propagate } = this.node.props;\n        this.unmount = press(current, (_element, startEvent) => {\n            handlePressEvent(this.node, startEvent, \"Start\");\n            return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? \"End\" : \"Cancel\");\n        }, {\n            useGlobalTarget: globalTapTarget,\n            stopPropagation: propagate?.tap === false,\n        });\n    }\n    unmount() { }\n}\n\nexport { PressGesture };\n//# sourceMappingURL=press.mjs.map\n"],"names":["handlePressEvent","node","event","lifecycle","props","eventName","callback","frame","extractEventInfo","PressGesture","Feature","current","globalTapTarget","propagate","press","_element","startEvent","endEvent","success"],"mappings":";;;;AAGA,SAASA,EAAiBC,GAAMC,GAAOC,GAAW;AAC9C,QAAM,EAAE,OAAAC,EAAK,IAAKH;AAClB,MAAIA,EAAK,mBAAmB,qBAAqBA,EAAK,QAAQ;AAC1D;AAEJ,EAAIA,EAAK,kBAAkBG,EAAM,YAC7BH,EAAK,eAAe,UAAU,YAAYE,MAAc,OAAO;AAEnE,QAAME,IAAa,WAAWF,MAAc,QAAQ,KAAKA,IACnDG,IAAWF,EAAMC,CAAS;AAChC,EAAIC,KACAC,EAAM,WAAW,MAAMD,EAASJ,GAAOM,EAAiBN,CAAK,CAAC,CAAC;AAEvE;AACA,MAAMO,UAAqBC,EAAQ;AAAA,EAC/B,QAAQ;AACJ,UAAM,EAAE,SAAAC,MAAY,KAAK;AACzB,QAAI,CAACA;AACD;AACJ,UAAM,EAAE,iBAAAC,GAAiB,WAAAC,EAAS,IAAK,KAAK,KAAK;AACjD,SAAK,UAAUC,EAAMH,GAAS,CAACI,GAAUC,OACrChB,EAAiB,KAAK,MAAMgB,GAAY,OAAO,GACxC,CAACC,GAAU,EAAE,SAAAC,EAAO,MAAOlB,EAAiB,KAAK,MAAMiB,GAAUC,IAAU,QAAQ,QAAQ,IACnG;AAAA,MACC,iBAAiBN;AAAA,MACjB,iBAAiBC,GAAW,QAAQ;AAAA,IAChD,CAAS;AAAA,EACL;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}

package/dist/visualization.es477.js

@@ -1,30 +1,46 @@
-import { extractEventInfo as m } from "./visualization.es193.js";
-import { Feature as u } from "./visualization.es287.js";
-import { press as c } from "./visualization.es379.js";
-import { frame as f } from "./visualization.es335.js";
-function s(t, e, n) {
-  const { props: r } = t;
-  if (t.current instanceof HTMLButtonElement && t.current.disabled)
-    return;
-  t.animationState && r.whileTap && t.animationState.setActive("whileTap", n === "Start");
-  const o = "onTap" + (n === "End" ? "" : n), a = r[o];
-  a && f.postRender(() => a(e, m(e)));
-}
-class g extends u {
+import { observeIntersection as f } from "./visualization.es545.js";
+import { Feature as m } from "./visualization.es292.js";
+const w = {
+  some: 0,
+  all: 1
+};
+class b extends m {
+  constructor() {
+    super(...arguments), this.hasEnteredView = !1, this.isInView = !1;
+  }
+  startObserver() {
+    this.stopObserver?.();
+    const { viewport: s = {} } = this.node.getProps(), { root: e, margin: r, amount: n = "some", once: h } = s, p = {
+      root: e ? e.current : void 0,
+      rootMargin: r,
+      threshold: typeof n == "number" ? n : w[n]
+    }, c = (i) => {
+      const { isIntersecting: t } = i;
+      if (this.isInView === t || (this.isInView = t, h && !t && this.hasEnteredView))
+        return;
+      t && (this.hasEnteredView = !0), this.node.animationState && this.node.animationState.setActive("whileInView", t);
+      const { onViewportEnter: d, onViewportLeave: u } = this.node.getProps(), a = t ? d : u;
+      a && a(i);
+    };
+    this.stopObserver = f(this.node.current, p, c);
+  }
   mount() {
-    const { current: e } = this.node;
-    if (!e)
+    this.startObserver();
+  }
+  update() {
+    if (typeof IntersectionObserver > "u")
       return;
-    const { globalTapTarget: n, propagate: r } = this.node.props;
-    this.unmount = c(e, (o, a) => (s(this.node, a, "Start"), (i, { success: p }) => s(this.node, i, p ? "End" : "Cancel")), {
-      useGlobalTarget: n,
-      stopPropagation: r?.tap === !1
-    });
+    const { props: s, prevProps: e } = this.node;
+    ["amount", "margin", "root"].some(l(s, e)) && this.startObserver();
   }
   unmount() {
+    this.stopObserver?.(), this.hasEnteredView = !1, this.isInView = !1;
   }
 }
+function l({ viewport: o = {} }, { viewport: s = {} } = {}) {
+  return (e) => o[e] !== s[e];
+}
 export {
-  g as PressGesture
+  b as InViewFeature
 };
 //# sourceMappingURL=visualization.es477.js.map

package/dist/visualization.es477.js.map

@@ -1 +1 @@
-{"version":3,"file":"visualization.es477.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/gestures/press.mjs"],"sourcesContent":["import { Feature, press, frame } from 'motion-dom';\nimport { extractEventInfo } from '../events/event-info.mjs';\n\nfunction handlePressEvent(node, event, lifecycle) {\n    const { props } = node;\n    if (node.current instanceof HTMLButtonElement && node.current.disabled) {\n        return;\n    }\n    if (node.animationState && props.whileTap) {\n        node.animationState.setActive(\"whileTap\", lifecycle === \"Start\");\n    }\n    const eventName = (\"onTap\" + (lifecycle === \"End\" ? \"\" : lifecycle));\n    const callback = props[eventName];\n    if (callback) {\n        frame.postRender(() => callback(event, extractEventInfo(event)));\n    }\n}\nclass PressGesture extends Feature {\n    mount() {\n        const { current } = this.node;\n        if (!current)\n            return;\n        const { globalTapTarget, propagate } = this.node.props;\n        this.unmount = press(current, (_element, startEvent) => {\n            handlePressEvent(this.node, startEvent, \"Start\");\n            return (endEvent, { success }) => handlePressEvent(this.node, endEvent, success ? \"End\" : \"Cancel\");\n        }, {\n            useGlobalTarget: globalTapTarget,\n            stopPropagation: propagate?.tap === false,\n        });\n    }\n    unmount() { }\n}\n\nexport { PressGesture };\n//# sourceMappingURL=press.mjs.map\n"],"names":["handlePressEvent","node","event","lifecycle","props","eventName","callback","frame","extractEventInfo","PressGesture","Feature","current","globalTapTarget","propagate","press","_element","startEvent","endEvent","success"],"mappings":";;;;AAGA,SAASA,EAAiBC,GAAMC,GAAOC,GAAW;AAC9C,QAAM,EAAE,OAAAC,EAAK,IAAKH;AAClB,MAAIA,EAAK,mBAAmB,qBAAqBA,EAAK,QAAQ;AAC1D;AAEJ,EAAIA,EAAK,kBAAkBG,EAAM,YAC7BH,EAAK,eAAe,UAAU,YAAYE,MAAc,OAAO;AAEnE,QAAME,IAAa,WAAWF,MAAc,QAAQ,KAAKA,IACnDG,IAAWF,EAAMC,CAAS;AAChC,EAAIC,KACAC,EAAM,WAAW,MAAMD,EAASJ,GAAOM,EAAiBN,CAAK,CAAC,CAAC;AAEvE;AACA,MAAMO,UAAqBC,EAAQ;AAAA,EAC/B,QAAQ;AACJ,UAAM,EAAE,SAAAC,MAAY,KAAK;AACzB,QAAI,CAACA;AACD;AACJ,UAAM,EAAE,iBAAAC,GAAiB,WAAAC,EAAS,IAAK,KAAK,KAAK;AACjD,SAAK,UAAUC,EAAMH,GAAS,CAACI,GAAUC,OACrChB,EAAiB,KAAK,MAAMgB,GAAY,OAAO,GACxC,CAACC,GAAU,EAAE,SAAAC,EAAO,MAAOlB,EAAiB,KAAK,MAAMiB,GAAUC,IAAU,QAAQ,QAAQ,IACnG;AAAA,MACC,iBAAiBN;AAAA,MACjB,iBAAiBC,GAAW,QAAQ;AAAA,IAChD,CAAS;AAAA,EACL;AAAA,EACA,UAAU;AAAA,EAAE;AAChB;","x_google_ignoreList":[0]}
+{"version":3,"file":"visualization.es477.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/viewport/index.mjs"],"sourcesContent":["import { Feature } from 'motion-dom';\nimport { observeIntersection } from './observers.mjs';\n\nconst thresholdNames = {\n    some: 0,\n    all: 1,\n};\nclass InViewFeature extends Feature {\n    constructor() {\n        super(...arguments);\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n    startObserver() {\n        this.stopObserver?.();\n        const { viewport = {} } = this.node.getProps();\n        const { root, margin: rootMargin, amount = \"some\", once } = viewport;\n        const options = {\n            root: root ? root.current : undefined,\n            rootMargin,\n            threshold: typeof amount === \"number\" ? amount : thresholdNames[amount],\n        };\n        const onIntersectionUpdate = (entry) => {\n            const { isIntersecting } = entry;\n            /**\n             * If there's been no change in the viewport state, early return.\n             */\n            if (this.isInView === isIntersecting)\n                return;\n            this.isInView = isIntersecting;\n            /**\n             * Handle hasEnteredView. If this is only meant to run once, and\n             * element isn't visible, early return. Otherwise set hasEnteredView to true.\n             */\n            if (once && !isIntersecting && this.hasEnteredView) {\n                return;\n            }\n            else if (isIntersecting) {\n                this.hasEnteredView = true;\n            }\n            if (this.node.animationState) {\n                this.node.animationState.setActive(\"whileInView\", isIntersecting);\n            }\n            /**\n             * Use the latest committed props rather than the ones in scope\n             * when this observer is created\n             */\n            const { onViewportEnter, onViewportLeave } = this.node.getProps();\n            const callback = isIntersecting ? onViewportEnter : onViewportLeave;\n            callback && callback(entry);\n        };\n        this.stopObserver = observeIntersection(this.node.current, options, onIntersectionUpdate);\n    }\n    mount() {\n        this.startObserver();\n    }\n    update() {\n        if (typeof IntersectionObserver === \"undefined\")\n            return;\n        const { props, prevProps } = this.node;\n        const hasOptionsChanged = [\"amount\", \"margin\", \"root\"].some(hasViewportOptionChanged(props, prevProps));\n        if (hasOptionsChanged) {\n            this.startObserver();\n        }\n    }\n    unmount() {\n        this.stopObserver?.();\n        this.hasEnteredView = false;\n        this.isInView = false;\n    }\n}\nfunction hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport = {} } = {}) {\n    return (name) => viewport[name] !== prevViewport[name];\n}\n\nexport { InViewFeature };\n//# sourceMappingURL=index.mjs.map\n"],"names":["thresholdNames","InViewFeature","Feature","viewport","root","rootMargin","amount","once","options","onIntersectionUpdate","entry","isIntersecting","onViewportEnter","onViewportLeave","callback","observeIntersection","props","prevProps","hasViewportOptionChanged","prevViewport","name"],"mappings":";;AAGA,MAAMA,IAAiB;AAAA,EACnB,MAAM;AAAA,EACN,KAAK;AACT;AACA,MAAMC,UAAsBC,EAAQ;AAAA,EAChC,cAAc;AACV,UAAM,GAAG,SAAS,GAClB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACpB;AAAA,EACA,gBAAgB;AACZ,SAAK,eAAY;AACjB,UAAM,EAAE,UAAAC,IAAW,CAAA,EAAE,IAAK,KAAK,KAAK,SAAQ,GACtC,EAAE,MAAAC,GAAM,QAAQC,GAAY,QAAAC,IAAS,QAAQ,MAAAC,EAAI,IAAKJ,GACtDK,IAAU;AAAA,MACZ,MAAMJ,IAAOA,EAAK,UAAU;AAAA,MAC5B,YAAAC;AAAA,MACA,WAAW,OAAOC,KAAW,WAAWA,IAASN,EAAeM,CAAM;AAAA,IAClF,GACcG,IAAuB,CAACC,MAAU;AACpC,YAAM,EAAE,gBAAAC,EAAc,IAAKD;AAW3B,UAPI,KAAK,aAAaC,MAEtB,KAAK,WAAWA,GAKZJ,KAAQ,CAACI,KAAkB,KAAK;AAChC;AAEC,MAAIA,MACL,KAAK,iBAAiB,KAEtB,KAAK,KAAK,kBACV,KAAK,KAAK,eAAe,UAAU,eAAeA,CAAc;AAMpE,YAAM,EAAE,iBAAAC,GAAiB,iBAAAC,EAAe,IAAK,KAAK,KAAK,SAAQ,GACzDC,IAAWH,IAAiBC,IAAkBC;AACpD,MAAAC,KAAYA,EAASJ,CAAK;AAAA,IAC9B;AACA,SAAK,eAAeK,EAAoB,KAAK,KAAK,SAASP,GAASC,CAAoB;AAAA,EAC5F;AAAA,EACA,QAAQ;AACJ,SAAK,cAAa;AAAA,EACtB;AAAA,EACA,SAAS;AACL,QAAI,OAAO,uBAAyB;AAChC;AACJ,UAAM,EAAE,OAAAO,GAAO,WAAAC,EAAS,IAAK,KAAK;AAElC,IAD0B,CAAC,UAAU,UAAU,MAAM,EAAE,KAAKC,EAAyBF,GAAOC,CAAS,CAAC,KAElG,KAAK,cAAa;AAAA,EAE1B;AAAA,EACA,UAAU;AACN,SAAK,eAAY,GACjB,KAAK,iBAAiB,IACtB,KAAK,WAAW;AAAA,EACpB;AACJ;AACA,SAASC,EAAyB,EAAE,UAAAf,IAAW,GAAE,GAAI,EAAE,UAAUgB,IAAe,GAAE,IAAK,IAAI;AACvF,SAAO,CAACC,MAASjB,EAASiB,CAAI,MAAMD,EAAaC,CAAI;AACzD;","x_google_ignoreList":[0]}