@visactor/vseed 0.0.32 → 0.0.33

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

@@ -3240,8 +3240,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -3282,8 +3282,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationHorizontalLine?: {
@@ -3325,8 +3325,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -3367,8 +3367,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationArea?: {
@@ -3408,7 +3408,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;
@@ -3451,7 +3451,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;
@@ -9548,8 +9548,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -9590,8 +9590,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationHorizontalLine?: {
@@ -9633,8 +9633,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -9675,8 +9675,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationArea?: {
@@ -9716,7 +9716,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;
@@ -9759,7 +9759,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;
@@ -13002,8 +13002,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -13044,8 +13044,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationHorizontalLine?: {
@@ -13087,8 +13087,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             } | {
                 offsetX: number;
@@ -13129,8 +13129,8 @@ export declare class Builder implements VSeedBuilder {
                 backgroundVisible?: boolean | undefined;
                 backgroundColor?: string | undefined;
                 backgroundBorderColor?: string | undefined;
-                backgroundBorderWidth?: number | undefined;
                 backgroundBorderRadius?: number | undefined;
+                backgroundBorderWidth?: number | undefined;
                 backgroundPadding?: number | undefined;
             }[] | undefined;
             annotationArea?: {
@@ -13170,7 +13170,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;
@@ -13213,7 +13213,7 @@ export declare class Builder implements VSeedBuilder {
                 backgroundPadding?: number | undefined;
                 areaColor?: string | undefined;
                 areaColorOpacity?: number | undefined;
-                areaBorderColor?: number | undefined;
+                areaBorderColor?: string | undefined;
                 areaBorderWidth?: number | undefined;
                 areaBorderRadius?: number | undefined;
                 outerPadding?: number | undefined;

package/dist/index.cjs

@@ -400,7 +400,7 @@ const autoMeasures = (advancedVSeed, context)=>{
     const { measures, dataset } = vseed;
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (measures && measures.length > 0) {
+    if (measures) {
         result.measures = measures;
         return result;
     }
@@ -480,7 +480,7 @@ const autoDimensions = (advancedVSeed, context)=>{
     const measures = findAllMeasures(advancedVSeed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (dimensions && dimensions.length > 0) {
+    if (dimensions) {
         result.dimensions = dimensions;
         return result;
     }
@@ -777,7 +777,7 @@ const autoPivotMeasures = (advancedVSeed, context)=>{
     const measures = findAllMeasures(vseed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (measures && measures.length > 0) {
+    if (measures) {
         result.measures = findAllMeasures(measures);
         return result;
     }
@@ -840,7 +840,7 @@ const autoPivotDimensions = (advancedVSeed, context)=>{
     const measures = findAllMeasures(advancedVSeed.measures);
     if (!dataset) throw new Error('dataset is required');
     if (0 === dataset.length) return result;
-    if (dimensions && dimensions.length > 0) {
+    if (dimensions) {
         const newDimensions = findAllDimensions(dimensions);
         result.dimensions = newDimensions.map((item, index)=>{
             if ('rowDimension' === item.location || 'columnDimension' === item.location) return item;
@@ -2528,7 +2528,7 @@ const annotationPoint_annotationPoint = (spec, context)=>{
         annotationPoint
     ];
     const markPoint = annotationPointList.flatMap((annotationPoint)=>{
-        const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'middle', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
+        const { selector: selectorPoint, text = '', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, offsetX = 0, offsetY = 0 } = annotationPoint;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return selectedData.map((datum)=>({
@@ -2560,7 +2560,8 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                             stroke: backgroundColor,
                             lineWidth: 1,
                             fontSize: textFontSize,
-                            fontWeight: textFontWeight
+                            fontWeight: textFontWeight,
+                            dy: textFontSize
                         },
                         labelBackground: {
                             visible: backgroundVisible,
@@ -2569,7 +2570,8 @@ const annotationPoint_annotationPoint = (spec, context)=>{
                                 cornerRadius: backgroundBorderRadius ?? 4,
                                 fill: backgroundColor,
                                 stroke: backgroundBorderColor,
-                                lineWidth: backgroundBorderWidth
+                                lineWidth: backgroundBorderWidth,
+                                dy: textFontSize
                             }
                         }
                     }
@@ -2598,7 +2600,7 @@ const annotationVerticalLine_annotationVerticalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
+        const { selector: selectorPoint, xValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundVisible = true, backgroundBorderColor = '#212121', backgroundColor = '#212121', backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundPadding = 2, lineVisible = true, lineColor = '#212121', lineWidth = 1, lineStyle = 'dashed', offsetX = 0, offsetY = 0 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (x)=>({
                 x: x,
@@ -2697,7 +2699,7 @@ const annotationHorizontalLine_annotationHorizontalLine = (spec, context)=>{
         insideEnd: 'insideEndTop'
     };
     const markLine = annotationVerticalLineList.flatMap((annotationVerticalLine)=>{
-        const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#212121', backgroundPadding = 2, backgroundVisible = true, lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
+        const { selector: selectorPoint, yValue, text = '', textPosition = 'insideEnd', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'right', textBaseline = 'top', lineColor = '#212121', lineStyle = 'dashed', lineVisible = true, lineWidth = 1, backgroundVisible = true, backgroundColor = '#212121', backgroundBorderColor = '#212121', backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundPadding = 2, offsetX = 0, offsetY = 0 } = annotationVerticalLine;
         const dataset = advancedVSeed.dataset.flat();
         const generateOneMarkLine = (y)=>({
                 y,
@@ -2798,7 +2800,7 @@ const annotationArea_annotationArea = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 10, backgroundVisible = true, outerPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth, offsetX = 0, offsetY = 0 } = annotationArea;
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundVisible = true, backgroundColor = '#191d24', backgroundBorderColor = '#191d24', backgroundBorderWidth = 1, backgroundBorderRadius = 4, backgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
@@ -2868,6 +2870,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
+                    dy: textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     fill: textColor,
@@ -2880,6 +2883,7 @@ const annotationArea_annotationArea = (spec, context)=>{
                     visible: backgroundVisible,
                     padding: backgroundPadding,
                     style: {
+                        dy: textFontSize,
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
@@ -3635,7 +3639,7 @@ const annotationAreaBand = (spec, context)=>{
         right: 'insideRight'
     };
     const markArea = annotationAreaList.flatMap((annotationArea)=>{
-        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundBorderColor, backgroundBorderRadius = 4, backgroundBorderWidth = 1, backgroundColor = '#191d24', backgroundPadding = 4, backgroundVisible = true, outerPadding = 8, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor, areaBorderRadius, areaBorderWidth, offsetX, offsetY } = annotationArea;
+        const { selector: selectorPoint, text = '', textPosition = 'top', textColor = '#ffffff', textFontSize = 12, textFontWeight = 400, textAlign = 'center', textBaseline = 'top', backgroundVisible = true, backgroundColor = '#191d24', backgroundBorderColor = '#191d24', backgroundBorderWidth = 1, backgroundBorderRadius = 4, backgroundPadding = 4, areaColor = '#888888', areaColorOpacity = 0.15, areaBorderColor = '#888888', areaBorderRadius = 4, areaBorderWidth = 1, outerPadding = 4, offsetX = 0, offsetY = 0 } = annotationArea;
         const dataset = advancedVSeed.dataset.flat();
         const selectedData = selectorPoint ? dataset.filter((datum)=>selector_selector(datum, selectorPoint)) : [];
         return {
@@ -3709,6 +3713,7 @@ const annotationAreaBand = (spec, context)=>{
                 visible: true,
                 text: text,
                 style: {
+                    dy: textFontSize,
                     textAlign: textAlign,
                     textBaseline: textBaseline,
                     stroke: backgroundColor,
@@ -3721,6 +3726,7 @@ const annotationAreaBand = (spec, context)=>{
                     visible: backgroundVisible,
                     padding: backgroundPadding,
                     style: {
+                        dy: textFontSize,
                         cornerRadius: backgroundBorderRadius ?? 4,
                         fill: backgroundColor,
                         stroke: backgroundBorderColor,
@@ -8056,20 +8062,20 @@ const zAnnotationVerticalLine = external_zod_namespaceObject.z.object({
         'middle',
         'bottom'
     ]).default('top').optional(),
-    lineVisible: external_zod_namespaceObject.z.boolean().optional(),
-    lineColor: external_zod_namespaceObject.z.string().optional(),
-    lineWidth: external_zod_namespaceObject.z.number().optional(),
+    lineVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    lineColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
+    lineWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     lineStyle: external_zod_namespaceObject.z.union([
         external_zod_namespaceObject.z.literal('solid'),
         external_zod_namespaceObject.z.literal('dashed'),
         external_zod_namespaceObject.z.literal('dotted')
-    ]).optional(),
+    ]).default('dashed').optional(),
     backgroundVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
     backgroundColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
-    backgroundBorderColor: external_zod_namespaceObject.z.string().optional(),
-    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundBorderColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
     backgroundBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    backgroundPadding: external_zod_namespaceObject.z.number().optional(),
+    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundPadding: external_zod_namespaceObject.z.number().default(2).optional(),
     offsetX: external_zod_namespaceObject.z.number().default(0),
     offsetY: external_zod_namespaceObject.z.number().default(0)
 });
@@ -8094,7 +8100,7 @@ const zAnnotationHorizontalLine = external_zod_namespaceObject.z.object({
         'insideStart',
         'insideMiddle',
         'insideEnd'
-    ]).default('insideMiddle').optional(),
+    ]).default('insideEnd').optional(),
     textColor: external_zod_namespaceObject.z.string().default('#ffffff').optional(),
     textFontSize: external_zod_namespaceObject.z.number().default(12).optional(),
     textFontWeight: external_zod_namespaceObject.z.number().default(400).optional(),
@@ -8102,26 +8108,26 @@ const zAnnotationHorizontalLine = external_zod_namespaceObject.z.object({
         'left',
         'right',
         'center'
-    ]).default('center').optional(),
+    ]).default('right').optional(),
     textBaseline: external_zod_namespaceObject.z["enum"]([
         'top',
         'middle',
         'bottom'
-    ]).default('bottom').optional(),
-    lineVisible: external_zod_namespaceObject.z.boolean().optional(),
-    lineColor: external_zod_namespaceObject.z.string().optional(),
-    lineWidth: external_zod_namespaceObject.z.number().optional(),
+    ]).default('top').optional(),
+    lineVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
+    lineColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
+    lineWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     lineStyle: external_zod_namespaceObject.z.union([
         external_zod_namespaceObject.z.literal('solid'),
         external_zod_namespaceObject.z.literal('dashed'),
         external_zod_namespaceObject.z.literal('dotted')
-    ]).optional(),
+    ]).default('dashed').optional(),
     backgroundVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
     backgroundColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
-    backgroundBorderColor: external_zod_namespaceObject.z.string().optional(),
-    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundBorderColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
     backgroundBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    backgroundPadding: external_zod_namespaceObject.z.number().optional(),
+    backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
+    backgroundPadding: external_zod_namespaceObject.z.number().default(2).optional(),
     offsetX: external_zod_namespaceObject.z.number().default(0),
     offsetY: external_zod_namespaceObject.z.number().default(0)
 });
@@ -8153,21 +8159,21 @@ const zAnnotationArea = external_zod_namespaceObject.z.object({
         'top',
         'middle',
         'bottom'
-    ]).default('middle').optional(),
+    ]).default('top').optional(),
     backgroundVisible: external_zod_namespaceObject.z.boolean().default(true).optional(),
-    backgroundColor: external_zod_namespaceObject.z.string().default('#212121').optional(),
-    backgroundBorderColor: external_zod_namespaceObject.z.string().optional(),
+    backgroundColor: external_zod_namespaceObject.z.string().default('#191d24').optional(),
+    backgroundBorderColor: external_zod_namespaceObject.z.string().default('#191d24').optional(),
     backgroundBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     backgroundBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    backgroundPadding: external_zod_namespaceObject.z.number().optional(),
-    areaColor: external_zod_namespaceObject.z.string().default('red').optional(),
-    areaColorOpacity: external_zod_namespaceObject.z.number().default(0.5).optional(),
-    areaBorderColor: external_zod_namespaceObject.z.number().optional(),
-    areaBorderWidth: external_zod_namespaceObject.z.number().default(2).optional(),
+    backgroundPadding: external_zod_namespaceObject.z.number().default(4).optional(),
+    areaColor: external_zod_namespaceObject.z.string().default('#888888').optional(),
+    areaColorOpacity: external_zod_namespaceObject.z.number().default(0.15).optional(),
+    areaBorderColor: external_zod_namespaceObject.z.string().default('#888888').optional(),
+    areaBorderWidth: external_zod_namespaceObject.z.number().default(1).optional(),
     areaBorderRadius: external_zod_namespaceObject.z.number().default(4).optional(),
-    outerPadding: external_zod_namespaceObject.z.number().optional(),
-    offsetX: external_zod_namespaceObject.z.number().optional(),
-    offsetY: external_zod_namespaceObject.z.number().optional()
+    outerPadding: external_zod_namespaceObject.z.number().default(4).optional(),
+    offsetX: external_zod_namespaceObject.z.number().default(0).optional(),
+    offsetY: external_zod_namespaceObject.z.number().default(0).optional()
 });
 const zAnnotation = external_zod_namespaceObject.z.object({
     annotationPoint: zAnnotationPoint.or(external_zod_namespaceObject.z.array(zAnnotationPoint)).optional(),