@visactor/vseed 0.1.0 → 0.1.2

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,
@@ -196,9 +190,9 @@ __webpack_require__.d(__webpack_exports__, {
     registerBarParallel: ()=>registerBarParallel,
     registerRadar: ()=>registerRadar,
     zEncodings: ()=>zEncodings,
-    isDimension: ()=>isDimension,
     pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
     zLocale: ()=>zLocale,
+    zMeasure: ()=>zMeasure,
     FoldXMeasureValue: ()=>FoldXMeasureValue,
     dualAxisAdvancedPipeline: ()=>dualAxisAdvancedPipeline,
     registerScatter: ()=>registerScatter,
@@ -210,10 +204,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 +224,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 +949,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 = [];
@@ -1437,8 +1404,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,23 +1443,26 @@ 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;
     const encoding = vseed.encoding;
     if (encoding) {
-        const x = encoding.x || [];
-        const detail = encoding.detail || [];
-        const color = encoding.color || [];
-        const mergedDetail = [
-            ...color.filter((d)=>!x.includes(d)),
-            ...detail
+        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 ? dimensions.map((d)=>d.id).filter((id)=>!x.includes(id)) : encoding.detail;
         return {
             ...advancedVSeed,
             encoding: {
                 ...encoding,
+                x,
+                color,
                 detail: mergedDetail
             }
         };
@@ -1502,7 +1470,7 @@ const encodingForColumn = (advancedVSeed, context)=>{
     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(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: [],
@@ -1520,11 +1488,21 @@ 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 = FoldMeasureId, measureName = FoldMeasureName, measureValue = FoldMeasureValue } = options || {};
+    const colorMeasureId = encoding?.color?.length === 1 && measures.some((m)=>m.id === encoding?.color?.[0]) ? encoding?.color?.[0] : void 0;
     const foldInfo = {
         measureId,
         measureName,
         measureValue,
+        colorRange: [
+            0,
+            1
+        ],
+        measureRange: [
+            0,
+            1
+        ],
         foldMap: {}
     };
     const result = new Array(dataset.length * measures.length);
@@ -1541,6 +1519,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;
     }
@@ -1576,7 +1567,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 ? [
@@ -1597,29 +1588,13 @@ 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 { dataset: foldedDataset, foldInfo } = foldMeasures(dataset, measures, encoding, {
+        measureId: foldMeasureId,
+        measureName: foldMeasureName,
+        measureValue: foldMeasureValue
+    });
     const { dataset: finalDataset, unfoldInfo } = unfoldDimensions(foldedDataset, dimensions, encoding, {
         foldMeasureId,
         separator: Separator,
@@ -1885,7 +1860,7 @@ const lineAdvancedPipeline = [
     initAdvancedVSeed_initAdvancedVSeed,
     autoMeasures_autoMeasures,
     autoDimensions_autoDimensions,
-    encodingForColumn,
+    encodingForLine,
     pivotAdapter([
         reshapeWithEncoding
     ], [
@@ -1898,6 +1873,17 @@ const lineAdvancedPipeline = [
     markStyle_markStyle,
     annotation_annotation
 ];
+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 initLine = (spec, context)=>{
     const result = {
         ...spec
@@ -1909,7 +1895,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 = [
         {
@@ -1970,6 +1956,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
@@ -2477,6 +2488,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';
@@ -2573,7 +2673,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 : [
@@ -2617,6 +2720,7 @@ const pointStyle_pointStyle = (spec, context)=>{
     return {
         ...result,
         point: {
+            ...result.point,
             state: {
                 ...customMap
             }
@@ -2672,15 +2776,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
     ];
@@ -2724,6 +2844,7 @@ const lineStyle_lineStyle = (spec, context)=>{
     return {
         ...result,
         line: {
+            ...result.line,
             state: {
                 ...customMap
             }
@@ -3496,7 +3617,7 @@ const pivotAdapter_pivotAdapter = (pipeline, pivotPipeline)=>(spec, context)=>{
     };
 const line_line = [
     initLine,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetXY,
     progressive,
@@ -3505,10 +3626,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,
@@ -3549,6 +3670,48 @@ 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,
@@ -3591,9 +3754,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)=>{
@@ -3643,6 +3811,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;
@@ -3838,11 +4019,98 @@ const annotationAreaBand = (spec, context)=>{
         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 {
+        ...result,
+        legends
+    };
+};
 const column = [
     initColumn,
     stackCornerRadius_stackCornerRadius,
     stackInverse,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetXY,
     progressive,
@@ -3851,8 +4119,8 @@ const column = [
     label_label,
     tooltip_tooltip,
     verticalCrosshairRect,
-    discreteLegend,
-    barStyle_barStyle,
+    colorAdapter(discreteLegend, colorLegend),
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -3867,7 +4135,7 @@ const pivotColumn = [
         initColumn,
         stackCornerRadius_stackCornerRadius,
         stackInverse,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         datasetXY,
         progressive,
@@ -3876,7 +4144,7 @@ const pivotColumn = [
         label_label,
         tooltip_tooltip,
         verticalCrosshairRect,
-        barStyle_barStyle,
+        colorBarStyleFill(barStyle_barStyle),
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -3884,7 +4152,7 @@ const pivotColumn = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const columnSpecPipeline = [
     pivotAdapter_pivotAdapter(column, pivotColumn)
@@ -3940,7 +4208,7 @@ const initColumnParallel = (spec, context)=>{
 const columnParallel = [
     initColumnParallel,
     stackCornerRadius_stackCornerRadius,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetXY,
     progressive,
@@ -3948,9 +4216,9 @@ const columnParallel = [
     yLinear,
     label_label,
     tooltip_tooltip,
-    discreteLegend,
+    colorAdapter(discreteLegend, colorLegend),
     verticalCrosshairRect,
-    barStyle_barStyle,
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -3964,7 +4232,7 @@ const pivotColumnParallel = [
     pivotIndicators_pivotIndicators([
         initColumnParallel,
         stackCornerRadius_stackCornerRadius,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         datasetXY,
         progressive,
@@ -3973,7 +4241,7 @@ const pivotColumnParallel = [
         label_label,
         tooltip_tooltip,
         verticalCrosshairRect,
-        barStyle_barStyle,
+        colorBarStyleFill(barStyle_barStyle),
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -3981,7 +4249,7 @@ const pivotColumnParallel = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const columnParallelSpecPipeline = [
     pivotAdapter_pivotAdapter(columnParallel, pivotColumnParallel)
@@ -4018,7 +4286,7 @@ const columnPercent = [
     initColumn,
     stackCornerRadius_stackCornerRadius,
     stackInverse,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     percent,
     datasetXY,
@@ -4027,9 +4295,9 @@ const columnPercent = [
     yLinear,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     verticalCrosshairRect,
-    discreteLegend,
-    barStyle_barStyle,
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -4044,7 +4312,7 @@ const pivotColumnPercent = [
         initColumn,
         stackCornerRadius_stackCornerRadius,
         stackInverse,
-        color_color,
+        colorAdapter(color_color, linearColor),
         percent,
         background_backgroundColor,
         datasetXY,
@@ -4054,7 +4322,7 @@ const pivotColumnPercent = [
         label_label,
         tooltip_tooltip,
         verticalCrosshairRect,
-        barStyle_barStyle,
+        colorBarStyleFill(barStyle_barStyle),
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -4062,7 +4330,7 @@ const pivotColumnPercent = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const columnPercentSpecPipeline = [
     pivotAdapter_pivotAdapter(columnPercent, pivotColumnPercent)
@@ -4077,17 +4345,23 @@ const encodingForBar = (advancedVSeed, context)=>{
     if (!dimensions) return advancedVSeed;
     const encoding = vseed.encoding;
     if (encoding) {
-        const y = encoding.y || [];
+        const y = encoding.y || [
+            dimensions[0].id
+        ];
+        const color = encoding.color || [
+            (dimensions[1] || dimensions[0]).id
+        ];
         const detail = encoding.detail || [];
-        const color = encoding.color || [];
-        const mergedDetail = [
-            ...color.filter((d)=>!y.includes(d)),
+        const mergedDetail = 0 === detail.length ? (0, external_remeda_namespaceObject.unique)([
+            ...color,
             ...detail
-        ];
+        ]) : detail;
         return {
             ...advancedVSeed,
             encoding: {
                 ...encoding,
+                y,
+                color,
                 detail: mergedDetail
             }
         };
@@ -4095,7 +4369,7 @@ const encodingForBar = (advancedVSeed, context)=>{
     const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
     const mergedEncoding = {
         y: dimensions.slice(0, 1).map((item)=>item.id),
-        color: dimensions.slice(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: [],
@@ -4425,7 +4699,7 @@ const horizontalCrosshairRect = (spec, context)=>{
 const bar = [
     initBar,
     stackCornerRadius_stackCornerRadius,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetYX,
     progressive,
@@ -4433,9 +4707,9 @@ const bar = [
     yBand,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     horizontalCrosshairRect,
-    discreteLegend,
-    barStyle_barStyle,
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -4449,7 +4723,7 @@ const pivotBar = [
     pivotIndicators_pivotIndicators([
         initBar,
         stackCornerRadius_stackCornerRadius,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         datasetYX,
         progressive,
@@ -4458,8 +4732,8 @@ const pivotBar = [
         label_label,
         label_label,
         tooltip_tooltip,
+        colorBarStyleFill(barStyle_barStyle),
         horizontalCrosshairRect,
-        barStyle_barStyle,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -4467,7 +4741,7 @@ const pivotBar = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const barSpecPipeline = [
     pivotAdapter_pivotAdapter(bar, pivotBar)
@@ -4523,7 +4797,7 @@ const initBarParallel = (spec, context)=>{
 const barParallel = [
     initBarParallel,
     stackCornerRadius_stackCornerRadius,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetYX,
     progressive,
@@ -4531,9 +4805,9 @@ const barParallel = [
     yBand,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     horizontalCrosshairRect,
-    discreteLegend,
-    barStyle_barStyle,
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -4547,15 +4821,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,
@@ -4563,7 +4837,7 @@ const pivotBarParallel = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const barParallelSpecPipeline = [
     pivotAdapter_pivotAdapter(barParallel, pivotBarParallel)
@@ -4592,7 +4866,7 @@ const barPercentAdvancedPipeline = [
 const barPercent = [
     initBar,
     stackCornerRadius_stackCornerRadius,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     percent,
     datasetYX,
@@ -4601,9 +4875,9 @@ const barPercent = [
     yBand,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     horizontalCrosshairRect,
-    discreteLegend,
-    barStyle_barStyle,
+    colorBarStyleFill(barStyle_barStyle),
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
     annotationHorizontalLine_annotationHorizontalLine,
@@ -4617,7 +4891,7 @@ const pivotBarPercent = [
     pivotIndicators_pivotIndicators([
         initBar,
         stackCornerRadius_stackCornerRadius,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         percent,
         datasetYX,
@@ -4625,8 +4899,8 @@ const pivotBarPercent = [
         xLinear,
         label_label,
         tooltip_tooltip,
+        colorBarStyleFill(barStyle_barStyle),
         horizontalCrosshairRect,
-        barStyle_barStyle,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
         annotationHorizontalLine_annotationHorizontalLine,
@@ -4634,7 +4908,7 @@ const pivotBarPercent = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const barPercentSpecPipeline = [
     pivotAdapter_pivotAdapter(barPercent, pivotBarPercent)
@@ -4671,7 +4945,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 = [
         {
@@ -4681,20 +4955,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
     ];
@@ -4722,6 +5008,7 @@ const areaStyle_areaStyle = (spec, context)=>{
     return {
         ...result,
         area: {
+            ...result.area,
             visible: true,
             state: {
                 ...customMap
@@ -4732,7 +5019,7 @@ const areaStyle_areaStyle = (spec, context)=>{
 const area_area = [
     initArea,
     stackInverse,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetXY,
     progressive,
@@ -4740,12 +5027,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,
@@ -4758,7 +5045,7 @@ const pivotArea = [
     datasetPivot,
     pivotIndicators_pivotIndicators([
         initArea,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         stackInverse,
         datasetXY,
@@ -4768,10 +5055,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,
@@ -4779,7 +5066,7 @@ const pivotArea = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const areaSpecPipeline = [
     pivotAdapter_pivotAdapter(area_area, pivotArea)
@@ -4808,7 +5095,7 @@ const areaPercentAdvancedPipeline = [
 const areaPercent = [
     initArea,
     stackInverse,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     percent,
     datasetXY,
@@ -4817,11 +5104,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,
@@ -4835,7 +5123,7 @@ const pivotAreaPercent = [
     pivotIndicators_pivotIndicators([
         initArea,
         stackInverse,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         percent,
         datasetXY,
@@ -4845,9 +5133,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,
@@ -4855,7 +5144,7 @@ const pivotAreaPercent = [
     ]),
     pivotRowDimensions,
     pivotColumnDimensions,
-    pivotDiscreteLegend
+    colorAdapter(pivotDiscreteLegend, pivotColorLegend)
 ];
 const areaPercentSpecPipeline = [
     pivotAdapter_pivotAdapter(areaPercent, pivotAreaPercent)
@@ -4960,15 +5249,18 @@ const encodingForScatter = (advancedVSeed, context)=>{
     const encoding = vseed.encoding;
     if (encoding) {
         const detail = encoding.detail || [];
-        const color = encoding.color || [];
-        const mergedDetail = (0, external_remeda_namespaceObject.unique)([
+        const color = encoding.color || [
+            (dimensions[1] || dimensions[0]).id
+        ];
+        const mergedDetail = 0 === detail.length ? (0, external_remeda_namespaceObject.unique)([
             ...color,
             ...detail
-        ]);
+        ]) : detail;
         return {
             ...advancedVSeed,
             encoding: {
                 ...encoding,
+                color,
                 detail: mergedDetail
             }
         };
@@ -5207,7 +5499,7 @@ const horizontalCrosshairLine = (spec, context)=>{
 };
 const scatter = [
     initScatter,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetScatter,
     progressive,
@@ -5215,10 +5507,10 @@ const scatter = [
     yLinear,
     label_label,
     tooltip_tooltip,
+    colorAdapter(discreteLegend, colorLegend),
     verticalCrosshairLine,
     horizontalCrosshairLine,
-    discreteLegend,
-    pointStyle_pointStyle,
+    colorPointStyleFill(pointStyle_pointStyle),
     pointStateHover,
     annotationPoint_annotationPoint,
     annotationVerticalLine_annotationVerticalLine,
@@ -5232,7 +5524,7 @@ const pivotScatter = [
     datasetPivot,
     pivotIndicators_pivotIndicators([
         initScatter,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         datasetScatter,
         progressive,
@@ -5242,7 +5534,7 @@ const pivotScatter = [
         tooltip_tooltip,
         verticalCrosshairLine,
         horizontalCrosshairLine,
-        pointStyle_pointStyle,
+        colorPointStyleFill(pointStyle_pointStyle),
         pointStateHover,
         annotationPoint_annotationPoint,
         annotationVerticalLine_annotationVerticalLine,
@@ -5355,17 +5647,23 @@ const encodingForDualAxis = (advancedVSeed, context)=>{
     if (!dimensions) return advancedVSeed;
     const encoding = vseed.encoding;
     if (encoding) {
-        const x = encoding.x || [];
+        const x = encoding.x || [
+            dimensions[0].id
+        ];
+        const color = encoding.color || [
+            (dimensions[1] || dimensions[0]).id
+        ];
         const detail = encoding.detail || [];
-        const color = encoding.color || [];
-        const mergedDetail = [
-            ...color.filter((d)=>!x.includes(d)),
+        const mergedDetail = 0 === detail.length ? (0, external_remeda_namespaceObject.unique)([
+            ...color,
             ...detail
-        ];
+        ]) : detail;
         return {
             ...advancedVSeed,
             encoding: {
                 ...encoding,
+                x,
+                color,
                 detail: mergedDetail
             }
         };
@@ -6345,7 +6643,6 @@ const encodingForPie = (advancedVSeed, context)=>{
         }
     };
     const mergedEncoding = {
-        angle: dimensions.slice(0, 1).map((item)=>item.id),
         color: dimensions.slice(0).map((item)=>item.id),
         detail: dimensions.slice(0).map((item)=>item.id),
         tooltip: dimensions.map((item)=>item.id),
@@ -6384,8 +6681,7 @@ const initPie = (spec, context)=>{
     result.outerRadius = 0.8;
     result.innerRadius = 0;
     result.valueField = foldInfo.measureValue;
-    result.categoryField = unfoldInfo.encodingAngle;
-    result.seriesField = unfoldInfo.encodingColorId;
+    result.categoryField = unfoldInfo.encodingColorId;
     result.padding = 0;
     result.region = [
         {
@@ -6476,8 +6772,7 @@ const initDonut = (spec, context)=>{
     result.outerRadius = 0.8;
     result.innerRadius = 0.8 * result.outerRadius;
     result.valueField = foldInfo.measureValue;
-    result.categoryField = unfoldInfo.encodingDetail;
-    result.seriesField = unfoldInfo.encodingColorId;
+    result.categoryField = unfoldInfo.encodingColorId;
     result.padding = 0;
     result.region = [
         {
@@ -6547,17 +6842,23 @@ const encodingForRose = (advancedVSeed, context)=>{
     if (!dimensions) return advancedVSeed;
     const encoding = vseed.encoding;
     if (encoding) {
-        const angle = encoding.angle || [];
+        const angle = encoding.angle || [
+            dimensions[0].id
+        ];
+        const color = encoding.color || [
+            (dimensions[1] || dimensions[0]).id
+        ];
         const detail = encoding.detail || [];
-        const color = encoding.color || [];
-        const mergedDetail = [
-            ...color.filter((d)=>!angle.includes(d)),
+        const mergedDetail = 0 === detail.length ? (0, external_remeda_namespaceObject.unique)([
+            ...color,
             ...detail
-        ];
+        ]) : detail;
         return {
             ...advancedVSeed,
             encoding: {
                 ...encoding,
+                angle,
+                color,
                 detail: mergedDetail
             }
         };
@@ -6565,7 +6866,7 @@ const encodingForRose = (advancedVSeed, context)=>{
     const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
     const mergedEncoding = {
         angle: dimensions.slice(0, 1).map((item)=>item.id),
-        color: dimensions.slice(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: [],
@@ -6600,7 +6901,7 @@ const initRose = (spec, context)=>{
     const { dataset, datasetReshapeInfo } = advancedVSeed;
     const { foldInfo, unfoldInfo } = datasetReshapeInfo[0];
     result.type = 'rose';
-    result.categoryField = unfoldInfo.encodingAngle;
+    result.angleField = unfoldInfo.encodingAngle;
     result.seriesField = unfoldInfo.encodingColorId;
     result.valueField = foldInfo.measureValue;
     result.padding = 0;
@@ -6770,7 +7071,7 @@ const initRoseParallel = (spec, context)=>{
     const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
     const sameDimensionsMode = dimensions.length > 1 && dimensions.every((dim)=>dim.id === dimensions[0].id);
     result.type = 'rose';
-    result.categoryField = sameDimensionsMode ? [
+    result.angleField = sameDimensionsMode ? [
         unfoldInfo.encodingAngle
     ] : [
         unfoldInfo.encodingAngle,
@@ -6860,17 +7161,23 @@ const encodingForRadar = (advancedVSeed, context)=>{
     if (!dimensions) return advancedVSeed;
     const encoding = vseed.encoding;
     if (encoding) {
-        const angle = encoding.angle || [];
+        const angle = encoding.angle || [
+            dimensions[0].id
+        ];
+        const color = encoding.color || [
+            (dimensions[1] || dimensions[0]).id
+        ];
         const detail = encoding.detail || [];
-        const color = encoding.color || [];
-        const mergedDetail = [
-            ...color.filter((d)=>!angle.includes(d)),
+        const mergedDetail = 0 === detail.length ? (0, external_remeda_namespaceObject.unique)([
+            ...color,
             ...detail
-        ];
+        ]) : detail;
         return {
             ...advancedVSeed,
             encoding: {
                 ...encoding,
+                angle,
+                color,
                 detail: mergedDetail
             }
         };
@@ -6915,7 +7222,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 = [
         {
@@ -6980,7 +7287,7 @@ const radarRadiusAxis = (spec, context)=>{
 };
 const radar = [
     initRadar,
-    color_color,
+    colorAdapter(color_color, linearColor),
     background_backgroundColor,
     datasetXY,
     progressive,
@@ -6988,12 +7295,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,
@@ -7002,7 +7309,7 @@ const pivotRadar = [
     datasetPivot,
     pivotIndicators_pivotIndicators([
         initRadar,
-        color_color,
+        colorAdapter(color_color, linearColor),
         background_backgroundColor,
         datasetXY,
         progressive,
@@ -7011,14 +7318,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)
@@ -7074,8 +7381,7 @@ const initFunnel = (spec, context)=>{
     const { foldInfo, unfoldInfo } = datasetReshapeInfo[0];
     result.type = 'funnel';
     result.valueField = foldInfo.measureValue;
-    result.categoryField = unfoldInfo.encodingDetail;
-    result.seriesField = unfoldInfo.encodingColorId;
+    result.categoryField = unfoldInfo.encodingColorId;
     result.padding = 0;
     result.isTransform = true;
     result.shape = 'rect';
@@ -7110,6 +7416,7 @@ const funnel = [
     initFunnel,
     background_backgroundColor,
     datasetXY,
+    color_color,
     label_label,
     tooltip_tooltip,
     discreteLegend,
@@ -7127,6 +7434,7 @@ const pivotFunnel = [
         initFunnel,
         background_backgroundColor,
         datasetXY,
+        color_color,
         label_label,
         tooltip_tooltip,
         discreteLegend,
@@ -7150,12 +7458,22 @@ const encodingForHeatmap = (advancedVSeed, context)=>{
     const { dimensions } = advancedVSeed;
     if (!dimensions) return advancedVSeed;
     const encoding = vseed.encoding;
-    if (encoding) return {
-        ...advancedVSeed,
-        encoding: {
-            ...encoding
-        }
-    };
+    if (encoding) {
+        const x = encoding.x || [
+            dimensions[0].id
+        ];
+        const y = encoding.y || [
+            (dimensions[1] || dimensions[0]).id
+        ];
+        return {
+            ...advancedVSeed,
+            encoding: {
+                x,
+                y,
+                ...encoding
+            }
+        };
+    }
     const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
     const mergedEncoding = {
         x: dimensions.slice(0, 1).map((item)=>item.id),
@@ -7242,6 +7560,7 @@ const heatmap = [
     initHeatmap,
     background_backgroundColor,
     datasetXY,
+    color_color,
     label_label,
     labelColorInversion,
     discreteLegend,
@@ -7263,6 +7582,7 @@ const pivotHeatmap = [
         initHeatmap,
         background_backgroundColor,
         datasetXY,
+        color_color,
         label_label,
         labelColorInversion,
         discreteLegend,
@@ -7393,6 +7713,10 @@ const lightTheme = ()=>{
     const baseConfig = {
         backgroundColor: 'transparent',
         color: {
+            linearColorScheme: [
+                '#C2CEFF',
+                '#5766EC'
+            ],
             colorScheme: [
                 '#8D72F6',
                 '#5766EC',
@@ -7457,8 +7781,8 @@ const lightTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             columnParallel: {
@@ -7469,8 +7793,8 @@ const lightTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             columnPercent: {
@@ -7481,8 +7805,8 @@ const lightTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             bar: {
@@ -7491,10 +7815,10 @@ const lightTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect,
                 stackCornerRadius: [
+                    0,
                     4,
                     4,
-                    4,
-                    4
+                    0
                 ]
             },
             barParallel: {
@@ -7503,10 +7827,10 @@ const lightTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect,
                 stackCornerRadius: [
+                    0,
                     4,
                     4,
-                    4,
-                    4
+                    0
                 ]
             },
             barPercent: {
@@ -7515,10 +7839,10 @@ const lightTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect,
                 stackCornerRadius: [
+                    0,
                     4,
                     4,
-                    4,
-                    4
+                    0
                 ]
             },
             area: {
@@ -7583,38 +7907,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
             }
         }
     };
@@ -7726,6 +8022,10 @@ const darkTheme = ()=>{
     const baseConfig = {
         backgroundColor: 'transparent',
         color: {
+            linearColorScheme: [
+                '#A0CEFF',
+                '#2E62F1'
+            ],
             colorScheme: [
                 '#2E62F1',
                 '#4DC36A',
@@ -7789,8 +8089,8 @@ const darkTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             columnParallel: {
@@ -7801,8 +8101,8 @@ const darkTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             columnPercent: {
@@ -7813,8 +8113,8 @@ const darkTheme = ()=>{
                 stackCornerRadius: [
                     4,
                     4,
-                    4,
-                    4
+                    0,
+                    0
                 ]
             },
             bar: {
@@ -7835,10 +8135,10 @@ const darkTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
                 stackCornerRadius: [
+                    0,
                     4,
                     4,
-                    4,
-                    4
+                    0
                 ]
             },
             barPercent: {
@@ -7847,10 +8147,10 @@ const darkTheme = ()=>{
                 yAxis: barBandAxis,
                 crosshairRect: crosshairRect,
                 stackCornerRadius: [
+                    0,
                     4,
                     4,
-                    4,
-                    4
+                    0
                 ]
             },
             area: {
@@ -7915,21 +8215,7 @@ const darkTheme = ()=>{
                 ...baseConfig
             },
             funnel: {
-                ...baseConfig,
-                color: {
-                    colorScheme: [
-                        '#2E62F1',
-                        '#3A6EF6',
-                        '#4780FA',
-                        '#548CFE',
-                        '#6198FF',
-                        '#6FA3FF',
-                        '#7CACFF',
-                        '#88B7FF',
-                        '#94C2FF',
-                        '#A0CEFF'
-                    ]
-                }
+                ...baseConfig
             },
             heatmap: {
                 ...baseConfig
@@ -7980,9 +8266,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',
@@ -8101,6 +8384,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()
@@ -8245,10 +8530,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()
@@ -9229,7 +9515,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(),
@@ -9242,7 +9528,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(),
@@ -9302,8 +9588,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;
@@ -9335,8 +9619,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;
@@ -9346,10 +9628,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;
@@ -9520,8 +9799,6 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "MeasureName",
     "ORIGINAL_DATA",
     "Separator",
-    "UnfoldDimensionGroup",
-    "UnfoldDimensionGroupId",
     "XEncoding",
     "YEncoding",
     "areaAdvancedPipeline",
@@ -9553,8 +9830,6 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "execPipeline",
     "findAllDimensions",
     "findAllMeasures",
-    "findDimensionById",
-    "findFirstDimension",
     "findFirstMeasure",
     "findMeasureById",
     "foldMeasures",
@@ -9564,10 +9839,7 @@ for(var __webpack_i__ in __webpack_exports__)if (-1 === [
     "heatmapSpecPipeline",
     "i18n",
     "intl",
-    "isDimension",
-    "isDimensionGroup",
     "isDimensionSelector",
-    "isDimensions",
     "isMeasure",
     "isMeasureGroup",
     "isMeasureSelector",