@ds-mo/ui 13.6.1 → 13.8.0

package/dist/types/components/{CardDataViz/CardDataViz.d.ts → CardChart/CardChart.d.ts}

@@ -1,18 +1,18 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-export type CardDataVizWidth = 'sm' | 'md' | 'lg';
-export type CardDataVizVariant = 'custom' | 'bar' | 'line' | 'donut';
+export type CardChartWidth = 'sm' | 'md' | 'lg';
+export type CardChartVariant = 'custom' | 'chart';
 /**
- * Standard data-visualization card chrome and composition. The variant owns
+ * Standard chart card chrome and composition. The variant owns
  * only the chart/legend relationship; applications continue to own data.
  */
-export declare class CardDataViz {
+export declare class CardChart {
     el: HTMLElement;
-    /** Data-visualization heading shown in the card header. */
+    /** Chart heading shown in the card header. */
     heading: string;
     /** Chart composition behavior. */
-    variant: CardDataVizVariant;
-    /** Width token with the matching data-visualization card min-height. */
-    cardWidth: CardDataVizWidth;
+    variant: CardChartVariant;
+    /** Width token with the matching chart-card min-height. */
+    cardWidth: CardChartWidth;
     /** Renders the standard filter action before custom actions. */
     showFilter: boolean;
     filterLabel: string;
@@ -21,12 +21,8 @@ export declare class CardDataViz {
     private hasChartSlot;
     private hasLegendSlot;
     componentWillRender(): void;
-    componentDidLoad(): void;
     componentDidRender(): void;
-    disconnectedCallback(): void;
-    private handleChartHover;
-    private handleLegendHover;
     private handleFilterClick;
     render(): any;
 }
-//# sourceMappingURL=CardDataViz.d.ts.map
+//# sourceMappingURL=CardChart.d.ts.map

package/dist/types/components/CardChart/index.d.ts

@@ -0,0 +1,2 @@
+export type { CardChartVariant, CardChartWidth } from './CardChart';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/CardOverview/CardOverview.d.ts

@@ -45,6 +45,8 @@ export declare class CardOverview {
     disconnectedCallback(): void;
     private get visibleMetrics();
     private get visibleCellCount();
+    /** Preserve an authored data shape while loading, or use the standard six-cell grid. */
+    private get loadingMetricCount();
     private get resolvedScrollCollapseProgress();
     private get scrollCollapseGeometry();
     private observeLayout;

package/dist/types/components/Chart/Chart.d.ts

@@ -0,0 +1,66 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { ChartDefinition, ChartPoint } from '../../utils/chart-grammar';
+export type ChartFocusSource = 'pointer' | 'keyboard';
+export interface ChartFocusChangeDetail {
+    primary: ChartPoint | null;
+    points: readonly ChartPoint[];
+    source: ChartFocusSource;
+}
+export declare class Chart {
+    el: HTMLElement;
+    /** Typed chart definition. Set as a JavaScript property, not an HTML attribute. */
+    definition: ChartDefinition;
+    /** Required accessible name for the visualization. */
+    label: string;
+    /** Optional longer accessible description. */
+    description?: string;
+    /** Locale used by axes and default tooltip formatters. */
+    locale?: string;
+    /** Fixed surface width. Otherwise the chart observes its container. */
+    width?: number;
+    /** Product-owned surface height. Wins over aspectRatio. */
+    height?: number;
+    /** Derives height from the current width when height is not supplied. */
+    aspectRatio?: number;
+    /** Fires whenever pointer or keyboard focus resolves to semantic chart points. */
+    dsChartFocusChange: EventEmitter<ChartFocusChangeDetail>;
+    private surfaceWidth;
+    private containerHeight?;
+    private scene?;
+    private focusState?;
+    private pointerAnchor?;
+    private resizeObserver?;
+    private resizeFrame?;
+    private compileFrame?;
+    private warnedConflictingHeight;
+    private measuredLabels;
+    private descriptionId;
+    private clipId;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    onDefinitionInputChange(): void;
+    onWidthChange(): void;
+    private get surfaceHeight();
+    private connectResizeObserver;
+    private measureHost;
+    private applyMeasuredSize;
+    private scheduleCompile;
+    private compile;
+    private waitForFonts;
+    private measureRenderedLabels;
+    private resolveFocus;
+    private clearFocus;
+    private onPointerMove;
+    private onPointerLeave;
+    private keyboardPoints;
+    private onKeyDown;
+    private renderNode;
+    private renderMarkLayers;
+    private focusedDotPoints;
+    private tooltipContent;
+    private statusText;
+    render(): any;
+}
+//# sourceMappingURL=Chart.d.ts.map

package/dist/types/components/Chart/index.d.ts

@@ -0,0 +1,2 @@
+export type { ChartFocusChangeDetail, ChartFocusSource } from './Chart';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/ChartLegend/ChartLegend.d.ts

@@ -7,7 +7,7 @@ export type ChartLegendPercentageDecimals = 1 | 2;
  * legends differently (list w/ values, compact chips, bare swatches, external
  * stat callouts) — this covers the common "swatch + label + optional value" case.
  * Consumers who need a different treatment skip this component entirely and
- * render their own markup against the same `ChartDatum[]` data.
+ * render their own markup against the same `ChartLegendItem[]` data.
  */
 export declare class ChartLegend {
     locale: string | undefined;

package/dist/types/components/{TooltipDataViz/TooltipDataViz.d.ts → TooltipChart/TooltipChart.d.ts}

@@ -1,9 +1,14 @@
-export type TooltipDataVizSide = 'left' | 'right';
-export type TooltipDataVizAlign = 'top' | 'bottom';
+export type TooltipChartSide = 'left' | 'right';
+export type TooltipChartAlign = 'top' | 'bottom';
+export interface TooltipChartItem {
+    label: string;
+    value: string | number;
+    color?: string;
+}
 /**
  * Positioned value/label callout for chart hover interactions (bar, line point,
- * standalone donut slice, …). Donut compositions suppress it when a visible
- * legend already surfaces the hovered slice.
+ * polar arc, …). A composition may suppress it when a visible legend already
+ * surfaces the same value.
  * Unlike `ds-tooltip`, this doesn't bind to a slotted anchor element —
  * charts hover-highlight data that lives inside an SVG, so the chart itself computes
  * the anchor point (e.g. the cursor position while hovering) and passes it in as `x`/`y`.
@@ -16,10 +21,14 @@ export type TooltipDataVizAlign = 'top' | 'bottom';
  * Mount (or remount) when a hover session starts so `delay` applies once per hover;
  * keep the instance mounted while the cursor moves so tracking stays instant.
  */
-export declare class TooltipDataViz {
+export declare class TooltipChart {
     el: HTMLElement;
     value: string | number;
     label: string;
+    /** Optional heading for grouped chart focus. */
+    heading?: string;
+    /** Multi-row content. When supplied, this replaces the legacy label/value row. */
+    items?: TooltipChartItem[];
     /** Anchor point in px, relative to the nearest `position: relative` ancestor — e.g. the cursor. */
     x: number;
     y: number;
@@ -45,4 +54,4 @@ export declare class TooltipDataViz {
     private calculatePlacement;
     render(): any;
 }
-//# sourceMappingURL=TooltipDataViz.d.ts.map
+//# sourceMappingURL=TooltipChart.d.ts.map

package/dist/types/components/TooltipChart/index.d.ts

@@ -0,0 +1,2 @@
+export type { TooltipChartSide, TooltipChartAlign, TooltipChartItem, } from './TooltipChart';
+//# sourceMappingURL=index.d.ts.map