@syncfusion/ej2-vue-grids 20.3.60 → 20.3.61

package/CHANGELOG.md

@@ -6,6 +6,15 @@
 
 #### Bug Fixes
 
+- `#I408271` - The reference link for the `checkBoxChange` event arguments has been updated in the documentation.
+- `#I420019` - script error for focusing the content after deleting all the records has been fixed.
+
+## 20.3.60 (2022-12-06)
+
+### Grid
+
+#### Bug Fixes
+
 - `#I397543` - Issue with custom toolbar template item in grid has been resolved.
 - `#I418069` - Searching issue when clicking search icon in adaptive mode has been fixed.
 - `#I417934` - Column Reordering was not working properly after hiding the column has been fixed.

package/README.md

@@ -1,74 +1,80 @@
-# ej2-vue-grids
+# Vue Grid Component
 
-The [Vue Grid](https://www.syncfusion.com/vue-ui-components/vue-grid?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm) component is used to display and manipulate tabular data with configuration options to control the way the data is presented and manipulated. It will pull data from a data source, such as array of JSON objects, `OData web services`, or [`DataManager`](http://ej2.syncfusion.com/vue/documentation/data/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm) binding data fields to columns. Also displaying a column header to identify the field with support for grouped records.
+The [Vue Grid](https://www.syncfusion.com/vue-ui-components/vue-grid?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm) component is used to display and manipulate tabular data with configuration options to control the way the data is presented and manipulated. It will pull data from a data source, such as array of JSON objects, `OData web services`, or DataManager binding data fields to columns. Also displaying a column header to identify the field with support for grouped records.
 
-![Grid](https://ej2.syncfusion.com/products/grid/readme.gif)
+<p align="center">
+  <a href="https://ej2.syncfusion.com/vue/documentation/grid/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm">Getting Started</a>.
+  <a href="https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm#/bootstrap5/grid/overview">Online demos</a>.
+  <a href="https://www.syncfusion.com/vue-components/vue-grid?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm">Learn more</a>.
+</p>
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+![Vue Grid Component](https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/vue/vue-datagrid.png)
 
-> A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+<p align="center">
+Trusted by the world's leading companies
+  <a href="https://www.syncfusion.com">
+    <img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
+  </a>
+</p>
 
 ## Setup
 
-To install Grid and its dependent packages, use the following command
+To install Grid and its dependent packages, use the following command.
 
 ```sh
 npm install @syncfusion/ej2-vue-grids
 ```
-
-## Resources
-
-* [Getting Started](https://ej2.syncfusion.com/vue/documentation/grid/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm)
-* [View Online Demos](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/grid-overview.html)
-
-## Supported Frameworks
+## Supported frameworks
 
 Grid component is also offered in following list of frameworks.
 
-1. [Angular](https://www.syncfusion.com/angular-ui-components/angular-grid?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm)
-2. [React](https://www.syncfusion.com/react-ui-components/react-data-grid?utm_source=npm&utm_medium=listing&utm_campaign=react-data-grid-npm)
-3. [JavaScript (ES5)](https://www.syncfusion.com/javascript-ui-controls/js-data-grid?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm)
-4. [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls/grid?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm)
-5. [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls/grid?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm)
-
-## Key Features
-
-* [**Data sources**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/local-data.html) - Bind the Grid component with an array of JSON objects or DataManager.
-* [**Sorting and grouping**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/grouping.html) - Supports n levels of sorting and grouping.
-* [**Filtering**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/filtering.html) - Offers filter UI such as filter bar, menu, excel and checkbox at each column to filter data.
-* [**Paging**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/paging.html) - Provides the option to easily switch between pages using the pager bar.
-* [**Editing**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/inline-editing.html) - provides the options for create, read, update, and delete operations.
-* **Columns** - The column definitions are used as the dataSource schema in the Grid. This plays a vital role in rendering column values in the required format.
-  * [**Reordering**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/reorder.html) - Allows you to drag any column and drop it at any position in the Grid’s column header row, allowing columns to be repositioned.
-  * [**Column Chooser**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/column-chooser.html) - The column chooser provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly.
-  * [**Resizing**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/column-resize.html) - Resizing allows changing column width on the fly by simply dragging the right corner of the column header.
-  * [**Freeze**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/frozen.html) - Columns and rows can be frozen to allow scrolling and comparing cell values.
-  * [**Cell Spanning**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/column-spanning.html) - Grid cells can be spanned based on the preferred criteria.
-  * [**Foreign data source**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/foreign-key.html) - This provides the option to show values from external or lookup data sources in a column based on foreign key/value mapping.
-  * [**Cell Styling**](https://ej2.syncfusion.com/vue/documentation/grid/how-to/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm#customize-column-styles) - Grid cell styles can be customized either by using CSS or programmatically.
-* [**Selection**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/selection.html) - Rows or cells can be selected in the grid. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.
-* [**Templates**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/column-template.html) - Templates can be used to create custom user experiences in the grid.
-* [**Aggregation**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/aggregate.html) - Provides the option to easily visualized the Aggregates for column values.
-* [**Context menu**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/context-menu.html) -The context menu provides a list of actions to be performed in the grid. It appears when a cell, header, or the pager is right-clicked.
-* [**Clipboard**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/clipboard.html) - Selected rows and cells can be copied from the grid
-* [**Export**](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/export.html) - Provides the options to Export the grid data to Excel, PDF, and CSV formats.
-* [**RTL support**](https://ej2.syncfusion.com/vue/documentation/grid/global-local/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm#right-to-left---rtl)- Provides a full-fledged right-to-left mode which aligns content in the Grid control from right to left.
-* [**Localization**](https://ej2.syncfusion.com/vue/documentation/grid/global-local/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm#localization) - Provides inherent support to localize the UI.
+| [<img src="https://ej2.syncfusion.com/github/images/js.svg" height="50" />](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/angular.svg"  height="50" />](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg" height="50" />](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github)&nbsp;&nbsp; | 
+| :-----: | :-----: | :-----: | :-----: | :-----: |
+
+## Key features
+
+* [Data sources](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/local-data.html) - Bind the Grid component with an array of JSON objects or DataManager.
+* [Sorting and grouping](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/grouping.html) - Supports n levels of sorting and grouping.
+* [Filtering](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/filtering.html) - Offers filter UI such as filter bar, menu, excel and checkbox at each column to filter data.
+* [Paging](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/paging.html) - Provides the option to easily switch between pages using the pager bar.
+* [Editing](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/inline-editing.html) - provides the options for create, read, update, and delete operations.
+* Columns - The column definitions are used as the dataSource schema in the Grid. This plays a vital role in rendering column values in the required format.
+  * [Reordering](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/reorder.html) - Allows you to drag any column and drop it at any position in the Grid’s column header row, allowing columns to be repositioned.
+  * [Column chooser](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/column-chooser.html) - The column chooser provides a list of column names paired with check boxes that allow the visibility to be toggled on the fly.
+  * [Resizing](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/column-resize.html) - Resizing allows changing column width on the fly by simply dragging the right corner of the column header.
+  * [Freeze](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/frozen.html) - Columns and rows can be frozen to allow scrolling and comparing cell values.
+  * [Cell spanning](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/column-spanning.html) - Grid cells can be spanned based on the preferred criteria.
+  * [Foreign data source](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/foreign-key.html) - This provides the option to show values from external or lookup data sources in a column based on foreign key/value mapping.
+  * [Cell styling](https://ej2.syncfusion.com/vue/documentation/grid/how-to/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm#customize-column-styles) - Grid cell styles can be customized either by using CSS or programmatically.
+* [Selection](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/selection.html) - Rows or cells can be selected in the grid. One or more rows or cells can also be selected by holding Ctrl or Command, or programmatically.
+* [Templates](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/column-template.html) - Templates can be used to create custom user experiences in the grid.
+* [Aggregation](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/aggregate.html) - Provides the option to easily visualized the Aggregates for column values.
+* [Context menu](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/context-menu.html) -The context menu provides a list of actions to be performed in the grid. It appears when a cell, header, or the pager is right-clicked.
+* [Clipboard](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/clipboard.html) - Selected rows and cells can be copied from the grid
+* [Export](https://ej2.syncfusion.com/vue/demos/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm/#/material/grid/export.html) - Provides the options to Export the grid data to Excel, PDF, and CSV formats.
+* [RTL support](https://ej2.syncfusion.com/vue/documentation/grid/global-local/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm#right-to-left---rtl)- Provides a full-fledged right-to-left mode which aligns content in the Grid component from right to left.
+* [Localization](https://ej2.syncfusion.com/vue/documentation/grid/global-local/?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm#localization) - Provides inherent support to localize the UI.
 
 ## Support
 
-Product support is available for through following mediums.
+Product support is available through following mediums.
 
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm) support system or [Community forum](https://www.syncfusion.com/forums?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm).
-* New [GitHub issue](https://github.com/syncfusion/ej2-vue-ui-components/issues/new).
-* Ask your query in Stack Overflow with tag `syncfusion`, `ej2`.
+* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
+* [Community forum](https://www.syncfusion.com/forums/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm)
+* [GitHub issues](https://www.syncfusion.com/vue-components/issues/new)
+* [Request feature or report bug](https://www.syncfusion.com/feedback/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm)
+* Live chat
 
-## License
+## Changelog
 
-Check the license detail [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm).
+Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/grids/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm). Get minor improvements and bug fixes every week to stay up to date with frequent updates.
 
-## Changelog
+## License and copyright
+
+> This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [Vue UI controls](https://www.syncfusion.com/vue-components), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+
+> A free community [license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
 
-Check the changelog [here](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/components/grids/CHANGELOG.md?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm)
+See [LICENSE FILE](https://github.com/syncfusion/ej2-vue-ui-components/blob/master/license?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm) for more info.
 
-© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

package/dist/ej2-vue-grids.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-vue-grids.umd.min.js
-*  version : 20.3.60
+*  version : 20.3.61
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing