@adia-ai/web-components 0.4.7 → 0.4.9

package/components/color-picker/color-picker.d.ts

@@ -1,30 +1,92 @@
 /**
- * `<color-picker-ui>` — Color picker with hex / rgb / hsl / oklch formats.
+ * `<color-picker-ui>` — OKLCH-native color picker with 2D area + H/C/L sliders.
+ *
+ * Form-associated (extends UIFormElement). The `[format]` attribute controls
+ * whether `value` is read/written as a `#rrggbb` hex string or an `oklch(L C H)`
+ * string, but the event detail always carries BOTH forms plus the parsed
+ * OKLCH channel scalars — consumers don't need to parse the string.
  *
  * @see https://ui-kit.exe.xyz/site/components/color-picker
  */
 
 import { UIFormElement } from '../../core/form.js';
 
-export type ColorFormat = 'hex' | 'rgb' | 'hsl' | 'oklch';
+/**
+ * Output format selected by the `[format]` attribute. Drives the shape of
+ * `value` (and the matching `detail.value` field). Both `hex` and `oklch`
+ * forms are always present on the event detail regardless of `[format]`.
+ */
+export type ColorFormat = 'hex' | 'oklch';
 
+/**
+ * Detail payload for both `change` (commit) and `input` (continuous drag)
+ * events. Carries parsed channel scalars + both string forms — `value`
+ * mirrors the picker's current `[format]`, while `hex` and `oklch` are
+ * always populated parallel views.
+ */
 export interface ColorPickerChangeEventDetail {
+  /** Format-respecting string. Equals `hex` when `[format="hex"]`; equals `oklch` when `[format="oklch"]`. */
   value: string;
-  format: ColorFormat;
+  /** OKLCH lightness (0–1). */
+  l: number;
+  /** OKLCH chroma (0–~0.4). */
+  c: number;
+  /** OKLCH hue (0–360, degrees). */
+  h: number;
+  /** Hex string (`#rrggbb`). Gamut-mapped to sRGB. */
+  hex: string;
+  /** OKLCH string (`oklch(L C H)`, fixed precision). */
+  oklch: string;
 }
 export type ColorPickerChangeEvent = CustomEvent<ColorPickerChangeEventDetail>;
 export type ColorPickerInputEvent = CustomEvent<ColorPickerChangeEventDetail>;
 
-export interface ColorPickerFormatChangeEventDetail {
-  format: ColorFormat;
+/**
+ * Axis-specific clamp record. Fires when a consumer-declared constraint
+ * (max-chroma / max-l / min-l / hue-drift-max) clamped a user-requested
+ * channel value to its in-bound equivalent.
+ */
+export interface ColorPickerClampRecord {
+  /** OKLCH axis that was clamped. */
+  axis: 'l' | 'c' | 'h';
+  /** Channel value the user requested before the clamp. */
+  requested: number;
+  /** Channel value the picker actually committed after the clamp. */
+  clamped: number;
+  /** Constraint prop that triggered the clamp. */
+  reason: 'max-l' | 'min-l' | 'max-chroma' | 'hue-drift-max';
+}
+
+/**
+ * Detail payload for the `constraint-clamp` event — fired immediately
+ * before the corresponding `change` / `input` when one or more axes
+ * were clamped to fit the consumer's declared constraints. `clamps`
+ * is never empty.
+ */
+export interface ColorPickerConstraintClampEventDetail {
+  clamps: ColorPickerClampRecord[];
 }
-export type ColorPickerFormatChangeEvent = CustomEvent<ColorPickerFormatChangeEventDetail>;
+export type ColorPickerConstraintClampEvent = CustomEvent<ColorPickerConstraintClampEventDetail>;
 
 export class UIColorPicker extends UIFormElement {
+  /** Form field name. */
+  name: string;
+  /** Disables all interaction. */
+  disabled: boolean;
   /** Current color as a string in the active `format`. */
   value: string;
-  /** Output format. */
+  /** Output format — drives the shape of `value`. Detail always carries both `hex` and `oklch`. */
   format: ColorFormat;
+  /** Clamp the OKLCH chroma channel to at most this value. `Infinity` = unconstrained. */
+  maxChroma: number;
+  /** Clamp the OKLCH lightness channel to at most this value (0..1). `1` = unconstrained. */
+  maxL: number;
+  /** Clamp the OKLCH lightness channel to at least this value (0..1). `0` = unconstrained. */
+  minL: number;
+  /** Maximum allowed signed-shortest-path hue drift in degrees from `baseHue`. `NaN` = unconstrained. */
+  hueDriftMax: number;
+  /** Reference hue (degrees) for the `hueDriftMax` constraint. `NaN` = use the picker's hue at first commit. */
+  baseHue: number;
 
   addEventListener<K extends keyof HTMLElementEventMap>(
     type: K,
@@ -33,5 +95,5 @@ export class UIColorPicker extends UIFormElement {
   ): void;
   addEventListener(type: 'change', listener: (ev: ColorPickerChangeEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
   addEventListener(type: 'input', listener: (ev: ColorPickerInputEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
-  addEventListener(type: 'format-change', listener: (ev: ColorPickerFormatChangeEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: 'constraint-clamp', listener: (ev: ColorPickerConstraintClampEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
 }

package/components/color-picker/color-picker.yaml

@@ -7,6 +7,10 @@ component: ColorPicker
 category: input
 version: 1
 description: OKLCH-native color picker with 2D area and H/C/L sliders. Form-associated.
+# Per ADR-0027 — primitives that programmatically create other primitives
+# do NOT auto-import them. Consumer (or demo shell) must explicitly import.
+composes:
+  - slider-ui
 props:
   name:
     description: Form field name
@@ -28,11 +32,60 @@ props:
     description: Current color as hex string
     type: string
     default: "#3b82f6"
+  maxChroma:
+    description: |
+      Generation constraint (v0.4.9 §99h, FEEDBACK-02 #7) — clamp the
+      OKLCH chroma channel to at most this value before commit. Out-of-
+      bound mutations round-trip to the nearest in-bound equivalent +
+      fire `constraint-clamp`. Default Infinity (no constraint).
+    type: number
+    default: Infinity
+    reflect: true
+  maxL:
+    description: Generation constraint — clamp OKLCH lightness to at most this value (0..1). Default 1 (no constraint).
+    type: number
+    default: 1
+    reflect: true
+  minL:
+    description: Generation constraint — clamp OKLCH lightness to at least this value (0..1). Default 0 (no constraint).
+    type: number
+    default: 0
+    reflect: true
+  hueDriftMax:
+    description: |
+      Generation constraint — maximum allowed signed-shortest-path hue
+      deviation (degrees) from [base-hue] (or the first-committed hue
+      if [base-hue] is unset). Default NaN (no constraint). Wrap-aware
+      so a drift of 350 degrees resolves as -10.
+    type: number
+    default: NaN
+    reflect: true
+  baseHue:
+    description: |
+      Reference hue (degrees) for the [hue-drift-max] constraint. Default
+      NaN — falls back to the picker's hue at first commit so the consumer
+      can pre-seed the picker and constrain drift from that initial value.
+    type: number
+    default: NaN
+    reflect: true
 events:
   change:
     description: Fired on every color change
   input:
     description: Fired during continuous interaction (drag)
+  constraint-clamp:
+    description: |
+      Fired immediately before `change` / `input` when one or more
+      consumer-declared constraints (max-chroma / max-l / min-l /
+      hue-drift-max) clamped a channel away from the user-requested
+      value. detail.clamps is an array of axis-specific clamp records.
+    detail:
+      clamps:
+        type: array
+        description: |
+          Array of `{ axis, requested, clamped, reason }` objects. axis is
+          one of "l" / "c" / "h". reason names the triggering constraint
+          prop. Empty arrays are never emitted.
 slots: {}
 states:
   - name: idle

package/components/command/command.a2ui.json

@@ -34,12 +34,23 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "container",
+    "composes": [],
     "events": {
       "dismiss": {
         "description": "Fired when Escape is pressed"
       },
       "select": {
-        "description": "Fired when an item is selected. Detail contains { value, label, item }."
+        "description": "Fired when an item is selected. Detail contains { value, label, item }.",
+        "detail": {
+          "label": {
+            "description": "Item label text.",
+            "type": "string"
+          },
+          "value": {
+            "description": "Item value attribute.",
+            "type": "string"
+          }
+        }
       }
     },
     "examples": [

package/components/command/command.d.ts

@@ -5,15 +5,34 @@
  *
  * Type declarations generated by scripts/build/dts-codegen.mjs from
  * the component's `.a2ui.json` sidecar. Edit the source `.yaml`,
- * run `npm run components`, then `npm run codegen:dts` to regenerate;
- * or hand-author this file fully if rich event types are needed.
+ * run `npm run build:components`, then `npm run codegen:dts` to
+ * regenerate; or hand-author this file fully if rich event types are
+ * needed beyond what the yaml `events:` block can express.
  */
 
 import { UIElement } from '../../core/element.js';
 
+export type CommandDismissEvent = CustomEvent<unknown>;
+export interface CommandSelectEventDetail {
+  /** Item label text. */
+  label: string;
+  /** Item value attribute. */
+  value: string;
+}
+
+export type CommandSelectEvent = CustomEvent<CommandSelectEventDetail>;
+
 export class UICommand extends UIElement {
   /** Whether the command palette is visible */
   open: boolean;
   /** Placeholder text for the search input */
   placeholder: string;
+
+  addEventListener<K extends keyof HTMLElementEventMap>(
+    type: K,
+    listener: (this: UICommand, ev: HTMLElementEventMap[K]) => unknown,
+    options?: boolean | AddEventListenerOptions,
+  ): void;
+  addEventListener(type: 'dismiss', listener: (ev: CommandDismissEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
+  addEventListener(type: 'select', listener: (ev: CommandSelectEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
 }

package/components/command/command.yaml

@@ -20,6 +20,13 @@ events:
     description: Fired when Escape is pressed
   select:
     description: Fired when an item is selected. Detail contains { value, label, item }.
+    detail:
+      value:
+        type: string
+        description: Item value attribute.
+      label:
+        type: string
+        description: Item label text.
 slots:
   empty:
     description: Empty state shown when no items match

package/components/demo-toggle/demo-toggle.a2ui.json

@@ -53,9 +53,16 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "container",
+    "composes": [],
     "events": {
       "change": {
-        "description": "Fired when the toggle flips. detail contains { state }."
+        "description": "Fired when the toggle flips. detail contains { state }.",
+        "detail": {
+          "state": {
+            "description": "New toggle state.",
+            "type": "boolean"
+          }
+        }
       }
     },
     "examples": [

package/components/demo-toggle/demo-toggle.d.ts

@@ -5,12 +5,20 @@
  *
  * Type declarations generated by scripts/build/dts-codegen.mjs from
  * the component's `.a2ui.json` sidecar. Edit the source `.yaml`,
- * run `npm run components`, then `npm run codegen:dts` to regenerate;
- * or hand-author this file fully if rich event types are needed.
+ * run `npm run build:components`, then `npm run codegen:dts` to
+ * regenerate; or hand-author this file fully if rich event types are
+ * needed beyond what the yaml `events:` block can express.
  */
 
 import { UIElement } from '../../core/element.js';
 
+export interface DemoToggleChangeEventDetail {
+  /** New toggle state. */
+  state: boolean;
+}
+
+export type DemoToggleChangeEvent = CustomEvent<DemoToggleChangeEventDetail>;
+
 export class UIDemoToggle extends UIElement {
   /** Initial state when [state] is not set on connect ("on" | "off"). */
   initial: 'on' | 'off';
@@ -20,4 +28,11 @@ export class UIDemoToggle extends UIElement {
   labelOn: string;
   /** Current toggle state ("on" | "off"). Reflected as data-state on the host. */
   state: '' | 'on' | 'off';
+
+  addEventListener<K extends keyof HTMLElementEventMap>(
+    type: K,
+    listener: (this: UIDemoToggle, ev: HTMLElementEventMap[K]) => unknown,
+    options?: boolean | AddEventListenerOptions,
+  ): void;
+  addEventListener(type: 'change', listener: (ev: DemoToggleChangeEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
 }

package/components/demo-toggle/demo-toggle.yaml

@@ -44,6 +44,10 @@ props:
 events:
   change:
     description: Fired when the toggle flips. detail contains { state }.
+    detail:
+      state:
+        type: boolean
+        description: New toggle state.
 slots:
   bar:
     description: Internal header bar (auto-stamped). Hosts the embedded switch + label.

package/components/description-list/description-list.a2ui.json

@@ -47,6 +47,7 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "display",
+    "composes": [],
     "events": {},
     "examples": [],
     "keywords": [

package/components/description-list/description-list.d.ts

@@ -5,8 +5,9 @@
  *
  * Type declarations generated by scripts/build/dts-codegen.mjs from
  * the component's `.a2ui.json` sidecar. Edit the source `.yaml`,
- * run `npm run components`, then `npm run codegen:dts` to regenerate;
- * or hand-author this file fully if rich event types are needed.
+ * run `npm run build:components`, then `npm run codegen:dts` to
+ * regenerate; or hand-author this file fully if rich event types are
+ * needed beyond what the yaml `events:` block can express.
  */
 
 import { UIElement } from '../../core/element.js';

package/components/divider/divider.a2ui.json

@@ -34,6 +34,7 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "display",
+    "composes": [],
     "events": {},
     "examples": [
       {

package/components/divider/divider.d.ts

@@ -5,8 +5,9 @@
  *
  * Type declarations generated by scripts/build/dts-codegen.mjs from
  * the component's `.a2ui.json` sidecar. Edit the source `.yaml`,
- * run `npm run components`, then `npm run codegen:dts` to regenerate;
- * or hand-author this file fully if rich event types are needed.
+ * run `npm run build:components`, then `npm run codegen:dts` to
+ * regenerate; or hand-author this file fully if rich event types are
+ * needed beyond what the yaml `events:` block can express.
  */
 
 import { UIElement } from '../../core/element.js';

package/components/drawer/drawer.a2ui.json

@@ -60,6 +60,7 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "container",
+    "composes": [],
     "events": {
       "close": {
         "description": "Fired when the drawer is dismissed via close button or backdrop click"

package/components/drawer/drawer.d.ts

@@ -5,12 +5,15 @@
  *
  * Type declarations generated by scripts/build/dts-codegen.mjs from
  * the component's `.a2ui.json` sidecar. Edit the source `.yaml`,
- * run `npm run components`, then `npm run codegen:dts` to regenerate;
- * or hand-author this file fully if rich event types are needed.
+ * run `npm run build:components`, then `npm run codegen:dts` to
+ * regenerate; or hand-author this file fully if rich event types are
+ * needed beyond what the yaml `events:` block can express.
  */
 
 import { UIElement } from '../../core/element.js';
 
+export type DrawerCloseEvent = CustomEvent<unknown>;
+
 export class UIDrawer extends UIElement {
   /** Controls visibility. When false, backdrop and panel are removed from DOM. */
   open: boolean;
@@ -22,4 +25,11 @@ export class UIDrawer extends UIElement {
   size: 'sm' | 'md' | 'lg';
   /** Title text displayed in the drawer header */
   text: string;
+
+  addEventListener<K extends keyof HTMLElementEventMap>(
+    type: K,
+    listener: (this: UIDrawer, ev: HTMLElementEventMap[K]) => unknown,
+    options?: boolean | AddEventListenerOptions,
+  ): void;
+  addEventListener(type: 'close', listener: (ev: DrawerCloseEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
 }

package/components/embed/embed.a2ui.json

@@ -44,6 +44,7 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "agent",
+    "composes": [],
     "events": {},
     "examples": [
       {

package/components/embed/embed.d.ts

@@ -5,8 +5,9 @@
  *
  * Type declarations generated by scripts/build/dts-codegen.mjs from
  * the component's `.a2ui.json` sidecar. Edit the source `.yaml`,
- * run `npm run components`, then `npm run codegen:dts` to regenerate;
- * or hand-author this file fully if rich event types are needed.
+ * run `npm run build:components`, then `npm run codegen:dts` to
+ * regenerate; or hand-author this file fully if rich event types are
+ * needed beyond what the yaml `events:` block can express.
  */
 
 import { UIElement } from '../../core/element.js';

package/components/empty-state/empty-state.a2ui.json

@@ -39,6 +39,9 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "display",
+    "composes": [
+      "icon-ui"
+    ],
     "events": {},
     "examples": [
       {

package/components/empty-state/empty-state.d.ts

@@ -5,8 +5,9 @@
  *
  * Type declarations generated by scripts/build/dts-codegen.mjs from
  * the component's `.a2ui.json` sidecar. Edit the source `.yaml`,
- * run `npm run components`, then `npm run codegen:dts` to regenerate;
- * or hand-author this file fully if rich event types are needed.
+ * run `npm run build:components`, then `npm run codegen:dts` to
+ * regenerate; or hand-author this file fully if rich event types are
+ * needed beyond what the yaml `events:` block can express.
  */
 
 import { UIElement } from '../../core/element.js';

package/components/empty-state/empty-state.yaml

@@ -7,6 +7,10 @@ component: EmptyState
 category: display
 version: 1
 description: Placeholder for empty views with icon, heading, description, and action slot.
+# Per ADR-0027 — primitives that programmatically create other primitives
+# do NOT auto-import them. Consumer (or demo shell) must explicitly import.
+composes:
+  - icon-ui
 props:
   description:
     description: Secondary descriptive text below the heading

package/components/feed/feed.a2ui.json

@@ -43,7 +43,15 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "container",
-    "events": {},
+    "composes": [
+      "button-ui",
+      "feed-item-ui"
+    ],
+    "events": {
+      "close": {
+        "description": "Fired on per-item dismissal (manual close, swipe, or auto-timeout). Bubbles."
+      }
+    },
     "examples": [],
     "keywords": [],
     "name": "UIFeedContainer",

package/components/feed/feed.d.ts

@@ -5,15 +5,25 @@
  *
  * Type declarations generated by scripts/build/dts-codegen.mjs from
  * the component's `.a2ui.json` sidecar. Edit the source `.yaml`,
- * run `npm run components`, then `npm run codegen:dts` to regenerate;
- * or hand-author this file fully if rich event types are needed.
+ * run `npm run build:components`, then `npm run codegen:dts` to
+ * regenerate; or hand-author this file fully if rich event types are
+ * needed beyond what the yaml `events:` block can express.
  */
 
 import { UIElement } from '../../core/element.js';
 
+export type FeedCloseEvent = CustomEvent<unknown>;
+
 export class UIFeed extends UIElement {
   /** Cap on simultaneously visible items per lane */
   max: number;
   /** Lane the feed renders into */
   position: 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'inline';
+
+  addEventListener<K extends keyof HTMLElementEventMap>(
+    type: K,
+    listener: (this: UIFeed, ev: HTMLElementEventMap[K]) => unknown,
+    options?: boolean | AddEventListenerOptions,
+  ): void;
+  addEventListener(type: 'close', listener: (ev: FeedCloseEvent) => unknown, options?: boolean | AddEventListenerOptions): void;
 }

package/components/feed/feed.yaml

@@ -11,6 +11,11 @@ description: >-
   (SPEC-FEED-CHANNEL-001). Per-position singletons mounted lazily into
   document.body via Popover API; consumers post via the static API
   (`UIFeed.post()`) or the global 'feed' CustomEvent.
+# Per ADR-0027 — primitives that programmatically create other primitives
+# do NOT auto-import them. Consumer (or demo shell) must explicitly import.
+composes:
+  - button-ui
+  - feed-item-ui
 props:
   position:
     description: Lane the feed renders into
@@ -28,6 +33,8 @@ props:
     description: Cap on simultaneously visible items per lane
     type: number
     default: 5
-events: {}
+events:
+  close:
+    description: Fired on per-item dismissal (manual close, swipe, or auto-timeout). Bubbles.
 slots: {}
 states: {}

package/components/field/field.a2ui.json

@@ -57,6 +57,7 @@
       }
     ],
     "category": "form",
+    "composes": [],
     "events": {},
     "examples": [
       {

package/components/field/field.d.ts

@@ -5,8 +5,9 @@
  *
  * Type declarations generated by scripts/build/dts-codegen.mjs from
  * the component's `.a2ui.json` sidecar. Edit the source `.yaml`,
- * run `npm run components`, then `npm run codegen:dts` to regenerate;
- * or hand-author this file fully if rich event types are needed.
+ * run `npm run build:components`, then `npm run codegen:dts` to
+ * regenerate; or hand-author this file fully if rich event types are
+ * needed beyond what the yaml `events:` block can express.
  */
 
 import { UIElement } from '../../core/element.js';

package/components/fields/fields.a2ui.json

@@ -43,6 +43,7 @@
       }
     ],
     "category": "form",
+    "composes": [],
     "events": {},
     "examples": [
       {

package/components/fields/fields.d.ts

@@ -5,8 +5,9 @@
  *
  * Type declarations generated by scripts/build/dts-codegen.mjs from
  * the component's `.a2ui.json` sidecar. Edit the source `.yaml`,
- * run `npm run components`, then `npm run codegen:dts` to regenerate;
- * or hand-author this file fully if rich event types are needed.
+ * run `npm run build:components`, then `npm run codegen:dts` to
+ * regenerate; or hand-author this file fully if rich event types are
+ * needed beyond what the yaml `events:` block can express.
  */
 
 import { UIElement } from '../../core/element.js';

package/components/footer/footer.a2ui.json

@@ -35,6 +35,7 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "container",
+    "composes": [],
     "events": {},
     "examples": [
       {

package/components/grid/grid.a2ui.json

@@ -44,6 +44,7 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "layout",
+    "composes": [],
     "events": {},
     "examples": [
       {

package/components/grid/grid.d.ts

@@ -5,8 +5,9 @@
  *
  * Type declarations generated by scripts/build/dts-codegen.mjs from
  * the component's `.a2ui.json` sidecar. Edit the source `.yaml`,
- * run `npm run components`, then `npm run codegen:dts` to regenerate;
- * or hand-author this file fully if rich event types are needed.
+ * run `npm run build:components`, then `npm run codegen:dts` to
+ * regenerate; or hand-author this file fully if rich event types are
+ * needed beyond what the yaml `events:` block can express.
  */
 
 import { UIElement } from '../../core/element.js';

package/components/header/header.a2ui.json

@@ -29,6 +29,7 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "container",
+    "composes": [],
     "events": {},
     "examples": [
       {

package/components/heatmap/heatmap.a2ui.json

@@ -84,12 +84,22 @@
   "x-adiaui": {
     "anti_patterns": [],
     "category": "data-display",
+    "composes": [],
     "events": {
       "cell-click": {
-        "description": "Fired on cell-click."
+        "description": "Fired on cell click. detail carries the cell's row + column indices + value."
       },
       "cell-hover": {
-        "description": "Fired on cell-hover."
+        "description": "Fired on cell hover. detail carries the cell's row + column indices + value."
+      },
+      "chart-hover": {
+        "description": "Canonical chart-hover shape — same detail as cell-hover. Re-emitted\nalongside cell-hover so consumers wiring a pointer-follow tooltip via\ntooltip-ui[follows=pointer] can listen for one event-name regardless\nof chart kind (chart-ui + heatmap-ui both emit it).\n"
+      },
+      "chart-leave": {
+        "description": "Signal-only counterpart to chart-hover. Fires when the pointer leaves\nthe heatmap grid. Detail-free — receivers should clear their hover\nstate on receipt.\n"
+      },
+      "chart-select": {
+        "description": "Canonical chart-select shape — same detail as cell-click. Re-emitted\nalongside cell-click for chart-kind-agnostic listeners.\n"
       }
     },
     "examples": [