v24.2.3 is released

components/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)
 
 ### Barcode
 

components/base/CHANGELOG.md

@@ -2,7 +2,15 @@
 
 ## [Unreleased]
 
-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)
+
+### Common
+
+#### Bug Fixes
+
+- `#I528934` - The issue with "Reactivity is not working in Vue Grid component" has been resolved.
+
+## 24.1.41 (2023-12-18)
 
 ### Common
 

components/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-base",
-	"version": "19.3.53",
+	"version": "24.1.41",
 	"description": "A common package of Essential JS 2 base Vue libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/base/src/component-base.ts

@@ -2,7 +2,7 @@
  * Vue Component Base
  */
 import * as Vue from 'vue';
-import { isNullOrUndefined, extend, getValue } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, extend, getValue, setProxyToRaw } from '@syncfusion/ej2-base';
 
 function _interopRequireWildcard(obj: any) { if (obj && obj.__esModule) { return obj; } else { let newObj: any = {}; if (obj != null) { for (let key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[`${key}`] = obj[`${key}`]; } } newObj.default = obj; return newObj; } }
 
@@ -515,4 +515,6 @@ export function getProps(options: any = {}): any {
       }
     }
     return [options.newprops, options.watch];
-}
+}
+
+if (!isExecute) setProxyToRaw(aVue.toRaw);

components/calendars/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 24.2.3 (2024-01-31)
+
+### DateTimePicker
+
+#### Bug Fixes
+
+- `#I541657` - Fixed an issue where the change event in the DateTimePicker was firing after the first time losing focus when milliseconds were included.
+
 ## 24.1.47 (2024-01-23)
 
 ### DateRangePicker

components/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-calendars",
-	"version": "24.1.44",
+	"version": "24.1.47",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/calendars/src/calendar/calendar.component.ts

@@ -29,7 +29,7 @@ export let CalendarComponent: DefineVueComponent<CalendarModel> =  vueDefineComp
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new Calendar({}) as any,
+            ej2Instances: new Calendar({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,

components/calendars/src/datepicker/datepicker.component.ts

@@ -29,7 +29,7 @@ export let DatePickerComponent: DefineVueComponent<DatePickerModel> =  vueDefine
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new DatePicker({}) as any,
+            ej2Instances: new DatePicker({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,

components/calendars/src/daterangepicker/daterangepicker.component.ts

@@ -30,7 +30,7 @@ export let DateRangePickerComponent: DefineVueComponent<DateRangePickerModel> =
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new DateRangePicker({}) as any,
+            ej2Instances: new DateRangePicker({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: true as boolean,

components/calendars/src/datetimepicker/datetimepicker.component.ts

@@ -29,7 +29,7 @@ export let DateTimePickerComponent: DefineVueComponent<DateTimePickerModel> =  v
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new DateTimePicker({}) as any,
+            ej2Instances: new DateTimePicker({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,

components/calendars/src/timepicker/timepicker.component.ts

@@ -29,7 +29,7 @@ export let TimePickerComponent: DefineVueComponent<TimePickerModel> =  vueDefine
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new TimePicker({}) as any,
+            ej2Instances: new TimePicker({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,

components/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-charts",
-	"version": "24.1.46",
+	"version": "24.1.47",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/circulargauge/CHANGELOG.md

@@ -5,7 +5,7 @@
 
 ## [Unreleased]
 
-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)
 
 ### CircularGauge
 

components/diagrams/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 ## [Unreleased]
 
+## 24.2.3 (2024-01-31)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I533824` - Now, textAlign Justify is working correctly.
+- `#I539121` - Now, oldValue & newValue argument of size change event updated properly while resize the nodes.
+- `#FB50125` - Now, symbols are rendered properly in symbol palette.
+
+## 24.1.47 (2024-01-23)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I538596` - Now, resizing group node with pivot point works fine.
+- `#FB49421` - Now, selector renders at initial for multiselect tool.
+- `#I534426` - Now, Complex hierarchical tree layout is working fine while injecting line routing.
+- `#F186044` - Now, swimlane phase properties are dynamically updated during drag and drop operations.
+- `#F185333` - Now, swimlane header properties are dynamically updated during drag and drop operations.
+
 ## 24.1.46 (2024-01-17)
 
 ### Diagram

components/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-diagrams",
-	"version": "24.1.46",
+	"version": "24.1.47",
 	"description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/diagrams/src/diagram/diagram.component.ts

@@ -36,7 +36,7 @@ export let DiagramComponent: DefineVueComponent<DiagramModel> =  vueDefineCompon
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new Diagram({}) as any,
+            ej2Instances: new Diagram({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: true as boolean,

components/diagrams/src/overview/overview.component.ts

@@ -27,7 +27,7 @@ export let OverviewComponent: DefineVueComponent<OverviewModel> =  vueDefineComp
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new Overview({}) as any,
+            ej2Instances: new Overview({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: true as boolean,

components/diagrams/src/symbol-palette/symbolpalette.component.ts

@@ -28,7 +28,7 @@ export let SymbolPaletteComponent: DefineVueComponent<SymbolPaletteModel> =  vue
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new SymbolPalette({}) as any,
+            ej2Instances: new SymbolPalette({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: true as boolean,

components/documenteditor/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-documenteditor",
-	"version": "24.1.46",
+	"version": "24.1.47",
 	"description": "Feature-rich document editor control with built-in support for context menu, options pane and dialogs. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/dropdowns/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)
 
 ### ListBox
 

components/filemanager/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-filemanager",
-	"version": "24.1.45",
+	"version": "24.1.47",
 	"description": "Essential JS 2 FileManager Component for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/filemanager/src/file-manager/filemanager.component.ts

@@ -28,7 +28,7 @@ export let FileManagerComponent: DefineVueComponent<FileManagerModel> =  vueDefi
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new FileManager({}) as any,
+            ej2Instances: new FileManager({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: true as boolean,

components/gantt/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 ## [Unreleased]
 
+## 24.2.3 (2024-01-31)
+
+### GanttChart
+
+#### Bug Fixes
+
+- `#I540355` - RTE create column not working in dialog box issue has been fixed.
+- `#I543351` - The taskbar render validation not working properly issue has been fixed.
+
 ## 24.1.47 (2024-01-23)
 
 ### GanttChart

components/gantt/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-gantt",
-	"version": "24.1.46",
+	"version": "24.1.47",
 	"description": "Essential JS 2 Gantt Component for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/gantt/src/gantt/gantt.component.ts

@@ -35,7 +35,7 @@ export let GanttComponent: DefineVueComponent<GanttModel> =  vueDefineComponent(
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new Gantt({}) as any,
+            ej2Instances: new Gantt({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: true as boolean,

components/grids/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## [Unreleased]
 
+## 24.2.3 (2024-01-31)
+
+### Grid
+
+#### Bug fixes
+
+- `#FB49514` - Resolved the issue where the entire page was reloading on Command Column button actions in grid with remote data.
+- `#I537973` - Fixed the issue where the clear icon of the search bar was displayed when clicking outside the grid.
+- `#I532462` - Resolved the problem with focus and keyboard traversal in the `checkbox filter popup` elements and `filter menu` elements.
+- `#I538079` - The alignment issue with the frozen grid while using EJ compatibility CSS has been resolved.
+
 ## 24.1.47 (2024-01-23)
 
 ### Grid

components/grids/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-grids",
-	"version": "24.1.46",
+	"version": "24.1.47",
 	"description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/grids/src/grid/grid.component.ts

@@ -33,7 +33,7 @@ export let GridComponent: DefineVueComponent<GridModel> =  vueDefineComponent({
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new Grid({}) as any,
+            ej2Instances: new Grid({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: true as boolean,

components/grids/src/pager/pager.component.ts

@@ -29,7 +29,7 @@ export let PagerComponent: DefineVueComponent<PagerModel> =  vueDefineComponent(
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new Pager({}) as any,
+            ej2Instances: new Pager({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,

components/heatmap/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)
 
 ### HeatMap
 

components/imageeditor/src/image-editor/imageeditor.component.ts

@@ -27,7 +27,7 @@ export let ImageEditorComponent: DefineVueComponent<ImageEditorModel> =  vueDefi
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new ImageEditor({}) as any,
+            ej2Instances: new ImageEditor({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,

components/inputs/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-inputs",
-	"version": "24.1.45",
+	"version": "24.1.47",
 	"description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/inputs/src/color-picker/colorpicker.component.ts

@@ -29,7 +29,7 @@ export let ColorPickerComponent: DefineVueComponent<ColorPickerModel> =  vueDefi
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new ColorPicker({}) as any,
+            ej2Instances: new ColorPicker({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,

components/inputs/src/maskedtextbox/maskedtextbox.component.ts

@@ -29,7 +29,7 @@ export let MaskedTextBoxComponent: DefineVueComponent<MaskedTextBoxModel> =  vue
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new MaskedTextBox({}) as any,
+            ej2Instances: new MaskedTextBox({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,

components/inputs/src/numerictextbox/numerictextbox.component.ts

@@ -29,7 +29,7 @@ export let NumericTextBoxComponent: DefineVueComponent<NumericTextBoxModel> =  v
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new NumericTextBox({}) as any,
+            ej2Instances: new NumericTextBox({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,

components/inputs/src/rating/rating.component.ts

@@ -29,7 +29,7 @@ export let RatingComponent: DefineVueComponent<RatingModel> =  vueDefineComponen
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new Rating({}) as any,
+            ej2Instances: new Rating({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,

components/inputs/src/signature/signature.component.ts

@@ -27,7 +27,7 @@ export let SignatureComponent: DefineVueComponent<SignatureModel> =  vueDefineCo
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new Signature({}) as any,
+            ej2Instances: new Signature({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,

components/inputs/src/slider/slider.component.ts

@@ -29,7 +29,7 @@ export let SliderComponent: DefineVueComponent<SliderModel> =  vueDefineComponen
     provide() { return { custom: this.custom } },
     data() {
         return {
-            ej2Instance: new Slider({}) as any,
+            ej2Instances: new Slider({}) as any,
             propKeys: properties as string[],
             models: modelProps as string[],
             hasChildDirective: false as boolean,