devextreme-react 26.1.2-beta → 26.1.3

package/cjs/chart.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,1570 +11,1570 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-"use client";
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = exports.Image = exports.HoverStyle = exports.HorizontalLineLabel = exports.HorizontalLine = exports.Height = exports.Hatching = exports.Grid = exports.Format = exports.Font = exports.Export = exports.DragBoxStyle = exports.DataPrepareSettings = exports.Crosshair = exports.ConstantLineStyle = exports.ConstantLineLabel = exports.ConstantLine = exports.Connector = exports.CommonSeriesSettingsSelectionStyle = exports.CommonSeriesSettingsLabel = exports.CommonSeriesSettingsHoverStyle = exports.CommonSeriesSettings = exports.CommonPaneSettings = exports.CommonAxisSettingsTitle = exports.CommonAxisSettingsLabel = exports.CommonAxisSettingsConstantLineStyleLabel = exports.CommonAxisSettingsConstantLineStyle = exports.CommonAxisSettings = exports.CommonAnnotationSettings = exports.Color = exports.ChartTitleSubtitle = exports.ChartTitle = exports.BreakStyle = exports.Break = exports.Border = exports.BackgroundColor = exports.AxisTitle = exports.AxisLabel = exports.AxisConstantLineStyleLabel = exports.AxisConstantLineStyle = exports.ArgumentFormat = exports.ArgumentAxis = exports.AnnotationImage = exports.AnnotationBorder = exports.Annotation = exports.Animation = exports.AggregationInterval = exports.Aggregation = exports.AdaptiveLayout = exports.Chart = void 0;
-exports.ZoomAndPan = exports.Width = exports.WholeRange = exports.VisualRange = exports.VerticalLine = exports.ValueErrorBar = exports.ValueAxis = exports.Url = exports.TooltipBorder = exports.Tooltip = exports.Title = exports.TickInterval = exports.Tick = exports.Subtitle = exports.StripStyleLabel = exports.StripStyle = exports.StripLabel = exports.Strip = exports.Size = exports.Shadow = exports.SeriesTemplate = exports.SeriesBorder = exports.Series = exports.SelectionStyle = exports.ScrollBar = exports.Reduction = exports.PointSelectionStyle = exports.PointImage = exports.PointHoverStyle = exports.PointBorder = exports.Point = exports.PaneBorder = exports.Pane = exports.MinVisualRangeLength = exports.MinorTickInterval = exports.MinorTick = exports.MinorGrid = exports.Margin = exports.LoadingIndicator = exports.Length = exports.LegendTitleSubtitle = exports.LegendTitle = exports.Legend = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const chart_1 = __importDefault(require("devextreme/viz/chart"));
-const component_1 = require("./core/component");
-const nested_option_1 = __importDefault(require("./core/nested-option"));
-const Chart = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
-    const baseRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        instance() {
-            return baseRef.current?.getInstance();
-        }
-    }), []);
-    const subscribableOptions = (0, react_1.useMemo)(() => (["argumentAxis", "argumentAxis.categories", "argumentAxis.visualRange", "loadingIndicator", "loadingIndicator.show", "valueAxis", "valueAxis.categories", "valueAxis.visualRange", "argumentAxis.visualRange.endValue", "valueAxis.visualRange.endValue", "argumentAxis.visualRange.startValue", "valueAxis.visualRange.startValue", "argumentAxis.wholeRange.endValue", "valueAxis.wholeRange.endValue", "argumentAxis.wholeRange.startValue", "valueAxis.wholeRange.startValue"]), []);
-    const independentEvents = (0, react_1.useMemo)(() => (["onArgumentAxisClick", "onDisposing", "onDone", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onLegendClick", "onPointClick", "onSeriesClick", "onTooltipHidden", "onTooltipShown", "onZoomEnd", "onZoomStart"]), []);
-    const defaults = (0, react_1.useMemo)(() => ({
-        defaultArgumentAxis: "argumentAxis",
-        defaultLoadingIndicator: "loadingIndicator",
-        defaultValueAxis: "valueAxis",
-    }), []);
-    const expectedChildren = (0, react_1.useMemo)(() => ({
-        adaptiveLayout: { optionName: "adaptiveLayout", isCollectionItem: false },
-        animation: { optionName: "animation", isCollectionItem: false },
-        annotation: { optionName: "annotations", isCollectionItem: true },
-        argumentAxis: { optionName: "argumentAxis", isCollectionItem: false },
-        chartTitle: { optionName: "title", isCollectionItem: false },
-        commonAnnotationSettings: { optionName: "commonAnnotationSettings", isCollectionItem: false },
-        commonAxisSettings: { optionName: "commonAxisSettings", isCollectionItem: false },
-        commonPaneSettings: { optionName: "commonPaneSettings", isCollectionItem: false },
-        commonSeriesSettings: { optionName: "commonSeriesSettings", isCollectionItem: false },
-        crosshair: { optionName: "crosshair", isCollectionItem: false },
-        dataPrepareSettings: { optionName: "dataPrepareSettings", isCollectionItem: false },
-        export: { optionName: "export", isCollectionItem: false },
-        legend: { optionName: "legend", isCollectionItem: false },
-        loadingIndicator: { optionName: "loadingIndicator", isCollectionItem: false },
-        margin: { optionName: "margin", isCollectionItem: false },
-        pane: { optionName: "panes", isCollectionItem: true },
-        scrollBar: { optionName: "scrollBar", isCollectionItem: false },
-        series: { optionName: "series", isCollectionItem: true },
-        seriesTemplate: { optionName: "seriesTemplate", isCollectionItem: false },
-        size: { optionName: "size", isCollectionItem: false },
-        title: { optionName: "title", isCollectionItem: false },
-        tooltip: { optionName: "tooltip", isCollectionItem: false },
-        valueAxis: { optionName: "valueAxis", isCollectionItem: true },
-        zoomAndPan: { optionName: "zoomAndPan", isCollectionItem: false }
-    }), []);
-    return (React.createElement((component_1.Component), {
-        WidgetClass: chart_1.default,
-        ref: baseRef,
-        useRequestAnimationFrameFlag: true,
-        subscribableOptions,
-        independentEvents,
-        defaults,
-        expectedChildren,
-        ...props,
-    }));
-}));
-exports.Chart = Chart;
-const _componentAdaptiveLayout = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "adaptiveLayout",
-        },
-    });
-};
-const AdaptiveLayout = Object.assign(_componentAdaptiveLayout, {
-    componentType: "option",
-});
-exports.AdaptiveLayout = AdaptiveLayout;
-const _componentAggregation = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "aggregation",
-        },
-    });
-};
-const Aggregation = Object.assign(_componentAggregation, {
-    componentType: "option",
-});
-exports.Aggregation = Aggregation;
-const _componentAggregationInterval = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "aggregationInterval",
-        },
-    });
-};
-const AggregationInterval = Object.assign(_componentAggregationInterval, {
-    componentType: "option",
-});
-exports.AggregationInterval = AggregationInterval;
-const _componentAnimation = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "animation",
-        },
-    });
-};
-const Animation = Object.assign(_componentAnimation, {
-    componentType: "option",
-});
-exports.Animation = Animation;
-const _componentAnnotation = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "annotations",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                annotationBorder: { optionName: "border", isCollectionItem: false },
-                annotationImage: { optionName: "image", isCollectionItem: false },
-                border: { optionName: "border", isCollectionItem: false },
-                font: { optionName: "font", isCollectionItem: false },
-                image: { optionName: "image", isCollectionItem: false },
-                shadow: { optionName: "shadow", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }, {
-                    tmplOption: "tooltipTemplate",
-                    render: "tooltipRender",
-                    component: "tooltipComponent"
-                }],
-        },
-    });
-};
-const Annotation = Object.assign(_componentAnnotation, {
-    componentType: "option",
-});
-exports.Annotation = Annotation;
-const _componentAnnotationBorder = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "border",
-        },
-    });
-};
-const AnnotationBorder = Object.assign(_componentAnnotationBorder, {
-    componentType: "option",
-});
-exports.AnnotationBorder = AnnotationBorder;
-const _componentAnnotationImage = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "image",
-        },
-    });
-};
-const AnnotationImage = Object.assign(_componentAnnotationImage, {
-    componentType: "option",
-});
-exports.AnnotationImage = AnnotationImage;
-const _componentArgumentAxis = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "argumentAxis",
-            DefaultsProps: {
-                defaultCategories: "categories",
-                defaultVisualRange: "visualRange"
-            },
-            ExpectedChildren: {
-                aggregationInterval: { optionName: "aggregationInterval", isCollectionItem: false },
-                axisConstantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
-                axisLabel: { optionName: "label", isCollectionItem: false },
-                axisTitle: { optionName: "title", isCollectionItem: false },
-                break: { optionName: "breaks", isCollectionItem: true },
-                breakStyle: { optionName: "breakStyle", isCollectionItem: false },
-                constantLine: { optionName: "constantLines", isCollectionItem: true },
-                constantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
-                grid: { optionName: "grid", isCollectionItem: false },
-                label: { optionName: "label", isCollectionItem: false },
-                minorGrid: { optionName: "minorGrid", isCollectionItem: false },
-                minorTick: { optionName: "minorTick", isCollectionItem: false },
-                minorTickInterval: { optionName: "minorTickInterval", isCollectionItem: false },
-                minVisualRangeLength: { optionName: "minVisualRangeLength", isCollectionItem: false },
-                strip: { optionName: "strips", isCollectionItem: true },
-                stripStyle: { optionName: "stripStyle", isCollectionItem: false },
-                tick: { optionName: "tick", isCollectionItem: false },
-                tickInterval: { optionName: "tickInterval", isCollectionItem: false },
-                title: { optionName: "title", isCollectionItem: false },
-                visualRange: { optionName: "visualRange", isCollectionItem: false },
-                wholeRange: { optionName: "wholeRange", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ArgumentAxis = Object.assign(_componentArgumentAxis, {
-    componentType: "option",
-});
-exports.ArgumentAxis = ArgumentAxis;
-const _componentArgumentFormat = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "argumentFormat",
-        },
-    });
-};
-const ArgumentFormat = Object.assign(_componentArgumentFormat, {
-    componentType: "option",
-});
-exports.ArgumentFormat = ArgumentFormat;
-const _componentAxisConstantLineStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "constantLineStyle",
-            ExpectedChildren: {
-                label: { optionName: "label", isCollectionItem: false }
-            },
-        },
-    });
-};
-const AxisConstantLineStyle = Object.assign(_componentAxisConstantLineStyle, {
-    componentType: "option",
-});
-exports.AxisConstantLineStyle = AxisConstantLineStyle;
-const _componentAxisConstantLineStyleLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-        },
-    });
-};
-const AxisConstantLineStyleLabel = Object.assign(_componentAxisConstantLineStyleLabel, {
-    componentType: "option",
-});
-exports.AxisConstantLineStyleLabel = AxisConstantLineStyleLabel;
-const _componentAxisLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false },
-                format: { optionName: "format", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const AxisLabel = Object.assign(_componentAxisLabel, {
-    componentType: "option",
-});
-exports.AxisLabel = AxisLabel;
-const _componentAxisTitle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "title",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-        },
-    });
-};
-const AxisTitle = Object.assign(_componentAxisTitle, {
-    componentType: "option",
-});
-exports.AxisTitle = AxisTitle;
-const _componentBackgroundColor = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "backgroundColor",
-        },
-    });
-};
-const BackgroundColor = Object.assign(_componentBackgroundColor, {
-    componentType: "option",
-});
-exports.BackgroundColor = BackgroundColor;
-const _componentBorder = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "border",
-        },
-    });
-};
-const Border = Object.assign(_componentBorder, {
-    componentType: "option",
-});
-exports.Border = Border;
-const _componentBreak = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "breaks",
-            IsCollectionItem: true,
-        },
-    });
-};
-const Break = Object.assign(_componentBreak, {
-    componentType: "option",
-});
-exports.Break = Break;
-const _componentBreakStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "breakStyle",
-        },
-    });
-};
-const BreakStyle = Object.assign(_componentBreakStyle, {
-    componentType: "option",
-});
-exports.BreakStyle = BreakStyle;
-const _componentChartTitle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "title",
-            ExpectedChildren: {
-                chartTitleSubtitle: { optionName: "subtitle", isCollectionItem: false },
-                font: { optionName: "font", isCollectionItem: false },
-                margin: { optionName: "margin", isCollectionItem: false },
-                subtitle: { optionName: "subtitle", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ChartTitle = Object.assign(_componentChartTitle, {
-    componentType: "option",
-});
-exports.ChartTitle = ChartTitle;
-const _componentChartTitleSubtitle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "subtitle",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ChartTitleSubtitle = Object.assign(_componentChartTitleSubtitle, {
-    componentType: "option",
-});
-exports.ChartTitleSubtitle = ChartTitleSubtitle;
-const _componentColor = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "color",
-        },
-    });
-};
-const Color = Object.assign(_componentColor, {
-    componentType: "option",
-});
-exports.Color = Color;
-const _componentCommonAnnotationSettings = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "commonAnnotationSettings",
-            ExpectedChildren: {
-                annotationBorder: { optionName: "border", isCollectionItem: false },
-                annotationImage: { optionName: "image", isCollectionItem: false },
-                border: { optionName: "border", isCollectionItem: false },
-                font: { optionName: "font", isCollectionItem: false },
-                image: { optionName: "image", isCollectionItem: false },
-                shadow: { optionName: "shadow", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }, {
-                    tmplOption: "tooltipTemplate",
-                    render: "tooltipRender",
-                    component: "tooltipComponent"
-                }],
-        },
-    });
-};
-const CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings, {
-    componentType: "option",
-});
-exports.CommonAnnotationSettings = CommonAnnotationSettings;
-const _componentCommonAxisSettings = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "commonAxisSettings",
-            ExpectedChildren: {
-                breakStyle: { optionName: "breakStyle", isCollectionItem: false },
-                commonAxisSettingsConstantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
-                commonAxisSettingsLabel: { optionName: "label", isCollectionItem: false },
-                commonAxisSettingsTitle: { optionName: "title", isCollectionItem: false },
-                constantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
-                grid: { optionName: "grid", isCollectionItem: false },
-                label: { optionName: "label", isCollectionItem: false },
-                minorGrid: { optionName: "minorGrid", isCollectionItem: false },
-                minorTick: { optionName: "minorTick", isCollectionItem: false },
-                stripStyle: { optionName: "stripStyle", isCollectionItem: false },
-                tick: { optionName: "tick", isCollectionItem: false },
-                title: { optionName: "title", isCollectionItem: false }
-            },
-        },
-    });
-};
-const CommonAxisSettings = Object.assign(_componentCommonAxisSettings, {
-    componentType: "option",
-});
-exports.CommonAxisSettings = CommonAxisSettings;
-const _componentCommonAxisSettingsConstantLineStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "constantLineStyle",
-            ExpectedChildren: {
-                commonAxisSettingsConstantLineStyleLabel: { optionName: "label", isCollectionItem: false },
-                label: { optionName: "label", isCollectionItem: false }
-            },
-        },
-    });
-};
-const CommonAxisSettingsConstantLineStyle = Object.assign(_componentCommonAxisSettingsConstantLineStyle, {
-    componentType: "option",
-});
-exports.CommonAxisSettingsConstantLineStyle = CommonAxisSettingsConstantLineStyle;
-const _componentCommonAxisSettingsConstantLineStyleLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-        },
-    });
-};
-const CommonAxisSettingsConstantLineStyleLabel = Object.assign(_componentCommonAxisSettingsConstantLineStyleLabel, {
-    componentType: "option",
-});
-exports.CommonAxisSettingsConstantLineStyleLabel = CommonAxisSettingsConstantLineStyleLabel;
-const _componentCommonAxisSettingsLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const CommonAxisSettingsLabel = Object.assign(_componentCommonAxisSettingsLabel, {
-    componentType: "option",
-});
-exports.CommonAxisSettingsLabel = CommonAxisSettingsLabel;
-const _componentCommonAxisSettingsTitle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "title",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-        },
-    });
-};
-const CommonAxisSettingsTitle = Object.assign(_componentCommonAxisSettingsTitle, {
-    componentType: "option",
-});
-exports.CommonAxisSettingsTitle = CommonAxisSettingsTitle;
-const _componentCommonPaneSettings = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "commonPaneSettings",
-            ExpectedChildren: {
-                backgroundColor: { optionName: "backgroundColor", isCollectionItem: false },
-                border: { optionName: "border", isCollectionItem: false },
-                paneBorder: { optionName: "border", isCollectionItem: false }
-            },
-        },
-    });
-};
-const CommonPaneSettings = Object.assign(_componentCommonPaneSettings, {
-    componentType: "option",
-});
-exports.CommonPaneSettings = CommonPaneSettings;
-const _componentCommonSeriesSettings = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "commonSeriesSettings",
-            ExpectedChildren: {
-                aggregation: { optionName: "aggregation", isCollectionItem: false },
-                border: { optionName: "border", isCollectionItem: false },
-                color: { optionName: "color", isCollectionItem: false },
-                commonSeriesSettingsHoverStyle: { optionName: "hoverStyle", isCollectionItem: false },
-                commonSeriesSettingsLabel: { optionName: "label", isCollectionItem: false },
-                commonSeriesSettingsSelectionStyle: { optionName: "selectionStyle", isCollectionItem: false },
-                hoverStyle: { optionName: "hoverStyle", isCollectionItem: false },
-                label: { optionName: "label", isCollectionItem: false },
-                point: { optionName: "point", isCollectionItem: false },
-                reduction: { optionName: "reduction", isCollectionItem: false },
-                selectionStyle: { optionName: "selectionStyle", isCollectionItem: false },
-                seriesBorder: { optionName: "border", isCollectionItem: false },
-                valueErrorBar: { optionName: "valueErrorBar", isCollectionItem: false }
-            },
-        },
-    });
-};
-const CommonSeriesSettings = Object.assign(_componentCommonSeriesSettings, {
-    componentType: "option",
-});
-exports.CommonSeriesSettings = CommonSeriesSettings;
-const _componentCommonSeriesSettingsHoverStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "hoverStyle",
-            ExpectedChildren: {
-                border: { optionName: "border", isCollectionItem: false },
-                color: { optionName: "color", isCollectionItem: false },
-                hatching: { optionName: "hatching", isCollectionItem: false },
-                seriesBorder: { optionName: "border", isCollectionItem: false }
-            },
-        },
-    });
-};
-const CommonSeriesSettingsHoverStyle = Object.assign(_componentCommonSeriesSettingsHoverStyle, {
-    componentType: "option",
-});
-exports.CommonSeriesSettingsHoverStyle = CommonSeriesSettingsHoverStyle;
-const _componentCommonSeriesSettingsLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                argumentFormat: { optionName: "argumentFormat", isCollectionItem: false },
-                border: { optionName: "border", isCollectionItem: false },
-                connector: { optionName: "connector", isCollectionItem: false },
-                font: { optionName: "font", isCollectionItem: false },
-                format: { optionName: "format", isCollectionItem: false },
-                seriesBorder: { optionName: "border", isCollectionItem: false }
-            },
-        },
-    });
-};
-const CommonSeriesSettingsLabel = Object.assign(_componentCommonSeriesSettingsLabel, {
-    componentType: "option",
-});
-exports.CommonSeriesSettingsLabel = CommonSeriesSettingsLabel;
-const _componentCommonSeriesSettingsSelectionStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "selectionStyle",
-            ExpectedChildren: {
-                border: { optionName: "border", isCollectionItem: false },
-                color: { optionName: "color", isCollectionItem: false },
-                hatching: { optionName: "hatching", isCollectionItem: false },
-                seriesBorder: { optionName: "border", isCollectionItem: false }
-            },
-        },
-    });
-};
-const CommonSeriesSettingsSelectionStyle = Object.assign(_componentCommonSeriesSettingsSelectionStyle, {
-    componentType: "option",
-});
-exports.CommonSeriesSettingsSelectionStyle = CommonSeriesSettingsSelectionStyle;
-const _componentConnector = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "connector",
-        },
-    });
-};
-const Connector = Object.assign(_componentConnector, {
-    componentType: "option",
-});
-exports.Connector = Connector;
-const _componentConstantLine = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "constantLines",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                label: { optionName: "label", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ConstantLine = Object.assign(_componentConstantLine, {
-    componentType: "option",
-});
-exports.ConstantLine = ConstantLine;
-const _componentConstantLineLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ConstantLineLabel = Object.assign(_componentConstantLineLabel, {
-    componentType: "option",
-});
-exports.ConstantLineLabel = ConstantLineLabel;
-const _componentConstantLineStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "constantLineStyle",
-            ExpectedChildren: {
-                commonAxisSettingsConstantLineStyleLabel: { optionName: "label", isCollectionItem: false },
-                label: { optionName: "label", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ConstantLineStyle = Object.assign(_componentConstantLineStyle, {
-    componentType: "option",
-});
-exports.ConstantLineStyle = ConstantLineStyle;
-const _componentCrosshair = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "crosshair",
-            ExpectedChildren: {
-                horizontalLine: { optionName: "horizontalLine", isCollectionItem: false },
-                horizontalLineLabel: { optionName: "label", isCollectionItem: false },
-                label: { optionName: "label", isCollectionItem: false },
-                verticalLine: { optionName: "verticalLine", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Crosshair = Object.assign(_componentCrosshair, {
-    componentType: "option",
-});
-exports.Crosshair = Crosshair;
-const _componentDataPrepareSettings = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "dataPrepareSettings",
-        },
-    });
-};
-const DataPrepareSettings = Object.assign(_componentDataPrepareSettings, {
-    componentType: "option",
-});
-exports.DataPrepareSettings = DataPrepareSettings;
-const _componentDragBoxStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "dragBoxStyle",
-        },
-    });
-};
-const DragBoxStyle = Object.assign(_componentDragBoxStyle, {
-    componentType: "option",
-});
-exports.DragBoxStyle = DragBoxStyle;
-const _componentExport = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "export",
-        },
-    });
-};
-const Export = Object.assign(_componentExport, {
-    componentType: "option",
-});
-exports.Export = Export;
-const _componentFont = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "font",
-        },
-    });
-};
-const Font = Object.assign(_componentFont, {
-    componentType: "option",
-});
-exports.Font = Font;
-const _componentFormat = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "format",
-        },
-    });
-};
-const Format = Object.assign(_componentFormat, {
-    componentType: "option",
-});
-exports.Format = Format;
-const _componentGrid = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "grid",
-        },
-    });
-};
-const Grid = Object.assign(_componentGrid, {
-    componentType: "option",
-});
-exports.Grid = Grid;
-const _componentHatching = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "hatching",
-        },
-    });
-};
-const Hatching = Object.assign(_componentHatching, {
-    componentType: "option",
-});
-exports.Hatching = Hatching;
-const _componentHeight = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "height",
-        },
-    });
-};
-const Height = Object.assign(_componentHeight, {
-    componentType: "option",
-});
-exports.Height = Height;
-const _componentHorizontalLine = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "horizontalLine",
-            ExpectedChildren: {
-                horizontalLineLabel: { optionName: "label", isCollectionItem: false },
-                label: { optionName: "label", isCollectionItem: false }
-            },
-        },
-    });
-};
-const HorizontalLine = Object.assign(_componentHorizontalLine, {
-    componentType: "option",
-});
-exports.HorizontalLine = HorizontalLine;
-const _componentHorizontalLineLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false },
-                format: { optionName: "format", isCollectionItem: false }
-            },
-        },
-    });
-};
-const HorizontalLineLabel = Object.assign(_componentHorizontalLineLabel, {
-    componentType: "option",
-});
-exports.HorizontalLineLabel = HorizontalLineLabel;
-const _componentHoverStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "hoverStyle",
-            ExpectedChildren: {
-                border: { optionName: "border", isCollectionItem: false },
-                color: { optionName: "color", isCollectionItem: false },
-                hatching: { optionName: "hatching", isCollectionItem: false },
-                pointBorder: { optionName: "border", isCollectionItem: false },
-                seriesBorder: { optionName: "border", isCollectionItem: false }
-            },
-        },
-    });
-};
-const HoverStyle = Object.assign(_componentHoverStyle, {
-    componentType: "option",
-});
-exports.HoverStyle = HoverStyle;
-const _componentImage = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "image",
-            ExpectedChildren: {
-                height: { optionName: "height", isCollectionItem: false },
-                url: { optionName: "url", isCollectionItem: false },
-                width: { optionName: "width", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Image = Object.assign(_componentImage, {
-    componentType: "option",
-});
-exports.Image = Image;
-const _componentLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                argumentFormat: { optionName: "argumentFormat", isCollectionItem: false },
-                border: { optionName: "border", isCollectionItem: false },
-                connector: { optionName: "connector", isCollectionItem: false },
-                font: { optionName: "font", isCollectionItem: false },
-                format: { optionName: "format", isCollectionItem: false },
-                seriesBorder: { optionName: "border", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const Label = Object.assign(_componentLabel, {
-    componentType: "option",
-});
-exports.Label = Label;
-const _componentLegend = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "legend",
-            ExpectedChildren: {
-                annotationBorder: { optionName: "border", isCollectionItem: false },
-                border: { optionName: "border", isCollectionItem: false },
-                font: { optionName: "font", isCollectionItem: false },
-                legendTitle: { optionName: "title", isCollectionItem: false },
-                margin: { optionName: "margin", isCollectionItem: false },
-                title: { optionName: "title", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "markerTemplate",
-                    render: "markerRender",
-                    component: "markerComponent"
-                }],
-        },
-    });
-};
-const Legend = Object.assign(_componentLegend, {
-    componentType: "option",
-});
-exports.Legend = Legend;
-const _componentLegendTitle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "title",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false },
-                legendTitleSubtitle: { optionName: "subtitle", isCollectionItem: false },
-                margin: { optionName: "margin", isCollectionItem: false },
-                subtitle: { optionName: "subtitle", isCollectionItem: false }
-            },
-        },
-    });
-};
-const LegendTitle = Object.assign(_componentLegendTitle, {
-    componentType: "option",
-});
-exports.LegendTitle = LegendTitle;
-const _componentLegendTitleSubtitle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "subtitle",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-        },
-    });
-};
-const LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
-    componentType: "option",
-});
-exports.LegendTitleSubtitle = LegendTitleSubtitle;
-const _componentLength = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "length",
-        },
-    });
-};
-const Length = Object.assign(_componentLength, {
-    componentType: "option",
-});
-exports.Length = Length;
-const _componentLoadingIndicator = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "loadingIndicator",
-            DefaultsProps: {
-                defaultShow: "show"
-            },
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-        },
-    });
-};
-const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
-    componentType: "option",
-});
-exports.LoadingIndicator = LoadingIndicator;
-const _componentMargin = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "margin",
-        },
-    });
-};
-const Margin = Object.assign(_componentMargin, {
-    componentType: "option",
-});
-exports.Margin = Margin;
-const _componentMinorGrid = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "minorGrid",
-        },
-    });
-};
-const MinorGrid = Object.assign(_componentMinorGrid, {
-    componentType: "option",
-});
-exports.MinorGrid = MinorGrid;
-const _componentMinorTick = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "minorTick",
-        },
-    });
-};
-const MinorTick = Object.assign(_componentMinorTick, {
-    componentType: "option",
-});
-exports.MinorTick = MinorTick;
-const _componentMinorTickInterval = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "minorTickInterval",
-        },
-    });
-};
-const MinorTickInterval = Object.assign(_componentMinorTickInterval, {
-    componentType: "option",
-});
-exports.MinorTickInterval = MinorTickInterval;
-const _componentMinVisualRangeLength = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "minVisualRangeLength",
-        },
-    });
-};
-const MinVisualRangeLength = Object.assign(_componentMinVisualRangeLength, {
-    componentType: "option",
-});
-exports.MinVisualRangeLength = MinVisualRangeLength;
-const _componentPane = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "panes",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                backgroundColor: { optionName: "backgroundColor", isCollectionItem: false },
-                border: { optionName: "border", isCollectionItem: false },
-                paneBorder: { optionName: "border", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Pane = Object.assign(_componentPane, {
-    componentType: "option",
-});
-exports.Pane = Pane;
-const _componentPaneBorder = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "border",
-        },
-    });
-};
-const PaneBorder = Object.assign(_componentPaneBorder, {
-    componentType: "option",
-});
-exports.PaneBorder = PaneBorder;
-const _componentPoint = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "point",
-            ExpectedChildren: {
-                color: { optionName: "color", isCollectionItem: false },
-                hoverStyle: { optionName: "hoverStyle", isCollectionItem: false },
-                image: { optionName: "image", isCollectionItem: false },
-                pointBorder: { optionName: "border", isCollectionItem: false },
-                selectionStyle: { optionName: "selectionStyle", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Point = Object.assign(_componentPoint, {
-    componentType: "option",
-});
-exports.Point = Point;
-const _componentPointBorder = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "border",
-        },
-    });
-};
-const PointBorder = Object.assign(_componentPointBorder, {
-    componentType: "option",
-});
-exports.PointBorder = PointBorder;
-const _componentPointHoverStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "hoverStyle",
-            ExpectedChildren: {
-                border: { optionName: "border", isCollectionItem: false },
-                color: { optionName: "color", isCollectionItem: false },
-                pointBorder: { optionName: "border", isCollectionItem: false }
-            },
-        },
-    });
-};
-const PointHoverStyle = Object.assign(_componentPointHoverStyle, {
-    componentType: "option",
-});
-exports.PointHoverStyle = PointHoverStyle;
-const _componentPointImage = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "image",
-            ExpectedChildren: {
-                height: { optionName: "height", isCollectionItem: false },
-                url: { optionName: "url", isCollectionItem: false },
-                width: { optionName: "width", isCollectionItem: false }
-            },
-        },
-    });
-};
-const PointImage = Object.assign(_componentPointImage, {
-    componentType: "option",
-});
-exports.PointImage = PointImage;
-const _componentPointSelectionStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "selectionStyle",
-            ExpectedChildren: {
-                border: { optionName: "border", isCollectionItem: false },
-                color: { optionName: "color", isCollectionItem: false },
-                pointBorder: { optionName: "border", isCollectionItem: false }
-            },
-        },
-    });
-};
-const PointSelectionStyle = Object.assign(_componentPointSelectionStyle, {
-    componentType: "option",
-});
-exports.PointSelectionStyle = PointSelectionStyle;
-const _componentReduction = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "reduction",
-        },
-    });
-};
-const Reduction = Object.assign(_componentReduction, {
-    componentType: "option",
-});
-exports.Reduction = Reduction;
-const _componentScrollBar = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "scrollBar",
-        },
-    });
-};
-const ScrollBar = Object.assign(_componentScrollBar, {
-    componentType: "option",
-});
-exports.ScrollBar = ScrollBar;
-const _componentSelectionStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "selectionStyle",
-            ExpectedChildren: {
-                border: { optionName: "border", isCollectionItem: false },
-                color: { optionName: "color", isCollectionItem: false },
-                hatching: { optionName: "hatching", isCollectionItem: false },
-                pointBorder: { optionName: "border", isCollectionItem: false },
-                seriesBorder: { optionName: "border", isCollectionItem: false }
-            },
-        },
-    });
-};
-const SelectionStyle = Object.assign(_componentSelectionStyle, {
-    componentType: "option",
-});
-exports.SelectionStyle = SelectionStyle;
-const _componentSeries = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "series",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                aggregation: { optionName: "aggregation", isCollectionItem: false },
-                border: { optionName: "border", isCollectionItem: false },
-                color: { optionName: "color", isCollectionItem: false },
-                commonSeriesSettingsHoverStyle: { optionName: "hoverStyle", isCollectionItem: false },
-                commonSeriesSettingsLabel: { optionName: "label", isCollectionItem: false },
-                commonSeriesSettingsSelectionStyle: { optionName: "selectionStyle", isCollectionItem: false },
-                hoverStyle: { optionName: "hoverStyle", isCollectionItem: false },
-                label: { optionName: "label", isCollectionItem: false },
-                point: { optionName: "point", isCollectionItem: false },
-                reduction: { optionName: "reduction", isCollectionItem: false },
-                selectionStyle: { optionName: "selectionStyle", isCollectionItem: false },
-                seriesBorder: { optionName: "border", isCollectionItem: false },
-                valueErrorBar: { optionName: "valueErrorBar", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Series = Object.assign(_componentSeries, {
-    componentType: "option",
-});
-exports.Series = Series;
-const _componentSeriesBorder = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "border",
-        },
-    });
-};
-const SeriesBorder = Object.assign(_componentSeriesBorder, {
-    componentType: "option",
-});
-exports.SeriesBorder = SeriesBorder;
-const _componentSeriesTemplate = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "seriesTemplate",
-        },
-    });
-};
-const SeriesTemplate = Object.assign(_componentSeriesTemplate, {
-    componentType: "option",
-});
-exports.SeriesTemplate = SeriesTemplate;
-const _componentShadow = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "shadow",
-        },
-    });
-};
-const Shadow = Object.assign(_componentShadow, {
-    componentType: "option",
-});
-exports.Shadow = Shadow;
-const _componentSize = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "size",
-        },
-    });
-};
-const Size = Object.assign(_componentSize, {
-    componentType: "option",
-});
-exports.Size = Size;
-const _componentStrip = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "strips",
-            IsCollectionItem: true,
-            ExpectedChildren: {
-                label: { optionName: "label", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Strip = Object.assign(_componentStrip, {
-    componentType: "option",
-});
-exports.Strip = Strip;
-const _componentStripLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-        },
-    });
-};
-const StripLabel = Object.assign(_componentStripLabel, {
-    componentType: "option",
-});
-exports.StripLabel = StripLabel;
-const _componentStripStyle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "stripStyle",
-            ExpectedChildren: {
-                label: { optionName: "label", isCollectionItem: false }
-            },
-        },
-    });
-};
-const StripStyle = Object.assign(_componentStripStyle, {
-    componentType: "option",
-});
-exports.StripStyle = StripStyle;
-const _componentStripStyleLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-        },
-    });
-};
-const StripStyleLabel = Object.assign(_componentStripStyleLabel, {
-    componentType: "option",
-});
-exports.StripStyleLabel = StripStyleLabel;
-const _componentSubtitle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "subtitle",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Subtitle = Object.assign(_componentSubtitle, {
-    componentType: "option",
-});
-exports.Subtitle = Subtitle;
-const _componentTick = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "tick",
-        },
-    });
-};
-const Tick = Object.assign(_componentTick, {
-    componentType: "option",
-});
-exports.Tick = Tick;
-const _componentTickInterval = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "tickInterval",
-        },
-    });
-};
-const TickInterval = Object.assign(_componentTickInterval, {
-    componentType: "option",
-});
-exports.TickInterval = TickInterval;
-const _componentTitle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "title",
-            ExpectedChildren: {
-                chartTitleSubtitle: { optionName: "subtitle", isCollectionItem: false },
-                font: { optionName: "font", isCollectionItem: false },
-                legendTitleSubtitle: { optionName: "subtitle", isCollectionItem: false },
-                margin: { optionName: "margin", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Title = Object.assign(_componentTitle, {
-    componentType: "option",
-});
-exports.Title = Title;
-const _componentTooltip = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "tooltip",
-            ExpectedChildren: {
-                argumentFormat: { optionName: "argumentFormat", isCollectionItem: false },
-                border: { optionName: "border", isCollectionItem: false },
-                font: { optionName: "font", isCollectionItem: false },
-                format: { optionName: "format", isCollectionItem: false },
-                shadow: { optionName: "shadow", isCollectionItem: false },
-                tooltipBorder: { optionName: "border", isCollectionItem: false }
-            },
-            TemplateProps: [{
-                    tmplOption: "contentTemplate",
-                    render: "contentRender",
-                    component: "contentComponent"
-                }],
-        },
-    });
-};
-const Tooltip = Object.assign(_componentTooltip, {
-    componentType: "option",
-});
-exports.Tooltip = Tooltip;
-const _componentTooltipBorder = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "border",
-        },
-    });
-};
-const TooltipBorder = Object.assign(_componentTooltipBorder, {
-    componentType: "option",
-});
-exports.TooltipBorder = TooltipBorder;
-const _componentUrl = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "url",
-        },
-    });
-};
-const Url = Object.assign(_componentUrl, {
-    componentType: "option",
-});
-exports.Url = Url;
-const _componentValueAxis = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "valueAxis",
-            IsCollectionItem: true,
-            DefaultsProps: {
-                defaultCategories: "categories",
-                defaultVisualRange: "visualRange"
-            },
-            ExpectedChildren: {
-                axisConstantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
-                axisLabel: { optionName: "label", isCollectionItem: false },
-                axisTitle: { optionName: "title", isCollectionItem: false },
-                break: { optionName: "breaks", isCollectionItem: true },
-                breakStyle: { optionName: "breakStyle", isCollectionItem: false },
-                constantLine: { optionName: "constantLines", isCollectionItem: true },
-                constantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
-                grid: { optionName: "grid", isCollectionItem: false },
-                label: { optionName: "label", isCollectionItem: false },
-                minorGrid: { optionName: "minorGrid", isCollectionItem: false },
-                minorTick: { optionName: "minorTick", isCollectionItem: false },
-                minorTickInterval: { optionName: "minorTickInterval", isCollectionItem: false },
-                minVisualRangeLength: { optionName: "minVisualRangeLength", isCollectionItem: false },
-                strip: { optionName: "strips", isCollectionItem: true },
-                stripStyle: { optionName: "stripStyle", isCollectionItem: false },
-                tick: { optionName: "tick", isCollectionItem: false },
-                tickInterval: { optionName: "tickInterval", isCollectionItem: false },
-                title: { optionName: "title", isCollectionItem: false },
-                visualRange: { optionName: "visualRange", isCollectionItem: false },
-                wholeRange: { optionName: "wholeRange", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ValueAxis = Object.assign(_componentValueAxis, {
-    componentType: "option",
-});
-exports.ValueAxis = ValueAxis;
-const _componentValueErrorBar = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "valueErrorBar",
-        },
-    });
-};
-const ValueErrorBar = Object.assign(_componentValueErrorBar, {
-    componentType: "option",
-});
-exports.ValueErrorBar = ValueErrorBar;
-const _componentVerticalLine = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "verticalLine",
-            ExpectedChildren: {
-                horizontalLineLabel: { optionName: "label", isCollectionItem: false },
-                label: { optionName: "label", isCollectionItem: false }
-            },
-        },
-    });
-};
-const VerticalLine = Object.assign(_componentVerticalLine, {
-    componentType: "option",
-});
-exports.VerticalLine = VerticalLine;
-const _componentVisualRange = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "visualRange",
-            DefaultsProps: {
-                defaultEndValue: "endValue",
-                defaultStartValue: "startValue"
-            },
-            ExpectedChildren: {
-                length: { optionName: "length", isCollectionItem: false }
-            },
-        },
-    });
-};
-const VisualRange = Object.assign(_componentVisualRange, {
-    componentType: "option",
-});
-exports.VisualRange = VisualRange;
-const _componentWholeRange = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "wholeRange",
-            DefaultsProps: {
-                defaultEndValue: "endValue",
-                defaultStartValue: "startValue"
-            },
-            ExpectedChildren: {
-                length: { optionName: "length", isCollectionItem: false }
-            },
-        },
-    });
-};
-const WholeRange = Object.assign(_componentWholeRange, {
-    componentType: "option",
-});
-exports.WholeRange = WholeRange;
-const _componentWidth = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "width",
-        },
-    });
-};
-const Width = Object.assign(_componentWidth, {
-    componentType: "option",
-});
-exports.Width = Width;
-const _componentZoomAndPan = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "zoomAndPan",
-            ExpectedChildren: {
-                dragBoxStyle: { optionName: "dragBoxStyle", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ZoomAndPan = Object.assign(_componentZoomAndPan, {
-    componentType: "option",
-});
-exports.ZoomAndPan = ZoomAndPan;
-exports.default = Chart;
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Label = exports.Image = exports.HoverStyle = exports.HorizontalLineLabel = exports.HorizontalLine = exports.Height = exports.Hatching = exports.Grid = exports.Format = exports.Font = exports.Export = exports.DragBoxStyle = exports.DataPrepareSettings = exports.Crosshair = exports.ConstantLineStyle = exports.ConstantLineLabel = exports.ConstantLine = exports.Connector = exports.CommonSeriesSettingsSelectionStyle = exports.CommonSeriesSettingsLabel = exports.CommonSeriesSettingsHoverStyle = exports.CommonSeriesSettings = exports.CommonPaneSettings = exports.CommonAxisSettingsTitle = exports.CommonAxisSettingsLabel = exports.CommonAxisSettingsConstantLineStyleLabel = exports.CommonAxisSettingsConstantLineStyle = exports.CommonAxisSettings = exports.CommonAnnotationSettings = exports.Color = exports.ChartTitleSubtitle = exports.ChartTitle = exports.BreakStyle = exports.Break = exports.Border = exports.BackgroundColor = exports.AxisTitle = exports.AxisLabel = exports.AxisConstantLineStyleLabel = exports.AxisConstantLineStyle = exports.ArgumentFormat = exports.ArgumentAxis = exports.AnnotationImage = exports.AnnotationBorder = exports.Annotation = exports.Animation = exports.AggregationInterval = exports.Aggregation = exports.AdaptiveLayout = exports.Chart = void 0;
+exports.ZoomAndPan = exports.Width = exports.WholeRange = exports.VisualRange = exports.VerticalLine = exports.ValueErrorBar = exports.ValueAxis = exports.Url = exports.TooltipBorder = exports.Tooltip = exports.Title = exports.TickInterval = exports.Tick = exports.Subtitle = exports.StripStyleLabel = exports.StripStyle = exports.StripLabel = exports.Strip = exports.Size = exports.Shadow = exports.SeriesTemplate = exports.SeriesBorder = exports.Series = exports.SelectionStyle = exports.ScrollBar = exports.Reduction = exports.PointSelectionStyle = exports.PointImage = exports.PointHoverStyle = exports.PointBorder = exports.Point = exports.PaneBorder = exports.Pane = exports.MinVisualRangeLength = exports.MinorTickInterval = exports.MinorTick = exports.MinorGrid = exports.Margin = exports.LoadingIndicator = exports.Length = exports.LegendTitleSubtitle = exports.LegendTitle = exports.Legend = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const chart_1 = __importDefault(require("devextreme/viz/chart"));
+const component_1 = require("./core/component");
+const nested_option_1 = __importDefault(require("./core/nested-option"));
+const Chart = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
+    const baseRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
+        }
+    }), []);
+    const subscribableOptions = (0, react_1.useMemo)(() => (["argumentAxis", "argumentAxis.categories", "argumentAxis.visualRange", "loadingIndicator", "loadingIndicator.show", "valueAxis", "valueAxis.categories", "valueAxis.visualRange", "argumentAxis.visualRange.endValue", "valueAxis.visualRange.endValue", "argumentAxis.visualRange.startValue", "valueAxis.visualRange.startValue", "argumentAxis.wholeRange.endValue", "valueAxis.wholeRange.endValue", "argumentAxis.wholeRange.startValue", "valueAxis.wholeRange.startValue"]), []);
+    const independentEvents = (0, react_1.useMemo)(() => (["onArgumentAxisClick", "onDisposing", "onDone", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onLegendClick", "onPointClick", "onSeriesClick", "onTooltipHidden", "onTooltipShown", "onZoomEnd", "onZoomStart"]), []);
+    const defaults = (0, react_1.useMemo)(() => ({
+        defaultArgumentAxis: "argumentAxis",
+        defaultLoadingIndicator: "loadingIndicator",
+        defaultValueAxis: "valueAxis",
+    }), []);
+    const expectedChildren = (0, react_1.useMemo)(() => ({
+        adaptiveLayout: { optionName: "adaptiveLayout", isCollectionItem: false },
+        animation: { optionName: "animation", isCollectionItem: false },
+        annotation: { optionName: "annotations", isCollectionItem: true },
+        argumentAxis: { optionName: "argumentAxis", isCollectionItem: false },
+        chartTitle: { optionName: "title", isCollectionItem: false },
+        commonAnnotationSettings: { optionName: "commonAnnotationSettings", isCollectionItem: false },
+        commonAxisSettings: { optionName: "commonAxisSettings", isCollectionItem: false },
+        commonPaneSettings: { optionName: "commonPaneSettings", isCollectionItem: false },
+        commonSeriesSettings: { optionName: "commonSeriesSettings", isCollectionItem: false },
+        crosshair: { optionName: "crosshair", isCollectionItem: false },
+        dataPrepareSettings: { optionName: "dataPrepareSettings", isCollectionItem: false },
+        export: { optionName: "export", isCollectionItem: false },
+        legend: { optionName: "legend", isCollectionItem: false },
+        loadingIndicator: { optionName: "loadingIndicator", isCollectionItem: false },
+        margin: { optionName: "margin", isCollectionItem: false },
+        pane: { optionName: "panes", isCollectionItem: true },
+        scrollBar: { optionName: "scrollBar", isCollectionItem: false },
+        series: { optionName: "series", isCollectionItem: true },
+        seriesTemplate: { optionName: "seriesTemplate", isCollectionItem: false },
+        size: { optionName: "size", isCollectionItem: false },
+        title: { optionName: "title", isCollectionItem: false },
+        tooltip: { optionName: "tooltip", isCollectionItem: false },
+        valueAxis: { optionName: "valueAxis", isCollectionItem: true },
+        zoomAndPan: { optionName: "zoomAndPan", isCollectionItem: false }
+    }), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: chart_1.default,
+        ref: baseRef,
+        useRequestAnimationFrameFlag: true,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        ...props,
+    }));
+}));
+exports.Chart = Chart;
+const _componentAdaptiveLayout = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "adaptiveLayout",
+        },
+    });
+};
+const AdaptiveLayout = Object.assign(_componentAdaptiveLayout, {
+    componentType: "option",
+});
+exports.AdaptiveLayout = AdaptiveLayout;
+const _componentAggregation = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "aggregation",
+        },
+    });
+};
+const Aggregation = Object.assign(_componentAggregation, {
+    componentType: "option",
+});
+exports.Aggregation = Aggregation;
+const _componentAggregationInterval = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "aggregationInterval",
+        },
+    });
+};
+const AggregationInterval = Object.assign(_componentAggregationInterval, {
+    componentType: "option",
+});
+exports.AggregationInterval = AggregationInterval;
+const _componentAnimation = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "animation",
+        },
+    });
+};
+const Animation = Object.assign(_componentAnimation, {
+    componentType: "option",
+});
+exports.Animation = Animation;
+const _componentAnnotation = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "annotations",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                annotationBorder: { optionName: "border", isCollectionItem: false },
+                annotationImage: { optionName: "image", isCollectionItem: false },
+                border: { optionName: "border", isCollectionItem: false },
+                font: { optionName: "font", isCollectionItem: false },
+                image: { optionName: "image", isCollectionItem: false },
+                shadow: { optionName: "shadow", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }, {
+                    tmplOption: "tooltipTemplate",
+                    render: "tooltipRender",
+                    component: "tooltipComponent"
+                }],
+        },
+    });
+};
+const Annotation = Object.assign(_componentAnnotation, {
+    componentType: "option",
+});
+exports.Annotation = Annotation;
+const _componentAnnotationBorder = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "border",
+        },
+    });
+};
+const AnnotationBorder = Object.assign(_componentAnnotationBorder, {
+    componentType: "option",
+});
+exports.AnnotationBorder = AnnotationBorder;
+const _componentAnnotationImage = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "image",
+        },
+    });
+};
+const AnnotationImage = Object.assign(_componentAnnotationImage, {
+    componentType: "option",
+});
+exports.AnnotationImage = AnnotationImage;
+const _componentArgumentAxis = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "argumentAxis",
+            DefaultsProps: {
+                defaultCategories: "categories",
+                defaultVisualRange: "visualRange"
+            },
+            ExpectedChildren: {
+                aggregationInterval: { optionName: "aggregationInterval", isCollectionItem: false },
+                axisConstantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
+                axisLabel: { optionName: "label", isCollectionItem: false },
+                axisTitle: { optionName: "title", isCollectionItem: false },
+                break: { optionName: "breaks", isCollectionItem: true },
+                breakStyle: { optionName: "breakStyle", isCollectionItem: false },
+                constantLine: { optionName: "constantLines", isCollectionItem: true },
+                constantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
+                grid: { optionName: "grid", isCollectionItem: false },
+                label: { optionName: "label", isCollectionItem: false },
+                minorGrid: { optionName: "minorGrid", isCollectionItem: false },
+                minorTick: { optionName: "minorTick", isCollectionItem: false },
+                minorTickInterval: { optionName: "minorTickInterval", isCollectionItem: false },
+                minVisualRangeLength: { optionName: "minVisualRangeLength", isCollectionItem: false },
+                strip: { optionName: "strips", isCollectionItem: true },
+                stripStyle: { optionName: "stripStyle", isCollectionItem: false },
+                tick: { optionName: "tick", isCollectionItem: false },
+                tickInterval: { optionName: "tickInterval", isCollectionItem: false },
+                title: { optionName: "title", isCollectionItem: false },
+                visualRange: { optionName: "visualRange", isCollectionItem: false },
+                wholeRange: { optionName: "wholeRange", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ArgumentAxis = Object.assign(_componentArgumentAxis, {
+    componentType: "option",
+});
+exports.ArgumentAxis = ArgumentAxis;
+const _componentArgumentFormat = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "argumentFormat",
+        },
+    });
+};
+const ArgumentFormat = Object.assign(_componentArgumentFormat, {
+    componentType: "option",
+});
+exports.ArgumentFormat = ArgumentFormat;
+const _componentAxisConstantLineStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "constantLineStyle",
+            ExpectedChildren: {
+                label: { optionName: "label", isCollectionItem: false }
+            },
+        },
+    });
+};
+const AxisConstantLineStyle = Object.assign(_componentAxisConstantLineStyle, {
+    componentType: "option",
+});
+exports.AxisConstantLineStyle = AxisConstantLineStyle;
+const _componentAxisConstantLineStyleLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+        },
+    });
+};
+const AxisConstantLineStyleLabel = Object.assign(_componentAxisConstantLineStyleLabel, {
+    componentType: "option",
+});
+exports.AxisConstantLineStyleLabel = AxisConstantLineStyleLabel;
+const _componentAxisLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false },
+                format: { optionName: "format", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const AxisLabel = Object.assign(_componentAxisLabel, {
+    componentType: "option",
+});
+exports.AxisLabel = AxisLabel;
+const _componentAxisTitle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "title",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+        },
+    });
+};
+const AxisTitle = Object.assign(_componentAxisTitle, {
+    componentType: "option",
+});
+exports.AxisTitle = AxisTitle;
+const _componentBackgroundColor = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "backgroundColor",
+        },
+    });
+};
+const BackgroundColor = Object.assign(_componentBackgroundColor, {
+    componentType: "option",
+});
+exports.BackgroundColor = BackgroundColor;
+const _componentBorder = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "border",
+        },
+    });
+};
+const Border = Object.assign(_componentBorder, {
+    componentType: "option",
+});
+exports.Border = Border;
+const _componentBreak = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "breaks",
+            IsCollectionItem: true,
+        },
+    });
+};
+const Break = Object.assign(_componentBreak, {
+    componentType: "option",
+});
+exports.Break = Break;
+const _componentBreakStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "breakStyle",
+        },
+    });
+};
+const BreakStyle = Object.assign(_componentBreakStyle, {
+    componentType: "option",
+});
+exports.BreakStyle = BreakStyle;
+const _componentChartTitle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "title",
+            ExpectedChildren: {
+                chartTitleSubtitle: { optionName: "subtitle", isCollectionItem: false },
+                font: { optionName: "font", isCollectionItem: false },
+                margin: { optionName: "margin", isCollectionItem: false },
+                subtitle: { optionName: "subtitle", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ChartTitle = Object.assign(_componentChartTitle, {
+    componentType: "option",
+});
+exports.ChartTitle = ChartTitle;
+const _componentChartTitleSubtitle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "subtitle",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ChartTitleSubtitle = Object.assign(_componentChartTitleSubtitle, {
+    componentType: "option",
+});
+exports.ChartTitleSubtitle = ChartTitleSubtitle;
+const _componentColor = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "color",
+        },
+    });
+};
+const Color = Object.assign(_componentColor, {
+    componentType: "option",
+});
+exports.Color = Color;
+const _componentCommonAnnotationSettings = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "commonAnnotationSettings",
+            ExpectedChildren: {
+                annotationBorder: { optionName: "border", isCollectionItem: false },
+                annotationImage: { optionName: "image", isCollectionItem: false },
+                border: { optionName: "border", isCollectionItem: false },
+                font: { optionName: "font", isCollectionItem: false },
+                image: { optionName: "image", isCollectionItem: false },
+                shadow: { optionName: "shadow", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }, {
+                    tmplOption: "tooltipTemplate",
+                    render: "tooltipRender",
+                    component: "tooltipComponent"
+                }],
+        },
+    });
+};
+const CommonAnnotationSettings = Object.assign(_componentCommonAnnotationSettings, {
+    componentType: "option",
+});
+exports.CommonAnnotationSettings = CommonAnnotationSettings;
+const _componentCommonAxisSettings = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "commonAxisSettings",
+            ExpectedChildren: {
+                breakStyle: { optionName: "breakStyle", isCollectionItem: false },
+                commonAxisSettingsConstantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
+                commonAxisSettingsLabel: { optionName: "label", isCollectionItem: false },
+                commonAxisSettingsTitle: { optionName: "title", isCollectionItem: false },
+                constantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
+                grid: { optionName: "grid", isCollectionItem: false },
+                label: { optionName: "label", isCollectionItem: false },
+                minorGrid: { optionName: "minorGrid", isCollectionItem: false },
+                minorTick: { optionName: "minorTick", isCollectionItem: false },
+                stripStyle: { optionName: "stripStyle", isCollectionItem: false },
+                tick: { optionName: "tick", isCollectionItem: false },
+                title: { optionName: "title", isCollectionItem: false }
+            },
+        },
+    });
+};
+const CommonAxisSettings = Object.assign(_componentCommonAxisSettings, {
+    componentType: "option",
+});
+exports.CommonAxisSettings = CommonAxisSettings;
+const _componentCommonAxisSettingsConstantLineStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "constantLineStyle",
+            ExpectedChildren: {
+                commonAxisSettingsConstantLineStyleLabel: { optionName: "label", isCollectionItem: false },
+                label: { optionName: "label", isCollectionItem: false }
+            },
+        },
+    });
+};
+const CommonAxisSettingsConstantLineStyle = Object.assign(_componentCommonAxisSettingsConstantLineStyle, {
+    componentType: "option",
+});
+exports.CommonAxisSettingsConstantLineStyle = CommonAxisSettingsConstantLineStyle;
+const _componentCommonAxisSettingsConstantLineStyleLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+        },
+    });
+};
+const CommonAxisSettingsConstantLineStyleLabel = Object.assign(_componentCommonAxisSettingsConstantLineStyleLabel, {
+    componentType: "option",
+});
+exports.CommonAxisSettingsConstantLineStyleLabel = CommonAxisSettingsConstantLineStyleLabel;
+const _componentCommonAxisSettingsLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const CommonAxisSettingsLabel = Object.assign(_componentCommonAxisSettingsLabel, {
+    componentType: "option",
+});
+exports.CommonAxisSettingsLabel = CommonAxisSettingsLabel;
+const _componentCommonAxisSettingsTitle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "title",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+        },
+    });
+};
+const CommonAxisSettingsTitle = Object.assign(_componentCommonAxisSettingsTitle, {
+    componentType: "option",
+});
+exports.CommonAxisSettingsTitle = CommonAxisSettingsTitle;
+const _componentCommonPaneSettings = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "commonPaneSettings",
+            ExpectedChildren: {
+                backgroundColor: { optionName: "backgroundColor", isCollectionItem: false },
+                border: { optionName: "border", isCollectionItem: false },
+                paneBorder: { optionName: "border", isCollectionItem: false }
+            },
+        },
+    });
+};
+const CommonPaneSettings = Object.assign(_componentCommonPaneSettings, {
+    componentType: "option",
+});
+exports.CommonPaneSettings = CommonPaneSettings;
+const _componentCommonSeriesSettings = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "commonSeriesSettings",
+            ExpectedChildren: {
+                aggregation: { optionName: "aggregation", isCollectionItem: false },
+                border: { optionName: "border", isCollectionItem: false },
+                color: { optionName: "color", isCollectionItem: false },
+                commonSeriesSettingsHoverStyle: { optionName: "hoverStyle", isCollectionItem: false },
+                commonSeriesSettingsLabel: { optionName: "label", isCollectionItem: false },
+                commonSeriesSettingsSelectionStyle: { optionName: "selectionStyle", isCollectionItem: false },
+                hoverStyle: { optionName: "hoverStyle", isCollectionItem: false },
+                label: { optionName: "label", isCollectionItem: false },
+                point: { optionName: "point", isCollectionItem: false },
+                reduction: { optionName: "reduction", isCollectionItem: false },
+                selectionStyle: { optionName: "selectionStyle", isCollectionItem: false },
+                seriesBorder: { optionName: "border", isCollectionItem: false },
+                valueErrorBar: { optionName: "valueErrorBar", isCollectionItem: false }
+            },
+        },
+    });
+};
+const CommonSeriesSettings = Object.assign(_componentCommonSeriesSettings, {
+    componentType: "option",
+});
+exports.CommonSeriesSettings = CommonSeriesSettings;
+const _componentCommonSeriesSettingsHoverStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "hoverStyle",
+            ExpectedChildren: {
+                border: { optionName: "border", isCollectionItem: false },
+                color: { optionName: "color", isCollectionItem: false },
+                hatching: { optionName: "hatching", isCollectionItem: false },
+                seriesBorder: { optionName: "border", isCollectionItem: false }
+            },
+        },
+    });
+};
+const CommonSeriesSettingsHoverStyle = Object.assign(_componentCommonSeriesSettingsHoverStyle, {
+    componentType: "option",
+});
+exports.CommonSeriesSettingsHoverStyle = CommonSeriesSettingsHoverStyle;
+const _componentCommonSeriesSettingsLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                argumentFormat: { optionName: "argumentFormat", isCollectionItem: false },
+                border: { optionName: "border", isCollectionItem: false },
+                connector: { optionName: "connector", isCollectionItem: false },
+                font: { optionName: "font", isCollectionItem: false },
+                format: { optionName: "format", isCollectionItem: false },
+                seriesBorder: { optionName: "border", isCollectionItem: false }
+            },
+        },
+    });
+};
+const CommonSeriesSettingsLabel = Object.assign(_componentCommonSeriesSettingsLabel, {
+    componentType: "option",
+});
+exports.CommonSeriesSettingsLabel = CommonSeriesSettingsLabel;
+const _componentCommonSeriesSettingsSelectionStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "selectionStyle",
+            ExpectedChildren: {
+                border: { optionName: "border", isCollectionItem: false },
+                color: { optionName: "color", isCollectionItem: false },
+                hatching: { optionName: "hatching", isCollectionItem: false },
+                seriesBorder: { optionName: "border", isCollectionItem: false }
+            },
+        },
+    });
+};
+const CommonSeriesSettingsSelectionStyle = Object.assign(_componentCommonSeriesSettingsSelectionStyle, {
+    componentType: "option",
+});
+exports.CommonSeriesSettingsSelectionStyle = CommonSeriesSettingsSelectionStyle;
+const _componentConnector = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "connector",
+        },
+    });
+};
+const Connector = Object.assign(_componentConnector, {
+    componentType: "option",
+});
+exports.Connector = Connector;
+const _componentConstantLine = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "constantLines",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                label: { optionName: "label", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ConstantLine = Object.assign(_componentConstantLine, {
+    componentType: "option",
+});
+exports.ConstantLine = ConstantLine;
+const _componentConstantLineLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ConstantLineLabel = Object.assign(_componentConstantLineLabel, {
+    componentType: "option",
+});
+exports.ConstantLineLabel = ConstantLineLabel;
+const _componentConstantLineStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "constantLineStyle",
+            ExpectedChildren: {
+                commonAxisSettingsConstantLineStyleLabel: { optionName: "label", isCollectionItem: false },
+                label: { optionName: "label", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ConstantLineStyle = Object.assign(_componentConstantLineStyle, {
+    componentType: "option",
+});
+exports.ConstantLineStyle = ConstantLineStyle;
+const _componentCrosshair = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "crosshair",
+            ExpectedChildren: {
+                horizontalLine: { optionName: "horizontalLine", isCollectionItem: false },
+                horizontalLineLabel: { optionName: "label", isCollectionItem: false },
+                label: { optionName: "label", isCollectionItem: false },
+                verticalLine: { optionName: "verticalLine", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Crosshair = Object.assign(_componentCrosshair, {
+    componentType: "option",
+});
+exports.Crosshair = Crosshair;
+const _componentDataPrepareSettings = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "dataPrepareSettings",
+        },
+    });
+};
+const DataPrepareSettings = Object.assign(_componentDataPrepareSettings, {
+    componentType: "option",
+});
+exports.DataPrepareSettings = DataPrepareSettings;
+const _componentDragBoxStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "dragBoxStyle",
+        },
+    });
+};
+const DragBoxStyle = Object.assign(_componentDragBoxStyle, {
+    componentType: "option",
+});
+exports.DragBoxStyle = DragBoxStyle;
+const _componentExport = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "export",
+        },
+    });
+};
+const Export = Object.assign(_componentExport, {
+    componentType: "option",
+});
+exports.Export = Export;
+const _componentFont = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "font",
+        },
+    });
+};
+const Font = Object.assign(_componentFont, {
+    componentType: "option",
+});
+exports.Font = Font;
+const _componentFormat = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "format",
+        },
+    });
+};
+const Format = Object.assign(_componentFormat, {
+    componentType: "option",
+});
+exports.Format = Format;
+const _componentGrid = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "grid",
+        },
+    });
+};
+const Grid = Object.assign(_componentGrid, {
+    componentType: "option",
+});
+exports.Grid = Grid;
+const _componentHatching = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "hatching",
+        },
+    });
+};
+const Hatching = Object.assign(_componentHatching, {
+    componentType: "option",
+});
+exports.Hatching = Hatching;
+const _componentHeight = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "height",
+        },
+    });
+};
+const Height = Object.assign(_componentHeight, {
+    componentType: "option",
+});
+exports.Height = Height;
+const _componentHorizontalLine = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "horizontalLine",
+            ExpectedChildren: {
+                horizontalLineLabel: { optionName: "label", isCollectionItem: false },
+                label: { optionName: "label", isCollectionItem: false }
+            },
+        },
+    });
+};
+const HorizontalLine = Object.assign(_componentHorizontalLine, {
+    componentType: "option",
+});
+exports.HorizontalLine = HorizontalLine;
+const _componentHorizontalLineLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false },
+                format: { optionName: "format", isCollectionItem: false }
+            },
+        },
+    });
+};
+const HorizontalLineLabel = Object.assign(_componentHorizontalLineLabel, {
+    componentType: "option",
+});
+exports.HorizontalLineLabel = HorizontalLineLabel;
+const _componentHoverStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "hoverStyle",
+            ExpectedChildren: {
+                border: { optionName: "border", isCollectionItem: false },
+                color: { optionName: "color", isCollectionItem: false },
+                hatching: { optionName: "hatching", isCollectionItem: false },
+                pointBorder: { optionName: "border", isCollectionItem: false },
+                seriesBorder: { optionName: "border", isCollectionItem: false }
+            },
+        },
+    });
+};
+const HoverStyle = Object.assign(_componentHoverStyle, {
+    componentType: "option",
+});
+exports.HoverStyle = HoverStyle;
+const _componentImage = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "image",
+            ExpectedChildren: {
+                height: { optionName: "height", isCollectionItem: false },
+                url: { optionName: "url", isCollectionItem: false },
+                width: { optionName: "width", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Image = Object.assign(_componentImage, {
+    componentType: "option",
+});
+exports.Image = Image;
+const _componentLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                argumentFormat: { optionName: "argumentFormat", isCollectionItem: false },
+                border: { optionName: "border", isCollectionItem: false },
+                connector: { optionName: "connector", isCollectionItem: false },
+                font: { optionName: "font", isCollectionItem: false },
+                format: { optionName: "format", isCollectionItem: false },
+                seriesBorder: { optionName: "border", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const Label = Object.assign(_componentLabel, {
+    componentType: "option",
+});
+exports.Label = Label;
+const _componentLegend = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "legend",
+            ExpectedChildren: {
+                annotationBorder: { optionName: "border", isCollectionItem: false },
+                border: { optionName: "border", isCollectionItem: false },
+                font: { optionName: "font", isCollectionItem: false },
+                legendTitle: { optionName: "title", isCollectionItem: false },
+                margin: { optionName: "margin", isCollectionItem: false },
+                title: { optionName: "title", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "markerTemplate",
+                    render: "markerRender",
+                    component: "markerComponent"
+                }],
+        },
+    });
+};
+const Legend = Object.assign(_componentLegend, {
+    componentType: "option",
+});
+exports.Legend = Legend;
+const _componentLegendTitle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "title",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false },
+                legendTitleSubtitle: { optionName: "subtitle", isCollectionItem: false },
+                margin: { optionName: "margin", isCollectionItem: false },
+                subtitle: { optionName: "subtitle", isCollectionItem: false }
+            },
+        },
+    });
+};
+const LegendTitle = Object.assign(_componentLegendTitle, {
+    componentType: "option",
+});
+exports.LegendTitle = LegendTitle;
+const _componentLegendTitleSubtitle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "subtitle",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+        },
+    });
+};
+const LegendTitleSubtitle = Object.assign(_componentLegendTitleSubtitle, {
+    componentType: "option",
+});
+exports.LegendTitleSubtitle = LegendTitleSubtitle;
+const _componentLength = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "length",
+        },
+    });
+};
+const Length = Object.assign(_componentLength, {
+    componentType: "option",
+});
+exports.Length = Length;
+const _componentLoadingIndicator = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "loadingIndicator",
+            DefaultsProps: {
+                defaultShow: "show"
+            },
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+        },
+    });
+};
+const LoadingIndicator = Object.assign(_componentLoadingIndicator, {
+    componentType: "option",
+});
+exports.LoadingIndicator = LoadingIndicator;
+const _componentMargin = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "margin",
+        },
+    });
+};
+const Margin = Object.assign(_componentMargin, {
+    componentType: "option",
+});
+exports.Margin = Margin;
+const _componentMinorGrid = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "minorGrid",
+        },
+    });
+};
+const MinorGrid = Object.assign(_componentMinorGrid, {
+    componentType: "option",
+});
+exports.MinorGrid = MinorGrid;
+const _componentMinorTick = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "minorTick",
+        },
+    });
+};
+const MinorTick = Object.assign(_componentMinorTick, {
+    componentType: "option",
+});
+exports.MinorTick = MinorTick;
+const _componentMinorTickInterval = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "minorTickInterval",
+        },
+    });
+};
+const MinorTickInterval = Object.assign(_componentMinorTickInterval, {
+    componentType: "option",
+});
+exports.MinorTickInterval = MinorTickInterval;
+const _componentMinVisualRangeLength = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "minVisualRangeLength",
+        },
+    });
+};
+const MinVisualRangeLength = Object.assign(_componentMinVisualRangeLength, {
+    componentType: "option",
+});
+exports.MinVisualRangeLength = MinVisualRangeLength;
+const _componentPane = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "panes",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                backgroundColor: { optionName: "backgroundColor", isCollectionItem: false },
+                border: { optionName: "border", isCollectionItem: false },
+                paneBorder: { optionName: "border", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Pane = Object.assign(_componentPane, {
+    componentType: "option",
+});
+exports.Pane = Pane;
+const _componentPaneBorder = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "border",
+        },
+    });
+};
+const PaneBorder = Object.assign(_componentPaneBorder, {
+    componentType: "option",
+});
+exports.PaneBorder = PaneBorder;
+const _componentPoint = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "point",
+            ExpectedChildren: {
+                color: { optionName: "color", isCollectionItem: false },
+                hoverStyle: { optionName: "hoverStyle", isCollectionItem: false },
+                image: { optionName: "image", isCollectionItem: false },
+                pointBorder: { optionName: "border", isCollectionItem: false },
+                selectionStyle: { optionName: "selectionStyle", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Point = Object.assign(_componentPoint, {
+    componentType: "option",
+});
+exports.Point = Point;
+const _componentPointBorder = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "border",
+        },
+    });
+};
+const PointBorder = Object.assign(_componentPointBorder, {
+    componentType: "option",
+});
+exports.PointBorder = PointBorder;
+const _componentPointHoverStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "hoverStyle",
+            ExpectedChildren: {
+                border: { optionName: "border", isCollectionItem: false },
+                color: { optionName: "color", isCollectionItem: false },
+                pointBorder: { optionName: "border", isCollectionItem: false }
+            },
+        },
+    });
+};
+const PointHoverStyle = Object.assign(_componentPointHoverStyle, {
+    componentType: "option",
+});
+exports.PointHoverStyle = PointHoverStyle;
+const _componentPointImage = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "image",
+            ExpectedChildren: {
+                height: { optionName: "height", isCollectionItem: false },
+                url: { optionName: "url", isCollectionItem: false },
+                width: { optionName: "width", isCollectionItem: false }
+            },
+        },
+    });
+};
+const PointImage = Object.assign(_componentPointImage, {
+    componentType: "option",
+});
+exports.PointImage = PointImage;
+const _componentPointSelectionStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "selectionStyle",
+            ExpectedChildren: {
+                border: { optionName: "border", isCollectionItem: false },
+                color: { optionName: "color", isCollectionItem: false },
+                pointBorder: { optionName: "border", isCollectionItem: false }
+            },
+        },
+    });
+};
+const PointSelectionStyle = Object.assign(_componentPointSelectionStyle, {
+    componentType: "option",
+});
+exports.PointSelectionStyle = PointSelectionStyle;
+const _componentReduction = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "reduction",
+        },
+    });
+};
+const Reduction = Object.assign(_componentReduction, {
+    componentType: "option",
+});
+exports.Reduction = Reduction;
+const _componentScrollBar = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "scrollBar",
+        },
+    });
+};
+const ScrollBar = Object.assign(_componentScrollBar, {
+    componentType: "option",
+});
+exports.ScrollBar = ScrollBar;
+const _componentSelectionStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "selectionStyle",
+            ExpectedChildren: {
+                border: { optionName: "border", isCollectionItem: false },
+                color: { optionName: "color", isCollectionItem: false },
+                hatching: { optionName: "hatching", isCollectionItem: false },
+                pointBorder: { optionName: "border", isCollectionItem: false },
+                seriesBorder: { optionName: "border", isCollectionItem: false }
+            },
+        },
+    });
+};
+const SelectionStyle = Object.assign(_componentSelectionStyle, {
+    componentType: "option",
+});
+exports.SelectionStyle = SelectionStyle;
+const _componentSeries = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "series",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                aggregation: { optionName: "aggregation", isCollectionItem: false },
+                border: { optionName: "border", isCollectionItem: false },
+                color: { optionName: "color", isCollectionItem: false },
+                commonSeriesSettingsHoverStyle: { optionName: "hoverStyle", isCollectionItem: false },
+                commonSeriesSettingsLabel: { optionName: "label", isCollectionItem: false },
+                commonSeriesSettingsSelectionStyle: { optionName: "selectionStyle", isCollectionItem: false },
+                hoverStyle: { optionName: "hoverStyle", isCollectionItem: false },
+                label: { optionName: "label", isCollectionItem: false },
+                point: { optionName: "point", isCollectionItem: false },
+                reduction: { optionName: "reduction", isCollectionItem: false },
+                selectionStyle: { optionName: "selectionStyle", isCollectionItem: false },
+                seriesBorder: { optionName: "border", isCollectionItem: false },
+                valueErrorBar: { optionName: "valueErrorBar", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Series = Object.assign(_componentSeries, {
+    componentType: "option",
+});
+exports.Series = Series;
+const _componentSeriesBorder = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "border",
+        },
+    });
+};
+const SeriesBorder = Object.assign(_componentSeriesBorder, {
+    componentType: "option",
+});
+exports.SeriesBorder = SeriesBorder;
+const _componentSeriesTemplate = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "seriesTemplate",
+        },
+    });
+};
+const SeriesTemplate = Object.assign(_componentSeriesTemplate, {
+    componentType: "option",
+});
+exports.SeriesTemplate = SeriesTemplate;
+const _componentShadow = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "shadow",
+        },
+    });
+};
+const Shadow = Object.assign(_componentShadow, {
+    componentType: "option",
+});
+exports.Shadow = Shadow;
+const _componentSize = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "size",
+        },
+    });
+};
+const Size = Object.assign(_componentSize, {
+    componentType: "option",
+});
+exports.Size = Size;
+const _componentStrip = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "strips",
+            IsCollectionItem: true,
+            ExpectedChildren: {
+                label: { optionName: "label", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Strip = Object.assign(_componentStrip, {
+    componentType: "option",
+});
+exports.Strip = Strip;
+const _componentStripLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+        },
+    });
+};
+const StripLabel = Object.assign(_componentStripLabel, {
+    componentType: "option",
+});
+exports.StripLabel = StripLabel;
+const _componentStripStyle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "stripStyle",
+            ExpectedChildren: {
+                label: { optionName: "label", isCollectionItem: false }
+            },
+        },
+    });
+};
+const StripStyle = Object.assign(_componentStripStyle, {
+    componentType: "option",
+});
+exports.StripStyle = StripStyle;
+const _componentStripStyleLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+        },
+    });
+};
+const StripStyleLabel = Object.assign(_componentStripStyleLabel, {
+    componentType: "option",
+});
+exports.StripStyleLabel = StripStyleLabel;
+const _componentSubtitle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "subtitle",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Subtitle = Object.assign(_componentSubtitle, {
+    componentType: "option",
+});
+exports.Subtitle = Subtitle;
+const _componentTick = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "tick",
+        },
+    });
+};
+const Tick = Object.assign(_componentTick, {
+    componentType: "option",
+});
+exports.Tick = Tick;
+const _componentTickInterval = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "tickInterval",
+        },
+    });
+};
+const TickInterval = Object.assign(_componentTickInterval, {
+    componentType: "option",
+});
+exports.TickInterval = TickInterval;
+const _componentTitle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "title",
+            ExpectedChildren: {
+                chartTitleSubtitle: { optionName: "subtitle", isCollectionItem: false },
+                font: { optionName: "font", isCollectionItem: false },
+                legendTitleSubtitle: { optionName: "subtitle", isCollectionItem: false },
+                margin: { optionName: "margin", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Title = Object.assign(_componentTitle, {
+    componentType: "option",
+});
+exports.Title = Title;
+const _componentTooltip = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "tooltip",
+            ExpectedChildren: {
+                argumentFormat: { optionName: "argumentFormat", isCollectionItem: false },
+                border: { optionName: "border", isCollectionItem: false },
+                font: { optionName: "font", isCollectionItem: false },
+                format: { optionName: "format", isCollectionItem: false },
+                shadow: { optionName: "shadow", isCollectionItem: false },
+                tooltipBorder: { optionName: "border", isCollectionItem: false }
+            },
+            TemplateProps: [{
+                    tmplOption: "contentTemplate",
+                    render: "contentRender",
+                    component: "contentComponent"
+                }],
+        },
+    });
+};
+const Tooltip = Object.assign(_componentTooltip, {
+    componentType: "option",
+});
+exports.Tooltip = Tooltip;
+const _componentTooltipBorder = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "border",
+        },
+    });
+};
+const TooltipBorder = Object.assign(_componentTooltipBorder, {
+    componentType: "option",
+});
+exports.TooltipBorder = TooltipBorder;
+const _componentUrl = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "url",
+        },
+    });
+};
+const Url = Object.assign(_componentUrl, {
+    componentType: "option",
+});
+exports.Url = Url;
+const _componentValueAxis = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "valueAxis",
+            IsCollectionItem: true,
+            DefaultsProps: {
+                defaultCategories: "categories",
+                defaultVisualRange: "visualRange"
+            },
+            ExpectedChildren: {
+                axisConstantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
+                axisLabel: { optionName: "label", isCollectionItem: false },
+                axisTitle: { optionName: "title", isCollectionItem: false },
+                break: { optionName: "breaks", isCollectionItem: true },
+                breakStyle: { optionName: "breakStyle", isCollectionItem: false },
+                constantLine: { optionName: "constantLines", isCollectionItem: true },
+                constantLineStyle: { optionName: "constantLineStyle", isCollectionItem: false },
+                grid: { optionName: "grid", isCollectionItem: false },
+                label: { optionName: "label", isCollectionItem: false },
+                minorGrid: { optionName: "minorGrid", isCollectionItem: false },
+                minorTick: { optionName: "minorTick", isCollectionItem: false },
+                minorTickInterval: { optionName: "minorTickInterval", isCollectionItem: false },
+                minVisualRangeLength: { optionName: "minVisualRangeLength", isCollectionItem: false },
+                strip: { optionName: "strips", isCollectionItem: true },
+                stripStyle: { optionName: "stripStyle", isCollectionItem: false },
+                tick: { optionName: "tick", isCollectionItem: false },
+                tickInterval: { optionName: "tickInterval", isCollectionItem: false },
+                title: { optionName: "title", isCollectionItem: false },
+                visualRange: { optionName: "visualRange", isCollectionItem: false },
+                wholeRange: { optionName: "wholeRange", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ValueAxis = Object.assign(_componentValueAxis, {
+    componentType: "option",
+});
+exports.ValueAxis = ValueAxis;
+const _componentValueErrorBar = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "valueErrorBar",
+        },
+    });
+};
+const ValueErrorBar = Object.assign(_componentValueErrorBar, {
+    componentType: "option",
+});
+exports.ValueErrorBar = ValueErrorBar;
+const _componentVerticalLine = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "verticalLine",
+            ExpectedChildren: {
+                horizontalLineLabel: { optionName: "label", isCollectionItem: false },
+                label: { optionName: "label", isCollectionItem: false }
+            },
+        },
+    });
+};
+const VerticalLine = Object.assign(_componentVerticalLine, {
+    componentType: "option",
+});
+exports.VerticalLine = VerticalLine;
+const _componentVisualRange = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "visualRange",
+            DefaultsProps: {
+                defaultEndValue: "endValue",
+                defaultStartValue: "startValue"
+            },
+            ExpectedChildren: {
+                length: { optionName: "length", isCollectionItem: false }
+            },
+        },
+    });
+};
+const VisualRange = Object.assign(_componentVisualRange, {
+    componentType: "option",
+});
+exports.VisualRange = VisualRange;
+const _componentWholeRange = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "wholeRange",
+            DefaultsProps: {
+                defaultEndValue: "endValue",
+                defaultStartValue: "startValue"
+            },
+            ExpectedChildren: {
+                length: { optionName: "length", isCollectionItem: false }
+            },
+        },
+    });
+};
+const WholeRange = Object.assign(_componentWholeRange, {
+    componentType: "option",
+});
+exports.WholeRange = WholeRange;
+const _componentWidth = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "width",
+        },
+    });
+};
+const Width = Object.assign(_componentWidth, {
+    componentType: "option",
+});
+exports.Width = Width;
+const _componentZoomAndPan = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "zoomAndPan",
+            ExpectedChildren: {
+                dragBoxStyle: { optionName: "dragBoxStyle", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ZoomAndPan = Object.assign(_componentZoomAndPan, {
+    componentType: "option",
+});
+exports.ZoomAndPan = ZoomAndPan;
+exports.default = Chart;