@unovis/ts 1.6.0-pre.2 → 1.6.0

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 PlotbandLabelOptions {
+    labelText?: string;
+    labelPosition: PlotbandLabelPosition;
+    labelOffsetX: number;
+    labelOffsetY: number;
+    labelOrientation: PlotbandLabelOrientation;
+    labelColor?: string;
+    labelSize?: number;
+}
+export declare type PlotbandLayoutValue = {
+    x: number;
+    y: number;
+    textAnchor: string;
+    dominantBaseline: string;
+};
+export declare type PlotbandLabelLayout = {
+    rotation: number;
+    transform: string;
+} & PlotbandLayoutValue;
+declare type LabelLayoutFn = (params: {
+    startX: number;
+    startY: number;
+    width: number;
+    height: number;
+    offsetX: number;
+    offsetY: number;
+}) => PlotbandLayoutValue;
+export declare type PlotbandLayoutMap = 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 PlotbandLabelOptions {\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 PlotbandLayoutValue = {\n  x: number;\n  y: number;\n  textAnchor: string;\n  dominantBaseline: string;\n}\n\nexport type PlotbandLabelLayout = {\n  rotation: number;\n  transform: string;\n} & PlotbandLayoutValue\n\n\ntype LabelLayoutFn = (params: {\n  startX: number;\n  startY: number;\n  width: number;\n  height: number;\n  offsetX: number;\n  offsetY: number;\n}) => PlotbandLayoutValue\n\nexport type PlotbandLayoutMap = 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/plotline/config.d.ts

@@ -0,0 +1,91 @@
+import { XYComponentConfigInterface } from "../../core/xy-component/config";
+import { AxisType } from "../axis/types";
+import { PlotlineLabelPosition, PlotlineLabelOrientation, PlotlineLineStylePresets } from './types';
+export interface PlotlineConfigInterface<Datum> extends Partial<XYComponentConfigInterface<Datum>> {
+    /**
+     * Color of the plotline.
+     * Uses CSS variable: `--vis-plotline-color`.
+     *
+     * @default 'var(--vis-plotline-color)'
+     */
+    color?: string;
+    /**
+     * Line width in pixels.
+     * Uses CSS variable: `--vis-plotline-width`.
+     *
+     * @default 2
+     */
+    lineWidth?: number;
+    /**
+     * Plotline direction type.
+     * Should be either `AxisType.X` or `AxisType.Y`.
+     *
+     * @default AxisType.Y
+     */
+    axis?: AxisType | string;
+    /**
+     * Value to draw the plotline at.
+     *
+     * @default 0
+     */
+    value?: number | null | undefined;
+    /**
+     * Duration of the animation in milliseconds.
+     *
+     * @default 300
+     */
+    duration?: number;
+    /**
+     * Line style of the plotline.
+     * Can be a named preset or an array of numbers representing `stroke-dasharray`.
+     * Uses CSS variable: `--vis-plotline-dasharray`.
+     *
+     * @default PlotlineLineStylePresets.Solid
+     */
+    lineStyle?: PlotlineLineStylePresets | number[];
+    /**
+     * Label text to display on the plotline.
+     *
+     * @default undefined
+     */
+    labelText?: string;
+    /**
+     * Position of the label relative to the plotline.
+     *
+     * @default PlotlineLabelPosition.TopRight
+     */
+    labelPosition?: PlotlineLabelPosition;
+    /**
+     * Horizontal offset of the label in pixels.
+     *
+     * @default 14
+     */
+    labelOffsetX?: number;
+    /**
+     * Vertical offset of the label in pixels.
+     *
+     * @default 14
+     */
+    labelOffsetY?: number;
+    /**
+     * Orientation of the label: horizontal or vertical.
+     *
+     * @default PlotlineLabelOrientation.Horizontal
+     */
+    labelOrientation?: PlotlineLabelOrientation;
+    /**
+     * Color of the label text.
+     * Uses CSS variable: `--vis-plotline-label-color`.
+     *
+     * @default 'var(--vis-plotline-label-color)'
+     */
+    labelColor?: string;
+    /**
+     * Font size of the label text in pixels.
+     * Uses CSS variable: `--vis-plotline-label-font-size`.
+     *
+     * @default 'var(--vis-plotline-label-font-size)'
+     */
+    labelSize?: number;
+}
+export declare const PlotlineDefaultConfig: PlotlineConfigInterface<unknown>;

package/components/plotline/config.js

@@ -0,0 +1,9 @@
+import { XYComponentDefaultConfig } from '../../core/xy-component/config.js';
+import { AxisType } from '../axis/types.js';
+import { PlotlineLineStylePresets, PlotlineLabelPosition, PlotlineLabelOrientation } from './types.js';
+
+// Config
+const PlotlineDefaultConfig = Object.assign(Object.assign({}, XYComponentDefaultConfig), { lineWidth: 2, axis: AxisType.Y, value: 0, duration: 300, color: undefined, lineStyle: PlotlineLineStylePresets.Solid, labelPosition: PlotlineLabelPosition.TopRight, labelOffsetX: 14, labelOffsetY: 14, labelOrientation: PlotlineLabelOrientation.Horizontal });
+
+export { PlotlineDefaultConfig };
+//# sourceMappingURL=config.js.map

package/components/plotline/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/components/plotline/config.ts"],"sourcesContent":["// Config\nimport { XYComponentConfigInterface, XYComponentDefaultConfig } from 'core/xy-component/config'\n\n// Types\nimport { AxisType } from 'components/axis/types'\nimport { PlotlineLabelPosition, PlotlineLabelOrientation, PlotlineLineStylePresets } from './types'\n\nexport interface PlotlineConfigInterface<Datum> extends Partial<XYComponentConfigInterface<Datum>> {\n  /**\n   * Color of the plotline.\n   * Uses CSS variable: `--vis-plotline-color`.\n   *\n   * @default 'var(--vis-plotline-color)'\n   */\n  color?: string;\n\n  /**\n   * Line width in pixels.\n   * Uses CSS variable: `--vis-plotline-width`.\n   *\n   * @default 2\n   */\n  lineWidth?: number;\n\n  /**\n   * Plotline direction type.\n   * Should be either `AxisType.X` or `AxisType.Y`.\n   *\n   * @default AxisType.Y\n   */\n  axis?: AxisType | string;\n\n  /**\n   * Value to draw the plotline at.\n   *\n   * @default 0\n   */\n  value?: number | null | undefined;\n\n  /**\n   * Duration of the animation in milliseconds.\n   *\n   * @default 300\n   */\n  duration?: number;\n\n  /**\n   * Line style of the plotline.\n   * Can be a named preset or an array of numbers representing `stroke-dasharray`.\n   * Uses CSS variable: `--vis-plotline-dasharray`.\n   *\n   * @default PlotlineLineStylePresets.Solid\n   */\n  lineStyle?: PlotlineLineStylePresets | number[];\n\n  /**\n   * Label text to display on the plotline.\n   *\n   * @default undefined\n   */\n  labelText?: string;\n\n  /**\n   * Position of the label relative to the plotline.\n   *\n   * @default PlotlineLabelPosition.TopRight\n   */\n  labelPosition?: PlotlineLabelPosition;\n\n  /**\n   * Horizontal offset of the label in pixels.\n   *\n   * @default 14\n   */\n  labelOffsetX?: number;\n\n  /**\n   * Vertical offset of the label in pixels.\n   *\n   * @default 14\n   */\n  labelOffsetY?: number;\n\n  /**\n   * Orientation of the label: horizontal or vertical.\n   *\n   * @default PlotlineLabelOrientation.Horizontal\n   */\n  labelOrientation?: PlotlineLabelOrientation;\n\n  /**\n   * Color of the label text.\n   * Uses CSS variable: `--vis-plotline-label-color`.\n   *\n   * @default 'var(--vis-plotline-label-color)'\n   */\n  labelColor?: string;\n\n  /**\n   * Font size of the label text in pixels.\n   * Uses CSS variable: `--vis-plotline-label-font-size`.\n   *\n   * @default 'var(--vis-plotline-label-font-size)'\n   */\n  labelSize?: number;\n}\n\nexport const PlotlineDefaultConfig: PlotlineConfigInterface<unknown> = {\n  ...XYComponentDefaultConfig,\n  lineWidth: 2,\n  axis: AxisType.Y,\n  value: 0,\n  duration: 300,\n  color: undefined,\n  lineStyle: PlotlineLineStylePresets.Solid,\n  labelPosition: PlotlineLabelPosition.TopRight,\n  labelOffsetX: 14,\n  labelOffsetY: 14,\n  labelOrientation: PlotlineLabelOrientation.Horizontal,\n}\n"],"names":[],"mappings":";;;;AAAA;AA2Ga,MAAA,qBAAqB,GAC7B,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,wBAAwB,KAC3B,SAAS,EAAE,CAAC,EACZ,IAAI,EAAE,QAAQ,CAAC,CAAC,EAChB,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,GAAG,EACb,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,wBAAwB,CAAC,KAAK,EACzC,aAAa,EAAE,qBAAqB,CAAC,QAAQ,EAC7C,YAAY,EAAE,EAAE,EAChB,YAAY,EAAE,EAAE,EAChB,gBAAgB,EAAE,wBAAwB,CAAC,UAAU,EAAA;;;;"}

package/components/plotline/constants.d.ts

@@ -0,0 +1,6 @@
+import { PlotlineLineStylePresets, PlotlineLayoutMap, LineStyleValue } from './types';
+export declare const LINE_STYLE: Record<PlotlineLineStylePresets, LineStyleValue | 'none'>;
+export declare const HORIZONTAL_X: PlotlineLayoutMap;
+export declare const VERTICAL_X: PlotlineLayoutMap;
+export declare const HORIZONTAL_Y: PlotlineLayoutMap;
+export declare const VERTICAL_Y: PlotlineLayoutMap;

package/components/plotline/constants.js

@@ -0,0 +1,58 @@
+import { PlotlineLabelPosition } from './types.js';
+
+const LINE_STYLE = {
+    solid: 'none',
+    shortDash: '6,2',
+    shortDot: '2,2',
+    shortDashDot: '6,2,2,2',
+    shortDashDotDot: '6,2,2,2,2,2',
+    dot: '2,6',
+    dash: '8,6',
+    longDash: '16,6',
+    dashDot: '8,6,2,6',
+    longDashDot: '16,6,2,6',
+    longDashDotDot: '16,6,2,6,2,6',
+};
+const HORIZONTAL_X = {
+    [PlotlineLabelPosition.TopLeft]: ({ width, offsetX, offsetY }) => ({ x: width - offsetX, y: offsetY, textAnchor: 'end', dominantBaseline: 'text-before-edge' }),
+    [PlotlineLabelPosition.Top]: ({ width, offsetY }) => ({ x: width, y: offsetY, textAnchor: 'middle', dominantBaseline: 'text-before-edge' }),
+    [PlotlineLabelPosition.TopRight]: ({ width, offsetX, offsetY }) => ({ x: width + offsetX, y: offsetY, textAnchor: 'start', dominantBaseline: 'text-before-edge' }),
+    [PlotlineLabelPosition.Right]: ({ width, height, offsetX }) => ({ x: width + offsetX, y: height / 2, textAnchor: 'start', dominantBaseline: 'middle' }),
+    [PlotlineLabelPosition.BottomRight]: ({ width, height, offsetX, offsetY }) => ({ x: width + offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-after-edge' }),
+    [PlotlineLabelPosition.Bottom]: ({ width, height, offsetY }) => ({ x: width, y: height - offsetY, textAnchor: 'middle', dominantBaseline: 'text-after-edge' }),
+    [PlotlineLabelPosition.BottomLeft]: ({ width, height, offsetX, offsetY }) => ({ x: width - offsetX, y: height - offsetY, textAnchor: 'end', dominantBaseline: 'text-after-edge' }),
+    [PlotlineLabelPosition.Left]: ({ width, height, offsetX }) => ({ x: width - offsetX, y: height / 2, textAnchor: 'end', dominantBaseline: 'middle' }),
+};
+const VERTICAL_X = {
+    [PlotlineLabelPosition.TopLeft]: ({ width, offsetX, offsetY }) => ({ x: width - offsetX, y: offsetY, textAnchor: 'end', dominantBaseline: 'text-after-edge' }),
+    [PlotlineLabelPosition.Top]: ({ width, offsetY }) => ({ x: width, y: offsetY, textAnchor: 'end', dominantBaseline: 'middle' }),
+    [PlotlineLabelPosition.TopRight]: ({ width, offsetX, offsetY }) => ({ x: width + offsetX, y: offsetY, textAnchor: 'end', dominantBaseline: 'text-before-edge' }),
+    [PlotlineLabelPosition.Right]: ({ width, height, offsetX }) => ({ x: width + offsetX, y: height / 2, textAnchor: 'middle', dominantBaseline: 'text-before-edge' }),
+    [PlotlineLabelPosition.BottomRight]: ({ width, height, offsetX, offsetY }) => ({ x: width + offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-before-edge' }),
+    [PlotlineLabelPosition.Bottom]: ({ width, height, offsetY }) => ({ x: width, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'middle' }),
+    [PlotlineLabelPosition.BottomLeft]: ({ width, height, offsetX, offsetY }) => ({ x: width - offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-after-edge' }),
+    [PlotlineLabelPosition.Left]: ({ width, height, offsetX }) => ({ x: width - offsetX, y: height / 2, textAnchor: 'middle', dominantBaseline: 'text-after-edge' }),
+};
+const HORIZONTAL_Y = {
+    [PlotlineLabelPosition.TopLeft]: ({ offsetX, height, offsetY }) => ({ x: offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-after-edge' }),
+    [PlotlineLabelPosition.Top]: ({ width, height, offsetY }) => ({ x: width / 2, y: height - offsetY, textAnchor: 'middle', dominantBaseline: 'text-after-edge' }),
+    [PlotlineLabelPosition.TopRight]: ({ width, offsetX, height, offsetY }) => ({ x: width - offsetX, y: height - offsetY, textAnchor: 'end', dominantBaseline: 'text-after-edge' }),
+    [PlotlineLabelPosition.Right]: ({ width, offsetX, height }) => ({ x: width - offsetX, y: height, textAnchor: 'end', dominantBaseline: 'middle' }),
+    [PlotlineLabelPosition.BottomRight]: ({ width, offsetX, height, offsetY }) => ({ x: width - offsetX, y: height + offsetY, textAnchor: 'end', dominantBaseline: 'text-before-edge' }),
+    [PlotlineLabelPosition.Bottom]: ({ width, height, offsetY }) => ({ x: width / 2, y: height + offsetY, textAnchor: 'middle', dominantBaseline: 'text-before-edge' }),
+    [PlotlineLabelPosition.BottomLeft]: ({ offsetX, height, offsetY }) => ({ x: offsetX, y: height + offsetY, textAnchor: 'start', dominantBaseline: 'text-before-edge' }),
+    [PlotlineLabelPosition.Left]: ({ offsetX, height }) => ({ x: offsetX, y: height, textAnchor: 'start', dominantBaseline: 'middle' }),
+};
+const VERTICAL_Y = {
+    [PlotlineLabelPosition.TopLeft]: ({ offsetX, height, offsetY }) => ({ x: offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-before-edge' }),
+    [PlotlineLabelPosition.Top]: ({ width, height, offsetY }) => ({ x: width / 2, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'central' }),
+    [PlotlineLabelPosition.TopRight]: ({ width, offsetX, height, offsetY }) => ({ x: width - offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-after-edge' }),
+    [PlotlineLabelPosition.Right]: ({ width, offsetX, height }) => ({ x: width - offsetX, y: height, textAnchor: 'middle', dominantBaseline: 'text-after-edge' }),
+    [PlotlineLabelPosition.BottomRight]: ({ width, offsetX, height, offsetY }) => ({ x: width - offsetX, y: height + offsetY, textAnchor: 'end', dominantBaseline: 'text-after-edge' }),
+    [PlotlineLabelPosition.Bottom]: ({ width, height, offsetY }) => ({ x: width / 2, y: height + offsetY, textAnchor: 'end', dominantBaseline: 'central' }),
+    [PlotlineLabelPosition.BottomLeft]: ({ offsetX, height, offsetY }) => ({ x: offsetX, y: height + offsetY, textAnchor: 'end', dominantBaseline: 'text-before-edge' }),
+    [PlotlineLabelPosition.Left]: ({ offsetX, height }) => ({ x: offsetX, y: height, textAnchor: 'middle', dominantBaseline: 'text-before-edge' }),
+};
+
+export { HORIZONTAL_X, HORIZONTAL_Y, LINE_STYLE, VERTICAL_X, VERTICAL_Y };
+//# sourceMappingURL=constants.js.map

package/components/plotline/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../src/components/plotline/constants.ts"],"sourcesContent":["import { PlotlineLineStylePresets, PlotlineLabelPosition, PlotlineLayoutMap, LineStyleValue } from './types'\n\nexport const LINE_STYLE: Record<PlotlineLineStylePresets, LineStyleValue | 'none'> = {\n  solid: 'none',\n  shortDash: '6,2',\n  shortDot: '2,2',\n  shortDashDot: '6,2,2,2',\n  shortDashDotDot: '6,2,2,2,2,2',\n  dot: '2,6',\n  dash: '8,6',\n  longDash: '16,6',\n  dashDot: '8,6,2,6',\n  longDashDot: '16,6,2,6',\n  longDashDotDot: '16,6,2,6,2,6',\n}\n\nexport const HORIZONTAL_X: PlotlineLayoutMap = {\n  [PlotlineLabelPosition.TopLeft]: ({ width, offsetX, offsetY }) => ({ x: width - offsetX, y: offsetY, textAnchor: 'end', dominantBaseline: 'text-before-edge' }),\n  [PlotlineLabelPosition.Top]: ({ width, offsetY }) => ({ x: width, y: offsetY, textAnchor: 'middle', dominantBaseline: 'text-before-edge' }),\n  [PlotlineLabelPosition.TopRight]: ({ width, offsetX, offsetY }) => ({ x: width + offsetX, y: offsetY, textAnchor: 'start', dominantBaseline: 'text-before-edge' }),\n  [PlotlineLabelPosition.Right]: ({ width, height, offsetX }) => ({ x: width + offsetX, y: height / 2, textAnchor: 'start', dominantBaseline: 'middle' }),\n  [PlotlineLabelPosition.BottomRight]: ({ width, height, offsetX, offsetY }) => ({ x: width + offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-after-edge' }),\n  [PlotlineLabelPosition.Bottom]: ({ width, height, offsetY }) => ({ x: width, y: height - offsetY, textAnchor: 'middle', dominantBaseline: 'text-after-edge' }),\n  [PlotlineLabelPosition.BottomLeft]: ({ width, height, offsetX, offsetY }) => ({ x: width - offsetX, y: height - offsetY, textAnchor: 'end', dominantBaseline: 'text-after-edge' }),\n  [PlotlineLabelPosition.Left]: ({ width, height, offsetX }) => ({ x: width - offsetX, y: height / 2, textAnchor: 'end', dominantBaseline: 'middle' }),\n}\n\nexport const VERTICAL_X: PlotlineLayoutMap = {\n  [PlotlineLabelPosition.TopLeft]: ({ width, offsetX, offsetY }) => ({ x: width - offsetX, y: offsetY, textAnchor: 'end', dominantBaseline: 'text-after-edge' }),\n  [PlotlineLabelPosition.Top]: ({ width, offsetY }) => ({ x: width, y: offsetY, textAnchor: 'end', dominantBaseline: 'middle' }),\n  [PlotlineLabelPosition.TopRight]: ({ width, offsetX, offsetY }) => ({ x: width + offsetX, y: offsetY, textAnchor: 'end', dominantBaseline: 'text-before-edge' }),\n  [PlotlineLabelPosition.Right]: ({ width, height, offsetX }) => ({ x: width + offsetX, y: height / 2, textAnchor: 'middle', dominantBaseline: 'text-before-edge' }),\n  [PlotlineLabelPosition.BottomRight]: ({ width, height, offsetX, offsetY }) => ({ x: width + offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-before-edge' }),\n  [PlotlineLabelPosition.Bottom]: ({ width, height, offsetY }) => ({ x: width, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'middle' }),\n  [PlotlineLabelPosition.BottomLeft]: ({ width, height, offsetX, offsetY }) => ({ x: width - offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-after-edge' }),\n  [PlotlineLabelPosition.Left]: ({ width, height, offsetX }) => ({ x: width - offsetX, y: height / 2, textAnchor: 'middle', dominantBaseline: 'text-after-edge' }),\n}\n\nexport const HORIZONTAL_Y: PlotlineLayoutMap = {\n  [PlotlineLabelPosition.TopLeft]: ({ offsetX, height, offsetY }) => ({ x: offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-after-edge' }),\n  [PlotlineLabelPosition.Top]: ({ width, height, offsetY }) => ({ x: width / 2, y: height - offsetY, textAnchor: 'middle', dominantBaseline: 'text-after-edge' }),\n  [PlotlineLabelPosition.TopRight]: ({ width, offsetX, height, offsetY }) => ({ x: width - offsetX, y: height - offsetY, textAnchor: 'end', dominantBaseline: 'text-after-edge' }),\n  [PlotlineLabelPosition.Right]: ({ width, offsetX, height }) => ({ x: width - offsetX, y: height, textAnchor: 'end', dominantBaseline: 'middle' }),\n  [PlotlineLabelPosition.BottomRight]: ({ width, offsetX, height, offsetY }) => ({ x: width - offsetX, y: height + offsetY, textAnchor: 'end', dominantBaseline: 'text-before-edge' }),\n  [PlotlineLabelPosition.Bottom]: ({ width, height, offsetY }) => ({ x: width / 2, y: height + offsetY, textAnchor: 'middle', dominantBaseline: 'text-before-edge' }),\n  [PlotlineLabelPosition.BottomLeft]: ({ offsetX, height, offsetY }) => ({ x: offsetX, y: height + offsetY, textAnchor: 'start', dominantBaseline: 'text-before-edge' }),\n  [PlotlineLabelPosition.Left]: ({ offsetX, height }) => ({ x: offsetX, y: height, textAnchor: 'start', dominantBaseline: 'middle' }),\n}\n\nexport const VERTICAL_Y: PlotlineLayoutMap = {\n  [PlotlineLabelPosition.TopLeft]: ({ offsetX, height, offsetY }) => ({ x: offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-before-edge' }),\n  [PlotlineLabelPosition.Top]: ({ width, height, offsetY }) => ({ x: width / 2, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'central' }),\n  [PlotlineLabelPosition.TopRight]: ({ width, offsetX, height, offsetY }) => ({ x: width - offsetX, y: height - offsetY, textAnchor: 'start', dominantBaseline: 'text-after-edge' }),\n  [PlotlineLabelPosition.Right]: ({ width, offsetX, height }) => ({ x: width - offsetX, y: height, textAnchor: 'middle', dominantBaseline: 'text-after-edge' }),\n  [PlotlineLabelPosition.BottomRight]: ({ width, offsetX, height, offsetY }) => ({ x: width - offsetX, y: height + offsetY, textAnchor: 'end', dominantBaseline: 'text-after-edge' }),\n  [PlotlineLabelPosition.Bottom]: ({ width, height, offsetY }) => ({ x: width / 2, y: height + offsetY, textAnchor: 'end', dominantBaseline: 'central' }),\n  [PlotlineLabelPosition.BottomLeft]: ({ offsetX, height, offsetY }) => ({ x: offsetX, y: height + offsetY, textAnchor: 'end', dominantBaseline: 'text-before-edge' }),\n  [PlotlineLabelPosition.Left]: ({ offsetX, height }) => ({ x: offsetX, y: height, textAnchor: 'middle', dominantBaseline: 'text-before-edge' }),\n}\n"],"names":[],"mappings":"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"}

package/components/plotline/index.d.ts

@@ -0,0 +1,14 @@
+import { Selection } from 'd3-selection';
+import { XYComponentCore } from "../../core/xy-component";
+import { PlotlineConfigInterface } from './config';
+import * as s from './style';
+export declare class Plotline<Datum> extends XYComponentCore<Datum, PlotlineConfigInterface<Datum>> {
+    static selectors: typeof s;
+    protected _defaultConfig: PlotlineConfigInterface<Datum>;
+    value: number | null | undefined;
+    plotline: Selection<SVGLineElement, unknown, null, undefined>;
+    label: Selection<SVGTextElement, unknown, null, undefined>;
+    constructor(config: PlotlineConfigInterface<Datum>);
+    _render(customDuration?: number): void;
+    private computeLabel;
+}

package/components/plotline/index.js

@@ -0,0 +1,102 @@
+import { smartTransition } from '../../utils/d3.js';
+import { XYComponentCore } from '../../core/xy-component/index.js';
+import { AxisType } from '../axis/types.js';
+import { LINE_STYLE, VERTICAL_X, HORIZONTAL_X, VERTICAL_Y, HORIZONTAL_Y } from './constants.js';
+import { PlotlineDefaultConfig } from './config.js';
+import { PlotlineLabelOrientation } from './types.js';
+import * as style from './style.js';
+import { plotline, label } from './style.js';
+
+// Utils
+class Plotline extends XYComponentCore {
+    constructor(config) {
+        super();
+        this._defaultConfig = PlotlineDefaultConfig;
+        if (config)
+            this.setConfig(config);
+        this.plotline = this.g
+            .append('line')
+            .attr('class', plotline);
+        this.label = this.g
+            .append('text')
+            .attr('class', label);
+    }
+    _render(customDuration) {
+        super._render(customDuration);
+        const { config } = this;
+        this.value = config.value;
+        let strokeDashArray;
+        if (typeof (config === null || config === void 0 ? void 0 : config.lineStyle) === 'string') {
+            strokeDashArray = LINE_STYLE[config.lineStyle];
+        }
+        else if (Array.isArray(config.lineStyle)) {
+            strokeDashArray = config.lineStyle.join(',');
+        }
+        else {
+            strokeDashArray = 'none';
+        }
+        this.value = config.value;
+        this.plotline
+            .attr('stroke-opacity', 1)
+            .style('stroke-width', config.lineWidth)
+            .style('stroke-dasharray', strokeDashArray)
+            .style('stroke', config.color);
+        let x1 = 0;
+        let x2 = 0;
+        let y1 = 0;
+        let y2 = 0;
+        if (config.axis === AxisType.Y) {
+            y1 = this.yScale(this.value);
+            y2 = this.yScale(this.value);
+            x1 = 0;
+            x2 = this._width;
+        }
+        else {
+            y1 = 0;
+            y2 = this._height;
+            x1 = this.xScale(this.value);
+            x2 = this.xScale(this.value);
+        }
+        smartTransition(this.plotline, config.duration)
+            .attr('x1', x1)
+            .attr('x2', x2)
+            .attr('y1', y1)
+            .attr('y2', y2);
+        if (config.labelText) {
+            const labelProps = this.computeLabel(config.axis, x2, y2, config.labelPosition, config.labelOffsetX, config.labelOffsetY, config.labelOrientation);
+            this.label
+                .text(config.labelText)
+                .attr('transform', labelProps.transform)
+                .attr('dominant-baseline', labelProps.dominantBaseline)
+                .style('fill', config.labelColor)
+                .style('text-anchor', labelProps.textAnchor)
+                .style('font-size', config.labelSize ? `${config.labelSize}px` : undefined);
+            smartTransition(this.label, config.duration)
+                .attr('x', labelProps.x)
+                .attr('y', labelProps.y);
+        }
+        smartTransition(this.plotline.exit())
+            .style('opacity', 0)
+            .remove();
+    }
+    computeLabel(axis, width, height, position, offsetX, offsetY, orientation) {
+        const isVertical = orientation === PlotlineLabelOrientation.Vertical;
+        const rotation = isVertical ? -90 : 0;
+        let layout;
+        if (axis === AxisType.X) {
+            const map = isVertical ? VERTICAL_X : HORIZONTAL_X;
+            layout = map[position]({ width, height, offsetX, offsetY });
+        }
+        else {
+            const map = isVertical ? VERTICAL_Y : HORIZONTAL_Y;
+            layout = map[position]({ width, height, offsetX, offsetY });
+        }
+        const transform = rotation ? `rotate(${rotation}, ${layout.x}, ${layout.y})` : '';
+        return Object.assign(Object.assign({}, layout), { rotation,
+            transform });
+    }
+}
+Plotline.selectors = style;
+
+export { Plotline };
+//# sourceMappingURL=index.js.map

package/components/plotline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/plotline/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 { LINE_STYLE, VERTICAL_X, HORIZONTAL_X, VERTICAL_Y, HORIZONTAL_Y } from './constants'\nimport { PlotlineDefaultConfig, PlotlineConfigInterface } from './config'\nimport { PlotlineLabelPosition, PlotlineLabelOrientation, PlotlineLabelLayout, PlotlineLayoutValue } from './types'\n\n// Styles\nimport * as s from './style'\n\nexport class Plotline<Datum> extends XYComponentCore<Datum, PlotlineConfigInterface<Datum>> {\n  static selectors = s\n  protected _defaultConfig = PlotlineDefaultConfig as PlotlineConfigInterface<Datum>\n  value: number | null | undefined\n  plotline: Selection<SVGLineElement, unknown, null, undefined>\n  label: Selection<SVGTextElement, unknown, null, undefined>\n\n  constructor (config: PlotlineConfigInterface<Datum>) {\n    super()\n    if (config) this.setConfig(config)\n\n    this.plotline = this.g\n      .append('line')\n      .attr('class', s.plotline)\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.value = config.value\n\n    let strokeDashArray\n\n    if (typeof config?.lineStyle === 'string') {\n      strokeDashArray = LINE_STYLE[config.lineStyle]\n    } else if (Array.isArray(config.lineStyle)) {\n      strokeDashArray = config.lineStyle.join(',')\n    } else {\n      strokeDashArray = 'none'\n    }\n\n    this.value = config.value\n\n    this.plotline\n      .attr('stroke-opacity', 1)\n      .style('stroke-width', config.lineWidth)\n      .style('stroke-dasharray', strokeDashArray)\n      .style('stroke', config.color)\n\n    let x1 = 0\n    let x2 = 0\n    let y1 = 0\n    let y2 = 0\n\n    if (config.axis === AxisType.Y) {\n      y1 = this.yScale(this.value)\n      y2 = this.yScale(this.value)\n      x1 = 0\n      x2 = this._width\n    } else {\n      y1 = 0\n      y2 = this._height\n      x1 = this.xScale(this.value)\n      x2 = this.xScale(this.value)\n    }\n\n    smartTransition(this.plotline, config.duration)\n      .attr('x1', x1)\n      .attr('x2', x2)\n      .attr('y1', y1)\n      .attr('y2', y2)\n\n    if (config.labelText) {\n      const labelProps = this.computeLabel(\n        config.axis,\n        x2,\n        y2,\n        config.labelPosition,\n        config.labelOffsetX,\n        config.labelOffsetY,\n        config.labelOrientation\n      )\n\n      this.label\n        .text(config.labelText)\n        .attr('transform', labelProps.transform)\n        .attr('dominant-baseline', labelProps.dominantBaseline)\n        .style('fill', config.labelColor)\n        .style('text-anchor', labelProps.textAnchor)\n        .style('font-size', config.labelSize ? `${config.labelSize}px` : undefined)\n\n      smartTransition(this.label, config.duration)\n        .attr('x', labelProps.x)\n        .attr('y', labelProps.y)\n    }\n\n    smartTransition(this.plotline.exit())\n      .style('opacity', 0)\n      .remove()\n  }\n\n  private computeLabel (\n    axis: AxisType | string,\n    width: number,\n    height: number,\n    position: PlotlineLabelPosition,\n    offsetX: number,\n    offsetY: number,\n    orientation: PlotlineLabelOrientation\n  ): PlotlineLabelLayout {\n    const isVertical = orientation === PlotlineLabelOrientation.Vertical\n    const rotation = isVertical ? -90 : 0\n\n    let layout: PlotlineLayoutValue\n\n    if (axis === AxisType.X) {\n      const map = isVertical ? VERTICAL_X : HORIZONTAL_X\n      layout = map[position]({ width, height, offsetX, offsetY })\n    } else {\n      const map = isVertical ? VERTICAL_Y : HORIZONTAL_Y\n      layout = map[position]({ width, height, offsetX, offsetY })\n    }\n\n    const transform = rotation ? `rotate(${rotation}, ${layout.x}, ${layout.y})` : ''\n\n    return {\n      ...layout,\n      rotation,\n      transform,\n    }\n  }\n}\n"],"names":["s.plotline","s.label","s"],"mappings":"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"}

package/components/plotline/style.d.ts

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

package/components/plotline/style.js

@@ -0,0 +1,42 @@
+import { injectGlobal, css } from '@emotion/css';
+
+const globalStyles = injectGlobal `
+  :root {
+    --vis-plotline-color: rgb(226, 32, 58);
+    --vis-plotline-width: 2;
+    --vis-plotline-dasharray: none;
+    --vis-plotline-stroke-dashoffset: 0;
+    --vis-plotline-label-font-size: 12px;
+    --vis-plotline-label-color: #000;
+
+    --vis-dark-plotline-label-color: #e5e9f7;
+  }
+
+  body.theme-dark {
+    --vis-plotline-label-color: var(--vis-dark-tooltip-text-color);
+  }
+`;
+const root = css `
+  label: plotline-component;
+`;
+const plotline = css `
+  label: plotline;
+  transition: opacity 200ms;
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  stroke: var(--vis-plotline-color);
+  stroke-width: var(--vis-plotline-width);
+  stroke-dasharray: var(--vis-plotline-dasharray);
+  stroke-dashoffset: var(--vis-plotline-stroke-dashoffset);
+`;
+const label = css `
+  label: plotline-label;
+  text-anchor: middle;
+  /* dominant-baseline: middle; */
+  pointer-events: none;
+  font-size: var(--vis-plotline-label-font-size);
+  fill: var(--vis-plotline-label-color);
+`;
+
+export { globalStyles, label, plotline, root };
+//# sourceMappingURL=style.js.map

package/components/plotline/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../src/components/plotline/style.ts"],"sourcesContent":["import { css, injectGlobal } from '@emotion/css'\n\nexport const globalStyles = injectGlobal`\n  :root {\n    --vis-plotline-color: rgb(226, 32, 58);\n    --vis-plotline-width: 2;\n    --vis-plotline-dasharray: none;\n    --vis-plotline-stroke-dashoffset: 0;\n    --vis-plotline-label-font-size: 12px;\n    --vis-plotline-label-color: #000;\n\n    --vis-dark-plotline-label-color: #e5e9f7;\n  }\n\n  body.theme-dark {\n    --vis-plotline-label-color: var(--vis-dark-tooltip-text-color);\n  }\n`\n\nexport const root = css`\n  label: plotline-component;\n`\n\nexport const plotline = css`\n  label: plotline;\n  transition: opacity 200ms;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  stroke: var(--vis-plotline-color);\n  stroke-width: var(--vis-plotline-width);\n  stroke-dasharray: var(--vis-plotline-dasharray);\n  stroke-dashoffset: var(--vis-plotline-stroke-dashoffset);\n`\n\nexport const label = css`\n  label: plotline-label;\n  text-anchor: middle;\n  /* dominant-baseline: middle; */\n  pointer-events: none;\n  font-size: var(--vis-plotline-label-font-size);\n  fill: var(--vis-plotline-label-color);\n`\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,GAAG,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;EAevC;AAEM,MAAM,IAAI,GAAG,GAAG,CAAA,CAAA;;EAEtB;AAEM,MAAM,QAAQ,GAAG,GAAG,CAAA,CAAA;;;;;;;;;EAS1B;AAEM,MAAM,KAAK,GAAG,GAAG,CAAA,CAAA;;;;;;;;;;;"}

package/components/plotline/types.d.ts

@@ -0,0 +1,53 @@
+export declare enum PlotlineLineStylePresets {
+    Solid = "solid",
+    Dash = "dash",
+    DashDot = "dashDot",
+    Dot = "dot",
+    LongDash = "longDash",
+    LongDashDot = "longDashDot",
+    LongDashDotDot = "longDashDotDot",
+    ShortDash = "shortDash",
+    ShortDashDot = "shortDashDot",
+    ShortDashDotDot = "shortDashDotDot",
+    ShortDot = "shortDot"
+}
+export declare enum PlotlineLabelPosition {
+    TopLeft = "top-left",
+    Top = "top",
+    TopRight = "top-right",
+    Right = "right",
+    BottomRight = "bottom-right",
+    Bottom = "bottom",
+    BottomLeft = "bottom-left",
+    Left = "left"
+}
+export declare enum PlotlineLabelOrientation {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export interface PlotlineLabelOptions {
+    labelText?: string;
+    labelPosition: PlotlineLabelPosition;
+    labelOffsetX: number;
+    labelOffsetY: number;
+    labelOrientation: PlotlineLabelOrientation;
+    labelColor?: string;
+    labelSize?: number;
+}
+export declare type PlotlineLayoutValue = {
+    x: number;
+    y: number;
+    textAnchor: string;
+    dominantBaseline: string;
+};
+export declare type PlotlineLabelLayout = {
+    rotation: number;
+    transform: string;
+} & PlotlineLayoutValue;
+export declare type LineStyleValue = `${number}` | `${number},${number}` | `${number},${number},${number}` | `${number},${number},${number},${number}` | `${number},${number},${number},${number},${number}` | `${number},${number},${number},${number},${number},${number}`;
+export declare type PlotlineLayoutMap = Record<PlotlineLabelPosition, (params: {
+    width: number;
+    height: number;
+    offsetX: number;
+    offsetY: number;
+}) => PlotlineLayoutValue>;

package/components/plotline/types.js

@@ -0,0 +1,33 @@
+var PlotlineLineStylePresets;
+(function (PlotlineLineStylePresets) {
+    PlotlineLineStylePresets["Solid"] = "solid";
+    PlotlineLineStylePresets["Dash"] = "dash";
+    PlotlineLineStylePresets["DashDot"] = "dashDot";
+    PlotlineLineStylePresets["Dot"] = "dot";
+    PlotlineLineStylePresets["LongDash"] = "longDash";
+    PlotlineLineStylePresets["LongDashDot"] = "longDashDot";
+    PlotlineLineStylePresets["LongDashDotDot"] = "longDashDotDot";
+    PlotlineLineStylePresets["ShortDash"] = "shortDash";
+    PlotlineLineStylePresets["ShortDashDot"] = "shortDashDot";
+    PlotlineLineStylePresets["ShortDashDotDot"] = "shortDashDotDot";
+    PlotlineLineStylePresets["ShortDot"] = "shortDot";
+})(PlotlineLineStylePresets || (PlotlineLineStylePresets = {}));
+var PlotlineLabelPosition;
+(function (PlotlineLabelPosition) {
+    PlotlineLabelPosition["TopLeft"] = "top-left";
+    PlotlineLabelPosition["Top"] = "top";
+    PlotlineLabelPosition["TopRight"] = "top-right";
+    PlotlineLabelPosition["Right"] = "right";
+    PlotlineLabelPosition["BottomRight"] = "bottom-right";
+    PlotlineLabelPosition["Bottom"] = "bottom";
+    PlotlineLabelPosition["BottomLeft"] = "bottom-left";
+    PlotlineLabelPosition["Left"] = "left";
+})(PlotlineLabelPosition || (PlotlineLabelPosition = {}));
+var PlotlineLabelOrientation;
+(function (PlotlineLabelOrientation) {
+    PlotlineLabelOrientation["Horizontal"] = "horizontal";
+    PlotlineLabelOrientation["Vertical"] = "vertical";
+})(PlotlineLabelOrientation || (PlotlineLabelOrientation = {}));
+
+export { PlotlineLabelOrientation, PlotlineLabelPosition, PlotlineLineStylePresets };
+//# sourceMappingURL=types.js.map

package/components/plotline/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/plotline/types.ts"],"sourcesContent":["export enum PlotlineLineStylePresets {\n  Solid = 'solid',\n  Dash = 'dash',\n  DashDot = 'dashDot',\n  Dot = 'dot',\n  LongDash = 'longDash',\n  LongDashDot = 'longDashDot',\n  LongDashDotDot = 'longDashDotDot',\n  ShortDash = 'shortDash',\n  ShortDashDot = 'shortDashDot',\n  ShortDashDotDot = 'shortDashDotDot',\n  ShortDot = 'shortDot',\n}\n\nexport enum PlotlineLabelPosition {\n  TopLeft = 'top-left',\n  Top = 'top',\n  TopRight = 'top-right',\n  Right = 'right',\n  BottomRight = 'bottom-right',\n  Bottom = 'bottom',\n  BottomLeft = 'bottom-left',\n  Left = 'left',\n}\n\nexport enum PlotlineLabelOrientation {\n  Horizontal = 'horizontal',\n  Vertical = 'vertical',\n}\n\nexport interface PlotlineLabelOptions {\n  labelText?: string;\n  labelPosition: PlotlineLabelPosition;\n  labelOffsetX: number;\n  labelOffsetY: number;\n  labelOrientation: PlotlineLabelOrientation;\n  labelColor?: string;\n  labelSize?: number;\n}\n\nexport type PlotlineLayoutValue = {\n  x: number;\n  y: number;\n  textAnchor: string;\n  dominantBaseline: string;\n}\n\nexport type PlotlineLabelLayout = {\n  rotation: number;\n  transform: string;\n} & PlotlineLayoutValue\n\nexport type LineStyleValue =\n  | `${number}`\n  | `${number},${number}`\n  | `${number},${number},${number}`\n  | `${number},${number},${number},${number}`\n  | `${number},${number},${number},${number},${number}`\n  | `${number},${number},${number},${number},${number},${number}`;\n\nexport type PlotlineLayoutMap = Record<PlotlineLabelPosition, (params: { width: number; height: number; offsetX: number; offsetY: number }) => PlotlineLayoutValue>\n"],"names":[],"mappings":"IAAY,yBAYX;AAZD,CAAA,UAAY,wBAAwB,EAAA;AAClC,IAAA,wBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,wBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,wBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,wBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACX,IAAA,wBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrB,IAAA,wBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B,CAAA;AAC3B,IAAA,wBAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACjC,IAAA,wBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvB,IAAA,wBAAA,CAAA,cAAA,CAAA,GAAA,cAA6B,CAAA;AAC7B,IAAA,wBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC,CAAA;AACnC,IAAA,wBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACvB,CAAC,EAZW,wBAAwB,KAAxB,wBAAwB,GAYnC,EAAA,CAAA,CAAA,CAAA;IAEW,sBASX;AATD,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,SAAA,CAAA,GAAA,UAAoB,CAAA;AACpB,IAAA,qBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACX,IAAA,qBAAA,CAAA,UAAA,CAAA,GAAA,WAAsB,CAAA;AACtB,IAAA,qBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACf,IAAA,qBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B,CAAA;AAC5B,IAAA,qBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB,IAAA,qBAAA,CAAA,YAAA,CAAA,GAAA,aAA0B,CAAA;AAC1B,IAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACf,CAAC,EATW,qBAAqB,KAArB,qBAAqB,GAShC,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/rolling-pin-legend/config.d.ts

@@ -0,0 +1,19 @@
+import { RollingPinLegendItem } from "./types";
+export interface RollingPinLegendConfigInterface {
+    /** Rects forming a legend. Array of `string`, representing colors.
+     *
+     * Default: `[]` */
+    rects: RollingPinLegendItem[];
+    /** Label on the left side of the legend. Default: `undefined` */
+    leftLabelText?: string;
+    /** Label on the right side of the legend. Default: `undefined` */
+    rightLabelText?: string;
+    /** Apply a specific class to the labels. Default: `''` */
+    labelClassName?: string;
+    /** Label text (<span> element) font-size CSS. Default: `null` */
+    labelFontSize?: string | null;
+    /** If set to true, the legend will be rendered directly into the HTML element provided to the constructor
+     * without creating additional `div` element. Default: `false` */
+    renderIntoProvidedDomNode?: boolean;
+}
+export declare const RollingPinLegendDefaultConfig: RollingPinLegendConfigInterface;

package/components/rolling-pin-legend/config.js

@@ -0,0 +1,11 @@
+const RollingPinLegendDefaultConfig = {
+    rects: [],
+    leftLabelText: undefined,
+    rightLabelText: undefined,
+    labelClassName: '',
+    labelFontSize: null,
+    renderIntoProvidedDomNode: false,
+};
+
+export { RollingPinLegendDefaultConfig };
+//# sourceMappingURL=config.js.map

package/components/rolling-pin-legend/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sources":["../../../src/components/rolling-pin-legend/config.ts"],"sourcesContent":["import { RollingPinLegendItem } from 'components/rolling-pin-legend/types'\n\nexport interface RollingPinLegendConfigInterface {\n  /** Rects forming a legend. Array of `string`, representing colors.\n   *\n   * Default: `[]` */\n  rects: RollingPinLegendItem[];\n  /** Label on the left side of the legend. Default: `undefined` */\n  leftLabelText?: string;\n  /** Label on the right side of the legend. Default: `undefined` */\n  rightLabelText?: string;\n  /** Apply a specific class to the labels. Default: `''` */\n  labelClassName?: string;\n  /** Label text (<span> element) font-size CSS. Default: `null` */\n  labelFontSize?: string | null;\n  /** If set to true, the legend will be rendered directly into the HTML element provided to the constructor\n   * without creating additional `div` element. Default: `false` */\n  renderIntoProvidedDomNode?: boolean;\n}\n\nexport const RollingPinLegendDefaultConfig: RollingPinLegendConfigInterface = {\n  rects: [],\n  leftLabelText: undefined,\n  rightLabelText: undefined,\n  labelClassName: '',\n  labelFontSize: null,\n  renderIntoProvidedDomNode: false,\n}\n"],"names":[],"mappings":"AAoBa,MAAA,6BAA6B,GAAoC;AAC5E,IAAA,KAAK,EAAE,EAAE;AACT,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,cAAc,EAAE,EAAE;AAClB,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,yBAAyB,EAAE,KAAK;;;;;"}