devextreme-react 24.1.2-beta → 24.1.3

package/esm/chart.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 24.1.2-beta
- * Build date: Mon May 13 2024
+ * Version: 24.1.3
+ * Build date: Tue Jun 11 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,38 +12,26 @@
  */
 
 "use client";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import * as React from "react";
 import { memo, forwardRef, useImperativeHandle, useRef, useMemo } from "react";
 import dxChart from "devextreme/viz/chart";
 import { Component as BaseComponent } from "./core/component";
 import NestedOption from "./core/nested-option";
-var Chart = memo(forwardRef(function (props, ref) {
-    var baseRef = useRef(null);
-    useImperativeHandle(ref, function () { return ({
-        instance: function () {
-            var _a;
-            return (_a = baseRef.current) === null || _a === void 0 ? void 0 : _a.getInstance();
+const Chart = memo(forwardRef((props, ref) => {
+    const baseRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
         }
-    }); }, [baseRef.current]);
-    var subscribableOptions = useMemo(function () { return (["argumentAxis", "argumentAxis.categories", "argumentAxis.visualRange", "loadingIndicator", "loadingIndicator.show", "valueAxis", "valueAxis.categories", "valueAxis.visualRange"]); }, []);
-    var independentEvents = useMemo(function () { return (["onArgumentAxisClick", "onDisposing", "onDone", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onLegendClick", "onPointClick", "onSeriesClick", "onTooltipHidden", "onTooltipShown", "onZoomEnd", "onZoomStart"]); }, []);
-    var defaults = useMemo(function () { return ({
+    }), [baseRef.current]);
+    const subscribableOptions = useMemo(() => (["argumentAxis", "argumentAxis.categories", "argumentAxis.visualRange", "loadingIndicator", "loadingIndicator.show", "valueAxis", "valueAxis.categories", "valueAxis.visualRange"]), []);
+    const independentEvents = useMemo(() => (["onArgumentAxisClick", "onDisposing", "onDone", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onLegendClick", "onPointClick", "onSeriesClick", "onTooltipHidden", "onTooltipShown", "onZoomEnd", "onZoomStart"]), []);
+    const defaults = useMemo(() => ({
         defaultArgumentAxis: "argumentAxis",
         defaultLoadingIndicator: "loadingIndicator",
         defaultValueAxis: "valueAxis",
-    }); }, []);
-    var expectedChildren = useMemo(function () { return ({
+    }), []);
+    const expectedChildren = useMemo(() => ({
         adaptiveLayout: { optionName: "adaptiveLayout", isCollectionItem: false },
         animation: { optionName: "animation", isCollectionItem: false },
         annotation: { optionName: "annotations", isCollectionItem: true },
@@ -68,37 +56,46 @@ var Chart = memo(forwardRef(function (props, ref) {
         tooltip: { optionName: "tooltip", isCollectionItem: false },
         valueAxis: { optionName: "valueAxis", isCollectionItem: true },
         zoomAndPan: { optionName: "zoomAndPan", isCollectionItem: false }
-    }); }, []);
-    return (React.createElement((BaseComponent), __assign({ WidgetClass: dxChart, ref: baseRef, useRequestAnimationFrameFlag: true, subscribableOptions: subscribableOptions, independentEvents: independentEvents, defaults: defaults, expectedChildren: expectedChildren }, props)));
+    }), []);
+    return (React.createElement((BaseComponent), {
+        WidgetClass: dxChart,
+        ref: baseRef,
+        useRequestAnimationFrameFlag: true,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        ...props,
+    }));
 }));
-var _componentAdaptiveLayout = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAdaptiveLayout = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var AdaptiveLayout = Object.assign(_componentAdaptiveLayout, {
+const AdaptiveLayout = Object.assign(_componentAdaptiveLayout, {
     OptionName: "adaptiveLayout",
 });
-var _componentAggregation = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAggregation = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Aggregation = Object.assign(_componentAggregation, {
+const Aggregation = Object.assign(_componentAggregation, {
     OptionName: "aggregation",
 });
-var _componentAggregationInterval = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAggregationInterval = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var AggregationInterval = Object.assign(_componentAggregationInterval, {
+const AggregationInterval = Object.assign(_componentAggregationInterval, {
     OptionName: "aggregationInterval",
 });
-var _componentAnimation = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAnimation = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Animation = Object.assign(_componentAnimation, {
+const Animation = Object.assign(_componentAnimation, {
     OptionName: "animation",
 });
-var _componentAnnotation = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAnnotation = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Annotation = Object.assign(_componentAnnotation, {
+const Annotation = Object.assign(_componentAnnotation, {
     OptionName: "annotations",
     IsCollectionItem: true,
     ExpectedChildren: {
@@ -119,22 +116,22 @@ var Annotation = Object.assign(_componentAnnotation, {
             component: "tooltipComponent"
         }],
 });
-var _componentAnnotationBorder = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAnnotationBorder = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var AnnotationBorder = Object.assign(_componentAnnotationBorder, {
+const AnnotationBorder = Object.assign(_componentAnnotationBorder, {
     OptionName: "border",
 });
-var _componentAnnotationImage = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAnnotationImage = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var AnnotationImage = Object.assign(_componentAnnotationImage, {
+const AnnotationImage = Object.assign(_componentAnnotationImage, {
     OptionName: "image",
 });
-var _componentArgumentAxis = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentArgumentAxis = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ArgumentAxis = Object.assign(_componentArgumentAxis, {
+const ArgumentAxis = Object.assign(_componentArgumentAxis, {
     OptionName: "argumentAxis",
     DefaultsProps: {
         defaultCategories: "categories",
@@ -164,28 +161,28 @@ var ArgumentAxis = Object.assign(_componentArgumentAxis, {
         wholeRange: { optionName: "wholeRange", isCollectionItem: false }
     },
 });
-var _componentArgumentFormat = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentArgumentFormat = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ArgumentFormat = Object.assign(_componentArgumentFormat, {
+const ArgumentFormat = Object.assign(_componentArgumentFormat, {
     OptionName: "argumentFormat",
 });
-var _componentAxisConstantLineStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAxisConstantLineStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var AxisConstantLineStyle = Object.assign(_componentAxisConstantLineStyle, {
+const AxisConstantLineStyle = Object.assign(_componentAxisConstantLineStyle, {
     OptionName: "constantLineStyle",
 });
-var _componentAxisConstantLineStyleLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAxisConstantLineStyleLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var AxisConstantLineStyleLabel = Object.assign(_componentAxisConstantLineStyleLabel, {
+const AxisConstantLineStyleLabel = Object.assign(_componentAxisConstantLineStyleLabel, {
     OptionName: "label",
 });
-var _componentAxisLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAxisLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var AxisLabel = Object.assign(_componentAxisLabel, {
+const AxisLabel = Object.assign(_componentAxisLabel, {
     OptionName: "label",
     TemplateProps: [{
             tmplOption: "template",
@@ -193,41 +190,41 @@ var AxisLabel = Object.assign(_componentAxisLabel, {
             component: "component"
         }],
 });
-var _componentAxisTitle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentAxisTitle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var AxisTitle = Object.assign(_componentAxisTitle, {
+const AxisTitle = Object.assign(_componentAxisTitle, {
     OptionName: "title",
 });
-var _componentBackgroundColor = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentBackgroundColor = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var BackgroundColor = Object.assign(_componentBackgroundColor, {
+const BackgroundColor = Object.assign(_componentBackgroundColor, {
     OptionName: "backgroundColor",
 });
-var _componentBorder = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentBorder = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Border = Object.assign(_componentBorder, {
+const Border = Object.assign(_componentBorder, {
     OptionName: "border",
 });
-var _componentBreak = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentBreak = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Break = Object.assign(_componentBreak, {
+const Break = Object.assign(_componentBreak, {
     OptionName: "breaks",
     IsCollectionItem: true,
 });
-var _componentBreakStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentBreakStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var BreakStyle = Object.assign(_componentBreakStyle, {
+const BreakStyle = Object.assign(_componentBreakStyle, {
     OptionName: "breakStyle",
 });
-var _componentChartTitle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentChartTitle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ChartTitle = Object.assign(_componentChartTitle, {
+const ChartTitle = Object.assign(_componentChartTitle, {
     OptionName: "title",
     ExpectedChildren: {
         chartTitleSubtitle: { optionName: "subtitle", isCollectionItem: false },
@@ -236,25 +233,25 @@ var ChartTitle = Object.assign(_componentChartTitle, {
         subtitle: { optionName: "subtitle", isCollectionItem: false }
     },
 });
-var _componentChartTitleSubtitle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentChartTitleSubtitle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ChartTitleSubtitle = Object.assign(_componentChartTitleSubtitle, {
+const ChartTitleSubtitle = Object.assign(_componentChartTitleSubtitle, {
     OptionName: "subtitle",
     ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false }
     },
 });
-var _componentColor = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentColor = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Color = Object.assign(_componentColor, {
+const Color = Object.assign(_componentColor, {
     OptionName: "color",
 });
-var _componentCommonAnnotationSettings = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCommonAnnotationSettings = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings, {
+const CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings, {
     OptionName: "commonAnnotationSettings",
     TemplateProps: [{
             tmplOption: "template",
@@ -266,10 +263,10 @@ var CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings,
             component: "tooltipComponent"
         }],
 });
-var _componentCommonAxisSettings = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCommonAxisSettings = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CommonAxisSettings = Object.assign(_componentCommonAxisSettings, {
+const CommonAxisSettings = Object.assign(_componentCommonAxisSettings, {
     OptionName: "commonAxisSettings",
     ExpectedChildren: {
         commonAxisSettingsConstantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
@@ -280,26 +277,26 @@ var CommonAxisSettings = Object.assign(_componentCommonAxisSettings, {
         title: { optionName: "title", isCollectionItem: false }
     },
 });
-var _componentCommonAxisSettingsConstantLineStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCommonAxisSettingsConstantLineStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CommonAxisSettingsConstantLineStyle = Object.assign(_componentCommonAxisSettingsConstantLineStyle, {
+const CommonAxisSettingsConstantLineStyle = Object.assign(_componentCommonAxisSettingsConstantLineStyle, {
     OptionName: "constantLineStyle",
     ExpectedChildren: {
         commonAxisSettingsConstantLineStyleLabel: { optionName: "label", isCollectionItem: false },
         label: { optionName: "label", isCollectionItem: false }
     },
 });
-var _componentCommonAxisSettingsConstantLineStyleLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCommonAxisSettingsConstantLineStyleLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CommonAxisSettingsConstantLineStyleLabel = Object.assign(_componentCommonAxisSettingsConstantLineStyleLabel, {
+const CommonAxisSettingsConstantLineStyleLabel = Object.assign(_componentCommonAxisSettingsConstantLineStyleLabel, {
     OptionName: "label",
 });
-var _componentCommonAxisSettingsLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCommonAxisSettingsLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CommonAxisSettingsLabel = Object.assign(_componentCommonAxisSettingsLabel, {
+const CommonAxisSettingsLabel = Object.assign(_componentCommonAxisSettingsLabel, {
     OptionName: "label",
     TemplateProps: [{
             tmplOption: "template",
@@ -307,16 +304,16 @@ var CommonAxisSettingsLabel = Object.assign(_componentCommonAxisSettingsLabel, {
             component: "component"
         }],
 });
-var _componentCommonAxisSettingsTitle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCommonAxisSettingsTitle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CommonAxisSettingsTitle = Object.assign(_componentCommonAxisSettingsTitle, {
+const CommonAxisSettingsTitle = Object.assign(_componentCommonAxisSettingsTitle, {
     OptionName: "title",
 });
-var _componentCommonPaneSettings = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCommonPaneSettings = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CommonPaneSettings = Object.assign(_componentCommonPaneSettings, {
+const CommonPaneSettings = Object.assign(_componentCommonPaneSettings, {
     OptionName: "commonPaneSettings",
     ExpectedChildren: {
         backgroundColor: { optionName: "backgroundColor", isCollectionItem: false },
@@ -324,10 +321,10 @@ var CommonPaneSettings = Object.assign(_componentCommonPaneSettings, {
         paneBorder: { optionName: "border", isCollectionItem: false }
     },
 });
-var _componentCommonSeriesSettings = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCommonSeriesSettings = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CommonSeriesSettings = Object.assign(_componentCommonSeriesSettings, {
+const CommonSeriesSettings = Object.assign(_componentCommonSeriesSettings, {
     OptionName: "commonSeriesSettings",
     ExpectedChildren: {
         aggregation: { optionName: "aggregation", isCollectionItem: false },
@@ -345,10 +342,10 @@ var CommonSeriesSettings = Object.assign(_componentCommonSeriesSettings, {
         valueErrorBar: { optionName: "valueErrorBar", isCollectionItem: false }
     },
 });
-var _componentCommonSeriesSettingsHoverStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCommonSeriesSettingsHoverStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CommonSeriesSettingsHoverStyle = Object.assign(_componentCommonSeriesSettingsHoverStyle, {
+const CommonSeriesSettingsHoverStyle = Object.assign(_componentCommonSeriesSettingsHoverStyle, {
     OptionName: "hoverStyle",
     ExpectedChildren: {
         border: { optionName: "border", isCollectionItem: false },
@@ -357,10 +354,10 @@ var CommonSeriesSettingsHoverStyle = Object.assign(_componentCommonSeriesSetting
         seriesBorder: { optionName: "border", isCollectionItem: false }
     },
 });
-var _componentCommonSeriesSettingsLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCommonSeriesSettingsLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CommonSeriesSettingsLabel = Object.assign(_componentCommonSeriesSettingsLabel, {
+const CommonSeriesSettingsLabel = Object.assign(_componentCommonSeriesSettingsLabel, {
     OptionName: "label",
     ExpectedChildren: {
         argumentFormat: { optionName: "argumentFormat", isCollectionItem: false },
@@ -371,10 +368,10 @@ var CommonSeriesSettingsLabel = Object.assign(_componentCommonSeriesSettingsLabe
         seriesBorder: { optionName: "border", isCollectionItem: false }
     },
 });
-var _componentCommonSeriesSettingsSelectionStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCommonSeriesSettingsSelectionStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var CommonSeriesSettingsSelectionStyle = Object.assign(_componentCommonSeriesSettingsSelectionStyle, {
+const CommonSeriesSettingsSelectionStyle = Object.assign(_componentCommonSeriesSettingsSelectionStyle, {
     OptionName: "selectionStyle",
     ExpectedChildren: {
         border: { optionName: "border", isCollectionItem: false },
@@ -383,35 +380,35 @@ var CommonSeriesSettingsSelectionStyle = Object.assign(_componentCommonSeriesSet
         seriesBorder: { optionName: "border", isCollectionItem: false }
     },
 });
-var _componentConnector = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentConnector = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Connector = Object.assign(_componentConnector, {
+const Connector = Object.assign(_componentConnector, {
     OptionName: "connector",
 });
-var _componentConstantLine = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentConstantLine = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ConstantLine = Object.assign(_componentConstantLine, {
+const ConstantLine = Object.assign(_componentConstantLine, {
     OptionName: "constantLines",
     IsCollectionItem: true,
 });
-var _componentConstantLineLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentConstantLineLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ConstantLineLabel = Object.assign(_componentConstantLineLabel, {
+const ConstantLineLabel = Object.assign(_componentConstantLineLabel, {
     OptionName: "label",
 });
-var _componentConstantLineStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentConstantLineStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ConstantLineStyle = Object.assign(_componentConstantLineStyle, {
+const ConstantLineStyle = Object.assign(_componentConstantLineStyle, {
     OptionName: "constantLineStyle",
 });
-var _componentCrosshair = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentCrosshair = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Crosshair = Object.assign(_componentCrosshair, {
+const Crosshair = Object.assign(_componentCrosshair, {
     OptionName: "crosshair",
     ExpectedChildren: {
         horizontalLine: { optionName: "horizontalLine", isCollectionItem: false },
@@ -420,86 +417,86 @@ var Crosshair = Object.assign(_componentCrosshair, {
         verticalLine: { optionName: "verticalLine", isCollectionItem: false }
     },
 });
-var _componentDataPrepareSettings = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentDataPrepareSettings = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var DataPrepareSettings = Object.assign(_componentDataPrepareSettings, {
+const DataPrepareSettings = Object.assign(_componentDataPrepareSettings, {
     OptionName: "dataPrepareSettings",
 });
-var _componentDragBoxStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentDragBoxStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var DragBoxStyle = Object.assign(_componentDragBoxStyle, {
+const DragBoxStyle = Object.assign(_componentDragBoxStyle, {
     OptionName: "dragBoxStyle",
 });
-var _componentExport = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentExport = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Export = Object.assign(_componentExport, {
+const Export = Object.assign(_componentExport, {
     OptionName: "export",
 });
-var _componentFont = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFont = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Font = Object.assign(_componentFont, {
+const Font = Object.assign(_componentFont, {
     OptionName: "font",
 });
-var _componentFormat = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentFormat = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Format = Object.assign(_componentFormat, {
+const Format = Object.assign(_componentFormat, {
     OptionName: "format",
 });
-var _componentGrid = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentGrid = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Grid = Object.assign(_componentGrid, {
+const Grid = Object.assign(_componentGrid, {
     OptionName: "grid",
 });
-var _componentHatching = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentHatching = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Hatching = Object.assign(_componentHatching, {
+const Hatching = Object.assign(_componentHatching, {
     OptionName: "hatching",
 });
-var _componentHeight = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentHeight = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Height = Object.assign(_componentHeight, {
+const Height = Object.assign(_componentHeight, {
     OptionName: "height",
 });
-var _componentHorizontalLine = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentHorizontalLine = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var HorizontalLine = Object.assign(_componentHorizontalLine, {
+const HorizontalLine = Object.assign(_componentHorizontalLine, {
     OptionName: "horizontalLine",
     ExpectedChildren: {
         horizontalLineLabel: { optionName: "label", isCollectionItem: false },
         label: { optionName: "label", isCollectionItem: false }
     },
 });
-var _componentHorizontalLineLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentHorizontalLineLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var HorizontalLineLabel = Object.assign(_componentHorizontalLineLabel, {
+const HorizontalLineLabel = Object.assign(_componentHorizontalLineLabel, {
     OptionName: "label",
 });
-var _componentHoverStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentHoverStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var HoverStyle = Object.assign(_componentHoverStyle, {
+const HoverStyle = Object.assign(_componentHoverStyle, {
     OptionName: "hoverStyle",
 });
-var _componentImage = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentImage = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Image = Object.assign(_componentImage, {
+const Image = Object.assign(_componentImage, {
     OptionName: "image",
 });
-var _componentLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Label = Object.assign(_componentLabel, {
+const Label = Object.assign(_componentLabel, {
     OptionName: "label",
     TemplateProps: [{
             tmplOption: "template",
@@ -507,10 +504,10 @@ var Label = Object.assign(_componentLabel, {
             component: "component"
         }],
 });
-var _componentLegend = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentLegend = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Legend = Object.assign(_componentLegend, {
+const Legend = Object.assign(_componentLegend, {
     OptionName: "legend",
     ExpectedChildren: {
         annotationBorder: { optionName: "border", isCollectionItem: false },
@@ -526,10 +523,10 @@ var Legend = Object.assign(_componentLegend, {
             component: "markerComponent"
         }],
 });
-var _componentLegendTitle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentLegendTitle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var LegendTitle = Object.assign(_componentLegendTitle, {
+const LegendTitle = Object.assign(_componentLegendTitle, {
     OptionName: "title",
     ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false },
@@ -538,25 +535,25 @@ var LegendTitle = Object.assign(_componentLegendTitle, {
         subtitle: { optionName: "subtitle", isCollectionItem: false }
     },
 });
-var _componentLegendTitleSubtitle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentLegendTitleSubtitle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
+const LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
     OptionName: "subtitle",
     ExpectedChildren: {
         font: { optionName: "font", isCollectionItem: false }
     },
 });
-var _componentLength = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentLength = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Length = Object.assign(_componentLength, {
+const Length = Object.assign(_componentLength, {
     OptionName: "length",
 });
-var _componentLoadingIndicator = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentLoadingIndicator = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
+const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
     OptionName: "loadingIndicator",
     DefaultsProps: {
         defaultShow: "show"
@@ -565,53 +562,53 @@ var LoadingIndicator = Object.assign(_componentLoadingIndicator, {
         font: { optionName: "font", isCollectionItem: false }
     },
 });
-var _componentMargin = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentMargin = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Margin = Object.assign(_componentMargin, {
+const Margin = Object.assign(_componentMargin, {
     OptionName: "margin",
 });
-var _componentMinorGrid = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentMinorGrid = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var MinorGrid = Object.assign(_componentMinorGrid, {
+const MinorGrid = Object.assign(_componentMinorGrid, {
     OptionName: "minorGrid",
 });
-var _componentMinorTick = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentMinorTick = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var MinorTick = Object.assign(_componentMinorTick, {
+const MinorTick = Object.assign(_componentMinorTick, {
     OptionName: "minorTick",
 });
-var _componentMinorTickInterval = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentMinorTickInterval = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var MinorTickInterval = Object.assign(_componentMinorTickInterval, {
+const MinorTickInterval = Object.assign(_componentMinorTickInterval, {
     OptionName: "minorTickInterval",
 });
-var _componentMinVisualRangeLength = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentMinVisualRangeLength = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var MinVisualRangeLength = Object.assign(_componentMinVisualRangeLength, {
+const MinVisualRangeLength = Object.assign(_componentMinVisualRangeLength, {
     OptionName: "minVisualRangeLength",
 });
-var _componentPane = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPane = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Pane = Object.assign(_componentPane, {
+const Pane = Object.assign(_componentPane, {
     OptionName: "panes",
     IsCollectionItem: true,
 });
-var _componentPaneBorder = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPaneBorder = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var PaneBorder = Object.assign(_componentPaneBorder, {
+const PaneBorder = Object.assign(_componentPaneBorder, {
     OptionName: "border",
 });
-var _componentPoint = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPoint = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Point = Object.assign(_componentPoint, {
+const Point = Object.assign(_componentPoint, {
     OptionName: "point",
     ExpectedChildren: {
         border: { optionName: "border", isCollectionItem: false },
@@ -625,16 +622,16 @@ var Point = Object.assign(_componentPoint, {
         selectionStyle: { optionName: "selectionStyle", isCollectionItem: false }
     },
 });
-var _componentPointBorder = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPointBorder = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var PointBorder = Object.assign(_componentPointBorder, {
+const PointBorder = Object.assign(_componentPointBorder, {
     OptionName: "border",
 });
-var _componentPointHoverStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPointHoverStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var PointHoverStyle = Object.assign(_componentPointHoverStyle, {
+const PointHoverStyle = Object.assign(_componentPointHoverStyle, {
     OptionName: "hoverStyle",
     ExpectedChildren: {
         border: { optionName: "border", isCollectionItem: false },
@@ -642,10 +639,10 @@ var PointHoverStyle = Object.assign(_componentPointHoverStyle, {
         pointBorder: { optionName: "border", isCollectionItem: false }
     },
 });
-var _componentPointImage = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPointImage = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var PointImage = Object.assign(_componentPointImage, {
+const PointImage = Object.assign(_componentPointImage, {
     OptionName: "image",
     ExpectedChildren: {
         height: { optionName: "height", isCollectionItem: false },
@@ -653,10 +650,10 @@ var PointImage = Object.assign(_componentPointImage, {
         width: { optionName: "width", isCollectionItem: false }
     },
 });
-var _componentPointSelectionStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentPointSelectionStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var PointSelectionStyle = Object.assign(_componentPointSelectionStyle, {
+const PointSelectionStyle = Object.assign(_componentPointSelectionStyle, {
     OptionName: "selectionStyle",
     ExpectedChildren: {
         border: { optionName: "border", isCollectionItem: false },
@@ -664,112 +661,112 @@ var PointSelectionStyle = Object.assign(_componentPointSelectionStyle, {
         pointBorder: { optionName: "border", isCollectionItem: false }
     },
 });
-var _componentReduction = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentReduction = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Reduction = Object.assign(_componentReduction, {
+const Reduction = Object.assign(_componentReduction, {
     OptionName: "reduction",
 });
-var _componentScrollBar = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentScrollBar = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ScrollBar = Object.assign(_componentScrollBar, {
+const ScrollBar = Object.assign(_componentScrollBar, {
     OptionName: "scrollBar",
 });
-var _componentSelectionStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSelectionStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var SelectionStyle = Object.assign(_componentSelectionStyle, {
+const SelectionStyle = Object.assign(_componentSelectionStyle, {
     OptionName: "selectionStyle",
 });
-var _componentSeries = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSeries = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Series = Object.assign(_componentSeries, {
+const Series = Object.assign(_componentSeries, {
     OptionName: "series",
     IsCollectionItem: true,
 });
-var _componentSeriesBorder = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSeriesBorder = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var SeriesBorder = Object.assign(_componentSeriesBorder, {
+const SeriesBorder = Object.assign(_componentSeriesBorder, {
     OptionName: "border",
 });
-var _componentSeriesTemplate = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSeriesTemplate = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var SeriesTemplate = Object.assign(_componentSeriesTemplate, {
+const SeriesTemplate = Object.assign(_componentSeriesTemplate, {
     OptionName: "seriesTemplate",
 });
-var _componentShadow = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentShadow = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Shadow = Object.assign(_componentShadow, {
+const Shadow = Object.assign(_componentShadow, {
     OptionName: "shadow",
 });
-var _componentSize = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSize = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Size = Object.assign(_componentSize, {
+const Size = Object.assign(_componentSize, {
     OptionName: "size",
 });
-var _componentStrip = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentStrip = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Strip = Object.assign(_componentStrip, {
+const Strip = Object.assign(_componentStrip, {
     OptionName: "strips",
     IsCollectionItem: true,
 });
-var _componentStripLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentStripLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var StripLabel = Object.assign(_componentStripLabel, {
+const StripLabel = Object.assign(_componentStripLabel, {
     OptionName: "label",
 });
-var _componentStripStyle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentStripStyle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var StripStyle = Object.assign(_componentStripStyle, {
+const StripStyle = Object.assign(_componentStripStyle, {
     OptionName: "stripStyle",
     ExpectedChildren: {
         label: { optionName: "label", isCollectionItem: false },
         stripStyleLabel: { optionName: "label", isCollectionItem: false }
     },
 });
-var _componentStripStyleLabel = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentStripStyleLabel = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var StripStyleLabel = Object.assign(_componentStripStyleLabel, {
+const StripStyleLabel = Object.assign(_componentStripStyleLabel, {
     OptionName: "label",
 });
-var _componentSubtitle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentSubtitle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Subtitle = Object.assign(_componentSubtitle, {
+const Subtitle = Object.assign(_componentSubtitle, {
     OptionName: "subtitle",
 });
-var _componentTick = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTick = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Tick = Object.assign(_componentTick, {
+const Tick = Object.assign(_componentTick, {
     OptionName: "tick",
 });
-var _componentTickInterval = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTickInterval = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var TickInterval = Object.assign(_componentTickInterval, {
+const TickInterval = Object.assign(_componentTickInterval, {
     OptionName: "tickInterval",
 });
-var _componentTitle = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTitle = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Title = Object.assign(_componentTitle, {
+const Title = Object.assign(_componentTitle, {
     OptionName: "title",
 });
-var _componentTooltip = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTooltip = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Tooltip = Object.assign(_componentTooltip, {
+const Tooltip = Object.assign(_componentTooltip, {
     OptionName: "tooltip",
     ExpectedChildren: {
         argumentFormat: { optionName: "argumentFormat", isCollectionItem: false },
@@ -785,22 +782,22 @@ var Tooltip = Object.assign(_componentTooltip, {
             component: "contentComponent"
         }],
 });
-var _componentTooltipBorder = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentTooltipBorder = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var TooltipBorder = Object.assign(_componentTooltipBorder, {
+const TooltipBorder = Object.assign(_componentTooltipBorder, {
     OptionName: "border",
 });
-var _componentUrl = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentUrl = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Url = Object.assign(_componentUrl, {
+const Url = Object.assign(_componentUrl, {
     OptionName: "url",
 });
-var _componentValueAxis = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentValueAxis = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ValueAxis = Object.assign(_componentValueAxis, {
+const ValueAxis = Object.assign(_componentValueAxis, {
     OptionName: "valueAxis",
     IsCollectionItem: true,
     DefaultsProps: {
@@ -824,52 +821,52 @@ var ValueAxis = Object.assign(_componentValueAxis, {
         wholeRange: { optionName: "wholeRange", isCollectionItem: false }
     },
 });
-var _componentValueErrorBar = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentValueErrorBar = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ValueErrorBar = Object.assign(_componentValueErrorBar, {
+const ValueErrorBar = Object.assign(_componentValueErrorBar, {
     OptionName: "valueErrorBar",
 });
-var _componentVerticalLine = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentVerticalLine = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var VerticalLine = Object.assign(_componentVerticalLine, {
+const VerticalLine = Object.assign(_componentVerticalLine, {
     OptionName: "verticalLine",
     ExpectedChildren: {
         horizontalLineLabel: { optionName: "label", isCollectionItem: false },
         label: { optionName: "label", isCollectionItem: false }
     },
 });
-var _componentVisualRange = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentVisualRange = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var VisualRange = Object.assign(_componentVisualRange, {
+const VisualRange = Object.assign(_componentVisualRange, {
     OptionName: "visualRange",
     DefaultsProps: {
         defaultEndValue: "endValue",
         defaultStartValue: "startValue"
     },
 });
-var _componentWholeRange = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentWholeRange = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var WholeRange = Object.assign(_componentWholeRange, {
+const WholeRange = Object.assign(_componentWholeRange, {
     OptionName: "wholeRange",
     DefaultsProps: {
         defaultEndValue: "endValue",
         defaultStartValue: "startValue"
     },
 });
-var _componentWidth = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentWidth = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var Width = Object.assign(_componentWidth, {
+const Width = Object.assign(_componentWidth, {
     OptionName: "width",
 });
-var _componentZoomAndPan = memo(function (props) {
-    return React.createElement((NestedOption), __assign({}, props));
+const _componentZoomAndPan = memo((props) => {
+    return React.createElement((NestedOption), { ...props });
 });
-var ZoomAndPan = Object.assign(_componentZoomAndPan, {
+const ZoomAndPan = Object.assign(_componentZoomAndPan, {
     OptionName: "zoomAndPan",
     ExpectedChildren: {
         dragBoxStyle: { optionName: "dragBoxStyle", isCollectionItem: false }