@visactor/vseed 0.0.38 → 0.0.39

package/dist/builder/builder/builder.d.ts

@@ -1765,6 +1765,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                barVisible?: boolean | null | undefined;
                 barColor?: string | null | undefined;
                 barColorOpacity?: number | null | undefined;
                 barBorderColor?: string | null | undefined;
@@ -1793,6 +1794,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                barVisible?: boolean | null | undefined;
                 barColor?: string | null | undefined;
                 barColorOpacity?: number | null | undefined;
                 barBorderColor?: string | null | undefined;
@@ -1822,6 +1824,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                pointVisible?: boolean | null | undefined;
                 pointSize?: number | null | undefined;
                 pointColor?: string | null | undefined;
                 pointColorOpacity?: number | null | undefined;
@@ -1850,6 +1853,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                pointVisible?: boolean | null | undefined;
                 pointSize?: number | null | undefined;
                 pointColor?: string | null | undefined;
                 pointColorOpacity?: number | null | undefined;
@@ -1879,6 +1883,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                lineVisible?: boolean | null | undefined;
                 lineSmooth?: boolean | null | undefined;
                 lineColor?: string | null | undefined;
                 lineColorOpacity?: number | null | undefined;
@@ -1906,6 +1911,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                lineVisible?: boolean | null | undefined;
                 lineSmooth?: boolean | null | undefined;
                 lineColor?: string | null | undefined;
                 lineColorOpacity?: number | null | undefined;
@@ -1934,6 +1940,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                areaVisible?: boolean | null | undefined;
                 areaColor?: string | null | undefined;
                 areaColorOpacity?: number | null | undefined;
             } | {
@@ -1958,6 +1965,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                areaVisible?: boolean | null | undefined;
                 areaColor?: string | null | undefined;
                 areaColorOpacity?: number | null | undefined;
             }[] | null | undefined;
@@ -5647,6 +5655,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                barVisible?: boolean | null | undefined;
                 barColor?: string | null | undefined;
                 barColorOpacity?: number | null | undefined;
                 barBorderColor?: string | null | undefined;
@@ -5675,6 +5684,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                barVisible?: boolean | null | undefined;
                 barColor?: string | null | undefined;
                 barColorOpacity?: number | null | undefined;
                 barBorderColor?: string | null | undefined;
@@ -5704,6 +5714,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                pointVisible?: boolean | null | undefined;
                 pointSize?: number | null | undefined;
                 pointColor?: string | null | undefined;
                 pointColorOpacity?: number | null | undefined;
@@ -5732,6 +5743,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                pointVisible?: boolean | null | undefined;
                 pointSize?: number | null | undefined;
                 pointColor?: string | null | undefined;
                 pointColorOpacity?: number | null | undefined;
@@ -5761,6 +5773,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                lineVisible?: boolean | null | undefined;
                 lineSmooth?: boolean | null | undefined;
                 lineColor?: string | null | undefined;
                 lineColorOpacity?: number | null | undefined;
@@ -5788,6 +5801,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                lineVisible?: boolean | null | undefined;
                 lineSmooth?: boolean | null | undefined;
                 lineColor?: string | null | undefined;
                 lineColorOpacity?: number | null | undefined;
@@ -5816,6 +5830,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                areaVisible?: boolean | null | undefined;
                 areaColor?: string | null | undefined;
                 areaColorOpacity?: number | null | undefined;
             } | {
@@ -5840,6 +5855,7 @@ export declare class Builder implements VSeedBuilder {
                     operator?: "in" | "not in" | null | undefined;
                     op?: "in" | "not in" | null | undefined;
                 })[] | null | undefined;
+                areaVisible?: boolean | null | undefined;
                 areaColor?: string | null | undefined;
                 areaColorOpacity?: number | null | undefined;
             }[] | null | undefined;

package/dist/index.cjs

@@ -2597,7 +2597,7 @@ const pointStyle_pointStyle = (spec, context)=>{
         pointStyle
     ];
     const customMap = pointStyles.reduce((result, style, index)=>{
-        const { pointBorderColor, pointBorderStyle, pointBorderWidth = 1, pointColor, pointColorOpacity, pointSize } = style;
+        const { pointBorderColor, pointBorderStyle, pointBorderWidth = 1, pointColor, pointColorOpacity, pointSize, pointVisible = true } = style;
         const lineDash = 'dashed' === pointBorderStyle ? [
             5,
             2
@@ -2617,6 +2617,7 @@ const pointStyle_pointStyle = (spec, context)=>{
                     return false;
                 },
                 style: {
+                    visible: pointVisible,
                     size: pointSize,
                     fill: pointColor,
                     fillOpacity: pointColorOpacity,
@@ -2701,9 +2702,9 @@ const lineStyle_lineStyle = (spec, context)=>{
     const group = encoding[0]?.group?.[0];
     const lineGroups = (0, external_remeda_namespaceObject.groupBy)(dataset, (d)=>d[group ?? '']);
     const customMap = lineStyles.reduce((result, style, index)=>{
-        const { lineColor, lineColorOpacity, lineSmooth, lineStyle, lineWidth } = style;
-        const dashSegment = (lineWidth ?? 2) * 2;
-        const dashGap = lineWidth ?? 2;
+        const { lineColor, lineColorOpacity, lineSmooth, lineStyle, lineWidth = 2, lineVisible = true } = style;
+        const dashSegment = 2 * lineWidth;
+        const dashGap = lineWidth;
         const lineDash = 'dashed' === lineStyle ? [
             dashSegment,
             dashSegment
@@ -2725,6 +2726,7 @@ const lineStyle_lineStyle = (spec, context)=>{
                     return false;
                 },
                 style: {
+                    visible: lineVisible,
                     curveType: curveType,
                     strokeOpacity: lineColorOpacity,
                     stroke: lineColor,
@@ -3272,13 +3274,14 @@ const pivotIndicators_pivotIndicators = (chartPipeline)=>(spec, context)=>{
             ...spec
         };
         const { advancedVSeed } = context;
-        const { measures, datasetReshapeInfo, encoding } = advancedVSeed;
+        const { measures, datasetReshapeInfo, encoding, dataset } = advancedVSeed;
         const colorItems = (0, external_remeda_namespaceObject.unique)(datasetReshapeInfo.flatMap((d)=>d.unfoldInfo.colorItems));
         const indicators = datasetReshapeInfo.map((reshapeInfo, index)=>{
             const measure = measures?.find((d)=>d.id === reshapeInfo.id);
             const newEncoding = [
                 encoding[index]
             ];
+            const newDataset = dataset[index];
             const newDatasetReshapeInfo = [
                 {
                     ...reshapeInfo,
@@ -3293,6 +3296,7 @@ const pivotIndicators_pivotIndicators = (chartPipeline)=>(spec, context)=>{
                 advancedVSeed: {
                     ...advancedVSeed,
                     datasetReshapeInfo: newDatasetReshapeInfo,
+                    dataset: newDataset,
                     encoding: newEncoding
                 }
             };
@@ -3401,7 +3405,8 @@ const pivotDiscreteLegend = (spec, context)=>{
             ...cur.unfoldInfo.colorIdMap
         }), {});
     const { legend, color } = baseConfig;
-    const { colorScheme } = color;
+    const { colorScheme, colorMapping } = color;
+    const colorSpecified = createSpecifiedForColorMapping(colorMapping, colorIdMap, colorItems);
     const { enable, position = 'bottom', labelFontColor, labelFontSize = 12, labelFontWeight = 400, maxSize = 1, border, shapeType = 'rectRound' } = legend || {};
     const orient = [
         'bottom',
@@ -3448,17 +3453,20 @@ const pivotDiscreteLegend = (spec, context)=>{
         position: legendPosition,
         maxCol: Math.max(1, maxSize),
         maxRow: Math.max(1, maxSize),
-        data: colorItems.map((d, index)=>({
+        data: colorItems.map((d, index)=>{
+            const color = colorSpecified?.[d] ?? colorScheme?.[index % colorScheme.length];
+            return {
                 label: d,
                 shape: {
                     outerBorder: border ? {
-                        stroke: colorScheme?.[index % colorScheme.length],
+                        stroke: color,
                         distance: 3,
                         lineWidth: 1
                     } : void 0,
-                    fill: colorScheme?.[index % colorScheme.length]
+                    fill: color
                 }
-            })),
+            };
+        }),
         item: {
             focus: true,
             maxWidth: '30%',
@@ -3808,7 +3816,7 @@ const barStyle_barStyle = (spec, context)=>{
         barStyle
     ];
     const customMap = barStyles.reduce((result, style, index)=>{
-        const { barBorderColor, barBorderStyle, barBorderWidth = 1, barColor, barColorOpacity, barRadius } = style;
+        const { barBorderColor, barBorderStyle, barBorderWidth = 1, barColor, barColorOpacity, barRadius, barVisible = true } = style;
         const lineDash = 'dashed' === barBorderStyle ? [
             5,
             2
@@ -3828,6 +3836,7 @@ const barStyle_barStyle = (spec, context)=>{
                     return false;
                 },
                 style: {
+                    visible: barVisible,
                     fill: barColor,
                     fillOpacity: barColorOpacity,
                     cornerRadius: barRadius,
@@ -4806,7 +4815,12 @@ const areaStyle_areaStyle = (spec, context)=>{
     const { advancedVSeed } = context;
     const { markStyle, encoding, dataset } = advancedVSeed;
     const { areaStyle } = markStyle;
-    if (!areaStyle) return spec;
+    if (!areaStyle) return {
+        ...spec,
+        area: {
+            visible: true
+        }
+    };
     const result = {
         ...spec
     };
@@ -4814,19 +4828,20 @@ const areaStyle_areaStyle = (spec, context)=>{
         areaStyle
     ];
     const group = encoding[0]?.group?.[0];
-    const lineGroups = (0, external_remeda_namespaceObject.groupBy)(dataset, (d)=>d[group ?? '']);
+    const areaGroups = (0, external_remeda_namespaceObject.groupBy)(dataset, (d)=>d[group ?? '']);
     const customMap = areaStyles.reduce((result, style, index)=>{
-        const { areaColor, areaColorOpacity } = style;
+        const { areaColor, areaColorOpacity, areaVisible = true } = style;
         return {
             ...result,
             [`custom${index + 1}`]: {
                 level: index + 1,
                 filter: (datum)=>{
-                    const lineData = lineGroups[datum[group ?? '']];
+                    const lineData = areaGroups[datum[group ?? '']];
                     for (const d of lineData)if (selector_selector(d, style.selector)) return true;
                     return false;
                 },
                 style: {
+                    visible: areaVisible,
                     fill: areaColor,
                     fillOpacity: areaColorOpacity
                 }
@@ -4836,6 +4851,7 @@ const areaStyle_areaStyle = (spec, context)=>{
     return {
         ...result,
         area: {
+            visible: true,
             state: {
                 ...customMap
             }
@@ -6764,7 +6780,7 @@ const pivotDualAxis = [
     pivotIndicators_pivotIndicatorsAsRow,
     datasetPivot,
     pivotIndicators_pivotIndicators([
-        seriesDualAxis([
+        series([
             initDualAxisPrimary,
             dualChartTypePrimary,
             datasetPrimary,
@@ -9301,6 +9317,7 @@ const zBarStyle = external_zod_namespaceObject.z.object({
         zSelector,
         zSelectors
     ]).nullish(),
+    barVisible: external_zod_namespaceObject.z.boolean().nullish(),
     barColor: external_zod_namespaceObject.z.string().nullish(),
     barColorOpacity: external_zod_namespaceObject.z.number().nullish(),
     barBorderColor: external_zod_namespaceObject.z.string().nullish(),
@@ -9320,6 +9337,7 @@ const zPointStyle = external_zod_namespaceObject.z.object({
         zSelector,
         zSelectors
     ]).nullish(),
+    pointVisible: external_zod_namespaceObject.z.boolean().nullish(),
     pointSize: external_zod_namespaceObject.z.number().nullish(),
     pointColor: external_zod_namespaceObject.z.string().nullish(),
     pointColorOpacity: external_zod_namespaceObject.z.number().nullish(),
@@ -9338,6 +9356,7 @@ const zLineStyle = external_zod_namespaceObject.z.object({
         zSelector,
         zSelectors
     ]).nullish(),
+    lineVisible: external_zod_namespaceObject.z.boolean().nullish(),
     lineSmooth: external_zod_namespaceObject.z.boolean().nullish(),
     lineColor: external_zod_namespaceObject.z.string().nullish(),
     lineColorOpacity: external_zod_namespaceObject.z.number().nullish(),
@@ -9355,6 +9374,7 @@ const zAreaStyle = external_zod_namespaceObject.z.object({
         zSelector,
         zSelectors
     ]).nullish(),
+    areaVisible: external_zod_namespaceObject.z.boolean().nullish(),
     areaColor: external_zod_namespaceObject.z.string().nullish(),
     areaColorOpacity: external_zod_namespaceObject.z.number().nullish()
 });