@visactor/vseed 0.1.8 → 0.1.10

package/dist/esm/theme/dark.js

@@ -0,0 +1,311 @@
+const darkTheme = ()=>{
+    const linearAxis = {
+        nice: true,
+        zero: true,
+        label: {
+            visible: true,
+            labelAngle: 0,
+            labelColor: '#E2E3E6',
+            labelFontSize: 12,
+            labelFontWeight: 400
+        },
+        title: {
+            visible: false,
+            titleText: '',
+            titleColor: '#FDFDFD',
+            titleFontSize: 12,
+            titleFontWeight: 400
+        },
+        grid: {
+            visible: true,
+            gridColor: '#404349',
+            gridWidth: 0.5
+        },
+        tick: {
+            visible: false,
+            tickInside: false,
+            tickSize: 4,
+            tickColor: '#4B4F54'
+        },
+        line: {
+            visible: false,
+            lineColor: '#4B4F54',
+            lineWidth: 1
+        }
+    };
+    const bandAxis = {
+        labelAutoHide: true,
+        labelAutoHideGap: 4,
+        labelAutoLimit: true,
+        labelAutoLimitLength: 80,
+        labelAutoRotate: false,
+        labelAutoRotateAngleRange: [
+            0,
+            -45,
+            -90
+        ],
+        label: {
+            visible: true,
+            labelAngle: 0,
+            labelColor: '#E2E3E6',
+            labelFontSize: 12,
+            labelFontWeight: 400
+        },
+        title: {
+            visible: false,
+            titleText: '',
+            titleColor: '#FDFDFD',
+            titleFontSize: 12,
+            titleFontWeight: 400
+        },
+        grid: {
+            visible: false,
+            gridColor: '#404349',
+            gridWidth: 0.5
+        },
+        tick: {
+            visible: false,
+            tickInside: false,
+            tickSize: 4,
+            tickColor: '#4B4F54'
+        },
+        line: {
+            visible: true,
+            lineColor: '#4B4F54',
+            lineWidth: 1
+        }
+    };
+    const barBandAxis = {
+        ...bandAxis,
+        labelAutoHide: false,
+        labelAutoHideGap: 1,
+        labelAutoLimit: false,
+        labelAutoLimitLength: void 0,
+        labelAutoRotate: false,
+        labelAutoRotateAngleRange: [
+            0,
+            -45,
+            -90
+        ]
+    };
+    const crosshairLine = {
+        visible: true,
+        labelVisible: true,
+        lineColor: '#E2E3E6',
+        labelColor: '#4B4F54',
+        labelBackgroundColor: '#ffffff'
+    };
+    const crosshairRect = {
+        visible: true,
+        labelVisible: true,
+        lineColor: '#E2E3E6',
+        labelColor: '#4B4F54',
+        labelBackgroundColor: '#ffffff'
+    };
+    const baseConfig = {
+        backgroundColor: 'transparent',
+        color: {
+            linearColorScheme: [
+                '#A0CEFF',
+                '#2E62F1'
+            ],
+            colorScheme: [
+                '#2E62F1',
+                '#4DC36A',
+                '#FF8406',
+                '#FFCC00',
+                '#4F44CF',
+                '#5AC8FA',
+                '#003A8C',
+                '#B08AE2',
+                '#FF6341',
+                '#98DD62'
+            ]
+        },
+        label: {
+            enable: true
+        },
+        tooltip: {
+            enable: true
+        },
+        legend: {
+            enable: true,
+            border: true,
+            maxSize: 1,
+            position: 'rt',
+            shapeType: 'rectRound',
+            labelFontColor: '#FDFDFD',
+            labelFontSize: 12,
+            labelFontWeight: 400
+        }
+    };
+    const tableConfig = {
+        borderColor: '#4b4e53',
+        bodyFontSize: 12,
+        bodyFontColor: '#fdfdfd',
+        bodyBackgroundColor: 'transparent',
+        headerFontSize: 12,
+        headerFontColor: '#fdfdfd',
+        headerBackgroundColor: '#36393e',
+        hoverBodyBackgroundColor: '#4284ff66',
+        hoverBodyInlineBackgroundColor: '#4284ff10',
+        hoverHeaderBackgroundColor: '#6f7984cc',
+        hoverHeaderInlineBackgroundColor: '#4b4f54',
+        selectedBorderColor: '#3073f2',
+        selectedBackgroundColor: '#4284ff33'
+    };
+    return {
+        config: {
+            table: tableConfig,
+            pivotTable: tableConfig,
+            line: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairLine: crosshairLine
+            },
+            column: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairRect: crosshairRect,
+                stackCornerRadius: [
+                    4,
+                    4,
+                    0,
+                    0
+                ]
+            },
+            columnParallel: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairRect: crosshairRect,
+                stackCornerRadius: [
+                    4,
+                    4,
+                    0,
+                    0
+                ]
+            },
+            columnPercent: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairRect: crosshairRect,
+                stackCornerRadius: [
+                    4,
+                    4,
+                    0,
+                    0
+                ]
+            },
+            bar: {
+                ...baseConfig,
+                xAxis: linearAxis,
+                yAxis: barBandAxis,
+                crosshairRect: crosshairRect,
+                stackCornerRadius: [
+                    0,
+                    4,
+                    4,
+                    0
+                ]
+            },
+            barParallel: {
+                ...baseConfig,
+                xAxis: linearAxis,
+                yAxis: barBandAxis,
+                crosshairRect: crosshairRect,
+                stackCornerRadius: [
+                    0,
+                    4,
+                    4,
+                    0
+                ]
+            },
+            barPercent: {
+                ...baseConfig,
+                xAxis: linearAxis,
+                yAxis: barBandAxis,
+                crosshairRect: crosshairRect,
+                stackCornerRadius: [
+                    0,
+                    4,
+                    4,
+                    0
+                ]
+            },
+            area: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairLine: crosshairLine
+            },
+            areaPercent: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairLine: crosshairLine
+            },
+            scatter: {
+                ...baseConfig,
+                xAxis: {
+                    ...linearAxis,
+                    line: {
+                        ...linearAxis.line,
+                        visible: true
+                    }
+                },
+                yAxis: {
+                    ...linearAxis,
+                    line: {
+                        ...linearAxis.line,
+                        visible: true
+                    }
+                },
+                crosshairLine
+            },
+            dualAxis: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                primaryYAxis: linearAxis,
+                secondaryYAxis: {
+                    ...linearAxis,
+                    grid: {
+                        visible: false
+                    }
+                },
+                dualChartType: {
+                    primary: 'column',
+                    secondary: 'line'
+                },
+                crosshairRect
+            },
+            pie: {
+                ...baseConfig
+            },
+            donut: {
+                ...baseConfig
+            },
+            radar: {
+                ...baseConfig
+            },
+            rose: {
+                ...baseConfig
+            },
+            roseParallel: {
+                ...baseConfig
+            },
+            funnel: {
+                ...baseConfig
+            },
+            heatmap: {
+                ...baseConfig
+            }
+        }
+    };
+};
+export { darkTheme };
+
+//# sourceMappingURL=dark.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme/dark.js","sources":["webpack://@visactor/vseed/./src/theme/dark.ts"],"sourcesContent":["import type {\n  BackgroundColor,\n  Color,\n  CustomThemeConfig,\n  Label,\n  Legend,\n  TableConfig,\n  Tooltip,\n  YBandAxis,\n  YLinearAxis,\n} from 'src/types'\n\nexport const darkTheme = (): CustomThemeConfig => {\n  const linearAxis: YLinearAxis = {\n    nice: true,\n    zero: true,\n    label: {\n      visible: true,\n      labelAngle: 0,\n      labelColor: '#E2E3E6',\n      labelFontSize: 12,\n      labelFontWeight: 400,\n    },\n    title: {\n      visible: false,\n      titleText: '',\n      titleColor: '#FDFDFD',\n      titleFontSize: 12,\n      titleFontWeight: 400,\n    },\n    grid: {\n      visible: true,\n      gridColor: '#404349',\n      gridWidth: 0.5,\n    },\n    tick: {\n      visible: false,\n      tickInside: false,\n      tickSize: 4,\n      tickColor: '#4B4F54',\n    },\n    line: {\n      visible: false,\n      lineColor: '#4B4F54',\n      lineWidth: 1,\n    },\n  }\n  const bandAxis: YBandAxis = {\n    labelAutoHide: true,\n    labelAutoHideGap: 4,\n    labelAutoLimit: true,\n    labelAutoLimitLength: 80,\n    labelAutoRotate: false,\n    labelAutoRotateAngleRange: [0, -45, -90],\n    label: {\n      visible: true,\n      labelAngle: 0,\n      labelColor: '#E2E3E6',\n      labelFontSize: 12,\n      labelFontWeight: 400,\n    },\n    title: {\n      visible: false,\n      titleText: '',\n      titleColor: '#FDFDFD',\n      titleFontSize: 12,\n      titleFontWeight: 400,\n    },\n    grid: {\n      visible: false,\n      gridColor: '#404349',\n      gridWidth: 0.5,\n    },\n    tick: {\n      visible: false,\n      tickInside: false,\n      tickSize: 4,\n      tickColor: '#4B4F54',\n    },\n    line: {\n      visible: true,\n      lineColor: '#4B4F54',\n      lineWidth: 1,\n    },\n  }\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 = {\n    visible: true,\n    labelVisible: true,\n    lineColor: '#E2E3E6',\n    labelColor: '#4B4F54',\n    labelBackgroundColor: '#ffffff',\n  }\n  const crosshairRect = {\n    visible: true,\n    labelVisible: true,\n    lineColor: '#E2E3E6',\n    labelColor: '#4B4F54',\n    labelBackgroundColor: '#ffffff',\n  }\n\n  const baseConfig: {\n    backgroundColor?: BackgroundColor\n    color?: Color\n    label?: Label\n    tooltip?: Tooltip\n    legend?: Legend\n  } = {\n    backgroundColor: 'transparent',\n    color: {\n      linearColorScheme: ['#A0CEFF', '#2E62F1'],\n      colorScheme: [\n        '#2E62F1',\n        '#4DC36A',\n        '#FF8406',\n        '#FFCC00',\n        '#4F44CF',\n        '#5AC8FA',\n        '#003A8C',\n        '#B08AE2',\n        '#FF6341',\n        '#98DD62',\n      ],\n    },\n    label: {\n      enable: true,\n    },\n    tooltip: {\n      enable: true,\n    },\n    legend: {\n      enable: true,\n      border: true,\n      maxSize: 1,\n      position: 'rt',\n      shapeType: 'rectRound',\n      labelFontColor: '#FDFDFD',\n      labelFontSize: 12,\n      labelFontWeight: 400,\n    },\n  }\n\n  const tableConfig: TableConfig = {\n    borderColor: '#4b4e53',\n\n    bodyFontSize: 12,\n    bodyFontColor: '#fdfdfd',\n    bodyBackgroundColor: 'transparent',\n\n    headerFontSize: 12,\n    headerFontColor: '#fdfdfd',\n    headerBackgroundColor: '#36393e',\n\n    hoverBodyBackgroundColor: '#4284ff66',\n    hoverBodyInlineBackgroundColor: '#4284ff10',\n    hoverHeaderBackgroundColor: '#6f7984cc',\n    hoverHeaderInlineBackgroundColor: '#4b4f54',\n\n    selectedBorderColor: '#3073f2',\n    selectedBackgroundColor: '#4284ff33',\n  }\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      },\n      column: {\n        ...baseConfig,\n\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [4, 4, 0, 0],\n      },\n      columnParallel: {\n        ...baseConfig,\n\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [4, 4, 0, 0],\n      },\n      columnPercent: {\n        ...baseConfig,\n\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [4, 4, 0, 0],\n      },\n      bar: {\n        ...baseConfig,\n\n        xAxis: linearAxis,\n        yAxis: barBandAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [0, 4, 4, 0],\n      },\n      barParallel: {\n        ...baseConfig,\n\n        xAxis: linearAxis,\n        yAxis: barBandAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [0, 4, 4, 0],\n      },\n      barPercent: {\n        ...baseConfig,\n\n        xAxis: linearAxis,\n        yAxis: barBandAxis,\n        crosshairRect: crosshairRect,\n        stackCornerRadius: [0, 4, 4, 0],\n      },\n      area: {\n        ...baseConfig,\n\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairLine: crosshairLine,\n      },\n      areaPercent: {\n        ...baseConfig,\n\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairLine: crosshairLine,\n      },\n      scatter: {\n        ...baseConfig,\n\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        crosshairLine,\n      },\n      dualAxis: {\n        ...baseConfig,\n        xAxis: bandAxis,\n        primaryYAxis: linearAxis,\n        secondaryYAxis: { ...linearAxis, grid: { visible: false } },\n        dualChartType: {\n          primary: 'column',\n          secondary: 'line',\n        },\n        crosshairRect,\n      },\n      // polar\n      pie: {\n        ...baseConfig,\n      },\n      donut: {\n        ...baseConfig,\n      },\n      radar: {\n        ...baseConfig,\n      },\n      rose: {\n        ...baseConfig,\n      },\n      roseParallel: {\n        ...baseConfig,\n      },\n      // other\n      funnel: {\n        ...baseConfig,\n      },\n      heatmap: {\n        ...baseConfig,\n      },\n    },\n  }\n}\n"],"names":["darkTheme","linearAxis","bandAxis","barBandAxis","undefined","crosshairLine","crosshairRect","baseConfig","tableConfig"],"mappings":"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"}

package/dist/esm/theme/index.js

@@ -0,0 +1,3 @@
+import { darkTheme } from "./dark.js";
+import { lightTheme } from "./light.js";
+export { darkTheme, lightTheme };

package/dist/esm/theme/light.js

@@ -0,0 +1,313 @@
+const lightTheme = ()=>{
+    const linearAxis = {
+        nice: true,
+        zero: true,
+        inverse: false,
+        label: {
+            visible: true,
+            labelAngle: 0,
+            labelColor: '#797B85',
+            labelFontSize: 12,
+            labelFontWeight: 400
+        },
+        title: {
+            visible: false,
+            titleText: '',
+            titleColor: '#646A73',
+            titleFontSize: 12,
+            titleFontWeight: 400
+        },
+        grid: {
+            visible: true,
+            gridColor: '#36415926',
+            gridWidth: 0.5
+        },
+        tick: {
+            visible: false,
+            tickInside: false,
+            tickSize: 4,
+            tickColor: '#3641594d'
+        },
+        line: {
+            visible: false,
+            lineColor: '#3641594d',
+            lineWidth: 1
+        }
+    };
+    const bandAxis = {
+        labelAutoHide: true,
+        labelAutoHideGap: 4,
+        labelAutoLimit: true,
+        labelAutoLimitLength: 80,
+        labelAutoRotate: false,
+        labelAutoRotateAngleRange: [
+            0,
+            -45,
+            -90
+        ],
+        label: {
+            visible: true,
+            labelAngle: 0,
+            labelColor: '#797B85',
+            labelFontSize: 12,
+            labelFontWeight: 400
+        },
+        title: {
+            visible: false,
+            titleText: '',
+            titleColor: '#646A73',
+            titleFontSize: 12,
+            titleFontWeight: 400
+        },
+        grid: {
+            visible: false,
+            gridColor: '#36415926',
+            gridWidth: 0.5
+        },
+        tick: {
+            visible: false,
+            tickInside: false,
+            tickSize: 4,
+            tickColor: '#3641594d'
+        },
+        line: {
+            visible: true,
+            lineColor: '#3641594d',
+            lineWidth: 1
+        }
+    };
+    const barBandAxis = {
+        ...bandAxis,
+        labelAutoHide: false,
+        labelAutoHideGap: 1,
+        labelAutoLimit: false,
+        labelAutoLimitLength: void 0,
+        labelAutoRotate: false,
+        labelAutoRotateAngleRange: [
+            0,
+            -45,
+            -90
+        ]
+    };
+    const crosshairLine = {
+        visible: true,
+        labelVisible: true,
+        lineColor: '#3641594d',
+        labelColor: '#ffffff',
+        labelBackgroundColor: '#364159'
+    };
+    const crosshairRect = {
+        visible: true,
+        labelVisible: true,
+        rectColor: '#3641594d',
+        labelColor: '#ffffff',
+        labelBackgroundColor: '#364159'
+    };
+    const baseConfig = {
+        backgroundColor: 'transparent',
+        color: {
+            linearColorScheme: [
+                '#C2CEFF',
+                '#5766EC'
+            ],
+            colorScheme: [
+                '#8D72F6',
+                '#5766EC',
+                '#66A3FE',
+                '#51D5E6',
+                '#4EC0B3',
+                '#F9DF90',
+                '#F9AD71',
+                '#ED8888',
+                '#E9A0C3',
+                '#D77DD3'
+            ]
+        },
+        label: {
+            enable: true
+        },
+        tooltip: {
+            enable: true
+        },
+        legend: {
+            enable: true,
+            border: true,
+            maxSize: 1,
+            shapeType: 'rectRound',
+            position: 'rt',
+            labelFontColor: '#646A73',
+            labelFontSize: 12,
+            labelFontWeight: 400
+        }
+    };
+    const tableConfig = {
+        borderColor: '#e3e5eb',
+        bodyFontSize: 12,
+        bodyFontColor: '#141414',
+        bodyBackgroundColor: 'transparent',
+        headerFontSize: 12,
+        headerFontColor: '#21252c',
+        headerBackgroundColor: '#f6f7f9',
+        hoverBodyBackgroundColor: '#bedaff',
+        hoverBodyInlineBackgroundColor: '#bedaff33',
+        hoverHeaderBackgroundColor: '#D9DDE4',
+        hoverHeaderInlineBackgroundColor: '#D9DDE455',
+        selectedBorderColor: '#4080ff',
+        selectedBackgroundColor: '#bedaff33',
+        backgroundColor: 'transparent'
+    };
+    return {
+        config: {
+            table: tableConfig,
+            pivotTable: tableConfig,
+            line: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairLine
+            },
+            column: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairRect,
+                stackCornerRadius: [
+                    4,
+                    4,
+                    0,
+                    0
+                ]
+            },
+            columnParallel: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairRect,
+                stackCornerRadius: [
+                    4,
+                    4,
+                    0,
+                    0
+                ]
+            },
+            columnPercent: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairRect,
+                stackCornerRadius: [
+                    4,
+                    4,
+                    0,
+                    0
+                ]
+            },
+            bar: {
+                ...baseConfig,
+                xAxis: linearAxis,
+                yAxis: barBandAxis,
+                crosshairRect,
+                stackCornerRadius: [
+                    0,
+                    4,
+                    4,
+                    0
+                ]
+            },
+            barParallel: {
+                ...baseConfig,
+                xAxis: linearAxis,
+                yAxis: barBandAxis,
+                crosshairRect,
+                stackCornerRadius: [
+                    0,
+                    4,
+                    4,
+                    0
+                ]
+            },
+            barPercent: {
+                ...baseConfig,
+                xAxis: linearAxis,
+                yAxis: barBandAxis,
+                crosshairRect,
+                stackCornerRadius: [
+                    0,
+                    4,
+                    4,
+                    0
+                ]
+            },
+            area: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairLine
+            },
+            areaPercent: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                yAxis: linearAxis,
+                crosshairLine
+            },
+            scatter: {
+                ...baseConfig,
+                xAxis: {
+                    ...linearAxis,
+                    line: {
+                        ...linearAxis.line,
+                        visible: true
+                    }
+                },
+                yAxis: {
+                    ...linearAxis,
+                    line: {
+                        ...linearAxis.line,
+                        visible: true
+                    }
+                },
+                crosshairLine
+            },
+            dualAxis: {
+                ...baseConfig,
+                xAxis: bandAxis,
+                primaryYAxis: linearAxis,
+                secondaryYAxis: {
+                    ...linearAxis,
+                    grid: {
+                        visible: false
+                    }
+                },
+                dualChartType: {
+                    primary: 'column',
+                    secondary: 'line'
+                },
+                crosshairRect
+            },
+            pie: {
+                ...baseConfig
+            },
+            donut: {
+                ...baseConfig
+            },
+            radar: {
+                ...baseConfig
+            },
+            rose: {
+                ...baseConfig
+            },
+            roseParallel: {
+                ...baseConfig
+            },
+            funnel: {
+                ...baseConfig
+            },
+            heatmap: {
+                ...baseConfig
+            }
+        }
+    };
+};
+export { lightTheme };
+
+//# sourceMappingURL=light.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme/light.js","sources":["webpack://@visactor/vseed/./src/theme/light.ts"],"sourcesContent":["import type {\n  BackgroundColor,\n  Color,\n  CustomThemeConfig,\n  Label,\n  Legend,\n  TableConfig,\n  Tooltip,\n  YBandAxis,\n  YLinearAxis,\n} from 'src/types'\n\nexport const lightTheme = (): CustomThemeConfig => {\n  const linearAxis: YLinearAxis = {\n    nice: true,\n    zero: true,\n    inverse: false,\n    label: {\n      visible: true,\n      labelAngle: 0,\n      labelColor: '#797B85',\n      labelFontSize: 12,\n      labelFontWeight: 400,\n    },\n    title: {\n      visible: false,\n      titleText: '',\n      titleColor: '#646A73',\n      titleFontSize: 12,\n      titleFontWeight: 400,\n    },\n    grid: {\n      visible: true,\n      gridColor: '#36415926',\n      gridWidth: 0.5,\n    },\n    tick: {\n      visible: false,\n      tickInside: false,\n      tickSize: 4,\n      tickColor: '#3641594d',\n    },\n    line: {\n      visible: false,\n      lineColor: '#3641594d',\n      lineWidth: 1,\n    },\n  }\n  const bandAxis: YBandAxis = {\n    labelAutoHide: true,\n    labelAutoHideGap: 4,\n    labelAutoLimit: true,\n    labelAutoLimitLength: 80,\n    labelAutoRotate: false,\n    labelAutoRotateAngleRange: [0, -45, -90],\n    label: {\n      visible: true,\n      labelAngle: 0,\n      labelColor: '#797B85',\n      labelFontSize: 12,\n      labelFontWeight: 400,\n    },\n    title: {\n      visible: false,\n      titleText: '',\n      titleColor: '#646A73',\n      titleFontSize: 12,\n      titleFontWeight: 400,\n    },\n    grid: {\n      visible: false,\n      gridColor: '#36415926',\n      gridWidth: 0.5,\n    },\n    tick: {\n      visible: false,\n      tickInside: false,\n      tickSize: 4,\n      tickColor: '#3641594d',\n    },\n    line: {\n      visible: true,\n      lineColor: '#3641594d',\n      lineWidth: 1,\n    },\n  }\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\n  const crosshairLine = {\n    visible: true,\n    labelVisible: true,\n    lineColor: '#3641594d',\n    labelColor: '#ffffff',\n    labelBackgroundColor: '#364159',\n  }\n  const crosshairRect = {\n    visible: true,\n    labelVisible: true,\n    rectColor: '#3641594d',\n    labelColor: '#ffffff',\n    labelBackgroundColor: '#364159',\n  }\n\n  const baseConfig: {\n    backgroundColor?: BackgroundColor\n    color?: Color\n    label?: Label\n    tooltip?: Tooltip\n    legend?: Legend\n  } = {\n    backgroundColor: 'transparent',\n    color: {\n      linearColorScheme: ['#C2CEFF', '#5766EC'],\n      colorScheme: [\n        '#8D72F6',\n        '#5766EC',\n        '#66A3FE',\n        '#51D5E6',\n        '#4EC0B3',\n        '#F9DF90',\n        '#F9AD71',\n        '#ED8888',\n        '#E9A0C3',\n        '#D77DD3',\n      ],\n    },\n    label: {\n      enable: true,\n    },\n    tooltip: {\n      enable: true,\n    },\n    legend: {\n      enable: true,\n      border: true,\n      maxSize: 1,\n      shapeType: 'rectRound',\n      position: 'rt',\n      labelFontColor: '#646A73',\n      labelFontSize: 12,\n      labelFontWeight: 400,\n    },\n  }\n  const tableConfig: TableConfig = {\n    borderColor: '#e3e5eb',\n\n    bodyFontSize: 12,\n    bodyFontColor: '#141414',\n    bodyBackgroundColor: 'transparent',\n\n    headerFontSize: 12,\n    headerFontColor: '#21252c',\n    headerBackgroundColor: '#f6f7f9',\n\n    hoverBodyBackgroundColor: '#bedaff',\n    hoverBodyInlineBackgroundColor: '#bedaff33',\n    hoverHeaderBackgroundColor: '#D9DDE4',\n    hoverHeaderInlineBackgroundColor: '#D9DDE455',\n\n    selectedBorderColor: '#4080ff',\n    selectedBackgroundColor: '#bedaff33',\n\n    backgroundColor: 'transparent',\n  }\n\n  return {\n    config: {\n      // table\n      table: tableConfig,\n      pivotTable: tableConfig,\n      // cartesian\n      line: {\n        ...baseConfig,\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairLine,\n      },\n      column: {\n        ...baseConfig,\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairRect,\n        stackCornerRadius: [4, 4, 0, 0],\n      },\n      columnParallel: {\n        ...baseConfig,\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairRect,\n        stackCornerRadius: [4, 4, 0, 0],\n      },\n      columnPercent: {\n        ...baseConfig,\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairRect,\n        stackCornerRadius: [4, 4, 0, 0],\n      },\n      bar: {\n        ...baseConfig,\n        xAxis: linearAxis,\n        yAxis: barBandAxis,\n        crosshairRect,\n        stackCornerRadius: [0, 4, 4, 0],\n      },\n      barParallel: {\n        ...baseConfig,\n        xAxis: linearAxis,\n        yAxis: barBandAxis,\n        crosshairRect,\n        stackCornerRadius: [0, 4, 4, 0],\n      },\n      barPercent: {\n        ...baseConfig,\n        xAxis: linearAxis,\n        yAxis: barBandAxis,\n        crosshairRect,\n        stackCornerRadius: [0, 4, 4, 0],\n      },\n      area: {\n        ...baseConfig,\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairLine,\n      },\n      areaPercent: {\n        ...baseConfig,\n        xAxis: bandAxis,\n        yAxis: linearAxis,\n        crosshairLine,\n      },\n      scatter: {\n        ...baseConfig,\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        crosshairLine,\n      },\n      dualAxis: {\n        ...baseConfig,\n        xAxis: bandAxis,\n        primaryYAxis: linearAxis,\n        secondaryYAxis: { ...linearAxis, grid: { visible: false } },\n        dualChartType: {\n          primary: 'column',\n          secondary: 'line',\n        },\n        crosshairRect,\n      },\n      // polar\n      pie: {\n        ...baseConfig,\n      },\n      donut: {\n        ...baseConfig,\n      },\n      radar: {\n        ...baseConfig,\n      },\n      rose: {\n        ...baseConfig,\n      },\n      roseParallel: {\n        ...baseConfig,\n      },\n      // other\n      funnel: {\n        ...baseConfig,\n      },\n      heatmap: {\n        ...baseConfig,\n      },\n    },\n  }\n}\n"],"names":["lightTheme","linearAxis","bandAxis","barBandAxis","undefined","crosshairLine","crosshairRect","baseConfig","tableConfig"],"mappings":"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"}

package/dist/esm/types/advancedVSeed.js

@@ -0,0 +1,29 @@
+import { z } from "zod";
+import { zChartType } from "./properties/chartType/index.js";
+import { zDataset } from "./properties/dataset/index.js";
+import { zDimensionTree } from "./properties/dimensions/index.js";
+import { zMeasureTree } from "./properties/measures/index.js";
+import { zEncoding } from "./properties/encoding/index.js";
+import { zDatasetReshapeInfo } from "./properties/datasetReshapeInfo/index.js";
+import { zCustomThemeConfig, zTheme } from "./properties/theme/index.js";
+import { zConfig } from "./properties/config/index.js";
+import { zAnalysis, zAnnotation, zMarkStyle } from "./properties/index.js";
+import { zLocale } from "./i18n/index.js";
+const zAdvancedVSeed = z.object({
+    chartType: zChartType,
+    dataset: zDataset,
+    datasetReshapeInfo: zDatasetReshapeInfo,
+    dimensions: zDimensionTree,
+    measures: zMeasureTree,
+    encoding: zEncoding,
+    config: zConfig,
+    analysis: zAnalysis,
+    theme: zTheme,
+    markStyle: zMarkStyle,
+    customTheme: zCustomThemeConfig,
+    annotation: zAnnotation,
+    locale: zLocale
+});
+export { zAdvancedVSeed };
+
+//# sourceMappingURL=advancedVSeed.js.map