devextreme-vue
Version:
DevExtreme Vue UI and Visualization Components
1,548 lines (1,547 loc) • 58.4 kB
JavaScript
/*!
* devextreme-vue
* Version: 25.1.5
* Build date: Wed Sep 03 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-vue
*/
import { defineComponent } from "vue";
import { prepareComponentConfig } from "./core/index";
import RangeSelector from "devextreme/viz/range_selector";
import { prepareConfigurationComponentConfig } from "./core/index";
const componentConfig = {
props: {
background: Object,
behavior: Object,
chart: Object,
containerBackgroundColor: String,
dataSource: [Array, Object, String],
dataSourceField: String,
disabled: Boolean,
elementAttr: Object,
export: Object,
indent: Object,
loadingIndicator: Object,
margin: Object,
onDisposing: Function,
onDrawn: Function,
onExported: Function,
onExporting: Function,
onFileSaving: Function,
onIncidentOccurred: Function,
onInitialized: Function,
onOptionChanged: Function,
onValueChanged: Function,
pathModified: Boolean,
redrawOnResize: Boolean,
rtlEnabled: Boolean,
scale: Object,
selectedRangeColor: String,
selectedRangeUpdateMode: String,
shutter: Object,
size: Object,
sliderHandle: Object,
sliderMarker: Object,
theme: String,
title: [Object, String],
value: [Array, Object]
},
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:background": null,
"update:behavior": null,
"update:chart": null,
"update:containerBackgroundColor": null,
"update:dataSource": null,
"update:dataSourceField": null,
"update:disabled": null,
"update:elementAttr": null,
"update:export": null,
"update:indent": null,
"update:loadingIndicator": null,
"update:margin": null,
"update:onDisposing": null,
"update:onDrawn": null,
"update:onExported": null,
"update:onExporting": null,
"update:onFileSaving": null,
"update:onIncidentOccurred": null,
"update:onInitialized": null,
"update:onOptionChanged": null,
"update:onValueChanged": null,
"update:pathModified": null,
"update:redrawOnResize": null,
"update:rtlEnabled": null,
"update:scale": null,
"update:selectedRangeColor": null,
"update:selectedRangeUpdateMode": null,
"update:shutter": null,
"update:size": null,
"update:sliderHandle": null,
"update:sliderMarker": null,
"update:theme": null,
"update:title": null,
"update:value": null,
},
computed: {
instance() {
return this.$_instance;
}
},
beforeCreate() {
this.$_WidgetClass = RangeSelector;
this.$_hasAsyncTemplate = true;
this.$_expectedChildren = {
background: { isCollectionItem: false, optionName: "background" },
behavior: { isCollectionItem: false, optionName: "behavior" },
chart: { isCollectionItem: false, optionName: "chart" },
export: { isCollectionItem: false, optionName: "export" },
indent: { isCollectionItem: false, optionName: "indent" },
loadingIndicator: { isCollectionItem: false, optionName: "loadingIndicator" },
margin: { isCollectionItem: false, optionName: "margin" },
scale: { isCollectionItem: false, optionName: "scale" },
shutter: { isCollectionItem: false, optionName: "shutter" },
size: { isCollectionItem: false, optionName: "size" },
sliderHandle: { isCollectionItem: false, optionName: "sliderHandle" },
sliderMarker: { isCollectionItem: false, optionName: "sliderMarker" },
title: { isCollectionItem: false, optionName: "title" },
value: { isCollectionItem: false, optionName: "value" }
};
}
};
prepareComponentConfig(componentConfig);
const DxRangeSelector = defineComponent(componentConfig);
const DxAggregationConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:calculate": null,
"update:enabled": null,
"update:method": null,
},
props: {
calculate: Function,
enabled: Boolean,
method: String
}
};
prepareConfigurationComponentConfig(DxAggregationConfig);
const DxAggregation = defineComponent(DxAggregationConfig);
DxAggregation.$_optionName = "aggregation";
const DxAggregationIntervalConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:days": null,
"update:hours": null,
"update:milliseconds": null,
"update:minutes": null,
"update:months": null,
"update:quarters": null,
"update:seconds": null,
"update:weeks": null,
"update:years": null,
},
props: {
days: Number,
hours: Number,
milliseconds: Number,
minutes: Number,
months: Number,
quarters: Number,
seconds: Number,
weeks: Number,
years: Number
}
};
prepareConfigurationComponentConfig(DxAggregationIntervalConfig);
const DxAggregationInterval = defineComponent(DxAggregationIntervalConfig);
DxAggregationInterval.$_optionName = "aggregationInterval";
const DxArgumentFormatConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:currency": null,
"update:formatter": null,
"update:parser": null,
"update:precision": null,
"update:type": null,
"update:useCurrencyAccountingStyle": null,
},
props: {
currency: String,
formatter: Function,
parser: Function,
precision: Number,
type: String,
useCurrencyAccountingStyle: Boolean
}
};
prepareConfigurationComponentConfig(DxArgumentFormatConfig);
const DxArgumentFormat = defineComponent(DxArgumentFormatConfig);
DxArgumentFormat.$_optionName = "argumentFormat";
const DxBackgroundConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:image": null,
"update:visible": null,
},
props: {
color: String,
image: Object,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxBackgroundConfig);
const DxBackground = defineComponent(DxBackgroundConfig);
DxBackground.$_optionName = "background";
DxBackground.$_expectedChildren = {
backgroundImage: { isCollectionItem: false, optionName: "image" },
image: { isCollectionItem: false, optionName: "image" }
};
const DxBackgroundImageConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:location": null,
"update:url": null,
},
props: {
location: String,
url: String
}
};
prepareConfigurationComponentConfig(DxBackgroundImageConfig);
const DxBackgroundImage = defineComponent(DxBackgroundImageConfig);
DxBackgroundImage.$_optionName = "image";
const DxBehaviorConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowSlidersSwap": null,
"update:animationEnabled": null,
"update:manualRangeSelectionEnabled": null,
"update:moveSelectedRangeByClick": null,
"update:snapToTicks": null,
"update:valueChangeMode": null,
},
props: {
allowSlidersSwap: Boolean,
animationEnabled: Boolean,
manualRangeSelectionEnabled: Boolean,
moveSelectedRangeByClick: Boolean,
snapToTicks: Boolean,
valueChangeMode: String
}
};
prepareConfigurationComponentConfig(DxBehaviorConfig);
const DxBehavior = defineComponent(DxBehaviorConfig);
DxBehavior.$_optionName = "behavior";
const DxBorderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxBorderConfig);
const DxBorder = defineComponent(DxBorderConfig);
DxBorder.$_optionName = "border";
const DxBreakConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:endValue": null,
"update:startValue": null,
},
props: {
endValue: [Date, Number, String],
startValue: [Date, Number, String]
}
};
prepareConfigurationComponentConfig(DxBreakConfig);
const DxBreak = defineComponent(DxBreakConfig);
DxBreak.$_optionName = "breaks";
DxBreak.$_isCollectionItem = true;
const DxBreakStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:line": null,
"update:width": null,
},
props: {
color: String,
line: String,
width: Number
}
};
prepareConfigurationComponentConfig(DxBreakStyleConfig);
const DxBreakStyle = defineComponent(DxBreakStyleConfig);
DxBreakStyle.$_optionName = "breakStyle";
const DxChartConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:barGroupPadding": null,
"update:barGroupWidth": null,
"update:bottomIndent": null,
"update:commonSeriesSettings": null,
"update:dataPrepareSettings": null,
"update:maxBubbleSize": null,
"update:minBubbleSize": null,
"update:negativesAsZeroes": null,
"update:palette": null,
"update:paletteExtensionMode": null,
"update:series": null,
"update:seriesTemplate": null,
"update:topIndent": null,
"update:valueAxis": null,
},
props: {
barGroupPadding: Number,
barGroupWidth: Number,
bottomIndent: Number,
commonSeriesSettings: Object,
dataPrepareSettings: Object,
maxBubbleSize: Number,
minBubbleSize: Number,
negativesAsZeroes: Boolean,
palette: [Array, String],
paletteExtensionMode: String,
series: [Array, Object],
seriesTemplate: Object,
topIndent: Number,
valueAxis: Object
}
};
prepareConfigurationComponentConfig(DxChartConfig);
const DxChart = defineComponent(DxChartConfig);
DxChart.$_optionName = "chart";
DxChart.$_expectedChildren = {
commonSeriesSettings: { isCollectionItem: false, optionName: "commonSeriesSettings" },
dataPrepareSettings: { isCollectionItem: false, optionName: "dataPrepareSettings" },
series: { isCollectionItem: true, optionName: "series" },
seriesTemplate: { isCollectionItem: false, optionName: "seriesTemplate" },
valueAxis: { isCollectionItem: false, optionName: "valueAxis" }
};
const DxColorConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:base": null,
"update:fillId": null,
},
props: {
base: String,
fillId: String
}
};
prepareConfigurationComponentConfig(DxColorConfig);
const DxColor = defineComponent(DxColorConfig);
DxColor.$_optionName = "color";
const DxCommonSeriesSettingsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aggregation": null,
"update:area": null,
"update:argumentField": null,
"update:axis": null,
"update:bar": null,
"update:barOverlapGroup": null,
"update:barPadding": null,
"update:barWidth": null,
"update:border": null,
"update:bubble": null,
"update:candlestick": null,
"update:closeValueField": null,
"update:color": null,
"update:cornerRadius": null,
"update:dashStyle": null,
"update:fullstackedarea": null,
"update:fullstackedbar": null,
"update:fullstackedline": null,
"update:fullstackedspline": null,
"update:fullstackedsplinearea": null,
"update:highValueField": null,
"update:hoverMode": null,
"update:hoverStyle": null,
"update:ignoreEmptyPoints": null,
"update:innerColor": null,
"update:label": null,
"update:line": null,
"update:lowValueField": null,
"update:maxLabelCount": null,
"update:minBarSize": null,
"update:opacity": null,
"update:openValueField": null,
"update:pane": null,
"update:point": null,
"update:rangearea": null,
"update:rangebar": null,
"update:rangeValue1Field": null,
"update:rangeValue2Field": null,
"update:reduction": null,
"update:scatter": null,
"update:selectionMode": null,
"update:selectionStyle": null,
"update:showInLegend": null,
"update:sizeField": null,
"update:spline": null,
"update:splinearea": null,
"update:stack": null,
"update:stackedarea": null,
"update:stackedbar": null,
"update:stackedline": null,
"update:stackedspline": null,
"update:stackedsplinearea": null,
"update:steparea": null,
"update:stepline": null,
"update:stock": null,
"update:tagField": null,
"update:type": null,
"update:valueErrorBar": null,
"update:valueField": null,
"update:visible": null,
"update:width": null,
},
props: {
aggregation: Object,
area: {},
argumentField: String,
axis: String,
bar: {},
barOverlapGroup: String,
barPadding: Number,
barWidth: Number,
border: Object,
bubble: {},
candlestick: {},
closeValueField: String,
color: [Object, String],
cornerRadius: Number,
dashStyle: String,
fullstackedarea: {},
fullstackedbar: {},
fullstackedline: {},
fullstackedspline: {},
fullstackedsplinearea: {},
highValueField: String,
hoverMode: String,
hoverStyle: Object,
ignoreEmptyPoints: Boolean,
innerColor: String,
label: Object,
line: {},
lowValueField: String,
maxLabelCount: Number,
minBarSize: Number,
opacity: Number,
openValueField: String,
pane: String,
point: Object,
rangearea: {},
rangebar: {},
rangeValue1Field: String,
rangeValue2Field: String,
reduction: Object,
scatter: {},
selectionMode: String,
selectionStyle: Object,
showInLegend: Boolean,
sizeField: String,
spline: {},
splinearea: {},
stack: String,
stackedarea: {},
stackedbar: {},
stackedline: {},
stackedspline: {},
stackedsplinearea: {},
steparea: {},
stepline: {},
stock: {},
tagField: String,
type: String,
valueErrorBar: Object,
valueField: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxCommonSeriesSettingsConfig);
const DxCommonSeriesSettings = defineComponent(DxCommonSeriesSettingsConfig);
DxCommonSeriesSettings.$_optionName = "commonSeriesSettings";
DxCommonSeriesSettings.$_expectedChildren = {
aggregation: { isCollectionItem: false, optionName: "aggregation" },
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
commonSeriesSettingsHoverStyle: { isCollectionItem: false, optionName: "hoverStyle" },
commonSeriesSettingsLabel: { isCollectionItem: false, optionName: "label" },
commonSeriesSettingsSelectionStyle: { isCollectionItem: false, optionName: "selectionStyle" },
hoverStyle: { isCollectionItem: false, optionName: "hoverStyle" },
label: { isCollectionItem: false, optionName: "label" },
point: { isCollectionItem: false, optionName: "point" },
reduction: { isCollectionItem: false, optionName: "reduction" },
selectionStyle: { isCollectionItem: false, optionName: "selectionStyle" },
seriesBorder: { isCollectionItem: false, optionName: "border" },
valueErrorBar: { isCollectionItem: false, optionName: "valueErrorBar" }
};
const DxCommonSeriesSettingsHoverStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:dashStyle": null,
"update:hatching": null,
"update:highlight": null,
"update:width": null,
},
props: {
border: Object,
color: [Object, String],
dashStyle: String,
hatching: Object,
highlight: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxCommonSeriesSettingsHoverStyleConfig);
const DxCommonSeriesSettingsHoverStyle = defineComponent(DxCommonSeriesSettingsHoverStyleConfig);
DxCommonSeriesSettingsHoverStyle.$_optionName = "hoverStyle";
DxCommonSeriesSettingsHoverStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
hatching: { isCollectionItem: false, optionName: "hatching" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxCommonSeriesSettingsLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:argumentFormat": null,
"update:backgroundColor": null,
"update:border": null,
"update:connector": null,
"update:customizeText": null,
"update:displayFormat": null,
"update:font": null,
"update:format": null,
"update:horizontalOffset": null,
"update:position": null,
"update:rotationAngle": null,
"update:showForZeroValues": null,
"update:verticalOffset": null,
"update:visible": null,
},
props: {
alignment: String,
argumentFormat: [Object, String, Function],
backgroundColor: String,
border: Object,
connector: Object,
customizeText: Function,
displayFormat: String,
font: Object,
format: [Object, String, Function],
horizontalOffset: Number,
position: String,
rotationAngle: Number,
showForZeroValues: Boolean,
verticalOffset: Number,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxCommonSeriesSettingsLabelConfig);
const DxCommonSeriesSettingsLabel = defineComponent(DxCommonSeriesSettingsLabelConfig);
DxCommonSeriesSettingsLabel.$_optionName = "label";
DxCommonSeriesSettingsLabel.$_expectedChildren = {
argumentFormat: { isCollectionItem: false, optionName: "argumentFormat" },
border: { isCollectionItem: false, optionName: "border" },
connector: { isCollectionItem: false, optionName: "connector" },
font: { isCollectionItem: false, optionName: "font" },
format: { isCollectionItem: false, optionName: "format" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxCommonSeriesSettingsSelectionStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:dashStyle": null,
"update:hatching": null,
"update:highlight": null,
"update:width": null,
},
props: {
border: Object,
color: [Object, String],
dashStyle: String,
hatching: Object,
highlight: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxCommonSeriesSettingsSelectionStyleConfig);
const DxCommonSeriesSettingsSelectionStyle = defineComponent(DxCommonSeriesSettingsSelectionStyleConfig);
DxCommonSeriesSettingsSelectionStyle.$_optionName = "selectionStyle";
DxCommonSeriesSettingsSelectionStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
hatching: { isCollectionItem: false, optionName: "hatching" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxConnectorConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxConnectorConfig);
const DxConnector = defineComponent(DxConnectorConfig);
DxConnector.$_optionName = "connector";
const DxDataPrepareSettingsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:checkTypeForAllData": null,
"update:convertToAxisDataType": null,
"update:sortingMethod": null,
},
props: {
checkTypeForAllData: Boolean,
convertToAxisDataType: Boolean,
sortingMethod: [Boolean, Function]
}
};
prepareConfigurationComponentConfig(DxDataPrepareSettingsConfig);
const DxDataPrepareSettings = defineComponent(DxDataPrepareSettingsConfig);
DxDataPrepareSettings.$_optionName = "dataPrepareSettings";
const DxExportConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:backgroundColor": null,
"update:enabled": null,
"update:fileName": null,
"update:formats": null,
"update:margin": null,
"update:printingEnabled": null,
"update:svgToCanvas": null,
},
props: {
backgroundColor: String,
enabled: Boolean,
fileName: String,
formats: Array,
margin: Number,
printingEnabled: Boolean,
svgToCanvas: Function
}
};
prepareConfigurationComponentConfig(DxExportConfig);
const DxExport = defineComponent(DxExportConfig);
DxExport.$_optionName = "export";
const DxFontConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:family": null,
"update:opacity": null,
"update:size": null,
"update:weight": null,
},
props: {
color: String,
family: String,
opacity: Number,
size: [Number, String],
weight: Number
}
};
prepareConfigurationComponentConfig(DxFontConfig);
const DxFont = defineComponent(DxFontConfig);
DxFont.$_optionName = "font";
const DxFormatConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:currency": null,
"update:formatter": null,
"update:parser": null,
"update:precision": null,
"update:type": null,
"update:useCurrencyAccountingStyle": null,
},
props: {
currency: String,
formatter: Function,
parser: Function,
precision: Number,
type: String,
useCurrencyAccountingStyle: Boolean
}
};
prepareConfigurationComponentConfig(DxFormatConfig);
const DxFormat = defineComponent(DxFormatConfig);
DxFormat.$_optionName = "format";
const DxHatchingConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:direction": null,
"update:opacity": null,
"update:step": null,
"update:width": null,
},
props: {
direction: String,
opacity: Number,
step: Number,
width: Number
}
};
prepareConfigurationComponentConfig(DxHatchingConfig);
const DxHatching = defineComponent(DxHatchingConfig);
DxHatching.$_optionName = "hatching";
const DxHeightConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:rangeMaxPoint": null,
"update:rangeMinPoint": null,
},
props: {
rangeMaxPoint: Number,
rangeMinPoint: Number
}
};
prepareConfigurationComponentConfig(DxHeightConfig);
const DxHeight = defineComponent(DxHeightConfig);
DxHeight.$_optionName = "height";
const DxHoverStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:dashStyle": null,
"update:hatching": null,
"update:highlight": null,
"update:size": null,
"update:width": null,
},
props: {
border: Object,
color: [Object, String],
dashStyle: String,
hatching: Object,
highlight: Boolean,
size: Number,
width: Number
}
};
prepareConfigurationComponentConfig(DxHoverStyleConfig);
const DxHoverStyle = defineComponent(DxHoverStyleConfig);
DxHoverStyle.$_optionName = "hoverStyle";
DxHoverStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
hatching: { isCollectionItem: false, optionName: "hatching" },
pointBorder: { isCollectionItem: false, optionName: "border" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxImageConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:height": null,
"update:location": null,
"update:url": null,
"update:width": null,
},
props: {
height: [Number, Object],
location: String,
url: [String, Object],
width: [Number, Object]
}
};
prepareConfigurationComponentConfig(DxImageConfig);
const DxImage = defineComponent(DxImageConfig);
DxImage.$_optionName = "image";
DxImage.$_expectedChildren = {
height: { isCollectionItem: false, optionName: "height" },
url: { isCollectionItem: false, optionName: "url" },
width: { isCollectionItem: false, optionName: "width" }
};
const DxIndentConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:left": null,
"update:right": null,
},
props: {
left: Number,
right: Number
}
};
prepareConfigurationComponentConfig(DxIndentConfig);
const DxIndent = defineComponent(DxIndentConfig);
DxIndent.$_optionName = "indent";
const DxLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:argumentFormat": null,
"update:backgroundColor": null,
"update:border": null,
"update:connector": null,
"update:customizeText": null,
"update:displayFormat": null,
"update:font": null,
"update:format": null,
"update:horizontalOffset": null,
"update:overlappingBehavior": null,
"update:position": null,
"update:rotationAngle": null,
"update:showForZeroValues": null,
"update:topIndent": null,
"update:verticalOffset": null,
"update:visible": null,
},
props: {
alignment: String,
argumentFormat: [Object, String, Function],
backgroundColor: String,
border: Object,
connector: Object,
customizeText: Function,
displayFormat: String,
font: Object,
format: [Object, String, Function],
horizontalOffset: Number,
overlappingBehavior: String,
position: String,
rotationAngle: Number,
showForZeroValues: Boolean,
topIndent: Number,
verticalOffset: Number,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxLabelConfig);
const DxLabel = defineComponent(DxLabelConfig);
DxLabel.$_optionName = "label";
DxLabel.$_expectedChildren = {
argumentFormat: { isCollectionItem: false, optionName: "argumentFormat" },
border: { isCollectionItem: false, optionName: "border" },
connector: { isCollectionItem: false, optionName: "connector" },
font: { isCollectionItem: false, optionName: "font" },
format: { isCollectionItem: false, optionName: "format" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxLengthConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:days": null,
"update:hours": null,
"update:milliseconds": null,
"update:minutes": null,
"update:months": null,
"update:quarters": null,
"update:seconds": null,
"update:weeks": null,
"update:years": null,
},
props: {
days: Number,
hours: Number,
milliseconds: Number,
minutes: Number,
months: Number,
quarters: Number,
seconds: Number,
weeks: Number,
years: Number
}
};
prepareConfigurationComponentConfig(DxLengthConfig);
const DxLength = defineComponent(DxLengthConfig);
DxLength.$_optionName = "length";
const DxLoadingIndicatorConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:backgroundColor": null,
"update:enabled": null,
"update:font": null,
"update:show": null,
"update:text": null,
},
props: {
backgroundColor: String,
enabled: Boolean,
font: Object,
show: Boolean,
text: String
}
};
prepareConfigurationComponentConfig(DxLoadingIndicatorConfig);
const DxLoadingIndicator = defineComponent(DxLoadingIndicatorConfig);
DxLoadingIndicator.$_optionName = "loadingIndicator";
DxLoadingIndicator.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxMarginConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:bottom": null,
"update:left": null,
"update:right": null,
"update:top": null,
},
props: {
bottom: Number,
left: Number,
right: Number,
top: Number
}
};
prepareConfigurationComponentConfig(DxMarginConfig);
const DxMargin = defineComponent(DxMarginConfig);
DxMargin.$_optionName = "margin";
const DxMarkerConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:label": null,
"update:separatorHeight": null,
"update:textLeftIndent": null,
"update:textTopIndent": null,
"update:topIndent": null,
"update:visible": null,
},
props: {
label: Object,
separatorHeight: Number,
textLeftIndent: Number,
textTopIndent: Number,
topIndent: Number,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxMarkerConfig);
const DxMarker = defineComponent(DxMarkerConfig);
DxMarker.$_optionName = "marker";
DxMarker.$_expectedChildren = {
label: { isCollectionItem: false, optionName: "label" },
markerLabel: { isCollectionItem: false, optionName: "label" }
};
const DxMarkerLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:customizeText": null,
"update:format": null,
},
props: {
customizeText: Function,
format: [Object, String, Function]
}
};
prepareConfigurationComponentConfig(DxMarkerLabelConfig);
const DxMarkerLabel = defineComponent(DxMarkerLabelConfig);
DxMarkerLabel.$_optionName = "label";
DxMarkerLabel.$_expectedChildren = {
format: { isCollectionItem: false, optionName: "format" }
};
const DxMaxRangeConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:days": null,
"update:hours": null,
"update:milliseconds": null,
"update:minutes": null,
"update:months": null,
"update:quarters": null,
"update:seconds": null,
"update:weeks": null,
"update:years": null,
},
props: {
days: Number,
hours: Number,
milliseconds: Number,
minutes: Number,
months: Number,
quarters: Number,
seconds: Number,
weeks: Number,
years: Number
}
};
prepareConfigurationComponentConfig(DxMaxRangeConfig);
const DxMaxRange = defineComponent(DxMaxRangeConfig);
DxMaxRange.$_optionName = "maxRange";
const DxMinorTickConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:opacity": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
opacity: Number,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxMinorTickConfig);
const DxMinorTick = defineComponent(DxMinorTickConfig);
DxMinorTick.$_optionName = "minorTick";
const DxMinorTickIntervalConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:days": null,
"update:hours": null,
"update:milliseconds": null,
"update:minutes": null,
"update:months": null,
"update:quarters": null,
"update:seconds": null,
"update:weeks": null,
"update:years": null,
},
props: {
days: Number,
hours: Number,
milliseconds: Number,
minutes: Number,
months: Number,
quarters: Number,
seconds: Number,
weeks: Number,
years: Number
}
};
prepareConfigurationComponentConfig(DxMinorTickIntervalConfig);
const DxMinorTickInterval = defineComponent(DxMinorTickIntervalConfig);
DxMinorTickInterval.$_optionName = "minorTickInterval";
const DxMinRangeConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:days": null,
"update:hours": null,
"update:milliseconds": null,
"update:minutes": null,
"update:months": null,
"update:quarters": null,
"update:seconds": null,
"update:weeks": null,
"update:years": null,
},
props: {
days: Number,
hours: Number,
milliseconds: Number,
minutes: Number,
months: Number,
quarters: Number,
seconds: Number,
weeks: Number,
years: Number
}
};
prepareConfigurationComponentConfig(DxMinRangeConfig);
const DxMinRange = defineComponent(DxMinRangeConfig);
DxMinRange.$_optionName = "minRange";
const DxPointConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:hoverMode": null,
"update:hoverStyle": null,
"update:image": null,
"update:selectionMode": null,
"update:selectionStyle": null,
"update:size": null,
"update:symbol": null,
"update:visible": null,
},
props: {
border: Object,
color: [Object, String],
hoverMode: String,
hoverStyle: Object,
image: [Object, String],
selectionMode: String,
selectionStyle: Object,
size: Number,
symbol: String,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxPointConfig);
const DxPoint = defineComponent(DxPointConfig);
DxPoint.$_optionName = "point";
DxPoint.$_expectedChildren = {
color: { isCollectionItem: false, optionName: "color" },
hoverStyle: { isCollectionItem: false, optionName: "hoverStyle" },
image: { isCollectionItem: false, optionName: "image" },
pointBorder: { isCollectionItem: false, optionName: "border" },
selectionStyle: { isCollectionItem: false, optionName: "selectionStyle" }
};
const DxPointBorderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxPointBorderConfig);
const DxPointBorder = defineComponent(DxPointBorderConfig);
DxPointBorder.$_optionName = "border";
const DxPointHoverStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:size": null,
},
props: {
border: Object,
color: [Object, String],
size: Number
}
};
prepareConfigurationComponentConfig(DxPointHoverStyleConfig);
const DxPointHoverStyle = defineComponent(DxPointHoverStyleConfig);
DxPointHoverStyle.$_optionName = "hoverStyle";
DxPointHoverStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
pointBorder: { isCollectionItem: false, optionName: "border" }
};
const DxPointImageConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:height": null,
"update:url": null,
"update:width": null,
},
props: {
height: [Number, Object],
url: [Object, String],
width: [Number, Object]
}
};
prepareConfigurationComponentConfig(DxPointImageConfig);
const DxPointImage = defineComponent(DxPointImageConfig);
DxPointImage.$_optionName = "image";
DxPointImage.$_expectedChildren = {
height: { isCollectionItem: false, optionName: "height" },
url: { isCollectionItem: false, optionName: "url" },
width: { isCollectionItem: false, optionName: "width" }
};
const DxPointSelectionStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:size": null,
},
props: {
border: Object,
color: [Object, String],
size: Number
}
};
prepareConfigurationComponentConfig(DxPointSelectionStyleConfig);
const DxPointSelectionStyle = defineComponent(DxPointSelectionStyleConfig);
DxPointSelectionStyle.$_optionName = "selectionStyle";
DxPointSelectionStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
pointBorder: { isCollectionItem: false, optionName: "border" }
};
const DxReductionConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:level": null,
},
props: {
color: String,
level: String
}
};
prepareConfigurationComponentConfig(DxReductionConfig);
const DxReduction = defineComponent(DxReductionConfig);
DxReduction.$_optionName = "reduction";
const DxScaleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aggregationGroupWidth": null,
"update:aggregationInterval": null,
"update:allowDecimals": null,
"update:breaks": null,
"update:breakStyle": null,
"update:categories": null,
"update:discreteAxisDivisionMode": null,
"update:endOnTick": null,
"update:endValue": null,
"update:holidays": null,
"update:label": null,
"update:linearThreshold": null,
"update:logarithmBase": null,
"update:marker": null,
"update:maxRange": null,
"update:minorTick": null,
"update:minorTickCount": null,
"update:minorTickInterval": null,
"update:minRange": null,
"update:placeholderHeight": null,
"update:showCustomBoundaryTicks": null,
"update:singleWorkdays": null,
"update:startValue": null,
"update:tick": null,
"update:tickInterval": null,
"update:type": null,
"update:valueType": null,
"update:workdaysOnly": null,
"update:workWeek": null,
},
props: {
aggregationGroupWidth: Number,
aggregationInterval: [Number, Object, String],
allowDecimals: Boolean,
breaks: Array,
breakStyle: Object,
categories: Array,
discreteAxisDivisionMode: String,
endOnTick: Boolean,
endValue: [Date, Number, String],
holidays: Array,
label: Object,
linearThreshold: Number,
logarithmBase: Number,
marker: Object,
maxRange: [Number, Object, String],
minorTick: Object,
minorTickCount: Number,
minorTickInterval: [Number, Object, String],
minRange: [Number, Object, String],
placeholderHeight: Number,
showCustomBoundaryTicks: Boolean,
singleWorkdays: Array,
startValue: [Date, Number, String],
tick: Object,
tickInterval: [Number, Object, String],
type: String,
valueType: String,
workdaysOnly: Boolean,
workWeek: Array
}
};
prepareConfigurationComponentConfig(DxScaleConfig);
const DxScale = defineComponent(DxScaleConfig);
DxScale.$_optionName = "scale";
DxScale.$_expectedChildren = {
aggregationInterval: { isCollectionItem: false, optionName: "aggregationInterval" },
break: { isCollectionItem: true, optionName: "breaks" },
breakStyle: { isCollectionItem: false, optionName: "breakStyle" },
label: { isCollectionItem: false, optionName: "label" },
marker: { isCollectionItem: false, optionName: "marker" },
maxRange: { isCollectionItem: false, optionName: "maxRange" },
minorTick: { isCollectionItem: false, optionName: "minorTick" },
minorTickInterval: { isCollectionItem: false, optionName: "minorTickInterval" },
minRange: { isCollectionItem: false, optionName: "minRange" },
scaleLabel: { isCollectionItem: false, optionName: "label" },
tick: { isCollectionItem: false, optionName: "tick" },
tickInterval: { isCollectionItem: false, optionName: "tickInterval" }
};
const DxScaleLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:customizeText": null,
"update:font": null,
"update:format": null,
"update:overlappingBehavior": null,
"update:topIndent": null,
"update:visible": null,
},
props: {
customizeText: Function,
font: Object,
format: [Object, String, Function],
overlappingBehavior: String,
topIndent: Number,
visible: Boolean
}
};
prepareConfigurationComponentConfig(DxScaleLabelConfig);
const DxScaleLabel = defineComponent(DxScaleLabelConfig);
DxScaleLabel.$_optionName = "label";
DxScaleLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" },
format: { isCollectionItem: false, optionName: "format" }
};
const DxSelectionStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:border": null,
"update:color": null,
"update:dashStyle": null,
"update:hatching": null,
"update:highlight": null,
"update:size": null,
"update:width": null,
},
props: {
border: Object,
color: [Object, String],
dashStyle: String,
hatching: Object,
highlight: Boolean,
size: Number,
width: Number
}
};
prepareConfigurationComponentConfig(DxSelectionStyleConfig);
const DxSelectionStyle = defineComponent(DxSelectionStyleConfig);
DxSelectionStyle.$_optionName = "selectionStyle";
DxSelectionStyle.$_expectedChildren = {
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
hatching: { isCollectionItem: false, optionName: "hatching" },
pointBorder: { isCollectionItem: false, optionName: "border" },
seriesBorder: { isCollectionItem: false, optionName: "border" }
};
const DxSeriesConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aggregation": null,
"update:argumentField": null,
"update:axis": null,
"update:barOverlapGroup": null,
"update:barPadding": null,
"update:barWidth": null,
"update:border": null,
"update:closeValueField": null,
"update:color": null,
"update:cornerRadius": null,
"update:dashStyle": null,
"update:highValueField": null,
"update:hoverMode": null,
"update:hoverStyle": null,
"update:ignoreEmptyPoints": null,
"update:innerColor": null,
"update:label": null,
"update:lowValueField": null,
"update:maxLabelCount": null,
"update:minBarSize": null,
"update:name": null,
"update:opacity": null,
"update:openValueField": null,
"update:pane": null,
"update:point": null,
"update:rangeValue1Field": null,
"update:rangeValue2Field": null,
"update:reduction": null,
"update:selectionMode": null,
"update:selectionStyle": null,
"update:showInLegend": null,
"update:sizeField": null,
"update:stack": null,
"update:tag": null,
"update:tagField": null,
"update:type": null,
"update:valueErrorBar": null,
"update:valueField": null,
"update:visible": null,
"update:width": null,
},
props: {
aggregation: Object,
argumentField: String,
axis: String,
barOverlapGroup: String,
barPadding: Number,
barWidth: Number,
border: Object,
closeValueField: String,
color: [Object, String],
cornerRadius: Number,
dashStyle: String,
highValueField: String,
hoverMode: String,
hoverStyle: Object,
ignoreEmptyPoints: Boolean,
innerColor: String,
label: Object,
lowValueField: String,
maxLabelCount: Number,
minBarSize: Number,
name: String,
opacity: Number,
openValueField: String,
pane: String,
point: Object,
rangeValue1Field: String,
rangeValue2Field: String,
reduction: Object,
selectionMode: String,
selectionStyle: Object,
showInLegend: Boolean,
sizeField: String,
stack: String,
tag: {},
tagField: String,
type: String,
valueErrorBar: Object,
valueField: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxSeriesConfig);
const DxSeries = defineComponent(DxSeriesConfig);
DxSeries.$_optionName = "series";
DxSeries.$_isCollectionItem = true;
DxSeries.$_expectedChildren = {
aggregation: { isCollectionItem: false, optionName: "aggregation" },
border: { isCollectionItem: false, optionName: "border" },
color: { isCollectionItem: false, optionName: "color" },
commonSeriesSettingsHoverStyle: { isCollectionItem: false, optionName: "hoverStyle" },
commonSeriesSettingsLabel: { isCollectionItem: false, optionName: "label" },
commonSeriesSettingsSelectionStyle: { isCollectionItem: false, optionName: "selectionStyle" },
hoverStyle: { isCollectionItem: false, optionName: "hoverStyle" },
label: { isCollectionItem: false, optionName: "label" },
point: { isCollectionItem: false, optionName: "point" },
reduction: { isCollectionItem: false, optionName: "reduction" },
selectionStyle: { isCollectionItem: false, optionName: "selectionStyle" },
seriesBorder: { isCollectionItem: false, optionName: "border" },
valueErrorBar: { isCollectionItem: false, optionName: "valueErrorBar" }
};
const DxSeriesBorderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
visible: Boolean,
width: Number
}
};
prepareConfigurationComponentConfig(DxSeriesBorderConfig);
const DxSeriesBorder = defineComponent(DxSeriesBorderConfig);
DxSeriesBorder.$_optionName = "border";
const DxSeriesTemplateConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:customizeSeries": null,
"update:nameField": null,
},
props: {
customizeSeries: Function,
nameField: String
}
};
prepareConfigurationComponentConfig(DxSeriesTemplateConfig);
const DxSeriesTemplate = defineComponent(DxSeriesTemplateConfig);
DxSeriesTemplate.$_optionName = "seriesTemplate";
const DxShutterConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:opacity": null,
},
props: {
color: String,
opacity: Number
}
};
prepareConfigurationComponentConfig(DxShutterConfig);
const DxShutter = defineComponent(DxShutterConfig);
DxShutter.$_optionName = "shutter";
const DxSizeConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:height": null,
"update:width": null,
},
props: {
height: Number,
width: Number
}
};
prepareConfigurationComponentConfig(DxSizeConfig);
cons