@syncfusion/ej2-vue-grids 20.3.60 → 20.3.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/README.md +152 -50
- package/dist/ej2-vue-grids.umd.min.js +0 -9
- package/dist/global/ej2-vue-grids.min.js +1 -10
- package/package.json +73 -73
- package/styles/bootstrap-dark.css +1 -1
- package/styles/bootstrap.css +1 -1
- package/styles/bootstrap4.css +1 -1
- package/styles/bootstrap5-dark.css +2 -2
- package/styles/bootstrap5.css +2 -2
- package/styles/fabric-dark.css +2 -2
- package/styles/fabric.css +2 -2
- package/styles/fluent-dark.css +2 -2
- package/styles/fluent.css +2 -2
- package/styles/grid/bootstrap-dark.css +1 -1
- package/styles/grid/bootstrap.css +1 -1
- package/styles/grid/bootstrap4.css +1 -1
- package/styles/grid/bootstrap5-dark.css +2 -2
- package/styles/grid/bootstrap5.css +2 -2
- package/styles/grid/fabric-dark.css +2 -2
- package/styles/grid/fabric.css +2 -2
- package/styles/grid/fluent-dark.css +2 -2
- package/styles/grid/fluent.css +2 -2
- package/styles/grid/highcontrast.css +2 -2
- package/styles/grid/material-dark.css +2 -2
- package/styles/grid/material.css +2 -2
- package/styles/grid/tailwind-dark.css +2 -2
- package/styles/grid/tailwind.css +2 -2
- package/styles/highcontrast.css +2 -2
- package/styles/material-dark.css +2 -2
- package/styles/material.css +2 -2
- package/styles/tailwind-dark.css +2 -2
- package/styles/tailwind.css +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
## [Unreleased]
|
|
4
4
|
|
|
5
|
+
## 20.3.61 (2022-12-13)
|
|
6
|
+
|
|
7
|
+
### Grid
|
|
8
|
+
|
|
9
|
+
#### Bug Fixes
|
|
10
|
+
|
|
11
|
+
- `#I408271` - The reference link for the `checkBoxChange` event arguments has been updated in the documentation.
|
|
12
|
+
- `#I420019` - script error for focusing the content after deleting all the records has been fixed.
|
|
13
|
+
|
|
14
|
+
## 20.3.60 (2022-12-06)
|
|
15
|
+
|
|
5
16
|
### Grid
|
|
6
17
|
|
|
7
18
|
#### Bug Fixes
|
package/README.md
CHANGED
|
@@ -1,74 +1,176 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Vue Grid Component
|
|
2
2
|
|
|
3
|
-
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
|
|
3
|
+
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.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<p align="center">
|
|
6
|
+
<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>.
|
|
7
|
+
<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>.
|
|
8
|
+
<a href="https://www.syncfusion.com/vue-components/vue-grid?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm">Learn more</a>.
|
|
9
|
+
</p>
|
|
6
10
|
|
|
7
|
-
|
|
11
|
+
|
|
8
12
|
|
|
9
|
-
>
|
|
13
|
+
<p align="center">
|
|
14
|
+
Trusted by the world's leading companies
|
|
15
|
+
<a href="https://www.syncfusion.com">
|
|
16
|
+
<img src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/syncfusion/syncfusion-trusted-companies.webp" alt="Bootstrap logo">
|
|
17
|
+
</a>
|
|
18
|
+
</p>
|
|
10
19
|
|
|
11
20
|
## Setup
|
|
12
21
|
|
|
13
|
-
|
|
22
|
+
### Create an Vue Application
|
|
14
23
|
|
|
15
|
-
|
|
16
|
-
|
|
24
|
+
You can use [`Vue CLI`](https://github.com/vuejs/vue-cli) to setup your Vue 2 applications.To install Vue CLI use the following commands.
|
|
25
|
+
|
|
26
|
+
```bash
|
|
27
|
+
npm install -g @vue/cli
|
|
28
|
+
vue create quickstart
|
|
29
|
+
cd quickstart
|
|
30
|
+
npm run serve
|
|
31
|
+
```
|
|
32
|
+
Initiating a new project prompts us to choose the type of project to be used for the current application. Select the option `Default ([Vue 2] babel, eslint)` from the menu.
|
|
33
|
+
|
|
34
|
+
### Adding Syncfusion Grid package
|
|
35
|
+
|
|
36
|
+
All Syncfusion Vue packages are published in [npmjs.com](https://www.npmjs.com/~syncfusionorg) registry. To install Vue grid package, use the following command.
|
|
37
|
+
|
|
38
|
+
```bash
|
|
39
|
+
npm install @syncfusion/ej2-vue-grids --save
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
### Registering Grid Component
|
|
43
|
+
|
|
44
|
+
You can register the Grid component in your application by using the **Vue.use()**. Refer to the code example given below.
|
|
45
|
+
|
|
46
|
+
```typescript
|
|
47
|
+
import { GridPlugin } from '@syncfusion/ej2-vue-grids';
|
|
48
|
+
|
|
49
|
+
Vue.use(GridPlugin);
|
|
17
50
|
```
|
|
18
51
|
|
|
19
|
-
|
|
52
|
+
> Registering **GridPlugin** in vue, will register the grid component along with its required child directives globally.
|
|
53
|
+
|
|
54
|
+
### Adding CSS references for Grid
|
|
55
|
+
|
|
56
|
+
Add CSS references needed for Grid in **style** section of the **App.vue** file from **../node_modules/@syncfusion** package folder.
|
|
57
|
+
|
|
58
|
+
```html
|
|
59
|
+
<style>
|
|
60
|
+
@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
|
|
61
|
+
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
|
|
62
|
+
@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css';
|
|
63
|
+
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
|
|
64
|
+
@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
|
|
65
|
+
@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
|
|
66
|
+
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
|
|
67
|
+
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
|
|
68
|
+
@import '../node_modules/@syncfusion/ej2-notifications/styles/material.css';
|
|
69
|
+
@import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";
|
|
70
|
+
</style>
|
|
71
|
+
```
|
|
20
72
|
|
|
21
|
-
|
|
22
|
-
|
|
73
|
+
## Add Grid Component
|
|
74
|
+
|
|
75
|
+
Add the Vue Grid by using **ejs-grid** selector in **template** section of the **App.vue** file.
|
|
76
|
+
|
|
77
|
+
```html
|
|
78
|
+
<template>
|
|
79
|
+
<div id="app">
|
|
80
|
+
<ejs-grid :dataSource="data" >
|
|
81
|
+
<e-columns>
|
|
82
|
+
<e-column field='OrderID' headerText='Order ID'></e-column>
|
|
83
|
+
<e-column field='CustomerID' headerText='Customer ID'></e-column>
|
|
84
|
+
<e-column field='ShipCountry' headerText='Ship Country'></e-column>
|
|
85
|
+
</e-columns>
|
|
86
|
+
</ejs-grid>
|
|
87
|
+
</div>
|
|
88
|
+
</template>
|
|
89
|
+
<script>
|
|
90
|
+
import Vue from "vue";
|
|
91
|
+
import { GridPlugin } from "@syncfusion/ej2-vue-grids";
|
|
92
|
+
|
|
93
|
+
Vue.use(GridPlugin);
|
|
94
|
+
|
|
95
|
+
export default {
|
|
96
|
+
data() {
|
|
97
|
+
return {
|
|
98
|
+
data: [
|
|
99
|
+
{'OrderID': 10248,'CustomerID': 'VINET', 'ShipCountry': 'France'},
|
|
100
|
+
{'OrderID': 10249,'CustomerID': 'TOMSP', 'ShipCountry': 'Germany'},
|
|
101
|
+
{'OrderID': 10250,'CustomerID': 'HANAR', 'ShipCountry': 'Brazil' },
|
|
102
|
+
{'OrderID': 10251,'CustomerID': 'VICTE', 'ShipCountry': 'France'}
|
|
103
|
+
],
|
|
104
|
+
};
|
|
105
|
+
},
|
|
106
|
+
}
|
|
107
|
+
</script>
|
|
108
|
+
<style>
|
|
109
|
+
@import '../node_modules/@syncfusion/ej2-base/styles/material.css';
|
|
110
|
+
@import '../node_modules/@syncfusion/ej2-buttons/styles/material.css';
|
|
111
|
+
@import '../node_modules/@syncfusion/ej2-calendars/styles/material.css';
|
|
112
|
+
@import '../node_modules/@syncfusion/ej2-dropdowns/styles/material.css';
|
|
113
|
+
@import '../node_modules/@syncfusion/ej2-inputs/styles/material.css';
|
|
114
|
+
@import '../node_modules/@syncfusion/ej2-navigations/styles/material.css';
|
|
115
|
+
@import '../node_modules/@syncfusion/ej2-popups/styles/material.css';
|
|
116
|
+
@import '../node_modules/@syncfusion/ej2-splitbuttons/styles/material.css';
|
|
117
|
+
@import '../node_modules/@syncfusion/ej2-notifications/styles/material.css';
|
|
118
|
+
@import "../node_modules/@syncfusion/ej2-vue-grids/styles/material.css";
|
|
119
|
+
</style>
|
|
120
|
+
```
|
|
121
|
+
> Refer the [Getting Started with Vue3](https://ej2.syncfusion.com/vue/documentation/grid/getting-started-vue/) for using Syncfusion Vue components in Vue 3 applications.
|
|
23
122
|
|
|
24
|
-
## Supported
|
|
123
|
+
## Supported frameworks
|
|
25
124
|
|
|
26
125
|
Grid component is also offered in following list of frameworks.
|
|
27
126
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
* [
|
|
37
|
-
* [
|
|
38
|
-
*
|
|
39
|
-
* [
|
|
40
|
-
* [
|
|
41
|
-
*
|
|
42
|
-
* [
|
|
43
|
-
* [
|
|
44
|
-
* [
|
|
45
|
-
* [
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
* [
|
|
50
|
-
* [
|
|
51
|
-
* [
|
|
52
|
-
* [
|
|
53
|
-
* [
|
|
54
|
-
* [**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.
|
|
55
|
-
* [**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.
|
|
56
|
-
* [**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.
|
|
127
|
+
| [<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/> [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_medium=listing&utm_source=github) | [<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/> [Angular](https://www.syncfusion.com/angular-components/?utm_medium=listing&utm_source=github) | [<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/> [React](https://www.syncfusion.com/react-ui-components?utm_medium=listing&utm_source=github) | [<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/> [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_medium=listing&utm_source=github) | [<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/> [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_medium=listing&utm_source=github) |
|
|
128
|
+
| :-----: | :-----: | :-----: | :-----: | :-----: |
|
|
129
|
+
|
|
130
|
+
## Key features
|
|
131
|
+
|
|
132
|
+
* [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.
|
|
133
|
+
* [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.
|
|
134
|
+
* [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.
|
|
135
|
+
* [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.
|
|
136
|
+
* [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.
|
|
137
|
+
* 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.
|
|
138
|
+
* [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.
|
|
139
|
+
* [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.
|
|
140
|
+
* [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.
|
|
141
|
+
* [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.
|
|
142
|
+
* [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.
|
|
143
|
+
* [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.
|
|
144
|
+
* [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.
|
|
145
|
+
* [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.
|
|
146
|
+
* [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.
|
|
147
|
+
* [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.
|
|
148
|
+
* [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.
|
|
149
|
+
* [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
|
|
150
|
+
* [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.
|
|
151
|
+
* [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.
|
|
152
|
+
* [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.
|
|
57
153
|
|
|
58
154
|
## Support
|
|
59
155
|
|
|
60
|
-
Product support is available
|
|
156
|
+
Product support is available through following mediums.
|
|
61
157
|
|
|
62
|
-
*
|
|
63
|
-
*
|
|
64
|
-
*
|
|
158
|
+
* [Support ticket](https://support.syncfusion.com/support/tickets/create) - Guaranteed Response in 24 hours | Unlimited tickets | Holiday support
|
|
159
|
+
* [Community forum](https://www.syncfusion.com/forums/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm)
|
|
160
|
+
* [GitHub issues](https://www.syncfusion.com/vue-components/issues/new)
|
|
161
|
+
* [Request feature or report bug](https://www.syncfusion.com/feedback/vue?utm_source=npm&utm_medium=listing&utm_campaign=vue-grid-npm)
|
|
162
|
+
* Live chat
|
|
65
163
|
|
|
66
|
-
##
|
|
164
|
+
## Changelog
|
|
67
165
|
|
|
68
|
-
Check the
|
|
166
|
+
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.
|
|
69
167
|
|
|
70
|
-
##
|
|
168
|
+
## License and copyright
|
|
169
|
+
|
|
170
|
+
> 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 components](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).
|
|
171
|
+
|
|
172
|
+
> 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.
|
|
71
173
|
|
|
72
|
-
|
|
174
|
+
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.
|
|
73
175
|
|
|
74
|
-
|
|
176
|
+
© Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
|
|
@@ -1,11 +1,2 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* filename: ej2-vue-grids.umd.min.js
|
|
3
|
-
* version : 20.3.60
|
|
4
|
-
* Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
|
|
5
|
-
* Use of this code is subject to the terms of our license.
|
|
6
|
-
* A copy of the current license can be obtained at any time by e-mailing
|
|
7
|
-
* licensing@syncfusion.com. Any infringement will be prosecuted under
|
|
8
|
-
* applicable laws.
|
|
9
|
-
*/
|
|
10
1
|
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@syncfusion/ej2-grids"),require("vue"),require("@syncfusion/ej2-vue-base"),require("@syncfusion/ej2-base")):"function"==typeof define&&define.amd?define(["exports","@syncfusion/ej2-grids","vue","@syncfusion/ej2-vue-base","@syncfusion/ej2-base"],t):t(e.ej={},e.ej2Grids,e.Vue,e.ej2VueBase,e.ej2Base)}(this,function(e,t,n,o,r){"use strict";n=n&&n.hasOwnProperty("default")?n.default:n;var s=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),i=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},c=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=i([o.EJComponentDecorator({})],t)}(n),a={name:"e-stacked-columns",install:function(e){e.component(a.name,c)}},u=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return s(t,e),t.prototype.render=function(){},t=i([o.EJComponentDecorator({})],t)}(n),l={name:"e-stacked-column",install:function(e){e.component(l.name,u)}},p=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),d=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},f=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return p(t,e),t.prototype.render=function(){},t=d([o.EJComponentDecorator({})],t)}(n),g={name:"e-columns",install:function(e){e.component(g.name,f)}},y=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return p(t,e),t.prototype.render=function(){},t=d([o.EJComponentDecorator({})],t)}(n),h={name:"e-column",install:function(e){e.component(h.name,y)}},m=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),I=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},j=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.prototype.render=function(){},t=I([o.EJComponentDecorator({})],t)}(n),C={name:"e-columns",install:function(e){e.component(C.name,j)}},w=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return m(t,e),t.prototype.render=function(){},t=I([o.EJComponentDecorator({})],t)}(n),b={name:"e-column",install:function(e){e.component(b.name,w)}},R=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),v=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},x=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return R(t,e),t.prototype.render=function(){},t=v([o.EJComponentDecorator({})],t)}(n),P={name:"e-aggregates",install:function(e){e.component(P.name,x)}},S=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return R(t,e),t.prototype.render=function(){},t=v([o.EJComponentDecorator({})],t)}(n),_={name:"e-aggregate",install:function(e){e.component(_.name,S)}},D=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),B=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},F=["isLazyUpdate","plugins","aggregates","allowExcelExport","allowFiltering","allowGrouping","allowKeyboard","allowMultiSorting","allowPaging","allowPdfExport","allowReordering","allowResizing","allowRowDragAndDrop","allowSelection","allowSorting","allowTextWrap","childGrid","clipMode","columnChooserSettings","columnMenuItems","columnQueryMode","columns","contextMenuItems","cssClass","currencyCode","currentAction","dataSource","detailTemplate","editSettings","ej2StatePersistenceVersion","enableAdaptiveUI","enableAltRow","enableAutoFill","enableColumnVirtualization","enableHeaderFocus","enableHover","enableImmutableMode","enableInfiniteScrolling","enablePersistence","enableRtl","enableStickyHeader","enableVirtualMaskRow","enableVirtualization","filterSettings","frozenColumns","frozenRows","gridLines","groupSettings","height","hierarchyPrintMode","infiniteScrollSettings","loadingIndicator","locale","pageSettings","pagerTemplate","parentDetails","printMode","query","queryString","resizeSettings","rowDropSettings","rowHeight","rowRenderingMode","rowTemplate","searchSettings","selectedRowIndex","selectionSettings","showColumnChooser","showColumnMenu","sortSettings","textWrapSettings","toolbar","toolbarTemplate","width","actionBegin","actionComplete","actionFailure","batchAdd","batchCancel","batchDelete","beforeAutoFill","beforeBatchAdd","beforeBatchDelete","beforeBatchSave","beforeCopy","beforeDataBound","beforeExcelExport","beforeOpenAdaptiveDialog","beforeOpenColumnChooser","beforePaste","beforePdfExport","beforePrint","beginEdit","cellDeselected","cellDeselecting","cellEdit","cellSave","cellSaved","cellSelected","cellSelecting","checkBoxChange","columnDataStateChange","columnDeselected","columnDeselecting","columnDrag","columnDragStart","columnDrop","columnMenuClick","columnMenuOpen","columnSelected","columnSelecting","commandClick","contextMenuClick","contextMenuOpen","created","dataBound","dataSourceChanged","dataStateChange","destroyed","detailDataBound","excelAggregateQueryCellInfo","excelExportComplete","excelHeaderQueryCellInfo","excelQueryCellInfo","exportDetailDataBound","exportGroupCaption","headerCellInfo","keyPressed","lazyLoadGroupCollapse","lazyLoadGroupExpand","load","pdfAggregateQueryCellInfo","pdfExportComplete","pdfHeaderQueryCellInfo","pdfQueryCellInfo","printComplete","queryCellInfo","recordClick","recordDoubleClick","resizeStart","resizeStop","resizing","rowDataBound","rowDeselected","rowDeselecting","rowDrag","rowDragStart","rowDragStartHelper","rowDrop","rowSelected","rowSelecting","toolbarClick"],M=["dataSource"],O=function(e){function n(){var n=e.call(this,arguments)||this;return n.propKeys=F,n.models=M,n.hasChildDirective=!0,n.hasInjectedModules=!0,n.tagMapper={"e-columns":{"e-column":{"e-stacked-columns":"e-stacked-column"}},"e-aggregates":{"e-aggregate":{"e-columns":"e-column"}}},n.tagNameMapper={"e-stacked-columns":"e-columns"},n.ej2Instances=new t.Grid({}),n.ej2Instances._trigger=n.ej2Instances.trigger,n.ej2Instances.trigger=n.trigger,n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return D(n,e),n.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var o=n[t],s=this.templateCollection[o];if(s&&s.length){for(var i=0,c=s;i<c.length;i++){var a=c[i];r.getValue("__vue__.$destroy",a)&&a.__vue__.$destroy(),a.innerHTML&&(a.innerHTML="")}delete this.templateCollection[o]}}},n.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},n.prototype.trigger=function(e,t,n){if("change"!==e&&"input"!==e||!this.models||0===this.models.length){if("actionBegin"===e&&"dateNavigate"===t.requestType&&this.models&&0!==this.models.length){s=(o=this.models.toString().match(/currentView|selectedDate/)||[])[0];t&&o&&!r.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}}else{var o,s=(o=this.models.toString().match(/checked|value/)||[])[0];t&&o&&!r.isUndefined(t[s])&&(this.$emit("update:"+s,t[s]),this.$emit("modelchanged",t[s]))}this.ej2Instances&&this.ej2Instances._trigger&&this.ej2Instances._trigger(e,t,n)},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.custom=function(){this.updated()},n.prototype.addRecord=function(e,t){return this.ej2Instances.addRecord(e,t)},n.prototype.addShimmerEffect=function(){return this.ej2Instances.addShimmerEffect()},n.prototype.autoFitColumns=function(e){return this.ej2Instances.autoFitColumns(e)},n.prototype.batchAsyncUpdate=function(e){return this.ej2Instances.batchAsyncUpdate(e)},n.prototype.batchUpdate=function(e){return this.ej2Instances.batchUpdate(e)},n.prototype.calculatePageSizeByParentHeight=function(e){return this.ej2Instances.calculatePageSizeByParentHeight(e)},n.prototype.clearCellSelection=function(){return this.ej2Instances.clearCellSelection()},n.prototype.clearFiltering=function(e){return this.ej2Instances.clearFiltering(e)},n.prototype.clearGrouping=function(){return this.ej2Instances.clearGrouping()},n.prototype.clearRowSelection=function(){return this.ej2Instances.clearRowSelection()},n.prototype.clearSelection=function(){return this.ej2Instances.clearSelection()},n.prototype.clearSorting=function(){return this.ej2Instances.clearSorting()},n.prototype.closeEdit=function(){return this.ej2Instances.closeEdit()},n.prototype.copy=function(e){return this.ej2Instances.copy(e)},n.prototype.csvExport=function(e,t,n,o){return this.ej2Instances.csvExport(e,t,n,o)},n.prototype.dataReady=function(){return this.ej2Instances.dataReady()},n.prototype.deleteRecord=function(e,t){return this.ej2Instances.deleteRecord(e,t)},n.prototype.deleteRow=function(e){return this.ej2Instances.deleteRow(e)},n.prototype.destroyTemplate=function(e,t){return this.ej2Instances.destroyTemplate(e,t)},n.prototype.detailCollapseAll=function(){return this.ej2Instances.detailCollapseAll()},n.prototype.detailExpandAll=function(){return this.ej2Instances.detailExpandAll()},n.prototype.editCell=function(e,t){return this.ej2Instances.editCell(e,t)},n.prototype.enableToolbarItems=function(e,t){return this.ej2Instances.enableToolbarItems(e,t)},n.prototype.endEdit=function(){return this.ej2Instances.endEdit()},n.prototype.excelExport=function(e,t,n,o){return this.ej2Instances.excelExport(e,t,n,o)},n.prototype.extendRequiredModules=function(e){return this.ej2Instances.extendRequiredModules(e)},n.prototype.filterByColumn=function(e,t,n,o,r,s,i,c){return this.ej2Instances.filterByColumn(e,t,n,o,r,s,i,c)},n.prototype.getBatchChanges=function(){return this.ej2Instances.getBatchChanges()},n.prototype.getCellFromIndex=function(e,t){return this.ej2Instances.getCellFromIndex(e,t)},n.prototype.getColumnByField=function(e){return this.ej2Instances.getColumnByField(e)},n.prototype.getColumnByUid=function(e){return this.ej2Instances.getColumnByUid(e)},n.prototype.getColumnFieldNames=function(){return this.ej2Instances.getColumnFieldNames()},n.prototype.getColumnHeaderByField=function(e){return this.ej2Instances.getColumnHeaderByField(e)},n.prototype.getColumnHeaderByIndex=function(e){return this.ej2Instances.getColumnHeaderByIndex(e)},n.prototype.getColumnHeaderByUid=function(e){return this.ej2Instances.getColumnHeaderByUid(e)},n.prototype.getColumnIndexByField=function(e){return this.ej2Instances.getColumnIndexByField(e)},n.prototype.getColumnIndexByUid=function(e){return this.ej2Instances.getColumnIndexByUid(e)},n.prototype.getColumns=function(e){return this.ej2Instances.getColumns(e)},n.prototype.getContent=function(){return this.ej2Instances.getContent()},n.prototype.getContentTable=function(){return this.ej2Instances.getContentTable()},n.prototype.getCurrentViewRecords=function(){return this.ej2Instances.getCurrentViewRecords()},n.prototype.getDataModule=function(){return this.ej2Instances.getDataModule()},n.prototype.getDataRows=function(){return this.ej2Instances.getDataRows()},n.prototype.getFilterUIInfo=function(){return this.ej2Instances.getFilterUIInfo()},n.prototype.getFilteredRecords=function(){return this.ej2Instances.getFilteredRecords()},n.prototype.getFooterContent=function(){return this.ej2Instances.getFooterContent()},n.prototype.getFooterContentTable=function(){return this.ej2Instances.getFooterContentTable()},n.prototype.getForeignKeyColumns=function(){return this.ej2Instances.getForeignKeyColumns()},n.prototype.getFrozenDataRows=function(){return this.ej2Instances.getFrozenDataRows()},n.prototype.getFrozenLeftColumnHeaderByIndex=function(e){return this.ej2Instances.getFrozenLeftColumnHeaderByIndex(e)},n.prototype.getFrozenLeftCount=function(){return this.ej2Instances.getFrozenLeftCount()},n.prototype.getFrozenMode=function(){return this.ej2Instances.getFrozenMode()},n.prototype.getFrozenRightCellFromIndex=function(e,t){return this.ej2Instances.getFrozenRightCellFromIndex(e,t)},n.prototype.getFrozenRightColumnHeaderByIndex=function(e){return this.ej2Instances.getFrozenRightColumnHeaderByIndex(e)},n.prototype.getFrozenRightDataRows=function(){return this.ej2Instances.getFrozenRightDataRows()},n.prototype.getFrozenRightRowByIndex=function(e){return this.ej2Instances.getFrozenRightRowByIndex(e)},n.prototype.getFrozenRightRows=function(){return this.ej2Instances.getFrozenRightRows()},n.prototype.getFrozenRowByIndex=function(e){return this.ej2Instances.getFrozenRowByIndex(e)},n.prototype.getHeaderContent=function(){return this.ej2Instances.getHeaderContent()},n.prototype.getHeaderTable=function(){return this.ej2Instances.getHeaderTable()},n.prototype.getHiddenColumns=function(){return this.ej2Instances.getHiddenColumns()},n.prototype.getMediaColumns=function(){return this.ej2Instances.getMediaColumns()},n.prototype.getMovableCellFromIndex=function(e,t){return this.ej2Instances.getMovableCellFromIndex(e,t)},n.prototype.getMovableColumnHeaderByIndex=function(e){return this.ej2Instances.getMovableColumnHeaderByIndex(e)},n.prototype.getMovableDataRows=function(){return this.ej2Instances.getMovableDataRows()},n.prototype.getMovableRowByIndex=function(e){return this.ej2Instances.getMovableRowByIndex(e)},n.prototype.getMovableRows=function(){return this.ej2Instances.getMovableRows()},n.prototype.getPager=function(){return this.ej2Instances.getPager()},n.prototype.getPrimaryKeyFieldNames=function(){return this.ej2Instances.getPrimaryKeyFieldNames()},n.prototype.getRowByIndex=function(e){return this.ej2Instances.getRowByIndex(e)},n.prototype.getRowIndexByPrimaryKey=function(e){return this.ej2Instances.getRowIndexByPrimaryKey(e)},n.prototype.getRowInfo=function(e){return this.ej2Instances.getRowInfo(e)},n.prototype.getRows=function(){return this.ej2Instances.getRows()},n.prototype.getSelectedColumnsUid=function(){return this.ej2Instances.getSelectedColumnsUid()},n.prototype.getSelectedRecords=function(){return this.ej2Instances.getSelectedRecords()},n.prototype.getSelectedRowCellIndexes=function(){return this.ej2Instances.getSelectedRowCellIndexes()},n.prototype.getSelectedRowIndexes=function(){return this.ej2Instances.getSelectedRowIndexes()},n.prototype.getSelectedRows=function(){return this.ej2Instances.getSelectedRows()},n.prototype.getSummaryValues=function(e,t){return this.ej2Instances.getSummaryValues(e,t)},n.prototype.getUidByColumnField=function(e){return this.ej2Instances.getUidByColumnField(e)},n.prototype.getVisibleColumns=function(){return this.ej2Instances.getVisibleColumns()},n.prototype.goToPage=function(e){return this.ej2Instances.goToPage(e)},n.prototype.groupCollapseAll=function(){return this.ej2Instances.groupCollapseAll()},n.prototype.groupColumn=function(e){return this.ej2Instances.groupColumn(e)},n.prototype.groupExpandAll=function(){return this.ej2Instances.groupExpandAll()},n.prototype.hideColumns=function(e,t){return this.ej2Instances.hideColumns(e,t)},n.prototype.hideScroll=function(){return this.ej2Instances.hideScroll()},n.prototype.hideSpinner=function(){return this.ej2Instances.hideSpinner()},n.prototype.isFrozenGrid=function(){return this.ej2Instances.isFrozenGrid()},n.prototype.openColumnChooser=function(e,t){return this.ej2Instances.openColumnChooser(e,t)},n.prototype.pdfExport=function(e,t,n,o){return this.ej2Instances.pdfExport(e,t,n,o)},n.prototype.print=function(){return this.ej2Instances.print()},n.prototype.refresh=function(){return this.ej2Instances.refresh()},n.prototype.refreshColumns=function(){return this.ej2Instances.refreshColumns()},n.prototype.refreshHeader=function(){return this.ej2Instances.refreshHeader()},n.prototype.removeMaskRow=function(){return this.ej2Instances.removeMaskRow()},n.prototype.reorderColumnByIndex=function(e,t){return this.ej2Instances.reorderColumnByIndex(e,t)},n.prototype.reorderColumnByTargetIndex=function(e,t){return this.ej2Instances.reorderColumnByTargetIndex(e,t)},n.prototype.reorderColumns=function(e,t){return this.ej2Instances.reorderColumns(e,t)},n.prototype.reorderRows=function(e,t){return this.ej2Instances.reorderRows(e,t)},n.prototype.saveCell=function(){return this.ej2Instances.saveCell()},n.prototype.search=function(e){return this.ej2Instances.search(e)},n.prototype.selectCell=function(e,t){return this.ej2Instances.selectCell(e,t)},n.prototype.selectCells=function(e){return this.ej2Instances.selectCells(e)},n.prototype.selectCellsByRange=function(e,t){return this.ej2Instances.selectCellsByRange(e,t)},n.prototype.selectRow=function(e,t){return this.ej2Instances.selectRow(e,t)},n.prototype.selectRows=function(e){return this.ej2Instances.selectRows(e)},n.prototype.selectRowsByRange=function(e,t){return this.ej2Instances.selectRowsByRange(e,t)},n.prototype.serverCsvExport=function(e){return this.ej2Instances.serverCsvExport(e)},n.prototype.serverExcelExport=function(e){return this.ej2Instances.serverExcelExport(e)},n.prototype.serverPdfExport=function(e){return this.ej2Instances.serverPdfExport(e)},n.prototype.setCellValue=function(e,t,n){return this.ej2Instances.setCellValue(e,t,n)},n.prototype.setGridContent=function(e){return this.ej2Instances.setGridContent(e)},n.prototype.setGridContentTable=function(e){return this.ej2Instances.setGridContentTable(e)},n.prototype.setGridHeaderContent=function(e){return this.ej2Instances.setGridHeaderContent(e)},n.prototype.setGridHeaderTable=function(e){return this.ej2Instances.setGridHeaderTable(e)},n.prototype.setGridPager=function(e){return this.ej2Instances.setGridPager(e)},n.prototype.setRowData=function(e,t){return this.ej2Instances.setRowData(e,t)},n.prototype.showAdaptiveFilterDialog=function(){return this.ej2Instances.showAdaptiveFilterDialog()},n.prototype.showAdaptiveSortDialog=function(){return this.ej2Instances.showAdaptiveSortDialog()},n.prototype.showColumns=function(e,t){return this.ej2Instances.showColumns(e,t)},n.prototype.showMaskRow=function(e,t){return this.ej2Instances.showMaskRow(e,t)},n.prototype.showSpinner=function(){return this.ej2Instances.showSpinner()},n.prototype.sortColumn=function(e,t,n){return this.ej2Instances.sortColumn(e,t,n)},n.prototype.startEdit=function(){return this.ej2Instances.startEdit()},n.prototype.ungroupColumn=function(e){return this.ej2Instances.ungroupColumn(e)},n.prototype.updateCell=function(e,t,n){return this.ej2Instances.updateCell(e,t,n)},n.prototype.updateExternalMessage=function(e){return this.ej2Instances.updateExternalMessage(e)},n.prototype.updateRow=function(e,t){return this.ej2Instances.updateRow(e,t)},n.prototype.updateRowValue=function(e,t){return this.ej2Instances.updateRowValue(e,t)},n=B([o.EJComponentDecorator({props:F,model:{event:"modelchanged"}})],n)}(o.ComponentBase),E={name:"ejs-grid",install:function(e){e.component(E.name,O),e.component(h.name,y),e.component(g.name,f),e.component(l.name,u),e.component(a.name,c),e.component(_.name,S),e.component(P.name,x),e.component(b.name,w),e.component(C.name,j)}},z=function(){var e=function(t,n){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(t,n)};return function(t,n){function o(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(o.prototype=n.prototype,new o)}}(),A=function(e,t,n,o){var r,s=arguments.length,i=s<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(i=(s<3?r(i):s>3?r(t,n,i):r(t,n))||i);return s>3&&i&&Object.defineProperty(t,n,i),i},T=["isLazyUpdate","plugins","cssClass","currentPage","customText","enableExternalMessage","enablePagerMessage","enablePersistence","enableQueryString","enableRtl","externalMessage","locale","pageCount","pageSize","pageSizes","template","totalRecordsCount","click","created","dropDownChanged"],H=[],k=function(e){function n(){var n=e.call(this,arguments)||this;return n.propKeys=T,n.models=H,n.hasChildDirective=!1,n.hasInjectedModules=!1,n.tagMapper={},n.tagNameMapper={},n.ej2Instances=new t.Pager({}),n.bindProperties(),n.ej2Instances._setProperties=n.ej2Instances.setProperties,n.ej2Instances.setProperties=n.setProperties,n.ej2Instances.clearTemplate=n.clearTemplate,n.updated=n.updated,n}return z(n,e),n.prototype.clearTemplate=function(e){if(e||(e=Object.keys(this.templateCollection||{})),e.length&&this.templateCollection)for(var t=0,n=e;t<n.length;t++){var o=n[t],s=this.templateCollection[o];if(s&&s.length){for(var i=0,c=s;i<c.length;i++){var a=c[i];r.getValue("__vue__.$destroy",a)&&a.__vue__.$destroy(),a.innerHTML&&(a.innerHTML="")}delete this.templateCollection[o]}}},n.prototype.setProperties=function(e,t){var n=this;this.ej2Instances&&this.ej2Instances._setProperties&&this.ej2Instances._setProperties(e,t),e&&this.models&&this.models.length&&Object.keys(e).map(function(t){n.models.map(function(o){t!==o||/datasource/i.test(t)||n.$emit("update:"+t,e[t])})})},n.prototype.render=function(e){return e("div",this.$slots.default)},n.prototype.custom=function(){this.updated()},n.prototype.destroyTemplate=function(e,t){return this.ej2Instances.destroyTemplate(e,t)},n.prototype.getLocalizedLabel=function(e){return this.ej2Instances.getLocalizedLabel(e)},n.prototype.goToPage=function(e){return this.ej2Instances.goToPage(e)},n.prototype.refresh=function(){return this.ej2Instances.refresh()},n=A([o.EJComponentDecorator({props:T})],n)}(o.ComponentBase),G={name:"ejs-pager",install:function(e){e.component(G.name,k)}};e.StackedColumnsDirective=c,e.StackedColumnDirective=u,e.StackedColumnsPlugin=a,e.StackedColumnPlugin=l,e.ColumnsDirective=f,e.ColumnDirective=y,e.ColumnsPlugin=g,e.ColumnPlugin=h,e.AggregateColumnsDirective=j,e.AggregateColumnDirective=w,e.AggregateColumnsPlugin=C,e.AggregateColumnPlugin=b,e.AggregatesDirective=x,e.AggregateDirective=S,e.AggregatesPlugin=P,e.AggregatePlugin=_,e.GridComponent=O,e.GridPlugin=E,e.PagerComponent=k,e.PagerPlugin=G,Object.keys(t).forEach(function(n){e[n]=t[n]}),Object.defineProperty(e,"__esModule",{value:!0})});
|
|
11
2
|
//# sourceMappingURL=ej2-vue-grids.umd.min.js.map
|