Mixins / foldkit-mixins-ui
ChartSlots
const · packages/mixins-ui/src/chart.ts:26
const ChartSlots: Slots.Contract<{ readonly root: Slot.UnnamedSlot<Capability.Capability<"Container", readonly [Capability.Capability<"Interactive", readonly [Capability.Capability<"Base", readonly []>]>]>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>; readonly title: Slot.UnnamedSlot<Capability.Capability<"Container", readonly [Capability.Capability<"Interactive", readonly [Capability.Capability<"Base", readonly []>]>]>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>; readonly description: Slot.UnnamedSlot<Capability.Capability<"Container", readonly [Capability.Capability<"Interactive", readonly [Capability.Capability<"Base", readonly []>]>]>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>; readonly legend: Slot.UnnamedSlot<Capability.Capability<"Container", readonly [Capability.Capability<"Interactive", readonly [Capability.Capability<"Base", readonly []>]>]>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>; readonly legendItem: Slot.UnnamedSlot<Capability.Capability<"Container", readonly [Capability.Capability<"Interactive", readonly [Capability.Capability<"Base", readonly []>]>]>, readonly Slot.EventName[], readonly Slot.AttributeName[], readonly Slot.RequirementName[], boolean>; readonly swatch: Slot.UnnamedSlot<Capability.Capability<"Container", readonly [Capability.Capability<" …;A chart, after shadcn's over Recharts: bars, a line, an area or a donut, with a value axis whose ticks are round values the axis reaches, the categories along the bottom, gridlines, a legend, and a tooltip with every series' value at the point the pointer or the keys are on. The plot is drawn in percentages of its box, so it fills any width without measuring.
The data is the application's, and so is which point is lit: keep this
module's Model and fold the chart's Messages into it with update.
The plot takes the focus; the arrows, Home and End move through the
points, and a polite status says each one's values. The drawing is hidden
from assistive technology, which reads the same data from a table,
visually hidden unless table: 'shown'. Series take chart-1 to
chart-5 in order, as data-color on every mark; a series that a filter
may remove names its own color, so the others keep theirs.