devextreme-react 26.1.2-beta → 26.1.3

package/cjs/range-selector.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,962 +11,962 @@
  * 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.Size = exports.Shutter = exports.SeriesTemplate = exports.SeriesBorder = exports.Series = exports.SelectionStyle = exports.ScaleLabel = exports.Scale = exports.Reduction = exports.PointSelectionStyle = exports.PointImage = exports.PointHoverStyle = exports.PointBorder = exports.Point = exports.MinRange = exports.MinorTickInterval = exports.MinorTick = exports.MaxRange = exports.MarkerLabel = exports.Marker = exports.Margin = exports.LoadingIndicator = exports.Length = exports.Label = exports.Indent = exports.Image = exports.HoverStyle = exports.Height = exports.Hatching = exports.Format = exports.Font = exports.Export = exports.DataPrepareSettings = exports.Connector = exports.CommonSeriesSettingsSelectionStyle = exports.CommonSeriesSettingsLabel = exports.CommonSeriesSettingsHoverStyle = exports.CommonSeriesSettings = exports.Color = exports.Chart = exports.BreakStyle = exports.Break = exports.Border = exports.Behavior = exports.BackgroundImage = exports.Background = exports.ArgumentFormat = exports.AggregationInterval = exports.Aggregation = exports.RangeSelector = void 0;
-exports.Width = exports.ValueErrorBar = exports.ValueAxis = exports.Value = exports.Url = exports.Title = exports.TickInterval = exports.Tick = exports.Subtitle = exports.SliderMarker = exports.SliderHandle = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const range_selector_1 = __importDefault(require("devextreme/viz/range_selector"));
-const component_1 = require("./core/component");
-const nested_option_1 = __importDefault(require("./core/nested-option"));
-const RangeSelector = (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)(() => (["loadingIndicator", "loadingIndicator.show", "value", "value.endValue", "value.startValue"]), []);
-    const independentEvents = (0, react_1.useMemo)(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onValueChanged"]), []);
-    const defaults = (0, react_1.useMemo)(() => ({
-        defaultLoadingIndicator: "loadingIndicator",
-        defaultValue: "value",
-    }), []);
-    const expectedChildren = (0, react_1.useMemo)(() => ({
-        background: { optionName: "background", isCollectionItem: false },
-        behavior: { optionName: "behavior", isCollectionItem: false },
-        chart: { optionName: "chart", isCollectionItem: false },
-        export: { optionName: "export", isCollectionItem: false },
-        indent: { optionName: "indent", isCollectionItem: false },
-        loadingIndicator: { optionName: "loadingIndicator", isCollectionItem: false },
-        margin: { optionName: "margin", isCollectionItem: false },
-        scale: { optionName: "scale", isCollectionItem: false },
-        shutter: { optionName: "shutter", isCollectionItem: false },
-        size: { optionName: "size", isCollectionItem: false },
-        sliderHandle: { optionName: "sliderHandle", isCollectionItem: false },
-        sliderMarker: { optionName: "sliderMarker", isCollectionItem: false },
-        title: { optionName: "title", isCollectionItem: false },
-        value: { optionName: "value", isCollectionItem: false }
-    }), []);
-    return (React.createElement((component_1.Component), {
-        WidgetClass: range_selector_1.default,
-        ref: baseRef,
-        subscribableOptions,
-        independentEvents,
-        defaults,
-        expectedChildren,
-        ...props,
-    }));
-}));
-exports.RangeSelector = RangeSelector;
-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 _componentArgumentFormat = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "argumentFormat",
-        },
-    });
-};
-const ArgumentFormat = Object.assign(_componentArgumentFormat, {
-    componentType: "option",
-});
-exports.ArgumentFormat = ArgumentFormat;
-const _componentBackground = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "background",
-            ExpectedChildren: {
-                backgroundImage: { optionName: "image", isCollectionItem: false },
-                image: { optionName: "image", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Background = Object.assign(_componentBackground, {
-    componentType: "option",
-});
-exports.Background = Background;
-const _componentBackgroundImage = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "image",
-        },
-    });
-};
-const BackgroundImage = Object.assign(_componentBackgroundImage, {
-    componentType: "option",
-});
-exports.BackgroundImage = BackgroundImage;
-const _componentBehavior = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "behavior",
-        },
-    });
-};
-const Behavior = Object.assign(_componentBehavior, {
-    componentType: "option",
-});
-exports.Behavior = Behavior;
-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 _componentChart = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "chart",
-            ExpectedChildren: {
-                commonSeriesSettings: { optionName: "commonSeriesSettings", isCollectionItem: false },
-                dataPrepareSettings: { optionName: "dataPrepareSettings", isCollectionItem: false },
-                series: { optionName: "series", isCollectionItem: true },
-                seriesTemplate: { optionName: "seriesTemplate", isCollectionItem: false },
-                valueAxis: { optionName: "valueAxis", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Chart = Object.assign(_componentChart, {
-    componentType: "option",
-});
-exports.Chart = Chart;
-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 _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 _componentDataPrepareSettings = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "dataPrepareSettings",
-        },
-    });
-};
-const DataPrepareSettings = Object.assign(_componentDataPrepareSettings, {
-    componentType: "option",
-});
-exports.DataPrepareSettings = DataPrepareSettings;
-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 _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 _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 _componentIndent = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "indent",
-        },
-    });
-};
-const Indent = Object.assign(_componentIndent, {
-    componentType: "option",
-});
-exports.Indent = Indent;
-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 }
-            },
-        },
-    });
-};
-const Label = Object.assign(_componentLabel, {
-    componentType: "option",
-});
-exports.Label = Label;
-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 _componentMarker = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "marker",
-            ExpectedChildren: {
-                label: { optionName: "label", isCollectionItem: false },
-                markerLabel: { optionName: "label", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Marker = Object.assign(_componentMarker, {
-    componentType: "option",
-});
-exports.Marker = Marker;
-const _componentMarkerLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                format: { optionName: "format", isCollectionItem: false }
-            },
-        },
-    });
-};
-const MarkerLabel = Object.assign(_componentMarkerLabel, {
-    componentType: "option",
-});
-exports.MarkerLabel = MarkerLabel;
-const _componentMaxRange = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "maxRange",
-        },
-    });
-};
-const MaxRange = Object.assign(_componentMaxRange, {
-    componentType: "option",
-});
-exports.MaxRange = MaxRange;
-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 _componentMinRange = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "minRange",
-        },
-    });
-};
-const MinRange = Object.assign(_componentMinRange, {
-    componentType: "option",
-});
-exports.MinRange = MinRange;
-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 _componentScale = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "scale",
-            ExpectedChildren: {
-                aggregationInterval: { optionName: "aggregationInterval", isCollectionItem: false },
-                break: { optionName: "breaks", isCollectionItem: true },
-                breakStyle: { optionName: "breakStyle", isCollectionItem: false },
-                label: { optionName: "label", isCollectionItem: false },
-                marker: { optionName: "marker", isCollectionItem: false },
-                maxRange: { optionName: "maxRange", isCollectionItem: false },
-                minorTick: { optionName: "minorTick", isCollectionItem: false },
-                minorTickInterval: { optionName: "minorTickInterval", isCollectionItem: false },
-                minRange: { optionName: "minRange", isCollectionItem: false },
-                scaleLabel: { optionName: "label", isCollectionItem: false },
-                tick: { optionName: "tick", isCollectionItem: false },
-                tickInterval: { optionName: "tickInterval", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Scale = Object.assign(_componentScale, {
-    componentType: "option",
-});
-exports.Scale = Scale;
-const _componentScaleLabel = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "label",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false },
-                format: { optionName: "format", isCollectionItem: false }
-            },
-        },
-    });
-};
-const ScaleLabel = Object.assign(_componentScaleLabel, {
-    componentType: "option",
-});
-exports.ScaleLabel = ScaleLabel;
-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 _componentShutter = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "shutter",
-        },
-    });
-};
-const Shutter = Object.assign(_componentShutter, {
-    componentType: "option",
-});
-exports.Shutter = Shutter;
-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 _componentSliderHandle = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "sliderHandle",
-        },
-    });
-};
-const SliderHandle = Object.assign(_componentSliderHandle, {
-    componentType: "option",
-});
-exports.SliderHandle = SliderHandle;
-const _componentSliderMarker = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "sliderMarker",
-            ExpectedChildren: {
-                font: { optionName: "font", isCollectionItem: false },
-                format: { optionName: "format", isCollectionItem: false }
-            },
-        },
-    });
-};
-const SliderMarker = Object.assign(_componentSliderMarker, {
-    componentType: "option",
-});
-exports.SliderMarker = SliderMarker;
-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: {
-                font: { optionName: "font", isCollectionItem: false },
-                margin: { optionName: "margin", isCollectionItem: false },
-                subtitle: { optionName: "subtitle", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Title = Object.assign(_componentTitle, {
-    componentType: "option",
-});
-exports.Title = Title;
-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 _componentValue = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "value",
-            DefaultsProps: {
-                defaultEndValue: "endValue",
-                defaultStartValue: "startValue"
-            },
-            ExpectedChildren: {
-                length: { optionName: "length", isCollectionItem: false }
-            },
-        },
-    });
-};
-const Value = Object.assign(_componentValue, {
-    componentType: "option",
-});
-exports.Value = Value;
-const _componentValueAxis = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "valueAxis",
-        },
-    });
-};
-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 _componentWidth = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "width",
-        },
-    });
-};
-const Width = Object.assign(_componentWidth, {
-    componentType: "option",
-});
-exports.Width = Width;
-exports.default = RangeSelector;
+"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.Size = exports.Shutter = exports.SeriesTemplate = exports.SeriesBorder = exports.Series = exports.SelectionStyle = exports.ScaleLabel = exports.Scale = exports.Reduction = exports.PointSelectionStyle = exports.PointImage = exports.PointHoverStyle = exports.PointBorder = exports.Point = exports.MinRange = exports.MinorTickInterval = exports.MinorTick = exports.MaxRange = exports.MarkerLabel = exports.Marker = exports.Margin = exports.LoadingIndicator = exports.Length = exports.Label = exports.Indent = exports.Image = exports.HoverStyle = exports.Height = exports.Hatching = exports.Format = exports.Font = exports.Export = exports.DataPrepareSettings = exports.Connector = exports.CommonSeriesSettingsSelectionStyle = exports.CommonSeriesSettingsLabel = exports.CommonSeriesSettingsHoverStyle = exports.CommonSeriesSettings = exports.Color = exports.Chart = exports.BreakStyle = exports.Break = exports.Border = exports.Behavior = exports.BackgroundImage = exports.Background = exports.ArgumentFormat = exports.AggregationInterval = exports.Aggregation = exports.RangeSelector = void 0;
+exports.Width = exports.ValueErrorBar = exports.ValueAxis = exports.Value = exports.Url = exports.Title = exports.TickInterval = exports.Tick = exports.Subtitle = exports.SliderMarker = exports.SliderHandle = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const range_selector_1 = __importDefault(require("devextreme/viz/range_selector"));
+const component_1 = require("./core/component");
+const nested_option_1 = __importDefault(require("./core/nested-option"));
+const RangeSelector = (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)(() => (["loadingIndicator", "loadingIndicator.show", "value", "value.endValue", "value.startValue"]), []);
+    const independentEvents = (0, react_1.useMemo)(() => (["onDisposing", "onDrawn", "onExported", "onExporting", "onFileSaving", "onIncidentOccurred", "onInitialized", "onValueChanged"]), []);
+    const defaults = (0, react_1.useMemo)(() => ({
+        defaultLoadingIndicator: "loadingIndicator",
+        defaultValue: "value",
+    }), []);
+    const expectedChildren = (0, react_1.useMemo)(() => ({
+        background: { optionName: "background", isCollectionItem: false },
+        behavior: { optionName: "behavior", isCollectionItem: false },
+        chart: { optionName: "chart", isCollectionItem: false },
+        export: { optionName: "export", isCollectionItem: false },
+        indent: { optionName: "indent", isCollectionItem: false },
+        loadingIndicator: { optionName: "loadingIndicator", isCollectionItem: false },
+        margin: { optionName: "margin", isCollectionItem: false },
+        scale: { optionName: "scale", isCollectionItem: false },
+        shutter: { optionName: "shutter", isCollectionItem: false },
+        size: { optionName: "size", isCollectionItem: false },
+        sliderHandle: { optionName: "sliderHandle", isCollectionItem: false },
+        sliderMarker: { optionName: "sliderMarker", isCollectionItem: false },
+        title: { optionName: "title", isCollectionItem: false },
+        value: { optionName: "value", isCollectionItem: false }
+    }), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: range_selector_1.default,
+        ref: baseRef,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        ...props,
+    }));
+}));
+exports.RangeSelector = RangeSelector;
+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 _componentArgumentFormat = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "argumentFormat",
+        },
+    });
+};
+const ArgumentFormat = Object.assign(_componentArgumentFormat, {
+    componentType: "option",
+});
+exports.ArgumentFormat = ArgumentFormat;
+const _componentBackground = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "background",
+            ExpectedChildren: {
+                backgroundImage: { optionName: "image", isCollectionItem: false },
+                image: { optionName: "image", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Background = Object.assign(_componentBackground, {
+    componentType: "option",
+});
+exports.Background = Background;
+const _componentBackgroundImage = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "image",
+        },
+    });
+};
+const BackgroundImage = Object.assign(_componentBackgroundImage, {
+    componentType: "option",
+});
+exports.BackgroundImage = BackgroundImage;
+const _componentBehavior = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "behavior",
+        },
+    });
+};
+const Behavior = Object.assign(_componentBehavior, {
+    componentType: "option",
+});
+exports.Behavior = Behavior;
+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 _componentChart = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "chart",
+            ExpectedChildren: {
+                commonSeriesSettings: { optionName: "commonSeriesSettings", isCollectionItem: false },
+                dataPrepareSettings: { optionName: "dataPrepareSettings", isCollectionItem: false },
+                series: { optionName: "series", isCollectionItem: true },
+                seriesTemplate: { optionName: "seriesTemplate", isCollectionItem: false },
+                valueAxis: { optionName: "valueAxis", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Chart = Object.assign(_componentChart, {
+    componentType: "option",
+});
+exports.Chart = Chart;
+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 _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 _componentDataPrepareSettings = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "dataPrepareSettings",
+        },
+    });
+};
+const DataPrepareSettings = Object.assign(_componentDataPrepareSettings, {
+    componentType: "option",
+});
+exports.DataPrepareSettings = DataPrepareSettings;
+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 _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 _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 _componentIndent = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "indent",
+        },
+    });
+};
+const Indent = Object.assign(_componentIndent, {
+    componentType: "option",
+});
+exports.Indent = Indent;
+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 }
+            },
+        },
+    });
+};
+const Label = Object.assign(_componentLabel, {
+    componentType: "option",
+});
+exports.Label = Label;
+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 _componentMarker = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "marker",
+            ExpectedChildren: {
+                label: { optionName: "label", isCollectionItem: false },
+                markerLabel: { optionName: "label", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Marker = Object.assign(_componentMarker, {
+    componentType: "option",
+});
+exports.Marker = Marker;
+const _componentMarkerLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                format: { optionName: "format", isCollectionItem: false }
+            },
+        },
+    });
+};
+const MarkerLabel = Object.assign(_componentMarkerLabel, {
+    componentType: "option",
+});
+exports.MarkerLabel = MarkerLabel;
+const _componentMaxRange = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "maxRange",
+        },
+    });
+};
+const MaxRange = Object.assign(_componentMaxRange, {
+    componentType: "option",
+});
+exports.MaxRange = MaxRange;
+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 _componentMinRange = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "minRange",
+        },
+    });
+};
+const MinRange = Object.assign(_componentMinRange, {
+    componentType: "option",
+});
+exports.MinRange = MinRange;
+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 _componentScale = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "scale",
+            ExpectedChildren: {
+                aggregationInterval: { optionName: "aggregationInterval", isCollectionItem: false },
+                break: { optionName: "breaks", isCollectionItem: true },
+                breakStyle: { optionName: "breakStyle", isCollectionItem: false },
+                label: { optionName: "label", isCollectionItem: false },
+                marker: { optionName: "marker", isCollectionItem: false },
+                maxRange: { optionName: "maxRange", isCollectionItem: false },
+                minorTick: { optionName: "minorTick", isCollectionItem: false },
+                minorTickInterval: { optionName: "minorTickInterval", isCollectionItem: false },
+                minRange: { optionName: "minRange", isCollectionItem: false },
+                scaleLabel: { optionName: "label", isCollectionItem: false },
+                tick: { optionName: "tick", isCollectionItem: false },
+                tickInterval: { optionName: "tickInterval", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Scale = Object.assign(_componentScale, {
+    componentType: "option",
+});
+exports.Scale = Scale;
+const _componentScaleLabel = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "label",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false },
+                format: { optionName: "format", isCollectionItem: false }
+            },
+        },
+    });
+};
+const ScaleLabel = Object.assign(_componentScaleLabel, {
+    componentType: "option",
+});
+exports.ScaleLabel = ScaleLabel;
+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 _componentShutter = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "shutter",
+        },
+    });
+};
+const Shutter = Object.assign(_componentShutter, {
+    componentType: "option",
+});
+exports.Shutter = Shutter;
+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 _componentSliderHandle = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "sliderHandle",
+        },
+    });
+};
+const SliderHandle = Object.assign(_componentSliderHandle, {
+    componentType: "option",
+});
+exports.SliderHandle = SliderHandle;
+const _componentSliderMarker = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "sliderMarker",
+            ExpectedChildren: {
+                font: { optionName: "font", isCollectionItem: false },
+                format: { optionName: "format", isCollectionItem: false }
+            },
+        },
+    });
+};
+const SliderMarker = Object.assign(_componentSliderMarker, {
+    componentType: "option",
+});
+exports.SliderMarker = SliderMarker;
+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: {
+                font: { optionName: "font", isCollectionItem: false },
+                margin: { optionName: "margin", isCollectionItem: false },
+                subtitle: { optionName: "subtitle", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Title = Object.assign(_componentTitle, {
+    componentType: "option",
+});
+exports.Title = Title;
+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 _componentValue = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "value",
+            DefaultsProps: {
+                defaultEndValue: "endValue",
+                defaultStartValue: "startValue"
+            },
+            ExpectedChildren: {
+                length: { optionName: "length", isCollectionItem: false }
+            },
+        },
+    });
+};
+const Value = Object.assign(_componentValue, {
+    componentType: "option",
+});
+exports.Value = Value;
+const _componentValueAxis = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "valueAxis",
+        },
+    });
+};
+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 _componentWidth = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "width",
+        },
+    });
+};
+const Width = Object.assign(_componentWidth, {
+    componentType: "option",
+});
+exports.Width = Width;
+exports.default = RangeSelector;