@visactor/vchart-extension 2.1.0-alpha.2 → 2.1.0-alpha.20

package/cjs/charts/axis-3d/index.js

@@ -10,5 +10,4 @@ const layout_1 = require("../3d/layout"), plugin_1 = require("../3d/plugin"), ba
     (0, symlog_axis_1.registerCartesianSymlogAxis3d)(), (0, log_axis_1.registerCartesianLogAxis3d)();
 };
 
-exports.registerAxis3dPlugin = registerAxis3dPlugin;
-//# sourceMappingURL=index.js.map
+exports.registerAxis3dPlugin = registerAxis3dPlugin;

package/cjs/charts/axis-3d/linear-axis.js

@@ -12,4 +12,5 @@ const vchart_1 = require("@visactor/vchart"), theme_1 = require("./theme"), vcha
     }), (0, vchart_2.mixin)(AxisCls, axis_3d_mixin_1.Axis3dMixin);
 };
 
-exports.registerCartesianLinearAxis3d = registerCartesianLinearAxis3d;
+exports.registerCartesianLinearAxis3d = registerCartesianLinearAxis3d;
+//# sourceMappingURL=linear-axis.js.map

package/cjs/charts/bar-3d/chart-spec-transformer.js

@@ -16,4 +16,4 @@ class Bar3dChartSpecTransformer extends vchart_1.BarChartSpecTransformer {
 }
 
 exports.Bar3dChartSpecTransformer = Bar3dChartSpecTransformer;
-//# sourceMappingURL=chart-spec-transformer.js.map
+//# sourceMappingURL=chart-spec-transformer.js.map

package/cjs/charts/bar-3d/chart.js

@@ -22,4 +22,4 @@ const registerBar3dChart = () => {
 };
 
 exports.registerBar3dChart = registerBar3dChart;
-//# sourceMappingURL=chart.js.map
+//# sourceMappingURL=chart.js.map

package/cjs/charts/bar-3d/constant.js

@@ -12,4 +12,4 @@ Object.defineProperty(exports, "__esModule", {
         type: "rect3d"
     }
 };
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/charts/bar-3d/index.js

@@ -20,4 +20,4 @@ Object.defineProperty(exports, "__esModule", {
 }), __exportStar(require("./chart"), exports), __exportStar(require("./chart-spec-transformer"), exports), 
 __exportStar(require("./interface"), exports), __exportStar(require("./series"), exports), 
 __exportStar(require("./series-spec-transformer"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/charts/bar-3d/interface.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

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

@@ -13,4 +13,4 @@ class Bar3dSeriesSpecTransformer extends vchart_1.BarSeriesSpecTransformer {
 }
 
 exports.Bar3dSeriesSpecTransformer = Bar3dSeriesSpecTransformer;
-//# sourceMappingURL=series-spec-transformer.js.map
+//# sourceMappingURL=series-spec-transformer.js.map

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

@@ -25,4 +25,4 @@ const registerBar3dSeries = () => {
 };
 
 exports.registerBar3dSeries = registerBar3dSeries;
-//# sourceMappingURL=series.js.map
+//# sourceMappingURL=series.js.map

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

@@ -16,4 +16,4 @@ Object.defineProperty(exports, "__esModule", {
         }
     }
 };
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

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

@@ -21,4 +21,4 @@ class CandlestickChartSpecTransformer extends vchart_1.CartesianChartSpecTransfo
 }
 
 exports.CandlestickChartSpecTransformer = CandlestickChartSpecTransformer;
-//# sourceMappingURL=candlestick-transformer.js.map
+//# sourceMappingURL=candlestick-transformer.js.map

package/cjs/charts/candlestick/candlestick.js

@@ -22,4 +22,5 @@ const registerCandlestickChart = () => {
     (0, candlestick_1.registerCandlestickSeries)(), vchart_1.Factory.registerChart(CandlestickChart.type, CandlestickChart);
 };
 
-exports.registerCandlestickChart = registerCandlestickChart;
+exports.registerCandlestickChart = registerCandlestickChart;
+//# sourceMappingURL=candlestick.js.map

package/cjs/charts/candlestick/index.js

@@ -20,4 +20,4 @@ Object.defineProperty(exports, "__esModule", {
 }), __exportStar(require("./candlestick"), exports), __exportStar(require("./interface"), exports), 
 __exportStar(require("./candlestick-transformer"), exports), __exportStar(require("./series/candlestick"), exports), 
 __exportStar(require("./util"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/charts/candlestick/interface.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/cjs/charts/candlestick/util.js

@@ -7,4 +7,4 @@ function transformCandlestickSeriesSpec(spec) {
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.transformCandlestickSeriesSpec = void 0, exports.transformCandlestickSeriesSpec = transformCandlestickSeriesSpec;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

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

@@ -201,4 +201,4 @@ class CombinationCandlestickChartSpecTransformer extends vchart_1.CartesianChart
 }
 
 exports.CombinationCandlestickChartSpecTransformer = CombinationCandlestickChartSpecTransformer;
-//# sourceMappingURL=combination-candlestick-transformer.js.map
+//# sourceMappingURL=combination-candlestick-transformer.js.map

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

@@ -28,4 +28,4 @@ const registerCombinationCandlestickChart = () => {
 };
 
 exports.registerCombinationCandlestickChart = registerCombinationCandlestickChart;
-//# sourceMappingURL=combination-candlestick.js.map
+//# sourceMappingURL=combination-candlestick.js.map

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

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.CombinationCandlestickChart_TYPE = void 0, exports.CombinationCandlestickChart_TYPE = "combinationCandlestick";
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

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

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./combination-candlestick"), exports), __exportStar(require("./interface"), exports), 
 __exportStar(require("./constant"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

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

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

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

@@ -21,4 +21,4 @@ exports.DEFAULT_ARROW_MARK_STYLE = {
 }, exports.DEFAULT_FUNNEL_BACKGROUND_MARK_STYLE = {
     fill: "#eff1f9"
 };
-//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

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

@@ -193,5 +193,5 @@ function addFunnelBackgroundMark(funnelBackground) {
     });
 }
 
+exports.ConversionFunnelChartSpecTransformer = ConversionFunnelChartSpecTransformer;
 //# sourceMappingURL=conversion-funnel-transformer.js.map
-exports.ConversionFunnelChartSpecTransformer = ConversionFunnelChartSpecTransformer;

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

@@ -59,4 +59,4 @@ const registerConversionFunnelChart = option => {
 };
 
 exports.registerConversionFunnelChart = registerConversionFunnelChart;
-//# sourceMappingURL=conversion-funnel.js.map
+//# sourceMappingURL=conversion-funnel.js.map

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

@@ -18,4 +18,4 @@ var __createBinding = this && this.__createBinding || (Object.create ? function(
 Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./interface"), exports), __exportStar(require("./conversion-funnel"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

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

@@ -14,4 +14,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), exports.isSameArrow = exports.isArrowCross = void 0, exports.isArrowCross = isArrowCross, 
 exports.isSameArrow = isSameArrow;
-//# sourceMappingURL=util.js.map
+//# sourceMappingURL=util.js.map

package/cjs/charts/funnel-3d/chart.js

@@ -21,4 +21,5 @@ const registerFunnel3dChart = () => {
     (0, layout_1.registerLayout3d)(), (0, series_1.registerFunnel3dSeries)(), vchart_1.Factory.registerChart(Funnel3dChart.type, Funnel3dChart);
 };
 
-exports.registerFunnel3dChart = registerFunnel3dChart;
+exports.registerFunnel3dChart = registerFunnel3dChart;
+//# sourceMappingURL=chart.js.map

package/cjs/charts/funnel-3d/constant.js

@@ -28,4 +28,4 @@ exports.funnel3dSeriesMark = Object.assign(Object.assign({}, vchart_1.baseSeries
         type: "rule"
     }
 });
-//# sourceMappingURL=constant.js.map
+//# sourceMappingURL=constant.js.map

package/cjs/charts/funnel-3d/index.js

@@ -19,4 +19,4 @@ Object.defineProperty(exports, "__esModule", {
     value: !0
 }), __exportStar(require("./chart"), exports), __exportStar(require("./series"), exports), 
 __exportStar(require("./series-spec-transformer"), exports), __exportStar(require("./interface"), exports);
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/cjs/charts/funnel-3d/interface.js

@@ -3,4 +3,4 @@
 Object.defineProperty(exports, "__esModule", {
     value: !0
 });
-//# sourceMappingURL=interface.js.map
+//# sourceMappingURL=interface.js.map

package/cjs/charts/funnel-3d/series-spec-transformer.js

@@ -13,4 +13,4 @@ class Funnel3dSeriesSpecTransformer extends vchart_1.FunnelSeriesSpecTransformer
 }
 
 exports.Funnel3dSeriesSpecTransformer = Funnel3dSeriesSpecTransformer;
-//# sourceMappingURL=series-spec-transformer.js.map
+//# sourceMappingURL=series-spec-transformer.js.map

package/cjs/charts/funnel-3d/series.js

@@ -80,4 +80,4 @@ const registerFunnel3dSeries = () => {
 };
 
 exports.registerFunnel3dSeries = registerFunnel3dSeries;
-//# sourceMappingURL=series.js.map
+//# sourceMappingURL=series.js.map

package/cjs/charts/funnel-3d/theme.js

@@ -7,4 +7,4 @@ Object.defineProperty(exports, "__esModule", {
 const vchart_1 = require("@visactor/vchart");
 
 exports.funnel3d = (0, vchart_1.getFunnelTheme)(!0);
-//# sourceMappingURL=theme.js.map
+//# sourceMappingURL=theme.js.map

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

@@ -28,4 +28,4 @@ const registerHistogram3dChart = () => {
 };
 
 exports.registerHistogram3dChart = registerHistogram3dChart;
-//# sourceMappingURL=chart.js.map
+//# sourceMappingURL=chart.js.map

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

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

package/cjs/charts/storyline/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var __createBinding = this && this.__createBinding || (Object.create ? function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k);
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    desc && !("get" in desc ? !m.__esModule : desc.writable || desc.configurable) || (desc = {
+        enumerable: !0,
+        get: function() {
+            return m[k];
+        }
+    }), Object.defineProperty(o, k2, desc);
+} : function(o, m, k, k2) {
+    void 0 === k2 && (k2 = k), o[k2] = m[k];
+}), __exportStar = this && this.__exportStar || function(m, exports) {
+    for (var p in m) "default" === p || Object.prototype.hasOwnProperty.call(exports, p) || __createBinding(exports, m, p);
+};
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+}), __exportStar(require("./interface"), exports), __exportStar(require("./layout"), exports), 
+__exportStar(require("./storyline"), exports), __exportStar(require("./storyline-transformer"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,69 @@
+import type { IChartSpec, IComposedTextMarkSpec, IImageMarkSpec, IMarkSpec, IPathMarkSpec, IRectMarkSpec, ITextMarkSpec, StringOrNumber } from '@visactor/vchart';
+export type StorylineLayoutType = 'clock' | 'arc' | 'wing' | 'landscape' | 'portrait' | 'ladder' | 'spiral';
+export type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';
+export type StorylineLineType = 'line' | 'polyline' | 'curve';
+export type StorylineWingDirection = 'left' | 'right';
+export type StorylineLadderDirection = 'up' | 'down';
+export type StorylineArcDirection = 'up' | 'down';
+export interface IStorylineBlock {
+    id?: StringOrNumber;
+    title?: string;
+    content?: string | string[];
+    image?: string | HTMLImageElement | HTMLCanvasElement;
+    subImage?: string | HTMLImageElement | HTMLCanvasElement;
+    marker?: string;
+    datum?: unknown;
+}
+export interface IStorylineLayoutOptions {
+    type: StorylineLayoutType;
+    padding?: number | [number, number, number, number];
+    radiusRatio?: number;
+    startAngle?: number;
+    endAngle?: number;
+    direction?: StorylineWingDirection | StorylineLadderDirection | StorylineArcDirection;
+    headline?: string;
+}
+export interface IStorylineBlockSpec {
+    width?: number;
+    widthRatio?: number;
+    minWidth?: number;
+    maxWidth?: number;
+    height?: number;
+    padding?: number | [number, number, number, number];
+    gap?: number;
+    showBackground?: boolean;
+    style?: Partial<IRectMarkSpec>;
+}
+export interface IStorylineImageSpec extends IMarkSpec<IImageMarkSpec> {
+    width?: number;
+    height?: number;
+    position?: StorylineImagePosition;
+    gap?: number;
+    showBackground?: boolean;
+}
+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;
+    marker?: IMarkSpec<ITextMarkSpec>;
+    themeColor?: string;
+}

package/cjs/charts/storyline/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+    value: !0
+});
+//# sourceMappingURL=interface.js.map

package/cjs/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 = 'clock' | 'arc' | 'wing' | 'landscape' | 'portrait' | 'ladder' | 'spiral';\n\nexport type StorylineImagePosition = 'top' | 'left' | 'right' | 'bottom';\nexport type StorylineLineType = 'line' | 'polyline' | 'curve';\nexport type StorylineWingDirection = 'left' | 'right';\nexport type StorylineLadderDirection = 'up' | 'down';\nexport type StorylineArcDirection = 'up' | 'down';\n\nexport interface IStorylineBlock {\n  id?: StringOrNumber;\n  title?: string;\n  content?: string | string[];\n  image?: string | HTMLImageElement | HTMLCanvasElement;\n  /**\n   * 绘制在主 image 背后的装饰图（如 portrait 布局的错位 shadow image）。\n   * 若未配置，则不会绘制装饰 image。\n   */\n  subImage?: string | HTMLImageElement | HTMLCanvasElement;\n  /**\n   * 时间节点文本（如 \"2012\"）。\n   * 仅 portrait 布局生效：在中轴 rect 上沿每个 block 的 center.y 处纵向绘制。\n   * 配合 spec.marker 控制样式与显隐。\n   */\n  marker?: string;\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   * 方向控制：\n   * - wing 布局：'left' | 'right'，圆心锚位置；\n   * - ladder 布局：'up' | 'down'，'up' 表示左下→右上对角线（默认），'down' 表示左上→右下对角线；\n   * - arc 布局：'up' | 'down'，'up' 表示穹顶（centerImage 贴底，弧线在上方），'down' 表示碗形（centerImage 贴顶，弧线在下方）。\n   */\n  direction?: StorylineWingDirection | StorylineLadderDirection | StorylineArcDirection;\n  /**\n   * 对 ladder 布局生效：贯穿画布的倾斜大字 headline。\n   * 缺省时使用占位文本。倾斜方向自动跟随对角线。\n   */\n  headline?: string;\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  /**\n   * 是否展示 block 背后的卡片背景 rect（白底 + 描边 + 阴影）。\n   * 仅 up-ladder 等少数布局支持，默认 false（不展示）。\n   */\n  showBackground?: boolean;\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   * 是否展示 image 背后的白色背景 rect（白底 + 主题色描边）。\n   * portrait / landscape / wing 等布局支持。\n   * 默认 false（不展示）。\n   * 注：不影响 subImage（错位装饰图元的显隐。\n   */\n  showBackground?: boolean;\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  /**\n   * 时间节点文本配置（仅 portrait 布局生效）。\n   * 当 spec.data[i].marker 有值时，在中轴 rect 上沿垂直方向绘制每个 block 的时间节点文本。\n   */\n  marker?: IMarkSpec<ITextMarkSpec>;\n  themeColor?: string;\n}\n"]}

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

@@ -0,0 +1,58 @@
+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
+] | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+}) => StorylinePadding;
+export declare const normalizeLayout: (layout?: StorylineLayoutType | IStorylineLayoutOptions) => IStorylineLayoutOptions;
+export declare const computeStorylineLayout: (data: IStorylineBlock[], options: StorylineComputeOptions) => StorylineLayoutResult;