@tanstack/charts/dist/mark-decorative.js

<div align="center"> <picture> <source media="(prefers-color-scheme: dark)" srcset="https://tanstack.com/api/readme/charts.png?theme=dark" /> <source media="(prefers-color-scheme: light)" srcset="https://tanstack.com/

import { createDecorativeMark } from "./mark-decorative-internal.js";
import {
  collectMarkScenePoints,
  stripMarkSceneInteraction
} from "./mark-scene-filter-internal.js";
function decorative(mark) {
  return createDecorativeMark(
    mark,
    (scene, { id, states }) => stripMarkSceneInteraction(
      states ? {
        ...scene,
        nodes: [
          {
            kind: "group",
            key: `states:${id}`,
            children: scene.nodes,
            states: { ...states, points: collectMarkScenePoints(scene) }
          }
        ]
      } : scene,
      {
        conditional: "preserve-states"
      }
    ),
    {
      conditional: "preserve-states",
      layoutLabels: "preserve"
    }
  );
}
export {
  decorative
};