@visactor/vseed 0.1.1 → 0.1.3

package/dist/index.cjs

@@ -24,7 +24,6 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
-    zTooltip: ()=>zTooltip,
     funnelAdvancedPipeline: ()=>funnelAdvancedPipeline,
     zHeatmapConfig: ()=>zHeatmapConfig,
     zBar: ()=>zBar,
@@ -74,12 +73,10 @@ __webpack_require__.d(__webpack_exports__, {
     zRoseParallel: ()=>zRoseParallel,
     MeasureName: ()=>MeasureName,
     zDataset: ()=>zDataset,
-    UnfoldDimensionGroupId: ()=>UnfoldDimensionGroupId,
     zNumFormat: ()=>zNumFormat,
     barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
     findAllDimensions: ()=>findAllDimensions,
     FoldYMeasureValue: ()=>FoldYMeasureValue,
-    findDimensionById: ()=>findDimensionById,
     zPivotTableConfig: ()=>zPivotTableConfig,
     zArea: ()=>zArea,
     zColumnParallel: ()=>zColumnParallel,
@@ -105,31 +102,31 @@ __webpack_require__.d(__webpack_exports__, {
     registerLightTheme: ()=>registerLightTheme,
     roseAdvancedPipeline: ()=>roseAdvancedPipeline,
     zBarParallel: ()=>zBarParallel,
-    registerDarkTheme: ()=>registerDarkTheme,
-    registerPivotTable: ()=>registerPivotTable,
     isPartialDatumSelector: ()=>isPartialDatumSelector,
-    pieSpecPipeline: ()=>pieSpecPipeline,
-    isDimensionGroup: ()=>isDimensionGroup,
-    dualAxisSpecPipeline: ()=>dualAxisSpecPipeline,
+    registerPivotTable: ()=>registerPivotTable,
     tableAdvancedPipeline: ()=>tableAdvancedPipeline,
-    barSpecPipeline: ()=>barSpecPipeline,
+    registerDarkTheme: ()=>registerDarkTheme,
+    dualAxisSpecPipeline: ()=>dualAxisSpecPipeline,
+    pieSpecPipeline: ()=>pieSpecPipeline,
     zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
-    registerRose: ()=>registerRose,
+    barSpecPipeline: ()=>barSpecPipeline,
     zChartType: ()=>zChartType,
+    registerRose: ()=>registerRose,
+    zMeasureTree: ()=>zMeasureTree,
     unfoldDimensions: ()=>unfoldDimensions,
     roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
     registerTable: ()=>registerTable,
-    Builder: ()=>Builder,
     isMeasureGroup: ()=>isMeasureGroup,
+    autoFormatter: ()=>autoFormatter,
     YEncoding: ()=>YEncoding,
     registerAll: ()=>registerAll,
     registerBar: ()=>registerBar,
     isVChart: ()=>isVChart,
     radarSpecPipeline: ()=>radarSpecPipeline,
-    findFirstDimension: ()=>findFirstDimension,
-    autoFormatter: ()=>autoFormatter,
-    zMeasureTree: ()=>zMeasureTree,
+    Builder: ()=>Builder,
     zPieConfig: ()=>zPieConfig,
+    zPivotTable: ()=>zPivotTable,
+    zRadar: ()=>zRadar,
     registerLine: ()=>registerLine,
     registerCustomTheme: ()=>registerCustomTheme,
     zColor: ()=>zColor,
@@ -149,21 +146,19 @@ __webpack_require__.d(__webpack_exports__, {
     zAxis: ()=>zAxis,
     isVTable: ()=>isVTable,
     zMeasures: ()=>zMeasures,
-    zPivotTable: ()=>zPivotTable,
+    zRadarConfig: ()=>zRadarConfig,
     zLine: ()=>zLine,
     columnSpecPipeline: ()=>columnSpecPipeline,
-    UnfoldDimensionGroup: ()=>UnfoldDimensionGroup,
-    zDatasetReshapeInfo: ()=>zDatasetReshapeInfo,
     zFoldInfo: ()=>zFoldInfo,
+    zDatasetReshapeInfo: ()=>zDatasetReshapeInfo,
     zLinearColor: ()=>zLinearColor,
+    zStackCornerRadius: ()=>zStackCornerRadius,
     zAreaStyle: ()=>zAreaStyle,
     ORIGINAL_DATA: ()=>ORIGINAL_DATA,
-    zRadarConfig: ()=>zRadarConfig,
+    zUnfoldInfo: ()=>zUnfoldInfo,
     zAnnotationArea: ()=>zAnnotationArea,
-    zStackCornerRadius: ()=>zStackCornerRadius,
     DetailEncoding: ()=>DetailEncoding,
     zRose: ()=>zRose,
-    zUnfoldInfo: ()=>zUnfoldInfo,
     columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
     i18n: ()=>i18n,
     zPointStyle: ()=>zPointStyle,
@@ -172,7 +167,6 @@ __webpack_require__.d(__webpack_exports__, {
     registerColumnParallel: ()=>registerColumnParallel,
     updateAdvanced: ()=>updateAdvanced,
     zDimension: ()=>zDimension,
-    zRadar: ()=>zRadar,
     zTable: ()=>zTable,
     isMeasure: ()=>isMeasure,
     FoldSecondaryMeasureValue: ()=>FoldSecondaryMeasureValue,
@@ -195,10 +189,9 @@ __webpack_require__.d(__webpack_exports__, {
     zBackgroundColor: ()=>zBackgroundColor,
     registerBarParallel: ()=>registerBarParallel,
     registerRadar: ()=>registerRadar,
-    zEncodings: ()=>zEncodings,
-    isDimension: ()=>isDimension,
-    pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
     zLocale: ()=>zLocale,
+    pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
+    zMeasure: ()=>zMeasure,
     FoldXMeasureValue: ()=>FoldXMeasureValue,
     dualAxisAdvancedPipeline: ()=>dualAxisAdvancedPipeline,
     registerScatter: ()=>registerScatter,
@@ -210,10 +203,9 @@ __webpack_require__.d(__webpack_exports__, {
     zAdvancedVSeed: ()=>zAdvancedVSeed,
     zConfig: ()=>zConfig,
     zBarStyle: ()=>zBarStyle,
-    zMeasure: ()=>zMeasure,
     zRoseParallelConfig: ()=>zRoseParallelConfig,
-    zAreaPercent: ()=>zAreaPercent,
     zXLinearAxis: ()=>zXLinearAxis,
+    zAreaPercent: ()=>zAreaPercent,
     columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
     isValueSelector: ()=>isValueSelector,
     donutAdvancedPipeline: ()=>donutAdvancedPipeline,
@@ -231,8 +223,8 @@ __webpack_require__.d(__webpack_exports__, {
     lineAdvancedPipeline: ()=>lineAdvancedPipeline,
     dataReshapeByEncoding: ()=>dataReshapeByEncoding,
     lineSpecPipeline: ()=>lineSpecPipeline,
-    isDimensions: ()=>isDimensions,
     zBarPercentConfig: ()=>zBarPercentConfig,
+    zTooltip: ()=>zTooltip,
     createFormatter: ()=>createFormatter,
     zDimensionGroup: ()=>zDimensionGroup,
     isMeasureSelector: ()=>isMeasureSelector,
@@ -956,32 +948,6 @@ const autoPivotMeasures = (advancedVSeed, context)=>{
         }));
     return result;
 };
-const findDimensionById = (dimensions = [], id)=>{
-    if (!dimensions) return;
-    let result;
-    preorderTraverse(dimensions, (node)=>{
-        if (!('children' in node)) {
-            if (node.id === id) {
-                result = node;
-                return true;
-            }
-        }
-        return false;
-    });
-    return result;
-};
-const findFirstDimension = (dimensions = [])=>{
-    if (!dimensions) return;
-    let result;
-    preorderTraverse(dimensions, (node)=>{
-        if (!('children' in node)) {
-            result = node;
-            return true;
-        }
-        return false;
-    });
-    return result;
-};
 const findAllDimensions = (dimensions = [])=>{
     if (!dimensions) return [];
     const result = [];
@@ -1305,6 +1271,39 @@ const initAdvancedVSeed_initAdvancedVSeed = (advancedVSeed, context)=>{
         locale: locale || 'zh-CN'
     };
 };
+const getBasicMeasures = (vseed)=>{
+    const { dataset, measures } = vseed;
+    if (!measures || 0 === measures.length) return generateMeasuresByDataset(dataset);
+    return measures;
+};
+const generateMeasuresByDataset = (dataset)=>{
+    if (!dataset) throw new Error('dataset is required');
+    if (0 === dataset.length) return [];
+    const top100dataset = dataset.slice(0, 100);
+    const sample = top100dataset.reduce((prev, cur)=>({
+            ...prev,
+            ...cur
+        }), {});
+    const basicMeasures = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
+            '',
+            null,
+            void 0
+        ].includes(key)).map((measure)=>({
+            id: measure,
+            alias: measure
+        }));
+    return basicMeasures;
+};
+const isMeasureTreeWithChildren = (vseed)=>{
+    const { measures } = vseed;
+    if (!measures) return false;
+    return measures.some((measure)=>'children' in measure);
+};
+const isMeasureTreeWithParentId = (vseed)=>{
+    const { measures } = vseed;
+    if (!measures) return false;
+    return measures.some((measure)=>'parentId' in measure);
+};
 const measureDepth = (measures = [])=>{
     if (!measures) return 0;
     let depth = 1;
@@ -1323,23 +1322,26 @@ const isVTable = (vseed)=>[
 const isVChart = (vseed)=>!isVTable(vseed);
 const isPivotChart = (vseed)=>{
     if (isVTable(vseed)) return false;
+    if (isMeasureTreeWithParentId(vseed)) {
+        const parentIds = vseed.measures?.map((measure)=>measure.parentId);
+        return parentIds && parentIds.length > 1;
+    }
     if ('dualAxis' === vseed.chartType || 'scatter' === vseed.chartType) {
         const { dimensions = [] } = vseed;
         const hasRowOrColumnDimension = dimensions && dimensions.some((dimension)=>'rowDimension' === dimension.location || 'columnDimension' === dimension.location);
         if (hasRowOrColumnDimension) return true;
         if ('scatter' === vseed.chartType) {
-            if (vseed.measures) {
+            if (isMeasureTreeWithChildren(vseed)) {
                 const depth = measureDepth(vseed.measures);
-                if (3 === depth) return true;
-                return false;
+                return 3 === depth;
             }
             if (vseed.scatterMeasures && vseed.scatterMeasures.length > 1) return true;
+            return false;
         }
         if ('dualAxis' === vseed.chartType) {
-            if (vseed.measures) {
+            if (isMeasureTreeWithChildren(vseed)) {
                 const depth = measureDepth(vseed.measures);
-                if (3 === depth) return true;
-                return false;
+                return 3 === depth;
             }
             if (vseed.dualMeasures && vseed.dualMeasures.length > 1) return true;
         }
@@ -1350,77 +1352,49 @@ const isPivotChart = (vseed)=>{
     const hasMeasureGroup = measures && measures.some((measure)=>measure && measure.children);
     return hasRowOrColumnDimension || hasMeasureGroup;
 };
-const autoMeasures_autoMeasures = (advancedVSeed, context)=>{
-    const result = {
-        ...advancedVSeed
-    };
+const buildMeasures = (advancedVSeed, context)=>{
     const { vseed } = context;
-    const { measures, dataset } = vseed;
-    if (!dataset) throw new Error('dataset is required');
-    if (0 === dataset.length) return result;
-    if (isPivotChart(vseed)) return autoMeasureGroup(advancedVSeed, context);
-    if (measures) {
-        result.measures = measures;
-        return result;
+    if (isMeasureTreeWithChildren(vseed)) {
+        advancedVSeed.measures = vseed.measures;
+        return advancedVSeed;
     }
-    const top100dataset = dataset.slice(0, 100);
-    const sample = top100dataset.reduce((prev, cur)=>({
-            ...prev,
-            ...cur
-        }), {});
-    result.measures = Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
-            '',
-            null,
-            void 0
-        ].includes(key)).map((measure)=>({
-            id: measure,
-            alias: measure
-        }));
-    return result;
-};
-const autoMeasureGroup = (advancedVSeed, context)=>{
-    const { vseed } = context;
-    const { measures } = vseed;
-    const hasMeasureGroup = measures?.some((measure)=>measure.children);
-    if (!measures) return advancedVSeed;
-    if (!hasMeasureGroup) {
-        const newMeasures = [
-            {
-                id: 'measureGroup',
-                alias: 'measureGroup',
-                children: measures
-            }
-        ];
-        return {
-            ...advancedVSeed,
-            measures: newMeasures
-        };
+    if (isMeasureTreeWithParentId(vseed)) {
+        advancedVSeed.measures = generateMeasuresByParentId(vseed.measures);
+        return advancedVSeed;
     }
-    let currentGroup = createEmptyMeasureGroup();
-    const measureGroups = [];
-    for (const measure of measures)if ('children' in measure) {
-        if (currentGroup.children?.length) {
-            currentGroup.alias = currentGroup.children.map((item)=>item.alias).join('-');
-            currentGroup.id = currentGroup.alias + currentGroup.children.map((item)=>item.id).join('-');
-            measureGroups.push(currentGroup);
-            currentGroup = createEmptyMeasureGroup();
-        }
-        measureGroups.push(measure);
-    } else currentGroup.children?.push(measure);
-    if (currentGroup.children?.length) {
-        currentGroup.alias = currentGroup.children.map((item)=>item.alias).join('-');
-        currentGroup.id = currentGroup.alias + currentGroup.children.map((item)=>item.id).join('-');
-        measureGroups.push(currentGroup);
-        currentGroup = createEmptyMeasureGroup();
-    }
-    advancedVSeed.measures = measureGroups;
+    const basicMeasures = getBasicMeasures(vseed);
+    if (isPivotChart(vseed)) advancedVSeed.measures = basicMeasuresToMeasureTree(basicMeasures);
+    else advancedVSeed.measures = basicMeasures;
     return advancedVSeed;
 };
-const createEmptyMeasureGroup = ()=>({
-        id: '',
-        alias: '',
-        children: []
+const generateMeasuresByParentId = (measures)=>{
+    const measureTree = [];
+    measures.forEach((measure)=>{
+        if (!measure.parentId) return;
+        const parent = measureTree.find((item)=>item.id === measure.parentId);
+        if (parent && 'children' in parent) {
+            parent.children = parent.children || [];
+            parent.children.push(measure);
+        } else measureTree.push({
+            id: measure.parentId,
+            children: [
+                measure
+            ]
+        });
     });
+    return measureTree;
+};
+const basicMeasuresToMeasureTree = (measures)=>{
+    const id = measures.map((item)=>item.id).join('-');
+    const alias = measures.map((item)=>item.alias || item.id).join('-');
+    return [
+        {
+            id,
+            alias,
+            children: measures
+        }
+    ];
+};
 const ORIGINAL_DATA = '__OriginalData__';
 const Separator = '-';
 const FoldMeasureName = '__MeaName__';
@@ -1437,8 +1411,6 @@ const AngleEncoding = '__Dim_Angle__';
 const DetailEncoding = '__Dim_Detail__';
 const ColorEncoding = '__Dim_Color__';
 const ColorIdEncoding = '__Dim_ColorId__';
-const UnfoldDimensionGroup = '__DimGroup__';
-const UnfoldDimensionGroupId = '__DimGroupID__';
 const autoDimensions_autoDimensions = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
@@ -1478,7 +1450,7 @@ const autoDimensions_autoDimensions = (advancedVSeed, context)=>{
     result.dimensions.push(MeaName);
     return result;
 };
-const encodingForColumn = (advancedVSeed, context)=>{
+const encodingForLine = (advancedVSeed, context)=>{
     const { vseed } = context;
     const { dimensions } = advancedVSeed;
     if (!dimensions) return advancedVSeed;
@@ -1491,10 +1463,7 @@ const encodingForColumn = (advancedVSeed, context)=>{
             (dimensions[1] || dimensions[0]).id
         ];
         const detail = encoding.detail || [];
-        const mergedDetail = (0, external_remeda_namespaceObject.unique)([
-            ...color,
-            ...detail
-        ]);
+        const mergedDetail = 0 === detail.length ? dimensions.map((d)=>d.id).filter((id)=>!x.includes(id)) : encoding.detail;
         return {
             ...advancedVSeed,
             encoding: {
@@ -1526,11 +1495,20 @@ const pivotAdapter = (pipeline, pivotPipeline)=>(advancedVSeed, context)=>{
         if (usePivotChart) return execPipeline(pivotPipeline, context, advancedVSeed);
         return execPipeline(pipeline, context, advancedVSeed);
     };
-const foldMeasures = (dataset, measures, measureId = FoldMeasureId, measureName = FoldMeasureName, measureValue = FoldMeasureValue)=>{
+const foldMeasures = (dataset, measures, encoding, options)=>{
+    const { measureId, measureName, measureValue, colorMeasureId } = options || {};
     const foldInfo = {
         measureId,
         measureName,
         measureValue,
+        colorRange: [
+            0,
+            1
+        ],
+        measureRange: [
+            0,
+            1
+        ],
         foldMap: {}
     };
     const result = new Array(dataset.length * measures.length);
@@ -1547,6 +1525,19 @@ const foldMeasures = (dataset, measures, measureId = FoldMeasureId, measureName
         datum[measureId] = id;
         datum[measureName] = alias || id;
         datum[measureValue] = dataset[i][id];
+        if (colorMeasureId) {
+            const value = datum[ORIGINAL_DATA][colorMeasureId];
+            datum[ColorEncoding] = value;
+            datum[ColorIdEncoding] = colorMeasureId;
+            foldInfo.colorRange = [
+                Math.min(foldInfo.colorRange[0] || 1 / 0, Number(value)),
+                Math.max(foldInfo.colorRange[1] || -1 / 0, Number(value))
+            ];
+        }
+        foldInfo.measureRange = [
+            Math.min(foldInfo.measureRange[0] || 1 / 0, Number(datum[id])),
+            Math.max(foldInfo.measureRange[1] || -1 / 0, Number(datum[id]))
+        ];
         foldInfo.foldMap[id] = alias;
         result[index++] = datum;
     }
@@ -1582,7 +1573,7 @@ const unfoldDimensions = (dataset, dimensions, encoding, options)=>{
         applyEncoding(YEncoding, yDimensions, datum, separator);
         applyEncoding(ColorEncoding, colorDimensions, datum, separator);
         applyEncoding(DetailEncoding, detailDimensions, datum, separator);
-        if (!datum[ColorEncoding]) continue;
+        if (!colorDimensions.length || !datum[ColorEncoding]) continue;
         const measureId = String(datum[foldMeasureId]);
         const colorItem = String(datum[ColorEncoding]);
         const colorId = colorItemAsId ? colorItem : measureId ? [
@@ -1603,29 +1594,14 @@ const unfoldDimensions = (dataset, dimensions, encoding, options)=>{
 const applyEncoding = (encoding, dimensions, datum, separator)=>{
     if (encoding && dimensions.length) datum[encoding] = dimensions.map((dim)=>String(datum[dim.id])).join(separator);
 };
-const emptyReshapeResult = {
-    dataset: [],
-    foldInfo: {
-        foldMap: {},
-        measureId: '',
-        measureName: '',
-        measureValue: ''
-    },
-    unfoldInfo: {
-        encodingAngle: AngleEncoding,
-        encodingX: XEncoding,
-        encodingY: YEncoding,
-        encodingDetail: DetailEncoding,
-        encodingColor: ColorEncoding,
-        encodingColorId: ColorIdEncoding,
-        colorItems: [],
-        colorIdMap: {}
-    }
-};
 const dataReshapeByEncoding = (dataset, dimensions, measures, encoding, options)=>{
-    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, colorItemAsId = false } = options || {};
-    if (0 === dimensions.length && 0 === measures.length) return emptyReshapeResult;
-    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, foldMeasureId, foldMeasureName, foldMeasureValue);
+    const { foldMeasureId = FoldMeasureId, foldMeasureName = FoldMeasureName, foldMeasureValue = FoldMeasureValue, colorItemAsId = false, colorMeasureId } = options || {};
+    const { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, encoding, {
+        measureId: foldMeasureId,
+        measureName: foldMeasureName,
+        measureValue: foldMeasureValue,
+        colorMeasureId
+    });
     const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, dimensions, encoding, {
         foldMeasureId,
         separator: Separator,
@@ -1637,6 +1613,24 @@ const dataReshapeByEncoding = (dataset, dimensions, measures, encoding, options)
         unfoldInfo
     };
 };
+const colorAdapter = (ordinalPipe, linearPipe)=>(spec, context)=>{
+        const { advancedVSeed } = context;
+        if (isLinearColor(advancedVSeed)) return linearPipe(spec, context);
+        return ordinalPipe(spec, context);
+    };
+const isLinearColor = (advancedVSeed)=>{
+    const { encoding, measures } = advancedVSeed;
+    const measureIdList = findAllMeasures(measures).map((measure)=>measure.id);
+    const { color } = encoding;
+    return color?.length === 1 && measureIdList.includes(color[0]);
+};
+const getColorMeasureId = (advancedVSeed)=>{
+    if (isLinearColor(advancedVSeed)) {
+        const { encoding } = advancedVSeed;
+        const { color } = encoding;
+        return color?.[0];
+    }
+};
 const reshapeWithEncoding = (advancedVSeed, context)=>{
     const result = {
         ...advancedVSeed
@@ -1646,7 +1640,9 @@ const reshapeWithEncoding = (advancedVSeed, context)=>{
     const { dimensions, measures, encoding } = advancedVSeed;
     if (!measures || !dimensions || !dataset || !encoding) return result;
     if (0 === measures.length) throw new Error('measures can not be empty');
-    const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, measures, encoding);
+    const { dataset: newDatasets, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, measures, encoding, {
+        colorMeasureId: getColorMeasureId(advancedVSeed)
+    });
     return {
         ...result,
         dataset: newDatasets,
@@ -1682,7 +1678,8 @@ const pivotReshapeWithEncoding = (advancedVSeed, context)=>{
         if (!measures) return;
         const groupId = measureGroup.id;
         const { dataset: newSubDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, measures, encoding, {
-            foldMeasureValue: `${FoldMeasureValue}${groupId}`
+            foldMeasureValue: `${FoldMeasureValue}${groupId}`,
+            colorMeasureId: getColorMeasureId(advancedVSeed)
         });
         const reshapeInfo = {
             id: groupId,
@@ -1889,9 +1886,9 @@ const annotation_annotation = (advancedVSeed, context)=>{
 };
 const lineAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
-    encodingForColumn,
+    encodingForLine,
     pivotAdapter([
         reshapeWithEncoding
     ], [
@@ -1915,7 +1912,7 @@ const initLine = (spec, context)=>{
     result.direction = 'vertical';
     result.xField = unfoldInfo.encodingX;
     result.yField = foldInfo.measureValue;
-    result.seriesField = unfoldInfo.encodingColorId;
+    result.seriesField = isLinearColor(advancedVSeed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
     result.padding = 0;
     result.region = [
         {
@@ -1976,6 +1973,31 @@ const createSpecifiedForColorMapping = (colorMapping, colorIdMap, colorItems)=>{
         ...accurateMap
     };
 };
+const linearColor = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { datasetReshapeInfo, chartType } = advancedVSeed;
+    const { unfoldInfo, id } = datasetReshapeInfo[0];
+    const baseConfig = advancedVSeed.config[chartType];
+    if (!baseConfig || !baseConfig.color) return result;
+    const { color } = baseConfig;
+    const { colorScheme, linearColorScheme } = color;
+    result.color = {
+        type: 'linear',
+        range: linearColorScheme || colorScheme || [],
+        domain: [
+            {
+                dataId: id,
+                fields: [
+                    unfoldInfo.encodingColor
+                ]
+            }
+        ]
+    };
+    return result;
+};
 const background_backgroundColor = (spec, context)=>{
     const result = {
         ...spec
@@ -2483,6 +2505,95 @@ const discreteLegend = (spec, context)=>{
     };
     return result;
 };
+const colorLegend = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { datasetReshapeInfo, chartType } = advancedVSeed;
+    const { unfoldInfo } = datasetReshapeInfo[0];
+    const baseConfig = advancedVSeed.config[chartType];
+    if (!baseConfig || !baseConfig.legend) return result;
+    const { legend } = baseConfig;
+    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight } = legend || {};
+    const orient = [
+        'bottom',
+        'bottomLeft',
+        'bottomRight',
+        'bl',
+        'br'
+    ].includes(position) ? 'bottom' : [
+        'top',
+        'topLeft',
+        'topRight',
+        'tl',
+        'tr'
+    ].includes(position) ? 'top' : [
+        'left',
+        'leftTop',
+        'leftBottom',
+        'lt',
+        'lb'
+    ].includes(position) ? 'left' : 'right';
+    const legendPosition = [
+        'topLeft',
+        'bottomLeft',
+        'leftTop',
+        'rightTop',
+        'lt',
+        'rt',
+        'tl',
+        'bl'
+    ].includes(position) ? 'start' : [
+        'topRight',
+        'bottomRight',
+        'leftBottom',
+        'rightBottom',
+        'lb',
+        'rb',
+        'rt',
+        'br'
+    ].includes(position) ? 'end' : 'middle';
+    result.legends = {
+        type: 'color',
+        visible: enable,
+        orient,
+        position: legendPosition,
+        padding: 0,
+        field: unfoldInfo.encodingColor,
+        maxWidth: '30%',
+        startText: {
+            visible: true,
+            style: {
+                fill: labelFontColor,
+                fontSize: labelFontSize,
+                fontWeight: labelFontWeight
+            }
+        },
+        endText: {
+            visible: true,
+            style: {
+                fill: labelFontColor,
+                fontSize: labelFontSize,
+                fontWeight: labelFontWeight
+            }
+        }
+    };
+    return result;
+};
+const colorPointStyleFill = (stylePipe)=>(spec, context)=>{
+        const result = stylePipe(spec, context);
+        const { advancedVSeed } = context;
+        const { datasetReshapeInfo } = advancedVSeed;
+        const { unfoldInfo } = datasetReshapeInfo[0];
+        if (isLinearColor(advancedVSeed)) {
+            if (result?.point?.style) result.point.style.fill = {
+                field: unfoldInfo.encodingColor,
+                scale: 'color'
+            };
+        }
+        return result;
+    };
 const selector_selector = (vchartDatum, selector)=>{
     if (!selector) return true;
     const selectorMode = 'And';
@@ -2579,7 +2690,10 @@ const pointStyle_pointStyle = (spec, context)=>{
     const { markStyle } = advancedVSeed;
     const { pointStyle } = markStyle;
     const result = {
-        ...spec
+        ...spec,
+        point: {
+            style: {}
+        }
     };
     if (!pointStyle) return result;
     const pointStyles = Array.isArray(pointStyle) ? pointStyle : [
@@ -2623,6 +2737,7 @@ const pointStyle_pointStyle = (spec, context)=>{
     return {
         ...result,
         point: {
+            ...result.point,
             state: {
                 ...customMap
             }
@@ -2678,15 +2793,31 @@ const pointStateHover = (spec, context)=>{
     };
     return result;
 };
+const colorLineStyleFill = (stylePipe)=>(spec, context)=>{
+        const result = stylePipe(spec, context);
+        const { advancedVSeed } = context;
+        const { datasetReshapeInfo } = advancedVSeed;
+        const { unfoldInfo } = datasetReshapeInfo[0];
+        if (isLinearColor(advancedVSeed)) {
+            if (result?.line?.style) result.line.style.stroke = {
+                field: unfoldInfo.encodingColor,
+                scale: 'color'
+            };
+        }
+        return result;
+    };
 const lineStyle_lineStyle = (spec, context)=>{
     const { advancedVSeed } = context;
     const { markStyle, datasetReshapeInfo, dataset } = advancedVSeed;
     const { unfoldInfo } = datasetReshapeInfo[0];
     const { lineStyle } = markStyle;
-    if (!lineStyle) return spec;
     const result = {
-        ...spec
+        ...spec,
+        line: {
+            style: {}
+        }
     };
+    if (!lineStyle) return result;
     const lineStyles = Array.isArray(lineStyle) ? lineStyle : [
         lineStyle
     ];
@@ -2730,6 +2861,7 @@ const lineStyle_lineStyle = (spec, context)=>{
     return {
         ...result,
         line: {
+            ...result.line,
             state: {
                 ...customMap
             }
@@ -3502,7 +3634,7 @@ const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>(spec, context)=>{
     };
 const line_line = [
     initLine,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetXY,
     progressive,
@@ -3511,10 +3643,10 @@ const line_line = [
     label_label,
     tooltip_tooltip,
     verticalCrosshairLine,
-    discreteLegend,
-    pointStyle_pointStyle,
+    colorAdapter(discreteLegend, colorLegend),
+    colorPointStyleFill(pointStyle_pointStyle),
     pointStateDimensionHover,
-    lineStyle_lineStyle,
+    colorLineStyleFill(lineStyle_lineStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -3555,9 +3687,51 @@ const registerLine = ()=>{
     Builder._advancedPipelineMap.line = lineAdvancedPipeline;
     Builder._specPipelineMap.line = lineSpecPipeline;
 };
+const encodingForColumn = (advancedVSeed, context)=>{
+    const { vseed } = context;
+    const { dimensions } = advancedVSeed;
+    if (!dimensions) return advancedVSeed;
+    const encoding = vseed.encoding;
+    if (encoding) {
+        const x = encoding.x || [
+            dimensions[0].id
+        ];
+        const color = encoding.color || [
+            (dimensions[1] || dimensions[0]).id
+        ];
+        const detail = encoding.detail || [];
+        const mergedDetail = 0 === detail.length ? (0, external_remeda_namespaceObject.unique)([
+            ...color,
+            ...detail
+        ]) : detail;
+        return {
+            ...advancedVSeed,
+            encoding: {
+                ...encoding,
+                x,
+                color,
+                detail: mergedDetail
+            }
+        };
+    }
+    const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+    const mergedEncoding = {
+        x: dimensions.slice(0, 1).map((item)=>item.id),
+        color: dimensions.slice(onlyMeasureName ? 0 : 1).map((item)=>item.id),
+        detail: dimensions.slice(onlyMeasureName ? 0 : 1).map((item)=>item.id),
+        tooltip: dimensions.map((item)=>item.id),
+        label: [],
+        row: [],
+        column: []
+    };
+    return {
+        ...advancedVSeed,
+        encoding: mergedEncoding
+    };
+};
 const columnAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForColumn,
     pivotAdapter([
@@ -3597,9 +3771,14 @@ const stackCornerRadius_stackCornerRadius = (spec, context)=>{
     const { advancedVSeed, vseed } = context;
     const { chartType } = vseed;
     const stackCornerRadius = advancedVSeed.config?.[chartType]?.stackCornerRadius;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const { foldInfo } = datasetReshapeInfo[0];
     return {
         ...spec,
-        stackCornerRadius
+        stackCornerRadius: (_, datum)=>{
+            if (datum[foldInfo.measureValue] > 0) return stackCornerRadius;
+            return 0;
+        }
     };
 };
 const stackInverse = (spec)=>{
@@ -3649,6 +3828,19 @@ const verticalCrosshairRect = (spec, context)=>{
     };
     return result;
 };
+const colorBarStyleFill = (stylePipe)=>(spec, context)=>{
+        const result = stylePipe(spec, context);
+        const { advancedVSeed } = context;
+        const { datasetReshapeInfo } = advancedVSeed;
+        const { unfoldInfo } = datasetReshapeInfo[0];
+        if (isLinearColor(advancedVSeed)) {
+            if (result?.bar?.style) result.bar.style.fill = {
+                field: unfoldInfo.encodingColor,
+                scale: 'color'
+            };
+        }
+        return result;
+    };
 const barStyle_barStyle = (spec, context)=>{
     const { advancedVSeed } = context;
     const { markStyle, dataset = [] } = advancedVSeed;
@@ -3837,18 +4029,105 @@ const annotationAreaBand = (spec, context)=>{
                     cornerRadius: areaBorderRadius
                 }
             }
-        };
-    });
+        };
+    });
+    return {
+        ...spec,
+        markArea: markArea
+    };
+};
+const pivotColorLegend = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { chartType } = advancedVSeed;
+    const baseConfig = advancedVSeed.config[chartType];
+    if (!baseConfig || !baseConfig.legend) return result;
+    const { datasetReshapeInfo } = advancedVSeed;
+    const max = Math.max(...datasetReshapeInfo.map((d)=>d.foldInfo.colorRange[1]));
+    const min = Math.min(...datasetReshapeInfo.map((d)=>d.foldInfo.colorRange[0]));
+    const { legend, color } = baseConfig;
+    const { colorScheme, linearColorScheme } = color;
+    const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400 } = legend || {};
+    const orient = [
+        'bottom',
+        'bottomLeft',
+        'bottomRight',
+        'bl',
+        'br'
+    ].includes(position) ? 'bottom' : [
+        'top',
+        'topLeft',
+        'topRight',
+        'tl',
+        'tr'
+    ].includes(position) ? 'top' : [
+        'left',
+        'leftTop',
+        'leftBottom',
+        'lt',
+        'lb'
+    ].includes(position) ? 'left' : 'right';
+    const legendPosition = [
+        'topLeft',
+        'bottomLeft',
+        'leftTop',
+        'rightTop',
+        'lt',
+        'rt',
+        'tl',
+        'bl'
+    ].includes(position) ? 'start' : [
+        'topRight',
+        'bottomRight',
+        'leftBottom',
+        'rightBottom',
+        'lb',
+        'rb',
+        'rt',
+        'br'
+    ].includes(position) ? 'end' : 'middle';
+    const legends = {
+        visible: enable,
+        type: 'color',
+        orient,
+        position: legendPosition,
+        colors: linearColorScheme || colorScheme || [],
+        value: [
+            min,
+            max
+        ],
+        min: min,
+        max: max,
+        maxWidth: '30%',
+        startText: {
+            visible: true,
+            style: {
+                fill: labelFontColor,
+                fontSize: labelFontSize,
+                fontWeight: labelFontWeight
+            }
+        },
+        endText: {
+            visible: true,
+            style: {
+                fill: labelFontColor,
+                fontSize: labelFontSize,
+                fontWeight: labelFontWeight
+            }
+        }
+    };
     return {
-        ...spec,
-        markArea: markArea
+        ...result,
+        legends
     };
 };
 const column = [
     initColumn,
     stackCornerRadius_stackCornerRadius,
     stackInverse,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetXY,
     progressive,
@@ -3857,8 +4136,8 @@ const column = [
     label_label,
     tooltip_tooltip,
     verticalCrosshairRect,
-    discreteLegend,
-    barStyle_barStyle,
+    colorAdapter(discreteLegend, colorLegend),
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -3873,7 +4152,7 @@ const pivotColumn = [
         initColumn,
         stackCornerRadius_stackCornerRadius,
         stackInverse,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         datasetXY,
         progressive,
@@ -3882,7 +4161,7 @@ const pivotColumn = [
         label_label,
         tooltip_tooltip,
         verticalCrosshairRect,
-        barStyle_barStyle,
+        colorBarStyleFill(barStyle_barStyle),
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -3890,7 +4169,7 @@ const pivotColumn = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const columnSpecPipeline = [
     pivotAdapter_pivotAdapter(column, pivotColumn)
@@ -3901,7 +4180,7 @@ const registerColumn = ()=>{
 };
 const columnParallelAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForColumn,
     pivotAdapter([
@@ -3946,7 +4225,7 @@ const initColumnParallel = (spec, context)=>{
 const columnParallel = [
     initColumnParallel,
     stackCornerRadius_stackCornerRadius,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetXY,
     progressive,
@@ -3954,9 +4233,9 @@ const columnParallel = [
     yLinear,
     label_label,
     tooltip_tooltip,
-    discreteLegend,
+    colorAdapter(discreteLegend, colorLegend),
     verticalCrosshairRect,
-    barStyle_barStyle,
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -3970,7 +4249,7 @@ const pivotColumnParallel = [
     pivotIndicators_pivotIndicators([
         initColumnParallel,
         stackCornerRadius_stackCornerRadius,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         datasetXY,
         progressive,
@@ -3979,7 +4258,7 @@ const pivotColumnParallel = [
         label_label,
         tooltip_tooltip,
         verticalCrosshairRect,
-        barStyle_barStyle,
+        colorBarStyleFill(barStyle_barStyle),
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -3987,7 +4266,7 @@ const pivotColumnParallel = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const columnParallelSpecPipeline = [
     pivotAdapter_pivotAdapter(columnParallel, pivotColumnParallel)
@@ -3998,7 +4277,7 @@ const registerColumnParallel = ()=>{
 };
 const columnPercentAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForColumn,
     pivotAdapter([
@@ -4024,7 +4303,7 @@ const columnPercent = [
     initColumn,
     stackCornerRadius_stackCornerRadius,
     stackInverse,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     percent,
     datasetXY,
@@ -4033,9 +4312,9 @@ const columnPercent = [
     yLinear,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     verticalCrosshairRect,
-    discreteLegend,
-    barStyle_barStyle,
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -4050,7 +4329,7 @@ const pivotColumnPercent = [
         initColumn,
         stackCornerRadius_stackCornerRadius,
         stackInverse,
-        color_color,
+        colorAdapter(color_color, linearColor),
         percent,
         background_backgroundColor,
         datasetXY,
@@ -4060,7 +4339,7 @@ const pivotColumnPercent = [
         label_label,
         tooltip_tooltip,
         verticalCrosshairRect,
-        barStyle_barStyle,
+        colorBarStyleFill(barStyle_barStyle),
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -4068,7 +4347,7 @@ const pivotColumnPercent = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const columnPercentSpecPipeline = [
     pivotAdapter_pivotAdapter(columnPercent, pivotColumnPercent)
@@ -4090,10 +4369,10 @@ const encodingForBar = (advancedVSeed, context)=>{
             (dimensions[1] || dimensions[0]).id
         ];
         const detail = encoding.detail || [];
-        const mergedDetail = (0, external_remeda_namespaceObject.unique)([
+        const mergedDetail = 0 === detail.length ? (0, external_remeda_namespaceObject.unique)([
             ...color,
             ...detail
-        ]);
+        ]) : detail;
         return {
             ...advancedVSeed,
             encoding: {
@@ -4137,7 +4416,7 @@ const sortYBandAxis = (advancedVSeed, context)=>{
 };
 const barAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForBar,
     pivotAdapter([
@@ -4437,7 +4716,7 @@ const horizontalCrosshairRect = (spec, context)=>{
 const bar = [
     initBar,
     stackCornerRadius_stackCornerRadius,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetYX,
     progressive,
@@ -4445,9 +4724,9 @@ const bar = [
     yBand,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     horizontalCrosshairRect,
-    discreteLegend,
-    barStyle_barStyle,
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -4461,7 +4740,7 @@ const pivotBar = [
     pivotIndicators_pivotIndicators([
         initBar,
         stackCornerRadius_stackCornerRadius,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         datasetYX,
         progressive,
@@ -4470,8 +4749,8 @@ const pivotBar = [
         label_label,
         label_label,
         tooltip_tooltip,
+        colorBarStyleFill(barStyle_barStyle),
         horizontalCrosshairRect,
-        barStyle_barStyle,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -4479,7 +4758,7 @@ const pivotBar = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const barSpecPipeline = [
     pivotAdapter_pivotAdapter(bar, pivotBar)
@@ -4490,7 +4769,7 @@ const registerBar = ()=>{
 };
 const barParallelAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForBar,
     pivotAdapter([
@@ -4535,7 +4814,7 @@ const initBarParallel = (spec, context)=>{
 const barParallel = [
     initBarParallel,
     stackCornerRadius_stackCornerRadius,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetYX,
     progressive,
@@ -4543,9 +4822,9 @@ const barParallel = [
     yBand,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     horizontalCrosshairRect,
-    discreteLegend,
-    barStyle_barStyle,
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -4559,15 +4838,15 @@ const pivotBarParallel = [
     pivotIndicators_pivotIndicators([
         initBarParallel,
         stackCornerRadius_stackCornerRadius,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         datasetYX,
         xLinear,
         yBand,
         label_label,
         tooltip_tooltip,
+        colorBarStyleFill(barStyle_barStyle),
         horizontalCrosshairRect,
-        barStyle_barStyle,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -4575,7 +4854,7 @@ const pivotBarParallel = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const barParallelSpecPipeline = [
     pivotAdapter_pivotAdapter(barParallel, pivotBarParallel)
@@ -4586,7 +4865,7 @@ const registerBarParallel = ()=>{
 };
 const barPercentAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForBar,
     pivotAdapter([
@@ -4604,7 +4883,7 @@ const barPercentAdvancedPipeline = [
 const barPercent = [
     initBar,
     stackCornerRadius_stackCornerRadius,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     percent,
     datasetYX,
@@ -4613,9 +4892,9 @@ const barPercent = [
     yBand,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     horizontalCrosshairRect,
-    discreteLegend,
-    barStyle_barStyle,
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -4629,7 +4908,7 @@ const pivotBarPercent = [
     pivotIndicators_pivotIndicators([
         initBar,
         stackCornerRadius_stackCornerRadius,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         percent,
         datasetYX,
@@ -4637,8 +4916,8 @@ const pivotBarPercent = [
         xLinear,
         label_label,
         tooltip_tooltip,
+        colorBarStyleFill(barStyle_barStyle),
         horizontalCrosshairRect,
-        barStyle_barStyle,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -4646,7 +4925,7 @@ const pivotBarPercent = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const barPercentSpecPipeline = [
     pivotAdapter_pivotAdapter(barPercent, pivotBarPercent)
@@ -4657,7 +4936,7 @@ const registerBarPercent = ()=>{
 };
 const areaAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForColumn,
     pivotAdapter([
@@ -4683,7 +4962,7 @@ const initArea = (spec, context)=>{
     result.direction = 'vertical';
     result.yField = foldInfo.measureValue;
     result.xField = unfoldInfo.encodingX;
-    result.seriesField = unfoldInfo.encodingColorId;
+    result.seriesField = isLinearColor(advancedVSeed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
     result.padding = 0;
     result.region = [
         {
@@ -4693,20 +4972,32 @@ const initArea = (spec, context)=>{
     result.animation = true;
     return result;
 };
+const colorAreaStyleFill = (stylePipe)=>(spec, context)=>{
+        const result = stylePipe(spec, context);
+        const { advancedVSeed } = context;
+        const { datasetReshapeInfo } = advancedVSeed;
+        const { unfoldInfo } = datasetReshapeInfo[0];
+        if (isLinearColor(advancedVSeed)) {
+            if (result?.area?.style) result.area.style.fill = {
+                field: unfoldInfo.encodingColor,
+                scale: 'color'
+            };
+        }
+        return result;
+    };
 const areaStyle_areaStyle = (spec, context)=>{
     const { advancedVSeed } = context;
     const { markStyle, datasetReshapeInfo, dataset } = advancedVSeed;
     const { areaStyle } = markStyle;
     const { unfoldInfo } = datasetReshapeInfo[0];
-    if (!areaStyle) return {
+    const result = {
         ...spec,
         area: {
-            visible: true
+            visible: true,
+            style: {}
         }
     };
-    const result = {
-        ...spec
-    };
+    if (!areaStyle) return result;
     const areaStyles = Array.isArray(areaStyle) ? areaStyle : [
         areaStyle
     ];
@@ -4734,6 +5025,7 @@ const areaStyle_areaStyle = (spec, context)=>{
     return {
         ...result,
         area: {
+            ...result.area,
             visible: true,
             state: {
                 ...customMap
@@ -4744,7 +5036,7 @@ const areaStyle_areaStyle = (spec, context)=>{
 const area_area = [
     initArea,
     stackInverse,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetXY,
     progressive,
@@ -4752,12 +5044,12 @@ const area_area = [
     yLinear,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     verticalCrosshairLine,
-    discreteLegend,
-    pointStyle_pointStyle,
+    colorPointStyleFill(pointStyle_pointStyle),
     pointStateDimensionHover,
-    lineStyle_lineStyle,
-    areaStyle_areaStyle,
+    colorLineStyleFill(lineStyle_lineStyle),
+    colorAreaStyleFill(areaStyle_areaStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -4770,7 +5062,7 @@ const pivotArea = [
     datasetPivot,
     pivotIndicators_pivotIndicators([
         initArea,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         stackInverse,
         datasetXY,
@@ -4780,10 +5072,10 @@ const pivotArea = [
         label_label,
         tooltip_tooltip,
         verticalCrosshairLine,
-        pointStyle_pointStyle,
+        colorPointStyleFill(pointStyle_pointStyle),
         pointStateDimensionHover,
-        lineStyle_lineStyle,
-        areaStyle_areaStyle,
+        colorLineStyleFill(lineStyle_lineStyle),
+        colorAreaStyleFill(areaStyle_areaStyle),
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -4791,7 +5083,7 @@ const pivotArea = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const areaSpecPipeline = [
     pivotAdapter_pivotAdapter(area_area, pivotArea)
@@ -4802,7 +5094,7 @@ const registerArea = ()=>{
 };
 const areaPercentAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForColumn,
     pivotAdapter([
@@ -4820,7 +5112,7 @@ const areaPercentAdvancedPipeline = [
 const areaPercent = [
     initArea,
     stackInverse,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     percent,
     datasetXY,
@@ -4829,11 +5121,12 @@ const areaPercent = [
     yLinear,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     verticalCrosshairLine,
-    discreteLegend,
-    pointStyle_pointStyle,
-    lineStyle_lineStyle,
-    areaStyle_areaStyle,
+    colorPointStyleFill(pointStyle_pointStyle),
+    pointStateDimensionHover,
+    colorLineStyleFill(lineStyle_lineStyle),
+    colorAreaStyleFill(areaStyle_areaStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -4847,7 +5140,7 @@ const pivotAreaPercent = [
     pivotIndicators_pivotIndicators([
         initArea,
         stackInverse,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         percent,
         datasetXY,
@@ -4857,9 +5150,10 @@ const pivotAreaPercent = [
         label_label,
         tooltip_tooltip,
         verticalCrosshairLine,
-        pointStyle_pointStyle,
-        lineStyle_lineStyle,
-        areaStyle_areaStyle,
+        colorPointStyleFill(pointStyle_pointStyle),
+        pointStateDimensionHover,
+        colorLineStyleFill(lineStyle_lineStyle),
+        colorAreaStyleFill(areaStyle_areaStyle),
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -4867,7 +5161,7 @@ const pivotAreaPercent = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const areaPercentSpecPipeline = [
     pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
@@ -4876,95 +5170,105 @@ const registerAreaPercent = ()=>{
     Builder._advancedPipelineMap.areaPercent = areaPercentAdvancedPipeline;
     Builder._specPipelineMap.areaPercent = areaPercentSpecPipeline;
 };
-const autoScatterMeasures = (advancedVSeed, context)=>{
-    const result = {
-        ...advancedVSeed
-    };
+const buildMeasuresForScatter = (advancedVSeed, context)=>{
     const { vseed } = context;
-    const { dataset, scatterMeasures, measures } = vseed;
-    if (!dataset) throw new Error('dataset is required');
-    if (0 === dataset.length) return result;
-    if (scatterMeasures) {
-        result.measures = scatterMeasuresToMeasureTree(scatterMeasures);
-        return result;
+    if (isMeasureTreeWithChildren(vseed)) {
+        advancedVSeed.measures = vseed.measures;
+        return advancedVSeed;
     }
-    if (measures && measureDepth(measures) > 1) {
-        result.measures = measures;
-        return result;
+    if (isMeasureTreeWithParentId(vseed)) {
+        advancedVSeed.measures = buildMeasuresForScatter_generateMeasuresByParentId(vseed.measures);
+        return advancedVSeed;
     }
-    const top100dataset = dataset.slice(0, 100);
-    const sample = top100dataset.reduce((prev, cur)=>({
-            ...prev,
-            ...cur
-        }), {});
-    const newMeasures = measures || Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
-            '',
-            null,
-            void 0
-        ].includes(key)).map((measure)=>({
-            id: measure,
-            alias: measure
-        }));
-    if (0 === newMeasures.length) result.measures = [];
-    else if (1 === newMeasures.length) result.measures = [
-        {
-            id: 'primary',
-            alias: 'primary',
-            children: newMeasures
-        }
-    ];
-    else if (newMeasures.length > 1) result.measures = [
-        {
-            id: 'primary',
-            alias: 'primary',
-            children: newMeasures.slice(0, 1)
-        },
+    const basicMeasures = getBasicMeasures(vseed);
+    const scatterMeasures = vseed.scatterMeasures ? vseed.scatterMeasures : basicMeasuresToScatterMeasures(basicMeasures);
+    advancedVSeed.measures = scatterMeasuresToMeasureTree(scatterMeasures);
+    return advancedVSeed;
+};
+const basicMeasuresToScatterMeasures = (basicMeasures)=>{
+    const yMeasures = [];
+    const xMeasures = [];
+    for(let index = 0; index < basicMeasures.length; index++){
+        const item = basicMeasures[index];
+        const encoding = Array.isArray(item.encoding) ? item.encoding : [
+            item.encoding
+        ];
+        const isYAxis = encoding.includes('yAxis');
+        const isXAxis = encoding.includes('xAxis');
+        if (isYAxis) yMeasures.push(item);
+        else if (isXAxis) xMeasures.push(item);
+        else if (0 === index) yMeasures.push(item);
+        else xMeasures.push(item);
+    }
+    return [
         {
-            id: 'secondary',
-            alias: 'secondary',
-            children: newMeasures.slice(1)
+            id: 'scatterMeasures',
+            xMeasures,
+            yMeasures
         }
     ];
-    return result;
 };
 const scatterMeasuresToMeasureTree = (scatterMeasures)=>{
     const measureTree = scatterMeasures.map((item, index)=>{
-        const { xMeasures, yMeasures } = item;
+        const { id, xMeasures, yMeasures } = item;
         const groupChildren = [];
-        let id = '';
+        let groupId = `${id}-`;
         if (xMeasures) {
-            const arrXMeasures = Array.isArray(xMeasures) ? xMeasures : [
+            const arrPrimaryMeasures = Array.isArray(xMeasures) ? xMeasures : [
                 xMeasures
             ];
-            const alias = arrXMeasures.map((item)=>item.alias || item.id).toString();
-            id += alias;
+            const alias = arrPrimaryMeasures.map((item)=>item.alias || item.id).toString();
+            groupId += alias;
             groupChildren.push({
                 id: `${index}-x`,
-                alias: arrXMeasures.map((item)=>item.alias || item.id).toString(),
-                children: arrXMeasures
+                alias: arrPrimaryMeasures.map((item)=>item.alias || item.id).toString(),
+                children: arrPrimaryMeasures
             });
         }
         if (yMeasures) {
-            const arrYMeasures = Array.isArray(yMeasures) ? yMeasures : [
+            const arrSecondaryMeasures = Array.isArray(yMeasures) ? yMeasures : [
                 yMeasures
             ];
-            const alias = arrYMeasures.map((item)=>item.alias || item.id).toString();
-            id += alias;
+            const alias = arrSecondaryMeasures.map((item)=>item.alias || item.id).toString();
+            groupId += alias;
             groupChildren.push({
                 id: `${index}-y`,
-                alias: arrYMeasures.map((item)=>item.alias || item.id).toString(),
-                children: arrYMeasures
+                alias: arrSecondaryMeasures.map((item)=>item.alias || item.id).toString(),
+                children: arrSecondaryMeasures
             });
         }
         return {
-            id,
-            alias: id,
+            id: groupId,
+            alias: groupId,
             children: groupChildren
         };
     });
     if (1 === scatterMeasures.length) return measureTree[0].children || [];
     return measureTree;
 };
+const buildMeasuresForScatter_generateMeasuresByParentId = (measures)=>{
+    const scatterMeasures = [];
+    measures.forEach((item)=>{
+        if (!item.parentId) return;
+        if (!scatterMeasures.find((d)=>d.id === item.parentId)) scatterMeasures.push({
+            id: item.parentId,
+            yMeasures: [],
+            xMeasures: []
+        });
+        const scatterChart = scatterMeasures.find((d)=>d.id === item.parentId);
+        if (!scatterChart || !Array.isArray(scatterChart.yMeasures) || !Array.isArray(scatterChart.xMeasures)) return;
+        const encoding = Array.isArray(item.encoding) ? item.encoding : [
+            item.encoding
+        ];
+        const isY = encoding.includes('yAxis');
+        const isX = encoding.includes('xAxis');
+        if (isY) scatterChart.yMeasures.push(item);
+        else if (isX) scatterChart.xMeasures.push(item);
+        else if (!isY && !isX) if (0 === scatterChart.yMeasures.length) scatterChart.yMeasures.push(item);
+        else scatterChart.xMeasures.push(item);
+    });
+    return scatterMeasuresToMeasureTree(scatterMeasures);
+};
 const encodingForScatter = (advancedVSeed, context)=>{
     const { vseed } = context;
     const { dimensions } = advancedVSeed;
@@ -4975,10 +5279,10 @@ const encodingForScatter = (advancedVSeed, context)=>{
         const color = encoding.color || [
             (dimensions[1] || dimensions[0]).id
         ];
-        const mergedDetail = (0, external_remeda_namespaceObject.unique)([
+        const mergedDetail = 0 === detail.length ? (0, external_remeda_namespaceObject.unique)([
             ...color,
             ...detail
-        ]);
+        ]) : detail;
         return {
             ...advancedVSeed,
             encoding: {
@@ -5020,7 +5324,8 @@ const reshapeWithScatterEncoding = (advancedVSeed, context)=>{
     if (xMeasures && xMeasures.children) {
         const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, xMeasures.children, encoding, {
             foldMeasureValue: FoldXMeasureValue,
-            colorItemAsId: true
+            colorItemAsId: true,
+            colorMeasureId: getColorMeasureId(advancedVSeed)
         });
         datasets.push(newDataset);
         foldInfoList.push(foldInfo);
@@ -5029,7 +5334,8 @@ const reshapeWithScatterEncoding = (advancedVSeed, context)=>{
     if (yMeasures && yMeasures.children) {
         const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(datasets[0], dimensions, yMeasures.children, encoding, {
             foldMeasureValue: FoldYMeasureValue,
-            colorItemAsId: true
+            colorItemAsId: true,
+            colorMeasureId: getColorMeasureId(advancedVSeed)
         });
         datasets[0] = newDataset;
         foldInfoList.push(foldInfo);
@@ -5084,7 +5390,8 @@ const pivotReshapeWithScatterEncoding = (advancedVSeed, context)=>{
         if (xMeasures && xMeasures.children) {
             const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, xMeasures.children, encoding, {
                 foldMeasureValue: `${FoldXMeasureValue}${index}`,
-                colorItemAsId: true
+                colorItemAsId: true,
+                colorMeasureId: getColorMeasureId(advancedVSeed)
             });
             datasets.push(newDataset);
             foldInfoList.push(foldInfo);
@@ -5093,7 +5400,8 @@ const pivotReshapeWithScatterEncoding = (advancedVSeed, context)=>{
         if (yMeasures && yMeasures.children) {
             const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, yMeasures.children, encoding, {
                 foldMeasureValue: `${FoldYMeasureValue}${index}`,
-                colorItemAsId: true
+                colorItemAsId: true,
+                colorMeasureId: getColorMeasureId(advancedVSeed)
             });
             datasets.push(newDataset);
             foldInfoList.push(foldInfo);
@@ -5128,7 +5436,7 @@ const pivotReshapeWithScatterEncoding = (advancedVSeed, context)=>{
 };
 const scatterAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoScatterMeasures,
+    buildMeasuresForScatter,
     autoDimensions_autoDimensions,
     encodingForScatter,
     pivotAdapter([
@@ -5222,7 +5530,7 @@ const horizontalCrosshairLine = (spec, context)=>{
 };
 const scatter = [
     initScatter,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetScatter,
     progressive,
@@ -5230,10 +5538,10 @@ const scatter = [
     yLinear,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     verticalCrosshairLine,
     horizontalCrosshairLine,
-    discreteLegend,
-    pointStyle_pointStyle,
+    colorPointStyleFill(pointStyle_pointStyle),
     pointStateHover,
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
@@ -5247,7 +5555,7 @@ const pivotScatter = [
     datasetPivot,
     pivotIndicators_pivotIndicators([
         initScatter,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         datasetScatter,
         progressive,
@@ -5257,7 +5565,7 @@ const pivotScatter = [
         tooltip_tooltip,
         verticalCrosshairLine,
         horizontalCrosshairLine,
-        pointStyle_pointStyle,
+        colorPointStyleFill(pointStyle_pointStyle),
         pointStateHover,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
@@ -5275,68 +5583,55 @@ const registerScatter = ()=>{
     Builder._advancedPipelineMap.scatter = scatterAdvancedPipeline;
     Builder._specPipelineMap.scatter = scatterSpecPipeline;
 };
-const autoDualMeasures = (advancedVSeed, context)=>{
-    const result = {
-        ...advancedVSeed
-    };
+const buildMeasuresForDualAxis = (advancedVSeed, context)=>{
     const { vseed } = context;
-    const { dataset, dualMeasures, measures } = vseed;
-    if (!dataset) throw new Error('dataset is required');
-    if (0 === dataset.length) return result;
-    if (dualMeasures) {
-        result.measures = dualMeasuresToMeasureTree(dualMeasures);
-        return result;
+    if (isMeasureTreeWithChildren(vseed)) {
+        advancedVSeed.measures = vseed.measures;
+        return advancedVSeed;
     }
-    if (measures && measureDepth(measures) > 1) {
-        result.measures = measures;
-        return result;
+    if (isMeasureTreeWithParentId(vseed)) {
+        advancedVSeed.measures = buildMeasuresForDualAxis_generateMeasuresByParentId(vseed.measures);
+        return advancedVSeed;
     }
-    const top100dataset = dataset.slice(0, 100);
-    const sample = top100dataset.reduce((prev, cur)=>({
-            ...prev,
-            ...cur
-        }), {});
-    const newMeasures = measures || Object.keys(sample).filter((key)=>top100dataset.some((item)=>'number' == typeof item[key]) && ![
-            '',
-            null,
-            void 0
-        ].includes(key)).map((measure)=>({
-            id: measure,
-            alias: measure
-        }));
-    if (0 === newMeasures.length) result.measures = [];
-    else if (1 === newMeasures.length) result.measures = [
-        {
-            id: 'primary',
-            alias: 'primary',
-            children: newMeasures
-        }
-    ];
-    else if (newMeasures.length > 1) result.measures = [
-        {
-            id: 'primary',
-            alias: 'primary',
-            children: newMeasures.slice(0, 1)
-        },
+    const basicMeasures = getBasicMeasures(vseed);
+    const dualMeasures = vseed.dualMeasures ? vseed.dualMeasures : basicMeasuresToDualMeasures(basicMeasures);
+    advancedVSeed.measures = dualMeasuresToMeasureTree(dualMeasures);
+    return advancedVSeed;
+};
+const basicMeasuresToDualMeasures = (basicMeasures)=>{
+    const primaryMeasures = [];
+    const secondaryMeasures = [];
+    for(let index = 0; index < basicMeasures.length; index++){
+        const item = basicMeasures[index];
+        const encoding = Array.isArray(item.encoding) ? item.encoding : [
+            item.encoding
+        ];
+        const isPrimaryYAxis = encoding.includes('primaryYAxis');
+        const isSecondaryYAxis = encoding.includes('secondaryYAxis');
+        if (isPrimaryYAxis) primaryMeasures.push(item);
+        else if (isSecondaryYAxis) secondaryMeasures.push(item);
+        else if (0 === index) primaryMeasures.push(item);
+        else secondaryMeasures.push(item);
+    }
+    return [
         {
-            id: 'secondary',
-            alias: 'secondary',
-            children: newMeasures.slice(1)
+            id: 'dualMeasures',
+            primaryMeasures,
+            secondaryMeasures
         }
     ];
-    return result;
 };
 const dualMeasuresToMeasureTree = (dualMeasures)=>{
     const measureTree = dualMeasures.map((item, index)=>{
-        const { primaryMeasures, secondaryMeasures } = item;
+        const { id, primaryMeasures, secondaryMeasures } = item;
         const groupChildren = [];
-        let id = '';
+        let groupId = `${id}-`;
         if (primaryMeasures) {
             const arrPrimaryMeasures = Array.isArray(primaryMeasures) ? primaryMeasures : [
                 primaryMeasures
             ];
             const alias = arrPrimaryMeasures.map((item)=>item.alias || item.id).toString();
-            id += alias;
+            groupId += alias;
             groupChildren.push({
                 id: `${index}-primary`,
                 alias: arrPrimaryMeasures.map((item)=>item.alias || item.id).toString(),
@@ -5348,7 +5643,7 @@ const dualMeasuresToMeasureTree = (dualMeasures)=>{
                 secondaryMeasures
             ];
             const alias = arrSecondaryMeasures.map((item)=>item.alias || item.id).toString();
-            id += alias;
+            groupId += alias;
             groupChildren.push({
                 id: `${index}-secondary`,
                 alias: arrSecondaryMeasures.map((item)=>item.alias || item.id).toString(),
@@ -5356,14 +5651,37 @@ const dualMeasuresToMeasureTree = (dualMeasures)=>{
             });
         }
         return {
-            id,
-            alias: id,
+            id: groupId,
+            alias: groupId,
             children: groupChildren
         };
     });
     if (1 === dualMeasures.length) return measureTree[0].children || [];
     return measureTree;
 };
+const buildMeasuresForDualAxis_generateMeasuresByParentId = (measures)=>{
+    const dualMeasures = [];
+    measures.forEach((item)=>{
+        if (!item.parentId) return;
+        if (!dualMeasures.find((d)=>d.id === item.parentId)) dualMeasures.push({
+            id: item.parentId,
+            primaryMeasures: [],
+            secondaryMeasures: []
+        });
+        const dualChart = dualMeasures.find((d)=>d.id === item.parentId);
+        if (!dualChart || !Array.isArray(dualChart.primaryMeasures) || !Array.isArray(dualChart.secondaryMeasures)) return;
+        const encoding = Array.isArray(item.encoding) ? item.encoding : [
+            item.encoding
+        ];
+        const isPrimary = encoding.includes('primaryYAxis');
+        const isSecondary = encoding.includes('secondaryYAxis');
+        if (isPrimary) dualChart.primaryMeasures.push(item);
+        else if (isSecondary) dualChart.secondaryMeasures.push(item);
+        else if (!isPrimary && !isSecondary) if (0 === dualChart.primaryMeasures.length) dualChart.primaryMeasures.push(item);
+        else dualChart.secondaryMeasures.push(item);
+    });
+    return dualMeasuresToMeasureTree(dualMeasures);
+};
 const encodingForDualAxis = (advancedVSeed, context)=>{
     const { vseed } = context;
     const { dimensions } = advancedVSeed;
@@ -5377,10 +5695,10 @@ const encodingForDualAxis = (advancedVSeed, context)=>{
             (dimensions[1] || dimensions[0]).id
         ];
         const detail = encoding.detail || [];
-        const mergedDetail = (0, external_remeda_namespaceObject.unique)([
+        const mergedDetail = 0 === detail.length ? (0, external_remeda_namespaceObject.unique)([
             ...color,
             ...detail
-        ]);
+        ]) : detail;
         return {
             ...advancedVSeed,
             encoding: {
@@ -5422,7 +5740,8 @@ const reshapeWithDualEncoding = (advancedVSeed, context)=>{
     const secondaryMeasures = measures[1] || [];
     if (primaryMeasures && primaryMeasures.children) {
         const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, primaryMeasures.children, encoding, {
-            foldMeasureValue: FoldPrimaryMeasureValue
+            foldMeasureValue: FoldPrimaryMeasureValue,
+            colorMeasureId: getColorMeasureId(advancedVSeed)
         });
         datasets.push(newDataset);
         foldInfoList.push(foldInfo);
@@ -5430,7 +5749,8 @@ const reshapeWithDualEncoding = (advancedVSeed, context)=>{
     }
     if (secondaryMeasures && secondaryMeasures.children) {
         const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, secondaryMeasures.children, encoding, {
-            foldMeasureValue: FoldSecondaryMeasureValue
+            foldMeasureValue: FoldSecondaryMeasureValue,
+            colorMeasureId: getColorMeasureId(advancedVSeed)
         });
         datasets.push(newDataset);
         foldInfoList.push(foldInfo);
@@ -5484,7 +5804,8 @@ const pivotReshapeWithDualEncoding = (advancedVSeed, context)=>{
         const secondaryMeasures = measures[1] || [];
         if (primaryMeasures && primaryMeasures.children) {
             const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, primaryMeasures.children, encoding, {
-                foldMeasureValue: `${FoldPrimaryMeasureValue}${index}`
+                foldMeasureValue: `${FoldPrimaryMeasureValue}${index}`,
+                colorMeasureId: getColorMeasureId(advancedVSeed)
             });
             datasets.push(newDataset);
             foldInfoList.push(foldInfo);
@@ -5492,7 +5813,8 @@ const pivotReshapeWithDualEncoding = (advancedVSeed, context)=>{
         }
         if (secondaryMeasures && secondaryMeasures.children) {
             const { dataset: newDataset, foldInfo, unfoldInfo } = dataReshapeByEncoding(dataset, dimensions, secondaryMeasures.children, encoding, {
-                foldMeasureValue: `${FoldSecondaryMeasureValue}${index}`
+                foldMeasureValue: `${FoldSecondaryMeasureValue}${index}`,
+                colorMeasureId: getColorMeasureId(advancedVSeed)
             });
             datasets.push(newDataset);
             foldInfoList.push(foldInfo);
@@ -5550,7 +5872,7 @@ const dualAxisConfig = (advancedVSeed, context)=>{
 };
 const dualAxisAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoDualMeasures,
+    buildMeasuresForDualAxis,
     autoDimensions_autoDimensions,
     encodingForDualAxis,
     pivotAdapter([
@@ -5637,7 +5959,7 @@ const initDualAxisSecondary = (spec, context)=>{
     result.direction = 'vertical';
     result.xField = unfoldInfo.encodingX;
     if (foldInfoList?.[1]) result.yField = foldInfoList[1].measureValue;
-    result.seriesField = unfoldInfo.encodingColorId;
+    result.seriesField = isLinearColor(advancedVSeed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
     result.animation = true;
     return result;
 };
@@ -6263,6 +6585,37 @@ const yLinearSecondary = (spec, context)=>{
     ];
     return result;
 };
+const linearColorForDualAxis = (spec, context)=>{
+    const result = {
+        ...spec
+    };
+    const { advancedVSeed } = context;
+    const { datasetReshapeInfo, chartType } = advancedVSeed;
+    const { unfoldInfo, id } = datasetReshapeInfo[0];
+    const baseConfig = advancedVSeed.config[chartType];
+    if (!baseConfig || !baseConfig.color) return result;
+    const { color } = baseConfig;
+    const { colorScheme, linearColorScheme } = color;
+    result.color = {
+        type: 'linear',
+        range: linearColorScheme || colorScheme || [],
+        domain: [
+            {
+                dataId: `${id}-primary-dataset`,
+                fields: [
+                    unfoldInfo.encodingColor
+                ]
+            },
+            {
+                dataId: `${id}-secondary-dataset`,
+                fields: [
+                    unfoldInfo.encodingColor
+                ]
+            }
+        ]
+    };
+    return result;
+};
 const dualAxis = [
     seriesDualAxis([
         initDualAxisPrimary,
@@ -6271,11 +6624,11 @@ const dualAxis = [
         labelPrimary,
         tooltipPrimary,
         progressive,
-        barStyle_barStyle,
-        pointStyle_pointStyle,
+        colorBarStyleFill(barStyle_barStyle),
+        colorPointStyleFill(pointStyle_pointStyle),
         pointStateDimensionHover,
-        lineStyle_lineStyle,
-        areaStyle_areaStyle
+        colorLineStyleFill(lineStyle_lineStyle),
+        colorAreaStyleFill(areaStyle_areaStyle)
     ], [
         initDualAxisSecondary,
         dualChartTypeSecondary,
@@ -6283,18 +6636,18 @@ const dualAxis = [
         labelSecondary,
         tooltipSecondary,
         progressive,
-        barStyle_barStyle,
-        pointStyle_pointStyle,
+        colorBarStyleFill(barStyle_barStyle),
+        colorPointStyleFill(pointStyle_pointStyle),
         pointStateDimensionHover,
-        lineStyle_lineStyle,
-        areaStyle_areaStyle
+        colorLineStyleFill(lineStyle_lineStyle),
+        colorAreaStyleFill(areaStyle_areaStyle)
     ]),
     xBand,
     yLinearPrimary,
     yLinearSecondary,
-    color_color,
+    colorAdapter(color_color, linearColorForDualAxis),
+    colorAdapter(discreteLegend, colorLegend),
     background_backgroundColor,
-    discreteLegend,
     verticalCrosshairRect,
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
@@ -6314,11 +6667,11 @@ const pivotDualAxis = [
             labelPrimary,
             tooltipPrimary,
             progressive,
-            barStyle_barStyle,
-            pointStyle_pointStyle,
+            colorBarStyleFill(barStyle_barStyle),
+            colorPointStyleFill(pointStyle_pointStyle),
             pointStateDimensionHover,
-            lineStyle_lineStyle,
-            areaStyle_areaStyle
+            colorLineStyleFill(lineStyle_lineStyle),
+            colorAreaStyleFill(areaStyle_areaStyle)
         ], [
             initDualAxisSecondary,
             dualChartTypeSecondary,
@@ -6326,16 +6679,16 @@ const pivotDualAxis = [
             labelSecondary,
             tooltipSecondary,
             progressive,
-            barStyle_barStyle,
-            pointStyle_pointStyle,
+            colorBarStyleFill(barStyle_barStyle),
+            colorPointStyleFill(pointStyle_pointStyle),
             pointStateDimensionHover,
-            lineStyle_lineStyle,
-            areaStyle_areaStyle
+            colorLineStyleFill(lineStyle_lineStyle),
+            colorAreaStyleFill(areaStyle_areaStyle)
         ]),
         xBand,
         yLinearPrimary,
         yLinearSecondary,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         verticalCrosshairRect,
         annotationPoint_annotationPoint,
@@ -6345,7 +6698,7 @@ const pivotDualAxis = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const dualAxisSpecPipeline = [
     pivotAdapter_pivotAdapter(dualAxis, pivotDualAxis)
@@ -6380,7 +6733,7 @@ const encodingForPie = (advancedVSeed, context)=>{
 };
 const pieAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForPie,
     pivotAdapter([
@@ -6471,7 +6824,7 @@ const registerPie = ()=>{
 };
 const donutAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForPie,
     pivotAdapter([
@@ -6572,10 +6925,10 @@ const encodingForRose = (advancedVSeed, context)=>{
             (dimensions[1] || dimensions[0]).id
         ];
         const detail = encoding.detail || [];
-        const mergedDetail = (0, external_remeda_namespaceObject.unique)([
+        const mergedDetail = 0 === detail.length ? (0, external_remeda_namespaceObject.unique)([
             ...color,
             ...detail
-        ]);
+        ]) : detail;
         return {
             ...advancedVSeed,
             encoding: {
@@ -6603,7 +6956,7 @@ const encodingForRose = (advancedVSeed, context)=>{
 };
 const roseAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForRose,
     pivotAdapter([
@@ -6772,7 +7125,7 @@ const registerRose = ()=>{
 };
 const roseParallelAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForRose,
     pivotAdapter([
@@ -6891,10 +7244,10 @@ const encodingForRadar = (advancedVSeed, context)=>{
             (dimensions[1] || dimensions[0]).id
         ];
         const detail = encoding.detail || [];
-        const mergedDetail = (0, external_remeda_namespaceObject.unique)([
+        const mergedDetail = 0 === detail.length ? (0, external_remeda_namespaceObject.unique)([
             ...color,
             ...detail
-        ]);
+        ]) : detail;
         return {
             ...advancedVSeed,
             encoding: {
@@ -6921,7 +7274,7 @@ const encodingForRadar = (advancedVSeed, context)=>{
 };
 const radarAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForRadar,
     pivotAdapter([
@@ -6945,7 +7298,7 @@ const initRadar = (spec, context)=>{
     result.type = 'radar';
     result.angleField = unfoldInfo.encodingAngle;
     result.radiusField = foldInfo.measureValue;
-    result.seriesField = unfoldInfo.encodingColorId;
+    result.seriesField = isLinearColor(advancedVSeed) ? unfoldInfo.encodingDetail : unfoldInfo.encodingColorId;
     result.padding = 0;
     result.region = [
         {
@@ -7010,7 +7363,7 @@ const radarRadiusAxis = (spec, context)=>{
 };
 const radar = [
     initRadar,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetXY,
     progressive,
@@ -7018,12 +7371,12 @@ const radar = [
     radarRadiusAxis,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     verticalCrosshairLine,
-    discreteLegend,
-    pointStyle_pointStyle,
+    colorPointStyleFill(pointStyle_pointStyle),
     pointStateDimensionHover,
-    lineStyle_lineStyle,
-    areaStyle_areaStyle
+    colorLineStyleFill(lineStyle_lineStyle),
+    colorAreaStyleFill(areaStyle_areaStyle)
 ];
 const pivotRadar = [
     initPivot,
@@ -7032,7 +7385,7 @@ const pivotRadar = [
     datasetPivot,
     pivotIndicators_pivotIndicators([
         initRadar,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         datasetXY,
         progressive,
@@ -7041,14 +7394,14 @@ const pivotRadar = [
         label_label,
         tooltip_tooltip,
         verticalCrosshairLine,
-        pointStyle_pointStyle,
+        colorPointStyleFill(pointStyle_pointStyle),
         pointStateDimensionHover,
-        lineStyle_lineStyle,
-        areaStyle_areaStyle
+        colorLineStyleFill(lineStyle_lineStyle),
+        colorAreaStyleFill(areaStyle_areaStyle)
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const radarSpecPipeline = [
     pivotAdapter_pivotAdapter(radar, pivotRadar)
@@ -7083,7 +7436,7 @@ const encodingForFunnel = (advancedVSeed, context)=>{
 };
 const funnelAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForFunnel,
     pivotAdapter([
@@ -7214,7 +7567,7 @@ const encodingForHeatmap = (advancedVSeed, context)=>{
 };
 const heatmapAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
-    autoMeasures_autoMeasures,
+    buildMeasures,
     autoDimensions_autoDimensions,
     encodingForHeatmap,
     pivotAdapter([
@@ -7436,6 +7789,10 @@ const lightTheme = ()=>{
     const baseConfig = {
         backgroundColor: 'transparent',
         color: {
+            linearColorScheme: [
+                '#C2CEFF',
+                '#5766EC'
+            ],
             colorScheme: [
                 '#8D72F6',
                 '#5766EC',
@@ -7500,8 +7857,8 @@ const lightTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             columnParallel: {
@@ -7512,8 +7869,8 @@ const lightTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             columnPercent: {
@@ -7524,8 +7881,8 @@ const lightTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             bar: {
@@ -7534,10 +7891,10 @@ const lightTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect,
                 stackCornerRadius: [
+                    0,
                     4,
                     4,
-                    4,
-                    4
+                    0
                 ]
             },
             barParallel: {
@@ -7546,10 +7903,10 @@ const lightTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect,
                 stackCornerRadius: [
+                    0,
                     4,
                     4,
-                    4,
-                    4
+                    0
                 ]
             },
             barPercent: {
@@ -7558,10 +7915,10 @@ const lightTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect,
                 stackCornerRadius: [
+                    0,
                     4,
                     4,
-                    4,
-                    4
+                    0
                 ]
             },
             area: {
@@ -7626,38 +7983,10 @@ const lightTheme = ()=>{
                 ...baseConfig
             },
             funnel: {
-                ...baseConfig,
-                color: {
-                    colorScheme: [
-                        '#5766EC',
-                        '#6372F0',
-                        '#7080F4',
-                        '#7C8CFA',
-                        '#8998FF',
-                        '#95A3FF',
-                        '#A0AEFF',
-                        '#ACB9FF',
-                        '#B7C4FF',
-                        '#C2CEFF'
-                    ].reverse()
-                }
+                ...baseConfig
             },
             heatmap: {
-                ...baseConfig,
-                color: {
-                    colorScheme: [
-                        '#5766EC',
-                        '#6372F0',
-                        '#7080F4',
-                        '#7C8CFA',
-                        '#8998FF',
-                        '#95A3FF',
-                        '#A0AEFF',
-                        '#ACB9FF',
-                        '#B7C4FF',
-                        '#C2CEFF'
-                    ].reverse()
-                }
+                ...baseConfig
             }
         }
     };
@@ -7769,6 +8098,10 @@ const darkTheme = ()=>{
     const baseConfig = {
         backgroundColor: 'transparent',
         color: {
+            linearColorScheme: [
+                '#A0CEFF',
+                '#2E62F1'
+            ],
             colorScheme: [
                 '#2E62F1',
                 '#4DC36A',
@@ -7832,8 +8165,8 @@ const darkTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             columnParallel: {
@@ -7844,8 +8177,8 @@ const darkTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             columnPercent: {
@@ -7856,8 +8189,8 @@ const darkTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             bar: {
@@ -7878,10 +8211,10 @@ const darkTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
                 stackCornerRadius: [
+                    0,
                     4,
                     4,
-                    4,
-                    4
+                    0
                 ]
             },
             barPercent: {
@@ -7890,10 +8223,10 @@ const darkTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
                 stackCornerRadius: [
+                    0,
                     4,
                     4,
-                    4,
-                    4
+                    0
                 ]
             },
             area: {
@@ -7958,21 +8291,7 @@ const darkTheme = ()=>{
                 ...baseConfig
             },
             funnel: {
-                ...baseConfig,
-                color: {
-                    colorScheme: [
-                        '#2E62F1',
-                        '#3A6EF6',
-                        '#4780FA',
-                        '#548CFE',
-                        '#6198FF',
-                        '#6FA3FF',
-                        '#7CACFF',
-                        '#88B7FF',
-                        '#94C2FF',
-                        '#A0CEFF'
-                    ]
-                }
+                ...baseConfig
             },
             heatmap: {
                 ...baseConfig
@@ -8023,9 +8342,6 @@ 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 external_zod_namespaceObject = require("zod");
 const zChartType = external_zod_namespaceObject.z["enum"]([
     'table',
@@ -8119,7 +8435,20 @@ const zMeasure = external_zod_namespaceObject.z.object({
     id: external_zod_namespaceObject.z.string(),
     alias: external_zod_namespaceObject.z.string().optional(),
     autoFormat: external_zod_namespaceObject.z.boolean().default(true),
-    format: zNumFormat["default"]({})
+    format: zNumFormat["default"]({}),
+    encoding: external_zod_namespaceObject.z["enum"]([
+        'primaryYAxis',
+        'secondaryYAxis',
+        'xAxis',
+        'yAxis',
+        'angle',
+        'radius',
+        'size',
+        'color',
+        'label',
+        'tooltip'
+    ]).optional(),
+    parentId: external_zod_namespaceObject.z.string().optional()
 });
 const zMeasureGroup = external_zod_namespaceObject.z.object({
     id: external_zod_namespaceObject.z.string(),
@@ -8144,6 +8473,8 @@ const zScatterMeasure = external_zod_namespaceObject.z.object({
 const zScatterMeasures = external_zod_namespaceObject.z.array(zScatterMeasure);
 const zFoldInfo = external_zod_namespaceObject.z.object({
     foldMap: external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string(), external_zod_namespaceObject.z.string().or(external_zod_namespaceObject.z.undefined())),
+    colorRange: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.number()),
+    measureRange: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.number()),
     measureId: external_zod_namespaceObject.z.string(),
     measureName: external_zod_namespaceObject.z.string(),
     measureValue: external_zod_namespaceObject.z.string()
@@ -8179,7 +8510,6 @@ const zEncoding = external_zod_namespaceObject.z.object({
     column: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).nullish(),
     group: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).nullish().describe("\u5DF2\u5F03\u7528, \u8BF7\u4F7F\u7528\u989C\u8272\u66FF\u4EE3")
 });
-const zEncodings = external_zod_namespaceObject.z.array(zEncoding);
 const zXBandAxis = external_zod_namespaceObject.z.object({
     visible: external_zod_namespaceObject.z.boolean().default(true).nullish(),
     labelAutoHide: external_zod_namespaceObject.z.boolean().default(true).nullish(),
@@ -8288,10 +8618,11 @@ const zStackCornerRadius = external_zod_namespaceObject.z.number().or(external_z
 const zBackgroundColor = external_zod_namespaceObject.z.string().default('transparent').nullish();
 const zColor = external_zod_namespaceObject.z.object({
     colorScheme: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).nullish(),
+    linearColorScheme: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).nullish(),
     colorMapping: external_zod_namespaceObject.z.record(external_zod_namespaceObject.z.string(), external_zod_namespaceObject.z.string()).nullish()
 });
 const zLinearColor = external_zod_namespaceObject.z.object({
-    colorScheme: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).nullish()
+    linearColorScheme: external_zod_namespaceObject.z.array(external_zod_namespaceObject.z.string()).nullish()
 });
 const zLabel = external_zod_namespaceObject.z.object({
     enable: external_zod_namespaceObject.z.boolean().default(true).nullish()
@@ -9272,7 +9603,7 @@ const zFunnel = external_zod_namespaceObject.z.object({
     dimensions: zDimensions.nullish(),
     measures: zMeasureTree.nullish(),
     backgroundColor: zBackgroundColor.nullish(),
-    color: zLinearColor.nullish(),
+    color: zColor.nullish(),
     label: zLabel.nullish(),
     legend: zColorLegend.nullish(),
     tooltip: zTooltip.nullish(),
@@ -9285,7 +9616,7 @@ const zHeatmap = external_zod_namespaceObject.z.object({
     dimensions: zDimensions.nullish(),
     measures: zMeasureTree.nullish(),
     backgroundColor: zBackgroundColor.nullish(),
-    color: zLinearColor.nullish(),
+    color: zColor.nullish(),
     label: zLabel.nullish(),
     legend: zColorLegend.nullish(),
     tooltip: zTooltip.nullish(),
@@ -9321,7 +9652,6 @@ const zAdvancedVSeed = external_zod_namespaceObject.z.object({
     dimensions: zDimensionTree,
     measures: zMeasureTree,
     encoding: zEncoding,
-    encodings: zEncodings,
     config: zConfig,
     analysis: zAnalysis,
     theme: zTheme,
@@ -9345,8 +9675,6 @@ exports.FoldYMeasureValue = __webpack_exports__.FoldYMeasureValue;
 exports.MeasureName = __webpack_exports__.MeasureName;
 exports.ORIGINAL_DATA = __webpack_exports__.ORIGINAL_DATA;
 exports.Separator = __webpack_exports__.Separator;
-exports.UnfoldDimensionGroup = __webpack_exports__.UnfoldDimensionGroup;
-exports.UnfoldDimensionGroupId = __webpack_exports__.UnfoldDimensionGroupId;
 exports.XEncoding = __webpack_exports__.XEncoding;
 exports.YEncoding = __webpack_exports__.YEncoding;
 exports.areaAdvancedPipeline = __webpack_exports__.areaAdvancedPipeline;
@@ -9378,8 +9706,6 @@ exports.dualAxisSpecPipeline = __webpack_exports__.dualAxisSpecPipeline;
 exports.execPipeline = __webpack_exports__.execPipeline;
 exports.findAllDimensions = __webpack_exports__.findAllDimensions;
 exports.findAllMeasures = __webpack_exports__.findAllMeasures;
-exports.findDimensionById = __webpack_exports__.findDimensionById;
-exports.findFirstDimension = __webpack_exports__.findFirstDimension;
 exports.findFirstMeasure = __webpack_exports__.findFirstMeasure;
 exports.findMeasureById = __webpack_exports__.findMeasureById;
 exports.foldMeasures = __webpack_exports__.foldMeasures;
@@ -9389,10 +9715,7 @@ exports.heatmapAdvancedPipeline = __webpack_exports__.heatmapAdvancedPipeline;
 exports.heatmapSpecPipeline = __webpack_exports__.heatmapSpecPipeline;
 exports.i18n = __webpack_exports__.i18n;
 exports.intl = __webpack_exports__.intl;
-exports.isDimension = __webpack_exports__.isDimension;
-exports.isDimensionGroup = __webpack_exports__.isDimensionGroup;
 exports.isDimensionSelector = __webpack_exports__.isDimensionSelector;
-exports.isDimensions = __webpack_exports__.isDimensions;
 exports.isMeasure = __webpack_exports__.isMeasure;
 exports.isMeasureGroup = __webpack_exports__.isMeasureGroup;
 exports.isMeasureSelector = __webpack_exports__.isMeasureSelector;
@@ -9500,7 +9823,6 @@ exports.zDualChartType = __webpack_exports__.zDualChartType;
 exports.zDualMeasure = __webpack_exports__.zDualMeasure;
 exports.zDualMeasures = __webpack_exports__.zDualMeasures;
 exports.zEncoding = __webpack_exports__.zEncoding;
-exports.zEncodings = __webpack_exports__.zEncodings;
 exports.zFoldInfo = __webpack_exports__.zFoldInfo;
 exports.zFunnel = __webpack_exports__.zFunnel;
 exports.zFunnelConfig = __webpack_exports__.zFunnelConfig;
@@ -9563,8 +9885,6 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "MeasureName",
     "ORIGINAL_DATA",
     "Separator",
-    "UnfoldDimensionGroup",
-    "UnfoldDimensionGroupId",
     "XEncoding",
     "YEncoding",
     "areaAdvancedPipeline",
@@ -9596,8 +9916,6 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "execPipeline",
     "findAllDimensions",
     "findAllMeasures",
-    "findDimensionById",
-    "findFirstDimension",
     "findFirstMeasure",
     "findMeasureById",
     "foldMeasures",
@@ -9607,10 +9925,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "heatmapSpecPipeline",
     "i18n",
     "intl",
-    "isDimension",
-    "isDimensionGroup",
     "isDimensionSelector",
-    "isDimensions",
     "isMeasure",
     "isMeasureGroup",
     "isMeasureSelector",
@@ -9718,7 +10033,6 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "zDualMeasure",
     "zDualMeasures",
     "zEncoding",
-    "zEncodings",
     "zFoldInfo",
     "zFunnel",
     "zFunnelConfig",