@visactor/vseed 0.4.21 → 0.4.22

package/dist/umd/index.js

@@ -1037,10 +1037,10 @@
                 DimensionEncodingEnum: ()=>DimensionEncodingEnum,
                 barPercentAdvancedPipeline: ()=>barPercentAdvancedPipeline,
                 zPartialSelector: ()=>zPartialSelector,
+                registerTokenThemes: ()=>registerTokenThemes,
                 zColumnParallel: ()=>zColumnParallel,
                 zDimensions: ()=>zDimensions,
                 zLegend: ()=>zLegend,
-                zSelector: ()=>zSelector,
                 LINEAR_AXIS_INNER_OFFSET_TOP: ()=>12,
                 replaceNullToUndefined: ()=>replaceNullToUndefined,
                 zHeatmap: ()=>zHeatmap,
@@ -1049,6 +1049,7 @@
                 zAnnotationVerticalLineConfig: ()=>zAnnotationVerticalLineConfig,
                 zBoxPlotStyle: ()=>zBoxPlotStyle,
                 zHistogram: ()=>zHistogram,
+                zSelector: ()=>zSelector,
                 sunburstAdvancedPipeline: ()=>sunburstAdvancedPipeline,
                 zAnnotationConfig: ()=>zAnnotationConfig,
                 registerBarPercent: ()=>registerBarPercent,
@@ -1237,12 +1238,13 @@
                 registerLightTheme: ()=>registerLightTheme,
                 selectByDmension: ()=>selectByDmension,
                 zPivotTable: ()=>zPivotTable,
-                zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
                 isPartialDatumSelector: ()=>isPartialDatumSelector,
                 isDimensionGroup: ()=>isDimensionGroup,
+                registerPivotTable: ()=>registerPivotTable,
                 pieSpecPipeline: ()=>pieSpecPipeline,
                 dualAxisSpecPipeline: ()=>dualAxisSpecPipeline,
-                registerPivotTable: ()=>registerPivotTable,
+                zAnnotationVerticalLine: ()=>zAnnotationVerticalLine,
+                createTokenThemeConfig: ()=>createTokenThemeConfig,
                 barSpecPipeline: ()=>barSpecPipeline,
                 isDynamicFilter: ()=>isDynamicFilter,
                 unfoldDimensions: ()=>unfoldDimensions,
@@ -1274,9 +1276,9 @@
                 a: ()=>i18n_a,
                 createNumFormatter: ()=>createNumFormatter,
                 HAS_BUILTIN_UTILS: ()=>HAS_BUILTIN_UTILS,
+                registerTokenTheme: ()=>registerTokenTheme,
                 zAreaConfig: ()=>zAreaConfig,
                 zTable: ()=>zTable,
-                zUnfoldInfo: ()=>zUnfoldInfo,
                 zPage: ()=>zPage,
                 zLine: ()=>zLine,
                 columnSpecPipeline: ()=>columnSpecPipeline,
@@ -1308,6 +1310,7 @@
                 zColumn: ()=>zColumn,
                 zCustomTheme: ()=>zCustomTheme,
                 zTableConfig: ()=>zTableConfig,
+                zUnfoldInfo: ()=>zUnfoldInfo,
                 executeDynamicFilter: ()=>executeDynamicFilter,
                 zColumnPercentConfig: ()=>zColumnPercentConfig,
                 zBarGapInGroup: ()=>zBarGapInGroup,
@@ -4179,6 +4182,7 @@ self.R = R;
                 const backgroundColor = themeConfig.bodyBackgroundColor || '#fff';
                 const fontColor = themeConfig.bodyFontColor || '#1B1F23';
                 const fontSize = themeConfig.bodyFontSize || 12;
+                const fontFamily = themeConfig.bodyFontFamily;
                 const hoverCellBgColor = themeConfig.hoverBodyBackgroundColor || '#bedaff';
                 const hoverInlineColor = themeConfig.hoverBodyInlineBackgroundColor || '#bedaff';
                 if (!result.theme) result.theme = {};
@@ -4199,6 +4203,7 @@ self.R = R;
                     },
                     color: fontColor,
                     fontSize: fontSize,
+                    fontFamily: fontFamily,
                     fontStyle: 'normal',
                     fontWeight: 'normal',
                     fontVariant: 'normal',
@@ -4219,6 +4224,7 @@ self.R = R;
                 const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
                 const fontColor = themConfig.headerFontColor || '#1B1F23';
                 const fontSize = themConfig.headerFontSize || 12;
+                const fontFamily = themConfig.headerFontFamily;
                 const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff';
                 const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff';
                 result.theme.headerStyle = {
@@ -4246,6 +4252,7 @@ self.R = R;
                         ]
                     },
                     fontSize: fontSize,
+                    fontFamily: fontFamily,
                     fontVariant: 'normal',
                     fontStyle: 'normal',
                     fontWeight: 'bold',
@@ -4267,6 +4274,7 @@ self.R = R;
                 const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
                 const fontColor = themConfig.headerFontColor || '#1B1F23';
                 const fontSize = themConfig.headerFontSize || 12;
+                const fontFamily = themConfig.headerFontFamily;
                 const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff';
                 const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff';
                 result.theme.bottomFrozenStyle = {
@@ -4294,6 +4302,7 @@ self.R = R;
                         ]
                     },
                     fontSize,
+                    fontFamily,
                     fontVariant: 'normal',
                     fontStyle: 'normal',
                     fontWeight: 'bold',
@@ -4763,6 +4772,7 @@ self.R = R;
                 const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
                 const fontColor = themConfig.headerFontColor || '#1B1F23';
                 const fontSize = themConfig.headerFontSize || 12;
+                const fontFamily = themConfig.headerFontFamily;
                 const hoverCellBgColor = themConfig.hoverHeaderBackgroundColor || '#bedaff';
                 const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor || '#bedaff';
                 result.theme.rowHeaderStyle = {
@@ -4790,6 +4800,7 @@ self.R = R;
                         ]
                     },
                     fontSize: fontSize,
+                    fontFamily: fontFamily,
                     fontVariant: 'normal',
                     fontStyle: 'normal',
                     fontWeight: 'bold',
@@ -4811,6 +4822,7 @@ self.R = R;
                 const backgroundColor = themConfig.headerBackgroundColor || '#EEF1F5';
                 const fontColor = themConfig.headerFontColor || '#1B1F23';
                 const fontSize = themConfig.headerFontSize || 12;
+                const fontFamily = themConfig.headerFontFamily;
                 const hoverInlineColor = themConfig.hoverHeaderInlineBackgroundColor;
                 const hoverCellColor = themConfig.hoverHeaderBackgroundColor;
                 result.theme.cornerHeaderStyle = {
@@ -4841,6 +4853,7 @@ self.R = R;
                         ]
                     },
                     fontSize: fontSize,
+                    fontFamily: fontFamily,
                     fontVariant: 'normal',
                     fontStyle: 'normal',
                     fontWeight: 'bold',
@@ -5638,6 +5651,20 @@ self.R = R;
                 markStyle_markStyle,
                 annotation_annotation
             ];
+            const fontFamilyTheme = (spec, context)=>{
+                const result = {
+                    ...spec
+                };
+                const { advancedVSeed } = context;
+                const chartConfig = advancedVSeed.config?.[advancedVSeed.chartType] || {};
+                if (!chartConfig.fontFamily) return result;
+                const theme = 'object' != typeof result.theme || null === result.theme || Array.isArray(result.theme) ? {} : result.theme;
+                result.theme = {
+                    ...theme,
+                    fontFamily: chartConfig.fontFamily
+                };
+                return result;
+            };
             const initLine = (spec, context)=>{
                 const result = {
                     ...spec
@@ -7989,14 +8016,18 @@ self.R = R;
             const pivotGridStyle = (spec, context)=>{
                 const { vseed, advancedVSeed } = context;
                 const { config, chartType } = advancedVSeed;
-                const themConfig = config?.[chartType]?.pivotGrid ?? {};
+                const chartConfig = config?.[chartType] ?? {};
+                const themConfig = chartConfig?.pivotGrid ?? {};
+                const fontFamily = chartConfig?.fontFamily;
                 const onlyCombination = !chatType_isPivot(vseed) && isCombination(vseed);
                 const result = {
                     ...spec
                 };
                 const transparent = 'rgba(0,0,0,0)';
                 const borderColor = themConfig.borderColor ?? '#e3e5eb';
+                const bodyFontSize = themConfig.bodyFontSize ?? 12;
                 const bodyFontColor = themConfig.bodyFontColor ?? '#141414';
+                const headerFontSize = themConfig.headerFontSize ?? 12;
                 const headerFontColor = themConfig.headerFontColor ?? '#21252c';
                 const headerBackgroundColor = themConfig.headerBackgroundColor ?? 'rgba(0,0,0,0)';
                 const hoverHeaderBackgroundColor = onlyCombination ? transparent : themConfig.hoverHeaderBackgroundColor ?? '#D9DDE4';
@@ -8012,6 +8043,8 @@ self.R = R;
                         bodyStyle: {
                             borderColor,
                             color: bodyFontColor,
+                            fontSize: bodyFontSize,
+                            fontFamily,
                             borderLineWidth: (arg)=>{
                                 const noYAxis = 'pie' === chartType || 'rose' === chartType || 'donut' === chartType || 'radar' === chartType || 'roseParallel' === chartType;
                                 return [
@@ -8028,7 +8061,8 @@ self.R = R;
                         },
                         headerStyle: {
                             borderColor,
-                            fontSize: 12,
+                            fontSize: headerFontSize,
+                            fontFamily,
                             borderLineWidth: (arg)=>[
                                     outlineBorderLineWidth,
                                     outlineBorderLineWidth,
@@ -8046,7 +8080,8 @@ self.R = R;
                         },
                         rowHeaderStyle: {
                             borderColor,
-                            fontSize: 12,
+                            fontSize: headerFontSize,
+                            fontFamily,
                             color: headerFontColor,
                             padding: [
                                 0,
@@ -8070,7 +8105,8 @@ self.R = R;
                         cornerHeaderStyle: {
                             borderColor,
                             textAlign: 'center',
-                            fontSize: 12,
+                            fontSize: headerFontSize,
+                            fontFamily,
                             color: headerFontColor,
                             padding: [
                                 0,
@@ -8175,6 +8211,9 @@ self.R = R;
                         },
                         bottomFrozenStyle: {
                             borderColor,
+                            fontSize: headerFontSize,
+                            color: headerFontColor,
+                            fontFamily,
                             borderLineWidth: [
                                 1,
                                 outlineBorderLineWidth,
@@ -8316,6 +8355,7 @@ self.R = R;
                             };
                             if (themConfig.chartGridColor && axis.grid && axis.grid.visible && axis.grid.style) axis.grid.style.stroke = themConfig.chartGridColor;
                             if (themConfig.axisLabelColor && axis.label && axis.label.visible && axis.label.style) axis.label.style.fill = themConfig.axisLabelColor;
+                            if (themConfig.axisLabelFontSize && axis.label && axis.label.visible && axis.label.style) axis.label.style.fontSize = themConfig.axisLabelFontSize;
                             if ('band' === axis.type) {
                                 if ('left' === axis.orient || 'right' === axis.orient) {
                                     axis.innerOffset = {
@@ -8671,6 +8711,7 @@ self.R = R;
                 return adapted;
             };
             const line_line = [
+                fontFamilyTheme,
                 initLine,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -8700,6 +8741,7 @@ self.R = R;
                 pivotIndicatorsAsRow,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initLine,
                     colorAdapter(color_color, linearColor),
                     background_backgroundColor,
@@ -9698,6 +9740,7 @@ self.R = R;
                 return result;
             };
             const column_column = [
+                fontFamilyTheme,
                 initColumn,
                 stackCornerRadius_stackCornerRadius,
                 barMaxWidth_barMaxWidth,
@@ -9728,6 +9771,7 @@ self.R = R;
                 pivotIndicatorsAsRow,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initColumn,
                     stackCornerRadius_stackCornerRadius,
                     barMaxWidth_barMaxWidth,
@@ -9911,6 +9955,7 @@ self.R = R;
                 return spec;
             };
             const columnParallel = [
+                fontFamilyTheme,
                 initColumnParallel,
                 stackCornerRadius_stackCornerRadius,
                 barMaxWidth_barMaxWidth,
@@ -9940,6 +9985,7 @@ self.R = R;
                 pivotIndicatorsAsRow,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initColumnParallel,
                     stackCornerRadius_stackCornerRadius,
                     barMaxWidth_barMaxWidth,
@@ -10014,6 +10060,7 @@ self.R = R;
                 return result;
             };
             const columnPercent = [
+                fontFamilyTheme,
                 initColumn,
                 stackCornerRadius_stackCornerRadius,
                 stackInverse,
@@ -10044,6 +10091,7 @@ self.R = R;
                 pivotIndicatorsAsRow,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initColumn,
                     stackCornerRadius_stackCornerRadius,
                     stackInverse,
@@ -10392,6 +10440,7 @@ self.R = R;
                 return result;
             };
             const bar = [
+                fontFamilyTheme,
                 initBar,
                 stackCornerRadius_stackCornerRadius,
                 barMaxWidth_barMaxWidth,
@@ -10420,6 +10469,7 @@ self.R = R;
                 pivotIndicatorsAsCol,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initBar,
                     stackCornerRadius_stackCornerRadius,
                     barMaxWidth_barMaxWidth,
@@ -10587,6 +10637,8 @@ self.R = R;
                 const result = datasetYX(spec, context);
                 if (!baseConfig || !baseConfig.player) return result;
                 const { player } = baseConfig;
+                const fontFamily = player.fontFamily || baseConfig.fontFamily;
+                const textSize = player.fontSize ?? 36;
                 const id = datasetReshapeInfo[0].id;
                 const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
                 const { encodingPlayer, encodingY } = unfoldInfo;
@@ -10611,7 +10663,6 @@ self.R = R;
                     };
                 });
                 const dataKey = dimensions.filter((d)=>!encoding.player?.includes(d.id)).map((d)=>d.id);
-                const textSize = 36;
                 const padding = 12;
                 return {
                     ...result,
@@ -10682,7 +10733,7 @@ self.R = R;
                                 textBaseline: 'bottom',
                                 fontSize: textSize,
                                 textAlign: 'right',
-                                fontFamily: 'PingFang SC',
+                                fontFamily,
                                 fontWeight: 600,
                                 text: (datum)=>datum[encodingPlayer],
                                 x: (_datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.width - padding,
@@ -10758,6 +10809,7 @@ self.R = R;
                 };
             };
             const raceBar = [
+                fontFamilyTheme,
                 initBar,
                 stackCornerRadius_stackCornerRadius,
                 barMaxWidth_barMaxWidth,
@@ -10895,6 +10947,8 @@ self.R = R;
                 const result = datasetXY(spec, context);
                 if (!baseConfig || !baseConfig.player) return result;
                 const { player } = baseConfig;
+                const fontFamily = player.fontFamily || baseConfig.fontFamily;
+                const textSize = player.fontSize ?? 36;
                 const id = datasetReshapeInfo[0].id;
                 const { unfoldInfo, foldInfo } = datasetReshapeInfo[0];
                 const { encodingPlayer, encodingX } = unfoldInfo;
@@ -10919,7 +10973,6 @@ self.R = R;
                 const duration = interval;
                 const exchangeDuration = 0.6 * interval;
                 const dataKey = dimensions.filter((d)=>!encoding.player?.includes(d.id)).map((d)=>d.id);
-                const textSize = 36;
                 const padding = 12;
                 return {
                     ...result,
@@ -11009,6 +11062,7 @@ self.R = R;
                                 textBaseline: 'bottom',
                                 fontSize: textSize,
                                 textAlign: 'right',
+                                fontFamily,
                                 text: (datum)=>datum[encodingPlayer],
                                 x: (_datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.width - padding,
                                 y: (_datum, _ctx)=>textSize + padding,
@@ -11083,6 +11137,7 @@ self.R = R;
                 };
             };
             const raceColumn = [
+                fontFamilyTheme,
                 initColumn,
                 stackCornerRadius_stackCornerRadius,
                 barMaxWidth_barMaxWidth,
@@ -11472,6 +11527,8 @@ self.R = R;
                 const result = datasetScatter(spec, context);
                 if (!baseConfig || !baseConfig.player) return result;
                 const { player } = baseConfig;
+                const fontFamily = player.fontFamily || baseConfig.fontFamily;
+                const textSize = player.fontSize ?? 36;
                 const id = datasetReshapeInfo[0].id;
                 const { unfoldInfo } = datasetReshapeInfo[0];
                 const { encodingPlayer } = unfoldInfo;
@@ -11489,7 +11546,6 @@ self.R = R;
                 const exchangeDuration = 0.6 * interval;
                 const dataKey = dimensions.filter((d)=>!encoding.player?.includes(d.id)).map((d)=>d.id);
                 const padding = 12;
-                const textSize = 36;
                 return {
                     ...result,
                     dataKey,
@@ -11562,7 +11618,7 @@ self.R = R;
                                 textBaseline: 'bottom',
                                 fontSize: textSize,
                                 textAlign: 'right',
-                                fontFamily: 'PingFang SC',
+                                fontFamily,
                                 fontWeight: 600,
                                 text: (datum)=>datum[encodingPlayer],
                                 x: (datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.width - padding,
@@ -12255,6 +12311,7 @@ self.R = R;
                 }), (lineConfig)=>(lineConfig.degree ?? 2) + 1);
             const logisticRegressionLine = generateRegressionLinePipe('logisticRegressionLine', regressionLogistic, getDefaultRegressionOptions);
             const raceScatter = [
+                fontFamilyTheme,
                 initScatter,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -12539,6 +12596,7 @@ self.R = R;
                 };
             };
             const raceLine = [
+                fontFamilyTheme,
                 initLine,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -12688,6 +12746,8 @@ self.R = R;
                 const result = datasetXY(spec, context);
                 if (!baseConfig || !baseConfig.player) return result;
                 const { player } = baseConfig;
+                const fontFamily = player.fontFamily || baseConfig.fontFamily;
+                const textSize = player.fontSize ?? 36;
                 const id = datasetReshapeInfo[0].id;
                 const { unfoldInfo } = datasetReshapeInfo[0];
                 const { encodingPlayer } = unfoldInfo;
@@ -12707,7 +12767,6 @@ self.R = R;
                 const duration = interval;
                 const exchangeDuration = 0.6 * interval;
                 const dataKey = dimensions.filter((d)=>!encoding.player?.includes(d.id)).map((d)=>d.id);
-                const textSize = 36;
                 const padding = 12;
                 return {
                     ...result,
@@ -12777,6 +12836,7 @@ self.R = R;
                                 textBaseline: 'bottom',
                                 fontSize: textSize,
                                 textAlign: 'right',
+                                fontFamily,
                                 text: (datum)=>datum[encodingPlayer],
                                 x: (_datum, ctx)=>ctx.vchart.getChart().getCanvasRect()?.width - padding,
                                 y: (_datum, _ctx)=>textSize + padding,
@@ -12905,6 +12965,7 @@ self.R = R;
                 return result;
             };
             const racePie = [
+                fontFamilyTheme,
                 initPie,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -13044,6 +13105,7 @@ self.R = R;
                 return result;
             };
             const raceDonut = [
+                fontFamilyTheme,
                 initDonut,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -13127,6 +13189,7 @@ self.R = R;
                 return result;
             };
             const barParallel = [
+                fontFamilyTheme,
                 initBarParallel,
                 stackCornerRadius_stackCornerRadius,
                 barMaxWidth_barMaxWidth,
@@ -13156,6 +13219,7 @@ self.R = R;
                 pivotIndicatorsAsCol,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initBarParallel,
                     stackCornerRadius_stackCornerRadius,
                     barMaxWidth_barMaxWidth,
@@ -13222,6 +13286,7 @@ self.R = R;
                 annotation_annotation
             ];
             const barPercent = [
+                fontFamilyTheme,
                 initBar,
                 stackCornerRadius_stackCornerRadius,
                 barMaxWidth_barMaxWidth,
@@ -13251,6 +13316,7 @@ self.R = R;
                 pivotIndicatorsAsCol,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initBar,
                     stackCornerRadius_stackCornerRadius,
                     barMaxWidth_barMaxWidth,
@@ -13407,6 +13473,7 @@ self.R = R;
                 };
             };
             const area_area = [
+                fontFamilyTheme,
                 initArea,
                 stackInverse,
                 colorAdapter(color_color, linearColor),
@@ -13438,6 +13505,7 @@ self.R = R;
                 pivotIndicatorsAsRow,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initArea,
                     colorAdapter(color_color, linearColor),
                     background_backgroundColor,
@@ -13508,6 +13576,7 @@ self.R = R;
                 annotation_annotation
             ];
             const areaPercent = [
+                fontFamilyTheme,
                 initArea,
                 stackInverse,
                 colorAdapter(color_color, linearColor),
@@ -13539,6 +13608,7 @@ self.R = R;
                 pivotIndicatorsAsRow,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initArea,
                     stackInverse,
                     colorAdapter(color_color, linearColor),
@@ -13680,6 +13750,7 @@ self.R = R;
                 regressionLine_regressionLine
             ];
             const scatter = [
+                fontFamilyTheme,
                 initScatter,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -13711,6 +13782,7 @@ self.R = R;
                 pivotIndicatorsAsRow,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initScatter,
                     colorAdapter(color_color, linearColor),
                     background_backgroundColor,
@@ -14495,6 +14567,7 @@ self.R = R;
                 }
             });
             const dualAxis = [
+                fontFamilyTheme,
                 seriesDualAxis([
                     initDualAxis,
                     dualChartType,
@@ -14532,6 +14605,7 @@ self.R = R;
                 pivotIndicatorsAsRow,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     series_series([
                         initDualAxis,
                         dualChartType,
@@ -14686,6 +14760,7 @@ self.R = R;
                 return result;
             };
             const pie = [
+                fontFamilyTheme,
                 initPie,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -14710,6 +14785,7 @@ self.R = R;
                 pivotHideIndicatorName,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initPie,
                     colorAdapter(color_color, linearColor),
                     background_backgroundColor,
@@ -14770,6 +14846,7 @@ self.R = R;
                 annotation_annotation
             ];
             const donut = [
+                fontFamilyTheme,
                 initDonut,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -14794,6 +14871,7 @@ self.R = R;
                 pivotHideIndicatorName,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initDonut,
                     addRegionPadding,
                     colorAdapter(color_color, linearColor),
@@ -15000,6 +15078,7 @@ self.R = R;
                 };
             };
             const rose = [
+                fontFamilyTheme,
                 initRose,
                 stackCornerRadius_stackCornerRadius,
                 stackInverse,
@@ -15023,6 +15102,7 @@ self.R = R;
                 pivotHideIndicatorName,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initRose,
                     addRegionPadding,
                     stackCornerRadius_stackCornerRadius,
@@ -15126,6 +15206,7 @@ self.R = R;
                 return result;
             };
             const roseParallel = [
+                fontFamilyTheme,
                 initRoseParallel,
                 stackCornerRadius_stackCornerRadius,
                 colorAdapter(color_color, linearColor),
@@ -15152,6 +15233,7 @@ self.R = R;
                 pivotHideIndicatorName,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initRoseParallel,
                     addRegionPadding,
                     stackCornerRadius_stackCornerRadius,
@@ -15376,6 +15458,7 @@ self.R = R;
                 return result;
             };
             const radar = [
+                fontFamilyTheme,
                 initRadar,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -15401,6 +15484,7 @@ self.R = R;
                 pivotHideIndicatorName,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initRadar,
                     addRegionPadding,
                     colorAdapter(color_color, linearColor),
@@ -15604,6 +15688,7 @@ self.R = R;
                 };
             };
             const funnel = [
+                fontFamilyTheme,
                 initFunnel,
                 background_backgroundColor,
                 datasetXY,
@@ -15627,6 +15712,7 @@ self.R = R;
                 pivotHideIndicatorName,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initFunnel,
                     addRegionPadding,
                     background_backgroundColor,
@@ -15991,6 +16077,7 @@ self.R = R;
                 return result;
             };
             const heatmap = [
+                fontFamilyTheme,
                 initHeatmap,
                 background_backgroundColor,
                 datasetXY,
@@ -16012,6 +16099,7 @@ self.R = R;
                 pivotIndicatorsAsRow,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initHeatmap,
                     background_backgroundColor,
                     datasetXY,
@@ -16788,6 +16876,7 @@ self.R = R;
                 };
             };
             const pipeline_boxplot_boxplot = [
+                fontFamilyTheme,
                 initBoxplot,
                 stackCornerRadius_stackCornerRadius,
                 boxMaxWidth_boxMaxWidth,
@@ -16814,6 +16903,7 @@ self.R = R;
                 pivotGridStyle,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initBoxplot,
                     stackCornerRadius_stackCornerRadius,
                     boxMaxWidth_boxMaxWidth,
@@ -17998,6 +18088,7 @@ self.R = R;
                 return result;
             };
             const histogram = [
+                fontFamilyTheme,
                 initHistogram,
                 colorAdapter(color_color, linearColor),
                 background_backgroundColor,
@@ -18023,6 +18114,7 @@ self.R = R;
                 pivotGridStyle,
                 datasetPivot,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initHistogram,
                     colorAdapter(color_color, linearColor),
                     background_backgroundColor,
@@ -18410,7 +18502,7 @@ self.R = R;
                         x: (data)=>(data.labelRect?.x0 || 0) + 4,
                         textAlign: 'left',
                         text: (data)=>formatHierarchyName(String(data.name ?? ''), data.depth),
-                        fontSize: 12,
+                        fontSize: label?.labelFontSize ?? 12,
                         fill: '#000'
                     }
                 };
@@ -18578,6 +18670,7 @@ self.R = R;
                 ];
             };
             const treeMap = [
+                fontFamilyTheme,
                 initTreeMap,
                 drill,
                 datasetHierarchy,
@@ -18595,6 +18688,7 @@ self.R = R;
                 pivotHideIndicatorName,
                 datasetPivotHierarchy,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initTreeMap,
                     datasetHierarchy,
                     colorAdapter(color_color, linearColor),
@@ -18812,7 +18906,7 @@ self.R = R;
                         formatMethod: (_, datum)=>formatHierarchyName(String(datum?.name ?? '')),
                         style: {
                             ...labelSpec?.style,
-                            fontSize: 12,
+                            fontSize: label?.labelFontSize ?? 12,
                             fillOpacity: (datum)=>{
                                 if (encoding.hierarchy?.length === 1) return 1;
                                 return datum.isLeaf ? 0.4 : 0.6;
@@ -18823,6 +18917,7 @@ self.R = R;
                 return result;
             };
             const sunburst = [
+                fontFamilyTheme,
                 initSunburst,
                 drill,
                 datasetHierarchy,
@@ -18839,6 +18934,7 @@ self.R = R;
                 pivotHideIndicatorName,
                 datasetPivotHierarchy,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initSunburst,
                     datasetHierarchy,
                     colorAdapter(color_color, linearColor),
@@ -18976,6 +19072,7 @@ self.R = R;
                 return result;
             };
             const circlePacking = [
+                fontFamilyTheme,
                 initCirclePacking,
                 drill,
                 datasetHierarchy,
@@ -18992,6 +19089,7 @@ self.R = R;
                 pivotHideIndicatorName,
                 datasetPivotHierarchy,
                 pivotIndicators_pivotIndicators([
+                    fontFamilyTheme,
                     initCirclePacking,
                     datasetHierarchy,
                     colorAdapter(color_color, linearColor),
@@ -24575,11 +24673,13 @@ self.R = R;
                 backgroundColor: zBackgroundColor.nullish(),
                 borderColor: schemas_string().nullish(),
                 bodyFontSize: schemas_number().nullish(),
+                bodyFontFamily: schemas_string().nullish(),
                 bodyFontColor: schemas_string().nullish(),
                 bodyBackgroundColor: schemas_string().nullish(),
                 hoverBodyBackgroundColor: schemas_string().nullish(),
                 hoverBodyInlineBackgroundColor: schemas_string().nullish(),
                 headerFontSize: schemas_number().nullish(),
+                headerFontFamily: schemas_string().nullish(),
                 headerFontColor: schemas_string().nullish(),
                 headerBackgroundColor: schemas_string().nullish(),
                 hoverHeaderBackgroundColor: schemas_string().nullish(),
@@ -25137,7 +25237,9 @@ self.R = R;
             });
             const zPivotChartGridConfig = schemas_object({
                 borderColor: schemas_string().nullish(),
+                bodyFontSize: schemas_number().nullish(),
                 bodyFontColor: schemas_string().nullish(),
+                headerFontSize: schemas_number().nullish(),
                 headerFontColor: schemas_string().nullish(),
                 headerBackgroundColor: schemas_string().nullish(),
                 hoverHeaderBackgroundColor: schemas_string().nullish(),
@@ -25150,7 +25252,8 @@ self.R = R;
                 titleFontSize: schemas_number().nullish(),
                 titleFontWeight: schemas_string().nullish(),
                 chartGridColor: schemas_string().nullish(),
-                axisLabelColor: schemas_string().nullish()
+                axisLabelColor: schemas_string().nullish(),
+                axisLabelFontSize: schemas_number().nullish()
             });
             const zDimensionLinkage = schemas_object({
                 enable: schemas_boolean().nullish(),
@@ -25468,6 +25571,8 @@ self.R = R;
                     'right'
                 ]).optional(),
                 railColor: schemas_string().optional(),
+                fontFamily: schemas_string().optional(),
+                fontSize: schemas_number().optional(),
                 trackColor: schemas_string().optional(),
                 sliderHandleColor: schemas_string().optional(),
                 startButtonColor: schemas_string().optional(),
@@ -26542,6 +26647,241 @@ self.R = R;
                 regressionLine: zRegressionLine,
                 totals: zPivotTableTotals.optional()
             });
+            const raceChartTypes = [
+                'raceBar',
+                'raceColumn',
+                'raceScatter',
+                'raceLine',
+                'racePie',
+                'raceDonut'
+            ];
+            let hasEnsuredRegisterAll = false;
+            const isRecord = (value)=>'object' == typeof value && null !== value && !Array.isArray(value);
+            const mergeThemeNode = (base, patch)=>{
+                if (!isRecord(base) || !isRecord(patch)) return patch;
+                const result = {
+                    ...base
+                };
+                for (const [key, patchValue] of Object.entries(patch)){
+                    if (void 0 === patchValue) continue;
+                    const currentValue = result[key];
+                    if (Array.isArray(patchValue)) {
+                        result[key] = [
+                            ...patchValue
+                        ];
+                        continue;
+                    }
+                    if (isRecord(currentValue) && isRecord(patchValue)) {
+                        result[key] = mergeThemeNode(currentValue, patchValue);
+                        continue;
+                    }
+                    result[key] = patchValue;
+                }
+                return result;
+            };
+            const withAlpha = (color, alpha)=>tinycolor_default()(color).setAlpha(alpha).toRgbString();
+            const ensureRegisterAll = (options)=>{
+                if (options?.ensureRegisterAll === false || hasEnsuredRegisterAll) return;
+                registerAll();
+                hasEnsuredRegisterAll = true;
+            };
+            const getAccentColor = (tokens)=>tokens.accentColor || tokens.colorScheme[0];
+            const getAxisPatch = (tokens)=>({
+                    label: {
+                        labelColor: tokens.axisLabelColor || tokens.textSecondary,
+                        labelFontSize: tokens.axisFontSize
+                    },
+                    title: {
+                        titleColor: tokens.axisTitleColor || tokens.textSecondary,
+                        titleFontSize: tokens.axisFontSize
+                    },
+                    grid: {
+                        gridColor: tokens.axisGridColor || tokens.borderColor
+                    },
+                    tick: {
+                        tickColor: tokens.axisLineColor || tokens.borderColor
+                    },
+                    line: {
+                        lineColor: tokens.axisLineColor || tokens.borderColor
+                    }
+                });
+            const getPivotGridPatch = (tokens)=>({
+                    borderColor: tokens.tableBorderColor || tokens.borderColor,
+                    bodyFontSize: tokens.tableBodyFontSize,
+                    bodyFontColor: tokens.tableBodyFontColor || tokens.textPrimary,
+                    headerFontSize: tokens.tableHeaderFontSize,
+                    headerFontColor: tokens.tableHeaderFontColor || tokens.textPrimary,
+                    headerBackgroundColor: tokens.tableHeaderBackgroundColor || tokens.surfaceColor || 'transparent',
+                    hoverHeaderBackgroundColor: tokens.tableHoverHeaderBackgroundColor || withAlpha(getAccentColor(tokens), 0.18),
+                    hoverHeaderInlineBackgroundColor: tokens.tableHoverHeaderInlineBackgroundColor || withAlpha(getAccentColor(tokens), 0.08),
+                    titleFontColor: tokens.textPrimary,
+                    titleFontSize: tokens.tableHeaderFontSize,
+                    chartGridColor: tokens.axisGridColor || tokens.borderColor,
+                    axisLabelColor: tokens.axisLabelColor || tokens.textSecondary,
+                    axisLabelFontSize: tokens.axisFontSize
+                });
+            const getPlayerPatch = (tokens)=>{
+                const accentColor = getAccentColor(tokens);
+                return {
+                    fontFamily: tokens.fontFamily,
+                    fontSize: tokens.playerFontSize,
+                    railColor: tokens.playerRailColor || tokens.borderColor,
+                    trackColor: accentColor,
+                    sliderHandleColor: tokens.playerSliderHandleColor || tokens.surfaceColor || '#ffffff',
+                    sliderHandleBorderColor: tokens.playerSliderHandleBorderColor || accentColor,
+                    startButtonColor: accentColor,
+                    pauseButtonColor: accentColor,
+                    backwardButtonColor: accentColor,
+                    forwardButtonColor: accentColor
+                };
+            };
+            const getTablePatch = (tokens)=>{
+                const accentColor = getAccentColor(tokens);
+                return {
+                    borderColor: tokens.tableBorderColor || tokens.borderColor,
+                    bodyFontSize: tokens.tableBodyFontSize,
+                    bodyFontFamily: tokens.fontFamily,
+                    bodyFontColor: tokens.tableBodyFontColor || tokens.textPrimary,
+                    headerFontSize: tokens.tableHeaderFontSize,
+                    headerFontFamily: tokens.fontFamily,
+                    headerFontColor: tokens.tableHeaderFontColor || tokens.textPrimary,
+                    headerBackgroundColor: tokens.tableHeaderBackgroundColor || tokens.surfaceColor || 'transparent',
+                    hoverBodyBackgroundColor: tokens.tableHoverBodyBackgroundColor || withAlpha(accentColor, 0.18),
+                    hoverBodyInlineBackgroundColor: tokens.tableHoverBodyInlineBackgroundColor || withAlpha(accentColor, 0.08),
+                    hoverHeaderBackgroundColor: tokens.tableHoverHeaderBackgroundColor || withAlpha(accentColor, 0.18),
+                    hoverHeaderInlineBackgroundColor: tokens.tableHoverHeaderInlineBackgroundColor || withAlpha(accentColor, 0.08),
+                    selectedBorderColor: tokens.tableSelectedBorderColor || accentColor,
+                    selectedBackgroundColor: tokens.tableSelectedBackgroundColor || withAlpha(accentColor, 0.12),
+                    backgroundColor: tokens.surfaceBackgroundColor || 'transparent',
+                    barAxisColor: tokens.axisLineColor || tokens.borderColor,
+                    backgroundColorScale: {
+                        minColor: tokens.linearColorScheme[0],
+                        maxColor: tokens.linearColorScheme[1]
+                    }
+                };
+            };
+            const getChartPatch = (tokens)=>({
+                    backgroundColor: 'transparent',
+                    fontFamily: tokens.fontFamily,
+                    color: {
+                        colorScheme: [
+                            ...tokens.colorScheme
+                        ],
+                        linearColorScheme: [
+                            ...tokens.linearColorScheme
+                        ],
+                        positiveColor: tokens.positiveColor,
+                        negativeColor: tokens.negativeColor
+                    },
+                    label: {
+                        labelFontSize: tokens.labelFontSize,
+                        labelColor: tokens.labelColor || tokens.textPrimary,
+                        labelStroke: tokens.labelStroke
+                    },
+                    legend: {
+                        labelColor: tokens.legendLabelColor || tokens.textSecondary,
+                        labelFontSize: tokens.legendFontSize,
+                        pagerIconColor: tokens.legendPagerIconColor || tokens.textSecondary,
+                        pagerIconDisableColor: tokens.legendPagerIconDisableColor || tokens.borderColor
+                    },
+                    tooltip: {
+                        backgroundColor: tokens.tooltipBackgroundColor,
+                        borderColor: tokens.tooltipBorderColor || tokens.borderColor,
+                        fontSize: tokens.tooltipFontSize,
+                        keyColor: tokens.textSecondary,
+                        valueColor: tokens.textPrimary,
+                        titleColor: tokens.textPrimary
+                    }
+                });
+            const getAnnotationPatch = (tokens)=>({
+                    annotationPoint: {
+                        textFontSize: tokens.labelFontSize
+                    },
+                    annotationHorizontalLine: {
+                        textFontSize: tokens.labelFontSize
+                    },
+                    annotationVerticalLine: {
+                        textFontSize: tokens.labelFontSize
+                    },
+                    annotationArea: {
+                        textFontSize: tokens.labelFontSize
+                    }
+                });
+            const getRegressionLinePatch = (tokens)=>({
+                    kdeRegressionLine: {
+                        textFontSize: tokens.labelFontSize
+                    },
+                    ecdfRegressionLine: {
+                        textFontSize: tokens.labelFontSize
+                    },
+                    linearRegressionLine: {
+                        textFontSize: tokens.labelFontSize
+                    },
+                    lowessRegressionLine: {
+                        textFontSize: tokens.labelFontSize
+                    },
+                    polynomialRegressionLine: {
+                        textFontSize: tokens.labelFontSize
+                    },
+                    logisticRegressionLine: {
+                        textFontSize: tokens.labelFontSize
+                    }
+                });
+            const withAxesAndExtras = (chartType, chartConfig, tokens)=>{
+                let nextChartConfig = mergeThemeNode(chartConfig, getChartPatch(tokens));
+                const chartRecord = nextChartConfig;
+                if (Object.prototype.hasOwnProperty.call(chartRecord, 'xAxis')) nextChartConfig = mergeThemeNode(nextChartConfig, {
+                    xAxis: getAxisPatch(tokens)
+                });
+                if (Object.prototype.hasOwnProperty.call(chartRecord, 'yAxis')) nextChartConfig = mergeThemeNode(nextChartConfig, {
+                    yAxis: getAxisPatch(tokens)
+                });
+                if (Object.prototype.hasOwnProperty.call(chartRecord, 'primaryYAxis')) nextChartConfig = mergeThemeNode(nextChartConfig, {
+                    primaryYAxis: getAxisPatch(tokens)
+                });
+                if (Object.prototype.hasOwnProperty.call(chartRecord, 'secondaryYAxis')) nextChartConfig = mergeThemeNode(nextChartConfig, {
+                    secondaryYAxis: getAxisPatch(tokens)
+                });
+                if (Object.prototype.hasOwnProperty.call(chartRecord, 'pivotGrid')) nextChartConfig = mergeThemeNode(nextChartConfig, {
+                    pivotGrid: getPivotGridPatch(tokens)
+                });
+                if (Object.prototype.hasOwnProperty.call(chartRecord, 'annotation')) nextChartConfig = mergeThemeNode(nextChartConfig, {
+                    annotation: getAnnotationPatch(tokens)
+                });
+                if (Object.prototype.hasOwnProperty.call(chartRecord, 'regressionLine')) nextChartConfig = mergeThemeNode(nextChartConfig, {
+                    regressionLine: getRegressionLinePatch(tokens)
+                });
+                if (raceChartTypes.includes(chartType) && Object.prototype.hasOwnProperty.call(chartRecord, 'player')) nextChartConfig = mergeThemeNode(nextChartConfig, {
+                    player: getPlayerPatch(tokens)
+                });
+                return nextChartConfig;
+            };
+            const createTokenThemeConfig = (tokens)=>{
+                const baseTheme = 'dark' === tokens.baseTheme ? darkTheme() : lightTheme();
+                const baseConfig = baseTheme.config || {};
+                const nextConfig = {};
+                for (const chartType of Object.keys(baseConfig)){
+                    const chartConfig = baseConfig[chartType];
+                    if (chartConfig) {
+                        if ('table' === chartType || 'pivotTable' === chartType) {
+                            nextConfig[chartType] = mergeThemeNode(chartConfig, getTablePatch(tokens));
+                            continue;
+                        }
+                        nextConfig[chartType] = withAxesAndExtras(chartType, chartConfig, tokens);
+                    }
+                }
+                return {
+                    config: nextConfig
+                };
+            };
+            const registerTokenTheme = (themeName, tokens, options)=>{
+                ensureRegisterAll(options);
+                registerCustomTheme(themeName, createTokenThemeConfig(tokens));
+            };
+            const registerTokenThemes = (themes, options)=>{
+                ensureRegisterAll(options);
+                for (const [themeName, tokens] of Object.entries(themes))registerCustomTheme(themeName, createTokenThemeConfig(tokens));
+            };
             const i18n_a = 123;
         })();
         return __webpack_exports__;