@visactor/vseed 0.0.15 → 0.0.17

package/dist/umd/index.js

@@ -32,39 +32,45 @@
         __webpack_require__.d(__webpack_exports__, {
             registerBar: ()=>registerBar,
             isVChart: ()=>isVChart,
+            funnelAdvancedPipeline: ()=>funnelAdvancedPipeline,
             autoFormatter: ()=>autoFormatter,
-            zBaseConfig: ()=>zBaseConfig,
-            zTooltip: ()=>zTooltip,
+            roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
             pieAdvancedPipeline: ()=>pieAdvancedPipeline,
             execPipeline: ()=>execPipeline,
             areaSpecPipeline: ()=>areaSpecPipeline,
             registerCustomTheme: ()=>registerCustomTheme,
             registerLine: ()=>registerLine,
+            zBaseConfig: ()=>zBaseConfig,
             zColor: ()=>zColor,
+            findFirstMeasure: ()=>findFirstMeasure,
+            scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
             zMeasureGroup: ()=>zMeasureGroup,
-            zUnfoldInfo: ()=>zUnfoldInfo,
             zMeasures: ()=>zMeasures,
+            zUnfoldInfo: ()=>zUnfoldInfo,
             zCrosshairRect: ()=>zCrosshairRect,
             FoldMeasureName: ()=>FoldMeasureName,
             intl: ()=>intl,
             darkTheme: ()=>darkTheme,
             createNumFormatter: ()=>createNumFormatter,
             columnPercentAdvancedPipeline: ()=>columnPercentAdvancedPipeline,
-            zAxis: ()=>zAxis,
+            scatterSpecPipeline: ()=>scatterSpecPipeline,
             isVTable: ()=>isVTable,
             zAnnotation: ()=>zAnnotation,
+            zAxis: ()=>zAxis,
+            zCrosshairLine: ()=>zCrosshairLine,
             columnSpecPipeline: ()=>columnSpecPipeline,
             UnfoldDimensionGroup: ()=>UnfoldDimensionGroup,
             zDatasetReshapeInfo: ()=>zDatasetReshapeInfo,
             zFoldInfo: ()=>zFoldInfo,
-            zYBandAxis: ()=>zYBandAxis,
+            zStackCornerRadius: ()=>zStackCornerRadius,
             zAreaStyle: ()=>zAreaStyle,
             ORIGINAL_DATA: ()=>ORIGINAL_DATA,
-            zAnnotationHorizontalLine: ()=>zAnnotationHorizontalLine,
+            dataReshapeFor1D2M: ()=>dataReshapeFor1D2M,
             zAnnotationArea: ()=>zAnnotationArea,
+            zAnnotationHorizontalLine: ()=>zAnnotationHorizontalLine,
             zMarkStyle: ()=>zMarkStyle,
-            zYLinearAxis: ()=>zYLinearAxis,
             Separator: ()=>Separator,
+            zTooltip: ()=>zTooltip,
             columnAdvancedPipeline: ()=>columnAdvancedPipeline,
             columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
             zLabel: ()=>zLabel,
@@ -74,9 +80,13 @@
             lightTheme: ()=>lightTheme,
             registerColumnParallel: ()=>registerColumnParallel,
             zDimension: ()=>zDimension,
+            funnelSpecPipeline: ()=>funnelSpecPipeline,
             zPointStyle: ()=>zPointStyle,
+            zYBandAxis: ()=>zYBandAxis,
+            zYLinearAxis: ()=>zYLinearAxis,
             isPivotChart: ()=>isPivotChart,
             zCustomTheme: ()=>zCustomTheme,
+            roseParallelSpecPipeline: ()=>roseParallelSpecPipeline,
             zLineStyle: ()=>zLineStyle,
             zXBandAxis: ()=>zXBandAxis,
             dataReshapeFor1D1M: ()=>dataReshapeFor1D1M,
@@ -95,8 +105,9 @@
             zLegend: ()=>zLegend,
             FoldMeasureId: ()=>FoldMeasureId,
             zTheme: ()=>zTheme,
-            zEncoding: ()=>zEncoding,
+            donutSpecPipeline: ()=>donutSpecPipeline,
             registerAreaPercent: ()=>registerAreaPercent,
+            zEncoding: ()=>zEncoding,
             autoNumFormatter: ()=>autoNumFormatter,
             zXLinearAxis: ()=>zXLinearAxis,
             zConfig: ()=>zConfig,
@@ -106,12 +117,13 @@
             zCustomThemeConfig: ()=>zCustomThemeConfig,
             columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
             registerColumnPercent: ()=>registerColumnPercent,
+            donutAdvancedPipeline: ()=>donutAdvancedPipeline,
             registerBarPercent: ()=>registerBarPercent,
-            zCrosshairLine: ()=>zCrosshairLine,
             foldMeasures: ()=>foldMeasures,
             dataReshapeFor2D1M: ()=>dataReshapeFor2D1M,
             registerLightTheme: ()=>registerLightTheme,
-            zStackCornerRadius: ()=>zStackCornerRadius,
+            roseAdvancedPipeline: ()=>roseAdvancedPipeline,
+            roseSpecPipeline: ()=>roseSpecPipeline,
             registerDarkTheme: ()=>registerDarkTheme,
             zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
             barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
@@ -129,11 +141,11 @@
             Builder: ()=>Builder,
             barParallelSpecPipeline: ()=>barParallelSpecPipeline,
             areaPercentSpecPipeline: ()=>areaPercentSpecPipeline,
-            registerAll: ()=>all_registerAll
+            registerAll: ()=>registerAll
         });
         const initAdvancedVSeed = (advancedVSeed, context)=>{
             const { vseed } = context;
-            const { chartType = 'table' } = vseed;
+            const { chartType } = vseed;
             return {
                 ...advancedVSeed,
                 chartType
@@ -284,7 +296,7 @@
         };
         const createFormatter = (format)=>createNumFormatter(format);
         const autoFormatter = (value, locale)=>autoNumFormatter(value, locale);
-        function findMeasureById(measures, id) {
+        const findMeasureById = (measures, id)=>{
             if (!measures) return;
             const stack = [
                 ...measures
@@ -295,7 +307,22 @@
                 if (current.id === id && !('children' in current)) return current;
                 if ('children' in current && current.children) stack.push(...current.children);
             }
-        }
+        };
+        const findFirstMeasure = (measures)=>{
+            if (!measures) return;
+            const stack = [
+                ...measures
+            ].reverse();
+            while(stack.length > 0){
+                const current = stack.pop();
+                if (!current) continue;
+                if (!('children' in current)) return current;
+                if ('children' in current && current.children) {
+                    const children = (current.children || []).reverse();
+                    stack.push(...children);
+                }
+            }
+        };
         const autoMeasures = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -707,6 +734,60 @@
                 };
             }
         };
+        const dataReshapeFor1D2M_emptyReshapeResult = {
+            dataset: [],
+            foldInfo: {
+                foldMap: {},
+                measureId: '',
+                measureName: '',
+                measureValue: ''
+            },
+            unfoldInfo: {
+                groupName: '',
+                groupId: '',
+                colorItems: [],
+                colorIdMap: {}
+            }
+        };
+        const dataReshapeFor1D2M = (dataset, dimensions, measures, options)=>{
+            const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, unfoldDimensionGroup = UnfoldDimensionGroup, unfoldDimensionGroupId = UnfoldDimensionGroupId } = options || {};
+            if (0 === dimensions.length && 0 === measures.length) return dataReshapeFor1D2M_emptyReshapeResult;
+            const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures.length > 1 ? measures.slice(1) : measures, foldMeasureId, foldMeasureName, foldMeasureValue);
+            if (0 === dimensions.length) {
+                const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
+                    {
+                        id: foldMeasureValue,
+                        alias: i18n`指标值`,
+                        location: 'dimension'
+                    }
+                ], [
+                    {
+                        id: foldMeasureValue,
+                        alias: i18n`指标值`
+                    }
+                ], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+                return {
+                    dataset: finalDataset,
+                    foldInfo,
+                    unfoldInfo
+                };
+            }
+            {
+                const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, [
+                    ...dimensions
+                ], [
+                    {
+                        id: foldMeasureValue,
+                        alias: i18n`指标值`
+                    }
+                ], 0, unfoldDimensionGroup, unfoldDimensionGroupId, foldMeasureId);
+                return {
+                    dataset: finalDataset,
+                    foldInfo,
+                    unfoldInfo
+                };
+            }
+        };
         const reshapeTo2D1M = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -753,6 +834,28 @@
                 ]
             };
         };
+        const reshapeTo1D2M = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { dataset } = vseed;
+            const { dimensions, measures } = advancedVSeed;
+            if (!measures || !dimensions || !dataset) return result;
+            if (0 === measures.length) throw new Error('measures can not be empty');
+            const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeFor1D2M(dataset, dimensions, measures);
+            return {
+                ...result,
+                dataset: newDatasets,
+                datasetReshapeInfo: [
+                    {
+                        id: '1D2M',
+                        foldInfo,
+                        unfoldInfo
+                    }
+                ]
+            };
+        };
         const pivotReshapeTo1D1M = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -792,6 +895,45 @@
                 datasetReshapeInfo: datasetReshapeInfo
             };
         };
+        const pivotReshapeTo1D2M = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { dataset } = vseed;
+            const { dimensions, measures } = advancedVSeed;
+            if (!measures || !dimensions) return result;
+            const measureGroups = [];
+            if (measures) measures.forEach((measure)=>{
+                if (measure.children && measure.children.length > 0) measureGroups.push(measure);
+            });
+            const newDatasets = [];
+            const datasetReshapeInfo = [];
+            measureGroups.forEach((measureGroup)=>{
+                const measures = measureGroup.children;
+                if (!measures) return;
+                const commonDimensions = dimensions.filter((dim)=>'dimension' === dim.location);
+                const groupId = measureGroup.id;
+                const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeFor1D2M(dataset, commonDimensions, measures, {
+                    foldMeasureId: FoldMeasureId,
+                    foldMeasureName: FoldMeasureName,
+                    foldMeasureValue: FoldMeasureValue + groupId,
+                    unfoldDimensionGroup: UnfoldDimensionGroup
+                });
+                const reshapeInfo = {
+                    id: groupId,
+                    foldInfo,
+                    unfoldInfo
+                };
+                newDatasets.push(newSubDataset);
+                datasetReshapeInfo.push(reshapeInfo);
+            });
+            return {
+                ...result,
+                dataset: newDatasets,
+                datasetReshapeInfo: datasetReshapeInfo
+            };
+        };
         const pivotReshapeTo2D1M = (advancedVSeed, context)=>{
             const result = {
                 ...advancedVSeed
@@ -837,9 +979,9 @@
             };
             const { datasetReshapeInfo, dimensions } = advancedVSeed;
             if (!datasetReshapeInfo || !dimensions) return result;
+            const isZeroDimension = 0 === dimensions.length;
             const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
                 const { foldInfo, unfoldInfo } = cur;
-                const isZeroDimension = 0 === dimensions.length;
                 const x = [
                     isZeroDimension ? foldInfo.measureName : dimensions[0].id
                 ];
@@ -873,9 +1015,9 @@
             };
             const { datasetReshapeInfo, dimensions } = advancedVSeed;
             if (!datasetReshapeInfo || !dimensions) return result;
+            const isZeroDimension = 0 === dimensions.length;
             const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
                 const { foldInfo, unfoldInfo } = cur;
-                const isZeroDimension = 0 === dimensions.length;
                 const y = [
                     isZeroDimension ? foldInfo.measureName : dimensions[0].id
                 ];
@@ -903,7 +1045,44 @@
                 encoding
             };
         };
-        const encodingPolar = (advancedVSeed)=>{
+        const encodingRose = (advancedVSeed)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { datasetReshapeInfo, dimensions, measures } = advancedVSeed;
+            if (!datasetReshapeInfo || !dimensions || !measures) return result;
+            const is1D1M = 1 === dimensions.length && 1 === measures.length;
+            const isZeroDimension = 0 === dimensions.length;
+            const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+                const { foldInfo, unfoldInfo } = cur;
+                const radius = [
+                    foldInfo.measureValue
+                ];
+                const angle = [
+                    isZeroDimension ? foldInfo.measureName : dimensions[0].id
+                ];
+                const group = [
+                    is1D1M ? dimensions[0].id : unfoldInfo.groupId
+                ];
+                const color = [
+                    is1D1M ? dimensions[0].id : unfoldInfo.groupId
+                ];
+                return [
+                    ...prev,
+                    {
+                        angle,
+                        radius,
+                        group,
+                        color
+                    }
+                ];
+            }, []);
+            return {
+                ...result,
+                encoding
+            };
+        };
+        const encodingPie = (advancedVSeed)=>{
             const result = {
                 ...advancedVSeed
             };
@@ -938,6 +1117,37 @@
                 encoding
             };
         };
+        const encodingFunnel = (advancedVSeed)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { datasetReshapeInfo, dimensions } = advancedVSeed;
+            if (!datasetReshapeInfo || !dimensions) return result;
+            const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+                const { foldInfo, unfoldInfo } = cur;
+                const size = [
+                    foldInfo.measureValue
+                ];
+                const group = [
+                    unfoldInfo.groupId
+                ];
+                const color = [
+                    unfoldInfo.groupId
+                ];
+                return [
+                    ...prev,
+                    {
+                        size,
+                        group,
+                        color
+                    }
+                ];
+            }, []);
+            return {
+                ...result,
+                encoding
+            };
+        };
         function chunk_2T7K3PFL_i(...e) {
             return chunk_WIMGWYZL_u(chunk_2T7K3PFL_o, e);
         }
@@ -1021,11 +1231,16 @@
         };
         const areaConfig = lineConfig;
         const areaPercentConfig = lineConfig;
+        const scatterConfig = lineConfig;
         const barConfig = columnConfig;
         const barParallelConfig = columnConfig;
         const barPercentConfig = columnConfig;
         const columnParallelConfig = columnConfig;
         const columnPercentConfig = columnConfig;
+        const donutConfig = pieConfig;
+        const roseConfig = pieConfig;
+        const roseParallelConfig = pieConfig;
+        const funnelConfig = pieConfig;
         function chunk_BZNENX2T_r(o) {
             if ("object" != typeof o || null === o) return !1;
             let e = Object.getPrototypeOf(o);
@@ -1299,19 +1514,153 @@
             ], [
                 pivotReshapeTo1D1M
             ]),
-            encodingPolar,
+            encodingPie,
             pieConfig,
             vchartBaseConfig,
             vchartTheme,
             annotation_annotation
         ];
-        const dataset_dataset = (spec, context)=>{
-            const { advancedVSeed } = context;
-            return {
-                ...spec,
-                data: {
-                    values: advancedVSeed.dataset
-                }
+        const donutAdvancedPipeline = [
+            initAdvancedVSeed,
+            locale_locale,
+            autoMeasures,
+            autoDimensions,
+            pivotAdapter([
+                reshapeTo1D1M
+            ], [
+                pivotReshapeTo1D1M
+            ]),
+            encodingPie,
+            donutConfig,
+            vchartBaseConfig,
+            vchartTheme,
+            annotation_annotation
+        ];
+        const roseAdvancedPipeline = [
+            initAdvancedVSeed,
+            locale_locale,
+            autoMeasures,
+            autoDimensions,
+            pivotAdapter([
+                reshapeTo2D1M
+            ], [
+                pivotReshapeTo2D1M
+            ]),
+            encodingRose,
+            roseConfig,
+            vchartBaseConfig,
+            vchartTheme,
+            markStyle_markStyle,
+            annotation_annotation
+        ];
+        const roseParallelAdvancedPipeline = [
+            initAdvancedVSeed,
+            locale_locale,
+            autoMeasures,
+            autoDimensions,
+            pivotAdapter([
+                reshapeTo2D1M
+            ], [
+                pivotReshapeTo2D1M
+            ]),
+            encodingRose,
+            roseParallelConfig,
+            vchartBaseConfig,
+            vchartTheme,
+            markStyle_markStyle,
+            annotation_annotation
+        ];
+        const funnelAdvancedPipeline = [
+            initAdvancedVSeed,
+            locale_locale,
+            autoMeasures,
+            autoDimensions,
+            pivotAdapter([
+                reshapeTo1D1M
+            ], [
+                pivotReshapeTo1D1M
+            ]),
+            encodingFunnel,
+            funnelConfig,
+            vchartBaseConfig,
+            vchartTheme,
+            annotation_annotation
+        ];
+        const encodingYY = (advancedVSeed)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { datasetReshapeInfo, measures } = advancedVSeed;
+            if (!datasetReshapeInfo || !measures) return result;
+            const firstMeasure = findFirstMeasure(measures);
+            const encoding = datasetReshapeInfo.reduce((prev, cur)=>{
+                const { foldInfo, unfoldInfo } = cur;
+                const x = [
+                    firstMeasure?.id
+                ];
+                const y = [
+                    foldInfo.measureValue
+                ];
+                const group = [
+                    unfoldInfo.groupId
+                ];
+                const color = [
+                    unfoldInfo.groupId
+                ];
+                return [
+                    ...prev,
+                    {
+                        x,
+                        y,
+                        group,
+                        color
+                    }
+                ];
+            }, []);
+            return {
+                ...result,
+                encoding
+            };
+        };
+        const scatterAdvancedPipeline = [
+            initAdvancedVSeed,
+            locale_locale,
+            autoMeasures,
+            autoDimensions,
+            pivotAdapter([
+                reshapeTo1D2M
+            ], [
+                pivotReshapeTo1D2M
+            ]),
+            encodingYY,
+            vchartBaseConfig,
+            scatterConfig,
+            vchartTheme,
+            markStyle_markStyle,
+            annotation_annotation
+        ];
+        const dataset_dataset = (spec, context)=>{
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            const angle = encoding[0]?.angle?.[0];
+            const x = encoding[0]?.x?.[0];
+            const group = encoding[0]?.group?.[0];
+            const fields = {};
+            if (angle) fields[angle] = {
+                sortIndex: 0
+            };
+            if (x) fields[x] = {
+                sortIndex: 0
+            };
+            if (group) fields[group] = {
+                sortIndex: 1
+            };
+            return {
+                ...spec,
+                data: {
+                    values: advancedVSeed.dataset,
+                    fields: fields
+                }
             };
         };
         const datasetPivot = (spec, context)=>{
@@ -1354,6 +1703,7 @@
                     clip: true
                 }
             ];
+            result.animation = true;
             return result;
         };
         const initBar = (spec, context)=>{
@@ -1374,6 +1724,7 @@
                     clip: true
                 }
             ];
+            result.animation = true;
             return result;
         };
         const initBarParallel = (spec, context)=>{
@@ -1398,6 +1749,7 @@
                     clip: true
                 }
             ];
+            result.animation = true;
             return result;
         };
         const initArea = (spec, context)=>{
@@ -1418,6 +1770,7 @@
                     clip: true
                 }
             ];
+            result.animation = true;
             return result;
         };
         const initLine = (spec, context)=>{
@@ -1438,6 +1791,7 @@
                     clip: true
                 }
             ];
+            result.animation = true;
             return result;
         };
         const initColumnParallel = (spec, context)=>{
@@ -1462,6 +1816,7 @@
                     clip: true
                 }
             ];
+            result.animation = true;
             return result;
         };
         const initPie = (spec, context)=>{
@@ -1483,6 +1838,129 @@
                     clip: true
                 }
             ];
+            result.pie = {
+                style: {
+                    stroke: '#ffffff',
+                    lineWidth: 1
+                },
+                state: {
+                    hover: {
+                        centerOffset: 5,
+                        outerRadius: 1.1 * result.outerRadius
+                    }
+                }
+            };
+            result.animation = true;
+            return result;
+        };
+        const initDonut = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].angle || !encoding[0].radius || !encoding[0].group) return result;
+            result.type = 'pie';
+            result.outerRadius = 0.8;
+            result.innerRadius = 0.8 * result.outerRadius;
+            result.valueField = encoding[0].radius[0];
+            result.categoryField = encoding[0].angle[0];
+            result.seriesField = encoding[0].group[0];
+            result.padding = 0;
+            result.region = [
+                {
+                    clip: true
+                }
+            ];
+            result.pie = {
+                style: {
+                    stroke: '#ffffff',
+                    lineWidth: 1
+                },
+                state: {
+                    hover: {
+                        outerRadius: 1.1 * result.outerRadius
+                    }
+                }
+            };
+            result.animation = true;
+            return result;
+        };
+        const initRose = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding, dataset, datasetReshapeInfo } = advancedVSeed;
+            const { foldInfo } = datasetReshapeInfo[0];
+            if (!encoding[0].radius || !encoding[0].angle || !encoding[0].group) return result;
+            result.type = 'rose';
+            result.categoryField = encoding[0].angle[0];
+            result.valueField = encoding[0].radius[0];
+            result.seriesField = encoding[0].group[0];
+            result.padding = 0;
+            result.outerRadius = 0.9;
+            result.innerRadius = 0;
+            const hasNegativeValue = dataset.flat().find((d)=>d[foldInfo.measureValue] < 0);
+            if (hasNegativeValue) result.innerRadius = 0.05;
+            result.rose = {
+                style: {
+                    stroke: '#ffffff',
+                    lineWidth: 1
+                },
+                state: {
+                    hover: {
+                        lineWidth: 1,
+                        fillOpacity: 0.6
+                    }
+                }
+            };
+            result.region = [
+                {
+                    clip: true
+                }
+            ];
+            result.animation = true;
+            return result;
+        };
+        const initRoseParallel = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding, datasetReshapeInfo, dataset } = advancedVSeed;
+            const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
+            if (!encoding[0].radius || !encoding[0].angle || !encoding[0].group) return result;
+            result.type = 'rose';
+            result.categoryField = [
+                encoding[0].angle[0],
+                unfoldInfo.groupName
+            ];
+            result.valueField = encoding[0].radius[0];
+            result.seriesField = encoding[0].group[0];
+            result.padding = 0;
+            result.outerRadius = 0.9;
+            result.innerRadius = 0;
+            const hasNegativeValue = dataset.flat().find((d)=>d[foldInfo.measureValue] < 0);
+            if (hasNegativeValue) result.innerRadius = 0.05;
+            result.rose = {
+                style: {
+                    stroke: '#ffffff',
+                    lineWidth: 1
+                },
+                state: {
+                    hover: {
+                        lineWidth: 1,
+                        fillOpacity: 0.6
+                    }
+                }
+            };
+            result.region = [
+                {
+                    clip: true
+                }
+            ];
+            result.animation = true;
             return result;
         };
         const initPivot = (spec)=>{
@@ -1491,6 +1969,7 @@
             };
             return {
                 ...result,
+                animation: true,
                 rows: [],
                 columns: [],
                 indicators: [],
@@ -1500,6 +1979,42 @@
                 indicatorsAsCol: false
             };
         };
+        const initFunnel = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].size || !encoding[0].group || !encoding[0].color) return result;
+            result.type = 'funnel';
+            result.valueField = encoding[0].size[0];
+            result.categoryField = encoding[0].group[0];
+            result.padding = 0;
+            result.isTransform = true;
+            result.shape = 'rect';
+            result.maxSize = '75%';
+            result.minSize = '10%';
+            result.region = [
+                {
+                    clip: true
+                }
+            ];
+            result.funnel = {
+                style: {
+                    cornerRadius: 4
+                },
+                state: {
+                    hover: {
+                        fillOpacity: 0.6
+                    }
+                }
+            };
+            result.transformLabel = {
+                visible: true
+            };
+            result.animation = true;
+            return result;
+        };
         const xBand = (spec, context)=>{
             const result = {
                 ...spec
@@ -1668,7 +2183,7 @@
                     }
                 },
                 innerOffset: {
-                    top: LINEAR_AXIS_INNER_OFFSET_TOP
+                    right: LINEAR_AXIS_INNER_OFFSET_TOP
                 }
             };
             result.axes = [
@@ -1853,6 +2368,79 @@
             ];
             return result;
         };
+        const radiusAxis = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { dimensions, measures } = advancedVSeed;
+            if (!dimensions || !measures) return spec;
+            const is0D = 0 === dimensions.length;
+            const is1M1D = 1 === dimensions.length && 1 === measures.length;
+            const showAxis = !(is0D || is1M1D);
+            if (!result.axes) result.axes = [];
+            result.axes.push({
+                orient: 'radius',
+                visible: showAxis,
+                zero: true,
+                nice: !!showAxis,
+                grid: {
+                    visible: showAxis
+                },
+                tick: {
+                    visible: showAxis
+                },
+                label: {
+                    visible: showAxis
+                },
+                domainLine: {
+                    visible: showAxis
+                }
+            });
+            return result;
+        };
+        const angleAxis = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { dimensions, measures } = advancedVSeed;
+            if (!dimensions || !measures) return spec;
+            const is0D = 0 === dimensions.length;
+            const is1M1D = 1 === dimensions.length && 1 === measures.length;
+            const showAxis = !(is0D || is1M1D);
+            if (!result.axes) result.axes = [];
+            result.axes.push({
+                orient: 'angle',
+                visible: showAxis,
+                zero: true,
+                nice: !!showAxis,
+                paddingInner: showAxis ? [
+                    0.15,
+                    0.1
+                ] : [
+                    0,
+                    0
+                ],
+                paddingOuter: showAxis ? [
+                    0.075,
+                    0.1
+                ] : [
+                    0,
+                    0
+                ],
+                grid: {
+                    visible: showAxis
+                },
+                domainLine: {
+                    visible: showAxis
+                },
+                tick: {
+                    visible: showAxis
+                }
+            });
+            return result;
+        };
         const percent = (spec, context)=>{
             const result = {
                 ...spec
@@ -1909,6 +2497,9 @@
             result.tooltip = {
                 visible: enable,
                 mark: {
+                    title: {
+                        value: (datum)=>datum && datum[groupName] || ''
+                    },
                     content: [
                         {
                             visible: true,
@@ -2152,11 +2743,11 @@
                         label: d,
                         shape: {
                             outerBorder: border ? {
-                                stroke: colorScheme[index],
+                                stroke: colorScheme?.[index],
                                 distance: 3,
                                 lineWidth: 1
                             } : void 0,
-                            fill: colorScheme[index]
+                            fill: colorScheme?.[index]
                         }
                     })),
                 item: {
@@ -2208,8 +2799,8 @@
             const { color } = baseConfig;
             const { colorScheme, colorMapping } = color;
             const mappingList = [];
-            if (colorMapping) Object.entries(colorMapping).forEach(([key, value])=>{
-                const idMap = Object.entries(unfoldInfo.colorIdMap).filter(([_, v])=>key === v);
+            if (colorMapping) Object.entries(colorMapping).sort((a, b)=>a[0].split(Separator).length - b[0].split(Separator).length).forEach(([key, value])=>{
+                const idMap = Object.entries(unfoldInfo.colorIdMap).filter(([_, v])=>v.includes(key));
                 for (const [colorId] of idMap)mappingList.push([
                     colorId,
                     value
@@ -2540,19 +3131,17 @@
             ].includes(selector.op));
         const barStyle_barStyle = (spec, context)=>{
             const { advancedVSeed } = context;
-            const { markStyle, encoding } = advancedVSeed;
+            const { markStyle } = advancedVSeed;
             const { barStyle } = markStyle;
             const result = {
                 ...spec,
                 bar: {
+                    style: {
+                        stroke: '#fff',
+                        lineWidth: 1
+                    },
                     state: {
                         hover: {
-                            stroke: (datum, context)=>{
-                                const field = encoding[0]?.group?.[0];
-                                const color = context.seriesColor(datum[field]);
-                                return color;
-                            },
-                            lineWidth: 4,
                             fillOpacity: 0.6
                         }
                     }
@@ -2608,14 +3197,7 @@
             const { pointStyle } = markStyle;
             const result = {
                 ...spec,
-                point: {
-                    state: {
-                        dimension_hover: {
-                            scaleX: 1.4,
-                            scaleY: 1.4
-                        }
-                    }
-                }
+                point: {}
             };
             if (!pointStyle) return result;
             const pointStyles = Array.isArray(pointStyle) ? pointStyle : [
@@ -2661,6 +3243,47 @@
                 }
             };
         };
+        const pointStateDimensionHover = (spec)=>{
+            const point = spec.point || {};
+            const result = {
+                ...spec,
+                point: {
+                    ...point,
+                    state: {
+                        dimension_hover: {
+                            scaleX: 1.4,
+                            scaleY: 1.4
+                        }
+                    }
+                }
+            };
+            return result;
+        };
+        const pointStateHover = (spec, context)=>{
+            const point = spec.point || {};
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            const result = {
+                ...spec,
+                point: {
+                    ...point,
+                    state: {
+                        hover: {
+                            scaleX: 1.4,
+                            scaleY: 1.4,
+                            stroke: (datum, context)=>{
+                                const field = encoding[0]?.group?.[0];
+                                const color = context.seriesColor(datum[field]);
+                                return color;
+                            },
+                            fillOpacity: 0.6,
+                            lineWidth: 1
+                        }
+                    }
+                }
+            };
+            return result;
+        };
         function chunk_HVPVHFDT_i(...e) {
             return chunk_WIMGWYZL_u(chunk_HVPVHFDT_p, e);
         }
@@ -3399,21 +4022,62 @@
             };
             return result;
         };
-        const line_line = [
-            initLine,
-            color_color,
-            background_backgroundColor,
-            dataset_dataset,
-            xBand,
-            yLinear,
-            label_label,
-            tooltip_tooltip,
-            verticalCrosshairLine,
-            discreteLegend,
-            pointStyle_pointStyle,
-            lineStyle_lineStyle,
-            annotationPoint_annotationPoint,
-            annotationVerticalLine_annotationVerticalLine,
+        const horizontalCrosshairLine = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed, vseed } = context;
+            const { chartType } = vseed;
+            const config = advancedVSeed.config?.[chartType]?.crosshairLine;
+            if (!config) return result;
+            if (!result.crosshair) result.crosshair = {};
+            const { visible = true, lineColor, labelColor, labelVisible, labelBackgroundColor } = config;
+            const crosshair = result.crosshair;
+            crosshair.yField = {
+                visible,
+                line: {
+                    type: 'line',
+                    style: {
+                        lineWidth: 1,
+                        opacity: 1,
+                        stroke: lineColor,
+                        lineDash: [
+                            4,
+                            2
+                        ]
+                    }
+                },
+                label: {
+                    visible: labelVisible,
+                    labelBackground: {
+                        visible: labelVisible,
+                        style: {
+                            fill: labelBackgroundColor
+                        }
+                    },
+                    style: {
+                        fill: labelColor
+                    }
+                }
+            };
+            return result;
+        };
+        const line_line = [
+            initLine,
+            color_color,
+            background_backgroundColor,
+            dataset_dataset,
+            xBand,
+            yLinear,
+            label_label,
+            tooltip_tooltip,
+            verticalCrosshairLine,
+            discreteLegend,
+            pointStyle_pointStyle,
+            pointStateDimensionHover,
+            lineStyle_lineStyle,
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
             annotationArea_annotationArea
         ];
@@ -3433,6 +4097,7 @@
                 tooltip_tooltip,
                 verticalCrosshairLine,
                 pointStyle_pointStyle,
+                pointStateDimensionHover,
                 lineStyle_lineStyle,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
@@ -3584,250 +4249,447 @@
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
-                annotationAreaBand
+                annotationAreaBand
+            ]),
+            pivotRowDimensions,
+            pivotColumnDimensions,
+            pivotDiscreteLegend
+        ];
+        const columnPercentSpecPipeline = [
+            pivotAdapter_pivotAdapter(columnPercent, pivotColumnPercent)
+        ];
+        const bar = [
+            initBar,
+            stackCornerRadius_stackCornerRadius,
+            color_color,
+            background_backgroundColor,
+            dataset_dataset,
+            xLinear,
+            yBand,
+            label_label,
+            tooltip_tooltip,
+            horizontalCrosshairRect,
+            discreteLegend,
+            barStyle_barStyle,
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
+            annotationHorizontalLine_annotationHorizontalLine,
+            annotationAreaBand
+        ];
+        const pivotBar = [
+            initPivot,
+            pivotGridStyle,
+            pivotIndicators_pivotIndicatorsAsCol,
+            datasetPivot,
+            pivotIndicators([
+                initBar,
+                stackCornerRadius_stackCornerRadius,
+                color_color,
+                background_backgroundColor,
+                datasetPivotPlaceholder,
+                yBand,
+                label_label,
+                label_label,
+                tooltip_tooltip,
+                horizontalCrosshairRect,
+                barStyle_barStyle,
+                annotationPoint_annotationPoint,
+                annotationVerticalLine_annotationVerticalLine,
+                annotationHorizontalLine_annotationHorizontalLine,
+                annotationAreaBand
+            ]),
+            pivotRowDimensions,
+            pivotColumnDimensions,
+            pivotDiscreteLegend
+        ];
+        const barSpecPipeline = [
+            pivotAdapter_pivotAdapter(bar, pivotBar)
+        ];
+        const barParallel = [
+            initBarParallel,
+            stackCornerRadius_stackCornerRadius,
+            color_color,
+            background_backgroundColor,
+            dataset_dataset,
+            xLinear,
+            yBand,
+            label_label,
+            tooltip_tooltip,
+            horizontalCrosshairRect,
+            discreteLegend,
+            barStyle_barStyle,
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
+            annotationHorizontalLine_annotationHorizontalLine,
+            annotationAreaBand
+        ];
+        const pivotBarParallel = [
+            initPivot,
+            pivotGridStyle,
+            pivotIndicators_pivotIndicatorsAsCol,
+            datasetPivot,
+            pivotIndicators([
+                initBarParallel,
+                stackCornerRadius_stackCornerRadius,
+                color_color,
+                background_backgroundColor,
+                datasetPivotPlaceholder,
+                yBand,
+                xLinear,
+                label_label,
+                tooltip_tooltip,
+                horizontalCrosshairRect,
+                barStyle_barStyle,
+                annotationPoint_annotationPoint,
+                annotationVerticalLine_annotationVerticalLine,
+                annotationHorizontalLine_annotationHorizontalLine,
+                annotationAreaBand
+            ]),
+            pivotRowDimensions,
+            pivotColumnDimensions,
+            pivotDiscreteLegend
+        ];
+        const barParallelSpecPipeline = [
+            pivotAdapter_pivotAdapter(barParallel, pivotBarParallel)
+        ];
+        const barPercent = [
+            initBar,
+            stackCornerRadius_stackCornerRadius,
+            color_color,
+            background_backgroundColor,
+            percent,
+            dataset_dataset,
+            xLinear,
+            yBand,
+            label_label,
+            tooltip_tooltip,
+            horizontalCrosshairRect,
+            discreteLegend,
+            barStyle_barStyle,
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
+            annotationHorizontalLine_annotationHorizontalLine,
+            annotationAreaBand
+        ];
+        const pivotBarPercent = [
+            initPivot,
+            pivotGridStyle,
+            pivotIndicators_pivotIndicatorsAsCol,
+            datasetPivot,
+            pivotIndicators([
+                initBar,
+                stackCornerRadius_stackCornerRadius,
+                color_color,
+                background_backgroundColor,
+                percent,
+                datasetPivotPlaceholder,
+                yBand,
+                xLinear,
+                label_label,
+                tooltip_tooltip,
+                horizontalCrosshairRect,
+                barStyle_barStyle,
+                annotationPoint_annotationPoint,
+                annotationVerticalLine_annotationVerticalLine,
+                annotationHorizontalLine_annotationHorizontalLine,
+                annotationAreaBand
+            ]),
+            pivotRowDimensions,
+            pivotColumnDimensions,
+            pivotDiscreteLegend
+        ];
+        const barPercentSpecPipeline = [
+            pivotAdapter_pivotAdapter(barPercent, pivotBarPercent)
+        ];
+        const area_area = [
+            initArea,
+            stackInverse,
+            color_color,
+            background_backgroundColor,
+            dataset_dataset,
+            xBand,
+            yLinear,
+            label_label,
+            tooltip_tooltip,
+            verticalCrosshairLine,
+            discreteLegend,
+            pointStyle_pointStyle,
+            pointStateDimensionHover,
+            lineStyle_lineStyle,
+            areaStyle_areaStyle,
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
+            annotationHorizontalLine_annotationHorizontalLine,
+            annotationArea_annotationArea
+        ];
+        const pivotArea = [
+            initPivot,
+            pivotGridStyle,
+            pivotIndicators_pivotIndicatorsAsRow,
+            datasetPivot,
+            pivotIndicators([
+                initArea,
+                color_color,
+                background_backgroundColor,
+                stackInverse,
+                datasetPivotPlaceholder,
+                xBand,
+                yLinear,
+                label_label,
+                tooltip_tooltip,
+                verticalCrosshairLine,
+                pointStyle_pointStyle,
+                pointStateDimensionHover,
+                lineStyle_lineStyle,
+                areaStyle_areaStyle,
+                annotationPoint_annotationPoint,
+                annotationVerticalLine_annotationVerticalLine,
+                annotationHorizontalLine_annotationHorizontalLine,
+                annotationArea_annotationArea
+            ]),
+            pivotRowDimensions,
+            pivotColumnDimensions,
+            pivotDiscreteLegend
+        ];
+        const areaSpecPipeline = [
+            pivotAdapter_pivotAdapter(area_area, pivotArea)
+        ];
+        const areaPercent = [
+            initArea,
+            stackInverse,
+            color_color,
+            background_backgroundColor,
+            percent,
+            dataset_dataset,
+            xBand,
+            yLinear,
+            label_label,
+            tooltip_tooltip,
+            verticalCrosshairLine,
+            discreteLegend,
+            pointStyle_pointStyle,
+            lineStyle_lineStyle,
+            areaStyle_areaStyle,
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
+            annotationHorizontalLine_annotationHorizontalLine,
+            annotationArea_annotationArea
+        ];
+        const pivotAreaPercent = [
+            initPivot,
+            pivotGridStyle,
+            pivotIndicators_pivotIndicatorsAsRow,
+            datasetPivot,
+            pivotIndicators([
+                initArea,
+                stackInverse,
+                color_color,
+                background_backgroundColor,
+                percent,
+                datasetPivotPlaceholder,
+                xBand,
+                yLinear,
+                label_label,
+                tooltip_tooltip,
+                verticalCrosshairLine,
+                pointStyle_pointStyle,
+                lineStyle_lineStyle,
+                areaStyle_areaStyle,
+                annotationPoint_annotationPoint,
+                annotationVerticalLine_annotationVerticalLine,
+                annotationHorizontalLine_annotationHorizontalLine,
+                annotationArea_annotationArea
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotDiscreteLegend
         ];
-        const columnPercentSpecPipeline = [
-            pivotAdapter_pivotAdapter(columnPercent, pivotColumnPercent)
+        const areaPercentSpecPipeline = [
+            pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
         ];
-        const bar = [
-            initBar,
-            stackCornerRadius_stackCornerRadius,
+        const pie = [
+            initPie,
             color_color,
             background_backgroundColor,
             dataset_dataset,
-            xLinear,
-            yBand,
             label_label,
             tooltip_tooltip,
-            horizontalCrosshairRect,
             discreteLegend,
-            barStyle_barStyle,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
-            annotationAreaBand
+            annotationArea_annotationArea
         ];
-        const pivotBar = [
+        const pivotPie = [
             initPivot,
             pivotGridStyle,
-            pivotIndicators_pivotIndicatorsAsCol,
+            pivotIndicators_pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators([
-                initBar,
-                stackCornerRadius_stackCornerRadius,
+                initPie,
                 color_color,
                 background_backgroundColor,
                 datasetPivotPlaceholder,
-                yBand,
-                label_label,
                 label_label,
                 tooltip_tooltip,
-                horizontalCrosshairRect,
-                barStyle_barStyle,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
-                annotationAreaBand
+                annotationArea_annotationArea
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotDiscreteLegend
         ];
-        const barSpecPipeline = [
-            pivotAdapter_pivotAdapter(bar, pivotBar)
+        const pieSpecPipeline = [
+            pivotAdapter_pivotAdapter(pie, pivotPie)
         ];
-        const barParallel = [
-            initBarParallel,
-            stackCornerRadius_stackCornerRadius,
+        const donut = [
+            initDonut,
             color_color,
             background_backgroundColor,
             dataset_dataset,
-            xLinear,
-            yBand,
             label_label,
             tooltip_tooltip,
-            horizontalCrosshairRect,
             discreteLegend,
-            barStyle_barStyle,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
-            annotationAreaBand
+            annotationArea_annotationArea
         ];
-        const pivotBarParallel = [
+        const pivotDonut = [
             initPivot,
             pivotGridStyle,
-            pivotIndicators_pivotIndicatorsAsCol,
+            pivotIndicators_pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators([
-                initBarParallel,
-                stackCornerRadius_stackCornerRadius,
+                initDonut,
                 color_color,
                 background_backgroundColor,
                 datasetPivotPlaceholder,
-                yBand,
-                xLinear,
                 label_label,
                 tooltip_tooltip,
-                horizontalCrosshairRect,
-                barStyle_barStyle,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
-                annotationAreaBand
+                annotationArea_annotationArea
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotDiscreteLegend
         ];
-        const barParallelSpecPipeline = [
-            pivotAdapter_pivotAdapter(barParallel, pivotBarParallel)
+        const donutSpecPipeline = [
+            pivotAdapter_pivotAdapter(donut, pivotDonut)
         ];
-        const barPercent = [
-            initBar,
+        const rose = [
+            initRose,
             stackCornerRadius_stackCornerRadius,
+            stackInverse,
             color_color,
             background_backgroundColor,
-            percent,
             dataset_dataset,
-            xLinear,
-            yBand,
+            radiusAxis,
+            angleAxis,
             label_label,
             tooltip_tooltip,
-            horizontalCrosshairRect,
-            discreteLegend,
-            barStyle_barStyle,
-            annotationPoint_annotationPoint,
-            annotationVerticalLine_annotationVerticalLine,
-            annotationHorizontalLine_annotationHorizontalLine,
-            annotationAreaBand
+            verticalCrosshairRect,
+            discreteLegend
         ];
-        const pivotBarPercent = [
+        const pivotRose = [
             initPivot,
             pivotGridStyle,
-            pivotIndicators_pivotIndicatorsAsCol,
+            pivotIndicators_pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators([
-                initBar,
+                initRose,
                 stackCornerRadius_stackCornerRadius,
+                stackInverse,
                 color_color,
                 background_backgroundColor,
-                percent,
                 datasetPivotPlaceholder,
-                yBand,
-                xLinear,
+                radiusAxis,
+                angleAxis,
                 label_label,
                 tooltip_tooltip,
-                horizontalCrosshairRect,
-                barStyle_barStyle,
-                annotationPoint_annotationPoint,
-                annotationVerticalLine_annotationVerticalLine,
-                annotationHorizontalLine_annotationHorizontalLine,
-                annotationAreaBand
+                verticalCrosshairRect
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotDiscreteLegend
         ];
-        const barPercentSpecPipeline = [
-            pivotAdapter_pivotAdapter(barPercent, pivotBarPercent)
+        const roseSpecPipeline = [
+            pivotAdapter_pivotAdapter(rose, pivotRose)
         ];
-        const area_area = [
-            initArea,
-            stackInverse,
+        const roseParallel = [
+            initRoseParallel,
+            stackCornerRadius_stackCornerRadius,
             color_color,
             background_backgroundColor,
             dataset_dataset,
-            xBand,
-            yLinear,
+            radiusAxis,
+            angleAxis,
             label_label,
             tooltip_tooltip,
-            verticalCrosshairLine,
             discreteLegend,
-            pointStyle_pointStyle,
-            lineStyle_lineStyle,
-            areaStyle_areaStyle,
+            verticalCrosshairRect,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
-            annotationArea_annotationArea
+            annotationAreaBand
         ];
-        const pivotArea = [
+        const pivotRoseParallel = [
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators([
-                initArea,
+                initRoseParallel,
+                stackCornerRadius_stackCornerRadius,
                 color_color,
                 background_backgroundColor,
-                stackInverse,
                 datasetPivotPlaceholder,
-                xBand,
-                yLinear,
+                radiusAxis,
+                angleAxis,
                 label_label,
                 tooltip_tooltip,
-                verticalCrosshairLine,
-                pointStyle_pointStyle,
-                lineStyle_lineStyle,
-                areaStyle_areaStyle,
+                verticalCrosshairRect,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
-                annotationArea_annotationArea
+                annotationAreaBand
             ]),
             pivotRowDimensions,
             pivotColumnDimensions,
             pivotDiscreteLegend
         ];
-        const areaSpecPipeline = [
-            pivotAdapter_pivotAdapter(area_area, pivotArea)
+        const roseParallelSpecPipeline = [
+            pivotAdapter_pivotAdapter(roseParallel, pivotRoseParallel)
         ];
-        const areaPercent = [
-            initArea,
-            stackInverse,
+        const funnel = [
+            initFunnel,
             color_color,
             background_backgroundColor,
-            percent,
             dataset_dataset,
-            xBand,
-            yLinear,
             label_label,
             tooltip_tooltip,
-            verticalCrosshairLine,
             discreteLegend,
-            pointStyle_pointStyle,
-            lineStyle_lineStyle,
-            areaStyle_areaStyle,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
             annotationArea_annotationArea
         ];
-        const pivotAreaPercent = [
+        const pivotFunnel = [
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators([
-                initArea,
-                stackInverse,
+                initFunnel,
                 color_color,
                 background_backgroundColor,
-                percent,
                 datasetPivotPlaceholder,
-                xBand,
-                yLinear,
                 label_label,
                 tooltip_tooltip,
-                verticalCrosshairLine,
-                pointStyle_pointStyle,
-                lineStyle_lineStyle,
-                areaStyle_areaStyle,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
@@ -3837,34 +4699,67 @@
             pivotColumnDimensions,
             pivotDiscreteLegend
         ];
-        const areaPercentSpecPipeline = [
-            pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
+        const funnelSpecPipeline = [
+            pivotAdapter_pivotAdapter(funnel, pivotFunnel)
         ];
-        const pie = [
-            initPie,
+        const initScatter = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { encoding } = advancedVSeed;
+            if (!encoding[0].y || !encoding[0].x || !encoding[0].group) return result;
+            result.type = 'scatter';
+            result.direction = 'vertical';
+            result.xField = encoding[0].x[0];
+            result.yField = encoding[0].y[0];
+            result.seriesField = encoding[0].group[0];
+            result.padding = 0;
+            result.region = [
+                {
+                    clip: true
+                }
+            ];
+            result.animation = true;
+            return result;
+        };
+        const scatter = [
+            initScatter,
             color_color,
             background_backgroundColor,
             dataset_dataset,
+            xLinear,
+            yLinear,
             label_label,
             tooltip_tooltip,
+            verticalCrosshairLine,
+            horizontalCrosshairLine,
             discreteLegend,
+            pointStyle_pointStyle,
+            pointStateHover,
             annotationPoint_annotationPoint,
             annotationVerticalLine_annotationVerticalLine,
             annotationHorizontalLine_annotationHorizontalLine,
             annotationArea_annotationArea
         ];
-        const pivotPie = [
+        const pivotScatter = [
             initPivot,
             pivotGridStyle,
             pivotIndicators_pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators([
-                initPie,
+                initScatter,
                 color_color,
                 background_backgroundColor,
                 datasetPivotPlaceholder,
+                xLinear,
+                yLinear,
                 label_label,
                 tooltip_tooltip,
+                verticalCrosshairLine,
+                horizontalCrosshairLine,
+                pointStyle_pointStyle,
+                pointStateHover,
                 annotationPoint_annotationPoint,
                 annotationVerticalLine_annotationVerticalLine,
                 annotationHorizontalLine_annotationHorizontalLine,
@@ -3874,8 +4769,8 @@
             pivotColumnDimensions,
             pivotDiscreteLegend
         ];
-        const pieSpecPipeline = [
-            pivotAdapter_pivotAdapter(pie, pivotPie)
+        const scatterSpecPipeline = [
+            pivotAdapter_pivotAdapter(scatter, pivotScatter)
         ];
         const buildAdvanced = (builder)=>{
             const { chartType } = builder.vseed;
@@ -3995,6 +4890,26 @@
             Builder._advancedPipelineMap.pie = pieAdvancedPipeline;
             Builder._specPipelineMap.pie = pieSpecPipeline;
         };
+        const registerDonut = ()=>{
+            Builder._advancedPipelineMap.donut = donutAdvancedPipeline;
+            Builder._specPipelineMap.donut = donutSpecPipeline;
+        };
+        const registerRose = ()=>{
+            Builder._advancedPipelineMap.rose = roseAdvancedPipeline;
+            Builder._specPipelineMap.rose = roseSpecPipeline;
+        };
+        const registerRoseParallel = ()=>{
+            Builder._advancedPipelineMap.roseParallel = roseParallelAdvancedPipeline;
+            Builder._specPipelineMap.roseParallel = roseParallelSpecPipeline;
+        };
+        const registerFunnel = ()=>{
+            Builder._advancedPipelineMap.funnel = funnelAdvancedPipeline;
+            Builder._specPipelineMap.funnel = funnelSpecPipeline;
+        };
+        const registerScatter = ()=>{
+            Builder._advancedPipelineMap.scatter = scatterAdvancedPipeline;
+            Builder._specPipelineMap.scatter = scatterSpecPipeline;
+        };
         const lightTheme = ()=>{
             const linearAxis = {
                 nice: true,
@@ -4220,6 +5135,23 @@
                         xAxis: bandAxis,
                         yAxis: linearAxis,
                         crosshairLine
+                    },
+                    scatter: {
+                        xAxis: {
+                            ...linearAxis,
+                            line: {
+                                ...linearAxis.line,
+                                visible: true
+                            }
+                        },
+                        yAxis: {
+                            ...linearAxis,
+                            line: {
+                                ...linearAxis.line,
+                                visible: true
+                            }
+                        },
+                        crosshairLine
                     }
                 }
             };
@@ -4448,6 +5380,23 @@
                         xAxis: bandAxis,
                         yAxis: linearAxis,
                         crosshairLine: crosshairLine
+                    },
+                    scatter: {
+                        xAxis: {
+                            ...linearAxis,
+                            line: {
+                                ...linearAxis.line,
+                                visible: true
+                            }
+                        },
+                        yAxis: {
+                            ...linearAxis,
+                            line: {
+                                ...linearAxis.line,
+                                visible: true
+                            }
+                        },
+                        crosshairLine
                     }
                 }
             };
@@ -4465,7 +5414,7 @@
         const registerDarkTheme = ()=>{
             registerCustomTheme('dark', darkTheme());
         };
-        const all_registerAll = ()=>{
+        const registerAll = ()=>{
             registerLine();
             registerColumn();
             registerColumnParallel();
@@ -4476,6 +5425,11 @@
             registerArea();
             registerAreaPercent();
             registerPie();
+            registerDonut();
+            registerRose();
+            registerRoseParallel();
+            registerFunnel();
+            registerScatter();
             registerLightTheme();
             registerDarkTheme();
         };
@@ -7775,9 +8729,12 @@
             'area',
             'areaPercent',
             'rose',
+            'roseParallel',
             'pie',
             'donut',
-            'dualAxis'
+            'dualAxis',
+            'scatter',
+            'funnel'
         ]);
         const zDatum = record(schemas_string().or(schemas_number()), any());
         const zDataset = schemas_array(zDatum);
@@ -7850,7 +8807,8 @@
             group: schemas_array(schemas_string()).optional(),
             angle: schemas_array(schemas_string()).optional(),
             radius: schemas_array(schemas_string()).optional(),
-            tooltip: schemas_array(schemas_string()).optional()
+            tooltip: schemas_array(schemas_string()).optional(),
+            size: schemas_array(schemas_string()).optional()
         }));
         const zBackgroundColor = schemas_string().default('transparent').optional();
         const zLabel = schemas_object({
@@ -8083,6 +9041,8 @@
             0
         ]);
         const zConfig = schemas_object({
+            table: schemas_object({}).optional(),
+            pivotTable: schemas_object({}).optional(),
             line: schemas_object({
                 xAxis: zXBandAxis.optional(),
                 yAxis: zYLinearAxis.optional(),
@@ -8134,12 +9094,17 @@
                 yAxis: zYLinearAxis.optional(),
                 crosshairLine: zCrosshairLine.optional()
             }).optional(),
+            rose: schemas_object({}).optional(),
+            roseParallel: schemas_object({}).optional(),
             pie: schemas_object({}).optional(),
             donut: schemas_object({}).optional(),
-            rose: schemas_object({}).optional(),
             dualAxis: schemas_object({}).optional(),
-            table: schemas_object({}).optional(),
-            pivotTable: schemas_object({}).optional()
+            scatter: schemas_object({
+                xAxis: zXLinearAxis.optional(),
+                yAxis: zYLinearAxis.optional(),
+                crosshairLine: zCrosshairLine.optional()
+            }).optional(),
+            funnel: schemas_object({}).optional()
         });
         const zSelector = union([
             schemas_string(),
@@ -8588,6 +9553,19 @@
             annotationArea: zAnnotationArea.optional(),
             locale: zLocale.optional()
         });
+        const zRose = schemas_object({
+            chartType: literal('rose'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasures.optional(),
+            backgroundColor: zBackgroundColor.optional(),
+            color: zColor.optional(),
+            label: zLabel.optional(),
+            legend: zLegend.optional(),
+            tooltip: zTooltip.optional(),
+            theme: zTheme.optional(),
+            locale: zLocale.optional()
+        });
         const zBarPercent = schemas_object({
             chartType: literal('barPercent'),
             dataset: zDataset.optional(),
@@ -8623,6 +9601,19 @@
             theme: zTheme.optional(),
             locale: zLocale.optional()
         });
+        const zDonut = schemas_object({
+            chartType: literal('donut'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasures.optional(),
+            backgroundColor: zBackgroundColor.optional(),
+            color: zColor.optional(),
+            label: zLabel.optional(),
+            legend: zLegend.optional(),
+            tooltip: zTooltip.optional(),
+            theme: zTheme.optional(),
+            locale: zLocale.optional()
+        });
         const zArea = schemas_object({
             chartType: literal('area'),
             dataset: zDataset.optional(),
@@ -8669,6 +9660,53 @@
             annotationArea: zAnnotationArea.optional(),
             locale: zLocale.optional()
         });
+        const zRoseParallel = schemas_object({
+            chartType: literal('roseParallel'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasures.optional(),
+            backgroundColor: zBackgroundColor.optional(),
+            color: zColor.optional(),
+            label: zLabel.optional(),
+            legend: zLegend.optional(),
+            tooltip: zTooltip.optional(),
+            theme: zTheme.optional(),
+            locale: zLocale.optional()
+        });
+        const zScatter = schemas_object({
+            chartType: literal('scatter'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasures.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: zPointStyle.optional(),
+            annotationPoint: zAnnotationPoint.optional(),
+            annotationVerticalLine: zAnnotationVerticalLine.optional(),
+            annotationHorizontalLine: zAnnotationHorizontalLine.optional(),
+            annotationArea: zAnnotationArea.optional(),
+            locale: zLocale.optional()
+        });
+        const zFunnel = schemas_object({
+            chartType: literal('funnel'),
+            dataset: zDataset.optional(),
+            dimensions: zDimensions.optional(),
+            measures: zMeasures.optional(),
+            backgroundColor: zBackgroundColor.optional(),
+            color: zColor.optional(),
+            label: zLabel.optional(),
+            legend: zLegend.optional(),
+            tooltip: zTooltip.optional(),
+            theme: zTheme.optional(),
+            locale: zLocale.optional()
+        });
         const zVSeed = discriminatedUnion('chartType', [
             zLine,
             zColumn,
@@ -8679,7 +9717,12 @@
             zBarPercent,
             zArea,
             zAreaPercent,
-            zPie
+            zPie,
+            zRose,
+            zRoseParallel,
+            zScatter,
+            zDonut,
+            zFunnel
         ]);
         return __webpack_exports__;
     })());