@visactor/vchart-extension 2.1.0-alpha.14 → 2.1.0-alpha.16

package/esm/charts/bar-3d/series-spec-transformer.js

@@ -5,4 +5,4 @@ export class Bar3dSeriesSpecTransformer extends BarSeriesSpecTransformer {
         this._addMarkLabelSpec(spec, "bar3d");
     }
 }
-//# sourceMappingURL=series-spec-transformer.js.map
+//# sourceMappingURL=series-spec-transformer.js.map

package/esm/charts/bar-3d/series.js

@@ -27,4 +27,4 @@ export const registerBar3dSeries = () => {
     registerBar3dAnimation(), registerRect3dMark(), registerCartesianBandAxis(), registerCartesianLinearAxis(), 
     Factory.registerSeries(Bar3dSeries.type, Bar3dSeries);
 };
-//# sourceMappingURL=series.js.map
+//# sourceMappingURL=series.js.map

package/esm/charts/bar-3d/theme.js

@@ -12,4 +12,4 @@ export const bar3d = {
         }
     }
 };
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

package/esm/charts/candlestick/candlestick-transformer.js

@@ -13,4 +13,4 @@ export class CandlestickChartSpecTransformer extends CartesianChartSpecTransform
         } ]), setDefaultCrosshairForCartesianChart(spec);
     }
 }
-//# sourceMappingURL=candlestick-transformer.js.map
+//# sourceMappingURL=candlestick-transformer.js.map

package/esm/charts/candlestick/candlestick.js

@@ -19,5 +19,4 @@ CandlestickChart.transformerConstructor = CandlestickChartSpecTransformer;
 export const registerCandlestickChart = () => {
     registerDimensionTooltipProcessor(), registerMarkTooltipProcessor(), registerDimensionEvents(), 
     registerDimensionHover(), registerCandlestickSeries(), Factory.registerChart(CandlestickChart.type, CandlestickChart);
-};
-//# sourceMappingURL=candlestick.js.map
+};

package/esm/charts/candlestick/index.js

@@ -7,4 +7,4 @@ export * from "./candlestick-transformer";
 export * from "./series/candlestick";
 
 export * from "./util";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/candlestick/interface.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/esm/charts/candlestick/util.js

@@ -1,4 +1,4 @@
 export function transformCandlestickSeriesSpec(spec) {
     spec.yField = [ spec.openField, spec.highField, spec.lowField, spec.closeField ];
 }
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/esm/charts/combination-candlestick/combination-candlestick-transformer.js

@@ -196,4 +196,4 @@ export class CombinationCandlestickChartSpecTransformer extends CartesianChartSp
         };
     }
 }
-//# sourceMappingURL=combination-candlestick-transformer.js.map
+//# sourceMappingURL=combination-candlestick-transformer.js.map

package/esm/charts/combination-candlestick/combination-candlestick.js

@@ -26,4 +26,4 @@ mixin(CombinationCandlestickChart, StackChartMixin);
 export const registerCombinationCandlestickChart = () => {
     registerCandlestickSeries(), Factory.registerChart(CombinationCandlestickChart.type, CombinationCandlestickChart);
 };
-//# sourceMappingURL=combination-candlestick.js.map
+//# sourceMappingURL=combination-candlestick.js.map

package/esm/charts/combination-candlestick/constant.js

@@ -1,2 +1,2 @@
 export const CombinationCandlestickChart_TYPE = "combinationCandlestick";
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/esm/charts/combination-candlestick/index.js

@@ -3,4 +3,4 @@ export * from "./combination-candlestick";
 export * from "./interface";
 
 export * from "./constant";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/combination-candlestick/interface.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/esm/charts/conversion-funnel/arrow-data-transform.js

@@ -91,4 +91,4 @@ function computeIndex(arrow, totalArrows) {
     }
     return index;
 }
-//# sourceMappingURL=arrow-data-transform.js.map
+//# sourceMappingURL=arrow-data-transform.js.map

package/esm/charts/conversion-funnel/constants.js

@@ -22,4 +22,4 @@ export const DEFAULT_ARROW_TEXT_MARK_STYLE = {
 export const DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE = {
     fill: "#eff1f9"
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/esm/charts/conversion-funnel/conversion-funnel-transformer.js

@@ -190,4 +190,4 @@ function addFunnelBackgroundMark(funnelBackground) {
         })
     });
 }
-//# sourceMappingURL=conversion-funnel-transformer.js.map
+//# sourceMappingURL=conversion-funnel-transformer.js.map

package/esm/charts/conversion-funnel/conversion-funnel.js

@@ -54,4 +54,4 @@ export const registerConversionFunnelChart = option => {
     const vchartConstructor = (null == option ? void 0 : option.VChart) || VChart;
     vchartConstructor && (vchartConstructor.useChart([ ConversionFunnelChart ]), vchartConstructor.useSeries([ ConversionFunnelSeries ]));
 };
-//# sourceMappingURL=conversion-funnel.js.map
+//# sourceMappingURL=conversion-funnel.js.map

package/esm/charts/conversion-funnel/index.js

@@ -1,4 +1,4 @@
 export * from "./interface";
 
 export * from "./conversion-funnel";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/conversion-funnel/interface.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/esm/charts/conversion-funnel/util.js

@@ -7,4 +7,4 @@ export function isSameArrow(arrow1, arrow2) {
     const {from: from1, to: to1} = arrow1, {from: from2, to: to2} = arrow2;
     return from1 === from2 && to1 === to2;
 }
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/esm/charts/histogram-3d/chart.js

@@ -26,5 +26,4 @@ export const registerHistogram3dChart = () => {
     registerGroupTooltipProcessor(), registerDimensionTooltipProcessor(), registerMarkTooltipProcessor(), 
     registerDimensionEvents(), registerDimensionHover(), register3DPlugin(), registerLayout3d(), 
     registerBar3dSeries(), Factory.registerChart(Histogram3dChart.type, Histogram3dChart);
-};
-//# sourceMappingURL=chart.js.map
+};

package/esm/charts/histogram-3d/index.js

@@ -1,4 +1,4 @@
 export * from "./chart";
 
 export * from "./interface";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/histogram-3d/interface.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/esm/charts/image-cloud/image-cloud-transformer.js

@@ -8,4 +8,4 @@ export class ImageCloudChartSpecTransformer extends BaseChartSpecTransformer {
         return super._getDefaultSeriesSpec(spec, [ "urlField", "nameField", "valueField", "imageSize", "imageSizeRange", "ratio", "maskShape", "imageMask", "layoutConfig", "image" ]);
     }
 }
-//# sourceMappingURL=image-cloud-transformer.js.map
+//# sourceMappingURL=image-cloud-transformer.js.map

package/esm/charts/image-cloud/image-cloud.js

@@ -19,4 +19,4 @@ ImageCloudChart.transformerConstructor = ImageCloudChartSpecTransformer;
 export const registerImageCloudChart = () => {
     registerImageCloudSeries(), Factory.registerChart(ImageCloudChart.type, ImageCloudChart);
 };
-//# sourceMappingURL=image-cloud.js.map
+//# sourceMappingURL=image-cloud.js.map

package/esm/charts/image-cloud/index.js

@@ -1,4 +1,4 @@
 export * from "./image-cloud";
 
 export * from "./interface";
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/esm/charts/image-cloud/interface.js

@@ -1,2 +1,2 @@
 export { };
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/esm/charts/image-cloud/series/image-cloud.d.ts

@@ -0,0 +1,138 @@
+import type { IImageCloudSeriesSpec } from './interface';
+import { ImageCloudMarkNameEnum } from './constant';
+import type { IPoint } from '@visactor/vchart';
+import { createImage } from '@visactor/vchart';
+import type { Datum, IImageMark, IMark, IRectMark } from '@visactor/vchart';
+import { BaseSeries } from '@visactor/vchart';
+export declare class ImageCloudSeries<T extends IImageCloudSeriesSpec> extends BaseSeries<T> {
+    static readonly type: string;
+    type: string;
+    static readonly mark: {
+        image: {
+            name: ImageCloudMarkNameEnum;
+            type: import("@visactor/vchart").MarkTypeEnum;
+        };
+        imageMask: {
+            name: ImageCloudMarkNameEnum;
+            type: import("@visactor/vchart").MarkTypeEnum;
+        };
+        label?: import("@visactor/vchart").ISeriesMarkInfo;
+        point?: import("@visactor/vchart").ISeriesMarkInfo;
+        line?: import("@visactor/vchart").ISeriesMarkInfo;
+        area?: import("@visactor/vchart").ISeriesMarkInfo;
+        bar?: import("@visactor/vchart").ISeriesMarkInfo;
+        boxPlot?: import("@visactor/vchart").ISeriesMarkInfo;
+        outlier?: import("@visactor/vchart").ISeriesMarkInfo;
+        circlePacking?: import("@visactor/vchart").ISeriesMarkInfo;
+        group?: import("@visactor/vchart").ISeriesMarkInfo;
+        gridBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        grid?: import("@visactor/vchart").ISeriesMarkInfo;
+        dot?: import("@visactor/vchart").ISeriesMarkInfo;
+        title?: import("@visactor/vchart").ISeriesMarkInfo;
+        subTitle?: import("@visactor/vchart").ISeriesMarkInfo;
+        symbol?: import("@visactor/vchart").ISeriesMarkInfo;
+        funnel?: import("@visactor/vchart").ISeriesMarkInfo;
+        transform?: import("@visactor/vchart").ISeriesMarkInfo;
+        transformLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        outerLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        outerLabelLine?: import("@visactor/vchart").ISeriesMarkInfo;
+        pin?: import("@visactor/vchart").ISeriesMarkInfo;
+        pinBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        pointer?: import("@visactor/vchart").ISeriesMarkInfo;
+        segment?: import("@visactor/vchart").ISeriesMarkInfo;
+        track?: import("@visactor/vchart").ISeriesMarkInfo;
+        cell?: import("@visactor/vchart").ISeriesMarkInfo;
+        cellBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        link?: import("@visactor/vchart").ISeriesMarkInfo;
+        arrow?: import("@visactor/vchart").ISeriesMarkInfo;
+        pie?: import("@visactor/vchart").ISeriesMarkInfo;
+        labelLine?: import("@visactor/vchart").ISeriesMarkInfo;
+        progress?: import("@visactor/vchart").ISeriesMarkInfo;
+        minLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        maxLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        rose?: import("@visactor/vchart").ISeriesMarkInfo;
+        node?: import("@visactor/vchart").ISeriesMarkInfo;
+        sunburst?: import("@visactor/vchart").ISeriesMarkInfo;
+        nonLeaf?: import("@visactor/vchart").ISeriesMarkInfo;
+        leaf?: import("@visactor/vchart").ISeriesMarkInfo;
+        nonLeafLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        leaderLine?: import("@visactor/vchart").ISeriesMarkInfo;
+        stackLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        word?: import("@visactor/vchart").ISeriesMarkInfo;
+        fillingWord?: import("@visactor/vchart").ISeriesMarkInfo;
+        wordMask?: import("@visactor/vchart").ISeriesMarkInfo;
+        nodePoint?: import("@visactor/vchart").ISeriesMarkInfo;
+        ripplePoint?: import("@visactor/vchart").ISeriesMarkInfo;
+        centerPoint?: import("@visactor/vchart").ISeriesMarkInfo;
+        centerLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        barBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        lineLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        areaLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquidGroup?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquid?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquidBackground?: import("@visactor/vchart").ISeriesMarkInfo;
+        liquidOutline?: import("@visactor/vchart").ISeriesMarkInfo;
+        circle?: import("@visactor/vchart").ISeriesMarkInfo;
+        overlap?: import("@visactor/vchart").ISeriesMarkInfo;
+        overlapLabel?: import("@visactor/vchart").ISeriesMarkInfo;
+    };
+    protected _urlField: string;
+    protected _nameField?: string;
+    protected _valueField?: string;
+    setValueField(field: string): void;
+    protected _imageMark?: IImageMark;
+    protected _maskMark?: IRectMark;
+    setAttrFromSpec(): void;
+    initMark(): void;
+    initMarkStyle(): void;
+    protected _initImageMarkStyle(): void;
+    protected isFillingImage(datum: Datum): boolean;
+    protected _initMaskMarkStyle(): void;
+    protected initTooltip(): void;
+    protected _imageCloudTransformOption(): {
+        size: () => number[];
+        image: {
+            field: string;
+        };
+        weight: {
+            field: string;
+        };
+        imageConfig: {
+            imageSize: number;
+            imageSizeRange: [number, number];
+            padding: number;
+        };
+        ratio: number;
+        mask: string | import("@visactor/vchart").TextShapeMask | import("@visactor/vchart").GeometricMaskShape;
+        maskConfig: {
+            visible?: boolean;
+            threshold?: number;
+            invert?: boolean;
+            removeWhiteBorder?: boolean;
+            style?: Partial<import("@visactor/vchart").IImageMarkSpec>;
+        };
+        layoutConfig: import("@visactor/vchart").LayoutConfigType;
+        createCanvas: (params: import("@visactor/vrender-core").ICreateCanvasParams) => any;
+        createImage: typeof createImage;
+        onUpdateMaskCanvas: (inputImage?: HTMLCanvasElement, maskImage?: HTMLCanvasElement) => void;
+        onLayoutFinished: () => void;
+    };
+    protected _buildMarkAttributeContext(): void;
+    initAnimation(): void;
+    getDimensionField(): string[];
+    getMeasureField(): string[];
+    getStatisticFields(): {
+        key: string;
+        operations: Array<'max' | 'min' | 'values'>;
+    }[];
+    getActiveMarks(): IMark[];
+    getMarkData(datum: Datum): any;
+    getGroupFields(): string[];
+    dataToPosition(data: Datum): IPoint | null;
+    dataToPositionX(data: Datum): number | null;
+    dataToPositionY(data: Datum): number | null;
+    valueToPosition(value1: any, value2?: any): null;
+    getStackGroupFields(): string[];
+    getStackValueField(): string;
+}
+export declare const registerImageCloudSeries: () => void;

package/esm/charts/pictogram/element-highlight-by-graphic-name.js

@@ -46,4 +46,4 @@ ElementHighlightByGraphicName.type = type;
 export const registerElementHighlightByGraphicName = () => {
     Factory.registerInteractionTrigger(ElementHighlightByGraphicName.type, ElementHighlightByGraphicName);
 };
-//# sourceMappingURL=element-highlight-by-graphic-name.js.map
+//# sourceMappingURL=element-highlight-by-graphic-name.js.map

package/esm/charts/storyline/index.d.ts

@@ -0,0 +1,4 @@
+export * from './interface';
+export * from './layout';
+export * from './storyline';
+export * from './storyline-transformer';

package/esm/charts/storyline/index.js

@@ -0,0 +1,8 @@
+export * from "./interface";
+
+export * from "./layout";
+
+export * from "./storyline";
+
+export * from "./storyline-transformer";
+//# sourceMappingURL=index.js.map

package/esm/charts/storyline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC","file":"index.js","sourcesContent":["export * from './interface';\nexport * from './layout';\nexport * from './storyline';\nexport * from './storyline-transformer';\n"]}

package/esm/charts/storyline/interface.d.ts

@@ -0,0 +1,61 @@
+import type { IChartSpec, IComposedTextMarkSpec, IImageMarkSpec, IMarkSpec, IPathMarkSpec, IRectMarkSpec, ITextMarkSpec, StringOrNumber } from '@visactor/vchart';
+export type StorylineLayoutType = 'clock' | 'bowl' | 'dome' | 'wing' | 'landscape' | 'portrait' | 'up-ladder' | 'down-ladder' | 'pulse' | 'spiral';
+export type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';
+export type StorylineLineType = 'line' | 'polyline' | 'curve';
+export type StorylineWingDirection = 'left' | 'right';
+export interface IStorylineBlock {
+    id?: StringOrNumber;
+    title?: string;
+    content?: string | string[];
+    image?: string | HTMLImageElement | HTMLCanvasElement;
+    datum?: unknown;
+}
+export interface IStorylineLayoutOptions {
+    type: StorylineLayoutType;
+    padding?: number | [number, number, number, number];
+    radiusRatio?: number;
+    startAngle?: number;
+    endAngle?: number;
+    direction?: StorylineWingDirection;
+}
+export interface IStorylineBlockSpec {
+    width?: number;
+    widthRatio?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    height?: number;
+    padding?: number | [number, number, number, number];
+    gap?: number;
+    style?: Partial<IRectMarkSpec>;
+}
+export interface IStorylineImageSpec extends IMarkSpec<IImageMarkSpec> {
+    width?: number;
+    height?: number;
+    position?: StorylineImagePosition;
+    gap?: number;
+}
+export interface IStorylineCenterImageSpec extends IMarkSpec<IImageMarkSpec> {
+    width?: number;
+    height?: number;
+    visible?: boolean;
+    image?: string | HTMLImageElement | HTMLCanvasElement;
+}
+export interface IStorylineLineSpec extends IMarkSpec<IPathMarkSpec> {
+    visible?: boolean;
+    type?: StorylineLineType;
+    showArrow?: boolean;
+    arrowSize?: number;
+    distance?: number;
+}
+export interface IStorylineSpec extends Omit<IChartSpec, 'type' | 'data' | 'series' | 'title' | 'layout'> {
+    type: 'storyline';
+    data: IStorylineBlock[];
+    layout?: StorylineLayoutType | IStorylineLayoutOptions;
+    block?: IStorylineBlockSpec;
+    title?: IMarkSpec<ITextMarkSpec>;
+    content?: IMarkSpec<IComposedTextMarkSpec>;
+    image?: IStorylineImageSpec;
+    centerImage?: IStorylineCenterImageSpec;
+    line?: IStorylineLineSpec;
+    themeColor?: string;
+}

package/esm/charts/storyline/interface.js

@@ -0,0 +1,2 @@
+export { };
+//# sourceMappingURL=interface.js.map

package/esm/charts/storyline/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/storyline/interface.ts"],"names":[],"mappings":"","file":"interface.js","sourcesContent":["import type {\n  IChartSpec,\n  IComposedTextMarkSpec,\n  IImageMarkSpec,\n  IMarkSpec,\n  IPathMarkSpec,\n  IRectMarkSpec,\n  ITextMarkSpec,\n  StringOrNumber\n} from '@visactor/vchart';\n\nexport type StorylineLayoutType =\n  | 'clock'\n  | 'bowl'\n  | 'dome'\n  | 'wing'\n  | 'landscape'\n  | 'portrait'\n  | 'up-ladder'\n  | 'down-ladder'\n  | 'pulse'\n  | 'spiral';\n\nexport type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';\nexport type StorylineLineType = 'line' | 'polyline' | 'curve';\nexport type StorylineWingDirection = 'left' | 'right';\n\nexport interface IStorylineBlock {\n  id?: StringOrNumber;\n  title?: string;\n  content?: string | string[];\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n  datum?: unknown;\n}\n\nexport interface IStorylineLayoutOptions {\n  type: StorylineLayoutType;\n  /**\n   * 边缘留白，支持单值或 [top, right, bottom, left]。\n   */\n  padding?: number | [number, number, number, number];\n  /**\n   * 对 circular/arc 布局生效，控制半径占可用空间的比例。\n   */\n  radiusRatio?: number;\n  /**\n   * 对 circular/arc 布局生效，角度单位为度。\n   */\n  startAngle?: number;\n  /**\n   * 对 circular/arc 布局生效，角度单位为度。\n   */\n  endAngle?: number;\n  /**\n   * 对 wing 布局生效，控制翅膀展开方向。\n   * - 'left'：圆心锚在画布左侧、弧凸向右展开（默认）；\n   * - 'right'：圆心锚在画布右侧、弧凸向左展开。\n   */\n  direction?: StorylineWingDirection;\n}\n\nexport interface IStorylineBlockSpec {\n  width?: number;\n  widthRatio?: number;\n  minWidth?: number;\n  maxWidth?: number;\n  height?: number;\n  padding?: number | [number, number, number, number];\n  gap?: number;\n  style?: Partial<IRectMarkSpec>;\n}\n\nexport interface IStorylineImageSpec extends IMarkSpec<IImageMarkSpec> {\n  width?: number;\n  height?: number;\n  position?: StorylineImagePosition;\n  gap?: number;\n}\n\nexport interface IStorylineCenterImageSpec extends IMarkSpec<IImageMarkSpec> {\n  width?: number;\n  height?: number;\n  visible?: boolean;\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n}\n\nexport interface IStorylineLineSpec extends IMarkSpec<IPathMarkSpec> {\n  visible?: boolean;\n  type?: StorylineLineType;\n  showArrow?: boolean;\n  arrowSize?: number;\n  /**\n   * 连接线和 block 边缘之间的距离。\n   */\n  distance?: number;\n}\n\nexport interface IStorylineSpec extends Omit<IChartSpec, 'type' | 'data' | 'series' | 'title' | 'layout'> {\n  type: 'storyline';\n  data: IStorylineBlock[];\n  layout?: StorylineLayoutType | IStorylineLayoutOptions;\n  block?: IStorylineBlockSpec;\n  title?: IMarkSpec<ITextMarkSpec>;\n  content?: IMarkSpec<IComposedTextMarkSpec>;\n  image?: IStorylineImageSpec;\n  centerImage?: IStorylineCenterImageSpec;\n  line?: IStorylineLineSpec;\n  themeColor?: string;\n}\n"]}

package/esm/charts/storyline/layout.d.ts

@@ -0,0 +1,53 @@
+import type { IStorylineBlock, IStorylineLayoutOptions, StorylineLayoutType } from './interface';
+export interface StorylineSize {
+    width: number;
+    height: number;
+}
+export interface StorylinePadding {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface StorylinePoint {
+    x: number;
+    y: number;
+}
+export interface StorylineBlockPosition extends StorylinePoint, StorylineSize {
+    id: string | number;
+    index: number;
+    datum: IStorylineBlock;
+    center: StorylinePoint;
+}
+export interface StorylineLinkPosition {
+    from: StorylineBlockPosition;
+    to: StorylineBlockPosition;
+    start: StorylinePoint;
+    end: StorylinePoint;
+    points: StorylinePoint[];
+}
+export interface StorylineCircleGuide {
+    center: StorylinePoint;
+    radius: number;
+}
+export interface StorylineLayoutResult {
+    blocks: StorylineBlockPosition[];
+    links: StorylineLinkPosition[];
+    circleGuide?: StorylineCircleGuide;
+}
+export interface StorylineComputeOptions {
+    layout: StorylineLayoutType | IStorylineLayoutOptions | undefined;
+    viewBox: StorylineSize;
+    block: StorylineSize;
+    gap?: number;
+    padding?: number | [number, number, number, number];
+    lineDistance?: number;
+}
+export declare const normalizePadding: (padding?: number | [
+    number,
+    number,
+    number,
+    number
+]) => StorylinePadding;
+export declare const normalizeLayout: (layout?: StorylineLayoutType | IStorylineLayoutOptions) => IStorylineLayoutOptions;
+export declare const computeStorylineLayout: (data: IStorylineBlock[], options: StorylineComputeOptions) => StorylineLayoutResult;