devextreme-vue
Version:
DevExtreme Vue UI and Visualization Components
1,351 lines (1,350 loc) • 111 kB
JavaScript
/*!
* devextreme-vue
* Version: 25.1.6
* Build date: Mon Oct 13 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
*/
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DxLabel = exports.DxImage = exports.DxHoverStyle = exports.DxHorizontalLineLabel = exports.DxHorizontalLine = exports.DxHeight = exports.DxHatching = exports.DxGrid = exports.DxFormat = exports.DxFont = exports.DxExport = exports.DxDragBoxStyle = exports.DxDataPrepareSettings = exports.DxCrosshair = exports.DxConstantLineStyle = exports.DxConstantLineLabel = exports.DxConstantLine = exports.DxConnector = exports.DxCommonSeriesSettingsSelectionStyle = exports.DxCommonSeriesSettingsLabel = exports.DxCommonSeriesSettingsHoverStyle = exports.DxCommonSeriesSettings = exports.DxCommonPaneSettings = exports.DxCommonAxisSettingsTitle = exports.DxCommonAxisSettingsLabel = exports.DxCommonAxisSettingsConstantLineStyleLabel = exports.DxCommonAxisSettingsConstantLineStyle = exports.DxCommonAxisSettings = exports.DxCommonAnnotationSettings = exports.DxColor = exports.DxChartTitleSubtitle = exports.DxChartTitle = exports.DxBreakStyle = exports.DxBreak = exports.DxBorder = exports.DxBackgroundColor = exports.DxAxisTitle = exports.DxAxisLabel = exports.DxAxisConstantLineStyleLabel = exports.DxAxisConstantLineStyle = exports.DxArgumentFormat = exports.DxArgumentAxis = exports.DxAnnotationImage = exports.DxAnnotationBorder = exports.DxAnnotation = exports.DxAnimation = exports.DxAggregationInterval = exports.DxAggregation = exports.DxAdaptiveLayout = exports.DxChart = void 0;
exports.DxZoomAndPan = exports.DxWidth = exports.DxWholeRange = exports.DxVisualRange = exports.DxVerticalLine = exports.DxValueErrorBar = exports.DxValueAxis = exports.DxUrl = exports.DxTooltipBorder = exports.DxTooltip = exports.DxTitle = exports.DxTickInterval = exports.DxTick = exports.DxSubtitle = exports.DxStripStyleLabel = exports.DxStripStyle = exports.DxStripLabel = exports.DxStrip = exports.DxSize = exports.DxShadow = exports.DxSeriesTemplate = exports.DxSeriesBorder = exports.DxSeries = exports.DxSelectionStyle = exports.DxScrollBar = exports.DxReduction = exports.DxPointSelectionStyle = exports.DxPointImage = exports.DxPointHoverStyle = exports.DxPointBorder = exports.DxPoint = exports.DxPaneBorder = exports.DxPane = exports.DxMinVisualRangeLength = exports.DxMinorTickInterval = exports.DxMinorTick = exports.DxMinorGrid = exports.DxMargin = exports.DxLoadingIndicator = exports.DxLength = exports.DxLegendTitleSubtitle = exports.DxLegendTitle = exports.DxLegend = void 0;
const vue_1 = require("vue");
const index_1 = require("./core/index");
const chart_1 = __importDefault(require("devextreme/viz/chart"));
const index_2 = require("./core/index");
const componentConfig = {
props: {
adaptiveLayout: Object,
adjustOnZoom: Boolean,
animation: [Boolean, Object],
annotations: Array,
argumentAxis: Object,
autoHidePointMarkers: Boolean,
barGroupPadding: Number,
barGroupWidth: Number,
commonAnnotationSettings: Object,
commonAxisSettings: Object,
commonPaneSettings: Object,
commonSeriesSettings: Object,
containerBackgroundColor: String,
crosshair: Object,
customizeAnnotation: Function,
customizeLabel: Function,
customizePoint: Function,
dataPrepareSettings: Object,
dataSource: [Array, Object, String],
defaultPane: String,
disabled: Boolean,
elementAttr: Object,
export: Object,
legend: Object,
loadingIndicator: Object,
margin: Object,
maxBubbleSize: Number,
minBubbleSize: Number,
negativesAsZeroes: Boolean,
onArgumentAxisClick: Function,
onDisposing: Function,
onDone: Function,
onDrawn: Function,
onExported: Function,
onExporting: Function,
onFileSaving: Function,
onIncidentOccurred: Function,
onInitialized: Function,
onLegendClick: Function,
onOptionChanged: Function,
onPointClick: Function,
onPointHoverChanged: Function,
onPointSelectionChanged: Function,
onSeriesClick: Function,
onSeriesHoverChanged: Function,
onSeriesSelectionChanged: Function,
onTooltipHidden: Function,
onTooltipShown: Function,
onZoomEnd: Function,
onZoomStart: Function,
palette: [Array, String],
paletteExtensionMode: String,
panes: [Array, Object],
pathModified: Boolean,
pointSelectionMode: String,
redrawOnResize: Boolean,
resizePanesOnZoom: Boolean,
resolveLabelOverlapping: String,
rotated: Boolean,
rtlEnabled: Boolean,
scrollBar: Object,
series: [Array, Object],
seriesSelectionMode: String,
seriesTemplate: Object,
size: Object,
stickyHovering: Boolean,
synchronizeMultiAxes: Boolean,
theme: String,
title: [Object, String],
tooltip: Object,
valueAxis: [Array, Object],
zoomAndPan: Object
},
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:adaptiveLayout": null,
"update:adjustOnZoom": null,
"update:animation": null,
"update:annotations": null,
"update:argumentAxis": null,
"update:autoHidePointMarkers": null,
"update:barGroupPadding": null,
"update:barGroupWidth": null,
"update:commonAnnotationSettings": null,
"update:commonAxisSettings": null,
"update:commonPaneSettings": null,
"update:commonSeriesSettings": null,
"update:containerBackgroundColor": null,
"update:crosshair": null,
"update:customizeAnnotation": null,
"update:customizeLabel": null,
"update:customizePoint": null,
"update:dataPrepareSettings": null,
"update:dataSource": null,
"update:defaultPane": null,
"update:disabled": null,
"update:elementAttr": null,
"update:export": null,
"update:legend": null,
"update:loadingIndicator": null,
"update:margin": null,
"update:maxBubbleSize": null,
"update:minBubbleSize": null,
"update:negativesAsZeroes": null,
"update:onArgumentAxisClick": null,
"update:onDisposing": null,
"update:onDone": null,
"update:onDrawn": null,
"update:onExported": null,
"update:onExporting": null,
"update:onFileSaving": null,
"update:onIncidentOccurred": null,
"update:onInitialized": null,
"update:onLegendClick": null,
"update:onOptionChanged": null,
"update:onPointClick": null,
"update:onPointHoverChanged": null,
"update:onPointSelectionChanged": null,
"update:onSeriesClick": null,
"update:onSeriesHoverChanged": null,
"update:onSeriesSelectionChanged": null,
"update:onTooltipHidden": null,
"update:onTooltipShown": null,
"update:onZoomEnd": null,
"update:onZoomStart": null,
"update:palette": null,
"update:paletteExtensionMode": null,
"update:panes": null,
"update:pathModified": null,
"update:pointSelectionMode": null,
"update:redrawOnResize": null,
"update:resizePanesOnZoom": null,
"update:resolveLabelOverlapping": null,
"update:rotated": null,
"update:rtlEnabled": null,
"update:scrollBar": null,
"update:series": null,
"update:seriesSelectionMode": null,
"update:seriesTemplate": null,
"update:size": null,
"update:stickyHovering": null,
"update:synchronizeMultiAxes": null,
"update:theme": null,
"update:title": null,
"update:tooltip": null,
"update:valueAxis": null,
"update:zoomAndPan": null,
},
computed: {
instance() {
return this.$_instance;
}
},
beforeCreate() {
this.$_WidgetClass = chart_1.default;
this.$_hasAsyncTemplate = true;
this.$_expectedChildren = {
adaptiveLayout: { isCollectionItem: false, optionName: "adaptiveLayout" },
animation: { isCollectionItem: false, optionName: "animation" },
annotation: { isCollectionItem: true, optionName: "annotations" },
argumentAxis: { isCollectionItem: false, optionName: "argumentAxis" },
chartTitle: { isCollectionItem: false, optionName: "title" },
commonAnnotationSettings: { isCollectionItem: false, optionName: "commonAnnotationSettings" },
commonAxisSettings: { isCollectionItem: false, optionName: "commonAxisSettings" },
commonPaneSettings: { isCollectionItem: false, optionName: "commonPaneSettings" },
commonSeriesSettings: { isCollectionItem: false, optionName: "commonSeriesSettings" },
crosshair: { isCollectionItem: false, optionName: "crosshair" },
dataPrepareSettings: { isCollectionItem: false, optionName: "dataPrepareSettings" },
export: { isCollectionItem: false, optionName: "export" },
legend: { isCollectionItem: false, optionName: "legend" },
loadingIndicator: { isCollectionItem: false, optionName: "loadingIndicator" },
margin: { isCollectionItem: false, optionName: "margin" },
pane: { isCollectionItem: true, optionName: "panes" },
scrollBar: { isCollectionItem: false, optionName: "scrollBar" },
series: { isCollectionItem: true, optionName: "series" },
seriesTemplate: { isCollectionItem: false, optionName: "seriesTemplate" },
size: { isCollectionItem: false, optionName: "size" },
title: { isCollectionItem: false, optionName: "title" },
tooltip: { isCollectionItem: false, optionName: "tooltip" },
valueAxis: { isCollectionItem: true, optionName: "valueAxis" },
zoomAndPan: { isCollectionItem: false, optionName: "zoomAndPan" }
};
}
};
(0, index_1.prepareComponentConfig)(componentConfig);
const DxChart = (0, vue_1.defineComponent)(componentConfig);
exports.DxChart = DxChart;
const DxAdaptiveLayoutConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:height": null,
"update:keepLabels": null,
"update:width": null,
},
props: {
height: Number,
keepLabels: Boolean,
width: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAdaptiveLayoutConfig);
const DxAdaptiveLayout = (0, vue_1.defineComponent)(DxAdaptiveLayoutConfig);
exports.DxAdaptiveLayout = DxAdaptiveLayout;
DxAdaptiveLayout.$_optionName = "adaptiveLayout";
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAggregationConfig);
const DxAggregation = (0, vue_1.defineComponent)(DxAggregationConfig);
exports.DxAggregation = DxAggregation;
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAggregationIntervalConfig);
const DxAggregationInterval = (0, vue_1.defineComponent)(DxAggregationIntervalConfig);
exports.DxAggregationInterval = DxAggregationInterval;
DxAggregationInterval.$_optionName = "aggregationInterval";
const DxAnimationConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:duration": null,
"update:easing": null,
"update:enabled": null,
"update:maxPointCountSupported": null,
},
props: {
duration: Number,
easing: String,
enabled: Boolean,
maxPointCountSupported: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAnimationConfig);
const DxAnimation = (0, vue_1.defineComponent)(DxAnimationConfig);
exports.DxAnimation = DxAnimation;
DxAnimation.$_optionName = "animation";
const DxAnnotationConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowDragging": null,
"update:argument": null,
"update:arrowLength": null,
"update:arrowWidth": null,
"update:axis": null,
"update:border": null,
"update:color": null,
"update:customizeTooltip": null,
"update:data": null,
"update:description": null,
"update:font": null,
"update:height": null,
"update:image": null,
"update:name": null,
"update:offsetX": null,
"update:offsetY": null,
"update:opacity": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:series": null,
"update:shadow": null,
"update:template": null,
"update:text": null,
"update:textOverflow": null,
"update:tooltipEnabled": null,
"update:tooltipTemplate": null,
"update:type": null,
"update:value": null,
"update:width": null,
"update:wordWrap": null,
"update:x": null,
"update:y": null,
},
props: {
allowDragging: Boolean,
argument: [Date, Number, String],
arrowLength: Number,
arrowWidth: Number,
axis: String,
border: Object,
color: String,
customizeTooltip: Function,
data: {},
description: String,
font: Object,
height: Number,
image: [Object, String],
name: String,
offsetX: Number,
offsetY: Number,
opacity: Number,
paddingLeftRight: Number,
paddingTopBottom: Number,
series: String,
shadow: Object,
template: {},
text: String,
textOverflow: String,
tooltipEnabled: Boolean,
tooltipTemplate: {},
type: String,
value: [Date, Number, String],
width: Number,
wordWrap: String,
x: Number,
y: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAnnotationConfig);
const DxAnnotation = (0, vue_1.defineComponent)(DxAnnotationConfig);
exports.DxAnnotation = DxAnnotation;
DxAnnotation.$_optionName = "annotations";
DxAnnotation.$_isCollectionItem = true;
DxAnnotation.$_expectedChildren = {
annotationBorder: { isCollectionItem: false, optionName: "border" },
annotationImage: { isCollectionItem: false, optionName: "image" },
border: { isCollectionItem: false, optionName: "border" },
font: { isCollectionItem: false, optionName: "font" },
image: { isCollectionItem: false, optionName: "image" },
shadow: { isCollectionItem: false, optionName: "shadow" }
};
const DxAnnotationBorderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:cornerRadius": null,
"update:dashStyle": null,
"update:opacity": null,
"update:visible": null,
"update:width": null,
},
props: {
color: String,
cornerRadius: Number,
dashStyle: String,
opacity: Number,
visible: Boolean,
width: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAnnotationBorderConfig);
const DxAnnotationBorder = (0, vue_1.defineComponent)(DxAnnotationBorderConfig);
exports.DxAnnotationBorder = DxAnnotationBorder;
DxAnnotationBorder.$_optionName = "border";
const DxAnnotationImageConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:height": null,
"update:url": null,
"update:width": null,
},
props: {
height: Number,
url: String,
width: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAnnotationImageConfig);
const DxAnnotationImage = (0, vue_1.defineComponent)(DxAnnotationImageConfig);
exports.DxAnnotationImage = DxAnnotationImage;
DxAnnotationImage.$_optionName = "image";
const DxArgumentAxisConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aggregatedPointsPosition": null,
"update:aggregationGroupWidth": null,
"update:aggregationInterval": null,
"update:allowDecimals": null,
"update:argumentType": null,
"update:axisDivisionFactor": null,
"update:breaks": null,
"update:breakStyle": null,
"update:categories": null,
"update:color": null,
"update:constantLines": null,
"update:constantLineStyle": null,
"update:customPosition": null,
"update:customPositionAxis": null,
"update:discreteAxisDivisionMode": null,
"update:endOnTick": null,
"update:grid": null,
"update:holidays": null,
"update:hoverMode": null,
"update:inverted": null,
"update:label": null,
"update:linearThreshold": null,
"update:logarithmBase": null,
"update:maxValueMargin": null,
"update:minorGrid": null,
"update:minorTick": null,
"update:minorTickCount": null,
"update:minorTickInterval": null,
"update:minValueMargin": null,
"update:minVisualRangeLength": null,
"update:offset": null,
"update:opacity": null,
"update:placeholderSize": null,
"update:position": null,
"update:singleWorkdays": null,
"update:strips": null,
"update:stripStyle": null,
"update:tick": null,
"update:tickInterval": null,
"update:title": null,
"update:type": null,
"update:valueMarginsEnabled": null,
"update:visible": null,
"update:visualRange": null,
"update:visualRangeUpdateMode": null,
"update:wholeRange": null,
"update:width": null,
"update:workdaysOnly": null,
"update:workWeek": null,
},
props: {
aggregatedPointsPosition: String,
aggregationGroupWidth: Number,
aggregationInterval: [Number, Object, String],
allowDecimals: Boolean,
argumentType: String,
axisDivisionFactor: Number,
breaks: Array,
breakStyle: Object,
categories: Array,
color: String,
constantLines: Array,
constantLineStyle: Object,
customPosition: [Date, Number, String],
customPositionAxis: String,
discreteAxisDivisionMode: String,
endOnTick: Boolean,
grid: Object,
holidays: Array,
hoverMode: String,
inverted: Boolean,
label: Object,
linearThreshold: Number,
logarithmBase: Number,
maxValueMargin: Number,
minorGrid: Object,
minorTick: Object,
minorTickCount: Number,
minorTickInterval: [Number, Object, String],
minValueMargin: Number,
minVisualRangeLength: [Number, Object, String],
offset: Number,
opacity: Number,
placeholderSize: Number,
position: String,
singleWorkdays: Array,
strips: Array,
stripStyle: Object,
tick: Object,
tickInterval: [Number, Object, String],
title: [Object, String],
type: String,
valueMarginsEnabled: Boolean,
visible: Boolean,
visualRange: [Array, Object],
visualRangeUpdateMode: String,
wholeRange: [Array, Object],
width: Number,
workdaysOnly: Boolean,
workWeek: Array
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxArgumentAxisConfig);
const DxArgumentAxis = (0, vue_1.defineComponent)(DxArgumentAxisConfig);
exports.DxArgumentAxis = DxArgumentAxis;
DxArgumentAxis.$_optionName = "argumentAxis";
DxArgumentAxis.$_expectedChildren = {
aggregationInterval: { isCollectionItem: false, optionName: "aggregationInterval" },
axisConstantLineStyle: { isCollectionItem: false, optionName: "constantLineStyle" },
axisLabel: { isCollectionItem: false, optionName: "label" },
axisTitle: { isCollectionItem: false, optionName: "title" },
break: { isCollectionItem: true, optionName: "breaks" },
breakStyle: { isCollectionItem: false, optionName: "breakStyle" },
constantLine: { isCollectionItem: true, optionName: "constantLines" },
constantLineStyle: { isCollectionItem: false, optionName: "constantLineStyle" },
grid: { isCollectionItem: false, optionName: "grid" },
label: { isCollectionItem: false, optionName: "label" },
minorGrid: { isCollectionItem: false, optionName: "minorGrid" },
minorTick: { isCollectionItem: false, optionName: "minorTick" },
minorTickInterval: { isCollectionItem: false, optionName: "minorTickInterval" },
minVisualRangeLength: { isCollectionItem: false, optionName: "minVisualRangeLength" },
strip: { isCollectionItem: true, optionName: "strips" },
stripStyle: { isCollectionItem: false, optionName: "stripStyle" },
tick: { isCollectionItem: false, optionName: "tick" },
tickInterval: { isCollectionItem: false, optionName: "tickInterval" },
title: { isCollectionItem: false, optionName: "title" },
visualRange: { isCollectionItem: false, optionName: "visualRange" },
wholeRange: { isCollectionItem: false, optionName: "wholeRange" }
};
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxArgumentFormatConfig);
const DxArgumentFormat = (0, vue_1.defineComponent)(DxArgumentFormatConfig);
exports.DxArgumentFormat = DxArgumentFormat;
DxArgumentFormat.$_optionName = "argumentFormat";
const DxAxisConstantLineStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:label": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
label: Object,
paddingLeftRight: Number,
paddingTopBottom: Number,
width: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAxisConstantLineStyleConfig);
const DxAxisConstantLineStyle = (0, vue_1.defineComponent)(DxAxisConstantLineStyleConfig);
exports.DxAxisConstantLineStyle = DxAxisConstantLineStyle;
DxAxisConstantLineStyle.$_optionName = "constantLineStyle";
DxAxisConstantLineStyle.$_expectedChildren = {
label: { isCollectionItem: false, optionName: "label" }
};
const DxAxisConstantLineStyleLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:horizontalAlignment": null,
"update:position": null,
"update:verticalAlignment": null,
"update:visible": null,
},
props: {
font: Object,
horizontalAlignment: String,
position: String,
verticalAlignment: String,
visible: Boolean
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAxisConstantLineStyleLabelConfig);
const DxAxisConstantLineStyleLabel = (0, vue_1.defineComponent)(DxAxisConstantLineStyleLabelConfig);
exports.DxAxisConstantLineStyleLabel = DxAxisConstantLineStyleLabel;
DxAxisConstantLineStyleLabel.$_optionName = "label";
DxAxisConstantLineStyleLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxAxisLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:customizeHint": null,
"update:customizeText": null,
"update:displayMode": null,
"update:font": null,
"update:format": null,
"update:indentFromAxis": null,
"update:overlappingBehavior": null,
"update:position": null,
"update:rotationAngle": null,
"update:staggeringSpacing": null,
"update:template": null,
"update:textOverflow": null,
"update:visible": null,
"update:wordWrap": null,
},
props: {
alignment: String,
customizeHint: Function,
customizeText: Function,
displayMode: String,
font: Object,
format: [Object, String, Function],
indentFromAxis: Number,
overlappingBehavior: String,
position: String,
rotationAngle: Number,
staggeringSpacing: Number,
template: {},
textOverflow: String,
visible: Boolean,
wordWrap: String
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAxisLabelConfig);
const DxAxisLabel = (0, vue_1.defineComponent)(DxAxisLabelConfig);
exports.DxAxisLabel = DxAxisLabel;
DxAxisLabel.$_optionName = "label";
DxAxisLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" },
format: { isCollectionItem: false, optionName: "format" }
};
const DxAxisTitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:font": null,
"update:margin": null,
"update:text": null,
"update:textOverflow": null,
"update:wordWrap": null,
},
props: {
alignment: String,
font: Object,
margin: Number,
text: String,
textOverflow: String,
wordWrap: String
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxAxisTitleConfig);
const DxAxisTitle = (0, vue_1.defineComponent)(DxAxisTitleConfig);
exports.DxAxisTitle = DxAxisTitle;
DxAxisTitle.$_optionName = "title";
DxAxisTitle.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxBackgroundColorConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:base": null,
"update:fillId": null,
},
props: {
base: String,
fillId: String
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxBackgroundColorConfig);
const DxBackgroundColor = (0, vue_1.defineComponent)(DxBackgroundColorConfig);
exports.DxBackgroundColor = DxBackgroundColor;
DxBackgroundColor.$_optionName = "backgroundColor";
const DxBorderConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:bottom": null,
"update:color": null,
"update:cornerRadius": null,
"update:dashStyle": null,
"update:left": null,
"update:opacity": null,
"update:right": null,
"update:top": null,
"update:visible": null,
"update:width": null,
},
props: {
bottom: Boolean,
color: String,
cornerRadius: Number,
dashStyle: String,
left: Boolean,
opacity: Number,
right: Boolean,
top: Boolean,
visible: Boolean,
width: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxBorderConfig);
const DxBorder = (0, vue_1.defineComponent)(DxBorderConfig);
exports.DxBorder = DxBorder;
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]
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxBreakConfig);
const DxBreak = (0, vue_1.defineComponent)(DxBreakConfig);
exports.DxBreak = DxBreak;
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxBreakStyleConfig);
const DxBreakStyle = (0, vue_1.defineComponent)(DxBreakStyleConfig);
exports.DxBreakStyle = DxBreakStyle;
DxBreakStyle.$_optionName = "breakStyle";
const DxChartTitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:horizontalAlignment": null,
"update:margin": null,
"update:placeholderSize": null,
"update:subtitle": null,
"update:text": null,
"update:textOverflow": null,
"update:verticalAlignment": null,
"update:wordWrap": null,
},
props: {
font: Object,
horizontalAlignment: String,
margin: [Number, Object],
placeholderSize: Number,
subtitle: [Object, String],
text: String,
textOverflow: String,
verticalAlignment: String,
wordWrap: String
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxChartTitleConfig);
const DxChartTitle = (0, vue_1.defineComponent)(DxChartTitleConfig);
exports.DxChartTitle = DxChartTitle;
DxChartTitle.$_optionName = "title";
DxChartTitle.$_expectedChildren = {
chartTitleSubtitle: { isCollectionItem: false, optionName: "subtitle" },
font: { isCollectionItem: false, optionName: "font" },
margin: { isCollectionItem: false, optionName: "margin" },
subtitle: { isCollectionItem: false, optionName: "subtitle" }
};
const DxChartTitleSubtitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:offset": null,
"update:text": null,
"update:textOverflow": null,
"update:wordWrap": null,
},
props: {
font: Object,
offset: Number,
text: String,
textOverflow: String,
wordWrap: String
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxChartTitleSubtitleConfig);
const DxChartTitleSubtitle = (0, vue_1.defineComponent)(DxChartTitleSubtitleConfig);
exports.DxChartTitleSubtitle = DxChartTitleSubtitle;
DxChartTitleSubtitle.$_optionName = "subtitle";
DxChartTitleSubtitle.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxColorConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:base": null,
"update:fillId": null,
},
props: {
base: String,
fillId: String
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxColorConfig);
const DxColor = (0, vue_1.defineComponent)(DxColorConfig);
exports.DxColor = DxColor;
DxColor.$_optionName = "color";
const DxCommonAnnotationSettingsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:allowDragging": null,
"update:argument": null,
"update:arrowLength": null,
"update:arrowWidth": null,
"update:axis": null,
"update:border": null,
"update:color": null,
"update:customizeTooltip": null,
"update:data": null,
"update:description": null,
"update:font": null,
"update:height": null,
"update:image": null,
"update:offsetX": null,
"update:offsetY": null,
"update:opacity": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:series": null,
"update:shadow": null,
"update:template": null,
"update:text": null,
"update:textOverflow": null,
"update:tooltipEnabled": null,
"update:tooltipTemplate": null,
"update:type": null,
"update:value": null,
"update:width": null,
"update:wordWrap": null,
"update:x": null,
"update:y": null,
},
props: {
allowDragging: Boolean,
argument: [Date, Number, String],
arrowLength: Number,
arrowWidth: Number,
axis: String,
border: Object,
color: String,
customizeTooltip: Function,
data: {},
description: String,
font: Object,
height: Number,
image: [Object, String],
offsetX: Number,
offsetY: Number,
opacity: Number,
paddingLeftRight: Number,
paddingTopBottom: Number,
series: String,
shadow: Object,
template: {},
text: String,
textOverflow: String,
tooltipEnabled: Boolean,
tooltipTemplate: {},
type: String,
value: [Date, Number, String],
width: Number,
wordWrap: String,
x: Number,
y: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxCommonAnnotationSettingsConfig);
const DxCommonAnnotationSettings = (0, vue_1.defineComponent)(DxCommonAnnotationSettingsConfig);
exports.DxCommonAnnotationSettings = DxCommonAnnotationSettings;
DxCommonAnnotationSettings.$_optionName = "commonAnnotationSettings";
DxCommonAnnotationSettings.$_expectedChildren = {
annotationBorder: { isCollectionItem: false, optionName: "border" },
annotationImage: { isCollectionItem: false, optionName: "image" },
border: { isCollectionItem: false, optionName: "border" },
font: { isCollectionItem: false, optionName: "font" },
image: { isCollectionItem: false, optionName: "image" },
shadow: { isCollectionItem: false, optionName: "shadow" }
};
const DxCommonAxisSettingsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:aggregatedPointsPosition": null,
"update:allowDecimals": null,
"update:breakStyle": null,
"update:color": null,
"update:constantLineStyle": null,
"update:discreteAxisDivisionMode": null,
"update:endOnTick": null,
"update:grid": null,
"update:inverted": null,
"update:label": null,
"update:maxValueMargin": null,
"update:minorGrid": null,
"update:minorTick": null,
"update:minValueMargin": null,
"update:opacity": null,
"update:placeholderSize": null,
"update:stripStyle": null,
"update:tick": null,
"update:title": null,
"update:valueMarginsEnabled": null,
"update:visible": null,
"update:width": null,
},
props: {
aggregatedPointsPosition: String,
allowDecimals: Boolean,
breakStyle: Object,
color: String,
constantLineStyle: Object,
discreteAxisDivisionMode: String,
endOnTick: Boolean,
grid: Object,
inverted: Boolean,
label: Object,
maxValueMargin: Number,
minorGrid: Object,
minorTick: Object,
minValueMargin: Number,
opacity: Number,
placeholderSize: Number,
stripStyle: Object,
tick: Object,
title: Object,
valueMarginsEnabled: Boolean,
visible: Boolean,
width: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxCommonAxisSettingsConfig);
const DxCommonAxisSettings = (0, vue_1.defineComponent)(DxCommonAxisSettingsConfig);
exports.DxCommonAxisSettings = DxCommonAxisSettings;
DxCommonAxisSettings.$_optionName = "commonAxisSettings";
DxCommonAxisSettings.$_expectedChildren = {
breakStyle: { isCollectionItem: false, optionName: "breakStyle" },
commonAxisSettingsConstantLineStyle: { isCollectionItem: false, optionName: "constantLineStyle" },
commonAxisSettingsLabel: { isCollectionItem: false, optionName: "label" },
commonAxisSettingsTitle: { isCollectionItem: false, optionName: "title" },
constantLineStyle: { isCollectionItem: false, optionName: "constantLineStyle" },
grid: { isCollectionItem: false, optionName: "grid" },
label: { isCollectionItem: false, optionName: "label" },
minorGrid: { isCollectionItem: false, optionName: "minorGrid" },
minorTick: { isCollectionItem: false, optionName: "minorTick" },
stripStyle: { isCollectionItem: false, optionName: "stripStyle" },
tick: { isCollectionItem: false, optionName: "tick" },
title: { isCollectionItem: false, optionName: "title" }
};
const DxCommonAxisSettingsConstantLineStyleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:color": null,
"update:dashStyle": null,
"update:label": null,
"update:paddingLeftRight": null,
"update:paddingTopBottom": null,
"update:width": null,
},
props: {
color: String,
dashStyle: String,
label: Object,
paddingLeftRight: Number,
paddingTopBottom: Number,
width: Number
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxCommonAxisSettingsConstantLineStyleConfig);
const DxCommonAxisSettingsConstantLineStyle = (0, vue_1.defineComponent)(DxCommonAxisSettingsConstantLineStyleConfig);
exports.DxCommonAxisSettingsConstantLineStyle = DxCommonAxisSettingsConstantLineStyle;
DxCommonAxisSettingsConstantLineStyle.$_optionName = "constantLineStyle";
DxCommonAxisSettingsConstantLineStyle.$_expectedChildren = {
commonAxisSettingsConstantLineStyleLabel: { isCollectionItem: false, optionName: "label" },
label: { isCollectionItem: false, optionName: "label" }
};
const DxCommonAxisSettingsConstantLineStyleLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:font": null,
"update:position": null,
"update:visible": null,
},
props: {
font: Object,
position: String,
visible: Boolean
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxCommonAxisSettingsConstantLineStyleLabelConfig);
const DxCommonAxisSettingsConstantLineStyleLabel = (0, vue_1.defineComponent)(DxCommonAxisSettingsConstantLineStyleLabelConfig);
exports.DxCommonAxisSettingsConstantLineStyleLabel = DxCommonAxisSettingsConstantLineStyleLabel;
DxCommonAxisSettingsConstantLineStyleLabel.$_optionName = "label";
DxCommonAxisSettingsConstantLineStyleLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxCommonAxisSettingsLabelConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:displayMode": null,
"update:font": null,
"update:indentFromAxis": null,
"update:overlappingBehavior": null,
"update:position": null,
"update:rotationAngle": null,
"update:staggeringSpacing": null,
"update:template": null,
"update:textOverflow": null,
"update:visible": null,
"update:wordWrap": null,
},
props: {
alignment: String,
displayMode: String,
font: Object,
indentFromAxis: Number,
overlappingBehavior: String,
position: String,
rotationAngle: Number,
staggeringSpacing: Number,
template: {},
textOverflow: String,
visible: Boolean,
wordWrap: String
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxCommonAxisSettingsLabelConfig);
const DxCommonAxisSettingsLabel = (0, vue_1.defineComponent)(DxCommonAxisSettingsLabelConfig);
exports.DxCommonAxisSettingsLabel = DxCommonAxisSettingsLabel;
DxCommonAxisSettingsLabel.$_optionName = "label";
DxCommonAxisSettingsLabel.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxCommonAxisSettingsTitleConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:alignment": null,
"update:font": null,
"update:margin": null,
"update:textOverflow": null,
"update:wordWrap": null,
},
props: {
alignment: String,
font: Object,
margin: Number,
textOverflow: String,
wordWrap: String
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxCommonAxisSettingsTitleConfig);
const DxCommonAxisSettingsTitle = (0, vue_1.defineComponent)(DxCommonAxisSettingsTitleConfig);
exports.DxCommonAxisSettingsTitle = DxCommonAxisSettingsTitle;
DxCommonAxisSettingsTitle.$_optionName = "title";
DxCommonAxisSettingsTitle.$_expectedChildren = {
font: { isCollectionItem: false, optionName: "font" }
};
const DxCommonPaneSettingsConfig = {
emits: {
"update:isActive": null,
"update:hoveredElement": null,
"update:backgroundColor": null,
"update:border": null,
},
props: {
backgroundColor: [Object, String],
border: Object
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxCommonPaneSettingsConfig);
const DxCommonPaneSettings = (0, vue_1.defineComponent)(DxCommonPaneSettingsConfig);
exports.DxCommonPaneSettings = DxCommonPaneSettings;
DxCommonPaneSettings.$_optionName = "commonPaneSettings";
DxCommonPaneSettings.$_expectedChildren = {
backgroundColor: { isCollectionItem: false, optionName: "backgroundColor" },
border: { isCollectionItem: false, optionName: "border" },
paneBorder: { isCollectionItem: false, optionName: "border" }
};
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxCommonSeriesSettingsConfig);
const DxCommonSeriesSettings = (0, vue_1.defineComponent)(DxCommonSeriesSettingsConfig);
exports.DxCommonSeriesSettings = DxCommonSeriesSettings;
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
}
};
(0, index_2.prepareConfigurationComponentConfig)(DxCommonSeriesSettingsHoverStyleConfig);
const DxCommonSeriesSettingsHoverStyle = (0, vue_1.defineComponent)(DxCommonSeriesSettingsHoverStyleConfig);
exports.DxCommonSeriesSettingsHoverStyle = DxCommonSeriesSettingsHoverStyle;
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:showForZer