@progress/kendo-vue-grid 3.3.4 → 3.3.6-dev.202206170937

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.
Files changed (166) hide show
  1. package/dist/cdn/js/kendo-vue-grid.js +1 -1
  2. package/dist/es/Grid.d.ts +35 -2
  3. package/dist/es/Grid.js +41 -9
  4. package/dist/es/GridNav.d.ts +4 -1
  5. package/dist/es/GridNav.js +5 -1
  6. package/dist/es/GridNoRecords.d.ts +4 -1
  7. package/dist/es/GridNoRecords.js +30 -26
  8. package/dist/es/GridToolbar.d.ts +46 -4
  9. package/dist/es/GridToolbar.js +48 -6
  10. package/dist/es/additionalTypes.ts +11 -0
  11. package/dist/es/cells/GridCell.d.ts +4 -1
  12. package/dist/es/cells/GridCell.js +5 -1
  13. package/dist/es/cells/GridDetailCell.d.ts +4 -1
  14. package/dist/es/cells/GridDetailCell.js +5 -1
  15. package/dist/es/cells/GridDetailHierarchyCell.d.ts +4 -1
  16. package/dist/es/cells/GridDetailHierarchyCell.js +5 -1
  17. package/dist/es/cells/GridEditCell.d.ts +4 -1
  18. package/dist/es/cells/GridEditCell.js +5 -1
  19. package/dist/es/cells/GridFilterCell.d.ts +4 -1
  20. package/dist/es/cells/GridFilterCell.js +5 -1
  21. package/dist/es/cells/GridGroupCell.d.ts +4 -1
  22. package/dist/es/cells/GridGroupCell.js +5 -1
  23. package/dist/es/cells/GridHierarchyCell.d.ts +4 -1
  24. package/dist/es/cells/GridHierarchyCell.js +5 -1
  25. package/dist/es/cells/GridSelectionCell.d.ts +4 -1
  26. package/dist/es/cells/GridSelectionCell.js +5 -1
  27. package/dist/es/columnMenu/ColumnMenu.d.ts +4 -1
  28. package/dist/es/columnMenu/ColumnMenu.js +5 -1
  29. package/dist/es/columnMenu/ColumnMenuContent.d.ts +4 -1
  30. package/dist/es/columnMenu/ColumnMenuContent.js +5 -1
  31. package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.d.ts +4 -1
  32. package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +5 -1
  33. package/dist/es/columnMenu/GridColumnMenuFilter.d.ts +138 -2
  34. package/dist/es/columnMenu/GridColumnMenuFilter.js +139 -2
  35. package/dist/es/columnMenu/GridColumnMenuFilterCell.d.ts +4 -1
  36. package/dist/es/columnMenu/GridColumnMenuFilterCell.js +5 -1
  37. package/dist/es/columnMenu/GridColumnMenuFilterUI.d.ts +4 -1
  38. package/dist/es/columnMenu/GridColumnMenuFilterUI.js +5 -1
  39. package/dist/es/columnMenu/GridColumnMenuItem.d.ts +4 -1
  40. package/dist/es/columnMenu/GridColumnMenuItem.js +5 -1
  41. package/dist/es/columnMenu/GridColumnMenuItemContent.d.ts +4 -1
  42. package/dist/es/columnMenu/GridColumnMenuItemContent.js +5 -1
  43. package/dist/es/columnMenu/GridColumnMenuItemGroup.d.ts +4 -1
  44. package/dist/es/columnMenu/GridColumnMenuItemGroup.js +5 -1
  45. package/dist/es/columnMenu/GridColumnMenuSort.d.ts +135 -2
  46. package/dist/es/columnMenu/GridColumnMenuSort.js +136 -2
  47. package/dist/es/drag/ColumnDraggable.d.ts +4 -1
  48. package/dist/es/drag/ColumnDraggable.js +5 -1
  49. package/dist/es/drag/ColumnResizer.d.ts +4 -1
  50. package/dist/es/drag/ColumnResizer.js +5 -1
  51. package/dist/es/drag/DragClue.d.ts +4 -1
  52. package/dist/es/drag/DragClue.js +5 -1
  53. package/dist/es/drag/DropClue.d.ts +4 -1
  54. package/dist/es/drag/DropClue.js +5 -1
  55. package/dist/es/drag/GroupingIndicator.d.ts +4 -1
  56. package/dist/es/drag/GroupingIndicator.js +5 -1
  57. package/dist/es/footer/Footer.d.ts +6 -0
  58. package/dist/es/footer/Footer.js +8 -0
  59. package/dist/es/footer/FooterRow.d.ts +6 -0
  60. package/dist/es/footer/FooterRow.js +8 -0
  61. package/dist/es/header/FilterRow.d.ts +4 -1
  62. package/dist/es/header/FilterRow.js +5 -1
  63. package/dist/es/header/GridHeaderCell.d.ts +4 -1
  64. package/dist/es/header/GridHeaderCell.js +5 -1
  65. package/dist/es/header/GridHeaderSelectionCell.d.ts +4 -1
  66. package/dist/es/header/GridHeaderSelectionCell.js +5 -1
  67. package/dist/es/header/GroupPanel.d.ts +4 -1
  68. package/dist/es/header/GroupPanel.js +5 -1
  69. package/dist/es/header/Header.d.ts +4 -1
  70. package/dist/es/header/Header.js +5 -1
  71. package/dist/es/header/HeaderRow.d.ts +4 -1
  72. package/dist/es/header/HeaderRow.js +5 -1
  73. package/dist/es/interfaces/GridCellProps.d.ts +2 -2
  74. package/dist/es/interfaces/GridColumnProps.d.ts +2 -2
  75. package/dist/es/interfaces/GridDetailRowProps.d.ts +0 -4
  76. package/dist/es/interfaces/GridFilterCellProps.d.ts +1 -1
  77. package/dist/es/interfaces/GridGroupableSettings.d.ts +1 -1
  78. package/dist/es/interfaces/GridProps.d.ts +27 -27
  79. package/dist/es/package-metadata.js +1 -1
  80. package/dist/es/rows/GridDetailRow.d.ts +2 -5
  81. package/dist/es/rows/GridDetailRow.js +4 -7
  82. package/dist/es/rows/GridRow.d.ts +4 -1
  83. package/dist/es/rows/GridRow.js +5 -1
  84. package/dist/npm/Grid.d.ts +35 -2
  85. package/dist/npm/Grid.js +40 -8
  86. package/dist/npm/GridNav.d.ts +4 -1
  87. package/dist/npm/GridNav.js +5 -1
  88. package/dist/npm/GridNoRecords.d.ts +4 -1
  89. package/dist/npm/GridNoRecords.js +32 -28
  90. package/dist/npm/GridToolbar.d.ts +46 -4
  91. package/dist/npm/GridToolbar.js +48 -6
  92. package/dist/npm/additionalTypes.ts +11 -0
  93. package/dist/npm/cells/GridCell.d.ts +4 -1
  94. package/dist/npm/cells/GridCell.js +5 -1
  95. package/dist/npm/cells/GridDetailCell.d.ts +4 -1
  96. package/dist/npm/cells/GridDetailCell.js +5 -1
  97. package/dist/npm/cells/GridDetailHierarchyCell.d.ts +4 -1
  98. package/dist/npm/cells/GridDetailHierarchyCell.js +5 -1
  99. package/dist/npm/cells/GridEditCell.d.ts +4 -1
  100. package/dist/npm/cells/GridEditCell.js +5 -1
  101. package/dist/npm/cells/GridFilterCell.d.ts +4 -1
  102. package/dist/npm/cells/GridFilterCell.js +5 -1
  103. package/dist/npm/cells/GridGroupCell.d.ts +4 -1
  104. package/dist/npm/cells/GridGroupCell.js +5 -1
  105. package/dist/npm/cells/GridHierarchyCell.d.ts +4 -1
  106. package/dist/npm/cells/GridHierarchyCell.js +5 -1
  107. package/dist/npm/cells/GridSelectionCell.d.ts +4 -1
  108. package/dist/npm/cells/GridSelectionCell.js +5 -1
  109. package/dist/npm/columnMenu/ColumnMenu.d.ts +4 -1
  110. package/dist/npm/columnMenu/ColumnMenu.js +5 -1
  111. package/dist/npm/columnMenu/ColumnMenuContent.d.ts +4 -1
  112. package/dist/npm/columnMenu/ColumnMenuContent.js +5 -1
  113. package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.d.ts +4 -1
  114. package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +5 -1
  115. package/dist/npm/columnMenu/GridColumnMenuFilter.d.ts +138 -2
  116. package/dist/npm/columnMenu/GridColumnMenuFilter.js +139 -2
  117. package/dist/npm/columnMenu/GridColumnMenuFilterCell.d.ts +4 -1
  118. package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +5 -1
  119. package/dist/npm/columnMenu/GridColumnMenuFilterUI.d.ts +4 -1
  120. package/dist/npm/columnMenu/GridColumnMenuFilterUI.js +5 -1
  121. package/dist/npm/columnMenu/GridColumnMenuItem.d.ts +4 -1
  122. package/dist/npm/columnMenu/GridColumnMenuItem.js +5 -1
  123. package/dist/npm/columnMenu/GridColumnMenuItemContent.d.ts +4 -1
  124. package/dist/npm/columnMenu/GridColumnMenuItemContent.js +5 -1
  125. package/dist/npm/columnMenu/GridColumnMenuItemGroup.d.ts +4 -1
  126. package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +5 -1
  127. package/dist/npm/columnMenu/GridColumnMenuSort.d.ts +135 -2
  128. package/dist/npm/columnMenu/GridColumnMenuSort.js +136 -2
  129. package/dist/npm/drag/ColumnDraggable.d.ts +4 -1
  130. package/dist/npm/drag/ColumnDraggable.js +5 -1
  131. package/dist/npm/drag/ColumnResizer.d.ts +4 -1
  132. package/dist/npm/drag/ColumnResizer.js +5 -1
  133. package/dist/npm/drag/DragClue.d.ts +4 -1
  134. package/dist/npm/drag/DragClue.js +5 -1
  135. package/dist/npm/drag/DropClue.d.ts +4 -1
  136. package/dist/npm/drag/DropClue.js +5 -1
  137. package/dist/npm/drag/GroupingIndicator.d.ts +4 -1
  138. package/dist/npm/drag/GroupingIndicator.js +5 -1
  139. package/dist/npm/footer/Footer.d.ts +6 -0
  140. package/dist/npm/footer/Footer.js +8 -0
  141. package/dist/npm/footer/FooterRow.d.ts +6 -0
  142. package/dist/npm/footer/FooterRow.js +8 -0
  143. package/dist/npm/header/FilterRow.d.ts +4 -1
  144. package/dist/npm/header/FilterRow.js +5 -1
  145. package/dist/npm/header/GridHeaderCell.d.ts +4 -1
  146. package/dist/npm/header/GridHeaderCell.js +5 -1
  147. package/dist/npm/header/GridHeaderSelectionCell.d.ts +4 -1
  148. package/dist/npm/header/GridHeaderSelectionCell.js +5 -1
  149. package/dist/npm/header/GroupPanel.d.ts +4 -1
  150. package/dist/npm/header/GroupPanel.js +5 -1
  151. package/dist/npm/header/Header.d.ts +4 -1
  152. package/dist/npm/header/Header.js +5 -1
  153. package/dist/npm/header/HeaderRow.d.ts +4 -1
  154. package/dist/npm/header/HeaderRow.js +5 -1
  155. package/dist/npm/interfaces/GridCellProps.d.ts +2 -2
  156. package/dist/npm/interfaces/GridColumnProps.d.ts +2 -2
  157. package/dist/npm/interfaces/GridDetailRowProps.d.ts +0 -4
  158. package/dist/npm/interfaces/GridFilterCellProps.d.ts +1 -1
  159. package/dist/npm/interfaces/GridGroupableSettings.d.ts +1 -1
  160. package/dist/npm/interfaces/GridProps.d.ts +27 -27
  161. package/dist/npm/package-metadata.js +1 -1
  162. package/dist/npm/rows/GridDetailRow.d.ts +2 -5
  163. package/dist/npm/rows/GridDetailRow.js +4 -7
  164. package/dist/npm/rows/GridRow.d.ts +4 -1
  165. package/dist/npm/rows/GridRow.js +5 -1
  166. package/package.json +14 -14
package/dist/es/Grid.d.ts CHANGED
@@ -13,7 +13,7 @@ import { DataItemWrapper } from './utils/index';
13
13
  import { GridProps } from './interfaces/GridProps';
14
14
  import { GridColumnProps } from './interfaces/GridColumnProps';
15
15
  /**
16
- * Represents the [native Vue Grid component by Kendo UI]({% slug overview_grid_native %}).
16
+ * Represents the [native Vue Grid component by Kendo UI]({% slug overview_grid %}).
17
17
  *
18
18
  * @example
19
19
  * ```tsx-no-run
@@ -140,8 +140,41 @@ export interface GridComputed {
140
140
  export interface GridAll extends GridMethods, GridData, GridState, GridComputed, GridProps, Vue2type {
141
141
  }
142
142
  /**
143
- * Represents the default `Grid` component.
143
+ * @hidden
144
144
  */
145
145
  declare let GridVue2: ComponentOptions<Vue2type, DefaultData<GridData>, DefaultMethods<GridAll>, GridComputed, RecordPropsDefinition<GridProps>>;
146
+ /**
147
+ * Represents the native Vue Grid component by Kendo UI.
148
+ *
149
+ * ```tsx-no-run
150
+ * <div id="app">
151
+ * <Grid
152
+ * :data-items="products"
153
+ * :columns="columns">
154
+ * </Grid>
155
+ * </div>
156
+ * <script>
157
+ * Vue.component('Grid', Grid);
158
+ * new Vue({
159
+ * el: '#app',
160
+ * data: function () {
161
+ * return {
162
+ * products: [
163
+ * { 'foo': 'A1', 'bar': 'B1' },
164
+ * { 'foo': 'A2', 'bar': 'B2' },
165
+ * { 'foo': 'A3', 'bar': 'B2' }
166
+ * ],
167
+ * columns: [
168
+ * { field: 'foo'},
169
+ * { field: 'bar'}
170
+ * ]
171
+ * };
172
+ * }
173
+ * });
174
+ * </script>
175
+ * ```
176
+ *
177
+ * ### props <span class='code'>[GridProps]({% slug api_grid_gridprops %})</span>
178
+ */
146
179
  declare const Grid: DefineComponent<GridProps, any, GridData, GridComputed, GridMethods, {}, {}, {}, string, GridProps, GridProps, {}>;
147
180
  export { Grid, GridVue2 };
package/dist/es/Grid.js CHANGED
@@ -1,5 +1,3 @@
1
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
2
-
3
1
  var __assign = this && this.__assign || function () {
4
2
  __assign = Object.assign || function (t) {
5
3
  for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -49,7 +47,7 @@ var allVue = Vue;
49
47
  var gh = allVue.h;
50
48
  var ref = allVue.ref;
51
49
  var markRaw = allVue.markRaw;
52
- import { templateRendering, hasListener, getListeners, getDefaultSlots, guid, getter, isRtl, validatePackage, getTemplate, canUseDOM, templateDefinition } from '@progress/kendo-vue-common';
50
+ import { templateRendering, hasListener, getListeners, getDefaultSlots, guid, getter, isRtl, validatePackage, getTemplate, canUseDOM, templateDefinition, isObject } from '@progress/kendo-vue-common';
53
51
  import { tableColumnsVirtualization, Pager, normalize, tableKeyboardNavigationTools as navigationTools, TableKeyboardNavigationProvider } from '@progress/kendo-vue-data-tools';
54
52
  import { Loader } from '@progress/kendo-vue-indicators';
55
53
  import { GridNav } from './GridNav';
@@ -79,7 +77,7 @@ import { GridNoRecords } from './GridNoRecords';
79
77
  import { packageMetadata } from './package-metadata';
80
78
  import { pagerMessagesMap } from './messages';
81
79
  /**
82
- * Represents the default `Grid` component.
80
+ * @hidden
83
81
  */
84
82
 
85
83
  var GridVue2 = {
@@ -209,7 +207,7 @@ var GridVue2 = {
209
207
  }
210
208
  },
211
209
  currentGroupable: function currentGroupable() {
212
- return this.$props.groupable === true && this.$props.group && this.$props.group.length || _typeof(this.$props.groupable) === 'object' && this.$props.groupable.enabled !== false;
210
+ return this.$props.groupable === true && this.$props.group && this.$props.group.length || isObject(this.$props.groupable) && this.$props.groupable.enabled !== false;
213
211
  },
214
212
  computedCollapsed: function computedCollapsed() {
215
213
  var newCollapsed = [];
@@ -230,7 +228,7 @@ var GridVue2 = {
230
228
  methods: {
231
229
  /**
232
230
  * A getter of the current columns. Gets the current column width or current columns,
233
- * or any other [`GridColumnProps`]({% slug api_grid_native_columnprops %}) for each defined column.
231
+ * or any other [`GridColumnProps`]({% slug api_grid_columnprops %}) for each defined column.
234
232
  * Can be used on each Grid instance. To obtain the instance of the rendered Grid, use the `ref`
235
233
  * callback. The following example demonstrates how to reorder the columns by dragging their handlers
236
234
  * and check the properties afterwards. You can check the result in the browser console.
@@ -853,7 +851,7 @@ var GridVue2 = {
853
851
  total = total || this.$props.dataItems.total;
854
852
  }
855
853
 
856
- var groupable = this.$props.groupable === true || _typeof(this.$props.groupable) === 'object' && this.$props.groupable.enabled !== false;
854
+ var groupable = this.$props.groupable === true || isObject(this.$props.groupable) && this.$props.groupable.enabled !== false;
857
855
  this.columnResize.resizable = this.$props.resizable || false;
858
856
  this.dragLogic.reorderable = this.$props.reorderable || false;
859
857
  this.dragLogic.groupable = groupable;
@@ -874,7 +872,7 @@ var GridVue2 = {
874
872
  }
875
873
 
876
874
  var children = defaultSlot || [];
877
- var groupingFooter = _typeof(this.$props.groupable) === 'object' && this.$props.groupable.footer || 'none';
875
+ var groupingFooter = isObject(this.$props.groupable) && this.$props.groupable.footer || 'none';
878
876
  this.currentData = [];
879
877
  var resolvedGroupsCount = flatData(this.currentData, gridData, groupingFooter, {
880
878
  index: this.$props.skip || 0
@@ -1220,7 +1218,7 @@ var GridVue2 = {
1220
1218
  var leftWidth = 0;
1221
1219
  var vnodeDataStyle = this.v3 ? this.$attrs.style : this.$vnode && this.$vnode.data ? this.$vnode.data.style : null;
1222
1220
  var widthProp = 'width';
1223
- var elementInlineStyleWidth = vnodeDataStyle && (typeof vnodeDataStyle === "undefined" ? "undefined" : _typeof(vnodeDataStyle)) === 'object' ? vnodeDataStyle[widthProp] || '' : '';
1221
+ var elementInlineStyleWidth = vnodeDataStyle && isObject(vnodeDataStyle) ? vnodeDataStyle[widthProp] || '' : '';
1224
1222
  var tableWidth = parseFloat(elementInlineStyleWidth.toString());
1225
1223
  var scrollLeft = this.vs && this.vs.container && this.vs.container.scrollLeft || 0;
1226
1224
 
@@ -2078,5 +2076,39 @@ var GridVue2 = {
2078
2076
  );
2079
2077
  }
2080
2078
  };
2079
+ /**
2080
+ * Represents the native Vue Grid component by Kendo UI.
2081
+ *
2082
+ * ```tsx-no-run
2083
+ * <div id="app">
2084
+ * <Grid
2085
+ * :data-items="products"
2086
+ * :columns="columns">
2087
+ * </Grid>
2088
+ * </div>
2089
+ * <script>
2090
+ * Vue.component('Grid', Grid);
2091
+ * new Vue({
2092
+ * el: '#app',
2093
+ * data: function () {
2094
+ * return {
2095
+ * products: [
2096
+ * { 'foo': 'A1', 'bar': 'B1' },
2097
+ * { 'foo': 'A2', 'bar': 'B2' },
2098
+ * { 'foo': 'A3', 'bar': 'B2' }
2099
+ * ],
2100
+ * columns: [
2101
+ * { field: 'foo'},
2102
+ * { field: 'bar'}
2103
+ * ]
2104
+ * };
2105
+ * }
2106
+ * });
2107
+ * </script>
2108
+ * ```
2109
+ *
2110
+ * ### props <span class='code'>[GridProps]({% slug api_grid_gridprops %})</span>
2111
+ */
2112
+
2081
2113
  var Grid = GridVue2;
2082
2114
  export { Grid, GridVue2 };
@@ -36,8 +36,11 @@ export interface GridNavComputed {
36
36
  export interface GridNavAll extends GridNavMethods, GridNavState, GridNavData, GridNavComputed, Vue2type {
37
37
  }
38
38
  /**
39
- * Represents the default `GridNav` component.
39
+ * @hidden
40
40
  */
41
41
  declare const GridNavVue2: ComponentOptions<Vue2type, DefaultData<GridNavData>, DefaultMethods<GridNavAll>, GridNavComputed, RecordPropsDefinition<{}>>;
42
+ /**
43
+ * @hidden
44
+ */
42
45
  declare const GridNav: DefineComponent<{}, any, GridNavData, GridNavComputed, GridNavMethods, {}, {}, {}, string, {}, {}, {}>;
43
46
  export { GridNav, GridNavVue2 };
@@ -4,7 +4,7 @@ var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  import { getDefaultSlots, noop } from '@progress/kendo-vue-common';
6
6
  /**
7
- * Represents the default `GridNav` component.
7
+ * @hidden
8
8
  */
9
9
 
10
10
  var GridNavVue2 = {
@@ -103,5 +103,9 @@ var GridNavVue2 = {
103
103
  }, [defaultSlots]);
104
104
  }
105
105
  };
106
+ /**
107
+ * @hidden
108
+ */
109
+
106
110
  var GridNav = GridNavVue2;
107
111
  export { GridNav, GridNavVue2 };
@@ -3,6 +3,10 @@ declare type DefaultMethods<V> = {
3
3
  [key: string]: (this: V, ...args: any[]) => any;
4
4
  };
5
5
  import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
6
+ /**
7
+ * @hidden
8
+ */
9
+ declare let GridNoRecordsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
6
10
  /**
7
11
  * Represents the GridNoRecords component which is rendered
8
12
  * when the `data` property of the Grid is empty or `null`.
@@ -43,6 +47,5 @@ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } fr
43
47
  /**
44
48
  * Represents the default `GridNoRecords` component.
45
49
  */
46
- declare let GridNoRecordsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
47
50
  declare const GridNoRecords: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
48
51
  export { GridNoRecords, GridNoRecordsVue2 };
@@ -6,6 +6,36 @@ var inject = allVue.inject;
6
6
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
7
7
  import { messages, noRecords } from './messages';
8
8
  import { getDefaultSlots } from '@progress/kendo-vue-common';
9
+ /**
10
+ * @hidden
11
+ */
12
+
13
+ var GridNoRecordsVue2 = {
14
+ name: 'GridNoRecords',
15
+ inject: {
16
+ kendoLocalizationService: {
17
+ default: null
18
+ }
19
+ },
20
+ // @ts-ignore
21
+ setup: !gh ? undefined : function () {
22
+ var v3 = !!gh;
23
+ var kendoLocalizationService = inject('kendoLocalizationService', {});
24
+ return {
25
+ v3: v3,
26
+ kendoLocalizationService: kendoLocalizationService
27
+ };
28
+ },
29
+ // @ts-ignore
30
+ render: function render(createElement) {
31
+ var h = gh || createElement;
32
+ var defaultSlot = getDefaultSlots(this);
33
+ var localizationService = provideLocalizationService(this);
34
+ var noRecordsMessage = localizationService.toLanguageString(noRecords, messages[noRecords]);
35
+ return defaultSlot ? h("div", [defaultSlot]) // @ts-ignore
36
+ : this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
37
+ }
38
+ };
9
39
  /**
10
40
  * Represents the GridNoRecords component which is rendered
11
41
  * when the `data` property of the Grid is empty or `null`.
@@ -48,31 +78,5 @@ import { getDefaultSlots } from '@progress/kendo-vue-common';
48
78
  * Represents the default `GridNoRecords` component.
49
79
  */
50
80
 
51
- var GridNoRecordsVue2 = {
52
- name: 'GridNoRecords',
53
- inject: {
54
- kendoLocalizationService: {
55
- default: null
56
- }
57
- },
58
- // @ts-ignore
59
- setup: !gh ? undefined : function () {
60
- var v3 = !!gh;
61
- var kendoLocalizationService = inject('kendoLocalizationService', {});
62
- return {
63
- v3: v3,
64
- kendoLocalizationService: kendoLocalizationService
65
- };
66
- },
67
- // @ts-ignore
68
- render: function render(createElement) {
69
- var h = gh || createElement;
70
- var defaultSlot = getDefaultSlots(this);
71
- var localizationService = provideLocalizationService(this);
72
- var noRecordsMessage = localizationService.toLanguageString(noRecords, messages[noRecords]);
73
- return defaultSlot ? h("div", [defaultSlot]) // @ts-ignore
74
- : this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
75
- }
76
- };
77
81
  var GridNoRecords = GridNoRecordsVue2;
78
82
  export { GridNoRecords, GridNoRecordsVue2 };
@@ -5,12 +5,54 @@ declare type DefaultMethods<V> = {
5
5
  };
6
6
  import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
7
7
  /**
8
- * Represents the GridToolbar component.
9
- *
8
+ * @hidden
10
9
  */
10
+ declare let GridToolbarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridToolbarProps>>;
11
11
  /**
12
- * Represents the default `GridToolbar` component.
12
+ * Represents the GridToolbar component.
13
+ *
14
+ * ```tsx-no-run
15
+ * <div id="app">
16
+ * <Grid
17
+ * :data-items="products"
18
+ * :columns="columns">
19
+ * <grid-toolbar >
20
+ * <button title="Add new" class="k-button k-primary" @click='insert' >
21
+ * Add new
22
+ * </button>
23
+ * <button v-if="hasItemsInEdit"
24
+ * title="Cancel current changes"
25
+ * class="k-button"
26
+ * @click="cancelChanges">
27
+ * Cancel current changes
28
+ * </button>
29
+ * </grid-toolbar>
30
+ * </Grid>
31
+ * </div>
32
+ * <script>
33
+ * Vue.component('Grid', Grid);
34
+ * Vue.component('grid-toolbar', GridToolbar);
35
+ * new Vue({
36
+ * el: '#app',
37
+ * data: function () {
38
+ * return {
39
+ * products: [
40
+ * { 'foo': 'A1', 'bar': 'B1' },
41
+ * { 'foo': 'A2', 'bar': 'B2' },
42
+ * { 'foo': 'A3', 'bar': 'B2' }
43
+ * ],
44
+ * columns: [
45
+ * { field: 'foo'},
46
+ * { field: 'bar'}
47
+ * ]
48
+ * };
49
+ * }
50
+ * });
51
+ * </script>
52
+ * ```
53
+ *
54
+ *
55
+ * ### props <span class='code'>[GridToolbarProps]({% slug api_grid_toolbarprops %})</span>
13
56
  */
14
- declare let GridToolbarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<GridToolbarProps>>;
15
57
  declare const GridToolbar: DefineComponent<GridToolbarProps, any, {}, {}, {}, {}, {}, {}, string, GridToolbarProps, GridToolbarProps, {}>;
16
58
  export { GridToolbar, GridToolbarVue2 };
@@ -4,12 +4,7 @@ var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  import { getDefaultSlots } from '@progress/kendo-vue-common';
6
6
  /**
7
- * Represents the GridToolbar component.
8
- *
9
- */
10
-
11
- /**
12
- * Represents the default `GridToolbar` component.
7
+ * @hidden
13
8
  */
14
9
 
15
10
  var GridToolbarVue2 = {
@@ -30,5 +25,52 @@ var GridToolbarVue2 = {
30
25
  }, [defaultSlot]);
31
26
  }
32
27
  };
28
+ /**
29
+ * Represents the GridToolbar component.
30
+ *
31
+ * ```tsx-no-run
32
+ * <div id="app">
33
+ * <Grid
34
+ * :data-items="products"
35
+ * :columns="columns">
36
+ * <grid-toolbar >
37
+ * <button title="Add new" class="k-button k-primary" @click='insert' >
38
+ * Add new
39
+ * </button>
40
+ * <button v-if="hasItemsInEdit"
41
+ * title="Cancel current changes"
42
+ * class="k-button"
43
+ * @click="cancelChanges">
44
+ * Cancel current changes
45
+ * </button>
46
+ * </grid-toolbar>
47
+ * </Grid>
48
+ * </div>
49
+ * <script>
50
+ * Vue.component('Grid', Grid);
51
+ * Vue.component('grid-toolbar', GridToolbar);
52
+ * new Vue({
53
+ * el: '#app',
54
+ * data: function () {
55
+ * return {
56
+ * products: [
57
+ * { 'foo': 'A1', 'bar': 'B1' },
58
+ * { 'foo': 'A2', 'bar': 'B2' },
59
+ * { 'foo': 'A3', 'bar': 'B2' }
60
+ * ],
61
+ * columns: [
62
+ * { field: 'foo'},
63
+ * { field: 'bar'}
64
+ * ]
65
+ * };
66
+ * }
67
+ * });
68
+ * </script>
69
+ * ```
70
+ *
71
+ *
72
+ * ### props <span class='code'>[GridToolbarProps]({% slug api_grid_toolbarprops %})</span>
73
+ */
74
+
33
75
  var GridToolbar = GridToolbarVue2;
34
76
  export { GridToolbar, GridToolbarVue2 };
@@ -2,9 +2,20 @@
2
2
  import { DefineComponent } from 'vue';
3
3
  // @ts-ignore
4
4
  import * as Vue from 'vue';
5
+
6
+ /**
7
+ * @hidden
8
+ */
5
9
  // @ts-ignore
6
10
  type Vue2type = Vue.default;
11
+
12
+ /**
13
+ * @hidden
14
+ */
7
15
  // @ts-ignore
8
16
  import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
17
+ /**
18
+ * @hidden
19
+ */
9
20
  // @ts-ignore
10
21
  export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };
@@ -20,8 +20,11 @@ export interface GridCellAll extends Vue2type {
20
20
  getKeyboardNavigationAttributes: (id: string) => any;
21
21
  }
22
22
  /**
23
- * Represents the default `GridCell` component.
23
+ * @hidden
24
24
  */
25
25
  declare let GridCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridCellAll>, {}, RecordPropsDefinition<GridCellProps>>;
26
+ /**
27
+ * @hidden
28
+ */
26
29
  declare const GridCell: DefineComponent<GridCellProps, any, {}, {}, {}, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
27
30
  export { GridCell, GridCellVue2 };
@@ -8,7 +8,7 @@ import { provideIntlService } from '@progress/kendo-vue-intl';
8
8
  import { getTemplate, noop } from '@progress/kendo-vue-common';
9
9
  import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
10
10
  /**
11
- * Represents the default `GridCell` component.
11
+ * @hidden
12
12
  */
13
13
 
14
14
  var GridCellVue2 = {
@@ -152,5 +152,9 @@ var GridCellVue2 = {
152
152
  });
153
153
  }
154
154
  };
155
+ /**
156
+ * @hidden
157
+ */
158
+
155
159
  var GridCell = GridCellVue2;
156
160
  export { GridCell, GridCellVue2 };
@@ -19,8 +19,11 @@ export interface GridDetailCellAll extends GridDetailCellProps, Vue2type {
19
19
  getKeyboardNavigationAttributes: (id: string) => any;
20
20
  }
21
21
  /**
22
- * Represents the default `GridDetailCell` component.
22
+ * @hidden
23
23
  */
24
24
  declare let GridDetailCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridDetailCellAll>, {}, RecordPropsDefinition<GridDetailCellProps>>;
25
+ /**
26
+ * @hidden
27
+ */
25
28
  declare const GridDetailCell: DefineComponent<GridDetailCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailCellProps, GridDetailCellProps, {}>;
26
29
  export { GridDetailCell, GridDetailCellVue2 };
@@ -6,7 +6,7 @@ var inject = allVue.inject;
6
6
  import { getTemplate, noop } from '@progress/kendo-vue-common';
7
7
  import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
8
8
  /**
9
- * Represents the default `GridDetailCell` component.
9
+ * @hidden
10
10
  */
11
11
 
12
12
  var GridDetailCellVue2 = {
@@ -73,5 +73,9 @@ var GridDetailCellVue2 = {
73
73
  })]);
74
74
  }
75
75
  };
76
+ /**
77
+ * @hidden
78
+ */
79
+
76
80
  var GridDetailCell = GridDetailCellVue2;
77
81
  export { GridDetailCell, GridDetailCellVue2 };
@@ -14,8 +14,11 @@ export interface GridDetailHierarchyCellAll extends GridDetailHierarchyCellProps
14
14
  getKeyboardNavigationAttributes: (id: string) => any;
15
15
  }
16
16
  /**
17
- * Represents the default `GridDetailHierarchyCell` component.
17
+ * @hidden
18
18
  */
19
19
  declare let GridDetailHierarchyCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridDetailHierarchyCellAll>, {}, RecordPropsDefinition<GridDetailHierarchyCellProps>>;
20
+ /**
21
+ * @hidden
22
+ */
20
23
  declare const GridDetailHierarchyCell: DefineComponent<GridDetailHierarchyCellProps, any, {}, {}, {}, {}, {}, {}, string, GridDetailHierarchyCellProps, GridDetailHierarchyCellProps, {}>;
21
24
  export { GridDetailHierarchyCell, GridDetailHierarchyCellVue2 };
@@ -6,7 +6,7 @@ var inject = allVue.inject;
6
6
  import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
7
7
  import { noop } from '@progress/kendo-vue-common';
8
8
  /**
9
- * Represents the default `GridDetailHierarchyCell` component.
9
+ * @hidden
10
10
  */
11
11
 
12
12
  var GridDetailHierarchyCellVue2 = {
@@ -44,5 +44,9 @@ var GridDetailHierarchyCellVue2 = {
44
44
  });
45
45
  }
46
46
  };
47
+ /**
48
+ * @hidden
49
+ */
50
+
47
51
  var GridDetailHierarchyCell = GridDetailHierarchyCellVue2;
48
52
  export { GridDetailHierarchyCell, GridDetailHierarchyCellVue2 };
@@ -30,8 +30,11 @@ export interface GridEditCellData {
30
30
  export interface GridEditCellAll extends GridEditCellMethods, GridEditCellData {
31
31
  }
32
32
  /**
33
- * Represents the default `GridEditCell` component.
33
+ * @hidden
34
34
  */
35
35
  declare let GridEditCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridEditCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
36
+ /**
37
+ * @hidden
38
+ */
36
39
  declare const GridEditCell: DefineComponent<GridCellProps, any, GridEditCellData, [], GridEditCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
37
40
  export { GridEditCell, GridEditCellVue2 };
@@ -9,7 +9,7 @@ import { NumericTextBox } from '@progress/kendo-vue-inputs';
9
9
  import { DatePicker } from '@progress/kendo-vue-dateinputs';
10
10
  import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
11
11
  /**
12
- * Represents the default `GridEditCell` component.
12
+ * @hidden
13
13
  */
14
14
 
15
15
  var GridEditCellVue2 = {
@@ -303,5 +303,9 @@ var GridEditCellVue2 = {
303
303
  });
304
304
  }
305
305
  };
306
+ /**
307
+ * @hidden
308
+ */
309
+
306
310
  var GridEditCell = GridEditCellVue2;
307
311
  export { GridEditCell, GridEditCellVue2 };
@@ -16,8 +16,11 @@ export interface GridFilterCellMethods extends Vue2type {
16
16
  triggerChange: (filter: any) => void;
17
17
  }
18
18
  /**
19
- * Represents the default `GridFilterCell` component.
19
+ * @hidden
20
20
  */
21
21
  declare let GridFilterCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridFilterCellMethods>, {}, RecordPropsDefinition<GridFilterCellProps>>;
22
+ /**
23
+ * @hidden
24
+ */
22
25
  declare const GridFilterCell: DefineComponent<GridFilterCellProps, any, {}, {}, GridFilterCellMethods, {}, {}, {}, string, GridFilterCellProps, GridFilterCellProps, {}>;
23
26
  export { GridFilterCell, GridFilterCellVue2 };
@@ -12,7 +12,7 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
12
12
  import { cellBoolDropdownChange, cellInputChange, cellOperatorChange } from '../filterCommon';
13
13
  import { templateRendering, getListeners, getTemplate } from '@progress/kendo-vue-common';
14
14
  /**
15
- * Represents the default `GridFilterCell` component.
15
+ * @hidden
16
16
  */
17
17
 
18
18
  var GridFilterCellVue2 = {
@@ -250,5 +250,9 @@ var GridFilterCellVue2 = {
250
250
  });
251
251
  }
252
252
  };
253
+ /**
254
+ * @hidden
255
+ */
256
+
253
257
  var GridFilterCell = GridFilterCellVue2;
254
258
  export { GridFilterCell, GridFilterCellVue2 };
@@ -13,8 +13,11 @@ export interface GridGroupCellMethods extends Vue2type {
13
13
  getKeyboardNavigationAttributes: (id: string) => any;
14
14
  }
15
15
  /**
16
- * Represents the default `GridGroupCell` component.
16
+ * @hidden
17
17
  */
18
18
  declare let GridGroupCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridGroupCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
19
+ /**
20
+ * @hidden
21
+ */
19
22
  declare const GridGroupCell: DefineComponent<GridCellProps, any, {}, {}, GridGroupCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
20
23
  export { GridGroupCell, GridGroupCellVue2 };
@@ -5,7 +5,7 @@ var gh = allVue.h;
5
5
  import { getTemplate, Keys, noop } from '@progress/kendo-vue-common';
6
6
  import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
7
7
  /**
8
- * Represents the default `GridGroupCell` component.
8
+ * @hidden
9
9
  */
10
10
 
11
11
  var GridGroupCellVue2 = {
@@ -170,5 +170,9 @@ var GridGroupCellVue2 = {
170
170
  });
171
171
  }
172
172
  };
173
+ /**
174
+ * @hidden
175
+ */
176
+
173
177
  var GridGroupCell = GridGroupCellVue2;
174
178
  export { GridGroupCell, GridGroupCellVue2 };
@@ -13,8 +13,11 @@ export interface GridHierarchyCellMethods extends Vue2type {
13
13
  getKeyboardNavigationAttributes: (id: string) => any;
14
14
  }
15
15
  /**
16
- * Represents the default `GridHierarchyCell` component.
16
+ * @hidden
17
17
  */
18
18
  declare let GridHierarchyCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<GridHierarchyCellMethods>, {}, RecordPropsDefinition<GridCellProps>>;
19
+ /**
20
+ * @hidden
21
+ */
19
22
  declare const GridHierarchyCell: DefineComponent<GridCellProps, any, {}, {}, GridHierarchyCellMethods, {}, {}, {}, string, GridCellProps, GridCellProps, {}>;
20
23
  export { GridHierarchyCell, GridHierarchyCellVue2 };
@@ -6,7 +6,7 @@ import { getNestedValue } from './../utils';
6
6
  import { getTemplate, Keys, noop } from '@progress/kendo-vue-common';
7
7
  import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
8
8
  /**
9
- * Represents the default `GridHierarchyCell` component.
9
+ * @hidden
10
10
  */
11
11
 
12
12
  var GridHierarchyCellVue2 = {
@@ -153,5 +153,9 @@ var GridHierarchyCellVue2 = {
153
153
  });
154
154
  }
155
155
  };
156
+ /**
157
+ * @hidden
158
+ */
159
+
156
160
  var GridHierarchyCell = GridHierarchyCellVue2;
157
161
  export { GridHierarchyCell, GridHierarchyCellVue2 };