@visactor/vseed 0.3.14 → 0.4.0

package/dist/esm/theme/dark/dark.js

@@ -1,292 +1,51 @@
-import { getDarkBrushConfig, getDarkColor, getDarkColorLegend, getDarkCrosshairLine, getDarkCrosshairRect, getDarkLabel, getDarkLegend, getDarkPivotChartGridConfig, getDarkPlayer, getDarkTableConfig, getFunnelDarkLabel } from "../common/index.js";
-import { getDarkTooltip } from "../common/tooltip.js";
-import { getDarkBandAxis, getDarkLinearAxis } from "../common/axes.js";
-import { getDarkAnnotation } from "../common/annotaion.js";
-import { getDarkFunnelTransformTheme } from "../common/funnelTransform.js";
-import { getDarkHeatmapCellTheme } from "../common/heatmapCell.js";
-import { getDarkRegressionLine } from "../common/regressionLine.js";
-import { getDarkBoxPlotStyle, getDarkOutlierStyle } from "../common/boxPlot.js";
+import { getDarkTableConfig } from "../common/index.js";
+import { getLineTheme } from "./line.js";
+import { getColumnParallelTheme, getColumnPercentTheme, getColumnTheme } from "./column.js";
+import { getBarParallelTheme, getBarPercentTheme, getBarTheme } from "./bar.js";
+import { getAreaPercentTheme, getAreaTheme } from "./area.js";
+import { getScatterTheme } from "./scatter.js";
+import { getDualAxisTheme } from "./dualAxis.js";
+import { getDonutTheme, getPieTheme } from "./pie.js";
+import { getRadarTheme } from "./radar.js";
+import { getRoseParallelTheme, getRoseTheme } from "./rose.js";
+import { getFunnelTheme } from "./funnel.js";
+import { getHeatmapTheme } from "./heatmap.js";
+import { getHistogramTheme } from "./histogram.js";
+import { getBoxPlotTheme } from "./boxPlot.js";
+import { getCirclePackingTheme, getSunburstTheme, getTreeMapTheme } from "./hierarchy.js";
+import { getRaceBarTheme, getRaceColumnTheme, getRaceScatterTheme } from "./race.js";
 const darkTheme = ()=>{
-    const linearAxis = getDarkLinearAxis();
-    const bandAxis = getDarkBandAxis();
-    const barBandAxis = {
-        ...bandAxis,
-        labelAutoHide: false,
-        labelAutoHideGap: 1,
-        labelAutoLimit: false,
-        labelAutoLimitLength: void 0,
-        labelAutoRotate: false,
-        labelAutoRotateAngleRange: [
-            0,
-            -45,
-            -90
-        ]
-    };
-    const crosshairLine = getDarkCrosshairLine();
-    const crosshairRect = getDarkCrosshairRect();
-    const baseConfig = {
-        backgroundColor: 'transparent',
-        color: getDarkColor(),
-        label: getDarkLabel(),
-        legend: getDarkLegend(),
-        tooltip: getDarkTooltip(),
-        brush: getDarkBrushConfig()
-    };
-    const player = getDarkPlayer();
     const tableConfig = getDarkTableConfig();
     return {
         config: {
             table: tableConfig,
             pivotTable: tableConfig,
-            line: {
-                ...baseConfig,
-                xAxis: bandAxis,
-                yAxis: linearAxis,
-                crosshairLine: crosshairLine,
-                player,
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation()
-            },
-            column: {
-                ...baseConfig,
-                xAxis: bandAxis,
-                yAxis: linearAxis,
-                crosshairRect: crosshairRect,
-                stackCornerRadius: [
-                    4,
-                    4,
-                    0,
-                    0
-                ],
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation(),
-                player,
-                regressionLine: getDarkRegressionLine()
-            },
-            columnParallel: {
-                ...baseConfig,
-                xAxis: bandAxis,
-                yAxis: linearAxis,
-                crosshairRect: crosshairRect,
-                stackCornerRadius: [
-                    4,
-                    4,
-                    0,
-                    0
-                ],
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation(),
-                player
-            },
-            columnPercent: {
-                ...baseConfig,
-                xAxis: bandAxis,
-                yAxis: linearAxis,
-                crosshairRect: crosshairRect,
-                stackCornerRadius: [
-                    4,
-                    4,
-                    0,
-                    0
-                ],
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation(),
-                player
-            },
-            bar: {
-                ...baseConfig,
-                xAxis: linearAxis,
-                yAxis: barBandAxis,
-                crosshairRect: crosshairRect,
-                stackCornerRadius: [
-                    0,
-                    4,
-                    4,
-                    0
-                ],
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation(),
-                player
-            },
-            barParallel: {
-                ...baseConfig,
-                xAxis: linearAxis,
-                yAxis: barBandAxis,
-                crosshairRect: crosshairRect,
-                stackCornerRadius: [
-                    0,
-                    4,
-                    4,
-                    0
-                ],
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation(),
-                player
-            },
-            barPercent: {
-                ...baseConfig,
-                xAxis: linearAxis,
-                yAxis: barBandAxis,
-                crosshairRect: crosshairRect,
-                stackCornerRadius: [
-                    0,
-                    4,
-                    4,
-                    0
-                ],
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation(),
-                player
-            },
-            area: {
-                ...baseConfig,
-                xAxis: bandAxis,
-                yAxis: linearAxis,
-                crosshairLine: crosshairLine,
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation(),
-                player
-            },
-            areaPercent: {
-                ...baseConfig,
-                xAxis: bandAxis,
-                yAxis: linearAxis,
-                crosshairLine: crosshairLine,
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation(),
-                player
-            },
-            scatter: {
-                ...baseConfig,
-                crosshairLine,
-                sizeRange: [
-                    8,
-                    24
-                ],
-                xAxis: {
-                    ...linearAxis,
-                    line: {
-                        ...linearAxis.line,
-                        visible: true
-                    }
-                },
-                yAxis: {
-                    ...linearAxis,
-                    line: {
-                        ...linearAxis.line,
-                        visible: true
-                    }
-                },
-                label: {
-                    ...baseConfig.label,
-                    showValue: false,
-                    showValuePercent: false
-                },
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation(),
-                regressionLine: getDarkRegressionLine(),
-                player
-            },
-            dualAxis: {
-                ...baseConfig,
-                xAxis: bandAxis,
-                primaryYAxis: linearAxis,
-                secondaryYAxis: {
-                    ...linearAxis,
-                    grid: {
-                        visible: false
-                    }
-                },
-                crosshairRect,
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation()
-            },
-            pie: {
-                ...baseConfig,
-                label: {
-                    ...baseConfig.label,
-                    showValuePercent: true,
-                    labelLayout: 'arc',
-                    showDimension: true
-                },
-                pivotGrid: getDarkPivotChartGridConfig(),
-                player
-            },
-            donut: {
-                ...baseConfig,
-                label: {
-                    ...baseConfig.label,
-                    showValuePercent: true,
-                    labelLayout: 'arc',
-                    showDimension: true
-                },
-                pivotGrid: getDarkPivotChartGridConfig(),
-                player
-            },
-            radar: {
-                ...baseConfig,
-                pivotGrid: getDarkPivotChartGridConfig(),
-                player
-            },
-            rose: {
-                ...baseConfig,
-                label: {
-                    ...baseConfig.label,
-                    showValuePercent: true,
-                    showDimension: true
-                },
-                pivotGrid: getDarkPivotChartGridConfig(),
-                player
-            },
-            roseParallel: {
-                ...baseConfig,
-                label: {
-                    ...baseConfig.label,
-                    showValuePercent: true,
-                    showDimension: true
-                },
-                pivotGrid: getDarkPivotChartGridConfig(),
-                player
-            },
-            funnel: {
-                ...baseConfig,
-                label: getFunnelDarkLabel(),
-                transform: getDarkFunnelTransformTheme(),
-                pivotGrid: getDarkPivotChartGridConfig(),
-                player
-            },
-            heatmap: {
-                ...baseConfig,
-                legend: getDarkColorLegend(),
-                xAxis: bandAxis,
-                yAxis: bandAxis,
-                label: {
-                    ...baseConfig.label,
-                    labelColorSmartInvert: true
-                },
-                player,
-                cell: getDarkHeatmapCellTheme(),
-                pivotGrid: getDarkPivotChartGridConfig()
-            },
-            histogram: {
-                ...baseConfig,
-                xAxis: linearAxis,
-                yAxis: linearAxis,
-                crosshairRect: crosshairRect,
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation(),
-                regressionLine: getDarkRegressionLine()
-            },
-            boxPlot: {
-                ...baseConfig,
-                xAxis: bandAxis,
-                yAxis: linearAxis,
-                crosshairRect: crosshairRect,
-                pivotGrid: getDarkPivotChartGridConfig(),
-                annotation: getDarkAnnotation(),
-                boxPlotStyle: getDarkBoxPlotStyle(),
-                outlierStyle: getDarkOutlierStyle()
-            }
+            line: getLineTheme(),
+            column: getColumnTheme(),
+            columnParallel: getColumnParallelTheme(),
+            columnPercent: getColumnPercentTheme(),
+            bar: getBarTheme(),
+            barParallel: getBarParallelTheme(),
+            barPercent: getBarPercentTheme(),
+            area: getAreaTheme(),
+            areaPercent: getAreaPercentTheme(),
+            scatter: getScatterTheme(),
+            dualAxis: getDualAxisTheme(),
+            pie: getPieTheme(),
+            donut: getDonutTheme(),
+            radar: getRadarTheme(),
+            rose: getRoseTheme(),
+            roseParallel: getRoseParallelTheme(),
+            funnel: getFunnelTheme(),
+            heatmap: getHeatmapTheme(),
+            histogram: getHistogramTheme(),
+            boxPlot: getBoxPlotTheme(),
+            treeMap: getTreeMapTheme(),
+            sunburst: getSunburstTheme(),
+            circlePacking: getCirclePackingTheme(),
+            raceBar: getRaceBarTheme(),
+            raceColumn: getRaceColumnTheme(),
+            raceScatter: getRaceScatterTheme()
         }
     };
 };

package/dist/esm/theme/dark/dark.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme/dark/dark.js","sources":["webpack://@visactor/vseed/./src/theme/dark/dark.ts"],"sourcesContent":["import type { CustomThemeConfig, Player, YBandAxis } from 'src/types'\nimport {\n  getDarkColor,\n  getDarkCrosshairLine,\n  getDarkCrosshairRect,\n  getDarkBrushConfig,\n  getDarkTableConfig,\n  getDarkPivotChartGridConfig,\n  getDarkLabel,\n  getDarkLegend,\n  getDarkColorLegend,\n  getFunnelDarkLabel,\n  getDarkPlayer,\n} from '../common'\nimport { getDarkTooltip } from '../common/tooltip'\nimport { getDarkBandAxis, getDarkLinearAxis } from '../common/axes'\nimport { getDarkAnnotation } from '../common/annotaion'\nimport { getDarkFunnelTransformTheme } from '../common/funnelTransform'\nimport { getDarkHeatmapCellTheme } from '../common/heatmapCell'\nimport { getDarkRegressionLine } from '../common/regressionLine'\nimport { getDarkBoxPlotStyle, getDarkOutlierStyle } from '../common/boxPlot'\n\nexport const darkTheme = (): CustomThemeConfig => {\n  const linearAxis = getDarkLinearAxis()\n  const bandAxis = getDarkBandAxis()\n  const barBandAxis: YBandAxis = {\n    ...bandAxis,\n    labelAutoHide: false,\n    labelAutoHideGap: 1,\n    labelAutoLimit: false,\n    labelAutoLimitLength: undefined,\n    labelAutoRotate: false,\n    labelAutoRotateAngleRange: [0, -45, -90],\n  }\n  const crosshairLine = getDarkCrosshairLine()\n  const crosshairRect = getDarkCrosshairRect()\n\n  const baseConfig = {\n    backgroundColor: 'transparent',\n    color: getDarkColor(),\n    label: getDarkLabel(),\n    legend: getDarkLegend(),\n    tooltip: getDarkTooltip(),\n    brush: getDarkBrushConfig(),\n  }\n  const player = getDarkPlayer() as Player\n\n  const tableConfig = getDarkTableConfig()\n\n  return {\n    config: {\n      table: tableConfig,\n      pivotTable: tableConfig,\n\n      // cartesian\n      line: {\n        ...baseConfig,\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairLine: crosshairLine,\n        player,\n\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n      },\n      column: {\n        ...baseConfig,\n\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [4, 4, 0, 0],\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n        player,\n\n        regressionLine: getDarkRegressionLine(),\n      },\n      columnParallel: {\n        ...baseConfig,\n\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [4, 4, 0, 0],\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n        player,\n      },\n      columnPercent: {\n        ...baseConfig,\n\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [4, 4, 0, 0],\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n        player,\n      },\n      bar: {\n        ...baseConfig,\n\n        xAxis: linearAxis,\n        yAxis: barBandAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [0, 4, 4, 0],\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n        player,\n      },\n      barParallel: {\n        ...baseConfig,\n\n        xAxis: linearAxis,\n        yAxis: barBandAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [0, 4, 4, 0],\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n        player,\n      },\n      barPercent: {\n        ...baseConfig,\n\n        xAxis: linearAxis,\n        yAxis: barBandAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [0, 4, 4, 0],\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n        player,\n      },\n      area: {\n        ...baseConfig,\n\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairLine: crosshairLine,\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n        player,\n      },\n      areaPercent: {\n        ...baseConfig,\n\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairLine: crosshairLine,\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n        player,\n      },\n      scatter: {\n        ...baseConfig,\n        crosshairLine,\n        sizeRange: [8, 24],\n        xAxis: {\n          ...linearAxis,\n          line: {\n            ...linearAxis.line,\n            visible: true,\n          },\n        },\n        yAxis: {\n          ...linearAxis,\n          line: {\n            ...linearAxis.line,\n            visible: true,\n          },\n        },\n        label: {\n          ...baseConfig.label,\n          showValue: false,\n          showValuePercent: false,\n        },\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n        regressionLine: getDarkRegressionLine(),\n        player,\n      },\n      dualAxis: {\n        ...baseConfig,\n        xAxis: bandAxis,\n        primaryYAxis: linearAxis,\n        secondaryYAxis: { ...linearAxis, grid: { visible: false } },\n        crosshairRect,\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n      },\n      // polar\n      pie: {\n        ...baseConfig,\n        label: {\n          ...baseConfig.label,\n          showValuePercent: true,\n          labelLayout: 'arc',\n          showDimension: true,\n        },\n        pivotGrid: getDarkPivotChartGridConfig(),\n        player,\n      },\n      donut: {\n        ...baseConfig,\n        label: {\n          ...baseConfig.label,\n          showValuePercent: true,\n          labelLayout: 'arc',\n          showDimension: true,\n        },\n        pivotGrid: getDarkPivotChartGridConfig(),\n        player,\n      },\n      radar: {\n        ...baseConfig,\n        pivotGrid: getDarkPivotChartGridConfig(),\n        player,\n      },\n      rose: {\n        ...baseConfig,\n        label: {\n          ...baseConfig.label,\n          showValuePercent: true,\n          showDimension: true,\n        },\n        pivotGrid: getDarkPivotChartGridConfig(),\n        player,\n      },\n      roseParallel: {\n        ...baseConfig,\n        label: {\n          ...baseConfig.label,\n          showValuePercent: true,\n          showDimension: true,\n        },\n\n        pivotGrid: getDarkPivotChartGridConfig(),\n        player,\n      },\n      // other\n      funnel: {\n        ...baseConfig,\n        label: getFunnelDarkLabel(),\n        transform: getDarkFunnelTransformTheme(),\n\n        pivotGrid: getDarkPivotChartGridConfig(),\n        player,\n      },\n      heatmap: {\n        ...baseConfig,\n        legend: getDarkColorLegend(),\n        xAxis: bandAxis,\n        yAxis: bandAxis,\n        label: {\n          ...baseConfig.label,\n          labelColorSmartInvert: true,\n        },\n        player,\n\n        cell: getDarkHeatmapCellTheme(),\n        pivotGrid: getDarkPivotChartGridConfig(),\n      },\n      histogram: {\n        ...baseConfig,\n\n        xAxis: linearAxis,\n        yAxis: linearAxis,\n        crosshairRect: crosshairRect,\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n        regressionLine: getDarkRegressionLine(),\n      },\n      boxPlot: {\n        ...baseConfig,\n\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairRect: crosshairRect,\n        pivotGrid: getDarkPivotChartGridConfig(),\n        annotation: getDarkAnnotation(),\n\n        boxPlotStyle: getDarkBoxPlotStyle(),\n        outlierStyle: getDarkOutlierStyle(),\n      },\n    },\n  }\n}\n"],"names":["darkTheme","linearAxis","getDarkLinearAxis","bandAxis","getDarkBandAxis","barBandAxis","undefined","crosshairLine","getDarkCrosshairLine","crosshairRect","getDarkCrosshairRect","baseConfig","getDarkColor","getDarkLabel","getDarkLegend","getDarkTooltip","getDarkBrushConfig","player","getDarkPlayer","tableConfig","getDarkTableConfig","getDarkPivotChartGridConfig","getDarkAnnotation","getDarkRegressionLine","getFunnelDarkLabel","getDarkFunnelTransformTheme","getDarkColorLegend","getDarkHeatmapCellTheme","getDarkBoxPlotStyle","getDarkOutlierStyle"],"mappings":"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"}
+{"version":3,"file":"theme/dark/dark.js","sources":["webpack://@visactor/vseed/./src/theme/dark/dark.ts"],"sourcesContent":["import type { CustomThemeConfig } from 'src/types'\nimport { getDarkTableConfig } from '../common'\n\nimport { getLineTheme } from './line'\nimport { getColumnTheme, getColumnParallelTheme, getColumnPercentTheme } from './column'\nimport { getBarTheme, getBarParallelTheme, getBarPercentTheme } from './bar'\nimport { getAreaTheme, getAreaPercentTheme } from './area'\nimport { getScatterTheme } from './scatter'\nimport { getDualAxisTheme } from './dualAxis'\nimport { getPieTheme, getDonutTheme } from './pie'\nimport { getRadarTheme } from './radar'\nimport { getRoseTheme, getRoseParallelTheme } from './rose'\nimport { getFunnelTheme } from './funnel'\nimport { getHeatmapTheme } from './heatmap'\nimport { getHistogramTheme } from './histogram'\nimport { getBoxPlotTheme } from './boxPlot'\nimport { getTreeMapTheme, getSunburstTheme, getCirclePackingTheme } from './hierarchy'\nimport { getRaceBarTheme, getRaceColumnTheme, getRaceScatterTheme } from './race'\n\nexport const darkTheme = (): CustomThemeConfig => {\n  const tableConfig = getDarkTableConfig()\n\n  return {\n    config: {\n      table: tableConfig,\n      pivotTable: tableConfig,\n\n      // cartesian\n      line: getLineTheme(),\n      column: getColumnTheme(),\n      columnParallel: getColumnParallelTheme(),\n      columnPercent: getColumnPercentTheme(),\n      bar: getBarTheme(),\n      barParallel: getBarParallelTheme(),\n      barPercent: getBarPercentTheme(),\n      area: getAreaTheme(),\n      areaPercent: getAreaPercentTheme(),\n      scatter: getScatterTheme(),\n      dualAxis: getDualAxisTheme(),\n\n      // polar\n      pie: getPieTheme(),\n      donut: getDonutTheme(),\n      radar: getRadarTheme(),\n      rose: getRoseTheme(),\n      roseParallel: getRoseParallelTheme(),\n\n      // other\n      funnel: getFunnelTheme(),\n      heatmap: getHeatmapTheme(),\n      histogram: getHistogramTheme(),\n      boxPlot: getBoxPlotTheme(),\n\n      // hierarchy\n      treeMap: getTreeMapTheme(),\n      sunburst: getSunburstTheme(),\n      circlePacking: getCirclePackingTheme(),\n\n      // race\n      raceBar: getRaceBarTheme(),\n      raceColumn: getRaceColumnTheme(),\n      raceScatter: getRaceScatterTheme(),\n    },\n  }\n}\n"],"names":["darkTheme","tableConfig","getDarkTableConfig","getLineTheme","getColumnTheme","getColumnParallelTheme","getColumnPercentTheme","getBarTheme","getBarParallelTheme","getBarPercentTheme","getAreaTheme","getAreaPercentTheme","getScatterTheme","getDualAxisTheme","getPieTheme","getDonutTheme","getRadarTheme","getRoseTheme","getRoseParallelTheme","getFunnelTheme","getHeatmapTheme","getHistogramTheme","getBoxPlotTheme","getTreeMapTheme","getSunburstTheme","getCirclePackingTheme","getRaceBarTheme","getRaceColumnTheme","getRaceScatterTheme"],"mappings":";;;;;;;;;;;;;;;;AAmBO,MAAMA,YAAY;IACvB,MAAMC,cAAcC;IAEpB,OAAO;QACL,QAAQ;YACN,OAAOD;YACP,YAAYA;YAGZ,MAAME;YACN,QAAQC;YACR,gBAAgBC;YAChB,eAAeC;YACf,KAAKC;YACL,aAAaC;YACb,YAAYC;YACZ,MAAMC;YACN,aAAaC;YACb,SAASC;YACT,UAAUC;YAGV,KAAKC;YACL,OAAOC;YACP,OAAOC;YACP,MAAMC;YACN,cAAcC;YAGd,QAAQC;YACR,SAASC;YACT,WAAWC;YACX,SAASC;YAGT,SAASC;YACT,UAAUC;YACV,eAAeC;YAGf,SAASC;YACT,YAAYC;YACZ,aAAaC;QACf;IACF;AACF"}

package/dist/esm/theme/dark/dualAxis.d.ts

@@ -0,0 +1,122 @@
+export declare const getDualAxisTheme: () => {
+    xAxis: import("../..").YBandAxis;
+    primaryYAxis: import("../..").YLinearAxis;
+    secondaryYAxis: {
+        grid: {
+            visible: boolean;
+        };
+        visible?: boolean;
+        min?: number;
+        max?: number | boolean;
+        log?: boolean;
+        logBase?: number;
+        nice?: boolean;
+        inverse?: boolean;
+        zero?: boolean;
+        autoFormat?: boolean;
+        numFormat?: import("../..").NumFormat;
+        label?: {
+            visible?: boolean;
+            labelColor?: string;
+            labelFontSize?: number;
+            labelFontWeight?: number;
+            labelAngle?: number;
+        };
+        line?: {
+            visible?: boolean;
+            lineColor?: string;
+            lineWidth?: number;
+        };
+        tick?: {
+            visible?: boolean;
+            tickInside?: boolean;
+            tickColor?: string;
+            tickSize?: number;
+        };
+        title?: {
+            visible?: boolean;
+            titleText?: string;
+            titleColor?: string;
+            titleFontSize?: number;
+            titleFontWeight?: number;
+        };
+        animation?: {
+            duration?: number;
+            easing?: string;
+        };
+    };
+    crosshairRect: {
+        visible: boolean;
+        labelVisible: boolean;
+        labelColor: string;
+        labelBackgroundColor: string;
+        rectColor: string;
+    };
+    pivotGrid: {
+        borderColor?: string | null | undefined;
+        bodyFontColor?: string | null | undefined;
+        headerFontColor?: string | null | undefined;
+        headerBackgroundColor?: string | null | undefined;
+        hoverHeaderBackgroundColor?: string | null | undefined;
+        hoverHeaderInlineBackgroundColor?: string | null | undefined;
+        outlineBorderLineWidth?: number | null | undefined;
+        frameCornerRadius?: number | null | undefined;
+        minChartWidth?: number | null | undefined;
+        minChartHeight?: number | null | undefined;
+        titleFontColor?: string | null | undefined;
+        titleFontSize?: number | null | undefined;
+        titleFontWeight?: string | null | undefined;
+        chartGridColor?: string | null | undefined;
+        axisLabelColor?: string | null | undefined;
+    };
+    annotation: {
+        annotationPoint: import("../..").AnnotationPointConfig;
+        annotationHorizontalLine: import("../..").AnnotationHorizontalLineConfig;
+        annotationVerticalLine: import("../..").AnnotationHorizontalLineConfig;
+        annotationArea: import("../..").AnnotationAreaConfig;
+    };
+    backgroundColor: string;
+    color: {
+        linearColorScheme: string[];
+        colorScheme: string[];
+        positiveColor: string;
+        negativeColor: string;
+    };
+    label: {
+        labelStroke: string;
+        enable: boolean;
+        wrap: boolean;
+        showValue: boolean;
+        showValuePercent: boolean;
+        labelColorSmartInvert: boolean;
+        labelOverlap: boolean;
+    };
+    legend: import("../..").Legend;
+    tooltip: {
+        enable?: boolean | null | undefined;
+        borderColor?: string | null | undefined;
+        borderWidth?: number | null | undefined;
+        borderRadius?: number | null | undefined;
+        padding?: number | number[] | null | undefined;
+        backgroundColor?: string | null | undefined;
+        lineHeight?: number | null | undefined;
+        fontSize?: number | null | undefined;
+        lineSpace?: number | null | undefined;
+        keyColor?: string | null | undefined;
+        valueColor?: string | null | undefined;
+        titleColor?: string | null | undefined;
+    };
+    brush: {
+        enable: boolean;
+        inBrushStyle?: {
+            opacity?: number | undefined;
+            stroke?: string | undefined;
+            lineWidth?: number | undefined;
+        } | undefined;
+        outOfBrushStyle?: {
+            opacity?: number | undefined;
+            stroke?: string | undefined;
+            lineWidth?: number | undefined;
+        } | undefined;
+    };
+};

package/dist/esm/theme/dark/dualAxis.js

@@ -0,0 +1,34 @@
+import { getDarkBrushConfig, getDarkColor, getDarkCrosshairRect, getDarkLabel, getDarkLegend, getDarkPivotChartGridConfig } from "../common/index.js";
+import { getDarkTooltip } from "../common/tooltip.js";
+import { getDarkBandAxis, getDarkLinearAxis } from "../common/axes.js";
+import { getDarkAnnotation } from "../common/annotaion.js";
+const getDualAxisTheme = ()=>{
+    const linearAxis = getDarkLinearAxis();
+    const bandAxis = getDarkBandAxis();
+    const crosshairRect = getDarkCrosshairRect();
+    const baseConfig = {
+        backgroundColor: 'transparent',
+        color: getDarkColor(),
+        label: getDarkLabel(),
+        legend: getDarkLegend(),
+        tooltip: getDarkTooltip(),
+        brush: getDarkBrushConfig()
+    };
+    return {
+        ...baseConfig,
+        xAxis: bandAxis,
+        primaryYAxis: linearAxis,
+        secondaryYAxis: {
+            ...linearAxis,
+            grid: {
+                visible: false
+            }
+        },
+        crosshairRect,
+        pivotGrid: getDarkPivotChartGridConfig(),
+        annotation: getDarkAnnotation()
+    };
+};
+export { getDualAxisTheme };
+
+//# sourceMappingURL=dualAxis.js.map

package/dist/esm/theme/dark/dualAxis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme/dark/dualAxis.js","sources":["webpack://@visactor/vseed/./src/theme/dark/dualAxis.ts"],"sourcesContent":["import {\n  getDarkPivotChartGridConfig,\n  getDarkColor,\n  getDarkCrosshairRect,\n  getDarkBrushConfig,\n  getDarkLabel,\n  getDarkLegend,\n} from '../common'\nimport { getDarkTooltip } from '../common/tooltip'\nimport { getDarkBandAxis, getDarkLinearAxis } from '../common/axes'\nimport { getDarkAnnotation } from '../common/annotaion'\n\nexport const getDualAxisTheme = () => {\n  const linearAxis = getDarkLinearAxis()\n  const bandAxis = getDarkBandAxis()\n  const crosshairRect = getDarkCrosshairRect()\n\n  const baseConfig = {\n    backgroundColor: 'transparent',\n    color: getDarkColor(),\n    label: getDarkLabel(),\n    legend: getDarkLegend(),\n    tooltip: getDarkTooltip(),\n    brush: getDarkBrushConfig(),\n  }\n\n  return {\n    ...baseConfig,\n    xAxis: bandAxis,\n    primaryYAxis: linearAxis,\n    secondaryYAxis: { ...linearAxis, grid: { visible: false } },\n    crosshairRect,\n    pivotGrid: getDarkPivotChartGridConfig(),\n    annotation: getDarkAnnotation(),\n  }\n}\n"],"names":["getDualAxisTheme","linearAxis","getDarkLinearAxis","bandAxis","getDarkBandAxis","crosshairRect","getDarkCrosshairRect","baseConfig","getDarkColor","getDarkLabel","getDarkLegend","getDarkTooltip","getDarkBrushConfig","getDarkPivotChartGridConfig","getDarkAnnotation"],"mappings":";;;;AAYO,MAAMA,mBAAmB;IAC9B,MAAMC,aAAaC;IACnB,MAAMC,WAAWC;IACjB,MAAMC,gBAAgBC;IAEtB,MAAMC,aAAa;QACjB,iBAAiB;QACjB,OAAOC;QACP,OAAOC;QACP,QAAQC;QACR,SAASC;QACT,OAAOC;IACT;IAEA,OAAO;QACL,GAAGL,UAAU;QACb,OAAOJ;QACP,cAAcF;QACd,gBAAgB;YAAE,GAAGA,UAAU;YAAE,MAAM;gBAAE,SAAS;YAAM;QAAE;QAC1DI;QACA,WAAWQ;QACX,YAAYC;IACd;AACF"}

package/dist/esm/theme/dark/funnel.d.ts

@@ -0,0 +1,64 @@
+export declare const getFunnelTheme: () => {
+    label: {
+        labelColor: string;
+        enable: boolean;
+        wrap: boolean;
+        showValue: boolean;
+        showValuePercent: boolean;
+        labelColorSmartInvert: boolean;
+        labelOverlap: boolean;
+    };
+    transform: import("../..").FunnelTransformConfig;
+    pivotGrid: {
+        borderColor?: string | null | undefined;
+        bodyFontColor?: string | null | undefined;
+        headerFontColor?: string | null | undefined;
+        headerBackgroundColor?: string | null | undefined;
+        hoverHeaderBackgroundColor?: string | null | undefined;
+        hoverHeaderInlineBackgroundColor?: string | null | undefined;
+        outlineBorderLineWidth?: number | null | undefined;
+        frameCornerRadius?: number | null | undefined;
+        minChartWidth?: number | null | undefined;
+        minChartHeight?: number | null | undefined;
+        titleFontColor?: string | null | undefined;
+        titleFontSize?: number | null | undefined;
+        titleFontWeight?: string | null | undefined;
+        chartGridColor?: string | null | undefined;
+        axisLabelColor?: string | null | undefined;
+    };
+    backgroundColor: string;
+    color: {
+        linearColorScheme: string[];
+        colorScheme: string[];
+        positiveColor: string;
+        negativeColor: string;
+    };
+    legend: import("../..").Legend;
+    tooltip: {
+        enable?: boolean | null | undefined;
+        borderColor?: string | null | undefined;
+        borderWidth?: number | null | undefined;
+        borderRadius?: number | null | undefined;
+        padding?: number | number[] | null | undefined;
+        backgroundColor?: string | null | undefined;
+        lineHeight?: number | null | undefined;
+        fontSize?: number | null | undefined;
+        lineSpace?: number | null | undefined;
+        keyColor?: string | null | undefined;
+        valueColor?: string | null | undefined;
+        titleColor?: string | null | undefined;
+    };
+    brush: {
+        enable: boolean;
+        inBrushStyle?: {
+            opacity?: number | undefined;
+            stroke?: string | undefined;
+            lineWidth?: number | undefined;
+        } | undefined;
+        outOfBrushStyle?: {
+            opacity?: number | undefined;
+            stroke?: string | undefined;
+            lineWidth?: number | undefined;
+        } | undefined;
+    };
+};

package/dist/esm/theme/dark/funnel.js

@@ -0,0 +1,22 @@
+import { getDarkBrushConfig, getDarkColor, getDarkLabel, getDarkLegend, getDarkPivotChartGridConfig, getFunnelDarkLabel } from "../common/index.js";
+import { getDarkTooltip } from "../common/tooltip.js";
+import { getDarkFunnelTransformTheme } from "../common/funnelTransform.js";
+const getFunnelTheme = ()=>{
+    const baseConfig = {
+        backgroundColor: 'transparent',
+        color: getDarkColor(),
+        label: getDarkLabel(),
+        legend: getDarkLegend(),
+        tooltip: getDarkTooltip(),
+        brush: getDarkBrushConfig()
+    };
+    return {
+        ...baseConfig,
+        label: getFunnelDarkLabel(),
+        transform: getDarkFunnelTransformTheme(),
+        pivotGrid: getDarkPivotChartGridConfig()
+    };
+};
+export { getFunnelTheme };
+
+//# sourceMappingURL=funnel.js.map

package/dist/esm/theme/dark/funnel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme/dark/funnel.js","sources":["webpack://@visactor/vseed/./src/theme/dark/funnel.ts"],"sourcesContent":["import {\n  getDarkPivotChartGridConfig,\n  getFunnelDarkLabel,\n  getDarkColor,\n  getDarkBrushConfig,\n  getDarkLabel,\n  getDarkLegend,\n} from '../common'\nimport { getDarkTooltip } from '../common/tooltip'\nimport { getDarkFunnelTransformTheme } from '../common/funnelTransform'\n\nexport const getFunnelTheme = () => {\n  const baseConfig = {\n    backgroundColor: 'transparent',\n    color: getDarkColor(),\n    label: getDarkLabel(),\n    legend: getDarkLegend(),\n    tooltip: getDarkTooltip(),\n    brush: getDarkBrushConfig(),\n  }\n\n  return {\n    ...baseConfig,\n    label: getFunnelDarkLabel(),\n    transform: getDarkFunnelTransformTheme(),\n\n    pivotGrid: getDarkPivotChartGridConfig(),\n  }\n}\n"],"names":["getFunnelTheme","baseConfig","getDarkColor","getDarkLabel","getDarkLegend","getDarkTooltip","getDarkBrushConfig","getFunnelDarkLabel","getDarkFunnelTransformTheme","getDarkPivotChartGridConfig"],"mappings":";;;AAWO,MAAMA,iBAAiB;IAC5B,MAAMC,aAAa;QACjB,iBAAiB;QACjB,OAAOC;QACP,OAAOC;QACP,QAAQC;QACR,SAASC;QACT,OAAOC;IACT;IAEA,OAAO;QACL,GAAGL,UAAU;QACb,OAAOM;QACP,WAAWC;QAEX,WAAWC;IACb;AACF"}