@visactor/vseed 0.0.35 → 0.0.37

package/dist/index.js

@@ -1,4 +1,4 @@
-import { clone, groupBy, isArray, isEmpty, isNullish, isNumber, isString, mergeDeep, omit, pick, sort, unique } from "remeda";
+import { clone, groupBy, isArray, isEmpty, isNullish, isNumber, isObjectType, isString, merge, mergeDeep, omit, pick, sort, unique } from "remeda";
 import { z } from "zod";
 const execPipeline = (pipeline, context, initialValue = {})=>{
     const result = pipeline.reduce((prev, cur)=>cur(prev, context), initialValue);
@@ -286,6 +286,33 @@ const records_records = (advancedVSeed, context)=>{
         dataset
     };
 };
+const tableConfig_tableConfig = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { chartType } = vseed;
+    const result = {
+        ...advancedVSeed
+    };
+    const config = pick(vseed, [
+        'backgroundColor',
+        'bodyFontSize',
+        'bodyFontColor',
+        'bodyBackgroundColor',
+        'headerFontSize',
+        'headerFontColor',
+        'headerBackgroundColor',
+        'hoverHeaderBackgroundColor',
+        'hoverHeaderInlineBackgroundColor',
+        'selectedBorderColor',
+        'selectedBackgroundColor'
+    ]);
+    result.config = {
+        ...result.config || {},
+        [chartType]: {
+            ...config
+        }
+    };
+    return result;
+};
 const theme_theme = (advancedVSeed, context)=>{
     const { customTheme, vseed } = context;
     const { theme = 'light', chartType } = vseed;
@@ -297,6 +324,10 @@ const theme_theme = (advancedVSeed, context)=>{
     if (chartConfigTheme) {
         const chartConfig = result.config?.[chartType] || {};
         const mergedConfig = mergeDeep(chartConfigTheme, clone(chartConfig));
+        for(const _k in mergedConfig){
+            const key = _k;
+            if (Array.isArray(mergedConfig[key])) mergedConfig[key] = mergeArray(mergedConfig[key], chartConfigTheme[key]);
+        }
         result.config = {
             [chartType]: mergedConfig
         };
@@ -309,16 +340,25 @@ const theme_theme = (advancedVSeed, context)=>{
     };
     return result;
 };
+const mergeArray = (arr, themeItem)=>{
+    if (isNullish(themeItem) || isString(themeItem) || isNumber(themeItem)) return arr;
+    if (!Array.isArray(arr)) return arr;
+    if (arr.some((d)=>!isObjectType(d))) return arr;
+    return arr.map((item)=>merge(themeItem, item));
+};
 const tableAdvancedPipeline = [
     initAdvancedVSeed,
     autoMeasures,
     autoDimensions,
     records_records,
+    tableConfig_tableConfig,
     theme_theme
 ];
 const initTable = (spec, context)=>{
     const { advancedVSeed } = context;
     const { dataset } = advancedVSeed;
+    const { config } = advancedVSeed;
+    const { backgroundColor = 'transparent' } = config.table || {};
     return {
         ...spec,
         records: dataset,
@@ -340,23 +380,26 @@ const initTable = (spec, context)=>{
             highlightMode: 'row'
         },
         theme: {
-            underlayBackgroundColor: 'transparent'
+            underlayBackgroundColor: backgroundColor
         }
     };
 };
-const measureTreeToColumns = (spec, context)=>{
+const isMeasure = (measure)=>!('children' in measure);
+const isMeasureGroup = (measure)=>'children' in measure;
+const isMeasures = (measures)=>measures.every(isMeasure);
+const dimensionTreeToColumns = (spec, context)=>{
     const { advancedVSeed } = context;
-    const measures = advancedVSeed.measures;
+    const dimensions = advancedVSeed.dimensions;
     const result = {
         ...spec
     };
     const eachNode = (node)=>{
-        if ('children' in node) return {};
-        return {
+        if (isMeasure(node)) return {
             width: 'auto'
         };
+        return {};
     };
-    const columns = treeTreeToColumns(measures, eachNode);
+    const columns = treeTreeToColumns(dimensions, eachNode);
     return {
         ...result,
         columns: [
@@ -365,19 +408,106 @@ const measureTreeToColumns = (spec, context)=>{
         ]
     };
 };
-const dimensionTreeToColumns = (spec, context)=>{
+const treeTreeToColumns = (tree, callback)=>{
+    const result = tree.map((item)=>{
+        if ('children' in item && Array.isArray(item.children)) {
+            const groupNode = item;
+            const field = groupNode.id;
+            const title = groupNode.alias ?? groupNode.id;
+            const props = callback?.(groupNode) || {};
+            return {
+                field,
+                title,
+                columns: treeTreeToColumns(item.children, callback),
+                ...props
+            };
+        }
+        {
+            const field = item.id;
+            const title = item.alias ?? item.id;
+            const props = callback?.(item) || {};
+            return {
+                field,
+                title,
+                ...props
+            };
+        }
+    });
+    return result || [];
+};
+const createNumFormatter = (format, locale = intl.getLocale())=>{
+    const { type = 'number', ratio = 1, symbol = '', thousandSeparator = true, prefix = '', suffix = '', fractionDigits = 2, significantDigits, roundingMode = 'halfExpand', roundingPriority = 'auto' } = format || {};
+    const numFormatterOptions = {
+        style: 'decimal',
+        notation: 'scientific' === type ? 'scientific' : 'standard',
+        roundingMode,
+        roundingPriority
+    };
+    if (isNumber(fractionDigits)) {
+        if (fractionDigits >= 0) {
+            numFormatterOptions.minimumFractionDigits = fractionDigits;
+            numFormatterOptions.maximumFractionDigits = fractionDigits;
+        }
+    }
+    if (isNumber(significantDigits) && significantDigits > 0) {
+        if (significantDigits > 0) {
+            numFormatterOptions.minimumSignificantDigits = significantDigits;
+            numFormatterOptions.maximumSignificantDigits = significantDigits;
+        }
+    }
+    const numFormatter = new Intl.NumberFormat(locale, numFormatterOptions);
+    return (value)=>{
+        let num = Number(value);
+        let typeSymbol = '';
+        if (Number.isNaN(num)) return String(value);
+        if ('percent' === type) {
+            num *= 100;
+            typeSymbol = '%';
+        } else if ('permille' === type) {
+            num *= 1000;
+            typeSymbol = "\u2030";
+        } else if ('number' === type) num /= ratio || 1;
+        let numStr = numFormatter.format(num);
+        if (thousandSeparator) {
+            const parts = numStr.split('.');
+            parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+            numStr = parts.join('.');
+        }
+        return `${prefix}${numStr}${typeSymbol}${symbol}${suffix}`;
+    };
+};
+const autoNumFormatter = (value, locale = intl.getLocale())=>{
+    if (null == value) return String(value);
+    const num = Number(value);
+    if (Number.isNaN(num)) return String(value);
+    const numFormatterOptions = {
+        style: 'decimal',
+        notation: 'compact'
+    };
+    numFormatterOptions.minimumFractionDigits = 0;
+    numFormatterOptions.maximumFractionDigits = 2;
+    const numFormatter = new Intl.NumberFormat(locale, {
+        ...numFormatterOptions
+    });
+    return numFormatter.format(Number(value));
+};
+const createFormatter = (format)=>createNumFormatter(format);
+const autoFormatter = (value, locale)=>autoNumFormatter(value, locale);
+const measureTreeToColumns = (spec, context)=>{
     const { advancedVSeed } = context;
-    const dimensions = advancedVSeed.dimensions;
+    const { locale } = advancedVSeed;
+    const measures = advancedVSeed.measures;
     const result = {
         ...spec
     };
     const eachNode = (node)=>{
-        if ('children' in node) return {};
-        return {
-            width: 'auto'
+        if (isMeasure(node)) return {
+            width: 'auto',
+            fieldFormat: fieldFormat(node, locale)
         };
+        return {};
     };
-    const columns = treeTreeToColumns(dimensions, eachNode);
+    const columns = measuresToColumns_treeTreeToColumns(measures, eachNode);
     return {
         ...result,
         columns: [
@@ -386,7 +516,16 @@ const dimensionTreeToColumns = (spec, context)=>{
         ]
     };
 };
-const treeTreeToColumns = (tree, callback)=>{
+const fieldFormat = (node, locale)=>(datum)=>{
+        const { format = {}, autoFormat = true, id } = node;
+        const value = datum[id];
+        if (!isEmpty(format)) {
+            const formatter = createFormatter(format);
+            return formatter(value);
+        }
+        if (autoFormat) return autoFormatter(value, locale);
+    };
+const measuresToColumns_treeTreeToColumns = (tree, callback)=>{
     const result = tree.map((item)=>{
         if ('children' in item && Array.isArray(item.children)) {
             const groupNode = item;
@@ -396,7 +535,7 @@ const treeTreeToColumns = (tree, callback)=>{
             return {
                 field,
                 title,
-                columns: treeTreeToColumns(item.children, callback),
+                columns: measuresToColumns_treeTreeToColumns(item.children, callback),
                 ...props
             };
         }
@@ -418,8 +557,8 @@ const bodyStyle = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { customTheme, chartType } = advancedVSeed;
-    const themeConfig = customTheme?.config?.[chartType];
+    const { chartType, config } = advancedVSeed;
+    const themeConfig = config?.[chartType];
     if (!result.theme || !themeConfig) return result;
     const borderColor = themeConfig.borderColor || 'rgb(224, 224, 224)';
     const backgroundColor = themeConfig.bodyBackgroundColor || '#fff';
@@ -457,8 +596,8 @@ const headerStyle = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { customTheme, chartType } = advancedVSeed;
-    const themConfig = customTheme?.config?.[chartType];
+    const { config, chartType } = advancedVSeed;
+    const themConfig = config?.[chartType];
     if (!result.theme || !themConfig) return result;
     const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)';
     const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
@@ -505,8 +644,8 @@ const frameStyle = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { customTheme, chartType } = advancedVSeed;
-    const themConfig = customTheme?.config?.[chartType];
+    const { config, chartType } = advancedVSeed;
+    const themConfig = config?.[chartType];
     if (!result.theme || !themConfig) return result;
     const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)';
     result.theme.frameStyle = {
@@ -521,8 +660,8 @@ const selectionStyle = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { customTheme, chartType } = advancedVSeed;
-    const themConfig = customTheme?.config?.[chartType];
+    const { config, chartType } = advancedVSeed;
+    const themConfig = config?.[chartType];
     if (!result.theme || !themConfig) return result;
     const borderColor = themConfig.selectedBorderColor || 'rgb(224, 224, 224)';
     const backgroundColor = themConfig.selectedBackgroundColor || 'rgb(224, 224, 224, 0.5)';
@@ -646,16 +785,46 @@ const autoPivotDimensions = (advancedVSeed, context)=>{
         }));
     return result;
 };
+const pivotTableConfig = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { chartType } = vseed;
+    const result = {
+        ...advancedVSeed
+    };
+    const config = pick(vseed, [
+        'backgroundColor',
+        'bodyFontSize',
+        'bodyFontColor',
+        'bodyBackgroundColor',
+        'headerFontSize',
+        'headerFontColor',
+        'headerBackgroundColor',
+        'hoverHeaderBackgroundColor',
+        'hoverHeaderInlineBackgroundColor',
+        'selectedBorderColor',
+        'selectedBackgroundColor'
+    ]);
+    result.config = {
+        ...result.config || {},
+        [chartType]: {
+            ...config
+        }
+    };
+    return result;
+};
 const pivotTableAdvancedPipeline = [
     initAdvancedVSeed,
     autoPivotMeasures,
     autoPivotDimensions,
     records_records,
+    pivotTableConfig,
     theme_theme
 ];
 const initPivotTable = (spec, context)=>{
     const { advancedVSeed } = context;
     const { dataset } = advancedVSeed;
+    const { config } = advancedVSeed;
+    const { backgroundColor = 'transparent' } = config.pivotTable || {};
     return {
         ...spec,
         records: dataset,
@@ -684,7 +853,7 @@ const initPivotTable = (spec, context)=>{
             direction: 'row'
         },
         theme: {
-            underlayBackgroundColor: 'transparent'
+            underlayBackgroundColor: backgroundColor
         }
     };
 };
@@ -716,26 +885,39 @@ const pivotRows = (spec, context)=>{
 };
 const pivotIndicators = (spec, context)=>{
     const { advancedVSeed } = context;
+    const { locale } = advancedVSeed;
     const measures = advancedVSeed.measures;
     return {
         ...spec,
         indicatorsAsCol: true,
         indicatorTitle: intl.i18n`指标名称`,
-        indicators: measures.map((item)=>({
+        indicators: measures.map((item)=>{
+            if (isMeasure(item)) return {
                 cellType: 'text',
                 indicatorKey: item.id,
                 title: item.alias || item.id,
-                width: 'auto'
-            }))
+                width: 'auto',
+                format: pivotIndicators_fieldFormat(item, locale)
+            };
+            return {};
+        })
     };
 };
+const pivotIndicators_fieldFormat = (node, locale)=>(value)=>{
+        const { format = {}, autoFormat = true } = node;
+        if (!isEmpty(format)) {
+            const formatter = createFormatter(format);
+            return formatter(value);
+        }
+        if (autoFormat) return autoFormatter(value, locale);
+    };
 const rowHeaderStyle = (spec, context)=>{
     const result = {
         ...spec
     };
     const { advancedVSeed } = context;
-    const { customTheme, chartType } = advancedVSeed;
-    const themConfig = customTheme?.config?.[chartType];
+    const { config, chartType } = advancedVSeed;
+    const themConfig = config?.[chartType];
     if (!result.theme || !themConfig) return result;
     const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)';
     const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
@@ -782,8 +964,8 @@ const cornerHeaderStyle = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { customTheme, chartType } = advancedVSeed;
-    const themConfig = customTheme?.config?.[chartType];
+    const { config, chartType } = advancedVSeed;
+    const themConfig = config?.[chartType];
     if (!result.theme || !themConfig) return result;
     const borderColor = themConfig.borderColor || 'rgb(224, 224, 224)';
     const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
@@ -805,9 +987,9 @@ const cornerHeaderStyle = (spec, context)=>{
         ],
         textAlign: 'left',
         hover: {
-            cellBgColor: hoverCellColor,
-            inlineRowBgColor: hoverInlineColor,
-            inlineColumnBgColor: hoverInlineColor
+            cellBgColor: hoverCellColor || void 0,
+            inlineRowBgColor: hoverInlineColor || void 0,
+            inlineColumnBgColor: hoverInlineColor || void 0
         },
         frameStyle: {
             borderColor: [
@@ -828,6 +1010,29 @@ const cornerHeaderStyle = (spec, context)=>{
     };
     return result;
 };
+var new_data_set_AggregationType;
+!function(AggregationType) {
+    AggregationType.RECORD = "RECORD", AggregationType.NONE = "NONE", AggregationType.SUM = "SUM", AggregationType.MIN = "MIN", AggregationType.MAX = "MAX", AggregationType.AVG = "AVG", AggregationType.COUNT = "COUNT", AggregationType.CUSTOM = "CUSTOM", AggregationType.RECALCULATE = "RECALCULATE";
+}(new_data_set_AggregationType || (new_data_set_AggregationType = {}));
+var new_data_set_SortType;
+!function(SortType) {
+    SortType.ASC = "ASC", SortType.DESC = "DESC", SortType.NORMAL = "NORMAL", SortType.desc = "desc", SortType.asc = "asc", SortType.normal = "normal";
+}(new_data_set_SortType || (new_data_set_SortType = {}));
+const dataConfig = (spec, context)=>{
+    const { advancedVSeed } = context;
+    const measures = findAllMeasures(advancedVSeed.measures);
+    const aggregationRules = measures.map((measure)=>({
+            field: measure.id,
+            aggregationType: new_data_set_AggregationType.NONE,
+            indicatorKey: measure.id
+        }));
+    return {
+        ...spec,
+        dataConfig: {
+            aggregationRules
+        }
+    };
+};
 const pivotTableSpecPipeline = [
     initPivotTable,
     pivotColumns,
@@ -838,7 +1043,8 @@ const pivotTableSpecPipeline = [
     rowHeaderStyle,
     cornerHeaderStyle,
     frameStyle,
-    selectionStyle
+    selectionStyle,
+    dataConfig
 ];
 const registerPivotTable = ()=>{
     Builder._advancedPipelineMap.pivotTable = pivotTableAdvancedPipeline;
@@ -1533,7 +1739,7 @@ const background_backgroundColor = (spec, context)=>{
 const datasetXY = (spec, context)=>{
     const { advancedVSeed, vseed } = context;
     const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
-    const { orderMapping = {} } = analysis ?? {};
+    const orderMapping = analysis?.orderMapping || {};
     const angle = encoding[0]?.angle?.[0];
     const x = encoding[0]?.x?.[0];
     const group = encoding[0]?.group?.[0];
@@ -1578,7 +1784,7 @@ const progressive = (spec, context)=>{
         ...spec
     };
     const { advancedVSeed } = context;
-    const { dataset } = advancedVSeed;
+    const { dataset = [] } = advancedVSeed;
     const size = dataset.length;
     if (size < 5000) return result;
     result.large = true;
@@ -1683,64 +1889,6 @@ const xBand = (spec, context)=>{
 };
 const ANNOTATION_Z_INDEX = 1000;
 const LINEAR_AXIS_INNER_OFFSET_TOP = 7;
-const createNumFormatter = (format, locale = intl.getLocale())=>{
-    const { type = 'number', ratio = 1, symbol = '', thousandSeparator = true, prefix = '', suffix = '', fractionDigits = 2, significantDigits, roundingMode = 'halfExpand', roundingPriority = 'auto' } = format || {};
-    const numFormatterOptions = {
-        style: 'decimal',
-        notation: 'scientific' === type ? 'scientific' : 'standard',
-        roundingMode,
-        roundingPriority
-    };
-    if (isNumber(fractionDigits)) {
-        if (fractionDigits >= 0) {
-            numFormatterOptions.minimumFractionDigits = fractionDigits;
-            numFormatterOptions.maximumFractionDigits = fractionDigits;
-        }
-    }
-    if (isNumber(significantDigits) && significantDigits > 0) {
-        if (significantDigits > 0) {
-            numFormatterOptions.minimumSignificantDigits = significantDigits;
-            numFormatterOptions.maximumSignificantDigits = significantDigits;
-        }
-    }
-    const numFormatter = new Intl.NumberFormat(locale, numFormatterOptions);
-    return (value)=>{
-        let num = Number(value);
-        let typeSymbol = '';
-        if (Number.isNaN(num)) return num.toString();
-        if ('percent' === type) {
-            num *= 100;
-            typeSymbol = '%';
-        } else if ('permille' === type) {
-            num *= 1000;
-            typeSymbol = "\u2030";
-        } else if ('number' === type) num /= ratio || 1;
-        let numStr = numFormatter.format(num);
-        if (thousandSeparator) {
-            const parts = numStr.split('.');
-            parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-            numStr = parts.join('.');
-        }
-        return `${prefix}${numStr}${typeSymbol}${symbol}${suffix}`;
-    };
-};
-const autoNumFormatter = (value, locale = intl.getLocale())=>{
-    if (null == value) return String(value);
-    const num = Number(value);
-    if (Number.isNaN(num)) return String(value);
-    const numFormatterOptions = {
-        style: 'decimal',
-        notation: 'compact'
-    };
-    numFormatterOptions.minimumFractionDigits = 0;
-    numFormatterOptions.maximumFractionDigits = 2;
-    const numFormatter = new Intl.NumberFormat(locale, {
-        ...numFormatterOptions
-    });
-    return numFormatter.format(Number(value));
-};
-const createFormatter = (format)=>createNumFormatter(format);
-const autoFormatter = (value, locale)=>autoNumFormatter(value, locale);
 const yLinear = (spec, context)=>{
     const result = {
         ...spec
@@ -1943,7 +2091,11 @@ const verticalCrosshairLine = (spec, context)=>{
     const config = advancedVSeed.config?.[chartType]?.crosshairLine;
     if (!config) return result;
     if (!result.crosshair) result.crosshair = {};
-    const { visible = true, lineColor, labelColor, labelVisible, labelBackgroundColor } = config;
+    const visible = config.visible || true;
+    const lineColor = config.lineColor || void 0;
+    const labelColor = config.labelColor || void 0;
+    const labelVisible = config.labelVisible || void 0;
+    const labelBackgroundColor = config.labelBackgroundColor || void 0;
     const crosshair = result.crosshair;
     crosshair.xField = {
         visible,
@@ -2333,7 +2485,7 @@ const annotationPoint_annotationPoint = (spec, context)=>{
         annotationPoint
     ];
     const markPoint = annotationPointList.flatMap((annotationPoint)=>{
-        const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
+        const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', textBackgroundBorderColor, textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundColor = '#212121', textBackgroundPadding = 2, textBackgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return selectedData.map((datum)=>({
@@ -2362,20 +2514,20 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                             textAlign: textAlign,
                             textBaseline: textBaseline,
                             fill: textColor,
-                            stroke: backgroundColor,
+                            stroke: textBackgroundColor,
                             lineWidth: 1,
                             fontSize: textFontSize,
                             fontWeight: textFontWeight,
                             dy: textFontSize
                         },
                         labelBackground: {
-                            visible: backgroundVisible,
-                            padding: backgroundPadding,
+                            visible: textBackgroundVisible,
+                            padding: textBackgroundPadding,
                             style: {
-                                cornerRadius: backgroundBorderRadius ?? 4,
-                                fill: backgroundColor,
-                                stroke: backgroundBorderColor,
-                                lineWidth: backgroundBorderWidth,
+                                cornerRadius: textBackgroundBorderRadius ?? 4,
+                                fill: textBackgroundColor,
+                                stroke: textBackgroundBorderColor,
+                                lineWidth: textBackgroundBorderWidth,
                                 dy: textFontSize
                             }
                         }
@@ -2405,7 +2557,7 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundVisible = true, backgroundBorderColor = '#212121', backgroundColor = '#212121', backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundPadding = 2, lineVisible = true, lineColor = '#212121', lineWidth = 1, lineStyle = 'dashed', offsetX = 0, offsetY = 0 } = annotationVerticalLine;
+        const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', textBackgroundVisible = true, textBackgroundBorderColor = '#212121', textBackgroundColor = '#212121', textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundPadding = 2, lineVisible = true, lineColor = '#212121', lineWidth = 1, lineStyle = 'dashed', offsetX = 0, offsetY = 0 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (x)=>({
                 x: x,
@@ -2431,10 +2583,10 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
                 },
                 label: {
                     text: text,
-                    position: positionMap[textPosition],
+                    position: positionMap[textPosition || 'insideEnd'],
                     style: {
                         visible: true,
-                        stroke: backgroundColor,
+                        stroke: textBackgroundColor,
                         lineWidth: 1,
                         textAlign: textAlign,
                         textBaseline: textBaseline,
@@ -2444,20 +2596,20 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
                         dy: textFontSize
                     },
                     labelBackground: {
-                        visible: backgroundVisible,
-                        padding: backgroundPadding,
+                        visible: textBackgroundVisible,
+                        padding: textBackgroundPadding,
                         style: {
                             dy: textFontSize,
-                            cornerRadius: backgroundBorderRadius ?? 4,
-                            fill: backgroundColor,
-                            stroke: backgroundBorderColor,
-                            lineWidth: backgroundBorderWidth
+                            cornerRadius: textBackgroundBorderRadius ?? 4,
+                            fill: textBackgroundColor,
+                            stroke: textBackgroundBorderColor,
+                            lineWidth: textBackgroundBorderWidth
                         }
                     }
                 },
                 endSymbol: {
                     visible: true,
-                    size: 10 + lineWidth,
+                    size: 10 + (lineWidth || 1),
                     style: {
                         dy: 4,
                         fill: lineColor
@@ -2504,7 +2656,7 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, backgroundVisible = true, backgroundColor = '#212121', backgroundBorderColor = '#212121', backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundPadding = 2, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
+        const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, textBackgroundVisible = true, textBackgroundColor = '#212121', textBackgroundBorderColor = '#212121', textBackgroundBorderRadius = 4, textBackgroundBorderWidth = 1, textBackgroundPadding = 2, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (y)=>({
                 y,
@@ -2530,11 +2682,11 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
                 },
                 label: {
                     text: text,
-                    position: positionMap[textPosition],
+                    position: positionMap[textPosition || 'insideEnd'],
                     style: {
                         visible: true,
                         dy: textFontSize,
-                        stroke: backgroundColor,
+                        stroke: textBackgroundColor,
                         lineWidth: 1,
                         textAlign: textAlign,
                         textBaseline: textBaseline,
@@ -2543,20 +2695,20 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
                         fontWeight: textFontWeight
                     },
                     labelBackground: {
-                        visible: backgroundVisible,
-                        padding: backgroundPadding,
+                        visible: textBackgroundVisible,
+                        padding: textBackgroundPadding,
                         style: {
                             dy: textFontSize,
-                            cornerRadius: backgroundBorderRadius ?? 4,
-                            fill: backgroundColor,
-                            stroke: backgroundBorderColor,
-                            lineWidth: backgroundBorderWidth
+                            cornerRadius: textBackgroundBorderRadius ?? 4,
+                            fill: textBackgroundColor,
+                            stroke: textBackgroundBorderColor,
+                            lineWidth: textBackgroundBorderWidth
                         }
                     }
                 },
                 endSymbol: {
                     visible: true,
-                    size: 10 + lineWidth,
+                    size: 10 + (lineWidth || 1),
                     style: {
                         dx: -4,
                         fill: lineColor
@@ -2605,9 +2757,11 @@ const annotationArea_annotationArea = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundVisible = true, backgroundColor = '#191d24', backgroundBorderColor = '#191d24', backgroundBorderWidth = 1, backgroundBorderRadius = 4, backgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', textBackgroundVisible = true, textBackgroundColor = '#191d24', textBackgroundBorderColor = '#191d24', textBackgroundBorderWidth = 1, textBackgroundBorderRadius = 4, textBackgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
+        const labelPosition = positionMap[textPosition || 'top'];
+        const isBottom = labelPosition.toLocaleLowerCase().includes('bottom');
         return {
             zIndex: ANNOTATION_Z_INDEX,
             regionRelative: true,
@@ -2620,8 +2774,8 @@ const annotationArea_annotationArea = (spec, context)=>{
                 const xAxisHelper = context.getXAxisHelper();
                 if ('function' == typeof xAxisHelper?.getBandwidth) {
                     const yScale = yAxisHelper.getScale();
-                    const minX = Math.min(...xyList.map((item)=>item.x)) - outerPadding;
-                    const maxX = Math.max(...xyList.map((item)=>item.x)) + outerPadding;
+                    const minX = Math.min(...xyList.map((item)=>item.x)) - (outerPadding || 4);
+                    const maxX = Math.max(...xyList.map((item)=>item.x)) + (outerPadding || 4);
                     const minY = Math.min(...yScale.range());
                     const maxY = Math.max(...yScale.range());
                     return [
@@ -2645,8 +2799,8 @@ const annotationArea_annotationArea = (spec, context)=>{
                 }
                 if ('function' == typeof yAxisHelper?.getBandwidth) {
                     const xScale = xAxisHelper.getScale();
-                    const minY = Math.min(...xyList.map((item)=>item.y)) - outerPadding;
-                    const maxY = Math.max(...xyList.map((item)=>item.y)) + outerPadding;
+                    const minY = Math.min(...xyList.map((item)=>item.y)) - (outerPadding || 4);
+                    const maxY = Math.max(...xyList.map((item)=>item.y)) + (outerPadding || 4);
                     const minX = Math.min(...xScale.range());
                     const maxX = Math.max(...xScale.range());
                     return [
@@ -2671,28 +2825,28 @@ const annotationArea_annotationArea = (spec, context)=>{
                 return [];
             },
             label: {
-                position: positionMap[textPosition],
+                position: labelPosition,
                 visible: true,
                 text: text,
                 style: {
-                    dy: textFontSize,
+                    dy: isBottom ? 2 * -(textFontSize || 12) : textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     fill: textColor,
-                    stroke: backgroundColor,
+                    stroke: textBackgroundColor,
                     lineWidth: 1,
                     fontSize: textFontSize,
                     fontWeight: textFontWeight
                 },
                 labelBackground: {
-                    visible: backgroundVisible,
-                    padding: backgroundPadding,
+                    visible: textBackgroundVisible,
+                    padding: textBackgroundPadding,
                     style: {
-                        dy: textFontSize,
-                        cornerRadius: backgroundBorderRadius ?? 4,
-                        fill: backgroundColor,
-                        stroke: backgroundBorderColor,
-                        lineWidth: backgroundBorderWidth
+                        dy: isBottom ? 2 * -(textFontSize || 12) : textFontSize,
+                        cornerRadius: textBackgroundBorderRadius ?? 4,
+                        fill: textBackgroundColor,
+                        stroke: textBackgroundBorderColor,
+                        lineWidth: textBackgroundBorderWidth
                     }
                 }
             },
@@ -3334,7 +3488,11 @@ const verticalCrosshairRect = (spec, context)=>{
     const config = advancedVSeed.config?.[chartType]?.crosshairRect;
     if (!config) return result;
     if (!result.crosshair) result.crosshair = {};
-    const { visible = true, rectColor, labelColor, labelVisible, labelBackgroundColor } = config;
+    const visible = config.visible || true;
+    const rectColor = config.rectColor || void 0;
+    const labelColor = config.labelColor || void 0;
+    const labelVisible = config.labelVisible || false;
+    const labelBackgroundColor = config.labelBackgroundColor || void 0;
     const crosshair = result.crosshair;
     crosshair.xField = {
         visible,
@@ -3363,14 +3521,13 @@ const verticalCrosshairRect = (spec, context)=>{
 };
 const barStyle_barStyle = (spec, context)=>{
     const { advancedVSeed } = context;
-    const { markStyle, dataset } = advancedVSeed;
+    const { markStyle, dataset = [] } = advancedVSeed;
     const { barStyle } = markStyle;
     const showStroke = dataset.length <= 100;
     const result = {
         ...spec,
         bar: {
             style: {
-                stroke: '#fff',
                 lineWidth: showStroke ? 1 : 0
             },
             state: {
@@ -3446,7 +3603,7 @@ const annotationAreaBand = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundVisible = true, backgroundColor = '#191d24', backgroundBorderColor = '#191d24', backgroundBorderWidth = 1, backgroundBorderRadius = 4, backgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', textBackgroundVisible = true, textBackgroundColor = '#191d24', textBackgroundBorderColor = '#191d24', textBackgroundBorderWidth = 1, textBackgroundBorderRadius = 4, textBackgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
@@ -3463,8 +3620,8 @@ const annotationAreaBand = (spec, context)=>{
                     const depth = context.fieldX.length ?? 0;
                     const xBandWidth = xAxisHelper?.getBandwidth?.(depth - 1);
                     const yScale = yAxisHelper.getScale();
-                    const minX = Math.min(...xyList.map((item)=>item.x)) - outerPadding;
-                    const maxX = Math.max(...xyList.map((item)=>item.x)) + xBandWidth + outerPadding;
+                    const minX = Math.min(...xyList.map((item)=>item.x)) - (outerPadding || 4);
+                    const maxX = Math.max(...xyList.map((item)=>item.x)) + xBandWidth + (outerPadding || 4);
                     const minY = Math.min(...yScale.range());
                     const maxY = Math.max(...yScale.range());
                     return [
@@ -3490,8 +3647,8 @@ const annotationAreaBand = (spec, context)=>{
                     const depth = context.fieldY.length ?? 0;
                     const yBandWidth = yAxisHelper?.getBandwidth?.(depth - 1);
                     const xScale = xAxisHelper.getScale();
-                    const minY = Math.min(...xyList.map((item)=>item.y)) - outerPadding;
-                    const maxY = Math.max(...xyList.map((item)=>item.y)) + yBandWidth + outerPadding;
+                    const minY = Math.min(...xyList.map((item)=>item.y)) - (outerPadding || 4);
+                    const maxY = Math.max(...xyList.map((item)=>item.y)) + yBandWidth + (outerPadding || 4);
                     const minX = Math.min(...xScale.range());
                     const maxX = Math.max(...xScale.range());
                     return [
@@ -3516,28 +3673,28 @@ const annotationAreaBand = (spec, context)=>{
                 return [];
             },
             label: {
-                position: positionMap[textPosition],
+                position: positionMap[textPosition || 'top'],
                 visible: true,
                 text: text,
                 style: {
                     dy: textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
-                    stroke: backgroundColor,
+                    stroke: textBackgroundColor,
                     lineWidth: 1,
                     fill: textColor,
                     fontSize: textFontSize,
                     fontWeight: textFontWeight
                 },
                 labelBackground: {
-                    visible: backgroundVisible,
-                    padding: backgroundPadding,
+                    visible: textBackgroundVisible,
+                    padding: textBackgroundPadding,
                     style: {
                         dy: textFontSize,
-                        cornerRadius: backgroundBorderRadius ?? 4,
-                        fill: backgroundColor,
-                        stroke: backgroundBorderColor,
-                        lineWidth: backgroundBorderWidth
+                        cornerRadius: textBackgroundBorderRadius ?? 4,
+                        fill: textBackgroundColor,
+                        stroke: textBackgroundBorderColor,
+                        lineWidth: textBackgroundBorderWidth
                     }
                 }
             },
@@ -3867,7 +4024,7 @@ const initBar = (spec, context)=>{
 const datasetYX = (spec, context)=>{
     const { advancedVSeed, vseed } = context;
     const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
-    const { orderMapping = {} } = analysis ?? {};
+    const orderMapping = analysis?.orderMapping || {};
     const angle = encoding[0]?.angle?.[0];
     const y = encoding[0]?.y?.[0];
     const group = encoding[0]?.group?.[0];
@@ -4020,7 +4177,7 @@ const yBand = (spec, context)=>{
         label: {
             visible: label?.visible,
             flush: true,
-            containerAlign: 'left',
+            containerAlign: 'right',
             space: 8,
             style: {
                 maxLineWidth: labelAutoLimitLength,
@@ -4093,7 +4250,11 @@ const horizontalCrosshairRect = (spec, context)=>{
     const config = advancedVSeed.config?.[chartType]?.crosshairRect;
     if (!config) return result;
     if (!result.crosshair) result.crosshair = {};
-    const { visible = true, rectColor, labelColor, labelVisible, labelBackgroundColor } = config;
+    const visible = config.visible || true;
+    const rectColor = config.rectColor || void 0;
+    const labelColor = config.labelColor || void 0;
+    const labelVisible = config.labelVisible || false;
+    const labelBackgroundColor = config.labelBackgroundColor || void 0;
     const crosshair = result.crosshair;
     crosshair.yField = {
         visible,
@@ -4812,6 +4973,35 @@ const series = (...args)=>{
         return result;
     };
 };
+const seriesDualAxis = (...args)=>{
+    const result = {
+        type: 'common',
+        padding: 0,
+        region: [
+            {
+                clip: true
+            }
+        ]
+    };
+    const createDualContext = (context, index)=>{
+        const { advancedVSeed } = context;
+        const dataset = advancedVSeed.dataset[index];
+        return {
+            ...context,
+            advancedVSeed: {
+                ...advancedVSeed,
+                dataset: dataset
+            }
+        };
+    };
+    return (_, context)=>{
+        result.series = args.map((pipeline, index)=>{
+            const seriesContext = createDualContext(context, index);
+            return execPipeline(pipeline, seriesContext, {});
+        });
+        return result;
+    };
+};
 const initAreaRange = (spec, context)=>{
     const result = {
         ...spec
@@ -5241,7 +5431,11 @@ const horizontalCrosshairLine = (spec, context)=>{
     const config = advancedVSeed.config?.[chartType]?.crosshairLine;
     if (!config) return result;
     if (!result.crosshair) result.crosshair = {};
-    const { visible = true, lineColor, labelColor, labelVisible, labelBackgroundColor } = config;
+    const visible = config.visible || true;
+    const lineColor = config.lineColor || void 0;
+    const labelColor = config.labelColor || void 0;
+    const labelVisible = config.labelVisible || void 0;
+    const labelBackgroundColor = config.labelBackgroundColor || void 0;
     const crosshair = result.crosshair;
     crosshair.yField = {
         visible,
@@ -5556,15 +5750,18 @@ const autoDualMeasures = (advancedVSeed, context)=>{
 };
 const dualMeasuresToMeasureTree = (dualMeasures)=>{
     const measureTree = dualMeasures.map((item, index)=>{
-        const { primaryMeasures, secondaryMeasures, primaryAlias, secondaryAlias } = item;
+        const { primaryMeasures, secondaryMeasures } = item;
         const groupChildren = [];
+        let id = '';
         if (primaryMeasures) {
             const arrPrimaryMeasures = Array.isArray(primaryMeasures) ? primaryMeasures : [
                 primaryMeasures
             ];
+            const alias = arrPrimaryMeasures.map((item)=>item.alias || item.id).toString();
+            id += alias;
             groupChildren.push({
                 id: `${index}-primary`,
-                alias: primaryAlias || arrPrimaryMeasures.map((item)=>item.alias || item.id).toString(),
+                alias: arrPrimaryMeasures.map((item)=>item.alias || item.id).toString(),
                 children: arrPrimaryMeasures
             });
         }
@@ -5572,17 +5769,14 @@ const dualMeasuresToMeasureTree = (dualMeasures)=>{
             const arrSecondaryMeasures = Array.isArray(secondaryMeasures) ? secondaryMeasures : [
                 secondaryMeasures
             ];
+            const alias = arrSecondaryMeasures.map((item)=>item.alias || item.id).toString();
+            id += alias;
             groupChildren.push({
                 id: `${index}-secondary`,
-                alias: secondaryAlias || arrSecondaryMeasures.map((item)=>item.alias || item.id).toString(),
+                alias: arrSecondaryMeasures.map((item)=>item.alias || item.id).toString(),
                 children: arrSecondaryMeasures
             });
         }
-        const id = [
-            primaryAlias,
-            secondaryAlias,
-            index
-        ].filter((d)=>!isNullish(d)).join('-');
         return {
             id,
             alias: id,
@@ -5744,7 +5938,7 @@ const dualChartTypeSecondary = (spec, context)=>{
 const datasetPrimary = (spec, context)=>{
     const { advancedVSeed, vseed } = context;
     const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
-    const { orderMapping = {} } = analysis ?? {};
+    const orderMapping = analysis?.orderMapping || {};
     const x = encoding[0]?.x?.[0];
     const group = encoding[0]?.group?.[0];
     const id = datasetReshapeInfo[0].id;
@@ -5775,7 +5969,7 @@ const datasetPrimary = (spec, context)=>{
         ...spec,
         data: {
             id: `${id}-primary-dataset`,
-            values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset[0],
+            values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
             fields: fields
         }
     };
@@ -5783,7 +5977,7 @@ const datasetPrimary = (spec, context)=>{
 const datasetSecondary = (spec, context)=>{
     const { advancedVSeed, vseed } = context;
     const { encoding, analysis, datasetReshapeInfo } = advancedVSeed;
-    const { orderMapping = {} } = analysis ?? {};
+    const orderMapping = analysis?.orderMapping || {};
     const x = encoding[0]?.x?.[0];
     const group = encoding[0]?.group?.[0];
     const id = datasetReshapeInfo[0].id;
@@ -5814,7 +6008,7 @@ const datasetSecondary = (spec, context)=>{
         ...spec,
         data: {
             id: `${id}-secondary-dataset`,
-            values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset[1],
+            values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset,
             fields: fields
         }
     };
@@ -6056,7 +6250,9 @@ const yLinearPrimary = (spec, context)=>{
     const { advancedVSeed, vseed } = context;
     const { chartType } = vseed;
     const { locale, datasetReshapeInfo } = advancedVSeed;
-    const config = advancedVSeed.config?.[chartType]?.primaryYAxis;
+    const index = datasetReshapeInfo[0].index;
+    const primaryYAxis = advancedVSeed.config?.[chartType]?.primaryYAxis;
+    const config = Array.isArray(primaryYAxis) ? primaryYAxis[index] || primaryYAxis[0] : primaryYAxis;
     if (datasetReshapeInfo[0].foldInfoList?.[0] && isEmpty(datasetReshapeInfo[0].foldInfoList[0].foldMap)) return result;
     const id = `${datasetReshapeInfo[0].id}-primary-axis`;
     const seriesId = `${datasetReshapeInfo[0].id}-primary-series`;
@@ -6155,7 +6351,9 @@ const yLinearSecondary = (spec, context)=>{
     const { advancedVSeed, vseed } = context;
     const { chartType } = vseed;
     const { locale, datasetReshapeInfo } = advancedVSeed;
-    const config = advancedVSeed.config?.[chartType]?.secondaryYAxis;
+    const index = datasetReshapeInfo[0].index;
+    const secondaryYAxis = advancedVSeed.config?.[chartType]?.secondaryYAxis;
+    const config = Array.isArray(secondaryYAxis) ? secondaryYAxis[index] || secondaryYAxis[0] : secondaryYAxis;
     if (isNullish(datasetReshapeInfo[0].foldInfoList?.[1])) return result;
     const id = `${datasetReshapeInfo[0].id}-secondary-axis`;
     const seriesId = `${datasetReshapeInfo[0].id}-secondary-series`;
@@ -6238,7 +6436,7 @@ const yLinearSecondary = (spec, context)=>{
     return result;
 };
 const dualAxis = [
-    series([
+    seriesDualAxis([
         initDualAxisPrimary,
         dualChartTypePrimary,
         datasetPrimary,
@@ -6281,7 +6479,7 @@ const pivotDualAxis = [
     pivotIndicators_pivotIndicatorsAsRow,
     datasetPivot,
     pivotIndicators_pivotIndicators([
-        series([
+        seriesDualAxis([
             initDualAxisPrimary,
             dualChartTypePrimary,
             datasetPrimary,
@@ -7675,7 +7873,8 @@ const lightTheme = ()=>{
         hoverHeaderBackgroundColor: '#D9DDE4',
         hoverHeaderInlineBackgroundColor: '#D9DDE455',
         selectedBorderColor: '#4080ff',
-        selectedBackgroundColor: '#bedaff33'
+        selectedBackgroundColor: '#bedaff33',
+        backgroundColor: 'transparent'
     };
     return {
         config: {
@@ -7695,8 +7894,8 @@ const lightTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    0,
-                    0
+                    4,
+                    4
                 ]
             },
             columnParallel: {
@@ -7707,8 +7906,8 @@ const lightTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    0,
-                    0
+                    4,
+                    4
                 ]
             },
             columnPercent: {
@@ -7719,8 +7918,8 @@ const lightTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    0,
-                    0
+                    4,
+                    4
                 ]
             },
             bar: {
@@ -7729,10 +7928,10 @@ const lightTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect,
                 stackCornerRadius: [
-                    0,
                     4,
                     4,
-                    0
+                    4,
+                    4
                 ]
             },
             barParallel: {
@@ -7741,10 +7940,10 @@ const lightTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect,
                 stackCornerRadius: [
-                    0,
                     4,
                     4,
-                    0
+                    4,
+                    4
                 ]
             },
             barPercent: {
@@ -7753,10 +7952,10 @@ const lightTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect,
                 stackCornerRadius: [
-                    0,
                     4,
                     4,
-                    0
+                    4,
+                    4
                 ]
             },
             area: {
@@ -8033,8 +8232,8 @@ const darkTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    0,
-                    0
+                    4,
+                    4
                 ]
             },
             columnParallel: {
@@ -8045,8 +8244,8 @@ const darkTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    0,
-                    0
+                    4,
+                    4
                 ]
             },
             columnPercent: {
@@ -8057,8 +8256,8 @@ const darkTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    0,
-                    0
+                    4,
+                    4
                 ]
             },
             bar: {
@@ -8079,10 +8278,10 @@ const darkTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
                 stackCornerRadius: [
-                    0,
                     4,
                     4,
-                    0
+                    4,
+                    4
                 ]
             },
             barPercent: {
@@ -8091,10 +8290,10 @@ const darkTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
                 stackCornerRadius: [
-                    0,
                     4,
                     4,
-                    0
+                    4,
+                    4
                 ]
             },
             area: {
@@ -8231,6 +8430,9 @@ const updateAdvanced = (chartType, advancedPipe)=>{
 const updateSpec = (chartType, specPipe)=>{
     Builder._customSpecPipe[chartType] = specPipe;
 };
+const isDimension = (dimension)=>!('children' in dimension);
+const isDimensionGroup = (dimension)=>'children' in dimension;
+const isDimensions = (dimensions)=>dimensions.every(isDimension);
 const zChartType = z["enum"]([
     'table',
     'pivotTable',
@@ -8338,9 +8540,7 @@ const zMeasureTree = z.array(zMeasureGroup.or(zMeasure));
 const zDualMeasure = z.object({
     id: z.string(),
     primaryMeasures: z.array(zMeasure).or(zMeasure).optional(),
-    primaryAlias: z.string().optional(),
-    secondaryMeasures: z.array(zMeasure).or(zMeasure).optional(),
-    secondaryAlias: z.string().optional()
+    secondaryMeasures: z.array(zMeasure).or(zMeasure).optional()
 });
 const zDualMeasures = z.array(zDualMeasure);
 const zFoldInfo = z.object({
@@ -8359,117 +8559,117 @@ const zDatasetReshapeInfo = z.array(z.object({
     id: z.string(),
     index: z.number(),
     foldInfo: zFoldInfo,
-    foldInfoList: z.array(zFoldInfo).optional(),
+    foldInfoList: z.array(zFoldInfo).nullish(),
     unfoldInfo: zUnfoldInfo
 }));
 const zEncoding = z.array(z.object({
-    x: z.array(z.string()).optional(),
-    y: z.array(z.string()).optional(),
-    color: z.array(z.string()).optional(),
-    group: z.array(z.string()).optional(),
-    angle: z.array(z.string()).optional(),
-    radius: z.array(z.string()).optional(),
-    tooltip: z.array(z.string()).optional(),
-    size: z.array(z.string()).optional()
+    x: z.array(z.string()).nullish(),
+    y: z.array(z.string()).nullish(),
+    color: z.array(z.string()).nullish(),
+    group: z.array(z.string()).nullish(),
+    angle: z.array(z.string()).nullish(),
+    radius: z.array(z.string()).nullish(),
+    tooltip: z.array(z.string()).nullish(),
+    size: z.array(z.string()).nullish()
 }));
 const zXBandAxis = z.object({
-    visible: z.boolean().default(true).optional(),
-    labelAutoHide: z.boolean().default(true).optional(),
-    labelAutoHideGap: z.number().default(0).optional(),
-    labelAutoRotate: z.boolean().default(true).optional(),
+    visible: z.boolean().default(true).nullish(),
+    labelAutoHide: z.boolean().default(true).nullish(),
+    labelAutoHideGap: z.number().default(0).nullish(),
+    labelAutoRotate: z.boolean().default(true).nullish(),
     labelAutoRotateAngleRange: z.array(z.number()).default([
         0,
         -45,
         -90
-    ]).optional(),
-    labelAutoLimit: z.boolean().default(true).optional(),
-    labelAutoLimitLength: z.number().default(100).optional(),
+    ]).nullish(),
+    labelAutoLimit: z.boolean().default(true).nullish(),
+    labelAutoLimitLength: z.number().default(100).nullish(),
     label: z.object({
-        visible: z.boolean().default(true).optional(),
-        labelColor: z.string().default('#797B85').optional(),
-        labelFontSize: z.number().default(12).optional(),
-        labelFontWeight: z.number().default(400).optional(),
-        labelAngle: z.number().default(0).optional()
-    }).optional(),
+        visible: z.boolean().default(true).nullish(),
+        labelColor: z.string().default('#797B85').nullish(),
+        labelFontSize: z.number().default(12).nullish(),
+        labelFontWeight: z.number().default(400).nullish(),
+        labelAngle: z.number().default(0).nullish()
+    }).nullish(),
     line: z.object({
-        visible: z.boolean().default(true).optional(),
-        lineColor: z.string().default('rgba(54, 65, 89, 0.30)').optional(),
-        lineWidth: z.number().default(1).optional()
-    }).optional(),
+        visible: z.boolean().default(true).nullish(),
+        lineColor: z.string().default('rgba(54, 65, 89, 0.30)').nullish(),
+        lineWidth: z.number().default(1).nullish()
+    }).nullish(),
     tick: z.object({
-        visible: z.boolean().default(true).optional(),
-        tickInside: z.boolean().default(false).optional(),
-        tickColor: z.string().default('rgba(54, 65, 89, 0.30)').optional(),
-        tickSize: z.number().default(4).optional()
-    }).optional(),
+        visible: z.boolean().default(true).nullish(),
+        tickInside: z.boolean().default(false).nullish(),
+        tickColor: z.string().default('rgba(54, 65, 89, 0.30)').nullish(),
+        tickSize: z.number().default(4).nullish()
+    }).nullish(),
     title: z.object({
-        visible: z.boolean().default(false).optional(),
-        titleText: z.string().default('').optional(),
-        titleColor: z.string().default('#646A73').optional(),
-        titleFontSize: z.number().default(12).optional(),
-        titleFontWeight: z.number().default(400).optional()
-    }).optional(),
+        visible: z.boolean().default(false).nullish(),
+        titleText: z.string().default('').nullish(),
+        titleColor: z.string().default('#646A73').nullish(),
+        titleFontSize: z.number().default(12).nullish(),
+        titleFontWeight: z.number().default(400).nullish()
+    }).nullish(),
     grid: z.object({
-        visible: z.boolean().default(false).optional(),
-        gridColor: z.string().default('rgba(54, 65, 89, 0.15)').optional(),
-        gridWidth: z.number().default(0.5).optional()
-    }).optional()
+        visible: z.boolean().default(false).nullish(),
+        gridColor: z.string().default('rgba(54, 65, 89, 0.15)').nullish(),
+        gridWidth: z.number().default(0.5).nullish()
+    }).nullish()
 });
 const zYBandAxis = zXBandAxis;
 const zXLinearAxis = z.object({
-    visible: z.boolean().default(true).optional(),
-    min: z.number().optional(),
-    max: z.number().optional(),
-    nice: z.boolean().default(true).optional(),
-    zero: z.boolean().default(true).optional(),
-    log: z.boolean().default(false).optional(),
-    logBase: z.number().default(10).optional(),
-    inverse: z.boolean().default(false).optional(),
+    visible: z.boolean().default(true).nullish(),
+    min: z.number().nullish(),
+    max: z.number().nullish(),
+    nice: z.boolean().default(true).nullish(),
+    zero: z.boolean().default(true).nullish(),
+    log: z.boolean().default(false).nullish(),
+    logBase: z.number().default(10).nullish(),
+    inverse: z.boolean().default(false).nullish(),
     label: z.object({
-        visible: z.boolean().default(true).optional(),
-        labelColor: z.string().default('#797B85').optional(),
-        labelFontSize: z.number().default(12).optional(),
-        labelFontWeight: z.number().default(400).optional(),
-        labelAngle: z.number().default(0).optional()
-    }).optional(),
+        visible: z.boolean().default(true).nullish(),
+        labelColor: z.string().default('#797B85').nullish(),
+        labelFontSize: z.number().default(12).nullish(),
+        labelFontWeight: z.number().default(400).nullish(),
+        labelAngle: z.number().default(0).nullish()
+    }).nullish(),
     line: z.object({
-        visible: z.boolean().default(true).optional(),
-        lineColor: z.string().default('rgba(54, 65, 89, 0.30)').optional(),
-        lineWidth: z.number().default(1).optional()
-    }).optional(),
+        visible: z.boolean().default(true).nullish(),
+        lineColor: z.string().default('rgba(54, 65, 89, 0.30)').nullish(),
+        lineWidth: z.number().default(1).nullish()
+    }).nullish(),
     tick: z.object({
-        visible: z.boolean().default(true).optional(),
-        tickInside: z.boolean().default(false).optional(),
-        tickColor: z.string().default('rgba(54, 65, 89, 0.30)').optional(),
-        tickSize: z.number().default(4).optional()
-    }).optional(),
+        visible: z.boolean().default(true).nullish(),
+        tickInside: z.boolean().default(false).nullish(),
+        tickColor: z.string().default('rgba(54, 65, 89, 0.30)').nullish(),
+        tickSize: z.number().default(4).nullish()
+    }).nullish(),
     title: z.object({
-        visible: z.boolean().default(false).optional(),
-        titleText: z.string().default('').optional(),
-        titleColor: z.string().default('#646A73').optional(),
-        titleFontSize: z.number().default(12).optional(),
-        titleFontWeight: z.number().default(400).optional()
-    }).optional(),
+        visible: z.boolean().default(false).nullish(),
+        titleText: z.string().default('').nullish(),
+        titleColor: z.string().default('#646A73').nullish(),
+        titleFontSize: z.number().default(12).nullish(),
+        titleFontWeight: z.number().default(400).nullish()
+    }).nullish(),
     grid: z.object({
-        visible: z.boolean().default(false).optional(),
-        gridColor: z.string().default('rgba(54, 65, 89, 0.15)').optional(),
-        gridWidth: z.number().default(0.5).optional()
-    }).optional()
+        visible: z.boolean().default(false).nullish(),
+        gridColor: z.string().default('rgba(54, 65, 89, 0.15)').nullish(),
+        gridWidth: z.number().default(0.5).nullish()
+    }).nullish()
 });
 const zYLinearAxis = zXLinearAxis;
 const zCrosshairLine = z.object({
-    visible: z.boolean().optional(),
-    lineColor: z.string().optional(),
-    labelColor: z.string().optional(),
-    labelVisible: z.boolean().optional(),
-    labelBackgroundColor: z.string().optional()
+    visible: z.boolean().nullish(),
+    lineColor: z.string().nullish(),
+    labelColor: z.string().nullish(),
+    labelVisible: z.boolean().nullish(),
+    labelBackgroundColor: z.string().nullish()
 });
 const zCrosshairRect = z.object({
-    visible: z.boolean().optional(),
-    rectColor: z.string().optional(),
-    labelColor: z.string().optional(),
-    labelVisible: z.boolean().optional(),
-    labelBackgroundColor: z.string().optional()
+    visible: z.boolean().nullish(),
+    rectColor: z.string().nullish(),
+    labelColor: z.string().nullish(),
+    labelVisible: z.boolean().nullish(),
+    labelBackgroundColor: z.string().nullish()
 });
 const zStackCornerRadius = z.number().or(z.array(z.number())).default([
     3,
@@ -8477,21 +8677,21 @@ const zStackCornerRadius = z.number().or(z.array(z.number())).default([
     0,
     0
 ]);
-const zBackgroundColor = z.string().default('transparent').optional();
+const zBackgroundColor = z.string().default('transparent').nullish();
 const zColor = z.object({
-    colorScheme: z.array(z.string()).optional(),
-    colorMapping: z.record(z.string(), z.string()).optional()
+    colorScheme: z.array(z.string()).nullish(),
+    colorMapping: z.record(z.string(), z.string()).nullish()
 });
 const zLinearColor = z.object({
-    colorScheme: z.array(z.string()).optional()
+    colorScheme: z.array(z.string()).nullish()
 });
 const zLabel = z.object({
-    enable: z.boolean().default(true).optional()
+    enable: z.boolean().default(true).nullish()
 });
 const zLegend = z.object({
-    enable: z.boolean().default(true).optional(),
-    border: z.boolean().default(true).optional(),
-    maxSize: z.number().default(1).optional(),
+    enable: z.boolean().default(true).nullish(),
+    border: z.boolean().default(true).nullish(),
+    maxSize: z.number().default(1).nullish(),
     shapeType: z["enum"]([
         'circle',
         'cross',
@@ -8515,7 +8715,7 @@ const zLegend = z.object({
         'arrowRight',
         'rectRound',
         'roundLine'
-    ]).default('rectRound').optional(),
+    ]).default('rectRound').nullish(),
     position: z["enum"]([
         'left',
         'leftTop',
@@ -8537,10 +8737,10 @@ const zLegend = z.object({
         'bottomRight',
         'bl',
         'br'
-    ]).default('bottom').optional(),
-    labelFontSize: z.number().default(12).optional(),
-    labelFontColor: z.string().default('#fff').optional(),
-    labelFontWeight: z.number().or(z.string()).default(400).optional()
+    ]).default('bottom').nullish(),
+    labelFontSize: z.number().default(12).nullish(),
+    labelFontColor: z.string().default('#fff').nullish(),
+    labelFontWeight: z.number().or(z.string()).default(400).nullish()
 });
 const zColorLegend = z.object({
     position: z["enum"]([
@@ -8564,194 +8764,195 @@ const zColorLegend = z.object({
         'bottomRight',
         'bl',
         'br'
-    ]).default('bottom').optional(),
-    enable: z.boolean().default(true).optional()
+    ]).default('bottom').nullish(),
+    enable: z.boolean().default(true).nullish()
 });
 const zTooltip = z.object({
-    enable: z.boolean().default(true).optional()
+    enable: z.boolean().default(true).nullish()
 });
 const zTableConfig = z.object({
-    borderColor: z.string().optional(),
-    bodyFontSize: z.number().optional(),
-    bodyFontColor: z.string().optional(),
-    bodyBackgroundColor: z.string().optional(),
-    hoverBodyBackgroundColor: z.string().optional(),
-    hoverBodyInlineBackgroundColor: z.string().optional(),
-    headerFontSize: z.number().optional(),
-    headerFontColor: z.string().optional(),
-    headerBackgroundColor: z.string().optional(),
-    hoverHeaderBackgroundColor: z.string().optional(),
-    hoverHeaderInlineBackgroundColor: z.string().optional(),
-    selectedBorderColor: z.string().optional(),
-    selectedBackgroundColor: z.string().optional()
+    backgroundColor: zBackgroundColor.nullish(),
+    borderColor: z.string().nullish(),
+    bodyFontSize: z.number().nullish(),
+    bodyFontColor: z.string().nullish(),
+    bodyBackgroundColor: z.string().nullish(),
+    hoverBodyBackgroundColor: z.string().nullish(),
+    hoverBodyInlineBackgroundColor: z.string().nullish(),
+    headerFontSize: z.number().nullish(),
+    headerFontColor: z.string().nullish(),
+    headerBackgroundColor: z.string().nullish(),
+    hoverHeaderBackgroundColor: z.string().nullish(),
+    hoverHeaderInlineBackgroundColor: z.string().nullish(),
+    selectedBorderColor: z.string().nullish(),
+    selectedBackgroundColor: z.string().nullish()
 });
 const zPivotTableConfig = zTableConfig;
 const zLineConfig = z.object({
-    backgroundColor: zBackgroundColor.optional(),
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional(),
-    xAxis: zXBandAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairLine: zCrosshairLine.optional()
+    backgroundColor: zBackgroundColor.nullish(),
+    label: zLabel.nullish(),
+    color: zColor.nullish(),
+    tooltip: zTooltip.nullish(),
+    legend: zLegend.nullish(),
+    xAxis: zXBandAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairLine: zCrosshairLine.nullish()
 });
 const zColumnConfig = z.object({
-    backgroundColor: zBackgroundColor.optional(),
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional(),
-    xAxis: zXBandAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairRect: zCrosshairRect.optional(),
-    stackCornerRadius: zStackCornerRadius.optional()
+    backgroundColor: zBackgroundColor.nullish(),
+    label: zLabel.nullish(),
+    color: zColor.nullish(),
+    tooltip: zTooltip.nullish(),
+    legend: zLegend.nullish(),
+    xAxis: zXBandAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairRect: zCrosshairRect.nullish(),
+    stackCornerRadius: zStackCornerRadius.nullish()
 });
 const zColumnParallelConfig = zColumnConfig;
 const zColumnPercentConfig = zColumnConfig;
 const zBarConfig = z.object({
-    backgroundColor: zBackgroundColor.optional(),
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional(),
-    xAxis: zXLinearAxis.optional(),
-    yAxis: zYBandAxis.optional(),
-    crosshairRect: zCrosshairRect.optional(),
-    stackCornerRadius: zStackCornerRadius.optional()
+    backgroundColor: zBackgroundColor.nullish(),
+    label: zLabel.nullish(),
+    color: zColor.nullish(),
+    tooltip: zTooltip.nullish(),
+    legend: zLegend.nullish(),
+    xAxis: zXLinearAxis.nullish(),
+    yAxis: zYBandAxis.nullish(),
+    crosshairRect: zCrosshairRect.nullish(),
+    stackCornerRadius: zStackCornerRadius.nullish()
 });
 const zBarParallelConfig = zBarConfig;
 const zBarPercentConfig = zBarConfig;
 const zAreaConfig = z.object({
-    backgroundColor: zBackgroundColor.optional(),
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional(),
-    xAxis: zXBandAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairLine: zCrosshairLine.optional()
+    backgroundColor: zBackgroundColor.nullish(),
+    label: zLabel.nullish(),
+    color: zColor.nullish(),
+    tooltip: zTooltip.nullish(),
+    legend: zLegend.nullish(),
+    xAxis: zXBandAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairLine: zCrosshairLine.nullish()
 });
 const zAreaPercentConfig = zAreaConfig;
 const zAreaRangeConfig = zAreaConfig;
 const zDualAxisConfig = z.object({
-    backgroundColor: zBackgroundColor.optional(),
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional(),
-    dualChartType: z.array(zDualChartType).or(zDualChartType).optional(),
-    primaryYAxis: z.array(zYLinearAxis).or(zYLinearAxis).optional(),
-    secondaryYAxis: z.array(zYLinearAxis).or(zYLinearAxis).optional(),
-    xAxis: zXBandAxis.optional(),
-    crosshairRect: zCrosshairRect.optional()
+    backgroundColor: zBackgroundColor.nullish(),
+    label: zLabel.nullish(),
+    color: zColor.nullish(),
+    tooltip: zTooltip.nullish(),
+    legend: zLegend.nullish(),
+    dualChartType: z.array(zDualChartType).or(zDualChartType).nullish(),
+    primaryYAxis: z.array(zYLinearAxis).or(zYLinearAxis).nullish(),
+    secondaryYAxis: z.array(zYLinearAxis).or(zYLinearAxis).nullish(),
+    xAxis: zXBandAxis.nullish(),
+    crosshairRect: zCrosshairRect.nullish()
 });
 const zScatterConfig = z.object({
-    backgroundColor: zBackgroundColor.optional(),
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional(),
-    xAxis: zXLinearAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairLine: zCrosshairLine.optional()
+    backgroundColor: zBackgroundColor.nullish(),
+    label: zLabel.nullish(),
+    color: zColor.nullish(),
+    tooltip: zTooltip.nullish(),
+    legend: zLegend.nullish(),
+    xAxis: zXLinearAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairLine: zCrosshairLine.nullish()
 });
 const zRoseConfig = z.object({
-    backgroundColor: zBackgroundColor.optional(),
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional()
+    backgroundColor: zBackgroundColor.nullish(),
+    label: zLabel.nullish(),
+    color: zColor.nullish(),
+    tooltip: zTooltip.nullish(),
+    legend: zLegend.nullish()
 });
 const zRoseParallelConfig = zRoseConfig;
 const zPieConfig = z.object({
-    backgroundColor: zBackgroundColor.optional(),
-    label: zLabel.optional(),
-    color: zColor.optional(),
-    tooltip: zTooltip.optional(),
-    legend: zLegend.optional()
+    backgroundColor: zBackgroundColor.nullish(),
+    label: zLabel.nullish(),
+    color: zColor.nullish(),
+    tooltip: zTooltip.nullish(),
+    legend: zLegend.nullish()
 });
 const zDonutConfig = zPieConfig;
 const zRadarConfig = zPieConfig;
 const zFunnelConfig = zPieConfig;
 const zHeatmapConfig = zPieConfig;
 const zConfig = z.object({
-    table: zTableConfig.optional(),
-    pivotTable: zPivotTableConfig.optional(),
-    line: zLineConfig.optional(),
-    column: zColumnConfig.optional(),
-    columnParallel: zColumnParallelConfig.optional(),
-    columnPercent: zColumnPercentConfig.optional(),
-    bar: zBarConfig.optional(),
-    barParallel: zBarParallelConfig.optional(),
-    barPercent: zBarPercentConfig.optional(),
-    area: zAreaConfig.optional(),
-    areaPercent: zAreaPercentConfig.optional(),
-    areaRange: zAreaRangeConfig.optional(),
-    scatter: zScatterConfig.optional(),
-    dualAxis: zDualAxisConfig.optional(),
-    rose: zRoseConfig.optional(),
-    roseParallel: zRoseParallelConfig.optional(),
-    pie: zPieConfig.optional(),
-    donut: zDonutConfig.optional(),
-    radar: zRadarConfig.optional(),
-    funnel: zFunnelConfig.optional(),
-    heatmap: zHeatmapConfig.optional()
+    table: zTableConfig.nullish(),
+    pivotTable: zPivotTableConfig.nullish(),
+    line: zLineConfig.nullish(),
+    column: zColumnConfig.nullish(),
+    columnParallel: zColumnParallelConfig.nullish(),
+    columnPercent: zColumnPercentConfig.nullish(),
+    bar: zBarConfig.nullish(),
+    barParallel: zBarParallelConfig.nullish(),
+    barPercent: zBarPercentConfig.nullish(),
+    area: zAreaConfig.nullish(),
+    areaPercent: zAreaPercentConfig.nullish(),
+    areaRange: zAreaRangeConfig.nullish(),
+    scatter: zScatterConfig.nullish(),
+    dualAxis: zDualAxisConfig.nullish(),
+    rose: zRoseConfig.nullish(),
+    roseParallel: zRoseParallelConfig.nullish(),
+    pie: zPieConfig.nullish(),
+    donut: zDonutConfig.nullish(),
+    radar: zRadarConfig.nullish(),
+    funnel: zFunnelConfig.nullish(),
+    heatmap: zHeatmapConfig.nullish()
 });
 const zAxis = z.object({
-    visible: z.boolean().default(true).optional(),
-    min: z.number().optional(),
-    max: z.number().optional(),
-    nice: z.boolean().default(true).optional(),
-    zero: z.boolean().default(true).optional(),
-    inverse: z.boolean().default(false).optional(),
-    log: z.boolean().default(false).optional(),
-    logBase: z.number().default(10).optional(),
-    labelAutoHide: z.boolean().default(true).optional(),
-    labelAutoHideGap: z.number().default(4).optional(),
-    labelAutoRotate: z.boolean().default(true).optional(),
+    visible: z.boolean().default(true).nullish(),
+    min: z.number().nullish(),
+    max: z.number().nullish(),
+    nice: z.boolean().default(true).nullish(),
+    zero: z.boolean().default(true).nullish(),
+    inverse: z.boolean().default(false).nullish(),
+    log: z.boolean().default(false).nullish(),
+    logBase: z.number().default(10).nullish(),
+    labelAutoHide: z.boolean().default(true).nullish(),
+    labelAutoHideGap: z.number().default(4).nullish(),
+    labelAutoRotate: z.boolean().default(true).nullish(),
     labelAutoRotateAngleRange: z.array(z.number()).default([
         0,
         -45,
         -90
-    ]).optional(),
-    labelAutoLimit: z.boolean().default(true).optional(),
-    labelAutoLimitLength: z.number().default(100).optional(),
+    ]).nullish(),
+    labelAutoLimit: z.boolean().default(true).nullish(),
+    labelAutoLimitLength: z.number().default(100).nullish(),
     label: z.object({
-        visible: z.boolean().default(true).optional(),
-        labelColor: z.string().default('#797B85').optional(),
-        labelFontSize: z.number().default(12).optional(),
-        labelFontWeight: z.number().default(400).optional(),
-        labelAngle: z.number().default(0).optional()
-    }).optional(),
+        visible: z.boolean().default(true).nullish(),
+        labelColor: z.string().default('#797B85').nullish(),
+        labelFontSize: z.number().default(12).nullish(),
+        labelFontWeight: z.number().default(400).nullish(),
+        labelAngle: z.number().default(0).nullish()
+    }).nullish(),
     line: z.object({
-        visible: z.boolean().default(true).optional(),
-        lineColor: z.string().default('rgba(54, 65, 89, 0.30)').optional(),
-        lineWidth: z.number().default(1).optional()
-    }).optional(),
+        visible: z.boolean().default(true).nullish(),
+        lineColor: z.string().default('rgba(54, 65, 89, 0.30)').nullish(),
+        lineWidth: z.number().default(1).nullish()
+    }).nullish(),
     tick: z.object({
-        visible: z.boolean().default(true).optional(),
-        tickInside: z.boolean().default(false).optional(),
-        tickColor: z.string().default('rgba(54, 65, 89, 0.30)').optional(),
-        tickSize: z.number().default(4).optional()
-    }).optional(),
+        visible: z.boolean().default(true).nullish(),
+        tickInside: z.boolean().default(false).nullish(),
+        tickColor: z.string().default('rgba(54, 65, 89, 0.30)').nullish(),
+        tickSize: z.number().default(4).nullish()
+    }).nullish(),
     title: z.object({
-        visible: z.boolean().default(false).optional(),
-        titleText: z.string().default('').optional(),
-        titleColor: z.string().default('#646A73').optional(),
-        titleFontSize: z.number().default(12).optional(),
-        titleFontWeight: z.number().default(400).optional()
-    }).optional(),
+        visible: z.boolean().default(false).nullish(),
+        titleText: z.string().default('').nullish(),
+        titleColor: z.string().default('#646A73').nullish(),
+        titleFontSize: z.number().default(12).nullish(),
+        titleFontWeight: z.number().default(400).nullish()
+    }).nullish(),
     grid: z.object({
-        visible: z.boolean().default(false).optional(),
-        gridColor: z.string().default('rgba(54, 65, 89, 0.15)').optional(),
-        gridWidth: z.number().default(0.5).optional()
-    }).optional()
+        visible: z.boolean().default(false).nullish(),
+        gridColor: z.string().default('rgba(54, 65, 89, 0.15)').nullish(),
+        gridWidth: z.number().default(0.5).nullish()
+    }).nullish()
 });
 const zCustomThemeConfig = z.object({
-    config: zConfig.optional()
+    config: zConfig.nullish()
 });
-const zCustomTheme = z.record(z.string(), zCustomThemeConfig).optional();
+const zCustomTheme = z.record(z.string(), zCustomThemeConfig).nullish();
 const zTheme = z.string();
 const zSelector = z.union([
     z.string(),
@@ -8767,7 +8968,7 @@ const zSelector = z.union([
             '>=',
             '<=',
             'between'
-        ]).optional(),
+        ]).nullish(),
         op: z["enum"]([
             '=',
             '==',
@@ -8777,7 +8978,7 @@ const zSelector = z.union([
             '>=',
             '<=',
             'between'
-        ]).optional(),
+        ]).nullish(),
         value: z.union([
             z.string(),
             z.number(),
@@ -8792,11 +8993,11 @@ const zSelector = z.union([
         operator: z["enum"]([
             'in',
             'not in'
-        ]).optional(),
+        ]).nullish(),
         op: z["enum"]([
             'in',
             'not in'
-        ]).optional(),
+        ]).nullish(),
         value: z.union([
             z.string(),
             z.number(),
@@ -8812,103 +9013,103 @@ const zBarStyle = z.object({
     selector: z.union([
         zSelector,
         zSelectors
-    ]).optional(),
-    barColor: z.string().optional(),
-    barColorOpacity: z.number().optional(),
-    barBorderColor: z.string().optional(),
-    barBorderWidth: z.number().optional(),
+    ]).nullish(),
+    barColor: z.string().nullish(),
+    barColorOpacity: z.number().nullish(),
+    barBorderColor: z.string().nullish(),
+    barBorderWidth: z.number().nullish(),
     barBorderStyle: z.union([
         z.literal('solid'),
         z.literal('dashed'),
         z.literal('dotted')
-    ]).optional(),
+    ]).nullish(),
     barRadius: z.union([
         z.number(),
         z.array(z.number())
-    ]).optional()
+    ]).nullish()
 });
 const zPointStyle = z.object({
     selector: z.union([
         zSelector,
         zSelectors
-    ]).optional(),
-    pointSize: z.number().optional(),
-    pointColor: z.string().optional(),
-    pointColorOpacity: z.number().optional(),
-    pointBorderColor: z.string().optional(),
-    pointBorderWidth: z.number().optional(),
+    ]).nullish(),
+    pointSize: z.number().nullish(),
+    pointColor: z.string().nullish(),
+    pointColorOpacity: z.number().nullish(),
+    pointBorderColor: z.string().nullish(),
+    pointBorderWidth: z.number().nullish(),
     pointBorderStyle: z.union([
         z["enum"]([
             'solid',
             'dashed',
             'dotted'
         ])
-    ]).optional()
+    ]).nullish()
 });
 const zLineStyle = z.object({
     selector: z.union([
         zSelector,
         zSelectors
-    ]).optional(),
-    lineSmooth: z.boolean().optional(),
-    lineColor: z.string().optional(),
-    lineColorOpacity: z.number().optional(),
-    lineWidth: z.number().optional(),
+    ]).nullish(),
+    lineSmooth: z.boolean().nullish(),
+    lineColor: z.string().nullish(),
+    lineColorOpacity: z.number().nullish(),
+    lineWidth: z.number().nullish(),
     lineStyle: z.union([
         z["enum"]([
             'solid',
             'dashed',
             'dotted'
         ])
-    ]).optional()
+    ]).nullish()
 });
 const zAreaStyle = z.object({
     selector: z.union([
         zSelector,
         zSelectors
-    ]).optional(),
-    areaColor: z.string().optional(),
-    areaColorOpacity: z.number().optional()
+    ]).nullish(),
+    areaColor: z.string().nullish(),
+    areaColorOpacity: z.number().nullish()
 });
 const zMarkStyle = z.object({
-    barStyle: zBarStyle.or(z.array(zBarStyle)).optional(),
-    pointStyle: zPointStyle.or(z.array(zPointStyle)).optional(),
-    lineStyle: zLineStyle.or(z.array(zLineStyle)).optional(),
-    areaStyle: zAreaStyle.or(z.array(zAreaStyle)).optional()
+    barStyle: zBarStyle.or(z.array(zBarStyle)).nullish(),
+    pointStyle: zPointStyle.or(z.array(zPointStyle)).nullish(),
+    lineStyle: zLineStyle.or(z.array(zLineStyle)).nullish(),
+    areaStyle: zAreaStyle.or(z.array(zAreaStyle)).nullish()
 });
 const zAnnotationPoint = z.object({
     selector: z.union([
         zSelector,
         zSelectors
     ]),
-    text: z.string().or(z.array(z.string())).optional(),
-    textColor: z.string().default('#ffffff').optional(),
-    textFontSize: z.number().default(12).optional(),
-    textFontWeight: z.number().default(400).optional(),
+    text: z.string().or(z.array(z.string())).nullish(),
+    textColor: z.string().default('#ffffff').nullish(),
+    textFontSize: z.number().default(12).nullish(),
+    textFontWeight: z.number().default(400).nullish(),
     textAlign: z["enum"]([
         'left',
         'right',
         'center'
-    ]).default('center').optional(),
+    ]).default('center').nullish(),
     textBaseline: z["enum"]([
         'top',
         'middle',
         'bottom'
-    ]).default('middle').optional(),
-    backgroundVisible: z.boolean().default(true).optional(),
-    backgroundColor: z.string().default('#212121').optional(),
-    backgroundBorderColor: z.string().optional(),
-    backgroundBorderWidth: z.number().default(1).optional(),
-    backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundPadding: z.number().optional(),
-    offsetY: z.number().default(0).optional(),
-    offsetX: z.number().default(0).optional()
+    ]).default('middle').nullish(),
+    textBackgroundVisible: z.boolean().default(true).nullish(),
+    textBackgroundColor: z.string().default('#212121').nullish(),
+    textBackgroundBorderColor: z.string().nullish(),
+    textBackgroundBorderWidth: z.number().default(1).nullish(),
+    textBackgroundBorderRadius: z.number().default(4).nullish(),
+    textBackgroundPadding: z.number().nullish(),
+    offsetY: z.number().default(0).nullish(),
+    offsetX: z.number().default(0).nullish()
 });
 const zAnnotationVerticalLine = z.object({
     selector: z.union([
         zSelector,
         zSelectors
-    ]).optional(),
+    ]).nullish(),
     xValue: z.union([
         z.number(),
         z.string(),
@@ -8916,8 +9117,8 @@ const zAnnotationVerticalLine = z.object({
             z.number(),
             z.string()
         ]))
-    ]).optional(),
-    text: z.string().or(z.array(z.string())).optional(),
+    ]).nullish(),
+    text: z.string().or(z.array(z.string())).nullish(),
     textPosition: z["enum"]([
         'outsideStart',
         'outsideEnd',
@@ -8925,34 +9126,34 @@ const zAnnotationVerticalLine = z.object({
         'insideStart',
         'insideMiddle',
         'insideEnd'
-    ]).default('insideEnd').optional(),
-    textColor: z.string().default('#ffffff').optional(),
-    textFontSize: z.number().default(12).optional(),
-    textFontWeight: z.number().default(400).optional(),
+    ]).default('insideEnd').nullish(),
+    textColor: z.string().default('#ffffff').nullish(),
+    textFontSize: z.number().default(12).nullish(),
+    textFontWeight: z.number().default(400).nullish(),
     textAlign: z["enum"]([
         'left',
         'right',
         'center'
-    ]).default('right').optional(),
+    ]).default('right').nullish(),
     textBaseline: z["enum"]([
         'top',
         'middle',
         'bottom'
-    ]).default('top').optional(),
-    lineVisible: z.boolean().default(true).optional(),
-    lineColor: z.string().default('#212121').optional(),
-    lineWidth: z.number().default(1).optional(),
+    ]).default('top').nullish(),
+    textBackgroundVisible: z.boolean().default(true).nullish(),
+    textBackgroundColor: z.string().default('#212121').nullish(),
+    textBackgroundBorderColor: z.string().default('#212121').nullish(),
+    textBackgroundBorderRadius: z.number().default(4).nullish(),
+    textBackgroundBorderWidth: z.number().default(1).nullish(),
+    textBackgroundPadding: z.number().default(2).nullish(),
+    lineVisible: z.boolean().default(true).nullish(),
+    lineColor: z.string().default('#212121').nullish(),
+    lineWidth: z.number().default(1).nullish(),
     lineStyle: z.union([
         z.literal('solid'),
         z.literal('dashed'),
         z.literal('dotted')
-    ]).default('dashed').optional(),
-    backgroundVisible: z.boolean().default(true).optional(),
-    backgroundColor: z.string().default('#212121').optional(),
-    backgroundBorderColor: z.string().default('#212121').optional(),
-    backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundBorderWidth: z.number().default(1).optional(),
-    backgroundPadding: z.number().default(2).optional(),
+    ]).default('dashed').nullish(),
     offsetX: z.number().default(0),
     offsetY: z.number().default(0)
 });
@@ -8960,7 +9161,7 @@ const zAnnotationHorizontalLine = z.object({
     selector: z.union([
         zSelector,
         zSelectors
-    ]).optional(),
+    ]).nullish(),
     yValue: z.union([
         z.number(),
         z.string(),
@@ -8968,8 +9169,8 @@ const zAnnotationHorizontalLine = z.object({
             z.number(),
             z.string()
         ]))
-    ]).optional(),
-    text: z.string().or(z.array(z.string())).optional(),
+    ]).nullish(),
+    text: z.string().or(z.array(z.string())).nullish(),
     textPosition: z["enum"]([
         'outsideStart',
         'outsideEnd',
@@ -8977,34 +9178,34 @@ const zAnnotationHorizontalLine = z.object({
         'insideStart',
         'insideMiddle',
         'insideEnd'
-    ]).default('insideEnd').optional(),
-    textColor: z.string().default('#ffffff').optional(),
-    textFontSize: z.number().default(12).optional(),
-    textFontWeight: z.number().default(400).optional(),
+    ]).default('insideEnd').nullish(),
+    textColor: z.string().default('#ffffff').nullish(),
+    textFontSize: z.number().default(12).nullish(),
+    textFontWeight: z.number().default(400).nullish(),
     textAlign: z["enum"]([
         'left',
         'right',
         'center'
-    ]).default('right').optional(),
+    ]).default('right').nullish(),
     textBaseline: z["enum"]([
         'top',
         'middle',
         'bottom'
-    ]).default('top').optional(),
-    lineVisible: z.boolean().default(true).optional(),
-    lineColor: z.string().default('#212121').optional(),
-    lineWidth: z.number().default(1).optional(),
+    ]).default('top').nullish(),
+    lineVisible: z.boolean().default(true).nullish(),
+    lineColor: z.string().default('#212121').nullish(),
+    lineWidth: z.number().default(1).nullish(),
     lineStyle: z.union([
         z.literal('solid'),
         z.literal('dashed'),
         z.literal('dotted')
-    ]).default('dashed').optional(),
-    backgroundVisible: z.boolean().default(true).optional(),
-    backgroundColor: z.string().default('#212121').optional(),
-    backgroundBorderColor: z.string().default('#212121').optional(),
-    backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundBorderWidth: z.number().default(1).optional(),
-    backgroundPadding: z.number().default(2).optional(),
+    ]).default('dashed').nullish(),
+    textBackgroundVisible: z.boolean().default(true).nullish(),
+    textBackgroundColor: z.string().default('#212121').nullish(),
+    textBackgroundBorderColor: z.string().default('#212121').nullish(),
+    textBackgroundBorderRadius: z.number().default(4).nullish(),
+    textBackgroundBorderWidth: z.number().default(1).nullish(),
+    textBackgroundPadding: z.number().default(2).nullish(),
     offsetX: z.number().default(0),
     offsetY: z.number().default(0)
 });
@@ -9022,60 +9223,60 @@ const zAnnotationArea = z.object({
         'bottomRight',
         'left',
         'right'
-    ]).default('top').optional(),
-    text: z.string().or(z.array(z.string())).optional(),
-    textColor: z.string().default('#ffffff').optional(),
-    textFontSize: z.number().default(12).optional(),
-    textFontWeight: z.number().default(400).optional(),
+    ]).default('top').nullish(),
+    text: z.string().or(z.array(z.string())).nullish(),
+    textColor: z.string().default('#ffffff').nullish(),
+    textFontSize: z.number().default(12).nullish(),
+    textFontWeight: z.number().default(400).nullish(),
     textAlign: z["enum"]([
         'left',
         'right',
         'center'
-    ]).default('center').optional(),
+    ]).default('center').nullish(),
     textBaseline: z["enum"]([
         'top',
         'middle',
         'bottom'
-    ]).default('top').optional(),
-    backgroundVisible: z.boolean().default(true).optional(),
-    backgroundColor: z.string().default('#191d24').optional(),
-    backgroundBorderColor: z.string().default('#191d24').optional(),
-    backgroundBorderWidth: z.number().default(1).optional(),
-    backgroundBorderRadius: z.number().default(4).optional(),
-    backgroundPadding: z.number().default(4).optional(),
-    areaColor: z.string().default('#888888').optional(),
-    areaColorOpacity: z.number().default(0.15).optional(),
-    areaBorderColor: z.string().default('#888888').optional(),
-    areaBorderWidth: z.number().default(1).optional(),
-    areaBorderRadius: z.number().default(4).optional(),
-    outerPadding: z.number().default(4).optional(),
-    offsetX: z.number().default(0).optional(),
-    offsetY: z.number().default(0).optional()
+    ]).default('top').nullish(),
+    textBackgroundVisible: z.boolean().default(true).nullish(),
+    textBackgroundColor: z.string().default('#191d24').nullish(),
+    textBackgroundBorderColor: z.string().default('#191d24').nullish(),
+    textBackgroundBorderWidth: z.number().default(1).nullish(),
+    textBackgroundBorderRadius: z.number().default(4).nullish(),
+    textBackgroundPadding: z.number().default(4).nullish(),
+    areaColor: z.string().default('#888888').nullish(),
+    areaColorOpacity: z.number().default(0.15).nullish(),
+    areaBorderColor: z.string().default('#888888').nullish(),
+    areaBorderWidth: z.number().default(1).nullish(),
+    areaBorderRadius: z.number().default(4).nullish(),
+    outerPadding: z.number().default(4).nullish(),
+    offsetX: z.number().default(0).nullish(),
+    offsetY: z.number().default(0).nullish()
 });
 const zAnnotation = z.object({
-    annotationPoint: zAnnotationPoint.or(z.array(zAnnotationPoint)).optional(),
-    annotationVerticalLine: zAnnotationVerticalLine.or(z.array(zAnnotationVerticalLine)).optional(),
-    annotationHorizontalLine: zAnnotationHorizontalLine.or(z.array(zAnnotationHorizontalLine)).optional(),
-    annotationArea: zAnnotationArea.or(z.array(zAnnotationArea)).optional()
+    annotationPoint: zAnnotationPoint.or(z.array(zAnnotationPoint)).nullish(),
+    annotationVerticalLine: zAnnotationVerticalLine.or(z.array(zAnnotationVerticalLine)).nullish(),
+    annotationHorizontalLine: zAnnotationHorizontalLine.or(z.array(zAnnotationHorizontalLine)).nullish(),
+    annotationArea: zAnnotationArea.or(z.array(zAnnotationArea)).nullish()
 });
 const zSort = z.object({
     order: z["enum"]([
         'asc',
         'desc'
     ]).default('asc'),
-    orderBy: z.string().optional(),
-    customOrder: z.array(z.any()).optional()
+    orderBy: z.string().nullish(),
+    customOrder: z.array(z.any()).nullish()
 });
 const zSortLegend = z.object({
     order: z["enum"]([
         'asc',
         'desc'
     ]).default('asc'),
-    orderBy: z.string().optional(),
-    customOrder: z.array(z.any()).optional()
+    orderBy: z.string().nullish(),
+    customOrder: z.array(z.any()).nullish()
 });
 const zAnalysis = z.object({
-    orderMapping: z.record(z.string(), z.array(z.string())).optional()
+    orderMapping: z.record(z.string(), z.array(z.string())).nullish()
 });
 const zLocale = z["enum"]([
     'zh-CN',
@@ -9083,384 +9284,410 @@ const zLocale = z["enum"]([
 ]).default('zh-CN');
 const zTable = z.object({
     chartType: z.literal('table'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    theme: zTheme.optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    borderColor: z.string().nullish(),
+    bodyFontSize: z.number().nullish(),
+    bodyFontColor: z.string().nullish(),
+    bodyBackgroundColor: z.string().nullish(),
+    hoverBodyBackgroundColor: z.string().nullish(),
+    hoverBodyInlineBackgroundColor: z.string().nullish(),
+    headerFontSize: z.number().nullish(),
+    headerFontColor: z.string().nullish(),
+    headerBackgroundColor: z.string().nullish(),
+    hoverHeaderBackgroundColor: z.string().nullish(),
+    hoverHeaderInlineBackgroundColor: z.string().nullish(),
+    selectedBorderColor: z.string().nullish(),
+    selectedBackgroundColor: z.string().nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
 });
 const zPivotTable = z.object({
     chartType: z.literal('pivotTable'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasures.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    theme: zTheme.optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasures.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    borderColor: z.string().nullish(),
+    bodyFontSize: z.number().nullish(),
+    bodyFontColor: z.string().nullish(),
+    bodyBackgroundColor: z.string().nullish(),
+    hoverBodyBackgroundColor: z.string().nullish(),
+    hoverBodyInlineBackgroundColor: z.string().nullish(),
+    headerFontSize: z.number().nullish(),
+    headerFontColor: z.string().nullish(),
+    headerBackgroundColor: z.string().nullish(),
+    hoverHeaderBackgroundColor: z.string().nullish(),
+    hoverHeaderInlineBackgroundColor: z.string().nullish(),
+    selectedBorderColor: z.string().nullish(),
+    selectedBackgroundColor: z.string().nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
 });
 const zLine = z.object({
     chartType: z.literal('line'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    xAxis: zXBandAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairLine: zCrosshairLine.optional(),
-    sort: zSort.optional(),
-    sortLegend: zSortLegend.optional(),
-    theme: zTheme.optional(),
-    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
-    lineStyle: z.array(zLineStyle).or(zLineStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    xAxis: zXBandAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairLine: zCrosshairLine.nullish(),
+    sort: zSort.nullish(),
+    sortLegend: zSortLegend.nullish(),
+    theme: zTheme.nullish(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).nullish(),
+    lineStyle: z.array(zLineStyle).or(zLineStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zColumn = z.object({
     chartType: z.literal('column'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    xAxis: zXBandAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairRect: zCrosshairRect.optional(),
-    stackCornerRadius: zStackCornerRadius.optional(),
-    theme: zTheme.optional(),
-    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    xAxis: zXBandAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairRect: zCrosshairRect.nullish(),
+    stackCornerRadius: zStackCornerRadius.nullish(),
+    theme: zTheme.nullish(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zColumnParallel = z.object({
     chartType: z.literal('columnParallel'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    xAxis: zXBandAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairRect: zCrosshairRect.optional(),
-    stackCornerRadius: zStackCornerRadius.optional(),
-    theme: zTheme.optional(),
-    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    xAxis: zXBandAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairRect: zCrosshairRect.nullish(),
+    stackCornerRadius: zStackCornerRadius.nullish(),
+    theme: zTheme.nullish(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zColumnPercent = z.object({
     chartType: z.literal('columnPercent'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    xAxis: zXBandAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairRect: zCrosshairRect.optional(),
-    stackCornerRadius: zStackCornerRadius.optional(),
-    theme: zTheme.optional(),
-    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    xAxis: zXBandAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairRect: zCrosshairRect.nullish(),
+    stackCornerRadius: zStackCornerRadius.nullish(),
+    theme: zTheme.nullish(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zBar = z.object({
     chartType: z.literal('bar'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    xAxis: zXLinearAxis.optional(),
-    yAxis: zYBandAxis.optional(),
-    crosshairRect: zCrosshairRect.optional(),
-    stackCornerRadius: zStackCornerRadius.optional(),
-    theme: zTheme.optional(),
-    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    xAxis: zXLinearAxis.nullish(),
+    yAxis: zYBandAxis.nullish(),
+    crosshairRect: zCrosshairRect.nullish(),
+    stackCornerRadius: zStackCornerRadius.nullish(),
+    theme: zTheme.nullish(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zBarParallel = z.object({
     chartType: z.literal('barParallel'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    xAxis: zXLinearAxis.optional(),
-    yAxis: zYBandAxis.optional(),
-    crosshairRect: zCrosshairRect.optional(),
-    stackCornerRadius: zStackCornerRadius.optional(),
-    theme: zTheme.optional(),
-    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    xAxis: zXLinearAxis.nullish(),
+    yAxis: zYBandAxis.nullish(),
+    crosshairRect: zCrosshairRect.nullish(),
+    stackCornerRadius: zStackCornerRadius.nullish(),
+    theme: zTheme.nullish(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zBarPercent = z.object({
     chartType: z.literal('barPercent'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    xAxis: zXLinearAxis.optional(),
-    yAxis: zYBandAxis.optional(),
-    crosshairRect: zCrosshairRect.optional(),
-    stackCornerRadius: zStackCornerRadius.optional(),
-    theme: zTheme.optional(),
-    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    xAxis: zXLinearAxis.nullish(),
+    yAxis: zYBandAxis.nullish(),
+    crosshairRect: zCrosshairRect.nullish(),
+    stackCornerRadius: zStackCornerRadius.nullish(),
+    theme: zTheme.nullish(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zArea = z.object({
     chartType: z.literal('area'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    xAxis: zXBandAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairLine: zCrosshairLine.optional(),
-    theme: zTheme.optional(),
-    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
-    lineStyle: z.array(zLineStyle).or(zLineStyle).optional(),
-    areaStyle: z.array(zAreaStyle).or(zAreaStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    xAxis: zXBandAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairLine: zCrosshairLine.nullish(),
+    theme: zTheme.nullish(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).nullish(),
+    lineStyle: z.array(zLineStyle).or(zLineStyle).nullish(),
+    areaStyle: z.array(zAreaStyle).or(zAreaStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zAreaPercent = z.object({
     chartType: z.literal('areaPercent'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    xAxis: zXBandAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairLine: zCrosshairLine.optional(),
-    theme: zTheme.optional(),
-    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
-    lineStyle: z.array(zLineStyle).or(zLineStyle).optional(),
-    areaStyle: z.array(zAreaStyle).or(zAreaStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    xAxis: zXBandAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairLine: zCrosshairLine.nullish(),
+    theme: zTheme.nullish(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).nullish(),
+    lineStyle: z.array(zLineStyle).or(zLineStyle).nullish(),
+    areaStyle: z.array(zAreaStyle).or(zAreaStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zAreaRange = z.object({
     chartType: z.literal('areaRange'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    label: zLabel.optional(),
-    xAxis: zXBandAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairLine: zCrosshairLine.optional(),
-    theme: zTheme.optional(),
-    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
-    lineStyle: z.array(zLineStyle).or(zLineStyle).optional(),
-    areaStyle: z.array(zAreaStyle).or(zAreaStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    label: zLabel.nullish(),
+    xAxis: zXBandAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairLine: zCrosshairLine.nullish(),
+    theme: zTheme.nullish(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).nullish(),
+    lineStyle: z.array(zLineStyle).or(zLineStyle).nullish(),
+    areaStyle: z.array(zAreaStyle).or(zAreaStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zScatter = z.object({
     chartType: z.literal('scatter'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    xAxis: zXLinearAxis.optional(),
-    yAxis: zYLinearAxis.optional(),
-    crosshairLine: zCrosshairLine.optional(),
-    theme: zTheme.optional(),
-    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    xAxis: zXLinearAxis.nullish(),
+    yAxis: zYLinearAxis.nullish(),
+    crosshairLine: zCrosshairLine.nullish(),
+    theme: zTheme.nullish(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zDualAxis = z.object({
     chartType: z.literal('dualAxis'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    dualMeasures: zDualMeasures.optional(),
-    dualChartType: z.array(zDualChartType).or(zDualChartType).optional(),
-    primaryYAxis: z.array(zYLinearAxis).or(zYLinearAxis).optional(),
-    secondaryYAxis: z.array(zYLinearAxis).or(zYLinearAxis).optional(),
-    xAxis: zXBandAxis.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    crosshairRect: zCrosshairRect.optional(),
-    sort: zSort.optional(),
-    sortLegend: zSortLegend.optional(),
-    theme: zTheme.optional(),
-    barStyle: z.array(zBarStyle).or(zBarStyle).optional(),
-    pointStyle: z.array(zPointStyle).or(zPointStyle).optional(),
-    lineStyle: z.array(zLineStyle).or(zLineStyle).optional(),
-    areaStyle: z.array(zAreaStyle).or(zAreaStyle).optional(),
-    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).optional(),
-    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).optional(),
-    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).optional(),
-    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    dualMeasures: zDualMeasures.nullish(),
+    dualChartType: z.array(zDualChartType).or(zDualChartType).nullish(),
+    primaryYAxis: z.array(zYLinearAxis).or(zYLinearAxis).nullish(),
+    secondaryYAxis: z.array(zYLinearAxis).or(zYLinearAxis).nullish(),
+    xAxis: zXBandAxis.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    crosshairRect: zCrosshairRect.nullish(),
+    sort: zSort.nullish(),
+    sortLegend: zSortLegend.nullish(),
+    theme: zTheme.nullish(),
+    barStyle: z.array(zBarStyle).or(zBarStyle).nullish(),
+    pointStyle: z.array(zPointStyle).or(zPointStyle).nullish(),
+    lineStyle: z.array(zLineStyle).or(zLineStyle).nullish(),
+    areaStyle: z.array(zAreaStyle).or(zAreaStyle).nullish(),
+    annotationPoint: z.array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+    annotationVerticalLine: z.array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+    annotationHorizontalLine: z.array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+    annotationArea: z.array(zAnnotationArea).or(zAnnotationArea).nullish(),
+    locale: zLocale.nullish()
 });
 const zRose = z.object({
     chartType: z.literal('rose'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    theme: zTheme.optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
 });
 const zRoseParallel = z.object({
     chartType: z.literal('roseParallel'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    theme: zTheme.optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
 });
 const zPie = z.object({
     chartType: z.literal('pie'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    theme: zTheme.optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
 });
 const zDonut = z.object({
     chartType: z.literal('donut'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    theme: zTheme.optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
 });
 const zRadar = z.object({
     chartType: z.literal('radar'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zColor.optional(),
-    label: zLabel.optional(),
-    legend: zLegend.optional(),
-    tooltip: zTooltip.optional(),
-    theme: zTheme.optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
 });
 const zFunnel = z.object({
     chartType: z.literal('funnel'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zLinearColor.optional(),
-    label: zLabel.optional(),
-    legend: zColorLegend.optional(),
-    tooltip: zTooltip.optional(),
-    theme: zTheme.optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zLinearColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zColorLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
 });
 const zHeatmap = z.object({
     chartType: z.literal('heatmap'),
-    dataset: zDataset.optional(),
-    dimensions: zDimensions.optional(),
-    measures: zMeasureTree.optional(),
-    backgroundColor: zBackgroundColor.optional(),
-    color: zLinearColor.optional(),
-    label: zLabel.optional(),
-    legend: zColorLegend.optional(),
-    tooltip: zTooltip.optional(),
-    theme: zTheme.optional(),
-    locale: zLocale.optional()
+    dataset: zDataset.nullish(),
+    dimensions: zDimensions.nullish(),
+    measures: zMeasureTree.nullish(),
+    backgroundColor: zBackgroundColor.nullish(),
+    color: zLinearColor.nullish(),
+    label: zLabel.nullish(),
+    legend: zColorLegend.nullish(),
+    tooltip: zTooltip.nullish(),
+    theme: zTheme.nullish(),
+    locale: zLocale.nullish()
 });
 const zVSeed = z.discriminatedUnion('chartType', [
     zTable,
@@ -9500,6 +9727,6 @@ const zAdvancedVSeed = z.object({
     annotation: zAnnotation,
     locale: zLocale
 });
-export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, FoldPrimaryMeasureValue, FoldSecondaryMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaRangeAdvancedPipeline, areaRangeSpecPipeline, areaSpecPipeline, autoFormatter, autoNumFormatter, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D, dataReshapeFor1D1M, dataReshapeFor1D2M, dataReshapeFor2D1M, dataReshapeFor2D1M0Name, donutAdvancedPipeline, donutSpecPipeline, dualAxisAdvancedPipeline, dualAxisSpecPipeline, execPipeline, findAllDimensions, findAllMeasures, findDimensionById, findFirstDimension, findFirstMeasure, findMeasureById, foldMeasures, funnelAdvancedPipeline, funnelSpecPipeline, heatmapAdvancedPipeline, heatmapSpecPipeline, i18n, intl, isDimensionSelector, isMeasureSelector, isPartialDatumSelector, isPivotChart, isPivotTable, isTable, isVChart, isVTable, isValueSelector, lightTheme, lineAdvancedPipeline, lineSpecPipeline, measureDepth, pieAdvancedPipeline, pieSpecPipeline, pivotTableAdvancedPipeline, pivotTableSpecPipeline, preorderTraverse, radarAdvancedPipeline, radarSpecPipeline, registerAll, registerArea, registerAreaPercent, registerAreaRange, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerDonut, registerFunnel, registerHeatmap, registerLightTheme, registerLine, registerPie, registerPivotTable, registerRadar, registerRose, registerRoseParallel, registerScatter, registerTable, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, scatterAdvancedPipeline, scatterSpecPipeline, selector_selector as selector, tableAdvancedPipeline, tableSpecPipeline, unfoldDimensions, updateAdvanced, updateSpec, zAdvancedVSeed, zAnalysis, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zArea, zAreaConfig, zAreaPercent, zAreaPercentConfig, zAreaRange, zAreaRangeConfig, zAreaStyle, zAxis, zBackgroundColor, zBar, zBarConfig, zBarParallel, zBarParallelConfig, zBarPercent, zBarPercentConfig, zBarStyle, zChartType, zColor, zColorLegend, zColumn, zColumnConfig, zColumnParallel, zColumnParallelConfig, zColumnPercent, zColumnPercentConfig, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensionGroup, zDimensionTree, zDimensions, zDonut, zDonutConfig, zDualAxis, zDualAxisConfig, zDualChartType, zDualMeasure, zDualMeasures, zEncoding, zFoldInfo, zFunnel, zFunnelConfig, zHeatmap, zHeatmapConfig, zLabel, zLegend, zLine, zLineConfig, zLineStyle, zLinearColor, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasureTree, zMeasures, zNumFormat, zPie, zPieConfig, zPivotTable, zPivotTableConfig, zPointStyle, zRadar, zRadarConfig, zRose, zRoseConfig, zRoseParallel, zRoseParallelConfig, zScatter, zScatterConfig, zSort, zSortLegend, zStackCornerRadius, zTable, zTableConfig, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
+export { Builder, FoldMeasureId, FoldMeasureName, FoldMeasureValue, FoldPrimaryMeasureValue, FoldSecondaryMeasureValue, ORIGINAL_DATA, Separator, UnfoldDimensionGroup, UnfoldDimensionGroupId, areaAdvancedPipeline, areaPercentAdvancedPipeline, areaPercentSpecPipeline, areaRangeAdvancedPipeline, areaRangeSpecPipeline, areaSpecPipeline, autoFormatter, autoNumFormatter, barAdvancedPipeline, barParallelAdvancedPipeline, barParallelSpecPipeline, barPercentAdvancedPipeline, barPercentSpecPipeline, barSpecPipeline, columnAdvancedPipeline, columnParallelAdvancedPipeline, columnParallelSpecPipeline, columnPercentAdvancedPipeline, columnPercentSpecPipeline, columnSpecPipeline, createFormatter, createNumFormatter, darkTheme, dataReshapeFor1D, dataReshapeFor1D1M, dataReshapeFor1D2M, dataReshapeFor2D1M, dataReshapeFor2D1M0Name, donutAdvancedPipeline, donutSpecPipeline, dualAxisAdvancedPipeline, dualAxisSpecPipeline, execPipeline, findAllDimensions, findAllMeasures, findDimensionById, findFirstDimension, findFirstMeasure, findMeasureById, foldMeasures, funnelAdvancedPipeline, funnelSpecPipeline, heatmapAdvancedPipeline, heatmapSpecPipeline, i18n, intl, isDimension, isDimensionGroup, isDimensionSelector, isDimensions, isMeasure, isMeasureGroup, isMeasureSelector, isMeasures, isPartialDatumSelector, isPivotChart, isPivotTable, isTable, isVChart, isVTable, isValueSelector, lightTheme, lineAdvancedPipeline, lineSpecPipeline, measureDepth, pieAdvancedPipeline, pieSpecPipeline, pivotTableAdvancedPipeline, pivotTableSpecPipeline, preorderTraverse, radarAdvancedPipeline, radarSpecPipeline, registerAll, registerArea, registerAreaPercent, registerAreaRange, registerBar, registerBarParallel, registerBarPercent, registerColumn, registerColumnParallel, registerColumnPercent, registerCustomTheme, registerDarkTheme, registerDonut, registerFunnel, registerHeatmap, registerLightTheme, registerLine, registerPie, registerPivotTable, registerRadar, registerRose, registerRoseParallel, registerScatter, registerTable, roseAdvancedPipeline, roseParallelAdvancedPipeline, roseParallelSpecPipeline, roseSpecPipeline, scatterAdvancedPipeline, scatterSpecPipeline, selector_selector as selector, tableAdvancedPipeline, tableSpecPipeline, unfoldDimensions, updateAdvanced, updateSpec, zAdvancedVSeed, zAnalysis, zAnnotation, zAnnotationArea, zAnnotationHorizontalLine, zAnnotationPoint, zAnnotationVerticalLine, zArea, zAreaConfig, zAreaPercent, zAreaPercentConfig, zAreaRange, zAreaRangeConfig, zAreaStyle, zAxis, zBackgroundColor, zBar, zBarConfig, zBarParallel, zBarParallelConfig, zBarPercent, zBarPercentConfig, zBarStyle, zChartType, zColor, zColorLegend, zColumn, zColumnConfig, zColumnParallel, zColumnParallelConfig, zColumnPercent, zColumnPercentConfig, zConfig, zCrosshairLine, zCrosshairRect, zCustomTheme, zCustomThemeConfig, zDataset, zDatasetReshapeInfo, zDatum, zDimension, zDimensionGroup, zDimensionTree, zDimensions, zDonut, zDonutConfig, zDualAxis, zDualAxisConfig, zDualChartType, zDualMeasure, zDualMeasures, zEncoding, zFoldInfo, zFunnel, zFunnelConfig, zHeatmap, zHeatmapConfig, zLabel, zLegend, zLine, zLineConfig, zLineStyle, zLinearColor, zLocale, zMarkStyle, zMeasure, zMeasureGroup, zMeasureTree, zMeasures, zNumFormat, zPie, zPieConfig, zPivotTable, zPivotTableConfig, zPointStyle, zRadar, zRadarConfig, zRose, zRoseConfig, zRoseParallel, zRoseParallelConfig, zScatter, zScatterConfig, zSort, zSortLegend, zStackCornerRadius, zTable, zTableConfig, zTheme, zTooltip, zUnfoldInfo, zVSeed, zXBandAxis, zXLinearAxis, zYBandAxis, zYLinearAxis };
 
 //# sourceMappingURL=index.js.map