@visactor/vseed 0.2.8 → 0.2.9

package/dist/esm/types/zVseed.d.ts

@@ -18075,8 +18075,8 @@ export declare const zVSeed: z.ZodDiscriminatedUnion<[z.ZodObject<{
         boxBorderWidth: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
         boxBorderOpacity: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
         boxCornerRadius: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
-        whiskerBorderColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         medianBorderColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        whiskerBorderColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     }, z.core.$strip>>, z.ZodObject<{
         selector: z.ZodOptional<z.ZodNullable<z.ZodUnion<[z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodObject<{
             field: z.ZodString;
@@ -18154,8 +18154,8 @@ export declare const zVSeed: z.ZodDiscriminatedUnion<[z.ZodObject<{
         boxBorderWidth: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
         boxBorderOpacity: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
         boxCornerRadius: z.ZodOptional<z.ZodNullable<z.ZodNumber>>;
-        whiskerBorderColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
         medianBorderColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
+        whiskerBorderColor: z.ZodOptional<z.ZodNullable<z.ZodString>>;
     }, z.core.$strip>]>>>;
     outlierStyle: z.ZodOptional<z.ZodNullable<z.ZodUnion<[z.ZodArray<z.ZodObject<{
         selector: z.ZodOptional<z.ZodUnion<readonly [z.ZodUnion<readonly [z.ZodString, z.ZodNumber, z.ZodObject<{

package/dist/umd/index.js

@@ -3745,9 +3745,11 @@
                         const measure = findMeasureById(advancedVSeedMeasures, datum[measureId]);
                         if (measure) {
                             const measureValueLabel = generateMeasureValue(datum[measureValue], measure, autoFormat, numFormat);
-                            const measurePercentLabel = chunk_6GTAPB47_e(datum['__VCHART_ARC_RATIO']) ? generateMeasurePercent(datum['__VCHART_ARC_RATIO'], 1, percentFormatter) : generateMeasurePercent(datum[measureValue], statistics.sum, percentFormatter);
                             if (showValue) result.push(measureValueLabel);
-                            if (showValuePercent) result.push(measurePercentLabel);
+                            if (showValuePercent) {
+                                if (chunk_6GTAPB47_e(datum['__VCHART_ARC_RATIO'])) result.push(generateMeasurePercent(datum['__VCHART_ARC_RATIO'], 1, percentFormatter));
+                                else if (statistics && chunk_6GTAPB47_e(statistics.sum)) result.push(generateMeasurePercent(datum[measureValue], statistics.sum, percentFormatter));
+                            }
                         }
                     });
                     result.push(...meaLabels);
@@ -11922,6 +11924,22 @@
                 }
             };
         };
+        const labelBoxPlot = (spec, context)=>{
+            const result = {
+                ...spec
+            };
+            const { advancedVSeed, vseed } = context;
+            const { chartType, encoding } = advancedVSeed;
+            const baseConfig = advancedVSeed.config[chartType];
+            const { label } = baseConfig;
+            result.label = buildLabel(label, vseed.measures, vseed.dimensions, advancedVSeed.dimensions, advancedVSeed.measures, encoding, [
+                {
+                    measureId: FoldMeasureId,
+                    measureValue: MedianMeasureId
+                }
+            ]);
+            return result;
+        };
         const boxPlotMeasureKeys = [
             UpperWhisker,
             "__Q3__",
@@ -12080,9 +12098,8 @@
                         shaftShape: 'filled-line',
                         visible: true,
                         shaftWidth: '50%',
-                        stroke: theme?.boxBorderColor,
+                        stroke: theme?.whiskerBorderColor,
                         boxStroke: theme?.boxBorderColor,
-                        whiskerStroke: theme?.whiskerBorderColor,
                         boxCornerRadius: theme?.boxCornerRadius,
                         medianStroke: theme?.medianBorderColor ?? theme?.boxBorderColor
                     }
@@ -12093,7 +12110,7 @@
                 boxPlotStyle
             ];
             const customMap = boxPlotStyles.reduce((result, style, index)=>{
-                const { boxColor, boxColorOpacity, boxBorderColor, boxBorderWidth = 1, boxVisible = true, boxBorderOpacity } = style;
+                const { boxColor, boxColorOpacity, boxBorderColor, boxBorderWidth = 1, boxVisible = true, boxBorderOpacity, medianBorderColor, whiskerBorderColor, boxCornerRadius } = style;
                 return {
                     ...result,
                     [`custom${index + 1}`]: {
@@ -12107,8 +12124,11 @@
                             fill: boxColor,
                             fillOpacity: boxColorOpacity,
                             lineWidth: boxBorderWidth,
-                            stroke: boxBorderColor,
-                            strokeOpacity: boxBorderOpacity
+                            stroke: whiskerBorderColor,
+                            boxStroke: boxBorderColor,
+                            boxCornerRadius: boxCornerRadius,
+                            strokeOpacity: boxBorderOpacity,
+                            medianStroke: medianBorderColor ?? boxBorderColor
                         }
                     }
                 };
@@ -12163,12 +12183,9 @@
                             size: pointSize,
                             fill: pointColor,
                             fillOpacity: pointColorOpacity,
-                            innerBorder: {
-                                stroke: pointBorderColor,
-                                lineWidth: pointBorderWidth,
-                                distance: (pointBorderWidth || 0) / 2,
-                                lineDash: lineDash
-                            }
+                            stroke: pointBorderColor,
+                            lineWidth: pointBorderWidth,
+                            lineDash: lineDash
                         }
                     }
                 };
@@ -12194,7 +12211,7 @@
             progressive,
             xBand,
             yLinear,
-            label_label,
+            labelBoxPlot,
             tooltipBoxplot,
             colorAdapter(discreteLegend, colorLegend),
             verticalCrosshairRect,
@@ -12220,7 +12237,7 @@
                 progressive,
                 xBand,
                 pivotAxisStyle(yLinear),
-                label_label,
+                labelBoxPlot,
                 tooltipBoxplot,
                 colorBoxPlotStyleFill(boxPlotStyle_boxPlotStyle),
                 outlierStyle_outlierStyle,
@@ -13984,27 +14001,30 @@
                 }
             });
         const getCommonBoxPlotStyle = ()=>({
-                boxCornerRadius: 6
+                boxCornerRadius: 2
             });
         const getLightBoxPlotStyle = ()=>({
                 ...getCommonBoxPlotStyle(),
-                boxBorderColor: '#00000042',
+                boxBorderColor: '#606773',
                 whiskerBorderColor: '#606773'
             });
         const getDarkBoxPlotStyle = ()=>({
                 ...getCommonBoxPlotStyle(),
-                boxBorderColor: '#ffffff42',
-                whiskerBorderColor: '#E2E3E6'
+                boxBorderColor: '#888C93',
+                whiskerBorderColor: '#888C93'
             });
         const getCommonOutlierStyle = ()=>({
-                pointBorderWidth: 2,
+                pointSize: 10,
+                pointBorderWidth: 1.5,
                 pointColor: 'transparent'
             });
         const getLightOutlierStyle = ()=>({
-                ...getCommonOutlierStyle()
+                ...getCommonOutlierStyle(),
+                pointBorderColor: '#606773'
             });
         const getDarkOutlierStyle = ()=>({
-                ...getCommonOutlierStyle()
+                ...getCommonOutlierStyle(),
+                pointBorderColor: '#888C93'
             });
         const lightTheme = ()=>{
             const linearAxis = getLightLinearAxis();
@@ -18867,8 +18887,8 @@
             boxBorderWidth: schemas_number().min(0).nullish(),
             boxBorderOpacity: schemas_number().min(0).max(1).nullish(),
             boxCornerRadius: schemas_number().nullish(),
-            whiskerBorderColor: schemas_string().nullish(),
-            medianBorderColor: schemas_string().nullish()
+            medianBorderColor: schemas_string().nullish(),
+            whiskerBorderColor: schemas_string().nullish()
         });
         const zOutlierStyle = schemas_object({
             selector: union([