v24.2.3 is released

2024-01-31 14:31:21 +00:00 · 2024-01-31 14:31:21 +00:00 · ed64eea4c8
--- a/components/barcodegenerator/CHANGELOG.md
+++ b/components/barcodegenerator/CHANGELOG.md
@ -2,7 +2,7 @@

 ## [Unreleased]

-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)

 ### Barcode

--- a/components/base/CHANGELOG.md
+++ b/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

--- a/components/base/package.json
+++ b/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",
--- a/components/base/src/component-base.ts
+++ b/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);
--- a/components/calendars/CHANGELOG.md
+++ b/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
--- a/components/calendars/package.json
+++ b/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",
--- a/components/calendars/src/calendar/calendar.component.ts
+++ b/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,
--- a/components/calendars/src/datepicker/datepicker.component.ts
+++ b/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,
--- a/components/calendars/src/daterangepicker/daterangepicker.component.ts
+++ b/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,
--- a/components/calendars/src/datetimepicker/datetimepicker.component.ts
+++ b/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,
--- a/components/calendars/src/timepicker/timepicker.component.ts
+++ b/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,
--- a/components/charts/package.json
+++ b/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",
--- a/components/circulargauge/CHANGELOG.md
+++ b/components/circulargauge/CHANGELOG.md
@ -5,7 +5,7 @@

 ## [Unreleased]

-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)

 ### CircularGauge

--- a/components/diagrams/CHANGELOG.md
+++ b/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
--- a/components/diagrams/package.json
+++ b/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",
--- a/components/diagrams/src/diagram/diagram.component.ts
+++ b/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,
--- a/components/diagrams/src/overview/overview.component.ts
+++ b/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,
--- a/components/diagrams/src/symbol-palette/symbolpalette.component.ts
+++ b/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,
--- a/components/documenteditor/package.json
+++ b/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",
--- a/components/dropdowns/CHANGELOG.md
+++ b/components/dropdowns/CHANGELOG.md
@ -2,7 +2,7 @@

 ## [Unreleased]

-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)

 ### ListBox

--- a/components/filemanager/package.json
+++ b/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",
--- a/components/filemanager/src/file-manager/filemanager.component.ts
+++ b/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,
--- a/components/gantt/CHANGELOG.md
+++ b/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
--- a/components/gantt/package.json
+++ b/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",
--- a/components/gantt/src/gantt/gantt.component.ts
+++ b/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,
--- a/components/grids/CHANGELOG.md
+++ b/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
--- a/components/grids/package.json
+++ b/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",
--- a/components/grids/src/grid/grid.component.ts
+++ b/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,
--- a/components/grids/src/pager/pager.component.ts
+++ b/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,
--- a/components/heatmap/CHANGELOG.md
+++ b/components/heatmap/CHANGELOG.md
@ -2,7 +2,7 @@

 ## [Unreleased]

-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)

 ### HeatMap

--- a/components/imageeditor/src/image-editor/imageeditor.component.ts
+++ b/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,
--- a/components/inputs/package.json
+++ b/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",
--- a/components/inputs/src/color-picker/colorpicker.component.ts
+++ b/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,
--- a/components/inputs/src/maskedtextbox/maskedtextbox.component.ts
+++ b/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,
--- a/components/inputs/src/numerictextbox/numerictextbox.component.ts
+++ b/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,
--- a/components/inputs/src/rating/rating.component.ts
+++ b/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,
--- a/components/inputs/src/signature/signature.component.ts
+++ b/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,
--- a/components/inputs/src/slider/slider.component.ts
+++ b/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,
--- a/components/inputs/src/textbox/textbox.component.ts
+++ b/components/inputs/src/textbox/textbox.component.ts
@ -29,7 +29,7 @@ export let TextBoxComponent: DefineVueComponent<TextBoxModel> =  vueDefineCompon
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new TextBox({}) as any,
+            ej2Instances: new TextBox({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/inputs/src/uploader/uploader.component.ts
+++ b/components/inputs/src/uploader/uploader.component.ts
@ -28,7 +28,7 @@ export let UploaderComponent: DefineVueComponent<UploaderModel> =  vueDefineComp
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Uploader({}) as any,
+            ej2Instances: new Uploader({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/kanban/package.json
+++ b/components/kanban/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-kanban",
-	"version": "24.1.46",
+	"version": "24.1.47",
 	"description": "The Kanban board is an efficient way to visualize the workflow at each stage along its path to completion. The most important features available are Swim lane, filtering, and editing. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/kanban/src/kanban/kanban.component.ts
+++ b/components/kanban/src/kanban/kanban.component.ts
@ -29,7 +29,7 @@ export let KanbanComponent: DefineVueComponent<KanbanModel> =  vueDefineComponen
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Kanban({}) as any,
+            ej2Instances: new Kanban({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/layouts/src/dashboard-layout/dashboardlayout.component.ts
+++ b/components/layouts/src/dashboard-layout/dashboardlayout.component.ts
@ -28,7 +28,7 @@ export let DashboardLayoutComponent: DefineVueComponent<DashboardLayoutModel> =
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new DashboardLayout({}) as any,
+            ej2Instances: new DashboardLayout({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/layouts/src/splitter/splitter.component.ts
+++ b/components/layouts/src/splitter/splitter.component.ts
@ -28,7 +28,7 @@ export let SplitterComponent: DefineVueComponent<SplitterModel> =  vueDefineComp
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Splitter({}) as any,
+            ej2Instances: new Splitter({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/lineargauge/src/linear-gauge/lineargauge.component.ts
+++ b/components/lineargauge/src/linear-gauge/lineargauge.component.ts
@ -31,7 +31,7 @@ export let LinearGaugeComponent: DefineVueComponent<LinearGaugeModel> =  vueDefi
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new LinearGauge({}) as any,
+            ej2Instances: new LinearGauge({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/maps/package.json
+++ b/components/maps/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-maps",
-	"version": "24.1.41",
+	"version": "24.1.47",
 	"description": "The Maps component is used to visualize the geographical data and represent the statistical data of a particular geographical area on earth with user interactivity, and provides various customizing options for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/navigations/CHANGELOG.md
+++ b/components/navigations/CHANGELOG.md
@ -2,6 +2,20 @@

 ## [Unreleased]

+## 24.2.3 (2024-01-31)
+
+### Menu
+
+#### Bug Fixes
+
+- The issue with "Sub menu not opening properly while opens the next to next menu" has been resolved.
+
+### Tab
+
+#### Bug fixes
+
+- `#I546255` - An issue tab switching on disable item has been resolved.
+
 ## 24.1.46 (2024-01-17)

 ### Menu
--- a/components/navigations/src/accordion/accordion.component.ts
+++ b/components/navigations/src/accordion/accordion.component.ts
@ -30,7 +30,7 @@ export let AccordionComponent: DefineVueComponent<AccordionModel> =  vueDefineCo
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Accordion({}) as any,
+            ej2Instances: new Accordion({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/navigations/src/appbar/appbar.component.ts
+++ b/components/navigations/src/appbar/appbar.component.ts
@ -27,7 +27,7 @@ export let AppBarComponent: DefineVueComponent<AppBarModel> =  vueDefineComponen
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new AppBar({}) as any,
+            ej2Instances: new AppBar({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/navigations/src/breadcrumb/breadcrumb.component.ts
+++ b/components/navigations/src/breadcrumb/breadcrumb.component.ts
@ -30,7 +30,7 @@ export let BreadcrumbComponent: DefineVueComponent<BreadcrumbModel> =  vueDefine
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Breadcrumb({}) as any,
+            ej2Instances: new Breadcrumb({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/navigations/src/carousel/carousel.component.ts
+++ b/components/navigations/src/carousel/carousel.component.ts
@ -30,7 +30,7 @@ export let CarouselComponent: DefineVueComponent<CarouselModel> =  vueDefineComp
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Carousel({}) as any,
+            ej2Instances: new Carousel({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/navigations/src/context-menu/contextmenu.component.ts
+++ b/components/navigations/src/context-menu/contextmenu.component.ts
@ -28,7 +28,7 @@ export let ContextMenuComponent: DefineVueComponent<ContextMenuModel> =  vueDefi
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new ContextMenu({}) as any,
+            ej2Instances: new ContextMenu({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/navigations/src/menu/menu.component.ts
+++ b/components/navigations/src/menu/menu.component.ts
@ -28,7 +28,7 @@ export let MenuComponent: DefineVueComponent<MenuModel> =  vueDefineComponent({
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Menu({}) as any,
+            ej2Instances: new Menu({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/navigations/src/sidebar/sidebar.component.ts
+++ b/components/navigations/src/sidebar/sidebar.component.ts
@ -29,7 +29,7 @@ export let SidebarComponent: DefineVueComponent<SidebarModel> =  vueDefineCompon
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Sidebar({}) as any,
+            ej2Instances: new Sidebar({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/navigations/src/stepper/stepper.component.ts
+++ b/components/navigations/src/stepper/stepper.component.ts
@ -30,7 +30,7 @@ export let StepperComponent: DefineVueComponent<StepperModel> =  vueDefineCompon
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Stepper({}) as any,
+            ej2Instances: new Stepper({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/navigations/src/tab/tab.component.ts
+++ b/components/navigations/src/tab/tab.component.ts
@ -28,7 +28,7 @@ export let TabComponent: DefineVueComponent<TabModel> =  vueDefineComponent({
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Tab({}) as any,
+            ej2Instances: new Tab({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/navigations/src/toolbar/toolbar.component.ts
+++ b/components/navigations/src/toolbar/toolbar.component.ts
@ -28,7 +28,7 @@ export let ToolbarComponent: DefineVueComponent<ToolbarModel> =  vueDefineCompon
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Toolbar({}) as any,
+            ej2Instances: new Toolbar({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/navigations/src/treeview/treeview.component.ts
+++ b/components/navigations/src/treeview/treeview.component.ts
@ -27,7 +27,7 @@ export let TreeViewComponent: DefineVueComponent<TreeViewModel> =  vueDefineComp
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new TreeView({}) as any,
+            ej2Instances: new TreeView({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/notifications/src/message/message.component.ts
+++ b/components/notifications/src/message/message.component.ts
@ -27,7 +27,7 @@ export let MessageComponent: DefineVueComponent<MessageModel> =  vueDefineCompon
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Message({}) as any,
+            ej2Instances: new Message({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/notifications/src/skeleton/skeleton.component.ts
+++ b/components/notifications/src/skeleton/skeleton.component.ts
@ -27,7 +27,7 @@ export let SkeletonComponent: DefineVueComponent<SkeletonModel> =  vueDefineComp
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Skeleton({}) as any,
+            ej2Instances: new Skeleton({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/notifications/src/toast/toast.component.ts
+++ b/components/notifications/src/toast/toast.component.ts
@ -28,7 +28,7 @@ export let ToastComponent: DefineVueComponent<ToastModel> =  vueDefineComponent(
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Toast({}) as any,
+            ej2Instances: new Toast({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/pdfviewer/CHANGELOG.md
+++ b/components/pdfviewer/CHANGELOG.md
@ -2,6 +2,34 @@

 ## [Unreleased]

+## 24.2.3 (2024-01-31)
+
+### PDF Viewer
+
+#### Bug Fixes
+
+- `#I542557` - Now, multiline textbox field is not able to resize without form designer mode.
+- `#I537053` - Now, the highlight button does not appear focused even after being clicked again.
+- `#I537971` - Now, the signature content is visible when loading the customer provided PDF document.
+- `#I537057` - Now, the font sizes of the input element items in the toolbar does not vary across different themes.
+- `#I537061` - Now, the vertical alignment of toolbar items does not vary across different themes.
+- `#I545609` - Now, the current page does not change when selecting 400% from the zoom drop-down.
+- `#I538873` - Now, the text search is working properly in the Stand-alone PDF Viewer.
+- `#I545609` - The text selection in the Stand-alone PDF Viewer now works properly when zoomed in above 100%.
+- `#I539013` - Scrolling now works even if the annotation module is not injected on iPad and iPhone devices.
+- `#I533379` - Now, the freetext fill color is updated correctly.
+- `#I539640` - Now, the ink annotation is rendered properly in the downloaded document in Stand-alone PDF Viewer.
+
+## 24.1.47 (2024-01-23)
+
+### PDF Viewer
+
+#### Bug Fixes
+
+- `#I537869` - Now, the text markup annotation comments are properly displayed after exporting and importing the text markup annotation.
+- `#I538222` - Now, the annotations are appeared properly in the provided rotated PDF document.
+- `#I536060` - Now, the form field values export programmatically when updating the `isChecked` property on checkbox.
+
 ## 24.1.46 (2024-01-17)

 ### PDF Viewer
--- a/components/pdfviewer/src/pdfviewer/pdfviewer.component.ts
+++ b/components/pdfviewer/src/pdfviewer/pdfviewer.component.ts
@ -27,7 +27,7 @@ export let PdfViewerComponent: DefineVueComponent<PdfViewerModel> =  vueDefineCo
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new PdfViewer({}) as any,
+            ej2Instances: new PdfViewer({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/pivotview/CHANGELOG.md
+++ b/components/pivotview/CHANGELOG.md
@ -2,6 +2,18 @@

 ## [Unreleased]

+## 24.2.3 (2024-01-31)
+
+### PivotTable
+
+#### Bug fixes
+
+- `#I544455` - When we bind no fields to the value axis using the server-side engine, the static pivot field list will now be rendered properly.
+
+#### New features
+
+- `#F184050` - Added error handling support when fetching data from an OLAP cube using an incorrect MDX query during the pivot table's initial rendering.
+
 ## 24.1.47 (2024-01-23)

 ### PivotTable
--- a/components/pivotview/package.json
+++ b/components/pivotview/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-pivotview",
-	"version": "24.1.46",
+	"version": "24.1.47",
 	"description": "The pivot grid, or pivot table, is used to visualize large sets of relational data in a cross-tabular format, similar to an Excel pivot table. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/pivotview/src/pivotfieldlist/pivotfieldlist.component.ts
+++ b/components/pivotview/src/pivotfieldlist/pivotfieldlist.component.ts
@ -27,7 +27,7 @@ export let PivotFieldListComponent: DefineVueComponent<PivotFieldListModel> =  v
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new PivotFieldList({}) as any,
+            ej2Instances: new PivotFieldList({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/pivotview/src/pivotview/pivotview.component.ts
+++ b/components/pivotview/src/pivotview/pivotview.component.ts
@ -27,7 +27,7 @@ export let PivotViewComponent: DefineVueComponent<PivotViewModel> =  vueDefineCo
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new PivotView({}) as any,
+            ej2Instances: new PivotView({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/popups/CHANGELOG.md
+++ b/components/popups/CHANGELOG.md
@ -2,7 +2,15 @@

 ## [Unreleased]

-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)
+
+### Tooltip
+
+#### Bug Fixes
+
+- `#I533557` - The console error that occurs when the parent component containing the Tooltip component is removed from the DOM has been resolved.
+
+## 24.1.46 (2024-01-17)

 ### Tooltip

--- a/components/popups/package.json
+++ b/components/popups/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-popups",
-	"version": "24.1.44",
+	"version": "24.1.46",
 	"description": "A package of Essential JS 2 popup components such as Dialog and Tooltip that is used to display information or messages in separate pop-ups. for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/popups/src/dialog/dialog.component.ts
+++ b/components/popups/src/dialog/dialog.component.ts
@ -30,7 +30,7 @@ export let DialogComponent: DefineVueComponent<DialogModel> =  vueDefineComponen
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Dialog({}) as any,
+            ej2Instances: new Dialog({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/popups/src/tooltip/tooltip.component.ts
+++ b/components/popups/src/tooltip/tooltip.component.ts
@ -27,7 +27,7 @@ export let TooltipComponent: DefineVueComponent<TooltipModel> =  vueDefineCompon
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Tooltip({}) as any,
+            ej2Instances: new Tooltip({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/progressbar/package.json
+++ b/components/progressbar/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-progressbar",
-	"version": "18.15.6",
+	"version": "24.1.41",
 	"description": "Essential JS 2 ProgressBar Component for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/progressbar/src/progressbar/progressbar.component.ts
+++ b/components/progressbar/src/progressbar/progressbar.component.ts
@ -29,7 +29,7 @@ export let ProgressBarComponent: DefineVueComponent<ProgressBarModel> =  vueDefi
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new ProgressBar({}) as any,
+            ej2Instances: new ProgressBar({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/querybuilder/CHANGELOG.md
+++ b/components/querybuilder/CHANGELOG.md
@ -2,7 +2,7 @@

 ## [Unreleased]

-## 24.1.47 (2024-01-23)
+## 24.1.46 (2024-01-17)

 ### QueryBuilder

--- a/components/querybuilder/package.json
+++ b/components/querybuilder/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-querybuilder",
-	"version": "24.1.45",
+	"version": "24.1.46",
 	"description": "Essential JS 2 QueryBuilder for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/querybuilder/src/query-builder/querybuilder.component.ts
+++ b/components/querybuilder/src/query-builder/querybuilder.component.ts
@ -28,7 +28,7 @@ export let QueryBuilderComponent: DefineVueComponent<QueryBuilderModel> =  vueDe
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new QueryBuilder({}) as any,
+            ej2Instances: new QueryBuilder({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/richtexteditor/CHANGELOG.md
+++ b/components/richtexteditor/CHANGELOG.md
@ -2,6 +2,14 @@

 ## [Unreleased]

+## 24.2.3 (2024-01-31)
+
+### RichTextEditor
+
+#### Bug Fixes
+
+- `#I534487` - Now, applying the bold format to the Rich Text Editor when focusing on another Rich Text Editor in the page works properly.
+
 ## 24.1.47 (2024-01-23)

 ### RichTextEditor
@ -9,6 +17,8 @@
 #### Bug Fixes

 - `#I542710` - Now, pressing the `tab` key in the list applies the nested list properly when the mention component is used in the Rich Text Editor.
+- `#I541522` - Now, when the window is resized to the minimum width, the Rich Text Editor's content font size is updated properly.
+- `#I534094` - Now, when using the `click` event with a custom toolbar template, the Rich Text Editor works properly.

 ## 24.1.46 (2024-01-17)

--- a/components/richtexteditor/package.json
+++ b/components/richtexteditor/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-richtexteditor",
-	"version": "24.1.46",
+	"version": "24.1.47",
 	"description": "Essential JS 2 RichTextEditor component for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/richtexteditor/src/rich-text-editor/richtexteditor.component.ts
+++ b/components/richtexteditor/src/rich-text-editor/richtexteditor.component.ts
@ -29,7 +29,7 @@ export let RichTextEditorComponent: DefineVueComponent<RichTextEditorModel> =  v
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new RichTextEditor({}) as any,
+            ej2Instances: new RichTextEditor({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/schedule/src/recurrence-editor/recurrenceeditor.component.ts
+++ b/components/schedule/src/recurrence-editor/recurrenceeditor.component.ts
@ -27,7 +27,7 @@ export let RecurrenceEditorComponent: DefineVueComponent<RecurrenceEditorModel>
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new RecurrenceEditor({}) as any,
+            ej2Instances: new RecurrenceEditor({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: false as boolean,
--- a/components/schedule/src/schedule/schedule.component.ts
+++ b/components/schedule/src/schedule/schedule.component.ts
@ -33,7 +33,7 @@ export let ScheduleComponent: DefineVueComponent<ScheduleModel> =  vueDefineComp
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Schedule({}) as any,
+            ej2Instances: new Schedule({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
--- a/components/splitbuttons/CHANGELOG.md
+++ b/components/splitbuttons/CHANGELOG.md
@ -2,7 +2,7 @@

 ## [Unreleased]

-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)

 ### DropDownButton

--- a/components/spreadsheet/package.json
+++ b/components/spreadsheet/package.json
@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-vue-spreadsheet",
-	"version": "24.1.46",
+	"version": "24.1.47",
 	"description": "Feature-rich JavaScript Spreadsheet (Excel) control with built-in support for selection, editing, formatting, importing and exporting to Excel for Vue",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
--- a/components/spreadsheet/src/spreadsheet/spreadsheet.component.ts
+++ b/components/spreadsheet/src/spreadsheet/spreadsheet.component.ts
@ -36,7 +36,7 @@ export let SpreadsheetComponent: DefineVueComponent<SpreadsheetModel> =  vueDefi
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new Spreadsheet({}) as any,
+            ej2Instances: new Spreadsheet({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,
@ -178,6 +178,12 @@ export let SpreadsheetComponent: DefineVueComponent<SpreadsheetModel> =  vueDefi
        deleteImage(id: string, range?: string): void {
            return this.ej2Instances.deleteImage(id, range);
        },
+        deselectChart(): void {
+            return this.ej2Instances.deselectChart();
+        },
+        deselectImage(): void {
+            return this.ej2Instances.deselectImage();
+        },
        duplicateSheet(sheetIndex?: number): void {
            return this.ej2Instances.duplicateSheet(sheetIndex);
        },
@ -313,6 +319,12 @@ export let SpreadsheetComponent: DefineVueComponent<SpreadsheetModel> =  vueDefi
        saveAsJson(): Object {
            return this.ej2Instances.saveAsJson();
        },
+        selectChart(id?: string): void {
+            return this.ej2Instances.selectChart(id);
+        },
+        selectImage(id?: string): void {
+            return this.ej2Instances.selectImage(id);
+        },
        selectRange(address: string): void {
            return this.ej2Instances.selectRange(address);
        },
--- a/components/treegrid/src/treegrid/treegrid.component.ts
+++ b/components/treegrid/src/treegrid/treegrid.component.ts
@ -33,7 +33,7 @@ export let TreeGridComponent: DefineVueComponent<TreeGridModel> =  vueDefineComp
    provide() { return { custom: this.custom } },
    data() {
        return {
-            ej2Instance: new TreeGrid({}) as any,
+            ej2Instances: new TreeGrid({}) as any,
            propKeys: properties as string[],
            models: modelProps as string[],
            hasChildDirective: true as boolean,