@unovis/ts 1.5.2 → 1.6.0-bigip.0

package/components/plotband/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/plotband/index.ts"],"sourcesContent":["import { Selection } from 'd3-selection'\n\n// Utils\nimport { smartTransition } from 'utils/d3'\n\n// Core\nimport { XYComponentCore } from 'core/xy-component'\nimport { AxisType } from 'components/axis/types'\n\n// Config\nimport { VERTICAL_X, HORIZONTAL_X, VERTICAL_Y, HORIZONTAL_Y } from './constants'\nimport { PlotbandDefaultConfig, PlotbandConfigInterface } from './config'\nimport { PlotbandLabelOrientation, PlotbandLabelPosition, PlotbandLabelLayout } from './types'\n\n// Styles\nimport * as s from './style'\n\nexport class Plotband<Datum> extends XYComponentCore<Datum, PlotbandConfigInterface<Datum>> {\n  static selectors = s\n  protected _defaultConfig = PlotbandDefaultConfig as PlotbandConfigInterface<Datum>\n  from: number | null | undefined\n  to: number | null | undefined\n  plotband: Selection<SVGRectElement, unknown, null, undefined>\n  label: Selection<SVGTextElement, unknown, null, undefined>\n\n  constructor (config: PlotbandConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n\n    this.plotband = this.g.append('rect')\n      .attr('class', s.plotband)\n\n    this.label = this.g\n      .append('text')\n      .attr('class', s.label)\n  }\n\n  _render (customDuration?: number): void {\n    super._render(customDuration)\n    const { config } = this\n    this.from = config.from\n    this.to = config.to\n\n    this.plotband\n      .style('fill', config.color)\n\n    if (this.from == null || this.to == null) return\n\n    let x = 0\n    let y = 0\n    let width = 0\n    let height = 0\n\n    if (config.axis === 'y') {\n      const y1 = this.yScale(this.from)\n      const y2 = this.yScale(this.to)\n      y = Math.min(y1, y2)\n      height = Math.abs(y1 - y2)\n      x = 0\n      width = this._width\n    } else {\n      const x1 = this.xScale(this.from)\n      const x2 = this.xScale(this.to)\n      x = Math.min(x1, x2)\n      width = Math.abs(x1 - x2)\n      y = 0\n      height = this._height\n    }\n\n    smartTransition(this.plotband, config.duration)\n      .attr('x', x)\n      .attr('y', y)\n      .attr('width', width)\n      .attr('height', height)\n\n    if (config.labelText) {\n      const labelProps = this.computeLabel(\n        config.axis,\n        x,\n        y,\n        width,\n        height,\n        config.labelPosition,\n        config.labelOffsetX,\n        config.labelOffsetY,\n        config.labelOrientation\n      )\n\n      this.label\n        .attr('dominant-baseline', labelProps.dominantBaseline)\n        .attr('transform', labelProps.transform)\n        .style('text-anchor', labelProps.textAnchor)\n        .style('fill', config.labelColor)\n        .style('font-size', config.labelSize ? `${config.labelSize}px` : undefined)\n\n      smartTransition(this.label, config.duration)\n        .text(config.labelText)\n        .attr('x', labelProps.x)\n        .attr('y', labelProps.y)\n    }\n\n    smartTransition(this.plotband.exit())\n      .style('opacity', 0)\n      .remove()\n  }\n\n  private computeLabel (\n    axis: AxisType,\n    startX: number,\n    startY: number,\n    width: number,\n    height: number,\n    position: PlotbandLabelPosition,\n    offsetX: number,\n    offsetY: number,\n    orientation: PlotbandLabelOrientation\n  ): PlotbandLabelLayout {\n    const isVertical = orientation === 'vertical'\n    const rotation = isVertical ? -90 : 0\n    const args = { startX, startY, width, height, offsetX, offsetY }\n\n    let layoutPartial: Omit<PlotbandLabelLayout, 'rotation' | 'transform'>\n\n    if (axis === AxisType.X) {\n      layoutPartial = (isVertical ? VERTICAL_X : HORIZONTAL_X)[position](args)\n    } else {\n      layoutPartial = (isVertical ? VERTICAL_Y : HORIZONTAL_Y)[position](args)\n    }\n\n    const { x, y, textAnchor, dominantBaseline } = layoutPartial\n    const transform = rotation !== 0 ? `rotate(${rotation}, ${x}, ${y})` : ''\n\n    return { x, y, rotation, textAnchor, transform, dominantBaseline }\n  }\n}\n"],"names":["s.plotband","s.label","s"],"mappings":"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"}

package/components/plotband/style.d.ts

@@ -0,0 +1,4 @@
+export declare const globalStyles: void;
+export declare const root: string;
+export declare const plotband: string;
+export declare const label: string;

package/components/plotband/style.js

@@ -0,0 +1,38 @@
+import { injectGlobal, css } from '@emotion/css';
+
+const globalStyles = injectGlobal `
+  :root {
+    --vis-plotband-color: rgba(255, 255, 90, 0.2);
+    --vis-plotband-label-font-size: 12px;
+    --vis-plotband-label-color: #000;
+
+    --vis-dark-plotband-color: rgba(220, 220, 90, 0.2);
+    --vis-dark-plotband-label-color: #e5e9f7;
+  }
+
+  body.theme-dark {
+    --vis-plotband-color: var(--vis-dark-plotband-color);
+    --vis-plotband-label-color: var(--vis-dark-tooltip-text-color);
+  }
+`;
+const root = css `
+  label: plotband-component;
+`;
+const plotband = css `
+  label: plotband-area;
+  transition: opacity 200ms;
+  cursor: var(--vis-line-cursor);
+  fill: var(--vis-plotband-color);
+`;
+const label = css `
+  label: plotline-label;
+
+  user-select: none;
+  text-anchor: middle;
+  pointer-events: none;
+  font-size: var(--vis-plotband-label-font-size);
+  fill: var(--vis-plotband-label-color);
+`;
+
+export { globalStyles, label, plotband, root };
+//# sourceMappingURL=style.js.map

package/components/plotband/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/plotband/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-plotband-color: rgba(255, 255, 90, 0.2);\n    --vis-plotband-label-font-size: 12px;\n    --vis-plotband-label-color: #000;\n\n    --vis-dark-plotband-color: rgba(220, 220, 90, 0.2);\n    --vis-dark-plotband-label-color: #e5e9f7;\n  }\n\n  body.theme-dark {\n    --vis-plotband-color: var(--vis-dark-plotband-color);\n    --vis-plotband-label-color: var(--vis-dark-tooltip-text-color);\n  }\n`\n\nexport const root = css`\n  label: plotband-component;\n`\n\nexport const plotband = css`\n  label: plotband-area;\n  transition: opacity 200ms;\n  cursor: var(--vis-line-cursor);\n  fill: var(--vis-plotband-color);\n`\n\nexport const label = css`\n  label: plotline-label;\n\n  user-select: none;\n  text-anchor: middle;\n  pointer-events: none;\n  font-size: var(--vis-plotband-label-font-size);\n  fill: var(--vis-plotband-label-color);\n`\n"],"names":[],"mappings":";;AAGO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;EAcvC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;EAK1B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;;"}

package/components/plotband/types.d.ts

@@ -0,0 +1,51 @@
+export declare enum PlotbandLabelPosition {
+    TopLeftInside = "top-left-inside",
+    TopLeftOutside = "top-left-outside",
+    TopInside = "top-inside",
+    TopOutside = "top-outside",
+    TopRightInside = "top-right-inside",
+    TopRightOutside = "top-right-outside",
+    RightInside = "right-inside",
+    RightOutside = "right-outside",
+    BottomRightInside = "bottom-right-inside",
+    BottomRightOutside = "bottom-right-outside",
+    BottomInside = "bottom-inside",
+    BottomOutside = "bottom-outside",
+    BottomLeftInside = "bottom-left-inside",
+    BottomLeftOutside = "bottom-left-outside",
+    LeftInside = "left-inside",
+    LeftOutside = "left-outside"
+}
+export declare enum PlotbandLabelOrientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export interface PlotlineLabelOptions {
+    labelText?: string;
+    labelPosition: PlotbandLabelPosition;
+    labelOffsetX: number;
+    labelOffsetY: number;
+    labelOrientation: PlotbandLabelOrientation;
+    labelColor?: string;
+    labelSize?: number;
+}
+export declare type LayoutValue = {
+    x: number;
+    y: number;
+    textAnchor: string;
+    dominantBaseline: string;
+};
+export declare type PlotbandLabelLayout = {
+    rotation: number;
+    transform: string;
+} & LayoutValue;
+declare type LabelLayoutFn = (params: {
+    startX: number;
+    startY: number;
+    width: number;
+    height: number;
+    offsetX: number;
+    offsetY: number;
+}) => LayoutValue;
+export declare type LayoutMap = Record<PlotbandLabelPosition, LabelLayoutFn>;
+export {};

package/components/plotband/types.js

@@ -0,0 +1,27 @@
+var PlotbandLabelPosition;
+(function (PlotbandLabelPosition) {
+    PlotbandLabelPosition["TopLeftInside"] = "top-left-inside";
+    PlotbandLabelPosition["TopLeftOutside"] = "top-left-outside";
+    PlotbandLabelPosition["TopInside"] = "top-inside";
+    PlotbandLabelPosition["TopOutside"] = "top-outside";
+    PlotbandLabelPosition["TopRightInside"] = "top-right-inside";
+    PlotbandLabelPosition["TopRightOutside"] = "top-right-outside";
+    PlotbandLabelPosition["RightInside"] = "right-inside";
+    PlotbandLabelPosition["RightOutside"] = "right-outside";
+    PlotbandLabelPosition["BottomRightInside"] = "bottom-right-inside";
+    PlotbandLabelPosition["BottomRightOutside"] = "bottom-right-outside";
+    PlotbandLabelPosition["BottomInside"] = "bottom-inside";
+    PlotbandLabelPosition["BottomOutside"] = "bottom-outside";
+    PlotbandLabelPosition["BottomLeftInside"] = "bottom-left-inside";
+    PlotbandLabelPosition["BottomLeftOutside"] = "bottom-left-outside";
+    PlotbandLabelPosition["LeftInside"] = "left-inside";
+    PlotbandLabelPosition["LeftOutside"] = "left-outside";
+})(PlotbandLabelPosition || (PlotbandLabelPosition = {}));
+var PlotbandLabelOrientation;
+(function (PlotbandLabelOrientation) {
+    PlotbandLabelOrientation["Horizontal"] = "horizontal";
+    PlotbandLabelOrientation["Vertical"] = "vertical";
+})(PlotbandLabelOrientation || (PlotbandLabelOrientation = {}));
+
+export { PlotbandLabelOrientation, PlotbandLabelPosition };
+//# sourceMappingURL=types.js.map

package/components/plotband/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/plotband/types.ts"],"sourcesContent":["export enum PlotbandLabelPosition {\n  TopLeftInside = 'top-left-inside',\n  TopLeftOutside = 'top-left-outside',\n  TopInside = 'top-inside',\n  TopOutside = 'top-outside',\n  TopRightInside = 'top-right-inside',\n  TopRightOutside = 'top-right-outside',\n  RightInside = 'right-inside',\n  RightOutside = 'right-outside',\n  BottomRightInside = 'bottom-right-inside',\n  BottomRightOutside = 'bottom-right-outside',\n  BottomInside = 'bottom-inside',\n  BottomOutside = 'bottom-outside',\n  BottomLeftInside = 'bottom-left-inside',\n  BottomLeftOutside = 'bottom-left-outside',\n  LeftInside = 'left-inside',\n  LeftOutside = 'left-outside',\n}\n\nexport enum PlotbandLabelOrientation {\n  Horizontal = 'horizontal',\n  Vertical = 'vertical',\n}\n\nexport interface PlotlineLabelOptions {\n  labelText?: string;\n  labelPosition: PlotbandLabelPosition;\n  labelOffsetX: number;\n  labelOffsetY: number;\n  labelOrientation: PlotbandLabelOrientation;\n  labelColor?: string;\n  labelSize?: number;\n}\n\nexport type LayoutValue = {\n  x: number;\n  y: number;\n  textAnchor: string;\n  dominantBaseline: string;\n}\n\nexport type PlotbandLabelLayout = {\n  rotation: number;\n  transform: string;\n} & LayoutValue\n\n\ntype LabelLayoutFn = (params: {\n  startX: number;\n  startY: number;\n  width: number;\n  height: number;\n  offsetX: number;\n  offsetY: number;\n}) => LayoutValue\n\nexport type LayoutMap = Record<PlotbandLabelPosition, LabelLayoutFn>\n"],"names":[],"mappings":"IAAY,sBAiBX;AAjBD,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,eAAA,CAAA,GAAA,iBAAiC,CAAA;AACjC,IAAA,qBAAA,CAAA,gBAAA,CAAA,GAAA,kBAAmC,CAAA;AACnC,IAAA,qBAAA,CAAA,WAAA,CAAA,GAAA,YAAwB,CAAA;AACxB,IAAA,qBAAA,CAAA,YAAA,CAAA,GAAA,aAA0B,CAAA;AAC1B,IAAA,qBAAA,CAAA,gBAAA,CAAA,GAAA,kBAAmC,CAAA;AACnC,IAAA,qBAAA,CAAA,iBAAA,CAAA,GAAA,mBAAqC,CAAA;AACrC,IAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B,CAAA;AAC5B,IAAA,qBAAA,CAAA,cAAA,CAAA,GAAA,eAA8B,CAAA;AAC9B,IAAA,qBAAA,CAAA,mBAAA,CAAA,GAAA,qBAAyC,CAAA;AACzC,IAAA,qBAAA,CAAA,oBAAA,CAAA,GAAA,sBAA2C,CAAA;AAC3C,IAAA,qBAAA,CAAA,cAAA,CAAA,GAAA,eAA8B,CAAA;AAC9B,IAAA,qBAAA,CAAA,eAAA,CAAA,GAAA,gBAAgC,CAAA;AAChC,IAAA,qBAAA,CAAA,kBAAA,CAAA,GAAA,oBAAuC,CAAA;AACvC,IAAA,qBAAA,CAAA,mBAAA,CAAA,GAAA,qBAAyC,CAAA;AACzC,IAAA,qBAAA,CAAA,YAAA,CAAA,GAAA,aAA0B,CAAA;AAC1B,IAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B,CAAA;AAC9B,CAAC,EAjBW,qBAAqB,KAArB,qBAAqB,GAiBhC,EAAA,CAAA,CAAA,CAAA;IAEW,yBAGX;AAHD,CAAA,UAAY,wBAAwB,EAAA;AAClC,IAAA,wBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzB,IAAA,wBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACvB,CAAC,EAHW,wBAAwB,KAAxB,wBAAwB,GAGnC,EAAA,CAAA,CAAA;;;;"}

package/components/timeline/config.d.ts

@@ -1,32 +1,83 @@
 import { XYComponentConfigInterface } from "../../core/xy-component/config";
 import { WithOptional } from "../../types/misc";
-import { ColorAccessor, NumericAccessor, StringAccessor } from "../../types/accessor";
+import { ColorAccessor, NumericAccessor, StringAccessor, GenericAccessor } from "../../types/accessor";
+import { TextAlign } from "../../types/text";
+import { Arrangement } from "../../types/position";
+import type { TimelineArrow, TimelineLineRenderState, TimelineRowIcon, TimelineRowLabel } from './types';
 export interface TimelineConfigInterface<Datum> extends WithOptional<XYComponentConfigInterface<Datum>, 'y'> {
+    /** @deprecated This property has been renamed to `key` */
+    type?: StringAccessor<Datum>;
+    /** @deprecated This property has been renamed to `lineDuration` */
+    length?: NumericAccessor<Datum>;
+    /** @deprecated This property has been renamed to `lineCursor` */
+    cursor?: StringAccessor<Datum>;
+    /** Timeline item row accessor function. Records with the `lineRow` will be plotted in one row. Default: `undefined` */
+    lineRow?: StringAccessor<Datum>;
+    /** Timeline item duration accessor function. Default: `undefined`. Falls back to the deprecated `length` property */
+    lineDuration?: NumericAccessor<Datum>;
     /** Timeline item color accessor function. Default: `d => d.color` */
     color?: ColorAccessor<Datum>;
     /** Width of the timeline items. Default: `8` */
     lineWidth?: NumericAccessor<Datum>;
     /** Display rounded ends for timeline items. Default: `true` */
     lineCap?: boolean;
+    /** Provide a href to an SVG defined in container's `svgDefs` to display an icon at the start of the line. Default: undefined */
+    lineStartIcon?: StringAccessor<Datum>;
+    /** Line start icon color accessor function. Default: `undefined` */
+    lineStartIconColor?: StringAccessor<Datum>;
+    /** Line start icon size accessor function. Default: `undefined` */
+    lineStartIconSize?: NumericAccessor<Datum>;
+    /** Line start icon arrangement configuration. Controls how the icon is positioned relative to the line.
+     * Accepts values from the Arrangement enum: `Arrangement.Start`, `Arrangement.Middle`, `Arrangement.End` or a string equivalent.
+     * Default: `Arrangement.Inside` */
+    lineStartIconArrangement?: GenericAccessor<Arrangement | `${Arrangement}`, Datum>;
+    /** Provide a href to an SVG defined in container's `svgDefs` to display an icon at the end of the line. Default: undefined */
+    lineEndIcon?: StringAccessor<Datum>;
+    /** Line end icon color accessor function. Default: `undefined` */
+    lineEndIconColor?: StringAccessor<Datum>;
+    /** Line end icon size accessor function. Default: `undefined` */
+    lineEndIconSize?: NumericAccessor<Datum>;
+    /** Line end icon arrangement configuration. Controls how the icon is positioned relative to the line.
+     * Accepts values from the Arrangement enum: `Arrangement.Start`, `Arrangement.Middle`, `Arrangement.End` or a string equivalent.
+     * Default: `Arrangement.Inside` */
+    lineEndIconArrangement?: GenericAccessor<Arrangement | `${Arrangement}`, Datum>;
+    /** Configurable Timeline item cursor when hovering over. Default: `undefined` */
+    lineCursor?: StringAccessor<Datum>;
+    /** Sets the minimum line length to 1 pixel for better visibility of small values. Default: `false` */
+    showEmptySegments?: boolean;
     /** Timeline row height. Default: `22` */
     rowHeight?: number;
-    /** Timeline item length accessor function. Default: `d => d.length` */
-    length?: NumericAccessor<Datum>;
-    /** Timeline item type accessor function. Records of one type will be plotted in one row. Default: `d => d.type` */
-    type?: StringAccessor<Datum>;
-    /** Configurable Timeline item cursor when hovering over. Default: `null` */
-    cursor?: StringAccessor<Datum>;
-    /** Show item type labels when set to `true`. Default: `false` */
+    /** Alternating row colors. Default: `true` */
+    alternatingRowColors?: boolean;
+    /** @deprecated This property has been renamed to `showRowLabels */
     showLabels?: boolean;
-    /** Fixed label width in pixels. Labels longer than the specified value will be trimmed. Default: `undefined` */
+    /** @deprecated This property has been renamed to `rowLabelWidth */
     labelWidth?: number;
-    /** Maximum label width in pixels. Labels longer than the specified value will be trimmed. Default: `120` */
+    /** @deprecated This property has been renamed to `rowMaxLabelWidth */
     maxLabelWidth?: number;
-    /** Alternating row colors. Default: `true` */
-    alternatingRowColors?: boolean;
+    /** Show row labels when set to `true`. Default: `false`. Falls back to deprecated `showLabels` */
+    showRowLabels?: boolean;
+    /** Row label style as an object with the `{ [property-name]: value }` format. Default: `undefined` */
+    rowLabelStyle?: GenericAccessor<Record<string, string>, TimelineRowLabel<Datum>>;
+    /** Row label formatter function. Default: `undefined` */
+    rowLabelFormatter?: (key: string, items: Datum[], i: number) => string;
+    /** Provide an icon href to be displayed before the row label. Default: `undefined` */
+    rowIcon?: (key: string, items: Datum[], i: number) => TimelineRowIcon | undefined;
+    /** Fixed label width in pixels. Labels longer than the specified value will be trimmed. Default: `undefined`. Falls back to deprecated `labelWidth`. */
+    rowLabelWidth?: number;
+    /** Maximum label width in pixels. Labels longer than the specified value will be trimmed. Default: `undefined`. Falls back to deprecated `maxLabelWidth`. */
+    rowMaxLabelWidth?: number;
+    /** Text alignment for labels: `TextAlign.Left`, `TextAlign.Center` or `TextAlign.Right`. Default: `TextAlign.Right` */
+    rowLabelTextAlign?: TextAlign | `${TextAlign}`;
+    arrows?: TimelineArrow[];
+    /** Control the animation by specify the initial position for new lines as [x, y]. Default: `undefined` */
+    animationLineEnterPosition?: [
+        number | undefined | null,
+        number | undefined | null
+    ] | ((d: Datum & TimelineLineRenderState, i: number, data: (Datum & TimelineLineRenderState)[]) => [number | undefined, number | undefined]) | undefined;
+    /** Control the animation by specify the destination position for exiting lines as [x, y]. Default: `undefined` */
+    animationLineExitPosition?: [number | undefined | null, number | undefined | null] | ((d: Datum & TimelineLineRenderState, i: number, data: (Datum & TimelineLineRenderState)[]) => [number | undefined, number | undefined]) | undefined;
     /** Scrolling callback function: `(scrollTop: number) => void`. Default: `undefined` */
     onScroll?: (scrollTop: number) => void;
-    /** Sets the minimum line length to 1 pixel for better visibility of small values. Default: `false` */
-    showEmptySegments?: boolean;
 }
 export declare const TimelineDefaultConfig: TimelineConfigInterface<unknown>;

package/components/timeline/config.js

@@ -1,6 +1,20 @@
 import { XYComponentDefaultConfig } from '../../core/xy-component/config.js';
+import { TextAlign } from '../../types/text.js';
+import { Arrangement } from '../../types/position.js';
 
-const TimelineDefaultConfig = Object.assign(Object.assign({}, XYComponentDefaultConfig), { id: undefined, color: (d) => d.color, lineWidth: 8, lineCap: false, rowHeight: 22, length: (d) => d.length, type: (d) => d.type, cursor: null, labelWidth: undefined, showLabels: false, maxLabelWidth: 120, alternatingRowColors: true, onScroll: undefined, showEmptySegments: false });
+const TimelineDefaultConfig = Object.assign(Object.assign({}, XYComponentDefaultConfig), { id: undefined, 
+    // Items (Lines)
+    cursor: undefined, type: (d) => d.type, length: (d) => d.length, color: (d) => d.color, lineRow: undefined, lineDuration: undefined, lineWidth: 8, lineCap: false, lineCursor: undefined, showEmptySegments: false, lineStartIcon: undefined, lineStartIconColor: undefined, lineStartIconSize: undefined, lineStartIconArrangement: Arrangement.Inside, lineEndIcon: undefined, lineEndIconColor: undefined, lineEndIconSize: undefined, lineEndIconArrangement: Arrangement.Inside, 
+    // Rows
+    rowHeight: 22, alternatingRowColors: true, 
+    // Row Labels
+    showLabels: false, labelWidth: undefined, maxLabelWidth: 120, showRowLabels: undefined, rowLabelFormatter: undefined, rowIcon: undefined, rowLabelStyle: undefined, rowLabelWidth: undefined, rowMaxLabelWidth: undefined, rowLabelTextAlign: TextAlign.Right, 
+    // Arrows
+    arrows: undefined, 
+    // Animation
+    animationLineEnterPosition: undefined, 
+    // Callbacks
+    onScroll: undefined });
 
 export { TimelineDefaultConfig };
 //# sourceMappingURL=config.js.map

package/components/timeline/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","sources":["../../../src/components/timeline/config.ts"],"sourcesContent":["import { XYComponentConfigInterface, XYComponentDefaultConfig } from 'core/xy-component/config'\n\n// Types\nimport { WithOptional } from 'types/misc'\nimport { ColorAccessor, NumericAccessor, StringAccessor } from 'types/accessor'\n\nexport interface TimelineConfigInterface<Datum> extends WithOptional<XYComponentConfigInterface<Datum>, 'y'> {\n  /** Timeline item color accessor function. Default: `d => d.color` */\n  color?: ColorAccessor<Datum>;\n  /** Width of the timeline items. Default: `8` */\n  lineWidth?: NumericAccessor<Datum>;\n  /** Display rounded ends for timeline items. Default: `true` */\n  lineCap?: boolean;\n  /** Timeline row height. Default: `22` */\n  rowHeight?: number;\n  /** Timeline item length accessor function. Default: `d => d.length` */\n  length?: NumericAccessor<Datum>;\n  /** Timeline item type accessor function. Records of one type will be plotted in one row. Default: `d => d.type` */\n  type?: StringAccessor<Datum>;\n  /** Configurable Timeline item cursor when hovering over. Default: `null` */\n  cursor?: StringAccessor<Datum>;\n  /** Show item type labels when set to `true`. Default: `false` */\n  showLabels?: boolean;\n  /** Fixed label width in pixels. Labels longer than the specified value will be trimmed. Default: `undefined` */\n  labelWidth?: number;\n  /** Maximum label width in pixels. Labels longer than the specified value will be trimmed. Default: `120` */\n  maxLabelWidth?: number;\n  /** Alternating row colors. Default: `true` */\n  alternatingRowColors?: boolean;\n  /** Scrolling callback function: `(scrollTop: number) => void`. Default: `undefined` */\n  onScroll?: (scrollTop: number) => void;\n  /** Sets the minimum line length to 1 pixel for better visibility of small values. Default: `false` */\n  showEmptySegments?: boolean;\n}\n\nexport const TimelineDefaultConfig: TimelineConfigInterface<unknown> = {\n  ...XYComponentDefaultConfig,\n  id: undefined,\n  color: (d: unknown): string => (d as { color: string }).color,\n  lineWidth: 8,\n  lineCap: false,\n  rowHeight: 22,\n  length: (d: unknown): number => (d as { length: number }).length,\n  type: (d: unknown): string => (d as { type: string }).type,\n  cursor: null,\n  labelWidth: undefined,\n  showLabels: false,\n  maxLabelWidth: 120,\n  alternatingRowColors: true,\n  onScroll: undefined,\n  showEmptySegments: false,\n}\n"],"names":[],"mappings":";;AAmCa,MAAA,qBAAqB,GAC7B,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,wBAAwB,KAC3B,EAAE,EAAE,SAAS,EACb,KAAK,EAAE,CAAC,CAAU,KAAc,CAAuB,CAAC,KAAK,EAC7D,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,EAAE,EACb,MAAM,EAAE,CAAC,CAAU,KAAc,CAAwB,CAAC,MAAM,EAChE,IAAI,EAAE,CAAC,CAAU,KAAc,CAAsB,CAAC,IAAI,EAC1D,MAAM,EAAE,IAAI,EACZ,UAAU,EAAE,SAAS,EACrB,UAAU,EAAE,KAAK,EACjB,aAAa,EAAE,GAAG,EAClB,oBAAoB,EAAE,IAAI,EAC1B,QAAQ,EAAE,SAAS,EACnB,iBAAiB,EAAE,KAAK;;;;"}
+{"version":3,"file":"config.js","sources":["../../../src/components/timeline/config.ts"],"sourcesContent":["import { XYComponentConfigInterface, XYComponentDefaultConfig } from 'core/xy-component/config'\n\n// Types\nimport { WithOptional } from 'types/misc'\nimport { ColorAccessor, NumericAccessor, StringAccessor, GenericAccessor } from 'types/accessor'\nimport { TextAlign } from 'types/text'\nimport { Arrangement } from 'types/position'\n\n// Local Types\nimport type { TimelineArrow, TimelineLineRenderState, TimelineRowIcon, TimelineRowLabel } from './types'\n\nexport interface TimelineConfigInterface<Datum> extends WithOptional<XYComponentConfigInterface<Datum>, 'y'> {\n  // Items (Lines)\n  /** @deprecated This property has been renamed to `key` */\n  type?: StringAccessor<Datum>;\n  /** @deprecated This property has been renamed to `lineDuration` */\n  length?: NumericAccessor<Datum>;\n  /** @deprecated This property has been renamed to `lineCursor` */\n  cursor?: StringAccessor<Datum>;\n  /** Timeline item row accessor function. Records with the `lineRow` will be plotted in one row. Default: `undefined` */\n  lineRow?: StringAccessor<Datum>;\n  /** Timeline item duration accessor function. Default: `undefined`. Falls back to the deprecated `length` property */\n  lineDuration?: NumericAccessor<Datum>;\n  /** Timeline item color accessor function. Default: `d => d.color` */\n  color?: ColorAccessor<Datum>;\n  /** Width of the timeline items. Default: `8` */\n  lineWidth?: NumericAccessor<Datum>;\n  /** Display rounded ends for timeline items. Default: `true` */\n  lineCap?: boolean;\n  /** Provide a href to an SVG defined in container's `svgDefs` to display an icon at the start of the line. Default: undefined */\n  lineStartIcon?: StringAccessor<Datum>;\n  /** Line start icon color accessor function. Default: `undefined` */\n  lineStartIconColor?: StringAccessor<Datum>;\n  /** Line start icon size accessor function. Default: `undefined` */\n  lineStartIconSize?: NumericAccessor<Datum>;\n  /** Line start icon arrangement configuration. Controls how the icon is positioned relative to the line.\n   * Accepts values from the Arrangement enum: `Arrangement.Start`, `Arrangement.Middle`, `Arrangement.End` or a string equivalent.\n   * Default: `Arrangement.Inside` */\n  lineStartIconArrangement?: GenericAccessor<Arrangement | `${Arrangement}`, Datum>;\n  /** Provide a href to an SVG defined in container's `svgDefs` to display an icon at the end of the line. Default: undefined */\n  lineEndIcon?: StringAccessor<Datum>;\n  /** Line end icon color accessor function. Default: `undefined` */\n  lineEndIconColor?: StringAccessor<Datum>;\n  /** Line end icon size accessor function. Default: `undefined` */\n  lineEndIconSize?: NumericAccessor<Datum>;\n  /** Line end icon arrangement configuration. Controls how the icon is positioned relative to the line.\n   * Accepts values from the Arrangement enum: `Arrangement.Start`, `Arrangement.Middle`, `Arrangement.End` or a string equivalent.\n   * Default: `Arrangement.Inside` */\n  lineEndIconArrangement?: GenericAccessor<Arrangement | `${Arrangement}`, Datum>;\n  /** Configurable Timeline item cursor when hovering over. Default: `undefined` */\n  lineCursor?: StringAccessor<Datum>;\n  /** Sets the minimum line length to 1 pixel for better visibility of small values. Default: `false` */\n  showEmptySegments?: boolean;\n\n  /** Timeline row height. Default: `22` */\n  rowHeight?: number;\n  /** Alternating row colors. Default: `true` */\n  alternatingRowColors?: boolean;\n\n  // Row Labels\n  /** @deprecated This property has been renamed to `showRowLabels */\n  showLabels?: boolean;\n  /** @deprecated This property has been renamed to `rowLabelWidth */\n  labelWidth?: number;\n  /** @deprecated This property has been renamed to `rowMaxLabelWidth */\n  maxLabelWidth?: number;\n\n  /** Show row labels when set to `true`. Default: `false`. Falls back to deprecated `showLabels` */\n  showRowLabels?: boolean;\n  /** Row label style as an object with the `{ [property-name]: value }` format. Default: `undefined` */\n  rowLabelStyle?: GenericAccessor<Record<string, string>, TimelineRowLabel<Datum>>;\n  /** Row label formatter function. Default: `undefined` */\n  rowLabelFormatter?: (key: string, items: Datum[], i: number) => string;\n  /** Provide an icon href to be displayed before the row label. Default: `undefined` */\n  rowIcon?: (key: string, items: Datum[], i: number) => TimelineRowIcon | undefined;\n  /** Fixed label width in pixels. Labels longer than the specified value will be trimmed. Default: `undefined`. Falls back to deprecated `labelWidth`. */\n  rowLabelWidth?: number;\n  /** Maximum label width in pixels. Labels longer than the specified value will be trimmed. Default: `undefined`. Falls back to deprecated `maxLabelWidth`. */\n  rowMaxLabelWidth?: number;\n  /** Text alignment for labels: `TextAlign.Left`, `TextAlign.Center` or `TextAlign.Right`. Default: `TextAlign.Right` */\n  rowLabelTextAlign?: TextAlign | `${TextAlign}`;\n\n  // Arrows\n  arrows?: TimelineArrow[];\n\n  // Animation\n  /** Control the animation by specify the initial position for new lines as [x, y]. Default: `undefined` */\n  animationLineEnterPosition?:\n  [number | undefined | null, number | undefined | null] |\n  ((d: Datum & TimelineLineRenderState, i: number, data: (Datum & TimelineLineRenderState)[]) => [number | undefined, number | undefined]) |\n  undefined;\n  /** Control the animation by specify the destination position for exiting lines as [x, y]. Default: `undefined` */\n  animationLineExitPosition?: [number | undefined | null, number | undefined | null] |\n  ((d: Datum & TimelineLineRenderState, i: number, data: (Datum & TimelineLineRenderState)[]) => [number | undefined, number | undefined]) |\n  undefined;\n\n  // Callbacks\n  /** Scrolling callback function: `(scrollTop: number) => void`. Default: `undefined` */\n  onScroll?: (scrollTop: number) => void;\n}\n\nexport const TimelineDefaultConfig: TimelineConfigInterface<unknown> = {\n  ...XYComponentDefaultConfig,\n  id: undefined,\n\n  // Items (Lines)\n  cursor: undefined, // Deprecated (see above)\n  type: (d: unknown): string => (d as { type: string }).type, // Deprecated (see above)\n  length: (d: unknown): number => (d as { length: number }).length, // Deprecated (see above)\n  color: (d: unknown): string => (d as { color: string }).color,\n  lineRow: undefined,\n  lineDuration: undefined,\n  lineWidth: 8,\n  lineCap: false,\n  lineCursor: undefined,\n  showEmptySegments: false,\n  lineStartIcon: undefined,\n  lineStartIconColor: undefined,\n  lineStartIconSize: undefined,\n  lineStartIconArrangement: Arrangement.Inside,\n  lineEndIcon: undefined,\n  lineEndIconColor: undefined,\n  lineEndIconSize: undefined,\n  lineEndIconArrangement: Arrangement.Inside,\n\n  // Rows\n  rowHeight: 22,\n  alternatingRowColors: true,\n\n  // Row Labels\n  showLabels: false, // Deprecated (see above)\n  labelWidth: undefined, // Deprecated (see above)\n  maxLabelWidth: 120, // Deprecated (see above)\n\n  showRowLabels: undefined,\n  rowLabelFormatter: undefined,\n  rowIcon: undefined,\n  rowLabelStyle: undefined,\n  rowLabelWidth: undefined,\n  rowMaxLabelWidth: undefined,\n  rowLabelTextAlign: TextAlign.Right,\n\n  // Arrows\n  arrows: undefined,\n\n  // Animation\n  animationLineEnterPosition: undefined,\n\n  // Callbacks\n  onScroll: undefined,\n}\n"],"names":[],"mappings":";;;;MAqGa,qBAAqB,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAC7B,wBAAwB,CAC3B,EAAA,EAAA,EAAE,EAAE,SAAS;;IAGb,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,CAAC,CAAU,KAAc,CAAsB,CAAC,IAAI,EAC1D,MAAM,EAAE,CAAC,CAAU,KAAc,CAAwB,CAAC,MAAM,EAChE,KAAK,EAAE,CAAC,CAAU,KAAc,CAAuB,CAAC,KAAK,EAC7D,OAAO,EAAE,SAAS,EAClB,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,KAAK,EACd,UAAU,EAAE,SAAS,EACrB,iBAAiB,EAAE,KAAK,EACxB,aAAa,EAAE,SAAS,EACxB,kBAAkB,EAAE,SAAS,EAC7B,iBAAiB,EAAE,SAAS,EAC5B,wBAAwB,EAAE,WAAW,CAAC,MAAM,EAC5C,WAAW,EAAE,SAAS,EACtB,gBAAgB,EAAE,SAAS,EAC3B,eAAe,EAAE,SAAS,EAC1B,sBAAsB,EAAE,WAAW,CAAC,MAAM;;AAG1C,IAAA,SAAS,EAAE,EAAE,EACb,oBAAoB,EAAE,IAAI;;AAG1B,IAAA,UAAU,EAAE,KAAK,EACjB,UAAU,EAAE,SAAS,EACrB,aAAa,EAAE,GAAG,EAElB,aAAa,EAAE,SAAS,EACxB,iBAAiB,EAAE,SAAS,EAC5B,OAAO,EAAE,SAAS,EAClB,aAAa,EAAE,SAAS,EACxB,aAAa,EAAE,SAAS,EACxB,gBAAgB,EAAE,SAAS,EAC3B,iBAAiB,EAAE,SAAS,CAAC,KAAK;;AAGlC,IAAA,MAAM,EAAE,SAAS;;AAGjB,IAAA,0BAA0B,EAAE,SAAS;;IAGrC,QAAQ,EAAE,SAAS,EAAA;;;;"}

package/components/timeline/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const TIMELINE_DEFAULT_ARROW_HEAD_LENGTH = 8;
+export declare const TIMELINE_DEFAULT_ARROW_HEAD_WIDTH = 6;
+export declare const TIMELINE_DEFAULT_ARROW_MARGIN = 3;

package/components/timeline/constants.js

@@ -0,0 +1,6 @@
+const TIMELINE_DEFAULT_ARROW_HEAD_LENGTH = 8;
+const TIMELINE_DEFAULT_ARROW_HEAD_WIDTH = 6;
+const TIMELINE_DEFAULT_ARROW_MARGIN = 3;
+
+export { TIMELINE_DEFAULT_ARROW_HEAD_LENGTH, TIMELINE_DEFAULT_ARROW_HEAD_WIDTH, TIMELINE_DEFAULT_ARROW_MARGIN };
+//# sourceMappingURL=constants.js.map

package/components/timeline/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/timeline/constants.ts"],"sourcesContent":["export const TIMELINE_DEFAULT_ARROW_HEAD_LENGTH = 8\nexport const TIMELINE_DEFAULT_ARROW_HEAD_WIDTH = 6\nexport const TIMELINE_DEFAULT_ARROW_MARGIN = 3\n"],"names":[],"mappings":"AAAO,MAAM,kCAAkC,GAAG,EAAC;AAC5C,MAAM,iCAAiC,GAAG,EAAC;AAC3C,MAAM,6BAA6B,GAAG;;;;"}

package/components/timeline/index.d.ts

@@ -1,4 +1,5 @@
 import { XYComponentCore } from "../../core/xy-component";
+import { Spacing } from "../../types";
 import { TimelineConfigInterface } from './config';
 import * as s from './style';
 export declare class Timeline<Datum> extends XYComponentCore<Datum, TimelineConfigInterface<Datum>> {
@@ -12,8 +13,10 @@ export declare class Timeline<Datum> extends XYComponentCore<Datum, TimelineConf
     };
     private _background;
     private _rowsGroup;
+    private _arrowsGroup;
     private _linesGroup;
     private _labelsGroup;
+    private _rowIconsGroup;
     private _scrollBarGroup;
     private _scrollBarBackground;
     private _scrollBarHandle;
@@ -23,20 +26,28 @@ export declare class Timeline<Datum> extends XYComponentCore<Datum, TimelineConf
     private _maxScroll;
     private _scrollbarHeight;
     private _labelMargin;
+    private _labelWidth;
+    private _rowIconBleed;
+    private _lineBleed;
+    /** We define a dedicated clipping path for this component because it needs to behave
+     * differently than the regular XYContainer's clipPath */
+    private _clipPathId;
+    private _clipPath;
     constructor(config?: TimelineConfigInterface<Datum>);
-    get bleed(): {
-        top: number;
-        bottom: number;
-        left: number;
-        right: number;
-    };
+    setConfig(config: TimelineConfigInterface<Datum>): void;
+    setData(data: Datum[]): void;
+    get bleed(): Spacing;
     _render(customDuration?: number): void;
-    private _positionLines;
+    private _getLineLength;
+    private _getLineWidth;
+    private _getLineDuration;
+    private _prepareLinesData;
+    private _prepareArrowsData;
+    private _renderLines;
     private _onScrollbarDrag;
     private _onMouseWheel;
     private _updateScrollPosition;
-    private _getMaxLineWidth;
-    private _getRecordType;
-    private _getRecordLabels;
+    private _getRecordKey;
+    private _getRowLabels;
     getXDataExtent(): number[];
 }