devextreme-vue 23.2.6 → 24.1.2-beta

package/cjs/accordion.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-vue
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -13,7 +13,7 @@
 
 export { ExplicitTypes } from "devextreme/ui/accordion";
 import Accordion, { Properties } from "devextreme/ui/accordion";
-declare type AccessibleOptions = Pick<Properties, "accessKey" | "activeStateEnabled" | "animationDuration" | "collapsible" | "dataSource" | "deferRendering" | "disabled" | "elementAttr" | "focusStateEnabled" | "height" | "hint" | "hoverStateEnabled" | "itemHoldTimeout" | "items" | "itemTemplate" | "itemTitleTemplate" | "keyExpr" | "multiple" | "noDataText" | "onContentReady" | "onDisposing" | "onInitialized" | "onItemClick" | "onItemContextMenu" | "onItemHold" | "onItemRendered" | "onItemTitleClick" | "onOptionChanged" | "onSelectionChanged" | "repaintChangesOnly" | "rtlEnabled" | "selectedIndex" | "selectedItem" | "selectedItemKeys" | "selectedItems" | "tabIndex" | "visible" | "width">;
+type AccessibleOptions = Pick<Properties, "accessKey" | "activeStateEnabled" | "animationDuration" | "collapsible" | "dataSource" | "deferRendering" | "disabled" | "elementAttr" | "focusStateEnabled" | "height" | "hint" | "hoverStateEnabled" | "itemHoldTimeout" | "items" | "itemTemplate" | "itemTitleTemplate" | "keyExpr" | "multiple" | "noDataText" | "onContentReady" | "onDisposing" | "onInitialized" | "onItemClick" | "onItemContextMenu" | "onItemHold" | "onItemRendered" | "onItemTitleClick" | "onOptionChanged" | "onSelectionChanged" | "repaintChangesOnly" | "rtlEnabled" | "selectedIndex" | "selectedItem" | "selectedItemKeys" | "selectedItems" | "tabIndex" | "visible" | "width">;
 interface DxAccordion extends AccessibleOptions {
     readonly instance?: Accordion;
 }

package/cjs/accordion.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-vue
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -20,7 +20,7 @@ exports.DxItem = exports.DxAccordion = void 0;
 var accordion_1 = __importDefault(require("devextreme/ui/accordion"));
 var index_1 = require("./core/index");
 var index_2 = require("./core/index");
-var DxAccordion = index_1.createComponent({
+var DxAccordion = (0, index_1.createComponent)({
     props: {
         accessKey: String,
         activeStateEnabled: Boolean,
@@ -117,7 +117,7 @@ var DxAccordion = index_1.createComponent({
     }
 });
 exports.DxAccordion = DxAccordion;
-var DxItem = index_2.createConfigurationComponent({
+var DxItem = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,

package/cjs/action-sheet.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-vue
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -13,7 +13,7 @@
 
 export { ExplicitTypes } from "devextreme/ui/action_sheet";
 import ActionSheet, { Properties } from "devextreme/ui/action_sheet";
-declare type AccessibleOptions = Pick<Properties, "cancelText" | "dataSource" | "disabled" | "elementAttr" | "height" | "hint" | "hoverStateEnabled" | "itemHoldTimeout" | "items" | "itemTemplate" | "onCancelClick" | "onContentReady" | "onDisposing" | "onInitialized" | "onItemClick" | "onItemContextMenu" | "onItemHold" | "onItemRendered" | "onOptionChanged" | "rtlEnabled" | "showCancelButton" | "showTitle" | "target" | "title" | "usePopover" | "visible" | "width">;
+type AccessibleOptions = Pick<Properties, "cancelText" | "dataSource" | "disabled" | "elementAttr" | "height" | "hint" | "hoverStateEnabled" | "itemHoldTimeout" | "items" | "itemTemplate" | "onCancelClick" | "onContentReady" | "onDisposing" | "onInitialized" | "onItemClick" | "onItemContextMenu" | "onItemHold" | "onItemRendered" | "onOptionChanged" | "rtlEnabled" | "showCancelButton" | "showTitle" | "target" | "title" | "usePopover" | "visible" | "width">;
 interface DxActionSheet extends AccessibleOptions {
     readonly instance?: ActionSheet;
 }

package/cjs/action-sheet.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-vue
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -20,7 +20,7 @@ exports.DxItem = exports.DxActionSheet = void 0;
 var action_sheet_1 = __importDefault(require("devextreme/ui/action_sheet"));
 var index_1 = require("./core/index");
 var index_2 = require("./core/index");
-var DxActionSheet = index_1.createComponent({
+var DxActionSheet = (0, index_1.createComponent)({
     props: {
         cancelText: String,
         dataSource: {},
@@ -95,7 +95,7 @@ var DxActionSheet = index_1.createComponent({
     }
 });
 exports.DxActionSheet = DxActionSheet;
-var DxItem = index_2.createConfigurationComponent({
+var DxItem = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,

package/cjs/autocomplete.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-vue
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,7 +12,7 @@
  */
 
 import Autocomplete, { Properties } from "devextreme/ui/autocomplete";
-declare type AccessibleOptions = Pick<Properties, "accessKey" | "activeStateEnabled" | "buttons" | "dataSource" | "deferRendering" | "disabled" | "displayValue" | "dropDownButtonTemplate" | "dropDownOptions" | "elementAttr" | "focusStateEnabled" | "grouped" | "groupTemplate" | "height" | "hint" | "hoverStateEnabled" | "inputAttr" | "isDirty" | "isValid" | "items" | "itemTemplate" | "label" | "labelMode" | "maxItemCount" | "maxLength" | "minSearchLength" | "name" | "onChange" | "onClosed" | "onContentReady" | "onCopy" | "onCut" | "onDisposing" | "onEnterKey" | "onFocusIn" | "onFocusOut" | "onInitialized" | "onInput" | "onItemClick" | "onKeyDown" | "onKeyUp" | "onOpened" | "onOptionChanged" | "onPaste" | "onSelectionChanged" | "onValueChanged" | "opened" | "openOnFieldClick" | "placeholder" | "readOnly" | "rtlEnabled" | "searchExpr" | "searchMode" | "searchTimeout" | "selectedItem" | "showClearButton" | "showDropDownButton" | "spellcheck" | "stylingMode" | "tabIndex" | "text" | "useItemTextAsTitle" | "validationError" | "validationErrors" | "validationMessageMode" | "validationMessagePosition" | "validationStatus" | "value" | "valueChangeEvent" | "valueExpr" | "visible" | "width" | "wrapItemText">;
+type AccessibleOptions = Pick<Properties, "accessKey" | "activeStateEnabled" | "buttons" | "dataSource" | "deferRendering" | "disabled" | "displayValue" | "dropDownButtonTemplate" | "dropDownOptions" | "elementAttr" | "focusStateEnabled" | "grouped" | "groupTemplate" | "height" | "hint" | "hoverStateEnabled" | "inputAttr" | "isDirty" | "isValid" | "items" | "itemTemplate" | "label" | "labelMode" | "maxItemCount" | "maxLength" | "minSearchLength" | "name" | "onChange" | "onClosed" | "onContentReady" | "onCopy" | "onCut" | "onDisposing" | "onEnterKey" | "onFocusIn" | "onFocusOut" | "onInitialized" | "onInput" | "onItemClick" | "onKeyDown" | "onKeyUp" | "onOpened" | "onOptionChanged" | "onPaste" | "onSelectionChanged" | "onValueChanged" | "opened" | "openOnFieldClick" | "placeholder" | "readOnly" | "rtlEnabled" | "searchExpr" | "searchMode" | "searchTimeout" | "selectedItem" | "showClearButton" | "showDropDownButton" | "spellcheck" | "stylingMode" | "tabIndex" | "text" | "useItemTextAsTitle" | "validationError" | "validationErrors" | "validationMessageMode" | "validationMessagePosition" | "validationStatus" | "value" | "valueChangeEvent" | "valueExpr" | "visible" | "width" | "wrapItemText">;
 interface DxAutocomplete extends AccessibleOptions {
     readonly instance?: Autocomplete;
 }

package/cjs/autocomplete.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-vue
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -20,7 +20,7 @@ exports.DxToolbarItem = exports.DxTo = exports.DxShow = exports.DxPosition = exp
 var autocomplete_1 = __importDefault(require("devextreme/ui/autocomplete"));
 var index_1 = require("./core/index");
 var index_2 = require("./core/index");
-var DxAutocomplete = index_1.createComponent({
+var DxAutocomplete = (0, index_1.createComponent)({
     props: {
         accessKey: String,
         activeStateEnabled: Boolean,
@@ -190,7 +190,7 @@ var DxAutocomplete = index_1.createComponent({
     }
 });
 exports.DxAutocomplete = DxAutocomplete;
-var DxAnimation = index_2.createConfigurationComponent({
+var DxAnimation = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -208,7 +208,7 @@ DxAnimation.$_expectedChildren = {
     hide: { isCollectionItem: false, optionName: "hide" },
     show: { isCollectionItem: false, optionName: "show" }
 };
-var DxAt = index_2.createConfigurationComponent({
+var DxAt = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -222,7 +222,7 @@ var DxAt = index_2.createConfigurationComponent({
 });
 exports.DxAt = DxAt;
 DxAt.$_optionName = "at";
-var DxBoundaryOffset = index_2.createConfigurationComponent({
+var DxBoundaryOffset = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -236,7 +236,7 @@ var DxBoundaryOffset = index_2.createConfigurationComponent({
 });
 exports.DxBoundaryOffset = DxBoundaryOffset;
 DxBoundaryOffset.$_optionName = "boundaryOffset";
-var DxButton = index_2.createConfigurationComponent({
+var DxButton = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -256,7 +256,7 @@ DxButton.$_isCollectionItem = true;
 DxButton.$_expectedChildren = {
     options: { isCollectionItem: false, optionName: "options" }
 };
-var DxCollision = index_2.createConfigurationComponent({
+var DxCollision = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -270,7 +270,7 @@ var DxCollision = index_2.createConfigurationComponent({
 });
 exports.DxCollision = DxCollision;
 DxCollision.$_optionName = "collision";
-var DxDropDownOptions = index_2.createConfigurationComponent({
+var DxDropDownOptions = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -280,13 +280,11 @@ var DxDropDownOptions = index_2.createConfigurationComponent({
         "update:closeOnOutsideClick": null,
         "update:container": null,
         "update:contentTemplate": null,
-        "update:copyRootClassesToWrapper": null,
         "update:deferRendering": null,
         "update:disabled": null,
         "update:dragAndResizeArea": null,
         "update:dragEnabled": null,
         "update:dragOutsideBoundary": null,
-        "update:elementAttr": null,
         "update:enableBodyScroll": null,
         "update:focusStateEnabled": null,
         "update:fullScreen": null,
@@ -334,13 +332,11 @@ var DxDropDownOptions = index_2.createConfigurationComponent({
         closeOnOutsideClick: [Boolean, Function],
         container: {},
         contentTemplate: {},
-        copyRootClassesToWrapper: Boolean,
         deferRendering: Boolean,
         disabled: Boolean,
         dragAndResizeArea: {},
         dragEnabled: Boolean,
         dragOutsideBoundary: Boolean,
-        elementAttr: {},
         enableBodyScroll: Boolean,
         focusStateEnabled: Boolean,
         fullScreen: Boolean,
@@ -389,7 +385,7 @@ DxDropDownOptions.$_expectedChildren = {
     position: { isCollectionItem: false, optionName: "position" },
     toolbarItem: { isCollectionItem: true, optionName: "toolbarItems" }
 };
-var DxFrom = index_2.createConfigurationComponent({
+var DxFrom = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -412,7 +408,7 @@ DxFrom.$_optionName = "from";
 DxFrom.$_expectedChildren = {
     position: { isCollectionItem: false, optionName: "position" }
 };
-var DxHide = index_2.createConfigurationComponent({
+var DxHide = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -446,7 +442,7 @@ DxHide.$_expectedChildren = {
     from: { isCollectionItem: false, optionName: "from" },
     to: { isCollectionItem: false, optionName: "to" }
 };
-var DxItem = index_2.createConfigurationComponent({
+var DxItem = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -467,7 +463,7 @@ var DxItem = index_2.createConfigurationComponent({
 exports.DxItem = DxItem;
 DxItem.$_optionName = "items";
 DxItem.$_isCollectionItem = true;
-var DxMy = index_2.createConfigurationComponent({
+var DxMy = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -481,7 +477,7 @@ var DxMy = index_2.createConfigurationComponent({
 });
 exports.DxMy = DxMy;
 DxMy.$_optionName = "my";
-var DxOffset = index_2.createConfigurationComponent({
+var DxOffset = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -495,7 +491,7 @@ var DxOffset = index_2.createConfigurationComponent({
 });
 exports.DxOffset = DxOffset;
 DxOffset.$_optionName = "offset";
-var DxOptions = index_2.createConfigurationComponent({
+var DxOptions = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -555,7 +551,7 @@ var DxOptions = index_2.createConfigurationComponent({
 });
 exports.DxOptions = DxOptions;
 DxOptions.$_optionName = "options";
-var DxPosition = index_2.createConfigurationComponent({
+var DxPosition = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -579,7 +575,7 @@ var DxPosition = index_2.createConfigurationComponent({
 });
 exports.DxPosition = DxPosition;
 DxPosition.$_optionName = "position";
-var DxShow = index_2.createConfigurationComponent({
+var DxShow = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -609,7 +605,7 @@ var DxShow = index_2.createConfigurationComponent({
 });
 exports.DxShow = DxShow;
 DxShow.$_optionName = "show";
-var DxTo = index_2.createConfigurationComponent({
+var DxTo = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -629,7 +625,7 @@ var DxTo = index_2.createConfigurationComponent({
 });
 exports.DxTo = DxTo;
 DxTo.$_optionName = "to";
-var DxToolbarItem = index_2.createConfigurationComponent({
+var DxToolbarItem = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,

package/cjs/bar-gauge.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-vue
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,7 +12,7 @@
  */
 
 import BarGauge, { Properties } from "devextreme/viz/bar_gauge";
-declare type AccessibleOptions = Pick<Properties, "animation" | "backgroundColor" | "barSpacing" | "baseValue" | "centerTemplate" | "disabled" | "elementAttr" | "endValue" | "export" | "geometry" | "label" | "legend" | "loadingIndicator" | "margin" | "onDisposing" | "onDrawn" | "onExported" | "onExporting" | "onFileSaving" | "onIncidentOccurred" | "onInitialized" | "onOptionChanged" | "onTooltipHidden" | "onTooltipShown" | "palette" | "paletteExtensionMode" | "pathModified" | "redrawOnResize" | "relativeInnerRadius" | "resolveLabelOverlapping" | "rtlEnabled" | "size" | "startValue" | "theme" | "title" | "tooltip" | "values">;
+type AccessibleOptions = Pick<Properties, "animation" | "backgroundColor" | "barSpacing" | "baseValue" | "centerTemplate" | "disabled" | "elementAttr" | "endValue" | "export" | "geometry" | "label" | "legend" | "loadingIndicator" | "margin" | "onDisposing" | "onDrawn" | "onExported" | "onExporting" | "onFileSaving" | "onIncidentOccurred" | "onInitialized" | "onOptionChanged" | "onTooltipHidden" | "onTooltipShown" | "palette" | "paletteExtensionMode" | "pathModified" | "redrawOnResize" | "relativeInnerRadius" | "resolveLabelOverlapping" | "rtlEnabled" | "size" | "startValue" | "theme" | "title" | "tooltip" | "values">;
 interface DxBarGauge extends AccessibleOptions {
     readonly instance?: BarGauge;
 }

package/cjs/bar-gauge.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-vue
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -20,7 +20,7 @@ exports.DxTooltipBorder = exports.DxTooltip = exports.DxTitle = exports.DxSubtit
 var bar_gauge_1 = __importDefault(require("devextreme/viz/bar_gauge"));
 var index_1 = require("./core/index");
 var index_2 = require("./core/index");
-var DxBarGauge = index_1.createComponent({
+var DxBarGauge = (0, index_1.createComponent)({
     props: {
         animation: {},
         backgroundColor: String,
@@ -125,7 +125,7 @@ var DxBarGauge = index_1.createComponent({
     }
 });
 exports.DxBarGauge = DxBarGauge;
-var DxAnimation = index_2.createConfigurationComponent({
+var DxAnimation = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -141,7 +141,7 @@ var DxAnimation = index_2.createConfigurationComponent({
 });
 exports.DxAnimation = DxAnimation;
 DxAnimation.$_optionName = "animation";
-var DxBarGaugeTitle = index_2.createConfigurationComponent({
+var DxBarGaugeTitle = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -175,7 +175,7 @@ DxBarGaugeTitle.$_expectedChildren = {
     margin: { isCollectionItem: false, optionName: "margin" },
     subtitle: { isCollectionItem: false, optionName: "subtitle" }
 };
-var DxBarGaugeTitleSubtitle = index_2.createConfigurationComponent({
+var DxBarGaugeTitleSubtitle = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -198,7 +198,7 @@ DxBarGaugeTitleSubtitle.$_optionName = "subtitle";
 DxBarGaugeTitleSubtitle.$_expectedChildren = {
     font: { isCollectionItem: false, optionName: "font" }
 };
-var DxBorder = index_2.createConfigurationComponent({
+var DxBorder = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -220,7 +220,7 @@ var DxBorder = index_2.createConfigurationComponent({
 });
 exports.DxBorder = DxBorder;
 DxBorder.$_optionName = "border";
-var DxExport = index_2.createConfigurationComponent({
+var DxExport = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -244,7 +244,7 @@ var DxExport = index_2.createConfigurationComponent({
 });
 exports.DxExport = DxExport;
 DxExport.$_optionName = "export";
-var DxFont = index_2.createConfigurationComponent({
+var DxFont = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -264,7 +264,7 @@ var DxFont = index_2.createConfigurationComponent({
 });
 exports.DxFont = DxFont;
 DxFont.$_optionName = "font";
-var DxFormat = index_2.createConfigurationComponent({
+var DxFormat = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -286,7 +286,7 @@ var DxFormat = index_2.createConfigurationComponent({
 });
 exports.DxFormat = DxFormat;
 DxFormat.$_optionName = "format";
-var DxGeometry = index_2.createConfigurationComponent({
+var DxGeometry = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -300,7 +300,7 @@ var DxGeometry = index_2.createConfigurationComponent({
 });
 exports.DxGeometry = DxGeometry;
 DxGeometry.$_optionName = "geometry";
-var DxItemTextFormat = index_2.createConfigurationComponent({
+var DxItemTextFormat = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -322,7 +322,7 @@ var DxItemTextFormat = index_2.createConfigurationComponent({
 });
 exports.DxItemTextFormat = DxItemTextFormat;
 DxItemTextFormat.$_optionName = "itemTextFormat";
-var DxLabel = index_2.createConfigurationComponent({
+var DxLabel = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -350,7 +350,7 @@ DxLabel.$_expectedChildren = {
     font: { isCollectionItem: false, optionName: "font" },
     format: { isCollectionItem: false, optionName: "format" }
 };
-var DxLegend = index_2.createConfigurationComponent({
+var DxLegend = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -415,7 +415,7 @@ DxLegend.$_expectedChildren = {
     margin: { isCollectionItem: false, optionName: "margin" },
     title: { isCollectionItem: false, optionName: "title" }
 };
-var DxLegendBorder = index_2.createConfigurationComponent({
+var DxLegendBorder = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -437,7 +437,7 @@ var DxLegendBorder = index_2.createConfigurationComponent({
 });
 exports.DxLegendBorder = DxLegendBorder;
 DxLegendBorder.$_optionName = "border";
-var DxLegendTitle = index_2.createConfigurationComponent({
+var DxLegendTitle = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -467,7 +467,7 @@ DxLegendTitle.$_expectedChildren = {
     margin: { isCollectionItem: false, optionName: "margin" },
     subtitle: { isCollectionItem: false, optionName: "subtitle" }
 };
-var DxLegendTitleSubtitle = index_2.createConfigurationComponent({
+var DxLegendTitleSubtitle = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -486,7 +486,7 @@ DxLegendTitleSubtitle.$_optionName = "subtitle";
 DxLegendTitleSubtitle.$_expectedChildren = {
     font: { isCollectionItem: false, optionName: "font" }
 };
-var DxLoadingIndicator = index_2.createConfigurationComponent({
+var DxLoadingIndicator = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -507,7 +507,7 @@ DxLoadingIndicator.$_optionName = "loadingIndicator";
 DxLoadingIndicator.$_expectedChildren = {
     font: { isCollectionItem: false, optionName: "font" }
 };
-var DxMargin = index_2.createConfigurationComponent({
+var DxMargin = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -525,7 +525,7 @@ var DxMargin = index_2.createConfigurationComponent({
 });
 exports.DxMargin = DxMargin;
 DxMargin.$_optionName = "margin";
-var DxShadow = index_2.createConfigurationComponent({
+var DxShadow = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -545,7 +545,7 @@ var DxShadow = index_2.createConfigurationComponent({
 });
 exports.DxShadow = DxShadow;
 DxShadow.$_optionName = "shadow";
-var DxSize = index_2.createConfigurationComponent({
+var DxSize = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -559,7 +559,7 @@ var DxSize = index_2.createConfigurationComponent({
 });
 exports.DxSize = DxSize;
 DxSize.$_optionName = "size";
-var DxSubtitle = index_2.createConfigurationComponent({
+var DxSubtitle = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -579,7 +579,7 @@ var DxSubtitle = index_2.createConfigurationComponent({
 });
 exports.DxSubtitle = DxSubtitle;
 DxSubtitle.$_optionName = "subtitle";
-var DxTitle = index_2.createConfigurationComponent({
+var DxTitle = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -607,7 +607,7 @@ var DxTitle = index_2.createConfigurationComponent({
 });
 exports.DxTitle = DxTitle;
 DxTitle.$_optionName = "title";
-var DxTooltip = index_2.createConfigurationComponent({
+var DxTooltip = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,
@@ -656,7 +656,7 @@ DxTooltip.$_expectedChildren = {
     shadow: { isCollectionItem: false, optionName: "shadow" },
     tooltipBorder: { isCollectionItem: false, optionName: "border" }
 };
-var DxTooltipBorder = index_2.createConfigurationComponent({
+var DxTooltipBorder = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,

package/cjs/box.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-vue
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -13,7 +13,7 @@
 
 export { ExplicitTypes } from "devextreme/ui/box";
 import Box, { Properties } from "devextreme/ui/box";
-declare type AccessibleOptions = Pick<Properties, "align" | "crossAlign" | "dataSource" | "direction" | "disabled" | "elementAttr" | "height" | "hoverStateEnabled" | "itemHoldTimeout" | "items" | "itemTemplate" | "onContentReady" | "onDisposing" | "onInitialized" | "onItemClick" | "onItemContextMenu" | "onItemHold" | "onItemRendered" | "onOptionChanged" | "rtlEnabled" | "visible" | "width">;
+type AccessibleOptions = Pick<Properties, "align" | "crossAlign" | "dataSource" | "direction" | "disabled" | "elementAttr" | "height" | "hoverStateEnabled" | "itemHoldTimeout" | "items" | "itemTemplate" | "onContentReady" | "onDisposing" | "onInitialized" | "onItemClick" | "onItemContextMenu" | "onItemHold" | "onItemRendered" | "onOptionChanged" | "rtlEnabled" | "visible" | "width">;
 interface DxBox extends AccessibleOptions {
     readonly instance?: Box;
 }

package/cjs/box.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-vue
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -20,7 +20,7 @@ exports.DxItem = exports.DxBox = void 0;
 var box_1 = __importDefault(require("devextreme/ui/box"));
 var index_1 = require("./core/index");
 var index_2 = require("./core/index");
-var DxBox = index_1.createComponent({
+var DxBox = (0, index_1.createComponent)({
     props: {
         align: String,
         crossAlign: String,
@@ -85,7 +85,7 @@ var DxBox = index_1.createComponent({
     }
 });
 exports.DxBox = DxBox;
-var DxItem = index_2.createConfigurationComponent({
+var DxItem = (0, index_2.createConfigurationComponent)({
     emits: {
         "update:isActive": null,
         "update:hoveredElement": null,

package/cjs/bullet.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-vue
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -12,7 +12,7 @@
  */
 
 import Bullet, { Properties } from "devextreme/viz/bullet";
-declare type AccessibleOptions = Pick<Properties, "color" | "disabled" | "elementAttr" | "endScaleValue" | "margin" | "onDisposing" | "onDrawn" | "onExported" | "onExporting" | "onFileSaving" | "onIncidentOccurred" | "onInitialized" | "onOptionChanged" | "onTooltipHidden" | "onTooltipShown" | "pathModified" | "rtlEnabled" | "showTarget" | "showZeroLevel" | "size" | "startScaleValue" | "target" | "targetColor" | "targetWidth" | "theme" | "tooltip" | "value">;
+type AccessibleOptions = Pick<Properties, "color" | "disabled" | "elementAttr" | "endScaleValue" | "margin" | "onDisposing" | "onDrawn" | "onExported" | "onExporting" | "onFileSaving" | "onIncidentOccurred" | "onInitialized" | "onOptionChanged" | "onTooltipHidden" | "onTooltipShown" | "pathModified" | "rtlEnabled" | "showTarget" | "showZeroLevel" | "size" | "startScaleValue" | "target" | "targetColor" | "targetWidth" | "theme" | "tooltip" | "value">;
 interface DxBullet extends AccessibleOptions {
     readonly instance?: Bullet;
 }