minerva-design 1.5.0 → 1.6.0

package/dist/native/components/Chart/ChartBase.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBase.cjs","names":["createChartController","measureChartText","drawStatic","useState","View","part","tooltipCard","useTheme","useMemo","chartThemeInput","useRef","StyleSheet","chartAriaLabel","drawHover","require_MinervaProvider","require_parts","require_labels","require_controller","require_measure","require_scene","require_theme","react","react_native","react_jsx_runtime","engineOptions","props","CUSTOM_TOOLTIP","idOf","id","t","index","requestFrame","callback","createChartStore","version","frame","listeners","cache","origin","touches","dragsPoints","o","draggable","options","claimed","notify","listener","cancelFrame","controller","size","local","sync","n","event","i","p","previous","store","next","scene","key","view","plot","family","value","active","changed","last","touch","base","CustomTooltip","setSize","left","anchor","top","width","height","w","h","ChartBase","handlers","fonts","theme","tokens","customTooltip","renderTooltip","resolved","applied","current","handlersRef","offs","e","v","off","handleRef","onLayout","tooltip","content","style","overlay"],"sources":["../../../../../native/src/components/Chart/ChartBase.tsx"],"sourcesContent":["// The chart host of React Native: owns a platform-free chart controller\n// (@minerva/charts/canvas: options, model, zoom, gestures, scene in pixels)\n// and draws its scene with views (./scene). Touches go through the\n// responder system; the drawing is `pointerEvents=\"none\"`, so every touch\n// lands on the surface and positions come from page coordinates.\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  StyleSheet,\n  View,\n  type DimensionValue,\n  type GestureResponderEvent,\n  type LayoutChangeEvent,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  chartAriaLabel,\n  createChartController,\n  type ChartController,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartRect,\n  type ChartScene,\n  type ChartThemeInput,\n  type ChartTooltipOptions,\n  type ChartView,\n} from \"@minerva/charts/canvas\";\nimport { useTheme } from \"../../theme/MinervaProvider\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\nimport { drawHover, drawStatic, tooltipCard } from \"./scene\";\nimport { chartThemeInput } from \"./theme\";\nimport type { ChartCommonProps, ChartHandle } from \"./types\";\n\ninterface Handlers {\n  onHover?: (event: ChartHoverEvent | null) => void;\n  onPointClick?: (event: ChartHoverEvent) => void;\n  onPlotClick?: (event: ChartPlotClickEvent) => void;\n  onZoom?: (view: ChartView) => void;\n  onDrag?: (event: ChartDragEvent) => void;\n  onDrop?: (event: ChartDragEvent) => void;\n}\n\n/** Engine options of the common props */\nexport const engineOptions = (\n  props: Pick<\n    ChartCommonProps,\n    | \"xAxis\"\n    | \"yAxis\"\n    | \"legend\"\n    | \"tooltip\"\n    | \"crosshair\"\n    | \"annotations\"\n    | \"interaction\"\n    | \"padding\"\n    | \"palette\"\n    | \"ariaLabel\"\n    | \"locale\"\n    | \"labels\"\n  > &\n    Pick<ChartOptions, \"series\">,\n): ChartOptions => ({\n  series: props.series,\n  xAxis: props.xAxis,\n  yAxis: props.yAxis,\n  legend: props.legend,\n  tooltip: props.tooltip,\n  crosshair: props.crosshair,\n  annotations: props.annotations,\n  interaction: props.interaction,\n  padding: props.padding,\n  palette: props.palette,\n  ariaLabel: props.ariaLabel,\n  locale: props.locale,\n  labels: props.labels,\n});\n\ntype TooltipResult = Exclude<\n  ReturnType<NonNullable<ChartTooltipOptions[\"render\"]>>,\n  string | null\n>;\n/** Non-string result of `tooltip.render`: the engine lays a tooltip out without drawing text */\nconst CUSTOM_TOOLTIP = {} as unknown as TooltipResult;\n\ninterface TouchPoint {\n  identifier?: number | string;\n  pageX: number;\n  pageY: number;\n  locationX?: number;\n  locationY?: number;\n}\n\nconst idOf = (t: TouchPoint, index: number) => {\n  const id = Number(t.identifier);\n  return Number.isFinite(id) ? id : index;\n};\n\ntype Frame = { cancel: () => void };\n\nconst requestFrame = (callback: () => void): Frame => {\n  if (typeof requestAnimationFrame === \"function\") {\n    const id = requestAnimationFrame(callback);\n    return { cancel: () => cancelAnimationFrame(id) };\n  }\n  const id = setTimeout(callback, 16);\n  return { cancel: () => clearTimeout(id) };\n};\n\n/**\n * External store of a chart: the controller, a version bumped when its\n * scene must be drawn again (coalesced per frame), the touches being\n * tracked and the cache of the static layers.\n */\ninterface ChartStore {\n  controller: ChartController;\n  /** Options of the controller (`setOptions` of the controller) */\n  setOptions: (options: ChartOptions) => void;\n  subscribe: (listener: () => void) => () => void;\n  version: () => number;\n  /** Draws again now */\n  commit: () => void;\n  /** Static layers of a scene (cached while model / view / size are the same) */\n  layers: (scene: ChartScene, family: string | undefined) => ReactNode;\n  /** Last single-finger position (anchor of a custom tooltip) */\n  anchor: { x: number; y: number } | null;\n  /**\n   * First finger (responder grant); returns whether the chart owns the\n   * gesture, which keeps native scroll views from taking it (Android)\n   */\n  touchStart: (event: GestureResponderEvent) => boolean;\n  /** Another finger touches the chart */\n  touchAdd: (event: GestureResponderEvent) => void;\n  /** Moves (drawn on the next frame) */\n  touchMove: (event: GestureResponderEvent) => void;\n  touchEnd: (event: GestureResponderEvent) => void;\n  touchCancel: () => void;\n  /** Whether the chart keeps the touches (pinch, point drag, pan when zoomed) */\n  holdsGesture: () => boolean;\n}\n\nfunction createChartStore(\n  options: ChartOptions,\n  theme: ChartThemeInput,\n  size: [number, number] | null,\n): ChartStore {\n  let version = 0;\n  let frame: Frame | null = null;\n  const listeners = new Set<() => void>();\n  let cache: { key: unknown[]; node: ReactNode } | null = null;\n  let origin = { x: 0, y: 0 };\n  const touches = new Map<number, { x: number; y: number }>();\n  const dragsPoints = (o: ChartOptions) =>\n    typeof o.interaction === \"object\" && !!o.interaction.dragPoints;\n  let draggable = dragsPoints(options);\n  /** The current touch sequence started on the plot of a draggable chart */\n  let claimed = false;\n\n  const notify = () => {\n    version++;\n    listeners.forEach((listener) => listener());\n  };\n  const cancelFrame = () => {\n    frame?.cancel();\n    frame = null;\n  };\n  const schedule = () => {\n    if (frame || !listeners.size) return;\n    frame = requestFrame(() => {\n      frame = null;\n      notify();\n    });\n  };\n\n  const controller = createChartController({\n    options,\n    theme,\n    measureText: measureChartText,\n    onInvalidate: schedule,\n  });\n  if (size) controller.setSize(size[0], size[1]);\n\n  const local = (t: TouchPoint) => ({\n    x: t.pageX - origin.x,\n    y: t.pageY - origin.y,\n  });\n\n  /** Feeds the controller the fingers that appeared or moved */\n  const sync = (event: GestureResponderEvent) => {\n    const n = event.nativeEvent;\n    const list: readonly TouchPoint[] = n.touches?.length\n      ? n.touches\n      : [n as unknown as TouchPoint];\n    list.forEach((t, i) => {\n      const id = idOf(t, i);\n      const p = local(t);\n      const previous = touches.get(id);\n      if (!previous) {\n        touches.set(id, p);\n        controller.pointerDown(p.x, p.y, { id, touch: true });\n      } else if (previous.x !== p.x || previous.y !== p.y) {\n        touches.set(id, p);\n        controller.pointerMove(p.x, p.y, { id, touch: true });\n      }\n    });\n    if (touches.size === 1) store.anchor = [...touches.values()][0];\n  };\n\n  const store: ChartStore = {\n    controller,\n    setOptions(next) {\n      draggable = dragsPoints(next);\n      controller.setOptions(next);\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) cancelFrame();\n      };\n    },\n    version: () => version,\n    commit() {\n      cancelFrame();\n      notify();\n    },\n    layers(scene, family) {\n      const { plot } = scene.layout;\n      const { view } = scene;\n      const key = [\n        scene.model,\n        scene.annotations,\n        scene.theme,\n        scene.width,\n        scene.height,\n        view.x[0],\n        view.x[1],\n        view.y[0],\n        view.y[1],\n        plot.x,\n        plot.y,\n        plot.width,\n        plot.height,\n        family,\n      ];\n      if (!cache || cache.key.some((value, i) => value !== key[i]))\n        cache = { key, node: drawStatic(scene, family) };\n      return cache.node;\n    },\n    anchor: null,\n    touchStart(event) {\n      const n = event.nativeEvent as unknown as TouchPoint;\n      // the drawing ignores touches: `location` is relative to the surface\n      if (!touches.size && n.locationX !== undefined)\n        origin = { x: n.pageX - n.locationX, y: n.pageY - (n.locationY ?? 0) };\n      sync(event);\n      store.commit();\n      // draggable points: the drag only starts after the touch slop, too\n      // late to keep a scroll view from stealing the touch: claim it now\n      const plot = controller.getPlotRect();\n      const p = touches.values().next().value;\n      claimed =\n        draggable &&\n        !!plot &&\n        !!p &&\n        p.x >= plot.x &&\n        p.x <= plot.x + plot.width &&\n        p.y >= plot.y &&\n        p.y <= plot.y + plot.height;\n      return store.holdsGesture();\n    },\n    touchAdd(event) {\n      sync(event);\n      store.commit();\n    },\n    touchMove: sync,\n    touchEnd(event) {\n      const n = event.nativeEvent;\n      const active = new Set(\n        (n.touches ?? []).map((t, i) => idOf(t as TouchPoint, i)),\n      );\n      const changed: readonly TouchPoint[] = n.changedTouches?.length\n        ? n.changedTouches\n        : [n as unknown as TouchPoint];\n      for (const [id, last] of [...touches]) {\n        if (active.has(id)) continue;\n        const touch = changed.find((t, i) => idOf(t, i) === id);\n        const p = touch ? local(touch) : last;\n        touches.delete(id);\n        if (touches.size === 0) store.anchor = p;\n        controller.pointerUp(p.x, p.y, { id, touch: true });\n      }\n      store.commit();\n    },\n    touchCancel() {\n      for (const id of touches.keys()) controller.pointerCancel({ id });\n      touches.clear();\n      store.commit();\n    },\n    holdsGesture() {\n      if (touches.size > 1 || (claimed && touches.size > 0)) return true;\n      const scene = controller.getScene();\n      if (!scene) return false;\n      if (scene.dragging) return true;\n      const { base } = scene.model;\n      const view = controller.getView();\n      return (\n        view.x[0] !== base.x[0] ||\n        view.x[1] !== base.x[1] ||\n        view.y[0] !== base.y[0] ||\n        view.y[1] !== base.y[1]\n      );\n    },\n  };\n  return store;\n}\n\n/** A `renderTooltip` node, placed next to the finger once measured */\nfunction CustomTooltip({\n  scene,\n  anchor,\n  children,\n}: {\n  scene: ChartScene;\n  anchor: { x: number; y: number };\n  children: ReactNode;\n}) {\n  const [size, setSize] = useState<{ width: number; height: number } | null>(\n    null,\n  );\n  const { width, height } = scene;\n  let left = anchor.x + 14;\n  let top = anchor.y;\n  if (size) {\n    if (left + size.width > width - 4) left = anchor.x - 14 - size.width;\n    left = Math.max(4, Math.min(left, width - size.width - 4));\n    top = Math.max(\n      4,\n      Math.min(anchor.y - size.height / 2, height - size.height - 4),\n    );\n  }\n  return (\n    <View\n      pointerEvents=\"none\"\n      {...part(\"chart\", \"tooltip\", { custom: true })}\n      onLayout={(e: LayoutChangeEvent) => {\n        const { width: w, height: h } = e.nativeEvent.layout;\n        setSize((previous) =>\n          previous && previous.width === w && previous.height === h\n            ? previous\n            : { width: w, height: h },\n        );\n      }}\n      style={[\n        tooltipCard(scene),\n        {\n          // laid out at the origin (full width available), moved by a transform\n          left: 0,\n          top: 0,\n          maxWidth: Math.max(0, width - 8),\n          padding: 8,\n          opacity: size ? 1 : 0,\n          transform: [{ translateX: left }, { translateY: top }],\n        },\n      ]}\n    >\n      {children}\n    </View>\n  );\n}\n\ninterface ChartBaseProps extends Handlers {\n  options: ChartOptions;\n  height?: DimensionValue;\n  width?: DimensionValue;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  handleRef?: Ref<ChartHandle>;\n  /** React content of the tooltip (replaces the engine's content) */\n  renderTooltip?: (event: ChartHoverEvent) => ReactNode;\n  /** React content placed over the plot area, given the plot rectangle */\n  overlay?: (plot: ChartRect) => ReactNode;\n}\n\n/** Sizes the chart, forwards options / theme / touches to the controller and draws its scene */\nexport function ChartBase({\n  options,\n  height = 320,\n  width = \"100%\",\n  style,\n  testID,\n  handleRef,\n  renderTooltip,\n  overlay,\n  ...handlers\n}: ChartBaseProps) {\n  const { tokens, fonts } = useTheme();\n  const family = fonts.sans;\n  const theme = useMemo(() => chartThemeInput(tokens), [tokens]);\n  const customTooltip = !!renderTooltip && options.tooltip !== false;\n  const resolved = useMemo((): ChartOptions => {\n    if (!customTooltip) return options;\n    const base = typeof options.tooltip === \"object\" ? options.tooltip : {};\n    return { ...options, tooltip: { ...base, render: () => CUSTOM_TOOLTIP } };\n  }, [options, customTooltip]);\n\n  const [store] = useState(() =>\n    createChartStore(\n      resolved,\n      theme,\n      typeof width === \"number\" && typeof height === \"number\"\n        ? [width, height]\n        : null,\n    ),\n  );\n  const { controller } = store;\n  useSyncExternalStore(store.subscribe, store.version, store.version);\n\n  const applied = useRef({ options: resolved, theme });\n  useLayoutEffect(() => {\n    const current = applied.current;\n    if (current.theme === theme && current.options === resolved) return;\n    if (current.theme !== theme) controller.setTheme(theme);\n    if (current.options !== resolved) store.setOptions(resolved);\n    applied.current = { options: resolved, theme };\n    store.commit();\n  }, [controller, store, resolved, theme]);\n\n  useLayoutEffect(() => {\n    if (typeof width !== \"number\" || typeof height !== \"number\") return;\n    const scene = controller.getScene();\n    if (scene && scene.width === width && scene.height === height) return;\n    controller.setSize(width, height);\n    store.commit();\n  }, [controller, store, width, height]);\n\n  const handlersRef = useRef<Handlers>(handlers);\n  useLayoutEffect(() => {\n    handlersRef.current = handlers;\n  });\n  useEffect(() => {\n    const h = handlersRef;\n    const offs = [\n      controller.on(\"hover\", (e) => h.current.onHover?.(e)),\n      controller.on(\"click\", (e) => h.current.onPointClick?.(e)),\n      controller.on(\"plotClick\", (e) => h.current.onPlotClick?.(e)),\n      controller.on(\"zoom\", (v) => h.current.onZoom?.(v)),\n      controller.on(\"drag\", (e) => h.current.onDrag?.(e)),\n      controller.on(\"drop\", (e) => h.current.onDrop?.(e)),\n    ];\n    return () => offs.forEach((off) => off());\n  }, [controller]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({\n      resetZoom: () => controller.resetZoom(),\n      getView: () => controller.getView(),\n      setView: (view) => controller.setView(view),\n      getPlotRect: () => controller.getPlotRect(),\n      getController: () => controller,\n    }),\n    [controller],\n  );\n\n  const onLayout = (e: LayoutChangeEvent) => {\n    const { width: w, height: h } = e.nativeEvent.layout;\n    const scene = controller.getScene();\n    if (scene && scene.width === w && scene.height === h) return;\n    controller.setSize(w, h);\n    store.commit();\n  };\n\n  const scene = controller.getScene();\n  let tooltip: ReactNode = null;\n  const event = scene?.hover?.tooltip ? scene.hover.event : null;\n  if (scene && event && customTooltip && renderTooltip) {\n    const content = renderTooltip(event);\n    const anchor = store.anchor ?? scene.hover?.marks[0] ?? null;\n    if (\n      content !== null &&\n      content !== undefined &&\n      content !== false &&\n      anchor\n    )\n      tooltip = (\n        <CustomTooltip scene={scene} anchor={anchor}>\n          {content}\n        </CustomTooltip>\n      );\n  }\n\n  return (\n    <View\n      testID={testID}\n      onLayout={onLayout}\n      style={[{ width, height }, style]}\n      {...part(\"chart\", \"root\")}\n    >\n      <View\n        style={StyleSheet.absoluteFill}\n        accessible\n        accessibilityRole=\"image\"\n        accessibilityLabel={\n          options.ariaLabel ?? (scene ? chartAriaLabel(scene.model) : undefined)\n        }\n        onStartShouldSetResponder={() => true}\n        onResponderTerminationRequest={() => !store.holdsGesture()}\n        onResponderGrant={store.touchStart}\n        onResponderStart={store.touchAdd}\n        onResponderMove={store.touchMove}\n        onResponderEnd={store.touchEnd}\n        onResponderRelease={store.touchEnd}\n        onResponderTerminate={store.touchCancel}\n        {...part(\"chart\", \"surface\")}\n      >\n        <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n          {scene ? store.layers(scene, family) : null}\n          {scene ? drawHover(scene, family, customTooltip) : null}\n        </View>\n      </View>\n      {overlay && scene ? (\n        <View\n          pointerEvents=\"box-none\"\n          style={{\n            position: \"absolute\",\n            left: scene.layout.plot.x,\n            top: scene.layout.plot.y,\n            width: scene.layout.plot.width,\n            height: scene.layout.plot.height,\n          }}\n          {...part(\"chart\", \"overlay\")}\n        >\n          {overlay(scene.layout.plot)}\n        </View>\n      ) : null}\n      {tooltip}\n    </View>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ChartBase.cjs","names":["createChartController","measureChartText","drawStatic","useState","View","part","tooltipCard","useTheme","useI18n","useMemo","chartThemeInput","useRef","StyleSheet","describeChart","drawHover","require_MinervaProvider","require_parts","require_labels","require_controller","require_measure","require_scene","require_theme","react","react_native","react_jsx_runtime","engineOptions","props","CUSTOM_TOOLTIP","idOf","id","t","index","requestFrame","callback","createChartStore","version","frame","listeners","cache","origin","touches","dragsPoints","o","draggable","options","claimed","notify","listener","cancelFrame","controller","size","local","sync","n","event","i","p","previous","store","next","scene","key","view","plot","family","value","active","changed","last","touch","base","CustomTooltip","setSize","left","anchor","top","width","height","w","h","ChartBase","handlers","fonts","theme","tokens","customTooltip","renderTooltip","resolved","localized","language","applied","current","handlersRef","offs","e","v","off","handleRef","onLayout","tooltip","content","style","overlay"],"sources":["../../../../../native/src/components/Chart/ChartBase.tsx"],"sourcesContent":["// The chart host of React Native: owns a platform-free chart controller\n// (@minerva/charts/canvas: options, model, zoom, gestures, scene in pixels)\n// and draws its scene with views (./scene). Touches go through the\n// responder system; the drawing is `pointerEvents=\"none\"`, so every touch\n// lands on the surface and positions come from page coordinates.\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  StyleSheet,\n  View,\n  type DimensionValue,\n  type GestureResponderEvent,\n  type LayoutChangeEvent,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  createChartController,\n  describeChart,\n  type ChartController,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartRect,\n  type ChartScene,\n  type ChartThemeInput,\n  type ChartTooltipOptions,\n  type ChartView,\n} from \"@minerva/charts/canvas\";\nimport { useI18n, useTheme } from \"../../theme/MinervaProvider\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\nimport { drawHover, drawStatic, tooltipCard } from \"./scene\";\nimport { chartThemeInput } from \"./theme\";\nimport type { ChartCommonProps, ChartHandle } from \"./types\";\n\ninterface Handlers {\n  onHover?: (event: ChartHoverEvent | null) => void;\n  onPointClick?: (event: ChartHoverEvent) => void;\n  onPlotClick?: (event: ChartPlotClickEvent) => void;\n  onZoom?: (view: ChartView) => void;\n  onDrag?: (event: ChartDragEvent) => void;\n  onDrop?: (event: ChartDragEvent) => void;\n}\n\n/** Engine options of the common props */\nexport const engineOptions = (\n  props: Pick<\n    ChartCommonProps,\n    | \"xAxis\"\n    | \"yAxis\"\n    | \"legend\"\n    | \"tooltip\"\n    | \"crosshair\"\n    | \"annotations\"\n    | \"interaction\"\n    | \"padding\"\n    | \"palette\"\n    | \"ariaLabel\"\n    | \"locale\"\n    | \"labels\"\n  > &\n    Pick<ChartOptions, \"series\">,\n): ChartOptions => ({\n  series: props.series,\n  xAxis: props.xAxis,\n  yAxis: props.yAxis,\n  legend: props.legend,\n  tooltip: props.tooltip,\n  crosshair: props.crosshair,\n  annotations: props.annotations,\n  interaction: props.interaction,\n  padding: props.padding,\n  palette: props.palette,\n  ariaLabel: props.ariaLabel,\n  locale: props.locale,\n  labels: props.labels,\n});\n\ntype TooltipResult = Exclude<\n  ReturnType<NonNullable<ChartTooltipOptions[\"render\"]>>,\n  string | null\n>;\n/** Non-string result of `tooltip.render`: the engine lays a tooltip out without drawing text */\nconst CUSTOM_TOOLTIP = {} as unknown as TooltipResult;\n\ninterface TouchPoint {\n  identifier?: number | string;\n  pageX: number;\n  pageY: number;\n  locationX?: number;\n  locationY?: number;\n}\n\nconst idOf = (t: TouchPoint, index: number) => {\n  const id = Number(t.identifier);\n  return Number.isFinite(id) ? id : index;\n};\n\ntype Frame = { cancel: () => void };\n\nconst requestFrame = (callback: () => void): Frame => {\n  if (typeof requestAnimationFrame === \"function\") {\n    const id = requestAnimationFrame(callback);\n    return { cancel: () => cancelAnimationFrame(id) };\n  }\n  const id = setTimeout(callback, 16);\n  return { cancel: () => clearTimeout(id) };\n};\n\n/**\n * External store of a chart: the controller, a version bumped when its\n * scene must be drawn again (coalesced per frame), the touches being\n * tracked and the cache of the static layers.\n */\ninterface ChartStore {\n  controller: ChartController;\n  /** Options of the controller (`setOptions` of the controller) */\n  setOptions: (options: ChartOptions) => void;\n  subscribe: (listener: () => void) => () => void;\n  version: () => number;\n  /** Draws again now */\n  commit: () => void;\n  /** Static layers of a scene (cached while model / view / size are the same) */\n  layers: (scene: ChartScene, family: string | undefined) => ReactNode;\n  /** Last single-finger position (anchor of a custom tooltip) */\n  anchor: { x: number; y: number } | null;\n  /**\n   * First finger (responder grant); returns whether the chart owns the\n   * gesture, which keeps native scroll views from taking it (Android)\n   */\n  touchStart: (event: GestureResponderEvent) => boolean;\n  /** Another finger touches the chart */\n  touchAdd: (event: GestureResponderEvent) => void;\n  /** Moves (drawn on the next frame) */\n  touchMove: (event: GestureResponderEvent) => void;\n  touchEnd: (event: GestureResponderEvent) => void;\n  touchCancel: () => void;\n  /** Whether the chart keeps the touches (pinch, point drag, pan when zoomed) */\n  holdsGesture: () => boolean;\n}\n\nfunction createChartStore(\n  options: ChartOptions,\n  theme: ChartThemeInput,\n  size: [number, number] | null,\n): ChartStore {\n  let version = 0;\n  let frame: Frame | null = null;\n  const listeners = new Set<() => void>();\n  let cache: { key: unknown[]; node: ReactNode } | null = null;\n  let origin = { x: 0, y: 0 };\n  const touches = new Map<number, { x: number; y: number }>();\n  const dragsPoints = (o: ChartOptions) =>\n    typeof o.interaction === \"object\" && !!o.interaction.dragPoints;\n  let draggable = dragsPoints(options);\n  /** The current touch sequence started on the plot of a draggable chart */\n  let claimed = false;\n\n  const notify = () => {\n    version++;\n    listeners.forEach((listener) => listener());\n  };\n  const cancelFrame = () => {\n    frame?.cancel();\n    frame = null;\n  };\n  const schedule = () => {\n    if (frame || !listeners.size) return;\n    frame = requestFrame(() => {\n      frame = null;\n      notify();\n    });\n  };\n\n  const controller = createChartController({\n    options,\n    theme,\n    measureText: measureChartText,\n    onInvalidate: schedule,\n  });\n  if (size) controller.setSize(size[0], size[1]);\n\n  const local = (t: TouchPoint) => ({\n    x: t.pageX - origin.x,\n    y: t.pageY - origin.y,\n  });\n\n  /** Feeds the controller the fingers that appeared or moved */\n  const sync = (event: GestureResponderEvent) => {\n    const n = event.nativeEvent;\n    const list: readonly TouchPoint[] = n.touches?.length\n      ? n.touches\n      : [n as unknown as TouchPoint];\n    list.forEach((t, i) => {\n      const id = idOf(t, i);\n      const p = local(t);\n      const previous = touches.get(id);\n      if (!previous) {\n        touches.set(id, p);\n        controller.pointerDown(p.x, p.y, { id, touch: true });\n      } else if (previous.x !== p.x || previous.y !== p.y) {\n        touches.set(id, p);\n        controller.pointerMove(p.x, p.y, { id, touch: true });\n      }\n    });\n    if (touches.size === 1) store.anchor = [...touches.values()][0];\n  };\n\n  const store: ChartStore = {\n    controller,\n    setOptions(next) {\n      draggable = dragsPoints(next);\n      controller.setOptions(next);\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) cancelFrame();\n      };\n    },\n    version: () => version,\n    commit() {\n      cancelFrame();\n      notify();\n    },\n    layers(scene, family) {\n      const { plot } = scene.layout;\n      const { view } = scene;\n      const key = [\n        scene.model,\n        scene.annotations,\n        scene.theme,\n        scene.width,\n        scene.height,\n        view.x[0],\n        view.x[1],\n        view.y[0],\n        view.y[1],\n        plot.x,\n        plot.y,\n        plot.width,\n        plot.height,\n        family,\n      ];\n      if (!cache || cache.key.some((value, i) => value !== key[i]))\n        cache = { key, node: drawStatic(scene, family) };\n      return cache.node;\n    },\n    anchor: null,\n    touchStart(event) {\n      const n = event.nativeEvent as unknown as TouchPoint;\n      // the drawing ignores touches: `location` is relative to the surface\n      if (!touches.size && n.locationX !== undefined)\n        origin = { x: n.pageX - n.locationX, y: n.pageY - (n.locationY ?? 0) };\n      sync(event);\n      store.commit();\n      // draggable points: the drag only starts after the touch slop, too\n      // late to keep a scroll view from stealing the touch: claim it now\n      const plot = controller.getPlotRect();\n      const p = touches.values().next().value;\n      claimed =\n        draggable &&\n        !!plot &&\n        !!p &&\n        p.x >= plot.x &&\n        p.x <= plot.x + plot.width &&\n        p.y >= plot.y &&\n        p.y <= plot.y + plot.height;\n      return store.holdsGesture();\n    },\n    touchAdd(event) {\n      sync(event);\n      store.commit();\n    },\n    touchMove: sync,\n    touchEnd(event) {\n      const n = event.nativeEvent;\n      const active = new Set(\n        (n.touches ?? []).map((t, i) => idOf(t as TouchPoint, i)),\n      );\n      const changed: readonly TouchPoint[] = n.changedTouches?.length\n        ? n.changedTouches\n        : [n as unknown as TouchPoint];\n      for (const [id, last] of [...touches]) {\n        if (active.has(id)) continue;\n        const touch = changed.find((t, i) => idOf(t, i) === id);\n        const p = touch ? local(touch) : last;\n        touches.delete(id);\n        if (touches.size === 0) store.anchor = p;\n        controller.pointerUp(p.x, p.y, { id, touch: true });\n      }\n      store.commit();\n    },\n    touchCancel() {\n      for (const id of touches.keys()) controller.pointerCancel({ id });\n      touches.clear();\n      store.commit();\n    },\n    holdsGesture() {\n      if (touches.size > 1 || (claimed && touches.size > 0)) return true;\n      const scene = controller.getScene();\n      if (!scene) return false;\n      if (scene.dragging) return true;\n      const { base } = scene.model;\n      const view = controller.getView();\n      return (\n        view.x[0] !== base.x[0] ||\n        view.x[1] !== base.x[1] ||\n        view.y[0] !== base.y[0] ||\n        view.y[1] !== base.y[1]\n      );\n    },\n  };\n  return store;\n}\n\n/** A `renderTooltip` node, placed next to the finger once measured */\nfunction CustomTooltip({\n  scene,\n  anchor,\n  children,\n}: {\n  scene: ChartScene;\n  anchor: { x: number; y: number };\n  children: ReactNode;\n}) {\n  const [size, setSize] = useState<{ width: number; height: number } | null>(\n    null,\n  );\n  const { width, height } = scene;\n  let left = anchor.x + 14;\n  let top = anchor.y;\n  if (size) {\n    if (left + size.width > width - 4) left = anchor.x - 14 - size.width;\n    left = Math.max(4, Math.min(left, width - size.width - 4));\n    top = Math.max(\n      4,\n      Math.min(anchor.y - size.height / 2, height - size.height - 4),\n    );\n  }\n  return (\n    <View\n      pointerEvents=\"none\"\n      {...part(\"chart\", \"tooltip\", { custom: true })}\n      onLayout={(e: LayoutChangeEvent) => {\n        const { width: w, height: h } = e.nativeEvent.layout;\n        setSize((previous) =>\n          previous && previous.width === w && previous.height === h\n            ? previous\n            : { width: w, height: h },\n        );\n      }}\n      style={[\n        tooltipCard(scene),\n        {\n          // laid out at the origin (full width available), moved by a transform\n          left: 0,\n          top: 0,\n          maxWidth: Math.max(0, width - 8),\n          padding: 8,\n          opacity: size ? 1 : 0,\n          transform: [{ translateX: left }, { translateY: top }],\n        },\n      ]}\n    >\n      {children}\n    </View>\n  );\n}\n\ninterface ChartBaseProps extends Handlers {\n  options: ChartOptions;\n  height?: DimensionValue;\n  width?: DimensionValue;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  handleRef?: Ref<ChartHandle>;\n  /** React content of the tooltip (replaces the engine's content) */\n  renderTooltip?: (event: ChartHoverEvent) => ReactNode;\n  /** React content placed over the plot area, given the plot rectangle */\n  overlay?: (plot: ChartRect) => ReactNode;\n}\n\n/** Sizes the chart, forwards options / theme / touches to the controller and draws its scene */\nexport function ChartBase({\n  options,\n  height = 320,\n  width = \"100%\",\n  style,\n  testID,\n  handleRef,\n  renderTooltip,\n  overlay,\n  ...handlers\n}: ChartBaseProps) {\n  const { tokens, fonts } = useTheme();\n  const { language } = useI18n();\n  const family = fonts.sans;\n  const theme = useMemo(() => chartThemeInput(tokens), [tokens]);\n  const customTooltip = !!renderTooltip && options.tooltip !== false;\n  const resolved = useMemo((): ChartOptions => {\n    // The chart's own locale wins over the language of the provider.\n    const localized = options.locale\n      ? options\n      : { ...options, locale: language };\n    if (!customTooltip) return localized;\n    const base = typeof options.tooltip === \"object\" ? options.tooltip : {};\n    return {\n      ...localized,\n      tooltip: { ...base, render: () => CUSTOM_TOOLTIP },\n    };\n  }, [options, customTooltip, language]);\n\n  const [store] = useState(() =>\n    createChartStore(\n      resolved,\n      theme,\n      typeof width === \"number\" && typeof height === \"number\"\n        ? [width, height]\n        : null,\n    ),\n  );\n  const { controller } = store;\n  useSyncExternalStore(store.subscribe, store.version, store.version);\n\n  const applied = useRef({ options: resolved, theme });\n  useLayoutEffect(() => {\n    const current = applied.current;\n    if (current.theme === theme && current.options === resolved) return;\n    if (current.theme !== theme) controller.setTheme(theme);\n    if (current.options !== resolved) store.setOptions(resolved);\n    applied.current = { options: resolved, theme };\n    store.commit();\n  }, [controller, store, resolved, theme]);\n\n  useLayoutEffect(() => {\n    if (typeof width !== \"number\" || typeof height !== \"number\") return;\n    const scene = controller.getScene();\n    if (scene && scene.width === width && scene.height === height) return;\n    controller.setSize(width, height);\n    store.commit();\n  }, [controller, store, width, height]);\n\n  const handlersRef = useRef<Handlers>(handlers);\n  useLayoutEffect(() => {\n    handlersRef.current = handlers;\n  });\n  useEffect(() => {\n    const h = handlersRef;\n    const offs = [\n      controller.on(\"hover\", (e) => h.current.onHover?.(e)),\n      controller.on(\"click\", (e) => h.current.onPointClick?.(e)),\n      controller.on(\"plotClick\", (e) => h.current.onPlotClick?.(e)),\n      controller.on(\"zoom\", (v) => h.current.onZoom?.(v)),\n      controller.on(\"drag\", (e) => h.current.onDrag?.(e)),\n      controller.on(\"drop\", (e) => h.current.onDrop?.(e)),\n    ];\n    return () => offs.forEach((off) => off());\n  }, [controller]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({\n      resetZoom: () => controller.resetZoom(),\n      getView: () => controller.getView(),\n      setView: (view) => controller.setView(view),\n      getPlotRect: () => controller.getPlotRect(),\n      getController: () => controller,\n    }),\n    [controller],\n  );\n\n  const onLayout = (e: LayoutChangeEvent) => {\n    const { width: w, height: h } = e.nativeEvent.layout;\n    const scene = controller.getScene();\n    if (scene && scene.width === w && scene.height === h) return;\n    controller.setSize(w, h);\n    store.commit();\n  };\n\n  const scene = controller.getScene();\n  let tooltip: ReactNode = null;\n  const event = scene?.hover?.tooltip ? scene.hover.event : null;\n  if (scene && event && customTooltip && renderTooltip) {\n    const content = renderTooltip(event);\n    const anchor = store.anchor ?? scene.hover?.marks[0] ?? null;\n    if (\n      content !== null &&\n      content !== undefined &&\n      content !== false &&\n      anchor\n    )\n      tooltip = (\n        <CustomTooltip scene={scene} anchor={anchor}>\n          {content}\n        </CustomTooltip>\n      );\n  }\n\n  return (\n    <View\n      testID={testID}\n      onLayout={onLayout}\n      style={[{ width, height }, style]}\n      {...part(\"chart\", \"root\")}\n    >\n      <View\n        style={StyleSheet.absoluteFill}\n        accessible\n        accessibilityRole=\"image\"\n        accessibilityLabel={\n          resolved.ariaLabel ??\n          describeChart({\n            locale: resolved.locale,\n            labels: resolved.labels,\n            series: scene?.model.series,\n          })\n        }\n        onStartShouldSetResponder={() => true}\n        onResponderTerminationRequest={() => !store.holdsGesture()}\n        onResponderGrant={store.touchStart}\n        onResponderStart={store.touchAdd}\n        onResponderMove={store.touchMove}\n        onResponderEnd={store.touchEnd}\n        onResponderRelease={store.touchEnd}\n        onResponderTerminate={store.touchCancel}\n        {...part(\"chart\", \"surface\")}\n      >\n        <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n          {scene ? store.layers(scene, family) : null}\n          {scene ? drawHover(scene, family, customTooltip) : null}\n        </View>\n      </View>\n      {overlay && scene ? (\n        <View\n          pointerEvents=\"box-none\"\n          style={{\n            position: \"absolute\",\n            left: scene.layout.plot.x,\n            top: scene.layout.plot.y,\n            width: scene.layout.plot.width,\n            height: scene.layout.plot.height,\n          }}\n          {...part(\"chart\", \"overlay\")}\n        >\n          {overlay(scene.layout.plot)}\n        </View>\n      ) : null}\n      {tooltip}\n    </View>\n  );\n}\n"],"mappings":"uYAyDA,IAAayB,EACX,IAgBkB,CAClB,OAAQC,EAAM,OACd,MAAOA,EAAM,MACb,MAAOA,EAAM,MACb,OAAQA,EAAM,OACd,QAASA,EAAM,QACf,UAAWA,EAAM,UACjB,YAAaA,EAAM,YACnB,YAAaA,EAAM,YACnB,QAASA,EAAM,QACf,QAASA,EAAM,QACf,UAAWA,EAAM,UACjB,OAAQA,EAAM,OACd,OAAQA,EAAM,MAChB,GAOMC,EAAiB,CAAC,EAUlBC,GAAQ,EAAe,IAAkB,CAC7C,IAAMC,EAAK,OAAOC,EAAE,UAAU,EAC9B,OAAO,OAAO,SAASD,CAAE,EAAIA,EAAKE,CACpC,EAIMC,EAAgB,GAAgC,CACpD,GAAI,OAAO,uBAA0B,WAAY,CAC/C,IAAMH,EAAK,sBAAsBI,CAAQ,EACzC,MAAO,CAAE,WAAc,qBAAqBJ,CAAE,CAAE,CAClD,CACA,IAAMA,EAAK,WAAWI,EAAU,EAAE,EAClC,MAAO,CAAE,WAAc,aAAaJ,CAAE,CAAE,CAC1C,EAkCA,SAASK,EACP,EACA,EACA,EACY,CACZ,IAAIC,EAAU,EACVC,EAAsB,KACpBC,EAAY,IAAI,IAClBC,EAAoD,KACpDC,EAAS,CAAE,EAAG,EAAG,EAAG,CAAE,EACpBC,EAAU,IAAI,IACdC,EAAe,GACnB,OAAOC,EAAE,aAAgB,UAAY,CAAC,CAACA,EAAE,YAAY,WACnDC,EAAYF,EAAYG,CAAO,EAE/BC,EAAU,GAERC,MAAe,CACnB,IACAT,EAAU,QAAS,GAAaU,EAAS,CAAC,CAC5C,EACMC,MAAoB,CACxBZ,GAAO,OAAO,EACd,EAAQ,IACV,EASMa,EAAajD,EAAAA,sBAAsB,CACvC,UACA,QACA,YAAaC,EAAAA,iBACb,iBAZqB,CACjB,IAAUoC,EAAU,OACxB,EAAQL,MAAmB,CACzB,EAAQ,KACRc,EAAO,CACT,CAAC,EACH,CAOA,CAAC,EACGI,GAAMD,EAAW,QAAQC,EAAK,GAAIA,EAAK,EAAE,EAE7C,IAAMC,EAAS,IAAmB,CAChC,EAAGrB,EAAE,MAAQS,EAAO,EACpB,EAAGT,EAAE,MAAQS,EAAO,CACtB,GAGMa,EAAQ,GAAiC,CAC7C,IAAMC,EAAIC,EAAM,aACoBD,EAAE,SAAS,OAC3CA,EAAE,QACF,CAACA,CAA0B,EAAA,CAC1B,SAAS,EAAG,IAAM,CACrB,IAAMxB,EAAKD,EAAKE,EAAGyB,CAAC,EACdC,EAAIL,EAAMrB,CAAC,EACX2B,EAAWjB,EAAQ,IAAIX,CAAE,EAC1B4B,GAGMA,EAAS,IAAMD,EAAE,GAAKC,EAAS,IAAMD,EAAE,KAChDhB,EAAQ,IAAIX,EAAI2B,CAAC,EACjBP,EAAW,YAAYO,EAAE,EAAGA,EAAE,EAAG,CAAE,KAAI,MAAO,EAAK,CAAC,IAJpDhB,EAAQ,IAAIX,EAAI2B,CAAC,EACjBP,EAAW,YAAYO,EAAE,EAAGA,EAAE,EAAG,CAAE,KAAI,MAAO,EAAK,CAAC,EAKxD,CAAC,EACGhB,EAAQ,OAAS,IAAG,EAAM,OAAS,CAAC,GAAGA,EAAQ,OAAO,CAAC,CAAC,CAAC,GAC/D,EAEMkB,EAAoB,CACxB,aACA,WAAW,EAAM,CACf,EAAYjB,EAAYkB,CAAI,EAC5BV,EAAW,WAAWU,CAAI,CAC5B,EACA,UAAU,EAAU,CAElB,OADAtB,EAAU,IAAIU,CAAQ,MACT,CACXV,EAAU,OAAOU,CAAQ,EACpBV,EAAU,MAAMW,EAAY,CACnC,CACF,EACA,YAAeb,EACf,QAAS,CACPa,EAAY,EACZF,EAAO,CACT,EACA,OAAO,EAAO,EAAQ,CACpB,GAAM,CAAE,QAASc,EAAM,OACjB,CAAE,QAASA,EACXC,EAAM,CACVD,EAAM,MACNA,EAAM,YACNA,EAAM,MACNA,EAAM,MACNA,EAAM,OACNE,EAAK,EAAE,GACPA,EAAK,EAAE,GACPA,EAAK,EAAE,GACPA,EAAK,EAAE,GACPC,EAAK,EACLA,EAAK,EACLA,EAAK,MACLA,EAAK,OACLC,CACF,EAGA,OAFI,CAAC1B,GAASA,EAAM,IAAI,MAAM,EAAO,IAAM2B,IAAUJ,EAAIN,EAAE,KACzD,EAAQ,CAAE,MAAK,KAAMrD,EAAAA,WAAW0D,EAAOI,CAAM,CAAE,GAC1C1B,EAAM,IACf,EACA,OAAQ,KACR,WAAW,EAAO,CAChB,IAAMe,EAAIC,EAAM,YAEZ,CAACd,EAAQ,MAAQa,EAAE,YAAc,IAAA,KACnC,EAAS,CAAE,EAAGA,EAAE,MAAQA,EAAE,UAAW,EAAGA,EAAE,OAASA,EAAE,WAAa,EAAG,GACvED,EAAKE,CAAK,EACVI,EAAM,OAAO,EAGb,IAAMK,EAAOd,EAAW,YAAY,EAC9BO,EAAIhB,EAAQ,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,MASlC,MARA,GACEG,GACA,CAAC,CAACoB,GACF,CAAC,CAACP,GACFA,EAAE,GAAKO,EAAK,GACZP,EAAE,GAAKO,EAAK,EAAIA,EAAK,OACrBP,EAAE,GAAKO,EAAK,GACZP,EAAE,GAAKO,EAAK,EAAIA,EAAK,OAChBL,EAAM,aAAa,CAC5B,EACA,SAAS,EAAO,CACdN,EAAKE,CAAK,EACVI,EAAM,OAAO,CACf,EACA,UAAWN,EACX,SAAS,EAAO,CACd,IAAMC,EAAIC,EAAM,YACVY,EAAS,IAAI,KAChBb,EAAE,SAAW,CAAC,EAAA,CAAG,KAAK,EAAG,IAAMzB,EAAKE,EAAiByB,CAAC,CAAC,CAC1D,EACMY,EAAiCd,EAAE,gBAAgB,OACrDA,EAAE,eACF,CAACA,CAA0B,EAC/B,IAAK,GAAM,CAACxB,EAAIuC,IAAS,CAAC,GAAG5B,CAAO,EAAG,CACrC,GAAI0B,EAAO,IAAIrC,CAAE,EAAG,SACpB,IAAMwC,EAAQF,EAAQ,MAAM,EAAG,IAAMvC,EAAK,EAAG2B,CAAC,IAAM1B,CAAE,EAChD2B,EAAIa,EAAQlB,EAAMkB,CAAK,EAAID,EACjC5B,EAAQ,OAAOX,CAAE,EACbW,EAAQ,OAAS,IAAG,EAAM,OAASgB,GACvCP,EAAW,UAAUO,EAAE,EAAGA,EAAE,EAAG,CAAE,KAAI,MAAO,EAAK,CAAC,CACpD,CACAE,EAAM,OAAO,CACf,EACA,aAAc,CACZ,IAAK,IAAM7B,KAAMW,EAAQ,KAAK,EAAGS,EAAW,cAAc,CAAE,IAAG,CAAC,EAChET,EAAQ,MAAM,EACdkB,EAAM,OAAO,CACf,EACA,cAAe,CACb,GAAIlB,EAAQ,KAAO,GAAMK,GAAWL,EAAQ,KAAO,EAAI,MAAO,GAC9D,IAAMoB,EAAQX,EAAW,SAAS,EAClC,GAAI,CAACW,EAAO,MAAO,GACnB,GAAIA,EAAM,SAAU,MAAO,GAC3B,GAAM,CAAE,QAASA,EAAM,MACjBE,EAAOb,EAAW,QAAQ,EAChC,OACEa,EAAK,EAAE,KAAOQ,EAAK,EAAE,IACrBR,EAAK,EAAE,KAAOQ,EAAK,EAAE,IACrBR,EAAK,EAAE,KAAOQ,EAAK,EAAE,IACrBR,EAAK,EAAE,KAAOQ,EAAK,EAAE,EAEzB,CACF,EACA,OAAOZ,CACT,CAGA,SAASa,EAAc,CACrB,QACA,SACA,YAKC,CACD,GAAM,CAACrB,EAAMsB,IAAA,EAAWrE,EAAAA,SAAAA,CACtB,IACF,EACM,CAAE,QAAO,UAAWyD,EACtBa,EAAOC,EAAO,EAAI,GAClBC,EAAMD,EAAO,EASjB,OARIxB,IACEuB,EAAOvB,EAAK,MAAQ0B,EAAQ,IAAG,EAAOF,EAAO,EAAI,GAAKxB,EAAK,OAC/D,EAAO,KAAK,IAAI,EAAG,KAAK,IAAIuB,EAAMG,EAAQ1B,EAAK,MAAQ,CAAC,CAAC,EACzD,EAAM,KAAK,IACT,EACA,KAAK,IAAIwB,EAAO,EAAIxB,EAAK,OAAS,EAAG2B,EAAS3B,EAAK,OAAS,CAAC,CAC/D,IAGA,EAAA1B,EAAA,IAAA,CAACpB,EAAAA,KAAD,CACE,cAAc,OACd,GAAIC,EAAAA,KAAK,QAAS,UAAW,CAAE,OAAQ,EAAK,CAAC,EAC7C,SAAW,GAAyB,CAClC,GAAM,CAAE,MAAOyE,EAAG,OAAQC,GAAM,EAAE,YAAY,OAC9CP,EAAS,GACPf,GAAYA,EAAS,QAAUqB,GAAKrB,EAAS,SAAWsB,EACpDtB,EACA,CAAE,MAAOqB,EAAG,OAAQC,CAAE,CAC5B,CACF,EACA,MAAO,CACLzE,EAAAA,YAAYsD,CAAK,EACjB,CAEE,KAAM,EACN,IAAK,EACL,SAAU,KAAK,IAAI,EAAGgB,EAAQ,CAAC,EAC/B,QAAS,EACT,QAAS,KACT,UAAW,CAAC,CAAE,WAAYH,CAAK,EAAG,CAAE,WAAYE,CAAI,CAAC,CACvD,CACF,EAEC,UACG,CAAA,CAEV,CAgBA,SAAgBK,EAAU,CACxB,UACA,SAAS,IACT,QAAQ,OACR,QACA,SACA,YACA,gBACA,UACA,GAAGC,GACc,CACjB,GAAM,CAAE,SAAQ,SAAU1E,EAAAA,SAAS,EAC7B,CAAE,YAAaC,EAAAA,QAAQ,EACvBwD,EAASkB,EAAM,KACfC,GAAA,EAAQ1E,EAAAA,QAAAA,KAAcC,EAAAA,gBAAgB0E,CAAM,EAAG,CAACA,CAAM,CAAC,EACvDC,EAAgB,CAAC,CAACC,GAAiB1C,EAAQ,UAAY,GACvD2C,GAAA,EAAW9E,EAAAA,QAAAA,KAA4B,CAE3C,IAAM+E,EAAY5C,EAAQ,OACtBA,EACA,CAAE,GAAGA,EAAS,OAAQ6C,CAAS,EACnC,GAAI,CAACJ,EAAe,OAAOG,EAC3B,IAAMlB,EAAO,OAAO1B,EAAQ,SAAY,SAAWA,EAAQ,QAAU,CAAC,EACtE,MAAO,CACL,GAAG4C,EACH,QAAS,CAAE,GAAGlB,EAAM,WAAc3C,CAAe,CACnD,CACF,EAAG,CAACiB,EAASyC,EAAeI,CAAQ,CAAC,EAE/B,CAAC/B,IAAA,EAASvD,EAAAA,SAAAA,KACd+B,EACEqD,EACAJ,EACA,OAAOP,GAAU,UAAY,OAAOC,GAAW,SAC3C,CAACD,EAAOC,CAAM,EACd,IACN,CACF,EACM,CAAE,cAAenB,GACvB,EAAApC,EAAA,qBAAA,CAAqBoC,EAAM,UAAWA,EAAM,QAASA,EAAM,OAAO,EAElE,IAAMgC,GAAA,EAAU/E,EAAAA,OAAAA,CAAO,CAAE,QAAS4E,EAAU,OAAM,CAAC,GACnD,EAAAjE,EAAA,gBAAA,KAAsB,CACpB,IAAMqE,EAAUD,EAAQ,SACpBC,EAAQ,QAAUR,GAASQ,EAAQ,UAAYJ,KAC/CI,EAAQ,QAAUR,GAAOlC,EAAW,SAASkC,CAAK,EAClDQ,EAAQ,UAAYJ,GAAU7B,EAAM,WAAW6B,CAAQ,EAC3D,EAAQ,QAAU,CAAE,QAASA,EAAU,OAAM,EAC7C7B,EAAM,OAAO,EACf,EAAG,CAACT,EAAYS,EAAO6B,EAAUJ,CAAK,CAAC,GAEvC,EAAA7D,EAAA,gBAAA,KAAsB,CACpB,GAAI,OAAOsD,GAAU,UAAY,OAAOC,GAAW,SAAU,OAC7D,IAAMjB,EAAQX,EAAW,SAAS,EAC9BW,GAASA,EAAM,QAAUgB,GAAShB,EAAM,SAAWiB,IACvD5B,EAAW,QAAQ2B,EAAOC,CAAM,EAChCnB,EAAM,OAAO,EACf,EAAG,CAACT,EAAYS,EAAOkB,EAAOC,CAAM,CAAC,EAErC,IAAMe,GAAA,EAAcjF,EAAAA,OAAAA,CAAiBsE,CAAQ,GAC7C,EAAA3D,EAAA,gBAAA,KAAsB,CACpB,EAAY,QAAU2D,CACxB,CAAC,GACD,EAAA3D,EAAA,UAAA,KAAgB,CACd,IAAMyD,EAAIa,EACJC,EAAO,CACX5C,EAAW,GAAG,QAAU,GAAM8B,EAAE,QAAQ,UAAUe,CAAC,CAAC,EACpD7C,EAAW,GAAG,QAAU,GAAM8B,EAAE,QAAQ,eAAee,CAAC,CAAC,EACzD7C,EAAW,GAAG,YAAc,GAAM8B,EAAE,QAAQ,cAAce,CAAC,CAAC,EAC5D7C,EAAW,GAAG,OAAS,GAAM8B,EAAE,QAAQ,SAASgB,CAAC,CAAC,EAClD9C,EAAW,GAAG,OAAS,GAAM8B,EAAE,QAAQ,SAASe,CAAC,CAAC,EAClD7C,EAAW,GAAG,OAAS,GAAM8B,EAAE,QAAQ,SAASe,CAAC,CAAC,CACpD,EACA,UAAaD,EAAK,QAAS,GAAQG,EAAI,CAAC,CAC1C,EAAG,CAAC/C,CAAU,CAAC,GAEf,EAAA3B,EAAA,oBAAA,CACE2E,OACO,CACL,cAAiBhD,EAAW,UAAU,EACtC,YAAeA,EAAW,QAAQ,EAClC,QAAU,GAASA,EAAW,QAAQa,CAAI,EAC1C,gBAAmBb,EAAW,YAAY,EAC1C,kBAAqBA,CACvB,GACA,CAACA,CAAU,CACb,EAEA,IAAMiD,EAAY,GAAyB,CACzC,GAAM,CAAE,MAAOpB,EAAG,OAAQC,GAAM,EAAE,YAAY,OACxCnB,EAAQX,EAAW,SAAS,EAC9BW,GAASA,EAAM,QAAUkB,GAAKlB,EAAM,SAAWmB,IACnD9B,EAAW,QAAQ6B,EAAGC,CAAC,EACvBrB,EAAM,OAAO,EACf,EAEME,EAAQX,EAAW,SAAS,EAC9BkD,EAAqB,KACnB7C,EAAQM,GAAO,OAAO,QAAUA,EAAM,MAAM,MAAQ,KAC1D,GAAIA,GAASN,GAAS+B,GAAiBC,EAAe,CACpD,IAAMc,EAAUd,EAAchC,CAAK,EAC7BoB,EAAShB,EAAM,QAAUE,EAAM,OAAO,MAAM,IAAM,KAEtDwC,GAAY,MAEZA,IAAY,IACZ1B,IAEA,GACE,EAAAlD,EAAA,IAAA,CAAC+C,EAAD,CAAsB,QAAe,SAClC,SAAA6B,CACY,CAAA,EAErB,CAEA,OACE,EAAA5E,EAAA,KAAA,CAACpB,EAAAA,KAAD,CACU,SACE,WACV,MAAO,CAAC,CAAE,QAAO,QAAO,EAAGiG,CAAK,EAChC,GAAIhG,EAAAA,KAAK,QAAS,MAAM,EAJ1B,SAAA,EAME,EAAAmB,EAAA,IAAA,CAACpB,EAAAA,KAAD,CACE,MAAOQ,EAAAA,WAAW,aAClB,WAAA,GACA,kBAAkB,QAClB,mBACE2E,EAAS,WACT1E,EAAAA,cAAc,CACZ,OAAQ0E,EAAS,OACjB,OAAQA,EAAS,OACjB,OAAQ3B,GAAO,MAAM,MACvB,CAAC,EAEH,8BAAiC,GACjC,kCAAqC,CAACF,EAAM,aAAa,EACzD,iBAAkBA,EAAM,WACxB,iBAAkBA,EAAM,SACxB,gBAAiBA,EAAM,UACvB,eAAgBA,EAAM,SACtB,mBAAoBA,EAAM,SAC1B,qBAAsBA,EAAM,YAC5B,GAAIrD,EAAAA,KAAK,QAAS,SAAS,EAE3B,UAAA,EAAAmB,EAAA,KAAA,CAACpB,EAAAA,KAAD,CAAM,cAAc,OAAO,MAAOQ,EAAAA,WAAW,aAA7C,SAAA,CACGgD,EAAQF,EAAM,OAAOE,EAAOI,CAAM,EAAI,KACtCJ,EAAQ9C,EAAAA,UAAU8C,EAAOI,EAAQqB,CAAa,EAAI,IAC/C,GACF,CAAA,EACLiB,GAAW1C,GACV,EAAApC,EAAA,IAAA,CAACpB,EAAAA,KAAD,CACE,cAAc,WACd,MAAO,CACL,SAAU,WACV,KAAMwD,EAAM,OAAO,KAAK,EACxB,IAAKA,EAAM,OAAO,KAAK,EACvB,MAAOA,EAAM,OAAO,KAAK,MACzB,OAAQA,EAAM,OAAO,KAAK,MAC5B,EACA,GAAIvD,EAAAA,KAAK,QAAS,SAAS,EAE1B,SAAAiG,EAAQ1C,EAAM,OAAO,IAAI,CACtB,CAAA,EACJ,KACHuC,CACG,GAEV"}

package/dist/native/components/Chart/ChartBase.js

@@ -1,16 +1,16 @@
-import { useTheme as e } from "../../theme/MinervaProvider.js";
-import { part as t } from "../../internal/parts.js";
-import { chartAriaLabel as n } from "../../charts/src/engine/labels.js";
-import { createChartController as r } from "../../charts/src/engine/controller.js";
+import { useI18n as e, useTheme as t } from "../../theme/MinervaProvider.js";
+import { part as n } from "../../internal/parts.js";
+import { describeChart as r } from "../../charts/src/engine/labels.js";
+import { createChartController as i } from "../../charts/src/engine/controller.js";
 import "../../charts/src/canvas.js";
-import { measureChartText as i } from "./measure.js";
-import { drawHover as a, drawStatic as o, tooltipCard as s } from "./scene.js";
-import { chartThemeInput as c } from "./theme.js";
-import { useEffect as l, useImperativeHandle as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m, useSyncExternalStore as h } from "react";
-import { StyleSheet as g, View as _ } from "react-native";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { measureChartText as a } from "./measure.js";
+import { drawHover as o, drawStatic as s, tooltipCard as c } from "./scene.js";
+import { chartThemeInput as l } from "./theme.js";
+import { useEffect as u, useImperativeHandle as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h, useSyncExternalStore as g } from "react";
+import { StyleSheet as _, View as v } from "react-native";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/Chart/ChartBase.tsx
-var b = (e) => ({
+var x = (e) => ({
 	series: e.series,
 	xAxis: e.xAxis,
 	yAxis: e.yAxis,
@@ -24,10 +24,10 @@ var b = (e) => ({
 	ariaLabel: e.ariaLabel,
 	locale: e.locale,
 	labels: e.labels
-}), x = {}, S = (e, t) => {
+}), S = {}, C = (e, t) => {
 	let n = Number(e.identifier);
 	return Number.isFinite(n) ? n : t;
-}, C = (e) => {
+}, w = (e) => {
 	if (typeof requestAnimationFrame == "function") {
 		let t = requestAnimationFrame(e);
 		return { cancel: () => cancelAnimationFrame(t) };
@@ -35,21 +35,21 @@ var b = (e) => ({
 	let t = setTimeout(e, 16);
 	return { cancel: () => clearTimeout(t) };
 };
-function w(e, t, n) {
-	let a = 0, s = null, c = /* @__PURE__ */ new Set(), l = null, u = {
+function T(e, t, n) {
+	let r = 0, o = null, c = /* @__PURE__ */ new Set(), l = null, u = {
 		x: 0,
 		y: 0
 	}, d = /* @__PURE__ */ new Map(), f = (e) => typeof e.interaction == "object" && !!e.interaction.dragPoints, p = f(e), m = !1, h = () => {
-		a++, c.forEach((e) => e());
+		r++, c.forEach((e) => e());
 	}, g = () => {
-		s?.cancel(), s = null;
-	}, _ = r({
+		o?.cancel(), o = null;
+	}, _ = i({
 		options: e,
 		theme: t,
-		measureText: i,
+		measureText: a,
 		onInvalidate: () => {
-			!s && c.size && (s = C(() => {
-				s = null, h();
+			!o && c.size && (o = w(() => {
+				o = null, h();
 			}));
 		}
 	});
@@ -60,7 +60,7 @@ function w(e, t, n) {
 	}), y = (e) => {
 		let t = e.nativeEvent;
 		(t.touches?.length ? t.touches : [t]).forEach((e, t) => {
-			let n = S(e, t), r = v(e), i = d.get(n);
+			let n = C(e, t), r = v(e), i = d.get(n);
 			i ? (i.x !== r.x || i.y !== r.y) && (d.set(n, r), _.pointerMove(r.x, r.y, {
 				id: n,
 				touch: !0
@@ -79,7 +79,7 @@ function w(e, t, n) {
 				c.delete(e), c.size || g();
 			};
 		},
-		version: () => a,
+		version: () => r,
 		commit() {
 			g(), h();
 		},
@@ -102,7 +102,7 @@ function w(e, t, n) {
 			];
 			return (!l || l.key.some((e, t) => e !== i[t])) && (l = {
 				key: i,
-				node: o(e, t)
+				node: s(e, t)
 			}), l.node;
 		},
 		anchor: null,
@@ -120,10 +120,10 @@ function w(e, t, n) {
 		},
 		touchMove: y,
 		touchEnd(e) {
-			let t = e.nativeEvent, n = new Set((t.touches ?? []).map((e, t) => S(e, t))), r = t.changedTouches?.length ? t.changedTouches : [t];
+			let t = e.nativeEvent, n = new Set((t.touches ?? []).map((e, t) => C(e, t))), r = t.changedTouches?.length ? t.changedTouches : [t];
 			for (let [e, t] of [...d]) {
 				if (n.has(e)) continue;
-				let i = r.find((t, n) => S(t, n) === e), a = i ? v(i) : t;
+				let i = r.find((t, n) => C(t, n) === e), a = i ? v(i) : t;
 				d.delete(e), d.size === 0 && (b.anchor = a), _.pointerUp(a.x, a.y, {
 					id: e,
 					touch: !0
@@ -146,11 +146,11 @@ function w(e, t, n) {
 	};
 	return b;
 }
-function T({ scene: e, anchor: n, children: r }) {
-	let [i, a] = m(null), { width: o, height: c } = e, l = n.x + 14, u = n.y;
-	return i && (l + i.width > o - 4 && (l = n.x - 14 - i.width), l = Math.max(4, Math.min(l, o - i.width - 4)), u = Math.max(4, Math.min(n.y - i.height / 2, c - i.height - 4))), /* @__PURE__ */ v(_, {
+function E({ scene: e, anchor: t, children: r }) {
+	let [i, a] = h(null), { width: o, height: s } = e, l = t.x + 14, u = t.y;
+	return i && (l + i.width > o - 4 && (l = t.x - 14 - i.width), l = Math.max(4, Math.min(l, o - i.width - 4)), u = Math.max(4, Math.min(t.y - i.height / 2, s - i.height - 4))), /* @__PURE__ */ y(v, {
 		pointerEvents: "none",
-		...t("chart", "tooltip", { custom: !0 }),
+		...n("chart", "tooltip", { custom: !0 }),
 		onLayout: (e) => {
 			let { width: t, height: n } = e.nativeEvent.layout;
 			a((e) => e && e.width === t && e.height === n ? e : {
@@ -158,7 +158,7 @@ function T({ scene: e, anchor: n, children: r }) {
 				height: n
 			});
 		},
-		style: [s(e), {
+		style: [c(e), {
 			left: 0,
 			top: 0,
 			maxWidth: Math.max(0, o - 8),
@@ -169,122 +169,134 @@ function T({ scene: e, anchor: n, children: r }) {
 		children: r
 	});
 }
-function E({ options: r, height: i = 320, width: o = "100%", style: s, testID: b, handleRef: S, renderTooltip: C, overlay: E, ...D }) {
-	let { tokens: O, fonts: k } = e(), A = k.sans, j = f(() => c(O), [O]), M = !!C && r.tooltip !== !1, N = f(() => {
-		if (!M) return r;
-		let e = typeof r.tooltip == "object" ? r.tooltip : {};
+function D({ options: i, height: a = 320, width: s = "100%", style: c, testID: x, handleRef: C, renderTooltip: w, overlay: D, ...O }) {
+	let { tokens: k, fonts: A } = t(), { language: j } = e(), M = A.sans, N = p(() => l(k), [k]), P = !!w && i.tooltip !== !1, F = p(() => {
+		let e = i.locale ? i : {
+			...i,
+			locale: j
+		};
+		if (!P) return e;
+		let t = typeof i.tooltip == "object" ? i.tooltip : {};
 		return {
-			...r,
+			...e,
 			tooltip: {
-				...e,
-				render: () => x
+				...t,
+				render: () => S
 			}
 		};
-	}, [r, M]), [P] = m(() => w(N, j, typeof o == "number" && typeof i == "number" ? [o, i] : null)), { controller: F } = P;
-	h(P.subscribe, P.version, P.version);
-	let I = p({
-		options: N,
-		theme: j
-	});
-	d(() => {
-		let e = I.current;
-		(e.theme !== j || e.options !== N) && (e.theme !== j && F.setTheme(j), e.options !== N && P.setOptions(N), I.current = {
-			options: N,
-			theme: j
-		}, P.commit());
 	}, [
-		F,
+		i,
 		P,
-		N,
 		j
-	]), d(() => {
-		if (typeof o != "number" || typeof i != "number") return;
-		let e = F.getScene();
-		e && e.width === o && e.height === i || (F.setSize(o, i), P.commit());
+	]), [I] = h(() => T(F, N, typeof s == "number" && typeof a == "number" ? [s, a] : null)), { controller: L } = I;
+	g(I.subscribe, I.version, I.version);
+	let R = m({
+		options: F,
+		theme: N
+	});
+	f(() => {
+		let e = R.current;
+		(e.theme !== N || e.options !== F) && (e.theme !== N && L.setTheme(N), e.options !== F && I.setOptions(F), R.current = {
+			options: F,
+			theme: N
+		}, I.commit());
 	}, [
+		L,
+		I,
 		F,
-		P,
-		o,
-		i
+		N
+	]), f(() => {
+		if (typeof s != "number" || typeof a != "number") return;
+		let e = L.getScene();
+		e && e.width === s && e.height === a || (L.setSize(s, a), I.commit());
+	}, [
+		L,
+		I,
+		s,
+		a
 	]);
-	let L = p(D);
-	d(() => {
-		L.current = D;
-	}), l(() => {
-		let e = L, t = [
-			F.on("hover", (t) => e.current.onHover?.(t)),
-			F.on("click", (t) => e.current.onPointClick?.(t)),
-			F.on("plotClick", (t) => e.current.onPlotClick?.(t)),
-			F.on("zoom", (t) => e.current.onZoom?.(t)),
-			F.on("drag", (t) => e.current.onDrag?.(t)),
-			F.on("drop", (t) => e.current.onDrop?.(t))
+	let z = m(O);
+	f(() => {
+		z.current = O;
+	}), u(() => {
+		let e = z, t = [
+			L.on("hover", (t) => e.current.onHover?.(t)),
+			L.on("click", (t) => e.current.onPointClick?.(t)),
+			L.on("plotClick", (t) => e.current.onPlotClick?.(t)),
+			L.on("zoom", (t) => e.current.onZoom?.(t)),
+			L.on("drag", (t) => e.current.onDrag?.(t)),
+			L.on("drop", (t) => e.current.onDrop?.(t))
 		];
 		return () => t.forEach((e) => e());
-	}, [F]), u(S, () => ({
-		resetZoom: () => F.resetZoom(),
-		getView: () => F.getView(),
-		setView: (e) => F.setView(e),
-		getPlotRect: () => F.getPlotRect(),
-		getController: () => F
-	}), [F]);
-	let R = (e) => {
-		let { width: t, height: n } = e.nativeEvent.layout, r = F.getScene();
-		r && r.width === t && r.height === n || (F.setSize(t, n), P.commit());
-	}, z = F.getScene(), B = null, V = z?.hover?.tooltip ? z.hover.event : null;
-	if (z && V && M && C) {
-		let e = C(V), t = P.anchor ?? z.hover?.marks[0] ?? null;
-		e != null && e !== !1 && t && (B = /* @__PURE__ */ v(T, {
-			scene: z,
+	}, [L]), d(C, () => ({
+		resetZoom: () => L.resetZoom(),
+		getView: () => L.getView(),
+		setView: (e) => L.setView(e),
+		getPlotRect: () => L.getPlotRect(),
+		getController: () => L
+	}), [L]);
+	let B = (e) => {
+		let { width: t, height: n } = e.nativeEvent.layout, r = L.getScene();
+		r && r.width === t && r.height === n || (L.setSize(t, n), I.commit());
+	}, V = L.getScene(), H = null, U = V?.hover?.tooltip ? V.hover.event : null;
+	if (V && U && P && w) {
+		let e = w(U), t = I.anchor ?? V.hover?.marks[0] ?? null;
+		e != null && e !== !1 && t && (H = /* @__PURE__ */ y(E, {
+			scene: V,
 			anchor: t,
 			children: e
 		}));
 	}
-	return /* @__PURE__ */ y(_, {
-		testID: b,
-		onLayout: R,
+	return /* @__PURE__ */ b(v, {
+		testID: x,
+		onLayout: B,
 		style: [{
-			width: o,
-			height: i
-		}, s],
-		...t("chart", "root"),
+			width: s,
+			height: a
+		}, c],
+		...n("chart", "root"),
 		children: [
-			/* @__PURE__ */ v(_, {
-				style: g.absoluteFill,
+			/* @__PURE__ */ y(v, {
+				style: _.absoluteFill,
 				accessible: !0,
 				accessibilityRole: "image",
-				accessibilityLabel: r.ariaLabel ?? (z ? n(z.model) : void 0),
+				accessibilityLabel: F.ariaLabel ?? r({
+					locale: F.locale,
+					labels: F.labels,
+					series: V?.model.series
+				}),
 				onStartShouldSetResponder: () => !0,
-				onResponderTerminationRequest: () => !P.holdsGesture(),
-				onResponderGrant: P.touchStart,
-				onResponderStart: P.touchAdd,
-				onResponderMove: P.touchMove,
-				onResponderEnd: P.touchEnd,
-				onResponderRelease: P.touchEnd,
-				onResponderTerminate: P.touchCancel,
-				...t("chart", "surface"),
-				children: /* @__PURE__ */ y(_, {
+				onResponderTerminationRequest: () => !I.holdsGesture(),
+				onResponderGrant: I.touchStart,
+				onResponderStart: I.touchAdd,
+				onResponderMove: I.touchMove,
+				onResponderEnd: I.touchEnd,
+				onResponderRelease: I.touchEnd,
+				onResponderTerminate: I.touchCancel,
+				...n("chart", "surface"),
+				children: /* @__PURE__ */ b(v, {
 					pointerEvents: "none",
-					style: g.absoluteFill,
-					children: [z ? P.layers(z, A) : null, z ? a(z, A, M) : null]
+					style: _.absoluteFill,
+					children: [V ? I.layers(V, M) : null, V ? o(V, M, P) : null]
 				})
 			}),
-			E && z ? /* @__PURE__ */ v(_, {
+			D && V ? /* @__PURE__ */ y(v, {
 				pointerEvents: "box-none",
 				style: {
 					position: "absolute",
-					left: z.layout.plot.x,
-					top: z.layout.plot.y,
-					width: z.layout.plot.width,
-					height: z.layout.plot.height
+					left: V.layout.plot.x,
+					top: V.layout.plot.y,
+					width: V.layout.plot.width,
+					height: V.layout.plot.height
 				},
-				...t("chart", "overlay"),
-				children: E(z.layout.plot)
+				...n("chart", "overlay"),
+				children: D(V.layout.plot)
 			}) : null,
-			B
+			H
 		]
 	});
 }
 //#endregion
-export { E as ChartBase, b as engineOptions };
+export { D as ChartBase, x as engineOptions };
 
 //# sourceMappingURL=ChartBase.js.map

package/dist/native/components/Chart/ChartBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartBase.js","names":["engineOptions","props","CUSTOM_TOOLTIP","idOf","id","t","index","requestFrame","callback","createChartStore","version","frame","listeners","cache","origin","touches","dragsPoints","o","draggable","options","claimed","notify","listener","cancelFrame","controller","createChartController","measureChartText","size","local","sync","n","event","i","p","previous","store","next","scene","key","view","plot","family","value","drawStatic","active","changed","last","touch","base","CustomTooltip","setSize","useState","left","anchor","top","width","height","View","part","w","h","tooltipCard","ChartBase","handlers","useTheme","fonts","theme","useMemo","chartThemeInput","tokens","customTooltip","renderTooltip","resolved","applied","useRef","useLayoutEffect","current","handlersRef","useEffect","offs","e","v","off","useImperativeHandle","handleRef","onLayout","tooltip","content","style","StyleSheet","chartAriaLabel","drawHover","overlay"],"sources":["../../../../../native/src/components/Chart/ChartBase.tsx"],"sourcesContent":["// The chart host of React Native: owns a platform-free chart controller\n// (@minerva/charts/canvas: options, model, zoom, gestures, scene in pixels)\n// and draws its scene with views (./scene). Touches go through the\n// responder system; the drawing is `pointerEvents=\"none\"`, so every touch\n// lands on the surface and positions come from page coordinates.\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  StyleSheet,\n  View,\n  type DimensionValue,\n  type GestureResponderEvent,\n  type LayoutChangeEvent,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  chartAriaLabel,\n  createChartController,\n  type ChartController,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartRect,\n  type ChartScene,\n  type ChartThemeInput,\n  type ChartTooltipOptions,\n  type ChartView,\n} from \"@minerva/charts/canvas\";\nimport { useTheme } from \"../../theme/MinervaProvider\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\nimport { drawHover, drawStatic, tooltipCard } from \"./scene\";\nimport { chartThemeInput } from \"./theme\";\nimport type { ChartCommonProps, ChartHandle } from \"./types\";\n\ninterface Handlers {\n  onHover?: (event: ChartHoverEvent | null) => void;\n  onPointClick?: (event: ChartHoverEvent) => void;\n  onPlotClick?: (event: ChartPlotClickEvent) => void;\n  onZoom?: (view: ChartView) => void;\n  onDrag?: (event: ChartDragEvent) => void;\n  onDrop?: (event: ChartDragEvent) => void;\n}\n\n/** Engine options of the common props */\nexport const engineOptions = (\n  props: Pick<\n    ChartCommonProps,\n    | \"xAxis\"\n    | \"yAxis\"\n    | \"legend\"\n    | \"tooltip\"\n    | \"crosshair\"\n    | \"annotations\"\n    | \"interaction\"\n    | \"padding\"\n    | \"palette\"\n    | \"ariaLabel\"\n    | \"locale\"\n    | \"labels\"\n  > &\n    Pick<ChartOptions, \"series\">,\n): ChartOptions => ({\n  series: props.series,\n  xAxis: props.xAxis,\n  yAxis: props.yAxis,\n  legend: props.legend,\n  tooltip: props.tooltip,\n  crosshair: props.crosshair,\n  annotations: props.annotations,\n  interaction: props.interaction,\n  padding: props.padding,\n  palette: props.palette,\n  ariaLabel: props.ariaLabel,\n  locale: props.locale,\n  labels: props.labels,\n});\n\ntype TooltipResult = Exclude<\n  ReturnType<NonNullable<ChartTooltipOptions[\"render\"]>>,\n  string | null\n>;\n/** Non-string result of `tooltip.render`: the engine lays a tooltip out without drawing text */\nconst CUSTOM_TOOLTIP = {} as unknown as TooltipResult;\n\ninterface TouchPoint {\n  identifier?: number | string;\n  pageX: number;\n  pageY: number;\n  locationX?: number;\n  locationY?: number;\n}\n\nconst idOf = (t: TouchPoint, index: number) => {\n  const id = Number(t.identifier);\n  return Number.isFinite(id) ? id : index;\n};\n\ntype Frame = { cancel: () => void };\n\nconst requestFrame = (callback: () => void): Frame => {\n  if (typeof requestAnimationFrame === \"function\") {\n    const id = requestAnimationFrame(callback);\n    return { cancel: () => cancelAnimationFrame(id) };\n  }\n  const id = setTimeout(callback, 16);\n  return { cancel: () => clearTimeout(id) };\n};\n\n/**\n * External store of a chart: the controller, a version bumped when its\n * scene must be drawn again (coalesced per frame), the touches being\n * tracked and the cache of the static layers.\n */\ninterface ChartStore {\n  controller: ChartController;\n  /** Options of the controller (`setOptions` of the controller) */\n  setOptions: (options: ChartOptions) => void;\n  subscribe: (listener: () => void) => () => void;\n  version: () => number;\n  /** Draws again now */\n  commit: () => void;\n  /** Static layers of a scene (cached while model / view / size are the same) */\n  layers: (scene: ChartScene, family: string | undefined) => ReactNode;\n  /** Last single-finger position (anchor of a custom tooltip) */\n  anchor: { x: number; y: number } | null;\n  /**\n   * First finger (responder grant); returns whether the chart owns the\n   * gesture, which keeps native scroll views from taking it (Android)\n   */\n  touchStart: (event: GestureResponderEvent) => boolean;\n  /** Another finger touches the chart */\n  touchAdd: (event: GestureResponderEvent) => void;\n  /** Moves (drawn on the next frame) */\n  touchMove: (event: GestureResponderEvent) => void;\n  touchEnd: (event: GestureResponderEvent) => void;\n  touchCancel: () => void;\n  /** Whether the chart keeps the touches (pinch, point drag, pan when zoomed) */\n  holdsGesture: () => boolean;\n}\n\nfunction createChartStore(\n  options: ChartOptions,\n  theme: ChartThemeInput,\n  size: [number, number] | null,\n): ChartStore {\n  let version = 0;\n  let frame: Frame | null = null;\n  const listeners = new Set<() => void>();\n  let cache: { key: unknown[]; node: ReactNode } | null = null;\n  let origin = { x: 0, y: 0 };\n  const touches = new Map<number, { x: number; y: number }>();\n  const dragsPoints = (o: ChartOptions) =>\n    typeof o.interaction === \"object\" && !!o.interaction.dragPoints;\n  let draggable = dragsPoints(options);\n  /** The current touch sequence started on the plot of a draggable chart */\n  let claimed = false;\n\n  const notify = () => {\n    version++;\n    listeners.forEach((listener) => listener());\n  };\n  const cancelFrame = () => {\n    frame?.cancel();\n    frame = null;\n  };\n  const schedule = () => {\n    if (frame || !listeners.size) return;\n    frame = requestFrame(() => {\n      frame = null;\n      notify();\n    });\n  };\n\n  const controller = createChartController({\n    options,\n    theme,\n    measureText: measureChartText,\n    onInvalidate: schedule,\n  });\n  if (size) controller.setSize(size[0], size[1]);\n\n  const local = (t: TouchPoint) => ({\n    x: t.pageX - origin.x,\n    y: t.pageY - origin.y,\n  });\n\n  /** Feeds the controller the fingers that appeared or moved */\n  const sync = (event: GestureResponderEvent) => {\n    const n = event.nativeEvent;\n    const list: readonly TouchPoint[] = n.touches?.length\n      ? n.touches\n      : [n as unknown as TouchPoint];\n    list.forEach((t, i) => {\n      const id = idOf(t, i);\n      const p = local(t);\n      const previous = touches.get(id);\n      if (!previous) {\n        touches.set(id, p);\n        controller.pointerDown(p.x, p.y, { id, touch: true });\n      } else if (previous.x !== p.x || previous.y !== p.y) {\n        touches.set(id, p);\n        controller.pointerMove(p.x, p.y, { id, touch: true });\n      }\n    });\n    if (touches.size === 1) store.anchor = [...touches.values()][0];\n  };\n\n  const store: ChartStore = {\n    controller,\n    setOptions(next) {\n      draggable = dragsPoints(next);\n      controller.setOptions(next);\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) cancelFrame();\n      };\n    },\n    version: () => version,\n    commit() {\n      cancelFrame();\n      notify();\n    },\n    layers(scene, family) {\n      const { plot } = scene.layout;\n      const { view } = scene;\n      const key = [\n        scene.model,\n        scene.annotations,\n        scene.theme,\n        scene.width,\n        scene.height,\n        view.x[0],\n        view.x[1],\n        view.y[0],\n        view.y[1],\n        plot.x,\n        plot.y,\n        plot.width,\n        plot.height,\n        family,\n      ];\n      if (!cache || cache.key.some((value, i) => value !== key[i]))\n        cache = { key, node: drawStatic(scene, family) };\n      return cache.node;\n    },\n    anchor: null,\n    touchStart(event) {\n      const n = event.nativeEvent as unknown as TouchPoint;\n      // the drawing ignores touches: `location` is relative to the surface\n      if (!touches.size && n.locationX !== undefined)\n        origin = { x: n.pageX - n.locationX, y: n.pageY - (n.locationY ?? 0) };\n      sync(event);\n      store.commit();\n      // draggable points: the drag only starts after the touch slop, too\n      // late to keep a scroll view from stealing the touch: claim it now\n      const plot = controller.getPlotRect();\n      const p = touches.values().next().value;\n      claimed =\n        draggable &&\n        !!plot &&\n        !!p &&\n        p.x >= plot.x &&\n        p.x <= plot.x + plot.width &&\n        p.y >= plot.y &&\n        p.y <= plot.y + plot.height;\n      return store.holdsGesture();\n    },\n    touchAdd(event) {\n      sync(event);\n      store.commit();\n    },\n    touchMove: sync,\n    touchEnd(event) {\n      const n = event.nativeEvent;\n      const active = new Set(\n        (n.touches ?? []).map((t, i) => idOf(t as TouchPoint, i)),\n      );\n      const changed: readonly TouchPoint[] = n.changedTouches?.length\n        ? n.changedTouches\n        : [n as unknown as TouchPoint];\n      for (const [id, last] of [...touches]) {\n        if (active.has(id)) continue;\n        const touch = changed.find((t, i) => idOf(t, i) === id);\n        const p = touch ? local(touch) : last;\n        touches.delete(id);\n        if (touches.size === 0) store.anchor = p;\n        controller.pointerUp(p.x, p.y, { id, touch: true });\n      }\n      store.commit();\n    },\n    touchCancel() {\n      for (const id of touches.keys()) controller.pointerCancel({ id });\n      touches.clear();\n      store.commit();\n    },\n    holdsGesture() {\n      if (touches.size > 1 || (claimed && touches.size > 0)) return true;\n      const scene = controller.getScene();\n      if (!scene) return false;\n      if (scene.dragging) return true;\n      const { base } = scene.model;\n      const view = controller.getView();\n      return (\n        view.x[0] !== base.x[0] ||\n        view.x[1] !== base.x[1] ||\n        view.y[0] !== base.y[0] ||\n        view.y[1] !== base.y[1]\n      );\n    },\n  };\n  return store;\n}\n\n/** A `renderTooltip` node, placed next to the finger once measured */\nfunction CustomTooltip({\n  scene,\n  anchor,\n  children,\n}: {\n  scene: ChartScene;\n  anchor: { x: number; y: number };\n  children: ReactNode;\n}) {\n  const [size, setSize] = useState<{ width: number; height: number } | null>(\n    null,\n  );\n  const { width, height } = scene;\n  let left = anchor.x + 14;\n  let top = anchor.y;\n  if (size) {\n    if (left + size.width > width - 4) left = anchor.x - 14 - size.width;\n    left = Math.max(4, Math.min(left, width - size.width - 4));\n    top = Math.max(\n      4,\n      Math.min(anchor.y - size.height / 2, height - size.height - 4),\n    );\n  }\n  return (\n    <View\n      pointerEvents=\"none\"\n      {...part(\"chart\", \"tooltip\", { custom: true })}\n      onLayout={(e: LayoutChangeEvent) => {\n        const { width: w, height: h } = e.nativeEvent.layout;\n        setSize((previous) =>\n          previous && previous.width === w && previous.height === h\n            ? previous\n            : { width: w, height: h },\n        );\n      }}\n      style={[\n        tooltipCard(scene),\n        {\n          // laid out at the origin (full width available), moved by a transform\n          left: 0,\n          top: 0,\n          maxWidth: Math.max(0, width - 8),\n          padding: 8,\n          opacity: size ? 1 : 0,\n          transform: [{ translateX: left }, { translateY: top }],\n        },\n      ]}\n    >\n      {children}\n    </View>\n  );\n}\n\ninterface ChartBaseProps extends Handlers {\n  options: ChartOptions;\n  height?: DimensionValue;\n  width?: DimensionValue;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  handleRef?: Ref<ChartHandle>;\n  /** React content of the tooltip (replaces the engine's content) */\n  renderTooltip?: (event: ChartHoverEvent) => ReactNode;\n  /** React content placed over the plot area, given the plot rectangle */\n  overlay?: (plot: ChartRect) => ReactNode;\n}\n\n/** Sizes the chart, forwards options / theme / touches to the controller and draws its scene */\nexport function ChartBase({\n  options,\n  height = 320,\n  width = \"100%\",\n  style,\n  testID,\n  handleRef,\n  renderTooltip,\n  overlay,\n  ...handlers\n}: ChartBaseProps) {\n  const { tokens, fonts } = useTheme();\n  const family = fonts.sans;\n  const theme = useMemo(() => chartThemeInput(tokens), [tokens]);\n  const customTooltip = !!renderTooltip && options.tooltip !== false;\n  const resolved = useMemo((): ChartOptions => {\n    if (!customTooltip) return options;\n    const base = typeof options.tooltip === \"object\" ? options.tooltip : {};\n    return { ...options, tooltip: { ...base, render: () => CUSTOM_TOOLTIP } };\n  }, [options, customTooltip]);\n\n  const [store] = useState(() =>\n    createChartStore(\n      resolved,\n      theme,\n      typeof width === \"number\" && typeof height === \"number\"\n        ? [width, height]\n        : null,\n    ),\n  );\n  const { controller } = store;\n  useSyncExternalStore(store.subscribe, store.version, store.version);\n\n  const applied = useRef({ options: resolved, theme });\n  useLayoutEffect(() => {\n    const current = applied.current;\n    if (current.theme === theme && current.options === resolved) return;\n    if (current.theme !== theme) controller.setTheme(theme);\n    if (current.options !== resolved) store.setOptions(resolved);\n    applied.current = { options: resolved, theme };\n    store.commit();\n  }, [controller, store, resolved, theme]);\n\n  useLayoutEffect(() => {\n    if (typeof width !== \"number\" || typeof height !== \"number\") return;\n    const scene = controller.getScene();\n    if (scene && scene.width === width && scene.height === height) return;\n    controller.setSize(width, height);\n    store.commit();\n  }, [controller, store, width, height]);\n\n  const handlersRef = useRef<Handlers>(handlers);\n  useLayoutEffect(() => {\n    handlersRef.current = handlers;\n  });\n  useEffect(() => {\n    const h = handlersRef;\n    const offs = [\n      controller.on(\"hover\", (e) => h.current.onHover?.(e)),\n      controller.on(\"click\", (e) => h.current.onPointClick?.(e)),\n      controller.on(\"plotClick\", (e) => h.current.onPlotClick?.(e)),\n      controller.on(\"zoom\", (v) => h.current.onZoom?.(v)),\n      controller.on(\"drag\", (e) => h.current.onDrag?.(e)),\n      controller.on(\"drop\", (e) => h.current.onDrop?.(e)),\n    ];\n    return () => offs.forEach((off) => off());\n  }, [controller]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({\n      resetZoom: () => controller.resetZoom(),\n      getView: () => controller.getView(),\n      setView: (view) => controller.setView(view),\n      getPlotRect: () => controller.getPlotRect(),\n      getController: () => controller,\n    }),\n    [controller],\n  );\n\n  const onLayout = (e: LayoutChangeEvent) => {\n    const { width: w, height: h } = e.nativeEvent.layout;\n    const scene = controller.getScene();\n    if (scene && scene.width === w && scene.height === h) return;\n    controller.setSize(w, h);\n    store.commit();\n  };\n\n  const scene = controller.getScene();\n  let tooltip: ReactNode = null;\n  const event = scene?.hover?.tooltip ? scene.hover.event : null;\n  if (scene && event && customTooltip && renderTooltip) {\n    const content = renderTooltip(event);\n    const anchor = store.anchor ?? scene.hover?.marks[0] ?? null;\n    if (\n      content !== null &&\n      content !== undefined &&\n      content !== false &&\n      anchor\n    )\n      tooltip = (\n        <CustomTooltip scene={scene} anchor={anchor}>\n          {content}\n        </CustomTooltip>\n      );\n  }\n\n  return (\n    <View\n      testID={testID}\n      onLayout={onLayout}\n      style={[{ width, height }, style]}\n      {...part(\"chart\", \"root\")}\n    >\n      <View\n        style={StyleSheet.absoluteFill}\n        accessible\n        accessibilityRole=\"image\"\n        accessibilityLabel={\n          options.ariaLabel ?? (scene ? chartAriaLabel(scene.model) : undefined)\n        }\n        onStartShouldSetResponder={() => true}\n        onResponderTerminationRequest={() => !store.holdsGesture()}\n        onResponderGrant={store.touchStart}\n        onResponderStart={store.touchAdd}\n        onResponderMove={store.touchMove}\n        onResponderEnd={store.touchEnd}\n        onResponderRelease={store.touchEnd}\n        onResponderTerminate={store.touchCancel}\n        {...part(\"chart\", \"surface\")}\n      >\n        <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n          {scene ? store.layers(scene, family) : null}\n          {scene ? drawHover(scene, family, customTooltip) : null}\n        </View>\n      </View>\n      {overlay && scene ? (\n        <View\n          pointerEvents=\"box-none\"\n          style={{\n            position: \"absolute\",\n            left: scene.layout.plot.x,\n            top: scene.layout.plot.y,\n            width: scene.layout.plot.width,\n            height: scene.layout.plot.height,\n          }}\n          {...part(\"chart\", \"overlay\")}\n        >\n          {overlay(scene.layout.plot)}\n        </View>\n      ) : null}\n      {tooltip}\n    </View>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ChartBase.js","names":["engineOptions","props","CUSTOM_TOOLTIP","idOf","id","t","index","requestFrame","callback","createChartStore","version","frame","listeners","cache","origin","touches","dragsPoints","o","draggable","options","claimed","notify","listener","cancelFrame","controller","createChartController","measureChartText","size","local","sync","n","event","i","p","previous","store","next","scene","key","view","plot","family","value","drawStatic","active","changed","last","touch","base","CustomTooltip","setSize","useState","left","anchor","top","width","height","View","part","w","h","tooltipCard","ChartBase","handlers","useTheme","useI18n","fonts","theme","useMemo","chartThemeInput","tokens","customTooltip","renderTooltip","resolved","localized","language","applied","useRef","useLayoutEffect","current","handlersRef","useEffect","offs","e","v","off","useImperativeHandle","handleRef","onLayout","tooltip","content","style","StyleSheet","describeChart","drawHover","overlay"],"sources":["../../../../../native/src/components/Chart/ChartBase.tsx"],"sourcesContent":["// The chart host of React Native: owns a platform-free chart controller\n// (@minerva/charts/canvas: options, model, zoom, gestures, scene in pixels)\n// and draws its scene with views (./scene). Touches go through the\n// responder system; the drawing is `pointerEvents=\"none\"`, so every touch\n// lands on the surface and positions come from page coordinates.\n\nimport {\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n  useSyncExternalStore,\n  type ReactNode,\n  type Ref,\n} from \"react\";\nimport {\n  StyleSheet,\n  View,\n  type DimensionValue,\n  type GestureResponderEvent,\n  type LayoutChangeEvent,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport {\n  createChartController,\n  describeChart,\n  type ChartController,\n  type ChartDragEvent,\n  type ChartHoverEvent,\n  type ChartOptions,\n  type ChartPlotClickEvent,\n  type ChartRect,\n  type ChartScene,\n  type ChartThemeInput,\n  type ChartTooltipOptions,\n  type ChartView,\n} from \"@minerva/charts/canvas\";\nimport { useI18n, useTheme } from \"../../theme/MinervaProvider\";\nimport { part } from \"../../internal/parts\";\nimport { measureChartText } from \"./measure\";\nimport { drawHover, drawStatic, tooltipCard } from \"./scene\";\nimport { chartThemeInput } from \"./theme\";\nimport type { ChartCommonProps, ChartHandle } from \"./types\";\n\ninterface Handlers {\n  onHover?: (event: ChartHoverEvent | null) => void;\n  onPointClick?: (event: ChartHoverEvent) => void;\n  onPlotClick?: (event: ChartPlotClickEvent) => void;\n  onZoom?: (view: ChartView) => void;\n  onDrag?: (event: ChartDragEvent) => void;\n  onDrop?: (event: ChartDragEvent) => void;\n}\n\n/** Engine options of the common props */\nexport const engineOptions = (\n  props: Pick<\n    ChartCommonProps,\n    | \"xAxis\"\n    | \"yAxis\"\n    | \"legend\"\n    | \"tooltip\"\n    | \"crosshair\"\n    | \"annotations\"\n    | \"interaction\"\n    | \"padding\"\n    | \"palette\"\n    | \"ariaLabel\"\n    | \"locale\"\n    | \"labels\"\n  > &\n    Pick<ChartOptions, \"series\">,\n): ChartOptions => ({\n  series: props.series,\n  xAxis: props.xAxis,\n  yAxis: props.yAxis,\n  legend: props.legend,\n  tooltip: props.tooltip,\n  crosshair: props.crosshair,\n  annotations: props.annotations,\n  interaction: props.interaction,\n  padding: props.padding,\n  palette: props.palette,\n  ariaLabel: props.ariaLabel,\n  locale: props.locale,\n  labels: props.labels,\n});\n\ntype TooltipResult = Exclude<\n  ReturnType<NonNullable<ChartTooltipOptions[\"render\"]>>,\n  string | null\n>;\n/** Non-string result of `tooltip.render`: the engine lays a tooltip out without drawing text */\nconst CUSTOM_TOOLTIP = {} as unknown as TooltipResult;\n\ninterface TouchPoint {\n  identifier?: number | string;\n  pageX: number;\n  pageY: number;\n  locationX?: number;\n  locationY?: number;\n}\n\nconst idOf = (t: TouchPoint, index: number) => {\n  const id = Number(t.identifier);\n  return Number.isFinite(id) ? id : index;\n};\n\ntype Frame = { cancel: () => void };\n\nconst requestFrame = (callback: () => void): Frame => {\n  if (typeof requestAnimationFrame === \"function\") {\n    const id = requestAnimationFrame(callback);\n    return { cancel: () => cancelAnimationFrame(id) };\n  }\n  const id = setTimeout(callback, 16);\n  return { cancel: () => clearTimeout(id) };\n};\n\n/**\n * External store of a chart: the controller, a version bumped when its\n * scene must be drawn again (coalesced per frame), the touches being\n * tracked and the cache of the static layers.\n */\ninterface ChartStore {\n  controller: ChartController;\n  /** Options of the controller (`setOptions` of the controller) */\n  setOptions: (options: ChartOptions) => void;\n  subscribe: (listener: () => void) => () => void;\n  version: () => number;\n  /** Draws again now */\n  commit: () => void;\n  /** Static layers of a scene (cached while model / view / size are the same) */\n  layers: (scene: ChartScene, family: string | undefined) => ReactNode;\n  /** Last single-finger position (anchor of a custom tooltip) */\n  anchor: { x: number; y: number } | null;\n  /**\n   * First finger (responder grant); returns whether the chart owns the\n   * gesture, which keeps native scroll views from taking it (Android)\n   */\n  touchStart: (event: GestureResponderEvent) => boolean;\n  /** Another finger touches the chart */\n  touchAdd: (event: GestureResponderEvent) => void;\n  /** Moves (drawn on the next frame) */\n  touchMove: (event: GestureResponderEvent) => void;\n  touchEnd: (event: GestureResponderEvent) => void;\n  touchCancel: () => void;\n  /** Whether the chart keeps the touches (pinch, point drag, pan when zoomed) */\n  holdsGesture: () => boolean;\n}\n\nfunction createChartStore(\n  options: ChartOptions,\n  theme: ChartThemeInput,\n  size: [number, number] | null,\n): ChartStore {\n  let version = 0;\n  let frame: Frame | null = null;\n  const listeners = new Set<() => void>();\n  let cache: { key: unknown[]; node: ReactNode } | null = null;\n  let origin = { x: 0, y: 0 };\n  const touches = new Map<number, { x: number; y: number }>();\n  const dragsPoints = (o: ChartOptions) =>\n    typeof o.interaction === \"object\" && !!o.interaction.dragPoints;\n  let draggable = dragsPoints(options);\n  /** The current touch sequence started on the plot of a draggable chart */\n  let claimed = false;\n\n  const notify = () => {\n    version++;\n    listeners.forEach((listener) => listener());\n  };\n  const cancelFrame = () => {\n    frame?.cancel();\n    frame = null;\n  };\n  const schedule = () => {\n    if (frame || !listeners.size) return;\n    frame = requestFrame(() => {\n      frame = null;\n      notify();\n    });\n  };\n\n  const controller = createChartController({\n    options,\n    theme,\n    measureText: measureChartText,\n    onInvalidate: schedule,\n  });\n  if (size) controller.setSize(size[0], size[1]);\n\n  const local = (t: TouchPoint) => ({\n    x: t.pageX - origin.x,\n    y: t.pageY - origin.y,\n  });\n\n  /** Feeds the controller the fingers that appeared or moved */\n  const sync = (event: GestureResponderEvent) => {\n    const n = event.nativeEvent;\n    const list: readonly TouchPoint[] = n.touches?.length\n      ? n.touches\n      : [n as unknown as TouchPoint];\n    list.forEach((t, i) => {\n      const id = idOf(t, i);\n      const p = local(t);\n      const previous = touches.get(id);\n      if (!previous) {\n        touches.set(id, p);\n        controller.pointerDown(p.x, p.y, { id, touch: true });\n      } else if (previous.x !== p.x || previous.y !== p.y) {\n        touches.set(id, p);\n        controller.pointerMove(p.x, p.y, { id, touch: true });\n      }\n    });\n    if (touches.size === 1) store.anchor = [...touches.values()][0];\n  };\n\n  const store: ChartStore = {\n    controller,\n    setOptions(next) {\n      draggable = dragsPoints(next);\n      controller.setOptions(next);\n    },\n    subscribe(listener) {\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) cancelFrame();\n      };\n    },\n    version: () => version,\n    commit() {\n      cancelFrame();\n      notify();\n    },\n    layers(scene, family) {\n      const { plot } = scene.layout;\n      const { view } = scene;\n      const key = [\n        scene.model,\n        scene.annotations,\n        scene.theme,\n        scene.width,\n        scene.height,\n        view.x[0],\n        view.x[1],\n        view.y[0],\n        view.y[1],\n        plot.x,\n        plot.y,\n        plot.width,\n        plot.height,\n        family,\n      ];\n      if (!cache || cache.key.some((value, i) => value !== key[i]))\n        cache = { key, node: drawStatic(scene, family) };\n      return cache.node;\n    },\n    anchor: null,\n    touchStart(event) {\n      const n = event.nativeEvent as unknown as TouchPoint;\n      // the drawing ignores touches: `location` is relative to the surface\n      if (!touches.size && n.locationX !== undefined)\n        origin = { x: n.pageX - n.locationX, y: n.pageY - (n.locationY ?? 0) };\n      sync(event);\n      store.commit();\n      // draggable points: the drag only starts after the touch slop, too\n      // late to keep a scroll view from stealing the touch: claim it now\n      const plot = controller.getPlotRect();\n      const p = touches.values().next().value;\n      claimed =\n        draggable &&\n        !!plot &&\n        !!p &&\n        p.x >= plot.x &&\n        p.x <= plot.x + plot.width &&\n        p.y >= plot.y &&\n        p.y <= plot.y + plot.height;\n      return store.holdsGesture();\n    },\n    touchAdd(event) {\n      sync(event);\n      store.commit();\n    },\n    touchMove: sync,\n    touchEnd(event) {\n      const n = event.nativeEvent;\n      const active = new Set(\n        (n.touches ?? []).map((t, i) => idOf(t as TouchPoint, i)),\n      );\n      const changed: readonly TouchPoint[] = n.changedTouches?.length\n        ? n.changedTouches\n        : [n as unknown as TouchPoint];\n      for (const [id, last] of [...touches]) {\n        if (active.has(id)) continue;\n        const touch = changed.find((t, i) => idOf(t, i) === id);\n        const p = touch ? local(touch) : last;\n        touches.delete(id);\n        if (touches.size === 0) store.anchor = p;\n        controller.pointerUp(p.x, p.y, { id, touch: true });\n      }\n      store.commit();\n    },\n    touchCancel() {\n      for (const id of touches.keys()) controller.pointerCancel({ id });\n      touches.clear();\n      store.commit();\n    },\n    holdsGesture() {\n      if (touches.size > 1 || (claimed && touches.size > 0)) return true;\n      const scene = controller.getScene();\n      if (!scene) return false;\n      if (scene.dragging) return true;\n      const { base } = scene.model;\n      const view = controller.getView();\n      return (\n        view.x[0] !== base.x[0] ||\n        view.x[1] !== base.x[1] ||\n        view.y[0] !== base.y[0] ||\n        view.y[1] !== base.y[1]\n      );\n    },\n  };\n  return store;\n}\n\n/** A `renderTooltip` node, placed next to the finger once measured */\nfunction CustomTooltip({\n  scene,\n  anchor,\n  children,\n}: {\n  scene: ChartScene;\n  anchor: { x: number; y: number };\n  children: ReactNode;\n}) {\n  const [size, setSize] = useState<{ width: number; height: number } | null>(\n    null,\n  );\n  const { width, height } = scene;\n  let left = anchor.x + 14;\n  let top = anchor.y;\n  if (size) {\n    if (left + size.width > width - 4) left = anchor.x - 14 - size.width;\n    left = Math.max(4, Math.min(left, width - size.width - 4));\n    top = Math.max(\n      4,\n      Math.min(anchor.y - size.height / 2, height - size.height - 4),\n    );\n  }\n  return (\n    <View\n      pointerEvents=\"none\"\n      {...part(\"chart\", \"tooltip\", { custom: true })}\n      onLayout={(e: LayoutChangeEvent) => {\n        const { width: w, height: h } = e.nativeEvent.layout;\n        setSize((previous) =>\n          previous && previous.width === w && previous.height === h\n            ? previous\n            : { width: w, height: h },\n        );\n      }}\n      style={[\n        tooltipCard(scene),\n        {\n          // laid out at the origin (full width available), moved by a transform\n          left: 0,\n          top: 0,\n          maxWidth: Math.max(0, width - 8),\n          padding: 8,\n          opacity: size ? 1 : 0,\n          transform: [{ translateX: left }, { translateY: top }],\n        },\n      ]}\n    >\n      {children}\n    </View>\n  );\n}\n\ninterface ChartBaseProps extends Handlers {\n  options: ChartOptions;\n  height?: DimensionValue;\n  width?: DimensionValue;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  handleRef?: Ref<ChartHandle>;\n  /** React content of the tooltip (replaces the engine's content) */\n  renderTooltip?: (event: ChartHoverEvent) => ReactNode;\n  /** React content placed over the plot area, given the plot rectangle */\n  overlay?: (plot: ChartRect) => ReactNode;\n}\n\n/** Sizes the chart, forwards options / theme / touches to the controller and draws its scene */\nexport function ChartBase({\n  options,\n  height = 320,\n  width = \"100%\",\n  style,\n  testID,\n  handleRef,\n  renderTooltip,\n  overlay,\n  ...handlers\n}: ChartBaseProps) {\n  const { tokens, fonts } = useTheme();\n  const { language } = useI18n();\n  const family = fonts.sans;\n  const theme = useMemo(() => chartThemeInput(tokens), [tokens]);\n  const customTooltip = !!renderTooltip && options.tooltip !== false;\n  const resolved = useMemo((): ChartOptions => {\n    // The chart's own locale wins over the language of the provider.\n    const localized = options.locale\n      ? options\n      : { ...options, locale: language };\n    if (!customTooltip) return localized;\n    const base = typeof options.tooltip === \"object\" ? options.tooltip : {};\n    return {\n      ...localized,\n      tooltip: { ...base, render: () => CUSTOM_TOOLTIP },\n    };\n  }, [options, customTooltip, language]);\n\n  const [store] = useState(() =>\n    createChartStore(\n      resolved,\n      theme,\n      typeof width === \"number\" && typeof height === \"number\"\n        ? [width, height]\n        : null,\n    ),\n  );\n  const { controller } = store;\n  useSyncExternalStore(store.subscribe, store.version, store.version);\n\n  const applied = useRef({ options: resolved, theme });\n  useLayoutEffect(() => {\n    const current = applied.current;\n    if (current.theme === theme && current.options === resolved) return;\n    if (current.theme !== theme) controller.setTheme(theme);\n    if (current.options !== resolved) store.setOptions(resolved);\n    applied.current = { options: resolved, theme };\n    store.commit();\n  }, [controller, store, resolved, theme]);\n\n  useLayoutEffect(() => {\n    if (typeof width !== \"number\" || typeof height !== \"number\") return;\n    const scene = controller.getScene();\n    if (scene && scene.width === width && scene.height === height) return;\n    controller.setSize(width, height);\n    store.commit();\n  }, [controller, store, width, height]);\n\n  const handlersRef = useRef<Handlers>(handlers);\n  useLayoutEffect(() => {\n    handlersRef.current = handlers;\n  });\n  useEffect(() => {\n    const h = handlersRef;\n    const offs = [\n      controller.on(\"hover\", (e) => h.current.onHover?.(e)),\n      controller.on(\"click\", (e) => h.current.onPointClick?.(e)),\n      controller.on(\"plotClick\", (e) => h.current.onPlotClick?.(e)),\n      controller.on(\"zoom\", (v) => h.current.onZoom?.(v)),\n      controller.on(\"drag\", (e) => h.current.onDrag?.(e)),\n      controller.on(\"drop\", (e) => h.current.onDrop?.(e)),\n    ];\n    return () => offs.forEach((off) => off());\n  }, [controller]);\n\n  useImperativeHandle(\n    handleRef,\n    () => ({\n      resetZoom: () => controller.resetZoom(),\n      getView: () => controller.getView(),\n      setView: (view) => controller.setView(view),\n      getPlotRect: () => controller.getPlotRect(),\n      getController: () => controller,\n    }),\n    [controller],\n  );\n\n  const onLayout = (e: LayoutChangeEvent) => {\n    const { width: w, height: h } = e.nativeEvent.layout;\n    const scene = controller.getScene();\n    if (scene && scene.width === w && scene.height === h) return;\n    controller.setSize(w, h);\n    store.commit();\n  };\n\n  const scene = controller.getScene();\n  let tooltip: ReactNode = null;\n  const event = scene?.hover?.tooltip ? scene.hover.event : null;\n  if (scene && event && customTooltip && renderTooltip) {\n    const content = renderTooltip(event);\n    const anchor = store.anchor ?? scene.hover?.marks[0] ?? null;\n    if (\n      content !== null &&\n      content !== undefined &&\n      content !== false &&\n      anchor\n    )\n      tooltip = (\n        <CustomTooltip scene={scene} anchor={anchor}>\n          {content}\n        </CustomTooltip>\n      );\n  }\n\n  return (\n    <View\n      testID={testID}\n      onLayout={onLayout}\n      style={[{ width, height }, style]}\n      {...part(\"chart\", \"root\")}\n    >\n      <View\n        style={StyleSheet.absoluteFill}\n        accessible\n        accessibilityRole=\"image\"\n        accessibilityLabel={\n          resolved.ariaLabel ??\n          describeChart({\n            locale: resolved.locale,\n            labels: resolved.labels,\n            series: scene?.model.series,\n          })\n        }\n        onStartShouldSetResponder={() => true}\n        onResponderTerminationRequest={() => !store.holdsGesture()}\n        onResponderGrant={store.touchStart}\n        onResponderStart={store.touchAdd}\n        onResponderMove={store.touchMove}\n        onResponderEnd={store.touchEnd}\n        onResponderRelease={store.touchEnd}\n        onResponderTerminate={store.touchCancel}\n        {...part(\"chart\", \"surface\")}\n      >\n        <View pointerEvents=\"none\" style={StyleSheet.absoluteFill}>\n          {scene ? store.layers(scene, family) : null}\n          {scene ? drawHover(scene, family, customTooltip) : null}\n        </View>\n      </View>\n      {overlay && scene ? (\n        <View\n          pointerEvents=\"box-none\"\n          style={{\n            position: \"absolute\",\n            left: scene.layout.plot.x,\n            top: scene.layout.plot.y,\n            width: scene.layout.plot.width,\n            height: scene.layout.plot.height,\n          }}\n          {...part(\"chart\", \"overlay\")}\n        >\n          {overlay(scene.layout.plot)}\n        </View>\n      ) : null}\n      {tooltip}\n    </View>\n  );\n}\n"],"mappings":"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"}