@visactor/vseed 0.1.36 → 0.1.38

package/dist/umd/index.js

@@ -68,6 +68,7 @@
         __webpack_require__.r(__webpack_exports__);
         __webpack_require__.d(__webpack_exports__, {
             funnelAdvancedPipeline: ()=>funnelAdvancedPipeline,
+            zBoxplot: ()=>zBoxplot,
             zHeatmapConfig: ()=>zHeatmapConfig,
             execPipeline: ()=>execPipeline,
             areaSpecPipeline: ()=>areaSpecPipeline,
@@ -88,6 +89,7 @@
             zYLinearAxis: ()=>zYLinearAxis,
             zMarkStyle: ()=>zMarkStyle,
             registerFunnel: ()=>registerFunnel,
+            zHistogramRegressionLine: ()=>zHistogramRegressionLine,
             columnAdvancedPipeline: ()=>columnAdvancedPipeline,
             zLabel: ()=>zLabel,
             registerColumn: ()=>registerColumn,
@@ -99,6 +101,7 @@
             zLineStyle: ()=>zLineStyle,
             registerArea: ()=>registerArea,
             zDataset: ()=>zDataset,
+            registerBoxplot: ()=>registerBoxplot,
             DimensionEncodingEnum: ()=>DimensionEncodingEnum,
             barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
             zColumnParallel: ()=>zColumnParallel,
@@ -110,6 +113,7 @@
             FoldXMeasureId: ()=>FoldXMeasureId,
             zAnnotationAreaConfig: ()=>zAnnotationAreaConfig,
             zAnnotationVerticalLineConfig: ()=>zAnnotationVerticalLineConfig,
+            zHistogram: ()=>zHistogram,
             zAnnotationConfig: ()=>zAnnotationConfig,
             registerBarPercent: ()=>registerBarPercent,
             ColorIdEncoding: ()=>ColorIdEncoding,
@@ -118,13 +122,14 @@
             roseAdvancedPipeline: ()=>roseAdvancedPipeline,
             zBarParallel: ()=>zBarParallel,
             registerDarkTheme: ()=>registerDarkTheme,
-            zChartType: ()=>zChartType,
+            MedianMeasureId: ()=>MedianMeasureId,
             tableAdvancedPipeline: ()=>tableAdvancedPipeline,
+            zChartType: ()=>zChartType,
             zMeasureTree: ()=>zMeasureTree,
             zStackCornerRadius: ()=>zStackCornerRadius,
-            zRose: ()=>zRose,
             registerRose: ()=>registerRose,
             zPivotChartGridConfig: ()=>zPivotChartGridConfig,
+            zRose: ()=>zRose,
             registerTable: ()=>registerTable,
             isMeasureGroup: ()=>isMeasureGroup,
             autoFormatter: ()=>autoFormatter,
@@ -135,8 +140,9 @@
             registerBar: ()=>registerBar,
             zColor: ()=>zColor,
             registerDonut: ()=>registerDonut,
-            heatmapSpecPipeline: ()=>heatmapSpecPipeline,
+            BinStartMeasureId: ()=>BinStartMeasureId,
             heatmapAdvancedPipeline: ()=>heatmapAdvancedPipeline,
+            heatmapSpecPipeline: ()=>heatmapSpecPipeline,
             zFunnelConfig: ()=>zFunnelConfig,
             zMeasures: ()=>zMeasures,
             zDualAxis: ()=>zDualAxis,
@@ -144,9 +150,11 @@
             zDualChartType: ()=>zDualChartType,
             darkTheme: ()=>darkTheme,
             isVTable: ()=>isVTable,
+            MaxMeasureId: ()=>MaxMeasureId,
             ORIGINAL_DATA: ()=>ORIGINAL_DATA,
-            zAnnotationHorizontalLineConfig: ()=>zAnnotationHorizontalLineConfig,
+            MinMeasureId: ()=>MinMeasureId,
             columnParallelSpecPipeline: ()=>columnParallelSpecPipeline,
+            zAnnotationHorizontalLineConfig: ()=>zAnnotationHorizontalLineConfig,
             zAnnotationPoint: ()=>zAnnotationPoint,
             DATUM_HIDE_KEY: ()=>DATUM_HIDE_KEY,
             isMeasure: ()=>isMeasure,
@@ -154,6 +162,7 @@
             zSort: ()=>zSort,
             isPivotChart: ()=>isPivotChart,
             zDualAxisConfig: ()=>zDualAxisConfig,
+            Q1MeasureValue: ()=>"__Q1__",
             zLineConfig: ()=>zLineConfig,
             FoldPrimaryMeasureValue: ()=>FoldPrimaryMeasureValue,
             zXBandAxis: ()=>zXBandAxis,
@@ -168,6 +177,7 @@
             zLocale: ()=>zLocale,
             isDimension: ()=>isDimension,
             registerScatter: ()=>registerScatter,
+            boxplotSpecPipeline: ()=>boxplotSpecPipeline,
             autoNumFormatter: ()=>autoNumFormatter,
             tableSpecPipeline: ()=>tableSpecPipeline,
             isCombination: ()=>isCombination,
@@ -179,17 +189,18 @@
             columnParallelAdvancedPipeline: ()=>columnParallelAdvancedPipeline,
             zColumnPercent: ()=>zColumnPercent,
             foldMeasures: ()=>foldMeasures,
+            zFunnel: ()=>zFunnel,
             isPivotTable: ()=>isPivotTable,
             registerPie: ()=>registerPie,
             zDimensionEncoding: ()=>zDimensionEncoding,
-            zFunnel: ()=>zFunnel,
             zBarParallelConfig: ()=>zBarParallelConfig,
             lineAdvancedPipeline: ()=>lineAdvancedPipeline,
             FoldMeasureValue: ()=>FoldMeasureValue,
             ANNOTATION_Z_INDEX: ()=>1000,
+            Q3MeasureValue: ()=>"__Q3__",
             createFormatter: ()=>createFormatter,
-            isMeasureSelector: ()=>isMeasureSelector,
             columnPercentSpecPipeline: ()=>columnPercentSpecPipeline,
+            isMeasureSelector: ()=>isMeasureSelector,
             areaAdvancedPipeline: ()=>areaAdvancedPipeline,
             areaPercentSpecPipeline: ()=>areaPercentSpecPipeline,
             barParallelSpecPipeline: ()=>barParallelSpecPipeline,
@@ -199,23 +210,26 @@
             pieAdvancedPipeline: ()=>pieAdvancedPipeline,
             zDualMeasures: ()=>zDualMeasures,
             isTable: ()=>isTable,
+            zBarMaxWidth: ()=>zBarMaxWidth,
             zDonut: ()=>zDonut,
-            zFunnelTransform: ()=>zFunnelTransform,
             XEncoding: ()=>XEncoding,
             findFirstMeasure: ()=>findFirstMeasure,
             scatterAdvancedPipeline: ()=>scatterAdvancedPipeline,
+            zFunnelTransform: ()=>zFunnelTransform,
             zRoseConfig: ()=>zRoseConfig,
             zScatterMeasures: ()=>zScatterMeasures,
             zAnnotation: ()=>zAnnotation,
             selector: ()=>selector_selector,
             isMeasures: ()=>isMeasures,
             zYBandAxis: ()=>zYBandAxis,
+            BinPercentageMeasureId: ()=>BinPercentageMeasureId,
             Separator: ()=>"-",
             findAllMeasures: ()=>findAllMeasures,
             zColorLegend: ()=>zColorLegend,
             EncodingEnum: ()=>EncodingEnum,
             preorderTraverse: ()=>preorderTraverse,
             roseParallelSpecPipeline: ()=>roseParallelSpecPipeline,
+            registerHistogram: ()=>registerHistogram,
             zRoseParallel: ()=>zRoseParallel,
             MeasureName: ()=>MeasureName,
             zNumFormat: ()=>zNumFormat,
@@ -250,9 +264,12 @@
             roseParallelAdvancedPipeline: ()=>roseParallelAdvancedPipeline,
             zPieConfig: ()=>zPieConfig,
             Builder: ()=>Builder,
+            zWhiskersConfig: ()=>zWhiskersConfig,
             radarSpecPipeline: ()=>radarSpecPipeline,
+            OutliersMeasureId: ()=>OutliersMeasureId,
             zRadar: ()=>zRadar,
             zTable: ()=>zTable,
+            histogramSpecPipeline: ()=>histogramSpecPipeline,
             registerLine: ()=>registerLine,
             registerCustomTheme: ()=>registerCustomTheme,
             zMeasureGroup: ()=>zMeasureGroup,
@@ -270,6 +287,7 @@
             zLinearColor: ()=>zLinearColor,
             DUAL_AXIS_CHART_NON_COLUMN_Z_INDEX: ()=>1001,
             zAreaStyle: ()=>zAreaStyle,
+            BinEndMeasureId: ()=>BinEndMeasureId,
             zAnnotationArea: ()=>zAnnotationArea,
             DetailEncoding: ()=>DetailEncoding,
             isPivot: ()=>isPivot,
@@ -278,23 +296,28 @@
             lightTheme: ()=>lightTheme,
             registerColumnParallel: ()=>registerColumnParallel,
             updateAdvanced: ()=>updateAdvanced,
+            histogramAdvancedPipeline: ()=>histogramAdvancedPipeline,
             isAreaPercent: ()=>isAreaPercent,
             zColumn: ()=>zColumn,
             zCustomTheme: ()=>zCustomTheme,
             zTableConfig: ()=>zTableConfig,
             zColumnPercentConfig: ()=>zColumnPercentConfig,
+            zBarGapInGroup: ()=>zBarGapInGroup,
             ChartTypeEnum: ()=>ChartTypeEnum,
             zVSeed: ()=>zVSeed,
             radarAdvancedPipeline: ()=>radarAdvancedPipeline,
+            registerDualAxis: ()=>registerDualAxis,
             registerBarParallel: ()=>registerBarParallel,
             pivotTableSpecPipeline: ()=>pivotTableSpecPipeline,
             DUAL_AXIS_LABEL_Z_INDEX: ()=>1002,
             MeasureEncodingEnum: ()=>MeasureEncodingEnum,
             FoldXMeasureValue: ()=>FoldXMeasureValue,
-            dualAxisAdvancedPipeline: ()=>dualAxisAdvancedPipeline,
+            boxplotAdvancedPipeline: ()=>boxplotAdvancedPipeline,
             zEncoding: ()=>zEncoding,
+            dualAxisAdvancedPipeline: ()=>dualAxisAdvancedPipeline,
             ColorEncoding: ()=>ColorEncoding,
             measureDepth: ()=>measureDepth,
+            BinCountMeasureId: ()=>BinCountMeasureId,
             zAdvancedVSeed: ()=>zAdvancedVSeed,
             zAreaPercent: ()=>zAreaPercent,
             isValueSelector: ()=>isValueSelector,
@@ -304,9 +327,9 @@
             zTooltip: ()=>zTooltip,
             isBarLikeChart: ()=>isBarLikeChart,
             barParallelAdvancedPipeline: ()=>barParallelAdvancedPipeline,
-            deleteMeasureTreeByCallback: ()=>deleteMeasureTreeByCallback,
-            zBarPercentConfig: ()=>zBarPercentConfig,
             barPercentSpecPipeline: ()=>barPercentSpecPipeline,
+            zBarPercentConfig: ()=>zBarPercentConfig,
+            deleteMeasureTreeByCallback: ()=>deleteMeasureTreeByCallback,
             dataReshapeByEncoding: ()=>dataReshapeByEncoding,
             lineSpecPipeline: ()=>lineSpecPipeline,
             zDimensionGroup: ()=>zDimensionGroup
@@ -349,7 +372,7 @@
             const { chartType } = builder.vseed;
             if (!chartType) throw new Error('chartType is nil in buildAdvanced');
             const pipeline = Builder.getAdvancedPipeline(chartType);
-            if (!pipeline) throw new Error(`no advanced pipeline for chartType ${chartType}`);
+            if (!pipeline) throw new Error(`please invoke registerAll or register ${chartType} before build, no advanced pipeline for chartType ${chartType}`);
             const context = {
                 vseed: builder.vseed,
                 customTheme: Builder.getThemeMap()
@@ -562,7 +585,9 @@
             Donut: 'donut',
             Radar: 'radar',
             Funnel: 'funnel',
-            Heatmap: 'heatmap'
+            Heatmap: 'heatmap',
+            Boxplot: 'boxPlot',
+            Histogram: 'histogram'
         };
         const DATUM_HIDE_KEY = '__VSEED_HideItem__';
         const isTable = (vseed)=>vseed.chartType === ChartTypeEnum.Table;
@@ -1204,6 +1229,7 @@
             const fontSize = themeConfig.bodyFontSize || 12;
             const hoverCellBgColor = themeConfig.hoverBodyBackgroundColor || '#bedaff';
             const hoverInlineColor = themeConfig.hoverBodyInlineBackgroundColor || '#bedaff';
+            if (!result.theme) result.theme = {};
             result.theme.bodyStyle = {
                 borderColor: borderColor,
                 borderLineWidth: 1,
@@ -1340,6 +1366,14 @@
         const DetailEncoding = '__Dim_Detail__';
         const ColorEncoding = '__Dim_Color__';
         const ColorIdEncoding = '__Dim_ColorId__';
+        const MinMeasureId = '__Min__';
+        const MaxMeasureId = '__Max__';
+        const OutliersMeasureId = '__Outliers__';
+        const MedianMeasureId = '__Meadian__';
+        const BinStartMeasureId = '__BinStart__';
+        const BinEndMeasureId = '__BinEnd__';
+        const BinCountMeasureId = '__BinCount__';
+        const BinPercentageMeasureId = '__BinPercentage__';
         const defaultMeasureName = (advancedVSeed)=>{
             const result = {
                 ...advancedVSeed
@@ -1748,20 +1782,12 @@
             };
             return result;
         };
-        var new_data_set_AggregationType;
-        !function(AggregationType) {
-            AggregationType.RECORD = "RECORD", AggregationType.NONE = "NONE", AggregationType.SUM = "SUM", AggregationType.MIN = "MIN", AggregationType.MAX = "MAX", AggregationType.AVG = "AVG", AggregationType.COUNT = "COUNT", AggregationType.CUSTOM = "CUSTOM", AggregationType.RECALCULATE = "RECALCULATE";
-        }(new_data_set_AggregationType || (new_data_set_AggregationType = {}));
-        var new_data_set_SortType;
-        !function(SortType) {
-            SortType.ASC = "ASC", SortType.DESC = "DESC", SortType.NORMAL = "NORMAL", SortType.desc = "desc", SortType.asc = "asc", SortType.normal = "normal";
-        }(new_data_set_SortType || (new_data_set_SortType = {}));
         const dataConfig = (spec, context)=>{
             const { advancedVSeed } = context;
             const measures = findAllMeasures(advancedVSeed.measures);
             const aggregationRules = measures.map((measure)=>({
                     field: measure.id,
-                    aggregationType: new_data_set_AggregationType.NONE,
+                    aggregationType: 'NONE',
                     indicatorKey: measure.id
                 }));
             return {
@@ -2141,8 +2167,8 @@
                 applyEncoding(ColorEncoding, colorDimensions, datum, separator);
                 applyEncoding(DetailEncoding, detailDimensions, datum, separator);
                 if (!colorDimensions.length || !datum[ColorEncoding]) continue;
-                const measureId = String(datum[foldMeasureId]);
-                const colorItem = String(datum[ColorEncoding]);
+                const measureId = String(datum[foldMeasureId] ?? '');
+                const colorItem = String(datum[ColorEncoding] ?? '');
                 const colorId = colorItemAsId ? colorItem : measureId ? [
                     colorItem,
                     measureId
@@ -2603,18 +2629,14 @@
                 }
             };
         };
-        const progressive = (spec, context)=>{
+        const progressive = (spec)=>{
             const result = {
                 ...spec
             };
-            const { advancedVSeed } = context;
-            const { dataset = [] } = advancedVSeed;
-            const size = dataset.length;
-            if (size < 5000) return result;
-            result.large = true;
-            result.largeThreshold = 5000;
+            result.large = false;
+            result.largeThreshold = 1 / 0;
             result.progressiveStep = 400;
-            result.progressiveThreshold = 8000;
+            result.progressiveThreshold = 1 / 0;
             return result;
         };
         const defaultTitleText = (measures, dimensions, idList = [])=>{
@@ -3356,7 +3378,7 @@
             return formatter(percentValue);
         };
         const buildLabel = (label, vseedMeasures = [], vseedDimensions = [], advancedVSeedDimensions, advancedVSeedMeasures, encoding, foldInfoList)=>{
-            const { enable, wrap, showValue, showValuePercent, showDimension, labelOverlap, labelColorSmartInvert, labelColor, labelFontSize, labelFontWeight, labelBackgroundColor, labelPosition, autoFormat, numFormat = {} } = label;
+            const { enable, wrap, showValue, showValuePercent, showDimension, labelOverlap, labelColorSmartInvert, labelStroke, labelColor, labelFontSize, labelFontWeight, labelBackgroundColor, labelPosition, autoFormat, numFormat = {} } = label;
             const hasDimLabelEncoding = vseedDimensions.some((item)=>encoding.label?.includes(item.id));
             const labelDims = T(hasDimLabelEncoding ? vseedDimensions.filter((item)=>encoding.label?.includes(item.id)) : showDimension ? advancedVSeedDimensions.filter((d)=>d.id !== MeasureName) : [], (item)=>item.id);
             const labelMeas = T(vseedMeasures.filter((item)=>encoding.label?.includes(item.id)), (item)=>item.id);
@@ -3391,6 +3413,7 @@
                 },
                 position: labelPosition,
                 style: {
+                    stroke: labelStroke,
                     fill: labelColor,
                     fontSize: labelFontSize,
                     fontWeight: labelFontWeight,
@@ -3994,6 +4017,8 @@
             const headerBackgroundColor = themConfig.headerBackgroundColor ?? 'rgba(0,0,0,0)';
             const hoverHeaderBackgroundColor = onlyCombination ? transparent : themConfig.hoverHeaderBackgroundColor ?? '#D9DDE4';
             const hoverHeaderInlineBackgroundColor = onlyCombination ? transparent : themConfig.hoverHeaderInlineBackgroundColor ?? '#D9DDE455';
+            const outlineBorderLineWidth = themConfig.outlineBorderLineWidth ?? 0;
+            const frameCornerRadius = themConfig.frameCornerRadius ?? 0;
             return {
                 ...result,
                 theme: {
@@ -4003,8 +4028,8 @@
                         color: bodyFontColor,
                         borderLineWidth: [
                             1,
-                            1,
-                            1,
+                            outlineBorderLineWidth,
+                            0,
                             1
                         ],
                         bgColor: transparent,
@@ -4015,7 +4040,12 @@
                     headerStyle: {
                         borderColor,
                         fontSize: 12,
-                        borderLineWidth: 1,
+                        borderLineWidth: [
+                            outlineBorderLineWidth,
+                            outlineBorderLineWidth,
+                            1,
+                            1
+                        ],
                         color: headerFontColor,
                         textAlign: 'center',
                         bgColor: headerBackgroundColor,
@@ -4029,7 +4059,12 @@
                         borderColor,
                         fontSize: 12,
                         color: headerFontColor,
-                        borderLineWidth: 1,
+                        borderLineWidth: [
+                            1,
+                            1,
+                            1,
+                            outlineBorderLineWidth
+                        ],
                         bgColor: headerBackgroundColor,
                         hover: {
                             cellBgColor: hoverHeaderBackgroundColor,
@@ -4043,15 +4078,20 @@
                         fontSize: 12,
                         color: headerFontColor,
                         fontWeight: 'bold',
-                        borderLineWidth: 1,
+                        borderLineWidth: [
+                            outlineBorderLineWidth,
+                            1,
+                            1,
+                            outlineBorderLineWidth
+                        ],
                         bgColor: headerBackgroundColor,
                         frameStyle: {
                             borderColor,
                             borderLineWidth: [
-                                1,
+                                outlineBorderLineWidth,
                                 0,
                                 0,
-                                1
+                                outlineBorderLineWidth
                             ]
                         },
                         hover: {
@@ -4066,7 +4106,7 @@
                         frameStyle: {
                             borderColor,
                             borderLineWidth: [
-                                1,
+                                outlineBorderLineWidth,
                                 1,
                                 0,
                                 1
@@ -4082,8 +4122,8 @@
                         borderLineWidth: [
                             1,
                             0,
-                            1,
-                            1
+                            outlineBorderLineWidth,
+                            outlineBorderLineWidth
                         ],
                         bgColor: headerBackgroundColor,
                         frameStyle: {
@@ -4091,8 +4131,8 @@
                             borderLineWidth: [
                                 1,
                                 0,
-                                1,
-                                1
+                                outlineBorderLineWidth,
+                                outlineBorderLineWidth
                             ]
                         },
                         hover: {
@@ -4126,7 +4166,12 @@
                     },
                     bottomFrozenStyle: {
                         borderColor,
-                        borderLineWidth: 1,
+                        borderLineWidth: [
+                            1,
+                            outlineBorderLineWidth,
+                            outlineBorderLineWidth,
+                            1
+                        ],
                         bgColor: headerBackgroundColor,
                         hover: {
                             cellBgColor: hoverHeaderBackgroundColor
@@ -4138,7 +4183,8 @@
                     },
                     frameStyle: {
                         borderColor,
-                        cornerRadius: 4
+                        cornerRadius: frameCornerRadius,
+                        borderLineWidth: outlineBorderLineWidth
                     }
                 }
             };
@@ -4599,7 +4645,9 @@
                 'xAxis',
                 'yAxis',
                 'crosshairRect',
-                'stackCornerRadius'
+                'stackCornerRadius',
+                'barMaxWidth',
+                'barGapInGroup'
             ]);
             const config = replaceNullToUndefined(pickedConfig);
             result.config = {
@@ -4667,6 +4715,7 @@
             const stackCornerRadius = advancedVSeed.config?.[chartType]?.stackCornerRadius;
             const { datasetReshapeInfo } = advancedVSeed;
             const { foldInfo } = datasetReshapeInfo[0];
+            if ('dualAxis' === chartType && 'bar' !== spec.type) return spec;
             return {
                 ...spec,
                 stackCornerRadius: (_, datum)=>{
@@ -4675,6 +4724,16 @@
                 }
             };
         };
+        const barMaxWidth_barMaxWidth = (spec, context)=>{
+            const { advancedVSeed, vseed } = context;
+            const { chartType } = vseed;
+            const barMaxWidth = advancedVSeed.config?.[chartType]?.barMaxWidth;
+            if (!chunk_JK3VNB42_n(barMaxWidth)) return {
+                ...spec,
+                barMaxWidth
+            };
+            return spec;
+        };
         const stackInverse = (spec)=>{
             const result = {
                 ...spec
@@ -4953,6 +5012,7 @@
         const column = [
             initColumn,
             stackCornerRadius_stackCornerRadius,
+            barMaxWidth_barMaxWidth,
             stackInverse,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
@@ -5138,9 +5198,21 @@
             result.animation = true;
             return result;
         };
+        const barGapInGroup_barGapInGroup = (spec, context)=>{
+            const { advancedVSeed, vseed } = context;
+            const { chartType } = vseed;
+            const barGapInGroup = advancedVSeed.config?.[chartType]?.barGapInGroup;
+            if (!chunk_JK3VNB42_n(barGapInGroup)) return {
+                ...spec,
+                barGapInGroup
+            };
+            return spec;
+        };
         const columnParallel = [
             initColumnParallel,
             stackCornerRadius_stackCornerRadius,
+            barMaxWidth_barMaxWidth,
+            barGapInGroup_barGapInGroup,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
             datasetXY,
@@ -5221,7 +5293,7 @@
             markStyle_markStyle,
             annotation_annotation
         ];
-        const percent = (spec)=>{
+        const percent_percent = (spec)=>{
             const result = {
                 ...spec
             };
@@ -5232,9 +5304,10 @@
             initColumn,
             stackCornerRadius_stackCornerRadius,
             stackInverse,
+            barMaxWidth_barMaxWidth,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
-            percent,
+            percent_percent,
             datasetXY,
             progressive,
             xBand,
@@ -5259,7 +5332,7 @@
                 stackCornerRadius_stackCornerRadius,
                 stackInverse,
                 colorAdapter(color_color, linearColor),
-                percent,
+                percent_percent,
                 background_backgroundColor,
                 datasetXY,
                 progressive,
@@ -5673,6 +5746,7 @@
         const bar = [
             initBar,
             stackCornerRadius_stackCornerRadius,
+            barMaxWidth_barMaxWidth,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
             datasetYX,
@@ -5704,7 +5778,6 @@
                 xLinear,
                 yBand,
                 label_label,
-                label_label,
                 tooltip_tooltip,
                 colorBarStyleFill(barStyle_barStyle),
                 horizontalCrosshairRect,
@@ -5785,6 +5858,8 @@
         const barParallel = [
             initBarParallel,
             stackCornerRadius_stackCornerRadius,
+            barMaxWidth_barMaxWidth,
+            barGapInGroup_barGapInGroup,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
             datasetYX,
@@ -5867,9 +5942,10 @@
         const barPercent = [
             initBar,
             stackCornerRadius_stackCornerRadius,
+            barMaxWidth_barMaxWidth,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
-            percent,
+            percent_percent,
             datasetYX,
             progressive,
             xLinear,
@@ -5894,7 +5970,7 @@
                 stackCornerRadius_stackCornerRadius,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
-                percent,
+                percent_percent,
                 datasetYX,
                 yBand,
                 xLinear,
@@ -6147,7 +6223,7 @@
             stackInverse,
             colorAdapter(color_color, linearColor),
             background_backgroundColor,
-            percent,
+            percent_percent,
             datasetXY,
             progressive,
             xBand,
@@ -6175,7 +6251,7 @@
                 stackInverse,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
-                percent,
+                percent_percent,
                 datasetXY,
                 progressive,
                 xBand,
@@ -7109,7 +7185,10 @@
                 'primaryYAxis',
                 'secondaryYAxis',
                 'crosshairLine',
-                'crosshairRect'
+                'crosshairRect',
+                'barGapInGroup',
+                'barMaxWidth',
+                'stackCornerRadius'
             ]);
             const config = replaceNullToUndefined(pickedConfig);
             result.config = {
@@ -7150,7 +7229,7 @@
             markStyle_markStyle,
             annotation_annotation
         ];
-        const series = (...args)=>{
+        const series_series = (...args)=>{
             const result = {
                 type: 'common',
                 padding: 0,
@@ -7731,6 +7810,9 @@
                 labelPrimary,
                 tooltipPrimary,
                 progressive,
+                barMaxWidth_barMaxWidth,
+                barGapInGroup_barGapInGroup,
+                stackCornerRadius_stackCornerRadius,
                 colorBarStyleFill(barStyle_barStyle),
                 colorPointStyleFill(pointStyle_pointStyle),
                 pointStateDimensionHover,
@@ -7743,6 +7825,9 @@
                 labelSecondary,
                 tooltipSecondary,
                 progressive,
+                barMaxWidth_barMaxWidth,
+                barGapInGroup_barGapInGroup,
+                stackCornerRadius_stackCornerRadius,
                 colorBarStyleFill(barStyle_barStyle),
                 colorPointStyleFill(pointStyle_pointStyle),
                 pointStateDimensionHover,
@@ -7767,13 +7852,16 @@
             pivotIndicatorsAsRow,
             datasetPivot,
             pivotIndicators_pivotIndicators([
-                series([
+                series_series([
                     initDualAxisPrimary,
                     dualChartTypePrimary,
                     datasetPrimary,
                     labelPrimary,
                     tooltipPrimary,
                     progressive,
+                    stackCornerRadius_stackCornerRadius,
+                    barMaxWidth_barMaxWidth,
+                    barGapInGroup_barGapInGroup,
                     colorBarStyleFill(barStyle_barStyle),
                     colorPointStyleFill(pointStyle_pointStyle),
                     pointStateDimensionHover,
@@ -7786,6 +7874,9 @@
                     labelSecondary,
                     tooltipSecondary,
                     progressive,
+                    stackCornerRadius_stackCornerRadius,
+                    barMaxWidth_barMaxWidth,
+                    barGapInGroup_barGapInGroup,
                     colorBarStyleFill(barStyle_barStyle),
                     colorPointStyleFill(pointStyle_pointStyle),
                     pointStateDimensionHover,
@@ -9220,99 +9311,1489 @@
             Builder._advancedPipelineMap.heatmap = heatmapAdvancedPipeline;
             Builder._specPipelineMap.heatmap = heatmapSpecPipeline;
         };
-        const getDarkCrosshairLine = ()=>({
-                visible: true,
-                labelVisible: true,
-                labelColor: '#ffffff',
-                labelBackgroundColor: '#404349',
-                lineColor: '#55595F'
-            });
-        const getDarkCrosshairRect = ()=>({
-                visible: true,
-                labelVisible: true,
-                labelColor: '#4B4F54',
-                labelBackgroundColor: '#ffffff',
-                rectColor: '#E2E3E6'
-            });
-        const getLightCrosshairLine = ()=>({
-                visible: true,
-                labelVisible: true,
-                labelColor: '#ffffff',
-                labelBackgroundColor: '#21252C',
-                lineColor: '#21252C'
-            });
-        const getLightCrosshairRect = ()=>({
-                visible: true,
-                labelVisible: true,
-                labelColor: '#ffffff',
-                labelBackgroundColor: '#364159',
-                rectColor: '#3641594d'
-            });
-        const getLightColorScheme = ()=>[
-                '#8D72F6',
-                '#5766EC',
-                '#66A3FE',
-                '#51D5E6',
-                '#4EC0B3',
-                '#F9DF90',
-                '#F9AD71',
-                '#ED8888',
-                '#E9A0C3',
-                '#D77DD3'
-            ];
-        const getDarkColorScheme = ()=>[
-                '#2E62F1',
-                '#4DC36A',
-                '#FF8406',
-                '#FFCC00',
-                '#4F44CF',
-                '#5AC8FA',
-                '#003A8C',
-                '#B08AE2',
-                '#FF6341',
-                '#98DD62'
-            ];
-        const getLightLinearColorScheme = ()=>[
-                '#C2CEFF',
-                '#5766EC'
+        const boxplotConfig = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const { chartType } = vseed;
+            const result = {
+                ...advancedVSeed
+            };
+            const pickedConfig = chunk_2T7K3PFL_i(vseed, [
+                'backgroundColor',
+                'color',
+                'label',
+                'legend',
+                'tooltip',
+                'xAxis',
+                'yAxis',
+                'crosshairRect',
+                'whiskers'
+            ]);
+            const config = replaceNullToUndefined(pickedConfig);
+            result.config = {
+                ...result.config || {},
+                [chartType]: {
+                    ...config
+                }
+            };
+            return result;
+        };
+        const defaultEncodingForBoxplot = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
+            const encoding = {};
+            boxplot_generateDefaultDimensionEncoding(dimensions, encoding);
+            boxplot_generateDefaultMeasureEncoding(measures, encoding);
+            return {
+                ...advancedVSeed,
+                encoding
+            };
+        };
+        const encodingForBoxplot = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) boxplot_generateDimensionEncoding(dimensions, encoding, measures.length > 1);
+            else boxplot_generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) boxplot_generateMeasureEncoding(measures, encoding);
+            else boxplot_generateDefaultMeasureEncoding(measures, encoding);
+            if ((!encoding.value || encoding.value.length <= 1) && encoding.color && encoding.color.length > 1) encoding.color = encoding.color.filter((c)=>c !== MeasureName);
+            return {
+                ...advancedVSeed,
+                encoding
+            };
+        };
+        const boxplot_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const onlyMeasureName = 1 === dimensions.length && dimensions.find((item)=>item.id === MeasureName);
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensions.map((d)=>d.id));
+            encoding.x = uniqueDimIds.slice(0, 1);
+            encoding.color = uniqueDimIds.slice(onlyMeasureName ? 0 : 1);
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const boxplot_generateDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
+            encoding.x = chunk_QJLMYOTX_i(dimensions.filter((item)=>'xAxis' === item.encoding).map((item)=>item.id));
+            if (0 === encoding.x.length) encoding.x = [
+                dimensions[0].id
             ];
-        const getDarkLinearColorScheme = ()=>[
-                '#A0CEFF',
-                '#2E62F1'
+            addColorToEncoding(dimensions, encoding, isMultiMeasure);
+            encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
+            encoding.tooltip = encoding.tooltip.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label.filter((d)=>d !== MeasureName);
+        };
+        const boxplot_generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.value = chunk_QJLMYOTX_i(measures.filter((item)=>'value' === item.encoding || !item.encoding).map((item)=>item.id));
+        };
+        const boxplot_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.value = chunk_QJLMYOTX_i(measures.filter((item)=>'value' === item.encoding || !item.encoding).map((item)=>item.id));
+            encoding.q1 = chunk_QJLMYOTX_i(measures.filter((item)=>'q1' === item.encoding).map((item)=>item.id));
+            encoding.median = chunk_QJLMYOTX_i(measures.filter((item)=>'median' === item.encoding).map((item)=>item.id));
+            encoding.q3 = chunk_QJLMYOTX_i(measures.filter((item)=>'q3' === item.encoding).map((item)=>item.id));
+            encoding.min = chunk_QJLMYOTX_i(measures.filter((item)=>'min' === item.encoding).map((item)=>item.id));
+            encoding.max = chunk_QJLMYOTX_i(measures.filter((item)=>'max' === item.encoding).map((item)=>item.id));
+            encoding.outliers = chunk_QJLMYOTX_i(measures.filter((item)=>'outliers' === item.encoding).map((item)=>item.id));
+            const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
+            if (color.length > 0) encoding.color = color;
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
+            const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
+            encoding.tooltip = chunk_QJLMYOTX_i([
+                ...encoding.tooltip || [],
+                ...label,
+                ...tooltip
+            ]);
+        };
+        const isType_isType = (value, type)=>Object.prototype.toString.call(value) === `[object ${type}]`;
+        const isType = isType_isType;
+        const isArray = (value)=>Array.isArray ? Array.isArray(value) : isType(value, "Array");
+        const common_isArray = isArray;
+        const isNil = (value)=>null == value;
+        const common_isNil = isNil;
+        const clamp_clamp = function(input, min, max) {
+            return input < min ? min : input > max ? max : input;
+        };
+        const clamp = clamp_clamp;
+        function toNumber(a) {
+            return Number(a);
+        }
+        function quantileSorted(values, percent, valueof = toNumber) {
+            const n = values.length;
+            if (!n) return;
+            if (percent <= 0 || n < 2) return valueof(values[0], 0, values);
+            if (percent >= 1) return valueof(values[n - 1], n - 1, values);
+            const i = (n - 1) * percent, i0 = Math.floor(i), value0 = valueof(values[i0], i0, values);
+            return value0 + (valueof(values[i0 + 1], i0 + 1, values) - value0) * (i - i0);
+        }
+        const boxplot_boxplot = (data, options)=>{
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+            const field = null == options ? void 0 : options.field;
+            if (!field) return [];
+            const groupField = null == options ? void 0 : options.groupField;
+            let whiskers = null != (_a = null == options ? void 0 : options.whiskers) ? _a : 1.5;
+            const includeValues = !!(null == options ? void 0 : options.includeValues), names = null != (_b = null == options ? void 0 : options.outputNames) ? _b : {}, keyName = null != (_c = names.key) ? _c : common_isArray(groupField) ? null : null != (_d = groupField) ? _d : "key", countName = null != (_e = names.count) ? _e : "count", meanName = null != (_f = names.mean) ? _f : "mean", q1Name = null != (_g = names.q1) ? _g : "q1", medianName = null != (_h = names.median) ? _h : "median", q3Name = null != (_j = names.q3) ? _j : "q3", iqrName = null != (_k = names.iqr) ? _k : "iqr", minName = null != (_l = names.min) ? _l : "min", maxName = null != (_m = names.max) ? _m : "max", lowerWhiskerName = null != (_o = names.lowerWhisker) ? _o : "lowerWhisker", upperWhiskerName = null != (_p = names.upperWhisker) ? _p : "upperWhisker", outliersName = null != (_q = names.outliers) ? _q : "outliers", valuesName = null != (_r = names.values) ? _r : "values", groups = new Map, rawValues = new Map, keyToGroup = new Map, n = data.length;
+            for(let i = 0; i < n; i++){
+                const d = data[i], v = d[field];
+                if (common_isNil(v)) continue;
+                const num = +v;
+                if (!Number.isFinite(num)) continue;
+                let key;
+                key = common_isArray(groupField) ? groupField.map((f)=>String(d[f])).join("||") : groupField ? String(d[groupField]) : "___all", groups.has(key) || (groups.set(key, []), includeValues && rawValues.set(key, []), common_isArray(groupField) ? keyToGroup.set(key, Object.fromEntries(groupField.map((f)=>[
+                        f,
+                        d[f]
+                    ]))) : keyToGroup.set(key, groupField ? d[groupField] : null));
+                const arr = groups.get(key);
+                if (arr && arr.push(num), includeValues) {
+                    const rv = rawValues.get(key);
+                    rv && rv.push(d);
+                }
+            }
+            if (common_isArray(whiskers)) whiskers = [
+                clamp(Math.min.apply(null, whiskers), 0, 1),
+                clamp(Math.max.apply(null, whiskers), 0, 1)
             ];
-        const getLightColor = ()=>({
-                linearColorScheme: getLightLinearColorScheme(),
-                colorScheme: getLightColorScheme()
-            });
-        const getDarkColor = ()=>({
-                linearColorScheme: getDarkLinearColorScheme(),
-                colorScheme: getDarkColorScheme()
-            });
-        const getDefaultLabel = ()=>({
-                enable: true,
-                wrap: true,
-                showValue: true,
-                showValuePercent: false,
-                labelColorSmartInvert: false,
-                labelOverlap: true
-            });
-        const getDefaultLegend = ()=>({
-                enable: true,
-                border: true,
-                maxSize: 1,
-                shapeType: 'rectRound',
-                position: 'rt',
-                labelColor: '#646A73',
-                labelFontSize: 12,
-                labelFontWeight: 400
+            const out = [];
+            for (const [key, vals] of groups){
+                if (!vals || 0 === vals.length) continue;
+                const sorted = vals.slice().sort((a, b)=>a - b), count = sorted.length, dataMin = sorted[0], dataMax = sorted[sorted.length - 1];
+                let sum = 0;
+                for(let i = 0; i < sorted.length; i++)sum += sorted[i];
+                const mean = sum / count, q1 = quantileSorted(sorted, .25), median = quantileSorted(sorted, .5), q3 = quantileSorted(sorted, .75), iqr = q3 - q1, lowerBound = common_isArray(whiskers) ? quantileSorted(sorted, whiskers[0]) : q1 - whiskers * iqr, upperBound = common_isArray(whiskers) ? quantileSorted(sorted, whiskers[1]) : q3 + whiskers * iqr;
+                let lowerWhisker = dataMin;
+                for(let i = 0; i < sorted.length; i++)if (sorted[i] >= lowerBound) {
+                    lowerWhisker = sorted[i];
+                    break;
+                }
+                let upperWhisker = dataMax;
+                for(let i = sorted.length - 1; i >= 0; i--)if (sorted[i] <= upperBound) {
+                    upperWhisker = sorted[i];
+                    break;
+                }
+                const outliers = [];
+                for(let i = 0; i < sorted.length; i++)(sorted[i] < lowerWhisker || sorted[i] > upperWhisker) && outliers.push(sorted[i]);
+                const obj = {}, representative = keyToGroup.get(key);
+                if (null !== keyName) obj[keyName] = representative;
+                else if (common_isArray(groupField)) {
+                    const groupObj = representative || {};
+                    for (const f of groupField)obj[f] = groupObj[f];
+                }
+                obj[countName] = count, obj[meanName] = mean, obj[q1Name] = q1, obj[medianName] = median, obj[q3Name] = q3, obj[iqrName] = iqr, obj[minName] = dataMin, obj[maxName] = dataMax, obj[lowerWhiskerName] = lowerWhisker, obj[upperWhiskerName] = upperWhisker, obj[outliersName] = outliers, includeValues && (obj[valuesName] = rawValues.get(key) || []), out.push(obj);
+            }
+            return out;
+        };
+        const reshapeWithBoxplotEncoding = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { dataset, chartType } = vseed;
+            const { dimensions = [], measures = [], encoding = {}, config } = advancedVSeed;
+            const uniqDims = T(dimensions, (item)=>item.id);
+            const whiskers = config?.[chartType]?.whiskers;
+            let newDatasets = [];
+            let foldInfo = {};
+            let unfoldInfo = {};
+            const allMeasures = findAllMeasures(measures);
+            if (encoding.value?.length) encoding.value.forEach((f)=>{
+                const m = allMeasures.find((m)=>m.id === f);
+                const boxPlotData = boxplot_boxplot(dataset, {
+                    field: f,
+                    groupField: [
+                        ...encoding.x ?? [],
+                        ...encoding.color ?? []
+                    ],
+                    whiskers,
+                    outputNames: {
+                        q1: "__Q1__",
+                        q3: "__Q3__",
+                        min: MinMeasureId,
+                        max: MaxMeasureId,
+                        median: MedianMeasureId,
+                        outliers: OutliersMeasureId
+                    }
+                });
+                boxPlotData.forEach((datum)=>{
+                    datum[FoldMeasureId] = f;
+                    datum[FoldMeasureName] = m?.alias ?? f;
+                });
+                const res = unfoldDimensions(boxPlotData, uniqDims, encoding, {
+                    foldMeasureId: FoldMeasureId,
+                    separator: "-",
+                    colorItemAsId: false
+                });
+                res.dataset.forEach((d)=>{
+                    newDatasets.push(d);
+                });
+                unfoldInfo = res.unfoldInfo;
             });
-        const getLightTableConfig = ()=>({
-                borderColor: '#e3e5eb',
-                bodyFontSize: 12,
-                bodyFontColor: '#141414',
-                bodyBackgroundColor: 'transparent',
-                headerFontSize: 12,
-                headerFontColor: '#21252c',
+            else if (encoding.q1?.length && encoding.q3?.length && encoding.min?.length && encoding.max?.length && encoding.median?.length) {
+                const res = unfoldDimensions(dataset, uniqDims, encoding, {
+                    foldMeasureId: FoldMeasureId,
+                    separator: "-",
+                    colorItemAsId: false
+                });
+                res.dataset.forEach((datum)=>{
+                    datum[MaxMeasureId] = datum[encoding.max[0]];
+                    datum[MinMeasureId] = datum[encoding.min[0]];
+                    datum["__Q1__"] = datum[encoding.q1[0]];
+                    datum["__Q3__"] = datum[encoding.q3[0]];
+                    datum[MedianMeasureId] = datum[encoding.median[0]];
+                });
+                newDatasets = res.dataset;
+                foldInfo = {};
+                unfoldInfo = res.unfoldInfo;
+            }
+            return {
+                ...result,
+                dataset: newDatasets,
+                datasetReshapeInfo: [
+                    {
+                        id: String(chartType),
+                        index: 0,
+                        foldInfo,
+                        unfoldInfo
+                    }
+                ],
+                dimensions,
+                measures
+            };
+        };
+        const pivotReshapeWithBoxplotEncoding = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { dataset, chartType } = vseed;
+            const { dimensions = [], measures = [], encoding = {}, config } = advancedVSeed;
+            const uniqDims = T(dimensions, (item)=>item.id);
+            const chartConfig = config?.[chartType];
+            const whiskers = chartConfig?.whiskers;
+            const measureGroups = [];
+            if (measures) measures.forEach((measure)=>{
+                if (measure.children && measure.children.length > 0) measureGroups.push(measure);
+            });
+            const rowColumnFields = T(dimensions.filter((dim)=>'row' === dim.encoding || 'column' === dim.encoding), (item)=>item.id);
+            const datasets = [];
+            const datasetReshapeInfo = [];
+            measureGroups.forEach((measureGroup, index)=>{
+                const subMeasures = measureGroup.children;
+                if (!subMeasures) return;
+                const groupId = measureGroup.id;
+                let newDatasets = [];
+                let foldInfo = {};
+                let unfoldInfo = {};
+                if (encoding.value?.length) encoding.value.forEach((f)=>{
+                    const m = subMeasures.find((m)=>m.id === f);
+                    const boxPlotData = boxplot_boxplot(dataset, {
+                        field: f,
+                        groupField: [
+                            ...encoding.x ?? [],
+                            ...encoding.color ?? [],
+                            ...rowColumnFields.map((item)=>item.id)
+                        ],
+                        whiskers,
+                        outputNames: {
+                            q1: "__Q1__",
+                            q3: "__Q3__",
+                            min: MinMeasureId,
+                            max: MaxMeasureId,
+                            median: MedianMeasureId,
+                            outliers: OutliersMeasureId
+                        }
+                    });
+                    boxPlotData.forEach((datum)=>{
+                        datum[FoldMeasureId] = f;
+                        datum[FoldMeasureName] = m?.alias ?? f;
+                    });
+                    const res = unfoldDimensions(boxPlotData, uniqDims, encoding, {
+                        foldMeasureId: FoldMeasureId,
+                        separator: "-",
+                        colorItemAsId: false
+                    });
+                    res.dataset.forEach((d)=>{
+                        newDatasets.push(d);
+                    });
+                    unfoldInfo = res.unfoldInfo;
+                });
+                else if (encoding.q1?.length && encoding.q3?.length && encoding.min?.length && encoding.max?.length && encoding.median?.length) {
+                    const res = unfoldDimensions(dataset, uniqDims, encoding, {
+                        foldMeasureId: FoldMeasureId,
+                        separator: "-",
+                        colorItemAsId: false
+                    });
+                    res.dataset.forEach((datum)=>{
+                        datum[MaxMeasureId] = datum[encoding.max[0]];
+                        datum[MinMeasureId] = datum[encoding.min[0]];
+                        datum["__Q1__"] = datum[encoding.q1[0]];
+                        datum["__Q3__"] = datum[encoding.q3[0]];
+                        datum[MedianMeasureId] = datum[encoding.median[0]];
+                    });
+                    newDatasets = res.dataset;
+                    foldInfo = {};
+                    unfoldInfo = res.unfoldInfo;
+                }
+                const reshapeInfo = {
+                    id: groupId,
+                    index,
+                    foldInfo,
+                    unfoldInfo
+                };
+                datasets.push(newDatasets);
+                datasetReshapeInfo.push(reshapeInfo);
+            });
+            console.log(datasets);
+            return {
+                ...result,
+                dataset: datasets,
+                datasetReshapeInfo: datasetReshapeInfo
+            };
+        };
+        const boxplotAdvancedPipeline = [
+            initAdvancedVSeed_initAdvancedVSeed,
+            default_defaultMeasures_defaultMeasures,
+            defaultDimensions_defaultDimensions,
+            defaultMeasureName_defaultMeasureName,
+            boxplotConfig,
+            encodingAdapter([
+                defaultEncodingForBoxplot,
+                buildMeasures
+            ], [
+                encodingForBoxplot,
+                buildMeasures,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label',
+                    'color'
+                ]),
+                deleteTooltipAndLabelDimension
+            ]),
+            pivotAdapter([
+                reshapeWithBoxplotEncoding
+            ], [
+                pivotReshapeWithBoxplotEncoding
+            ]),
+            sortLegend_sortLegend,
+            theme_theme,
+            markStyle_markStyle,
+            annotation_annotation
+        ];
+        const initBoxplot = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { datasetReshapeInfo, encoding } = advancedVSeed;
+            const { unfoldInfo } = datasetReshapeInfo[0];
+            result.type = 'boxPlot';
+            result.minField = MinMeasureId;
+            result.q1Field = "__Q1__";
+            result.medianField = MedianMeasureId;
+            result.maxField = MaxMeasureId;
+            result.q3Field = "__Q3__";
+            result.outliersField = OutliersMeasureId;
+            result.xField = [
+                unfoldInfo.encodingX
+            ];
+            result.seriesField = unfoldInfo.encodingColorId;
+            const sameDimensionsMode = chunk_HGKLN5KY_k(encoding.x, encoding.color);
+            if (!sameDimensionsMode) {
+                result.xField.push(unfoldInfo.encodingColor);
+                if (encoding.color?.[0] === MeasureName && encoding.value?.length === 1) result.xField.pop();
+            }
+            result.padding = 0;
+            result.region = [
+                {
+                    clip: true
+                }
+            ];
+            result.animation = true;
+            return result;
+        };
+        const datasetBoxplot = (spec, context)=>{
+            const { advancedVSeed, vseed } = context;
+            const { datasetReshapeInfo } = advancedVSeed;
+            const { id } = datasetReshapeInfo[0];
+            const fields = {};
+            return {
+                ...spec,
+                data: {
+                    id,
+                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset.flat(),
+                    fields: fields
+                }
+            };
+        };
+        const boxPlotMeasureKeys = [
+            MaxMeasureId,
+            "__Q3__",
+            MedianMeasureId,
+            "__Q1__",
+            MinMeasureId
+        ];
+        const VCHART_OUTLIER_KEY = '__VCHART_BOX_PLOT_OUTLIER_VALUE';
+        const tooltipBoxplot = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed, vseed } = context;
+            const { chartType, dimensions, encoding } = advancedVSeed;
+            const baseConfig = advancedVSeed.config[chartType];
+            const { tooltip = {
+                enable: true
+            } } = baseConfig;
+            const { enable } = tooltip;
+            const meas = findAllMeasures(vseed.measures);
+            const valueMeasure = meas.find((item)=>'value' === item.encoding || chunk_JK3VNB42_n(item.encoding));
+            const defaultFormatter = valueMeasure ? createFormatterByMeasure(valueMeasure) : (v)=>v;
+            result.tooltip = {
+                visible: enable,
+                mark: {
+                    title: {
+                        visible: false
+                    },
+                    content: tooltipBoxplot_createMarkContent(encoding.tooltip || [], dimensions, encoding),
+                    updateContent: (prev, data)=>{
+                        const datum = data?.[0]?.datum?.[0];
+                        if (!chunk_JK3VNB42_n(datum?.[VCHART_OUTLIER_KEY])) {
+                            const tooltipItems = (prev ?? []).filter((item)=>!boxPlotMeasureKeys.includes(item.key));
+                            const outerlierMeasure = meas.find((item)=>item.id === OutliersMeasureId);
+                            const formatter = outerlierMeasure ? createFormatterByMeasure(outerlierMeasure) : defaultFormatter;
+                            tooltipItems.push({
+                                ...tooltipItems[0],
+                                key: outerlierMeasure?.alias ?? OutliersMeasureId,
+                                value: formatter(datum?.[VCHART_OUTLIER_KEY])
+                            });
+                            return tooltipItems;
+                        }
+                        return (prev ?? []).map((entry)=>{
+                            if (boxPlotMeasureKeys.includes(entry.key)) {
+                                const mea = meas.find((item)=>item.id === entry.key);
+                                const formatter = mea ? createFormatterByMeasure(mea) : defaultFormatter;
+                                return {
+                                    ...entry,
+                                    value: formatter(datum?.[entry.key]),
+                                    key: mea?.alias ?? entry.key
+                                };
+                            }
+                            return entry;
+                        });
+                    }
+                },
+                dimension: {
+                    visible: false
+                }
+            };
+            return result;
+        };
+        const tooltipBoxplot_createMarkContent = (tooltip, dimensions, encoding)=>{
+            const dims = C(dimensions.filter((item)=>tooltip.includes(item.id)), T((item)=>item.id), T((item)=>item.alias));
+            const dimContent = dims.map((item)=>({
+                    visible: true,
+                    hasShape: true,
+                    shapeType: 'rectRound',
+                    key: item.alias ?? item.id,
+                    value: (datum)=>{
+                        if (!chunk_JK3VNB42_n(datum?.[VCHART_OUTLIER_KEY])) {
+                            if (encoding.color?.includes(item.id)) return datum?.[ColorEncoding];
+                            if (encoding.x?.includes(item.id)) return datum?.[XEncoding];
+                        }
+                        return datum?.[item.id];
+                    }
+                }));
+            const defaultContent = boxPlotMeasureKeys.map((key)=>({
+                    visible: true,
+                    hasShape: true,
+                    shapeType: 'rectRound',
+                    key,
+                    value: (datum)=>{
+                        if (!datum) return '';
+                        return datum[key];
+                    }
+                }));
+            return [
+                ...dimContent,
+                defaultContent
+            ];
+        };
+        const pipeline_boxplot_boxplot = [
+            initBoxplot,
+            stackCornerRadius_stackCornerRadius,
+            colorAdapter(color_color, linearColor),
+            background_backgroundColor,
+            datasetBoxplot,
+            progressive,
+            xBand,
+            yLinear,
+            label_label,
+            tooltipBoxplot,
+            colorAdapter(discreteLegend, colorLegend),
+            verticalCrosshairRect,
+            colorBarStyleFill(barStyle_barStyle),
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
+            annotationHorizontalLine_annotationHorizontalLine,
+            annotationAreaBand
+        ];
+        const pivotBoxplot = [
+            initPivot,
+            pivotGridStyle,
+            datasetPivot,
+            pivotIndicators_pivotIndicators([
+                initBoxplot,
+                stackCornerRadius_stackCornerRadius,
+                colorAdapter(color_color, linearColor),
+                background_backgroundColor,
+                datasetBoxplot,
+                progressive,
+                xBand,
+                yLinear,
+                label_label,
+                tooltipBoxplot,
+                colorBarStyleFill(barStyle_barStyle),
+                verticalCrosshairRect,
+                annotationPoint_annotationPoint,
+                annotationVerticalLine_annotationVerticalLine,
+                annotationHorizontalLine_annotationHorizontalLine,
+                annotationAreaBand
+            ]),
+            pivotRowDimensions,
+            pivotColumnDimensions,
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+        ];
+        const boxplotSpecPipeline = [
+            pivotAdapter_pivotAdapter(pipeline_boxplot_boxplot, pivotBoxplot)
+        ];
+        const registerBoxplot = ()=>{
+            Builder._advancedPipelineMap.boxPlot = boxplotAdvancedPipeline;
+            Builder._specPipelineMap.boxPlot = boxplotSpecPipeline;
+        };
+        const histogramConfig = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            const { chartType } = vseed;
+            const result = {
+                ...advancedVSeed
+            };
+            const pickedConfig = chunk_2T7K3PFL_i(vseed, [
+                'backgroundColor',
+                'color',
+                'label',
+                'legend',
+                'tooltip',
+                'xAxis',
+                'yAxis',
+                'crosshairRect',
+                'binCount',
+                'binStep',
+                'binValueType'
+            ]);
+            const config = replaceNullToUndefined(pickedConfig);
+            result.config = {
+                ...result.config || {},
+                [chartType]: {
+                    ...config
+                }
+            };
+            return result;
+        };
+        const defaultEncodingForHistogram = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
+            const encoding = {};
+            histogram_generateDefaultDimensionEncoding(dimensions, encoding);
+            histogram_generateDefaultMeasureEncoding(measures, encoding);
+            return {
+                ...advancedVSeed,
+                encoding
+            };
+        };
+        const encodingForHistogram = (advancedVSeed)=>{
+            const { measures: vseedMeasures = [], dimensions = [] } = advancedVSeed;
+            const measures = findAllMeasures(vseedMeasures);
+            const hasDimensionEncoding = dimensions.some((item)=>item.encoding);
+            const hasMeasureEncoding = measures.some((item)=>item.encoding);
+            const encoding = {};
+            if (hasDimensionEncoding) histogram_generateDimensionEncoding(dimensions, encoding, false);
+            else histogram_generateDefaultDimensionEncoding(dimensions, encoding);
+            if (hasMeasureEncoding) histogram_generateMeasureEncoding(measures, encoding);
+            else histogram_generateDefaultMeasureEncoding(measures, encoding);
+            return {
+                ...advancedVSeed,
+                encoding
+            };
+        };
+        const histogram_generateDefaultDimensionEncoding = (dimensions, encoding)=>{
+            const dimensionsWithoutMeasureName = dimensions.filter((item)=>item.id !== MeasureName);
+            const uniqueDimIds = chunk_QJLMYOTX_i(dimensionsWithoutMeasureName.map((d)=>d.id));
+            encoding.detail = encoding.color;
+            encoding.tooltip = uniqueDimIds.filter((d)=>d !== MeasureName);
+            encoding.label = [];
+            encoding.row = [];
+            encoding.column = [];
+        };
+        const histogram_generateDimensionEncoding = (dimensions, encoding, isMultiMeasure)=>{
+            addColorToEncoding(dimensions, encoding, isMultiMeasure);
+            encoding.detail = chunk_QJLMYOTX_i(dimensions.filter((item)=>'detail' === item.encoding).map((item)=>item.id));
+            if (encoding.detail?.length === 0) encoding.detail = encoding.color;
+            encoding.tooltip = chunk_QJLMYOTX_i(dimensions.map((item)=>item.id));
+            encoding.tooltip = encoding.tooltip?.filter((d)=>d !== MeasureName);
+            encoding.label = chunk_QJLMYOTX_i(dimensions.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = encoding.label?.filter((d)=>d !== MeasureName);
+        };
+        const histogram_generateDefaultMeasureEncoding = (measures, encoding)=>{
+            encoding.value = chunk_QJLMYOTX_i(measures.filter((item)=>'value' === item.encoding || !item.encoding).map((item)=>item.id));
+            encoding.x0 = chunk_QJLMYOTX_i(measures.filter((item)=>'x0' === item.encoding).map((item)=>item.id));
+            encoding.x1 = chunk_QJLMYOTX_i(measures.filter((item)=>'x1' === item.encoding).map((item)=>item.id));
+            encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding).map((item)=>item.id));
+        };
+        const histogram_generateMeasureEncoding = (measures, encoding)=>{
+            encoding.value = chunk_QJLMYOTX_i(measures.filter((item)=>'value' === item.encoding || !item.encoding).map((item)=>item.id));
+            encoding.x0 = chunk_QJLMYOTX_i(measures.filter((item)=>'x0' === item.encoding).map((item)=>item.id));
+            encoding.x1 = chunk_QJLMYOTX_i(measures.filter((item)=>'x1' === item.encoding).map((item)=>item.id));
+            encoding.y = chunk_QJLMYOTX_i(measures.filter((item)=>'yAxis' === item.encoding).map((item)=>item.id));
+            const color = chunk_QJLMYOTX_i(measures.filter((item)=>'color' === item.encoding).map((item)=>item.id));
+            if (color.length > 0) encoding.color = [
+                color[0]
+            ];
+            const label = chunk_QJLMYOTX_i(measures.filter((item)=>'label' === item.encoding).map((item)=>item.id));
+            encoding.label = chunk_QJLMYOTX_i([
+                ...encoding.label || [],
+                ...label
+            ]);
+            const tooltip = chunk_QJLMYOTX_i(measures.filter((item)=>'tooltip' === item.encoding).map((item)=>item.id));
+            encoding.tooltip = chunk_QJLMYOTX_i([
+                ...encoding.tooltip || [],
+                ...label,
+                ...tooltip
+            ]);
+        };
+        const bin_bin = (data, options)=>{
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+            const field = null == options ? void 0 : options.field;
+            if (!field) return [];
+            const countField = options.countField, n = data.length;
+            let thresholds, min = 1 / 0, max = -1 / 0;
+            if (options.extent) min = options.extent[0], max = options.extent[1];
+            else for(let i = 0; i < n; i++){
+                const v = data[i][field];
+                if (common_isNil(v)) continue;
+                const num = +v;
+                Number.isFinite(num) && (num < min && (min = num), num > max && (max = num));
+            }
+            if (!Number.isFinite(min) || !Number.isFinite(max) || 0 === n) return [];
+            if (options.thresholds && options.thresholds.length) thresholds = options.thresholds.slice(), thresholds.sort((a, b)=>a - b);
+            else if ("number" == typeof options.step && options.step > 0) {
+                const stepSize = options.step;
+                let startMin = min;
+                for(options.extent || (startMin = Math.floor(min / stepSize) * stepSize), thresholds = [
+                    startMin
+                ]; startMin < max;)startMin += stepSize, thresholds.push(startMin);
+            } else {
+                const bins = options.bins && options.bins > 0 ? Math.floor(options.bins) : 10;
+                if (max - min > 1) {
+                    const start = Math.floor(min), stepSizeInt = Math.ceil((max - start) / bins);
+                    thresholds = new Array(bins + 1);
+                    for(let i = 0; i <= bins; i++)thresholds[i] = i === bins ? max : start + stepSizeInt * i;
+                } else {
+                    const stepSize = (max - min) / bins;
+                    thresholds = new Array(bins + 1);
+                    for(let i = 0; i <= bins; i++)thresholds[i] = i === bins ? max : min + stepSize * i;
+                }
+            }
+            const numBins = Math.max(0, thresholds.length - 1);
+            if (0 === numBins) return [];
+            const x0Name = null != (_b = null == (_a = options.outputNames) ? void 0 : _a.x0) ? _b : "x0", x1Name = null != (_d = null == (_c = options.outputNames) ? void 0 : _c.x1) ? _d : "x1", countName = null != (_f = null == (_e = options.outputNames) ? void 0 : _e.count) ? _f : "count", valuesName = null != (_h = null == (_g = options.outputNames) ? void 0 : _g.values) ? _h : "values", percentageName = null != (_k = null == (_j = options.outputNames) ? void 0 : _j.percentage) ? _k : "percentage", out = [];
+            if (!options.groupField) for(let i = 0; i < numBins; i++){
+                const rec = {
+                    [x0Name]: thresholds[i],
+                    [x1Name]: thresholds[i + 1],
+                    [countName]: 0
+                };
+                options.includeValues && (rec[valuesName] = []), out.push(rec);
+            }
+            const groupField = options.groupField, usingGroup = !!groupField, binGroupCounts = usingGroup ? new Array(numBins).fill(0).map(()=>new Map) : [], binGroupValues = usingGroup ? new Array(numBins).fill(0).map(()=>new Map) : [], binGroupRepr = usingGroup ? new Array(numBins).fill(0).map(()=>new Map) : [];
+            for(let i = 0; i < n; i++){
+                const v = data[i][field];
+                if (null == v) continue;
+                const num = +v;
+                if (Number.isFinite(num)) for(let j = 0; j < numBins; j++){
+                    const left = thresholds[j], right = thresholds[j + 1];
+                    if (num >= left && num < right || j === numBins - 1 && num <= right) {
+                        const datumCount = null != (_l = data[i][countField]) ? _l : 1;
+                        if (usingGroup) {
+                            let gk;
+                            gk = common_isArray(groupField) ? groupField.map((f)=>String(data[i][f])).join("||") : String(data[i][groupField]);
+                            const m = binGroupCounts[j], prev = null != (_m = m.get(gk)) ? _m : 0;
+                            m.set(gk, prev + datumCount);
+                            const repMap = binGroupRepr[j];
+                            if (repMap.has(gk) || (common_isArray(groupField) ? repMap.set(gk, Object.fromEntries(groupField.map((f)=>[
+                                    f,
+                                    data[i][f]
+                                ]))) : repMap.set(gk, data[i][groupField])), options && options.includeValues) {
+                                const vv = binGroupValues[j];
+                                vv.has(gk) || vv.set(gk, []);
+                                const arr = vv.get(gk);
+                                arr && arr.push(data[i]);
+                            }
+                        } else out[j][countName] += datumCount;
+                        options && options.includeValues && !usingGroup && out[j][valuesName].push(data[i]);
+                        break;
+                    }
+                }
+            }
+            let totalCount = 0;
+            const finalOut = [];
+            if (usingGroup) {
+                for(let j = 0; j < numBins; j++){
+                    const m = binGroupCounts[j];
+                    for (const [gk, sum] of m){
+                        totalCount += sum;
+                        const rec = {
+                            [x0Name]: thresholds[j],
+                            [x1Name]: thresholds[j + 1],
+                            [countName]: sum
+                        }, repr = binGroupRepr[j].get(gk);
+                        if (common_isArray(groupField)) for (const f of groupField)rec[f] = repr[f];
+                        else rec[groupField] = repr;
+                        options && options.includeValues && (rec[valuesName] = binGroupValues[j].get(gk) || []), finalOut.push(rec);
+                    }
+                }
+                for (const r of finalOut)r[percentageName] = totalCount > 0 ? r[countName] / totalCount : 0;
+            } else {
+                for(let i = 0, len = out.length; i < len; i++)totalCount += out[i][countName];
+                for(let i = 0, len = out.length; i < len; i++)out[i][percentageName] = totalCount > 0 ? out[i][countName] / totalCount : 0, finalOut.push(out[i]);
+            }
+            return finalOut;
+        };
+        const reshapeWithHistogramEncoding = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { dataset, chartType } = vseed;
+            const { dimensions = [], measures = [], encoding = {}, config } = advancedVSeed;
+            const uniqDims = T(dimensions, (item)=>item.id);
+            const chartConfig = config?.[chartType];
+            const binCount = chartConfig?.binCount;
+            const binStep = chartConfig?.binStep;
+            const binValueType = chartConfig?.binValueType;
+            let newDatasets = [];
+            let foldInfo = {};
+            let unfoldInfo = {};
+            const colorMeasureId = getColorMeasureId(advancedVSeed, vseed);
+            const allMeasures = findAllMeasures(measures);
+            if (encoding.value?.length) {
+                const valueField = encoding.value[0];
+                const m = allMeasures.find((m)=>m.id === valueField);
+                const binData = bin_bin(dataset, {
+                    field: valueField,
+                    groupField: [
+                        ...encoding.x ?? [],
+                        ...encoding.color ?? []
+                    ],
+                    bins: binCount,
+                    step: binStep,
+                    outputNames: {
+                        x0: BinStartMeasureId,
+                        x1: BinEndMeasureId,
+                        count: BinCountMeasureId,
+                        percentage: BinPercentageMeasureId
+                    }
+                });
+                binData.forEach((datum)=>{
+                    datum[FoldMeasureId] = valueField;
+                    datum[FoldMeasureName] = m?.alias ?? valueField;
+                    datum[FoldMeasureValue] = 'percentage' === binValueType ? datum[BinPercentageMeasureId] : datum[BinCountMeasureId];
+                });
+                const res = unfoldDimensions(binData, uniqDims, encoding, {
+                    foldMeasureId: FoldMeasureId,
+                    separator: "-",
+                    colorItemAsId: false
+                });
+                res.dataset.forEach((d)=>{
+                    newDatasets.push(d);
+                });
+                unfoldInfo = res.unfoldInfo;
+            } else if (encoding.x0?.length && encoding.x1?.length && encoding.y?.length) {
+                const res = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), findAllMeasures(measures).filter((item)=>encoding.y?.includes(item.id)).slice(0, 1), encoding, {
+                    colorItemAsId: false,
+                    colorMeasureId
+                });
+                res.dataset.forEach((datum)=>{
+                    datum[BinStartMeasureId] = datum[encoding.x0[0]];
+                    datum[BinEndMeasureId] = datum[encoding.x1[0]];
+                    datum[FoldMeasureId] = datum[encoding.y[0]];
+                });
+                newDatasets = res.dataset;
+                foldInfo = res.foldInfo;
+                unfoldInfo = res.unfoldInfo;
+            }
+            return {
+                ...result,
+                dataset: newDatasets,
+                datasetReshapeInfo: [
+                    {
+                        id: String(chartType),
+                        index: 0,
+                        foldInfo,
+                        unfoldInfo
+                    }
+                ],
+                dimensions,
+                measures
+            };
+        };
+        const pivotReshapeWithHistogramEncoding = (advancedVSeed, context)=>{
+            const result = {
+                ...advancedVSeed
+            };
+            const { vseed } = context;
+            const { dataset, chartType } = vseed;
+            const { dimensions = [], measures = [], encoding = {}, config } = advancedVSeed;
+            const colorMeasureId = getColorMeasureId(advancedVSeed, vseed);
+            const uniqDims = T(dimensions, (item)=>item.id);
+            const chartConfig = config?.[chartType];
+            const binCount = chartConfig?.binCount;
+            const binStep = chartConfig?.binStep;
+            const binValueType = chartConfig?.binValueType;
+            const measureGroups = [];
+            if (measures) measures.forEach((measure)=>{
+                if (measure.children && measure.children.length > 0) measureGroups.push(measure);
+            });
+            const rowColumnFields = T(dimensions.filter((dim)=>'row' === dim.encoding || 'column' === dim.encoding), (item)=>item.id);
+            const datasets = [];
+            const datasetReshapeInfo = [];
+            measureGroups.forEach((measureGroup, index)=>{
+                const subMeasures = measureGroup.children;
+                if (!subMeasures) return;
+                const groupId = measureGroup.id;
+                let newDatasets = [];
+                let foldInfo = {};
+                let unfoldInfo = {};
+                if (encoding.value?.length) {
+                    const valueField = encoding.value[0];
+                    const m = subMeasures.find((m)=>m.id === valueField);
+                    const binData = bin_bin(dataset, {
+                        field: valueField,
+                        groupField: [
+                            ...encoding.x ?? [],
+                            ...encoding.color ?? [],
+                            ...rowColumnFields.map((item)=>item.id)
+                        ],
+                        bins: binCount,
+                        step: binStep,
+                        outputNames: {
+                            x0: BinStartMeasureId,
+                            x1: BinEndMeasureId,
+                            count: BinCountMeasureId,
+                            percentage: BinPercentageMeasureId
+                        }
+                    });
+                    binData.forEach((datum)=>{
+                        datum[FoldMeasureId] = valueField;
+                        datum[FoldMeasureName] = m?.alias ?? valueField;
+                        datum[FoldMeasureValue] = 'percentage' === binValueType ? datum[BinPercentageMeasureId] : datum[BinCountMeasureId];
+                    });
+                    const res = unfoldDimensions(binData, uniqDims, encoding, {
+                        foldMeasureId: FoldMeasureId,
+                        separator: "-",
+                        colorItemAsId: false
+                    });
+                    res.dataset.forEach((d)=>{
+                        newDatasets.push(d);
+                    });
+                    unfoldInfo = res.unfoldInfo;
+                } else if (encoding.x0?.length && encoding.x1?.length && encoding.y?.length) {
+                    const res = dataReshapeByEncoding(dataset, T(dimensions, (item)=>item.id), subMeasures.filter((item)=>encoding.y?.includes(item.id)).slice(0, 1), encoding, {
+                        colorItemAsId: false,
+                        colorMeasureId
+                    });
+                    res.dataset.forEach((datum)=>{
+                        datum[BinStartMeasureId] = datum[encoding.x0[0]];
+                        datum[BinEndMeasureId] = datum[encoding.x1[0]];
+                        datum[FoldMeasureId] = datum[encoding.y[0]];
+                    });
+                    newDatasets = res.dataset;
+                    foldInfo = res.foldInfo;
+                    unfoldInfo = res.unfoldInfo;
+                }
+                const reshapeInfo = {
+                    id: groupId,
+                    index,
+                    foldInfo,
+                    unfoldInfo
+                };
+                datasets.push(newDatasets);
+                datasetReshapeInfo.push(reshapeInfo);
+            });
+            return {
+                ...result,
+                dataset: datasets,
+                datasetReshapeInfo: datasetReshapeInfo
+            };
+        };
+        const regressionLine = (advancedVSeed, context)=>{
+            const { vseed } = context;
+            if ('histogramRegressionLine' in vseed && 'histogram' === vseed.chartType) advancedVSeed.histogramRegressionLine = vseed.histogramRegressionLine;
+            return advancedVSeed;
+        };
+        const histogramAdvancedPipeline = [
+            initAdvancedVSeed_initAdvancedVSeed,
+            default_defaultMeasures_defaultMeasures,
+            defaultDimensions_defaultDimensions,
+            defaultMeasureName_defaultMeasureName,
+            histogramConfig,
+            encodingAdapter([
+                defaultEncodingForHistogram,
+                buildMeasures
+            ], [
+                encodingForHistogram,
+                buildMeasures,
+                deleteEncodingForMeasure([
+                    'tooltip',
+                    'label',
+                    'color'
+                ]),
+                deleteTooltipAndLabelDimension
+            ]),
+            pivotAdapter([
+                reshapeWithHistogramEncoding
+            ], [
+                pivotReshapeWithHistogramEncoding
+            ]),
+            sortLegend_sortLegend,
+            theme_theme,
+            markStyle_markStyle,
+            annotation_annotation,
+            regressionLine
+        ];
+        const initHistogram = (spec)=>{
+            const result = {
+                ...spec
+            };
+            result.type = 'histogram';
+            result.xField = BinStartMeasureId;
+            result.x2Field = BinEndMeasureId;
+            result.yField = FoldMeasureValue;
+            result.padding = 0;
+            result.region = [
+                {
+                    clip: true
+                }
+            ];
+            result.animation = true;
+            return result;
+        };
+        const datasetHistogram = (spec, context)=>{
+            const { advancedVSeed, vseed } = context;
+            const { datasetReshapeInfo } = advancedVSeed;
+            const { id } = datasetReshapeInfo[0];
+            const fields = {};
+            return {
+                ...spec,
+                data: {
+                    id,
+                    values: isPivotChart(vseed) ? void 0 : advancedVSeed.dataset.flat(),
+                    fields: fields
+                }
+            };
+        };
+        const tooltipHistogram_VCHART_OUTLIER_KEY = '__VCHART_BOX_PLOT_OUTLIER_VALUE';
+        const tooltipHistogram = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed } = context;
+            const { chartType, dimensions, encoding } = advancedVSeed;
+            const baseConfig = advancedVSeed.config[chartType];
+            const { tooltip = {
+                enable: true
+            } } = baseConfig;
+            const { enable } = tooltip;
+            result.tooltip = {
+                visible: enable,
+                mark: {
+                    title: {
+                        visible: false
+                    },
+                    content: tooltipHistogram_createMarkContent(encoding.tooltip || [], dimensions, encoding)
+                },
+                dimension: {
+                    title: {
+                        visible: false
+                    },
+                    content: tooltipHistogram_createMarkContent(encoding.tooltip || [], dimensions, encoding)
+                }
+            };
+            return result;
+        };
+        const tooltipHistogram_createMarkContent = (tooltip, dimensions, encoding)=>{
+            const dims = C(dimensions.filter((item)=>tooltip.includes(item.id)), T((item)=>item.id), T((item)=>item.alias));
+            const dimContent = dims.map((item)=>({
+                    visible: true,
+                    hasShape: true,
+                    shapeType: 'rectRound',
+                    key: item.alias ?? item.id,
+                    value: (datum)=>{
+                        if (!chunk_JK3VNB42_n(datum?.[tooltipHistogram_VCHART_OUTLIER_KEY])) {
+                            if (encoding.color?.includes(item.id)) return datum?.[ColorEncoding];
+                            if (encoding.x?.includes(item.id)) return datum?.[XEncoding];
+                        }
+                        return datum?.[item.id];
+                    }
+                }));
+            const defaultContent = [
+                {
+                    visible: true,
+                    hasShape: true,
+                    shapeType: 'rectRound',
+                    key: (datum)=>{
+                        if (!datum) return '';
+                        return `${datum[BinStartMeasureId]} ~ ${datum[BinEndMeasureId]}`;
+                    },
+                    value: (datum)=>{
+                        if (!datum) return '';
+                        return datum[FoldMeasureValue];
+                    }
+                }
+            ];
+            return [
+                ...dimContent,
+                defaultContent
+            ];
+        };
+        const gaussian = (u)=>1 / Math.sqrt(2 * Math.PI) * Math.exp(-0.5 * u * u);
+        function scott(n, std, dim = 1) {
+            return n <= 0 || 0 === std ? 0 : std * Math.pow(n, -1 / (dim + 4));
+        }
+        function silverman(n, std, dim = 1) {
+            if (n <= 0 || 0 === std) return 0;
+            return Math.pow(4 / (dim + 2), 1 / (dim + 4)) * std * Math.pow(n, -1 / (dim + 4));
+        }
+        function kde_std(values) {
+            const n = values.length;
+            if (0 === n) return 0;
+            let mean = 0;
+            for(let i = 0; i < n; i++)mean += values[i];
+            mean /= n;
+            let s = 0;
+            for(let i = 0; i < n; i++){
+                const d = values[i] - mean;
+                s += d * d;
+            }
+            return Math.sqrt(s / n);
+        }
+        function kde_kde(data, options = {}) {
+            const n = data.length, kernel = options.kernel || gaussian;
+            let h = options.bandwidth;
+            if (!h || h <= 0) {
+                const sd = kde_std(data) || 0, method = options.bandwidthMethod || "scott";
+                h = "silverman" === method ? silverman(n, sd, 1) : scott(n, sd, 1);
+            }
+            if (!h || h <= 0) return {
+                bandwidth: 0,
+                kernel: kernel,
+                evaluate: (x)=>{
+                    if (Array.isArray(x)) {
+                        const out = [];
+                        for(let i = 0; i < x.length; i++)out.push(0);
+                        return out;
+                    }
+                    return 0;
+                },
+                evaluateGrid: (N)=>{
+                    const out = [];
+                    if (N <= 0) return out;
+                    let min = 1 / 0, max = -1 / 0;
+                    for(let j = 0; j < n; j++){
+                        const v = data[j];
+                        v < min && (min = v), v > max && (max = v);
+                    }
+                    if (min === 1 / 0 || max === -1 / 0) {
+                        for(let i = 0; i < N; i++)out.push({
+                            x: 0,
+                            y: 0
+                        });
+                        return out;
+                    }
+                    for(let i = 0; i < N; i++)out.push({
+                        x: min,
+                        y: 0
+                    });
+                    return out;
+                }
+            };
+            const invNh = 1 / (n * h);
+            function evalPoint(x) {
+                let sum = 0;
+                for(let j = 0; j < n; j++)sum += kernel((x - data[j]) / h);
+                return sum * invNh;
+            }
+            return {
+                bandwidth: h,
+                kernel: kernel,
+                evaluate: function(x) {
+                    if (Array.isArray(x)) {
+                        const out = [];
+                        for(let i = 0; i < x.length; i++)out.push(evalPoint(x[i]));
+                        return out;
+                    }
+                    return evalPoint(x);
+                },
+                evaluateGrid (N) {
+                    const out = [];
+                    if (N <= 0) return out;
+                    let min = 1 / 0, max = -1 / 0;
+                    for(let i = 0; i < n; i++){
+                        const v = data[i];
+                        v < min && (min = v), v > max && (max = v);
+                    }
+                    if (min === 1 / 0 || max === -1 / 0) return out;
+                    if (min === max) {
+                        for(let i = 0; i < N; i++)out.push({
+                            x: min,
+                            y: evalPoint(min)
+                        });
+                        return out;
+                    }
+                    const step = (max - min) / (N - 1);
+                    for(let i = 0; i < N; i++){
+                        const x = i === N - 1 ? max : min + step * i;
+                        out.push({
+                            x: x,
+                            y: evalPoint(x)
+                        });
+                    }
+                    return out;
+                }
+            };
+        }
+        function ecdf(data) {
+            const n = data.length, sorted = data.slice().sort((a, b)=>a - b);
+            function evaluateSingle(x) {
+                if (0 === n) return 0;
+                let lo = 0, hi = n;
+                for(; lo < hi;){
+                    const mid = lo + hi >>> 1;
+                    sorted[mid] <= x ? lo = mid + 1 : hi = mid;
+                }
+                return lo / n;
+            }
+            return {
+                evaluate: function(x) {
+                    if (Array.isArray(x)) {
+                        const out = [];
+                        for(let i = 0; i < x.length; i++)out.push(evaluateSingle(x[i]));
+                        return out;
+                    }
+                    return evaluateSingle(x);
+                },
+                evaluateGrid: function(N) {
+                    const out = [];
+                    if (N <= 0) return out;
+                    if (0 === n) return out;
+                    const min = sorted[0], max = sorted[n - 1];
+                    if (min === max) {
+                        for(let i = 0; i < N; i++)out.push({
+                            x: min,
+                            y: 1
+                        });
+                        return out;
+                    }
+                    const step = (max - min) / (N - 1);
+                    for(let i = 0; i < N; i++){
+                        const x = i === N - 1 ? max : min + step * i;
+                        out.push({
+                            x: x,
+                            y: evaluateSingle(x)
+                        });
+                    }
+                    return out;
+                },
+                n: n
+            };
+        }
+        const getRegressionByType = (type, data, kdeOptions)=>{
+            switch(type){
+                case 'kde':
+                    return kde_kde(data, kdeOptions);
+                case 'ecdf':
+                    return ecdf(data);
+            }
+        };
+        const histogramRegressionLine_histogramRegressionLine = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed, vseed } = context;
+            const { chartType, encoding = {}, dimensions, histogramRegressionLine } = advancedVSeed;
+            const { dataset } = vseed;
+            const theme = advancedVSeed.config[chartType]?.histogramRegressionLine;
+            if (!histogramRegressionLine) return result;
+            const rowColumnFields = T(dimensions.filter((dim)=>'row' === dim.encoding || 'column' === dim.encoding), (item)=>item.id);
+            const lineList = Array.isArray(histogramRegressionLine) ? histogramRegressionLine : [
+                histogramRegressionLine
+            ];
+            if (!result.customMark) result.customMark = [];
+            lineList.forEach((line)=>{
+                const { color, type, lineWidth, lineDash, text, textColor, textFontSize, textFontWeight } = line;
+                result.customMark.push({
+                    type: 'line',
+                    interactive: false,
+                    zIndex: 500,
+                    style: {
+                        lineWidth: lineWidth ?? theme?.lineWidth,
+                        lineDash: lineDash ?? theme?.lineDash,
+                        stroke: color ?? ((datum, ctx)=>{
+                            const vchart = ctx.vchart;
+                            const chart = vchart.getChart();
+                            const series = chart.getAllSeries().filter((s)=>'bar' === s.type);
+                            return series.length ? series[0].getOption().globalScale.getScale('color')?.scale(series[0].getSeriesKeys()[0]) : void 0;
+                        }),
+                        points: (datum, ctx)=>{
+                            const vchart = ctx.vchart;
+                            const chart = vchart.getChart();
+                            const series = chart.getAllSeries().filter((s)=>'bar' === s.type);
+                            if (series && series.length) {
+                                const s = series[0];
+                                const region = s.getRegion().getLayoutStartPoint();
+                                const fieldX = s.fieldX?.[0];
+                                const scaleY = s.getYAxisHelper().getScale?.(0);
+                                const viewData = s.getViewData()?.latestData;
+                                if (!dataset || !dataset.length || !viewData || !viewData.length || !scaleY) return;
+                                const simpleData = dataset.filter((entry)=>rowColumnFields.length ? rowColumnFields.every((dim)=>entry[dim.id] === viewData[0][dim.id]) : true).map((d)=>d[encoding.value?.[0]]);
+                                const res = getRegressionByType(type, simpleData, 'kde' === type ? {
+                                    bandwidth: Math.abs(viewData[0][BinEndMeasureId] - viewData[0][BinStartMeasureId])
+                                } : void 0);
+                                const N = Math.max(3, Math.floor(simpleData.length / 4));
+                                const lineData = res.evaluateGrid(N);
+                                const yRange = scaleY.range();
+                                const y0 = yRange[0];
+                                const y1 = yRange[yRange.length - 1];
+                                const scaleR = 'kde' === type ? (k)=>scaleY.scale(k * simpleData.length * res.bandwidth) : (e)=>y0 + (y1 - y0) * e;
+                                return lineData.map((ld)=>{
+                                    const d = {
+                                        [fieldX]: ld.x
+                                    };
+                                    return {
+                                        x: s.dataToPositionX(d) + region.x,
+                                        y: scaleR(ld.y) + region.y
+                                    };
+                                });
+                            }
+                            return [];
+                        }
+                    }
+                });
+                if (!chunk_JK3VNB42_n(text)) result.customMark.push({
+                    type: 'text',
+                    interactive: false,
+                    zIndex: 500,
+                    style: {
+                        textAlign: 'end',
+                        fill: textColor ?? theme?.textColor,
+                        fontSize: textFontSize ?? theme?.textFontSize,
+                        fontWeight: textFontWeight ?? theme?.textFontWeight,
+                        text: text,
+                        x: (datum, ctx)=>{
+                            const vchart = ctx.vchart;
+                            const chart = vchart.getChart();
+                            const series = chart.getAllSeries().filter((s)=>'bar' === s.type);
+                            if (series && series.length) {
+                                const s = series[0];
+                                const startPoint = s.getRegion().getLayoutStartPoint();
+                                const fieldX = s.fieldX[0];
+                                const fieldX2 = s.fieldX2;
+                                const scaleY = s.getYAxisHelper().getScale?.(0);
+                                const viewData = s.getViewData()?.latestData;
+                                if (!dataset || !dataset.length || !viewData || !viewData.length || !scaleY) return;
+                                const maxX = Math.max.apply(null, viewData.map((d)=>Math.max(d[fieldX], d[fieldX2])));
+                                return startPoint.x + s.dataToPositionX({
+                                    [fieldX]: maxX
+                                });
+                            }
+                        },
+                        y: (datum, ctx)=>{
+                            const vchart = ctx.vchart;
+                            const chart = vchart.getChart();
+                            const series = chart.getAllSeries().filter((s)=>'bar' === s.type);
+                            if (series && series.length) {
+                                const s = series[0];
+                                const startPoint = s.getRegion().getLayoutStartPoint();
+                                const fieldY = s.fieldY[0];
+                                const viewData = s.getViewData()?.latestData;
+                                if (!viewData || !viewData.length) return;
+                                return 'ecdf' === type ? startPoint.y + 12 : startPoint.y + s.dataToPositionY({
+                                    [fieldY]: viewData[viewData.length - 1]?.[fieldY]
+                                });
+                            }
+                        }
+                    }
+                });
+            });
+            return result;
+        };
+        const histogram = [
+            initHistogram,
+            colorAdapter(color_color, linearColor),
+            background_backgroundColor,
+            datasetHistogram,
+            progressive,
+            xLinear,
+            yLinear,
+            label_label,
+            tooltipHistogram,
+            colorAdapter(discreteLegend, colorLegend),
+            verticalCrosshairRect,
+            colorBarStyleFill(barStyle_barStyle),
+            annotationPoint_annotationPoint,
+            annotationVerticalLine_annotationVerticalLine,
+            annotationHorizontalLine_annotationHorizontalLine,
+            annotationAreaBand,
+            histogramRegressionLine_histogramRegressionLine
+        ];
+        const pivotHistogram = [
+            initPivot,
+            pivotGridStyle,
+            datasetPivot,
+            pivotIndicators_pivotIndicators([
+                initHistogram,
+                colorAdapter(color_color, linearColor),
+                background_backgroundColor,
+                datasetHistogram,
+                progressive,
+                xLinear,
+                yLinear,
+                label_label,
+                tooltipHistogram,
+                colorBarStyleFill(barStyle_barStyle),
+                verticalCrosshairRect,
+                annotationPoint_annotationPoint,
+                annotationVerticalLine_annotationVerticalLine,
+                annotationHorizontalLine_annotationHorizontalLine,
+                annotationAreaBand,
+                histogramRegressionLine_histogramRegressionLine
+            ]),
+            pivotRowDimensions,
+            pivotColumnDimensions,
+            colorAdapter(pivotDiscreteLegend, pivotColorLegend)
+        ];
+        const histogramSpecPipeline = [
+            pivotAdapter_pivotAdapter(histogram, pivotHistogram)
+        ];
+        const registerHistogram = ()=>{
+            Builder._advancedPipelineMap.histogram = histogramAdvancedPipeline;
+            Builder._specPipelineMap.histogram = histogramSpecPipeline;
+        };
+        const getDarkCrosshairLine = ()=>({
+                visible: true,
+                labelVisible: true,
+                labelColor: '#ffffff',
+                labelBackgroundColor: '#404349',
+                lineColor: '#55595F'
+            });
+        const getDarkCrosshairRect = ()=>({
+                visible: true,
+                labelVisible: true,
+                labelColor: '#4B4F54',
+                labelBackgroundColor: '#ffffff',
+                rectColor: '#E2E3E6'
+            });
+        const getLightCrosshairLine = ()=>({
+                visible: true,
+                labelVisible: true,
+                labelColor: '#ffffff',
+                labelBackgroundColor: '#21252C',
+                lineColor: '#21252C'
+            });
+        const getLightCrosshairRect = ()=>({
+                visible: true,
+                labelVisible: true,
+                labelColor: '#ffffff',
+                labelBackgroundColor: '#364159',
+                rectColor: '#3641594d'
+            });
+        const getLightColorScheme = ()=>[
+                '#8D72F6',
+                '#5766EC',
+                '#66A3FE',
+                '#51D5E6',
+                '#4EC0B3',
+                '#F9DF90',
+                '#F9AD71',
+                '#ED8888',
+                '#E9A0C3',
+                '#D77DD3'
+            ];
+        const getDarkColorScheme = ()=>[
+                '#2E62F1',
+                '#4DC36A',
+                '#FF8406',
+                '#FFCC00',
+                '#4F44CF',
+                '#5AC8FA',
+                '#003A8C',
+                '#B08AE2',
+                '#FF6341',
+                '#98DD62'
+            ];
+        const getLightLinearColorScheme = ()=>[
+                '#C2CEFF',
+                '#5766EC'
+            ];
+        const getDarkLinearColorScheme = ()=>[
+                '#A0CEFF',
+                '#2E62F1'
+            ];
+        const getLightColor = ()=>({
+                linearColorScheme: getLightLinearColorScheme(),
+                colorScheme: getLightColorScheme()
+            });
+        const getDarkColor = ()=>({
+                linearColorScheme: getDarkLinearColorScheme(),
+                colorScheme: getDarkColorScheme()
+            });
+        const getDefaultLabel = ()=>({
+                enable: true,
+                wrap: true,
+                showValue: true,
+                showValuePercent: false,
+                labelColorSmartInvert: false,
+                labelOverlap: true
+            });
+        const getDarkLabel = ()=>({
+                ...getDefaultLabel(),
+                labelStroke: '#21252C'
+            });
+        const getLightLabel = ()=>({
+                ...getDefaultLabel(),
+                labelStroke: '#fff'
+            });
+        const getDefaultLegend = ()=>({
+                enable: true,
+                border: true,
+                maxSize: 1,
+                shapeType: 'rectRound',
+                position: 'rt',
+                labelColor: '#646A73',
+                labelFontSize: 12,
+                labelFontWeight: 400
+            });
+        const getDefaultTableConfig = ()=>({
+                bodyFontSize: 12,
+                bodyBackgroundColor: 'transparent',
+                headerFontSize: 12
+            });
+        const getLightTableConfig = ()=>({
+                ...getDefaultTableConfig(),
+                borderColor: '#e3e5eb',
+                bodyFontColor: '#141414',
+                headerFontColor: '#21252c',
                 headerBackgroundColor: '#f6f7f9',
                 hoverBodyBackgroundColor: '#bedaff',
                 hoverBodyInlineBackgroundColor: '#bedaff33',
@@ -9323,11 +10804,9 @@
                 backgroundColor: 'transparent'
             });
         const getDarkTableConfig = ()=>({
+                ...getDefaultTableConfig(),
                 borderColor: '#4b4e53',
-                bodyFontSize: 12,
                 bodyFontColor: '#fdfdfd',
-                bodyBackgroundColor: 'transparent',
-                headerFontSize: 12,
                 headerFontColor: '#fdfdfd',
                 headerBackgroundColor: '#36393e',
                 hoverBodyBackgroundColor: '#4284ff66',
@@ -9338,10 +10817,12 @@
                 selectedBackgroundColor: '#4284ff33'
             });
         const pickPivotChartGridConfig = (tableConfig)=>({
+                outlineBorderLineWidth: 0,
+                frameCornerRadius: 0,
                 borderColor: tableConfig.borderColor,
                 bodyFontColor: tableConfig.bodyFontColor,
                 headerFontColor: tableConfig.headerFontColor,
-                headerBackgroundColor: tableConfig.headerBackgroundColor,
+                headerBackgroundColor: 'transparent',
                 hoverHeaderBackgroundColor: tableConfig.hoverHeaderBackgroundColor,
                 hoverHeaderInlineBackgroundColor: tableConfig.hoverHeaderInlineBackgroundColor
             });
@@ -9519,48 +11000,48 @@
                     lineWidth: 1
                 }
             });
-        const getLightAnnotationPoint = ()=>({
-                textColor: '#ffffff',
+        const getDefaultAnnotationPoint = ()=>({
                 textBackgroundVisible: true,
-                textBackgroundColor: '#364159',
-                textBackgroundBorderColor: '#3641594d',
                 textFontSize: 12,
                 textFontWeight: 400,
                 textBackgroundBorderRadius: 4,
                 textBackgroundBorderWidth: 1,
                 textBackgroundPadding: 2
             });
-        const getLightAnnotationHorizontalLine = ()=>({
-                lineColor: '#BCC1CB',
+        const getLightAnnotationPoint = ()=>({
+                ...getDefaultAnnotationPoint(),
+                textColor: '#ffffff',
+                textBackgroundColor: '#364159',
+                textBackgroundBorderColor: '#3641594d'
+            });
+        const getDefaultAnnotationLine = ()=>({
+                lineVisible: true,
                 lineWidth: 1,
                 lineStyle: 'solid',
-                lineVisible: true,
-                textColor: '#ffffff',
                 textFontSize: 12,
                 textFontWeight: 400,
                 startSymbolVisible: true,
                 endSymbolVisible: false,
                 textBackgroundVisible: true,
-                textBackgroundColor: '#BCC1CB',
-                textBackgroundBorderColor: '#BCC1CB',
                 textBackgroundBorderWidth: 1,
                 textBackgroundBorderRadius: 0,
                 textBackgroundPadding: 2
             });
-        const getLightAnnotationVerticalLine = ()=>getLightAnnotationHorizontalLine();
-        const getLightAnnotationArea = ()=>({
+        const getLightAnnotationHorizontalLine = ()=>({
+                ...getDefaultAnnotationLine(),
+                lineColor: '#BCC1CB',
                 textColor: '#ffffff',
+                textBackgroundColor: '#BCC1CB',
+                textBackgroundBorderColor: '#BCC1CB'
+            });
+        const getLightAnnotationVerticalLine = ()=>getLightAnnotationHorizontalLine();
+        const getDefaultAnnotationArea = ()=>({
                 textFontSize: 12,
                 textFontWeight: 400,
                 textBackgroundVisible: true,
-                textBackgroundColor: '#BCC1CB',
-                textBackgroundBorderColor: '#BCC1CB',
                 textBackgroundBorderWidth: 1,
                 textBackgroundBorderRadius: 0,
                 textBackgroundPadding: 4,
-                areaColor: '#BCC1CB',
-                areaColorOpacity: 0.12,
-                areaBorderColor: '#BCC1CB',
                 areaBorderWidth: 0,
                 areaBorderRadius: 0,
                 areaLineDash: [
@@ -9569,6 +11050,15 @@
                 ],
                 outerPadding: 4
             });
+        const getLightAnnotationArea = ()=>({
+                ...getDefaultAnnotationArea(),
+                textColor: '#ffffff',
+                textBackgroundColor: '#BCC1CB',
+                textBackgroundBorderColor: '#BCC1CB',
+                areaColor: '#BCC1CB',
+                areaColorOpacity: 0.12,
+                areaBorderColor: '#BCC1CB'
+            });
         const getLightAnnotation = ()=>({
                 annotationPoint: getLightAnnotationPoint(),
                 annotationHorizontalLine: getLightAnnotationHorizontalLine(),
@@ -9576,52 +11066,27 @@
                 annotationArea: getLightAnnotationArea()
             });
         const getDarkAnnotationPoint = ()=>({
+                ...getDefaultAnnotationPoint(),
                 textColor: '#4B4F54',
-                textBackgroundVisible: true,
                 textBackgroundColor: '#ffffff',
-                textBackgroundBorderColor: '#ffffff',
-                textFontSize: 12,
-                textFontWeight: 400,
-                textBackgroundBorderRadius: 4,
-                textBackgroundBorderWidth: 1,
-                textBackgroundPadding: 2
+                textBackgroundBorderColor: '#ffffff'
             });
         const getDarkAnnotationHorizontalLine = ()=>({
+                ...getDefaultAnnotationLine(),
                 lineColor: '#55595F',
-                lineWidth: 1,
-                lineStyle: 'solid',
-                lineVisible: true,
-                textFontSize: 12,
-                textFontWeight: 400,
-                textBackgroundVisible: true,
                 textColor: '#E2E3E6',
                 textBackgroundColor: '#55595F',
-                textBackgroundBorderColor: '#55595F',
-                textBackgroundBorderWidth: 1,
-                textBackgroundBorderRadius: 0,
-                textBackgroundPadding: 2
+                textBackgroundBorderColor: '#55595F'
             });
         const getDarkAnnotationVerticalLine = ()=>getDarkAnnotationHorizontalLine();
         const getDarkAnnotationArea = ()=>({
+                ...getDefaultAnnotationArea(),
                 textColor: '#E2E3E6',
-                textFontSize: 12,
-                textFontWeight: 400,
-                textBackgroundVisible: true,
                 textBackgroundColor: '#55595F',
                 textBackgroundBorderColor: '#55595F',
-                textBackgroundBorderWidth: 1,
-                textBackgroundBorderRadius: 0,
-                textBackgroundPadding: 4,
                 areaColor: '#E2E3E6',
                 areaColorOpacity: 0.15,
-                areaBorderColor: '#E2E3E6',
-                areaBorderWidth: 0,
-                areaBorderRadius: 0,
-                areaLineDash: [
-                    2,
-                    2
-                ],
-                outerPadding: 4
+                areaBorderColor: '#E2E3E6'
             });
         const getDarkAnnotation = ()=>({
                 annotationPoint: getDarkAnnotationPoint(),
@@ -9643,6 +11108,19 @@
         const getDarkHeatmapCellTheme = ()=>({
                 stroke: '#404349'
             });
+        const getDefaultHistogramRegressionLine = ()=>({
+                lineWidth: 2,
+                textFontSize: 12,
+                textFontWeight: 400
+            });
+        const getLightHistogramRegressionLine = ()=>({
+                ...getDefaultHistogramRegressionLine(),
+                textColor: '#364159'
+            });
+        const getDarkHistogramRegressionLine = ()=>({
+                ...getDefaultHistogramRegressionLine(),
+                textColor: '#ffffff'
+            });
         const lightTheme = ()=>{
             const linearAxis = getLightLinearAxis();
             const bandAxis = getLightBandAxis();
@@ -9664,7 +11142,7 @@
             const baseConfig = {
                 backgroundColor: 'transparent',
                 color: getLightColor(),
-                label: getDefaultLabel(),
+                label: getLightLabel(),
                 legend: getDefaultLegend(),
                 tooltip: getDefaultTooltip()
             };
@@ -9889,6 +11367,23 @@
                         },
                         cell: getLightHeatmapCellTheme(),
                         pivotGrid: getLightPivotChartGridConfig()
+                    },
+                    histogram: {
+                        ...baseConfig,
+                        xAxis: linearAxis,
+                        yAxis: linearAxis,
+                        crosshairRect,
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation(),
+                        histogramRegressionLine: getLightHistogramRegressionLine()
+                    },
+                    boxPlot: {
+                        ...baseConfig,
+                        xAxis: linearAxis,
+                        yAxis: linearAxis,
+                        crosshairRect,
+                        pivotGrid: getLightPivotChartGridConfig(),
+                        annotation: getLightAnnotation()
                     }
                 }
             };
@@ -9914,7 +11409,7 @@
             const baseConfig = {
                 backgroundColor: 'transparent',
                 color: getDarkColor(),
-                label: getDefaultLabel(),
+                label: getDarkLabel(),
                 legend: getDefaultLegend(),
                 tooltip: getDefaultTooltip()
             };
@@ -10133,6 +11628,23 @@
                         },
                         cell: getDarkHeatmapCellTheme(),
                         pivotGrid: getDarkPivotChartGridConfig()
+                    },
+                    histogram: {
+                        ...baseConfig,
+                        xAxis: linearAxis,
+                        yAxis: linearAxis,
+                        crosshairRect: crosshairRect,
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation(),
+                        histogramRegressionLine: getDarkHistogramRegressionLine()
+                    },
+                    boxPlot: {
+                        ...baseConfig,
+                        xAxis: bandAxis,
+                        yAxis: linearAxis,
+                        crosshairRect: crosshairRect,
+                        pivotGrid: getDarkPivotChartGridConfig(),
+                        annotation: getDarkAnnotation()
                     }
                 }
             };
@@ -10171,6 +11683,8 @@
             registerRadar();
             registerFunnel();
             registerHeatmap();
+            registerBoxplot();
+            registerHistogram();
             registerLightTheme();
             registerDarkTheme();
         };
@@ -13483,7 +14997,9 @@
             'donut',
             'radar',
             'funnel',
-            'heatmap'
+            'heatmap',
+            'boxPlot',
+            'histogram'
         ]);
         const zDualChartType = schemas_object({
             primary: schemas_enum([
@@ -13655,7 +15171,16 @@
             label: schemas_array(schemas_string()).nullish(),
             row: schemas_array(schemas_string()).nullish(),
             column: schemas_array(schemas_string()).nullish(),
-            group: schemas_array(schemas_string()).nullish().describe("\u5DF2\u5F03\u7528, \u8BF7\u4F7F\u7528\u989C\u8272\u66FF\u4EE3")
+            group: schemas_array(schemas_string()).nullish().describe("\u5DF2\u5F03\u7528, \u8BF7\u4F7F\u7528\u989C\u8272\u66FF\u4EE3"),
+            value: schemas_array(schemas_string()).nullish(),
+            q1: schemas_array(schemas_string()).nullish(),
+            q3: schemas_array(schemas_string()).nullish(),
+            median: schemas_array(schemas_string()).nullish(),
+            min: schemas_array(schemas_string()).nullish(),
+            max: schemas_array(schemas_string()).nullish(),
+            outliers: schemas_array(schemas_string()).nullish(),
+            x0: schemas_array(schemas_string()).nullish(),
+            x1: schemas_array(schemas_string()).nullish()
         });
         const EncodingEnum = {
             x: 'x',
@@ -14180,7 +15705,9 @@
             headerFontColor: schemas_string().nullish(),
             headerBackgroundColor: schemas_string().nullish(),
             hoverHeaderBackgroundColor: schemas_string().nullish(),
-            hoverHeaderInlineBackgroundColor: schemas_string().nullish()
+            hoverHeaderInlineBackgroundColor: schemas_string().nullish(),
+            outlineBorderLineWidth: schemas_number().nullish(),
+            frameCornerRadius: schemas_number().nullish()
         });
         const zLineConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
@@ -14200,6 +15727,8 @@
             0,
             0
         ]);
+        const zBarMaxWidth = schemas_number().or(schemas_string());
+        const zBarGapInGroup = schemas_number().or(schemas_string());
         const zColumnConfig = schemas_object({
             backgroundColor: zBackgroundColor.nullish(),
             label: zLabel.nullish(),
@@ -14210,6 +15739,8 @@
             yAxis: zYLinearAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
+            barGapInGroup: zBarGapInGroup.nullish(),
             pivotGrid: zPivotChartGridConfig.nullish(),
             annotation: zAnnotationConfig.nullish()
         });
@@ -14327,6 +15858,50 @@
             cell: zHeatmapCell.nullish()
         });
         const zPivotTableConfig = zTableConfig;
+        const zWhiskersConfig = schemas_number().or(schemas_array(schemas_number())).default(1.5);
+        const zBoxplotConfig = schemas_object({
+            backgroundColor: zBackgroundColor.nullish(),
+            label: zLabel.nullish(),
+            color: zColor.nullish(),
+            tooltip: zTooltip.nullish(),
+            legend: zLegend.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            pivotGrid: zPivotChartGridConfig.nullish(),
+            annotation: zAnnotationConfig.nullish(),
+            whiskers: zWhiskersConfig.nullish()
+        });
+        const zHistogramRegressionLine = schemas_object({
+            type: union([
+                literal('kde'),
+                literal('ecdf')
+            ]).nullish(),
+            color: schemas_string().nullish(),
+            lineWidth: schemas_number().nullish(),
+            lineDash: schemas_array(schemas_number()).nullish(),
+            text: schemas_string().nullish(),
+            textColor: schemas_string().nullish(),
+            textFontSize: schemas_number().nullish(),
+            textFontWeight: schemas_number().nullish()
+        });
+        const zHistogramConfig = schemas_object({
+            backgroundColor: zBackgroundColor.nullish(),
+            label: zLabel.nullish(),
+            color: zColor.nullish(),
+            tooltip: zTooltip.nullish(),
+            legend: zLegend.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            stackCornerRadius: zStackCornerRadius.nullish(),
+            pivotGrid: zPivotChartGridConfig.nullish(),
+            annotation: zAnnotationConfig.nullish(),
+            binCount: schemas_number().positive().nullish(),
+            binStep: schemas_number().positive().nullish(),
+            binValueType: literal('count').or(literal('percentage')).nullish(),
+            histogramRegressionLine: zHistogramRegressionLine.nullish()
+        });
         const zConfig = schemas_object({
             table: zTableConfig.nullish(),
             pivotTable: zPivotTableConfig.nullish(),
@@ -14347,7 +15922,9 @@
             donut: zDonutConfig.nullish(),
             radar: zRadarConfig.nullish(),
             funnel: zFunnelConfig.nullish(),
-            heatmap: zHeatmapConfig.nullish()
+            heatmap: zHeatmapConfig.nullish(),
+            boxPlot: zBoxplotConfig.nullish(),
+            histogram: zHistogramConfig.nullish()
         });
         const zCustomThemeConfig = schemas_object({
             config: zConfig.nullish()
@@ -14587,8 +16164,11 @@
             tooltip: zTooltip.nullish(),
             xAxis: zXBandAxis.nullish(),
             yAxis: zYLinearAxis.nullish(),
+            sort: zSort.nullish(),
+            sortLegent: zSortLegend.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14612,6 +16192,8 @@
             yAxis: zYLinearAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
+            barGapInGroup: zBarGapInGroup.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14635,6 +16217,7 @@
             yAxis: zYLinearAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14658,6 +16241,7 @@
             yAxis: zYBandAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14681,6 +16265,8 @@
             yAxis: zYBandAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
+            barGapInGroup: zBarGapInGroup.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14704,6 +16290,7 @@
             yAxis: zYBandAxis.nullish(),
             crosshairRect: zCrosshairRect.nullish(),
             stackCornerRadius: zStackCornerRadius.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
             theme: zTheme.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
@@ -14805,6 +16392,8 @@
             sort: zSort.nullish(),
             sortLegend: zSortLegend.nullish(),
             theme: zTheme.nullish(),
+            barMaxWidth: zBarMaxWidth.nullish(),
+            barGapInGroup: zBarGapInGroup.nullish(),
             barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
             pointStyle: schemas_array(zPointStyle).or(zPointStyle).nullish(),
             lineStyle: schemas_array(zLineStyle).or(zLineStyle).nullish(),
@@ -14815,6 +16404,32 @@
             annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
             locale: zLocale.nullish()
         });
+        const zHistogram = schemas_object({
+            chartType: literal('histogram'),
+            dataset: zDataset.nullish(),
+            encoding: zEncoding.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXLinearAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            binCount: schemas_number().positive().nullish(),
+            binStep: schemas_number().positive().nullish(),
+            binValueType: literal('count').or(literal('percentage')).nullish(),
+            theme: zTheme.nullish(),
+            barStyle: schemas_array(zBarStyle).or(zBarStyle).nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            histogramRegressionLine: schemas_array(zHistogramRegressionLine).or(zHistogramRegressionLine).nullish(),
+            locale: zLocale.nullish()
+        });
         const zRose = schemas_object({
             chartType: literal('rose'),
             dataset: zDataset.nullish(),
@@ -14912,6 +16527,30 @@
             theme: zTheme.nullish(),
             locale: zLocale.nullish()
         });
+        const zBoxplot = schemas_object({
+            chartType: literal('boxPlot'),
+            dataset: zDataset.nullish(),
+            encoding: zEncoding.nullish(),
+            dimensions: zDimensions.nullish(),
+            measures: zMeasureTree.nullish(),
+            backgroundColor: zBackgroundColor.nullish(),
+            color: zColor.nullish(),
+            label: zLabel.nullish(),
+            legend: zLegend.nullish(),
+            tooltip: zTooltip.nullish(),
+            xAxis: zXBandAxis.nullish(),
+            yAxis: zYLinearAxis.nullish(),
+            sort: zSort.nullish(),
+            sortLegent: zSortLegend.nullish(),
+            crosshairRect: zCrosshairRect.nullish(),
+            theme: zTheme.nullish(),
+            whiskers: zWhiskersConfig.nullish(),
+            annotationPoint: schemas_array(zAnnotationPoint).or(zAnnotationPoint).nullish(),
+            annotationVerticalLine: schemas_array(zAnnotationVerticalLine).or(zAnnotationVerticalLine).nullish(),
+            annotationHorizontalLine: schemas_array(zAnnotationHorizontalLine).or(zAnnotationHorizontalLine).nullish(),
+            annotationArea: schemas_array(zAnnotationArea).or(zAnnotationArea).nullish(),
+            locale: zLocale.nullish()
+        });
         const zVSeed = discriminatedUnion('chartType', [
             zTable,
             zPivotTable,
@@ -14932,7 +16571,9 @@
             zRoseParallel,
             zRadar,
             zFunnel,
-            zHeatmap
+            zHeatmap,
+            zBoxplot,
+            zHistogram
         ]);
         const zAdvancedVSeed = schemas_object({
             chartType: zChartType,
@@ -14947,7 +16588,8 @@
             markStyle: zMarkStyle,
             customTheme: zCustomThemeConfig,
             annotation: zAnnotation,
-            locale: zLocale
+            locale: zLocale,
+            histogramRegressionLine: zHistogramRegressionLine.or(schemas_array(zHistogramRegressionLine)).nullish()
         });
         return __webpack_exports__;
     })());