@progress/kendo-vue-grid 3.5.0 → 3.5.1-dev.202208150613

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 (231) hide show
  1. package/dist/cdn/js/kendo-vue-grid.js +1 -1
  2. package/dist/es/Grid.js +20 -24
  3. package/dist/es/ScrollMode.js +1 -0
  4. package/dist/es/columnMenu/ColumnMenu.js +2 -2
  5. package/dist/es/columnMenu/GridColumnMenuCheckboxFilter.js +9 -13
  6. package/dist/es/columnMenu/GridColumnMenuFilter.js +423 -107
  7. package/dist/es/columnMenu/GridColumnMenuFilterCell.js +74 -97
  8. package/dist/es/columnMenu/GridColumnMenuFilterOperators.d.ts +36 -0
  9. package/dist/es/columnMenu/GridColumnMenuFilterOperators.js +68 -0
  10. package/dist/es/columnMenu/GridColumnMenuItem.js +2 -2
  11. package/dist/es/filterCommon.d.ts +1 -1
  12. package/dist/es/footer/Footer.js +1 -1
  13. package/dist/es/footer/FooterRow.js +1 -1
  14. package/dist/es/header/FilterRow.js +1 -1
  15. package/dist/es/header/Header.js +1 -1
  16. package/dist/es/header/HeaderRow.js +1 -1
  17. package/dist/es/interfaces/ExtendedColumnProps.js +1 -0
  18. package/dist/es/interfaces/GridCellProps.js +1 -0
  19. package/dist/es/interfaces/GridColumnMenuColumnProps.js +1 -0
  20. package/dist/es/interfaces/GridColumnMenuExtendedFilterProps.js +1 -0
  21. package/dist/es/interfaces/GridColumnMenuFilterBaseProps.js +1 -0
  22. package/dist/es/interfaces/GridColumnMenuFilterProps.js +1 -0
  23. package/dist/es/interfaces/GridColumnMenuFilterUIProps.js +1 -0
  24. package/dist/es/interfaces/GridColumnMenuProps.js +1 -0
  25. package/dist/es/interfaces/GridColumnMenuSortBaseProps.js +1 -0
  26. package/dist/es/interfaces/GridColumnProps.js +1 -0
  27. package/dist/es/interfaces/GridDetailRowProps.js +1 -0
  28. package/dist/es/interfaces/GridFilterCellProps.js +1 -0
  29. package/dist/es/interfaces/GridFilterOperator.js +1 -0
  30. package/dist/es/interfaces/GridFilterOperators.js +1 -0
  31. package/dist/es/interfaces/GridFooterCellProps.js +1 -0
  32. package/dist/es/interfaces/GridGroupableSettings.js +1 -0
  33. package/dist/es/interfaces/GridHeaderCellProps.js +1 -0
  34. package/dist/es/interfaces/GridHeaderSelectionCellProps.js +1 -0
  35. package/dist/es/interfaces/GridNoRecordsProps.js +1 -0
  36. package/dist/es/interfaces/GridProps.js +1 -0
  37. package/dist/es/interfaces/GridRowProps.js +1 -0
  38. package/dist/es/interfaces/GridRowType.js +1 -0
  39. package/dist/es/interfaces/GridSortSettings.js +9 -7
  40. package/dist/es/interfaces/GridToolbarProps.js +1 -0
  41. package/dist/es/interfaces/events.js +1 -0
  42. package/dist/es/package-metadata.js +1 -1
  43. package/dist/es/rows/GridDetailRow.d.ts +2 -1
  44. package/dist/es/utils/index.js +4 -4
  45. package/dist/esm/Grid.d.ts +180 -0
  46. package/dist/esm/Grid.js +2086 -0
  47. package/dist/esm/GridNav.d.ts +46 -0
  48. package/dist/esm/GridNav.js +112 -0
  49. package/dist/esm/GridNoRecords.d.ts +51 -0
  50. package/dist/esm/GridNoRecords.js +83 -0
  51. package/dist/esm/GridToolbar.d.ts +58 -0
  52. package/dist/esm/GridToolbar.js +77 -0
  53. package/dist/esm/ScrollMode.d.ts +1 -0
  54. package/dist/esm/ScrollMode.js +1 -0
  55. package/dist/esm/VirtualScroll.d.ts +41 -0
  56. package/dist/esm/VirtualScroll.js +217 -0
  57. package/dist/esm/additionalTypes.ts +21 -0
  58. package/dist/esm/cells/GridCell.d.ts +30 -0
  59. package/dist/esm/cells/GridCell.js +161 -0
  60. package/dist/esm/cells/GridDetailCell.d.ts +29 -0
  61. package/dist/esm/cells/GridDetailCell.js +82 -0
  62. package/dist/esm/cells/GridDetailHierarchyCell.d.ts +24 -0
  63. package/dist/esm/cells/GridDetailHierarchyCell.js +53 -0
  64. package/dist/esm/cells/GridEditCell.d.ts +40 -0
  65. package/dist/esm/cells/GridEditCell.js +312 -0
  66. package/dist/esm/cells/GridFilterCell.d.ts +26 -0
  67. package/dist/esm/cells/GridFilterCell.js +259 -0
  68. package/dist/esm/cells/GridGroupCell.d.ts +23 -0
  69. package/dist/esm/cells/GridGroupCell.js +179 -0
  70. package/dist/esm/cells/GridHierarchyCell.d.ts +23 -0
  71. package/dist/esm/cells/GridHierarchyCell.js +162 -0
  72. package/dist/esm/cells/GridSelectionCell.d.ts +34 -0
  73. package/dist/esm/cells/GridSelectionCell.js +138 -0
  74. package/dist/esm/columnMenu/ColumnMenu.d.ts +56 -0
  75. package/dist/esm/columnMenu/ColumnMenu.js +252 -0
  76. package/dist/esm/columnMenu/ColumnMenuContent.d.ts +33 -0
  77. package/dist/esm/columnMenu/ColumnMenuContent.js +123 -0
  78. package/dist/esm/columnMenu/GridColumnMenuCheckboxFilter.d.ts +86 -0
  79. package/dist/esm/columnMenu/GridColumnMenuCheckboxFilter.js +709 -0
  80. package/dist/esm/columnMenu/GridColumnMenuFilter.d.ts +339 -0
  81. package/dist/esm/columnMenu/GridColumnMenuFilter.js +1079 -0
  82. package/dist/esm/columnMenu/GridColumnMenuFilterCell.d.ts +45 -0
  83. package/dist/esm/columnMenu/GridColumnMenuFilterCell.js +152 -0
  84. package/dist/esm/columnMenu/GridColumnMenuFilterOperators.d.ts +36 -0
  85. package/dist/esm/columnMenu/GridColumnMenuFilterOperators.js +68 -0
  86. package/dist/esm/columnMenu/GridColumnMenuFilterUI.d.ts +24 -0
  87. package/dist/esm/columnMenu/GridColumnMenuFilterUI.js +155 -0
  88. package/dist/esm/columnMenu/GridColumnMenuItem.d.ts +42 -0
  89. package/dist/esm/columnMenu/GridColumnMenuItem.js +63 -0
  90. package/dist/esm/columnMenu/GridColumnMenuItemContent.d.ts +34 -0
  91. package/dist/esm/columnMenu/GridColumnMenuItemContent.js +51 -0
  92. package/dist/esm/columnMenu/GridColumnMenuItemGroup.d.ts +19 -0
  93. package/dist/esm/columnMenu/GridColumnMenuItemGroup.js +33 -0
  94. package/dist/esm/columnMenu/GridColumnMenuSort.d.ts +283 -0
  95. package/dist/esm/columnMenu/GridColumnMenuSort.js +375 -0
  96. package/dist/esm/drag/ColumnDraggable.d.ts +43 -0
  97. package/dist/esm/drag/ColumnDraggable.js +73 -0
  98. package/dist/esm/drag/ColumnResize.d.ts +31 -0
  99. package/dist/esm/drag/ColumnResize.js +126 -0
  100. package/dist/esm/drag/ColumnResizer.d.ts +40 -0
  101. package/dist/esm/drag/ColumnResizer.js +89 -0
  102. package/dist/esm/drag/CommonDragLogic.d.ts +35 -0
  103. package/dist/esm/drag/CommonDragLogic.js +177 -0
  104. package/dist/esm/drag/DragClue.d.ts +25 -0
  105. package/dist/esm/drag/DragClue.js +52 -0
  106. package/dist/esm/drag/DropClue.d.ts +24 -0
  107. package/dist/esm/drag/DropClue.js +46 -0
  108. package/dist/esm/drag/GroupingIndicator.d.ts +51 -0
  109. package/dist/esm/drag/GroupingIndicator.js +153 -0
  110. package/dist/esm/filterCommon.d.ts +75 -0
  111. package/dist/esm/filterCommon.js +156 -0
  112. package/dist/esm/footer/Footer.d.ts +52 -0
  113. package/dist/esm/footer/Footer.js +103 -0
  114. package/dist/esm/footer/FooterRow.d.ts +30 -0
  115. package/dist/esm/footer/FooterRow.js +73 -0
  116. package/dist/esm/header/FilterRow.d.ts +36 -0
  117. package/dist/esm/header/FilterRow.js +203 -0
  118. package/dist/esm/header/GridHeaderCell.d.ts +21 -0
  119. package/dist/esm/header/GridHeaderCell.js +60 -0
  120. package/dist/esm/header/GridHeaderSelectionCell.d.ts +32 -0
  121. package/dist/esm/header/GridHeaderSelectionCell.js +81 -0
  122. package/dist/esm/header/GroupPanel.d.ts +38 -0
  123. package/dist/esm/header/GroupPanel.js +108 -0
  124. package/dist/esm/header/Header.d.ts +64 -0
  125. package/dist/esm/header/Header.js +123 -0
  126. package/dist/esm/header/HeaderRow.d.ts +86 -0
  127. package/dist/esm/header/HeaderRow.js +517 -0
  128. package/dist/esm/interfaces/ExtendedColumnProps.d.ts +20 -0
  129. package/dist/esm/interfaces/ExtendedColumnProps.js +1 -0
  130. package/dist/esm/interfaces/GridCellProps.d.ts +156 -0
  131. package/dist/esm/interfaces/GridCellProps.js +1 -0
  132. package/dist/esm/interfaces/GridColumnMenuColumnProps.d.ts +13 -0
  133. package/dist/esm/interfaces/GridColumnMenuColumnProps.js +1 -0
  134. package/dist/esm/interfaces/GridColumnMenuExtendedFilterProps.d.ts +42 -0
  135. package/dist/esm/interfaces/GridColumnMenuExtendedFilterProps.js +1 -0
  136. package/dist/esm/interfaces/GridColumnMenuFilterBaseProps.d.ts +49 -0
  137. package/dist/esm/interfaces/GridColumnMenuFilterBaseProps.js +1 -0
  138. package/dist/esm/interfaces/GridColumnMenuFilterProps.d.ts +27 -0
  139. package/dist/esm/interfaces/GridColumnMenuFilterProps.js +1 -0
  140. package/dist/esm/interfaces/GridColumnMenuFilterUIProps.d.ts +55 -0
  141. package/dist/esm/interfaces/GridColumnMenuFilterUIProps.js +1 -0
  142. package/dist/esm/interfaces/GridColumnMenuProps.d.ts +19 -0
  143. package/dist/esm/interfaces/GridColumnMenuProps.js +1 -0
  144. package/dist/esm/interfaces/GridColumnMenuSortBaseProps.d.ts +28 -0
  145. package/dist/esm/interfaces/GridColumnMenuSortBaseProps.js +1 -0
  146. package/dist/esm/interfaces/GridColumnProps.d.ts +147 -0
  147. package/dist/esm/interfaces/GridColumnProps.js +1 -0
  148. package/dist/esm/interfaces/GridDetailRowProps.d.ts +9 -0
  149. package/dist/esm/interfaces/GridDetailRowProps.js +1 -0
  150. package/dist/esm/interfaces/GridFilterCellProps.d.ts +64 -0
  151. package/dist/esm/interfaces/GridFilterCellProps.js +1 -0
  152. package/dist/esm/interfaces/GridFilterOperator.d.ts +7 -0
  153. package/dist/esm/interfaces/GridFilterOperator.js +1 -0
  154. package/dist/esm/interfaces/GridFilterOperators.d.ts +49 -0
  155. package/dist/esm/interfaces/GridFilterOperators.js +1 -0
  156. package/dist/esm/interfaces/GridFooterCellProps.d.ts +7 -0
  157. package/dist/esm/interfaces/GridFooterCellProps.js +1 -0
  158. package/dist/esm/interfaces/GridGroupableSettings.d.ts +15 -0
  159. package/dist/esm/interfaces/GridGroupableSettings.js +1 -0
  160. package/dist/esm/interfaces/GridHeaderCellProps.d.ts +37 -0
  161. package/dist/esm/interfaces/GridHeaderCellProps.js +1 -0
  162. package/dist/esm/interfaces/GridHeaderSelectionCellProps.d.ts +17 -0
  163. package/dist/esm/interfaces/GridHeaderSelectionCellProps.js +1 -0
  164. package/dist/esm/interfaces/GridNoRecordsProps.d.ts +9 -0
  165. package/dist/esm/interfaces/GridNoRecordsProps.js +1 -0
  166. package/dist/esm/interfaces/GridProps.d.ts +311 -0
  167. package/dist/esm/interfaces/GridProps.js +1 -0
  168. package/dist/esm/interfaces/GridRowProps.d.ts +55 -0
  169. package/dist/esm/interfaces/GridRowProps.js +1 -0
  170. package/dist/esm/interfaces/GridRowType.d.ts +9 -0
  171. package/dist/esm/interfaces/GridRowType.js +1 -0
  172. package/dist/esm/interfaces/GridSortSettings.d.ts +26 -0
  173. package/dist/esm/interfaces/GridSortSettings.js +20 -0
  174. package/dist/esm/interfaces/GridToolbarProps.d.ts +9 -0
  175. package/dist/esm/interfaces/GridToolbarProps.js +1 -0
  176. package/dist/esm/interfaces/events.d.ts +248 -0
  177. package/dist/esm/interfaces/events.js +1 -0
  178. package/dist/esm/main.d.ts +38 -0
  179. package/dist/esm/main.js +31 -0
  180. package/dist/esm/messages/index.d.ts +150 -0
  181. package/dist/esm/messages/index.js +151 -0
  182. package/dist/esm/package-metadata.d.ts +5 -0
  183. package/dist/esm/package-metadata.js +11 -0
  184. package/dist/esm/package.json +3 -0
  185. package/dist/esm/rows/GridDetailRow.d.ts +16 -0
  186. package/dist/esm/rows/GridDetailRow.js +29 -0
  187. package/dist/esm/rows/GridRow.d.ts +28 -0
  188. package/dist/esm/rows/GridRow.js +84 -0
  189. package/dist/esm/utils/browser-support.service.d.ts +7 -0
  190. package/dist/esm/utils/browser-support.service.js +26 -0
  191. package/dist/esm/utils/index.d.ts +91 -0
  192. package/dist/esm/utils/index.js +393 -0
  193. package/dist/npm/Grid.js +66 -70
  194. package/dist/npm/GridNav.js +1 -1
  195. package/dist/npm/GridNoRecords.js +2 -2
  196. package/dist/npm/GridToolbar.js +1 -1
  197. package/dist/npm/cells/GridCell.js +2 -2
  198. package/dist/npm/cells/GridEditCell.js +2 -2
  199. package/dist/npm/cells/GridFilterCell.js +4 -4
  200. package/dist/npm/cells/GridHierarchyCell.js +1 -1
  201. package/dist/npm/cells/GridSelectionCell.js +2 -2
  202. package/dist/npm/columnMenu/ColumnMenu.js +5 -5
  203. package/dist/npm/columnMenu/GridColumnMenuCheckboxFilter.js +14 -18
  204. package/dist/npm/columnMenu/GridColumnMenuFilter.js +445 -125
  205. package/dist/npm/columnMenu/GridColumnMenuFilterCell.js +79 -102
  206. package/dist/npm/columnMenu/GridColumnMenuFilterOperators.d.ts +36 -0
  207. package/dist/npm/columnMenu/GridColumnMenuFilterOperators.js +79 -0
  208. package/dist/npm/columnMenu/GridColumnMenuItem.js +2 -2
  209. package/dist/npm/columnMenu/GridColumnMenuItemContent.js +1 -1
  210. package/dist/npm/columnMenu/GridColumnMenuItemGroup.js +1 -1
  211. package/dist/npm/columnMenu/GridColumnMenuSort.js +5 -4
  212. package/dist/npm/drag/ColumnDraggable.js +1 -1
  213. package/dist/npm/drag/CommonDragLogic.js +2 -2
  214. package/dist/npm/drag/GroupingIndicator.js +3 -3
  215. package/dist/npm/filterCommon.d.ts +1 -1
  216. package/dist/npm/filterCommon.js +19 -12
  217. package/dist/npm/footer/Footer.js +6 -6
  218. package/dist/npm/footer/FooterRow.js +2 -2
  219. package/dist/npm/header/FilterRow.js +7 -7
  220. package/dist/npm/header/GridHeaderCell.js +1 -1
  221. package/dist/npm/header/GridHeaderSelectionCell.js +1 -1
  222. package/dist/npm/header/GroupPanel.js +1 -1
  223. package/dist/npm/header/Header.js +8 -8
  224. package/dist/npm/header/HeaderRow.js +2 -2
  225. package/dist/npm/interfaces/GridSortSettings.js +11 -8
  226. package/dist/npm/main.js +6 -2
  227. package/dist/npm/package-metadata.js +1 -1
  228. package/dist/npm/rows/GridDetailRow.d.ts +2 -1
  229. package/dist/npm/rows/GridRow.js +2 -2
  230. package/dist/npm/utils/index.js +6 -5
  231. package/package.json +20 -14
@@ -45,15 +45,11 @@ var GridColumnMenuFilterCellVue2 = {
45
45
  this.$emit('change', filter);
46
46
  },
47
47
  inputChange: function inputChange(value, e) {
48
- var filter = filterCommon_1.cellInputChange(value, e, this.$props);
49
- this.triggerChange(filter);
50
- },
51
- operatorChange: function operatorChange(operatorValue, e) {
52
- var filter = filterCommon_1.cellOperatorChange(operatorValue.value.operator, e, this.$props.value);
48
+ var filter = (0, filterCommon_1.cellInputChange)(value, e, this.$props);
53
49
  this.triggerChange(filter);
54
50
  },
55
51
  boolDropdownChange: function boolDropdownChange(value, e) {
56
- var filter = filterCommon_1.cellBoolDropdownChange(value.value.operator, e);
52
+ var filter = (0, filterCommon_1.cellBoolDropdownChange)(value.value.operator, e);
57
53
  this.triggerChange(filter);
58
54
  }
59
55
  },
@@ -69,114 +65,95 @@ var GridColumnMenuFilterCellVue2 = {
69
65
  var _this = this;
70
66
 
71
67
  var h = gh || createElement;
72
- var ddlValue = this.$props.operators.find(function (item) {
73
- return item.operator === _this.$props.operator;
74
- }) || null;
75
-
76
- var filterComponent = function filterComponent(filterType, value, booleanValues) {
77
- var _this = this;
78
-
79
- switch (filterType) {
80
- case 'numeric':
81
- return (// @ts-ignore
82
- h(kendo_vue_inputs_1.NumericTextBox, {
83
- value: value,
84
- attrs: this.v3 ? undefined : {
85
- value: value
86
- },
87
- onChange: function onChange(e) {
68
+ var _a = this.$props,
69
+ filterType = _a.filterType,
70
+ value = _a.value,
71
+ booleanValues = _a.booleanValues;
72
+
73
+ switch (filterType) {
74
+ case 'numeric':
75
+ return (// @ts-ignore
76
+ h(kendo_vue_inputs_1.NumericTextBox, {
77
+ value: value,
78
+ attrs: this.v3 ? undefined : {
79
+ value: value
80
+ },
81
+ onChange: function onChange(e) {
82
+ _this.inputChange(e.value, e.event);
83
+ },
84
+ on: this.v3 ? undefined : {
85
+ "change": function onChange(e) {
88
86
  _this.inputChange(e.value, e.event);
89
- },
90
- on: this.v3 ? undefined : {
91
- "change": function onChange(e) {
92
- _this.inputChange(e.value, e.event);
93
- }
94
87
  }
95
- })
96
- );
97
-
98
- case 'date':
99
- return (// @ts-ignore
100
- h(kendo_vue_dateinputs_1.DatePicker, {
101
- value: value,
102
- attrs: this.v3 ? undefined : {
103
- value: value
104
- },
105
- onFocus: this.handleFocus,
106
- on: this.v3 ? undefined : {
107
- "focus": this.handleFocus,
108
- "change": function change(e) {
109
- _this.inputChange(e.value, e.event);
110
- }
111
- },
112
- onChange: function change(e) {
88
+ }
89
+ })
90
+ );
91
+
92
+ case 'date':
93
+ return (// @ts-ignore
94
+ h(kendo_vue_dateinputs_1.DatePicker, {
95
+ value: value,
96
+ attrs: this.v3 ? undefined : {
97
+ value: value
98
+ },
99
+ onFocus: this.handleFocus,
100
+ on: this.v3 ? undefined : {
101
+ "focus": this.handleFocus,
102
+ "change": function change(e) {
113
103
  _this.inputChange(e.value, e.event);
114
104
  }
115
- })
116
- );
117
-
118
- case 'boolean':
119
- var noFilterSet_1 = function noFilterSet_1(filter) {
120
- return filter === null || filter === undefined;
121
- };
122
-
123
- return (// @ts-ignore
124
- h(kendo_vue_dropdowns_1.DropDownList, {
125
- onChange: this.boolDropdownChange,
126
- on: this.v3 ? undefined : {
127
- "change": this.boolDropdownChange
128
- },
105
+ },
106
+ onChange: function change(e) {
107
+ _this.inputChange(e.value, e.event);
108
+ }
109
+ })
110
+ );
111
+
112
+ case 'boolean':
113
+ var noFilterSet_1 = function noFilterSet_1(filter) {
114
+ return filter === null || filter === undefined;
115
+ };
116
+
117
+ return (// @ts-ignore
118
+ h(kendo_vue_dropdowns_1.DropDownList, {
119
+ onChange: this.boolDropdownChange,
120
+ on: this.v3 ? undefined : {
121
+ "change": this.boolDropdownChange
122
+ },
123
+ value: booleanValues.find(function (item) {
124
+ return item.operator === (noFilterSet_1(value) ? '' : value);
125
+ }),
126
+ attrs: this.v3 ? undefined : {
129
127
  value: booleanValues.find(function (item) {
130
128
  return item.operator === (noFilterSet_1(value) ? '' : value);
131
129
  }),
132
- attrs: this.v3 ? undefined : {
133
- value: booleanValues.find(function (item) {
134
- return item.operator === (noFilterSet_1(value) ? '' : value);
135
- }),
136
- "data-items": booleanValues,
137
- textField: "text"
138
- },
139
130
  "data-items": booleanValues,
140
131
  textField: "text"
141
- })
142
- );
143
-
144
- default:
145
- return h("span", {
146
- "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
147
- }, [h("input", {
148
- "class": "k-input-inner",
149
- value: this.v3 ? value || '' : null,
150
- domProps: this.v3 ? undefined : {
151
- "value": value || ''
152
132
  },
153
- onInput: function onInput(e) {
133
+ "data-items": booleanValues,
134
+ textField: "text"
135
+ })
136
+ );
137
+
138
+ default:
139
+ return h("span", {
140
+ "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
141
+ }, [h("input", {
142
+ "class": "k-input-inner",
143
+ value: this.v3 ? value || '' : null,
144
+ domProps: this.v3 ? undefined : {
145
+ "value": value || ''
146
+ },
147
+ onInput: function onInput(e) {
148
+ _this.inputChange(e.target.value, e);
149
+ },
150
+ on: this.v3 ? undefined : {
151
+ "input": function onInput(e) {
154
152
  _this.inputChange(e.target.value, e);
155
- },
156
- on: this.v3 ? undefined : {
157
- "input": function onInput(e) {
158
- _this.inputChange(e.target.value, e);
159
- }
160
153
  }
161
- })]);
162
- }
163
- };
164
-
165
- return h("div", [this.$props.filterType !== 'boolean' && // @ts-ignore
166
- h(kendo_vue_dropdowns_1.DropDownList, {
167
- onChange: this.operatorChange,
168
- on: this.v3 ? undefined : {
169
- "change": this.operatorChange
170
- },
171
- value: ddlValue,
172
- attrs: this.v3 ? undefined : {
173
- value: ddlValue,
174
- "data-items": this.$props.operators,
175
- textField: "text"
176
- },
177
- "data-items": this.$props.operators,
178
- textField: "text"
179
- }), filterComponent.call(this, this.$props.filterType, this.$props.value, this.$props.booleanValues)]);
154
+ }
155
+ })]);
156
+ }
180
157
  }
181
158
  };
182
159
  exports.GridColumnMenuFilterCellVue2 = GridColumnMenuFilterCellVue2;
@@ -0,0 +1,36 @@
1
+ import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
2
+ declare type DefaultData<V> = object | ((this: V) => {});
3
+ declare type DefaultMethods<V> = {
4
+ [key: string]: (this: V, ...args: any[]) => any;
5
+ };
6
+ /**
7
+ * @hidden
8
+ */
9
+ export interface ColumnMenuFilterOperatorsProps {
10
+ filterType: string;
11
+ operator: string;
12
+ operators: Array<{
13
+ text: string;
14
+ operator: any;
15
+ }>;
16
+ onChange?: (event: {
17
+ value: any;
18
+ operator: string | Function;
19
+ }) => void;
20
+ }
21
+ /**
22
+ * @hidden
23
+ */
24
+ export interface ColumnMenuFilterOperatorsMethods extends Vue2type {
25
+ triggerChange: (filter: any) => void;
26
+ operatorChange: (operatorValue: any, e: any) => void;
27
+ }
28
+ /**
29
+ * @hidden
30
+ */
31
+ declare let ColumnMenuFilterOperatorsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<ColumnMenuFilterOperatorsMethods>, {}, RecordPropsDefinition<ColumnMenuFilterOperatorsProps>>;
32
+ /**
33
+ * @hidden
34
+ */
35
+ declare const ColumnMenuFilterOperators: DefineComponent<ColumnMenuFilterOperatorsProps, any, {}, {}, ColumnMenuFilterOperatorsMethods, {}, {}, {}, string, ColumnMenuFilterOperatorsProps, ColumnMenuFilterOperatorsProps, {}>;
36
+ export { ColumnMenuFilterOperators, ColumnMenuFilterOperatorsVue2 };
@@ -0,0 +1,79 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.ColumnMenuFilterOperatorsVue2 = exports.ColumnMenuFilterOperators = void 0; // @ts-ignore
7
+
8
+ var Vue = require("vue");
9
+
10
+ var allVue = Vue;
11
+ var gh = allVue.h;
12
+ var isV3 = allVue.version && allVue.version[0] === '3';
13
+
14
+ var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
15
+
16
+ var filterCommon_1 = require("../filterCommon");
17
+ /**
18
+ * @hidden
19
+ */
20
+
21
+
22
+ var ColumnMenuFilterOperatorsVue2 = {
23
+ props: {
24
+ filterType: String,
25
+ operator: String,
26
+ operators: Array
27
+ },
28
+ // @ts-ignore
29
+ emits: {
30
+ change: null
31
+ },
32
+ methods: {
33
+ triggerChange: function triggerChange(filter) {
34
+ this.$emit('change', filter);
35
+ },
36
+ operatorChange: function operatorChange(operatorValue, e) {
37
+ var filter = (0, filterCommon_1.cellOperatorChange)(operatorValue.value.operator, e, this.$props.value);
38
+ this.triggerChange(filter);
39
+ }
40
+ },
41
+ // @ts-ignore
42
+ setup: !isV3 ? undefined : function () {
43
+ var v3 = !!isV3;
44
+ return {
45
+ v3: v3
46
+ };
47
+ },
48
+ // @ts-ignore
49
+ render: function render(createElement) {
50
+ var _this = this;
51
+
52
+ var h = gh || createElement;
53
+ var ddlValue = this.$props.operators.find(function (item) {
54
+ return item.operator === _this.$props.operator;
55
+ }) || null;
56
+ return this.$props.filterType !== 'boolean' ? // @ts-ignore
57
+ h(kendo_vue_dropdowns_1.DropDownList, {
58
+ onChange: this.operatorChange,
59
+ on: this.v3 ? undefined : {
60
+ "change": this.operatorChange
61
+ },
62
+ value: ddlValue,
63
+ attrs: this.v3 ? undefined : {
64
+ value: ddlValue,
65
+ "data-items": this.$props.operators,
66
+ textField: "text"
67
+ },
68
+ "data-items": this.$props.operators,
69
+ textField: "text"
70
+ }) : null;
71
+ }
72
+ };
73
+ exports.ColumnMenuFilterOperatorsVue2 = ColumnMenuFilterOperatorsVue2;
74
+ /**
75
+ * @hidden
76
+ */
77
+
78
+ var ColumnMenuFilterOperators = ColumnMenuFilterOperatorsVue2;
79
+ exports.ColumnMenuFilterOperators = ColumnMenuFilterOperators;
@@ -58,9 +58,9 @@ var GridColumnMenuItemVue2 = {
58
58
  "click": this.onClick
59
59
  },
60
60
  onClick: this.onClick,
61
- "class": "k-columnmenu-item " + (selected ? 'k-selected' : '')
61
+ "class": "k-columnmenu-item ".concat(selected ? 'k-selected' : '')
62
62
  }, [iconClass && h("span", {
63
- "class": "k-icon " + iconClass
63
+ "class": "k-icon ".concat(iconClass)
64
64
  }), title]);
65
65
  }
66
66
  };
@@ -35,7 +35,7 @@ var GridColumnMenuItemContentVue2 = {
35
35
  var _this = this;
36
36
 
37
37
  var h = gh || createElement;
38
- var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
38
+ var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
39
39
  return h("div", {
40
40
  "class": 'k-columnmenu-item-content'
41
41
  }, [// @ts-ignore function children
@@ -28,7 +28,7 @@ var GridColumnMenuItemGroupVue2 = {
28
28
  // @ts-ignore
29
29
  render: function render(createElement) {
30
30
  var h = gh || createElement;
31
- var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
31
+ var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
32
32
  return h("div", {
33
33
  "class": "k-columnmenu-item-wrapper"
34
34
  }, [defaultSlot]);
@@ -104,15 +104,16 @@ var sortedDesc = function sortedDesc(sortedIndex, sort) {
104
104
  // tslint:enable:max-line-length
105
105
 
106
106
 
107
- exports.sortGroupByField = function (field, sort) {
107
+ var sortGroupByField = function sortGroupByField(field, sort) {
108
108
  var currentSortIndex = sortIndex(field, sort);
109
109
  return sortedDesc(currentSortIndex, sort) || sortedAsc(currentSortIndex, sort);
110
110
  };
111
+
112
+ exports.sortGroupByField = sortGroupByField;
111
113
  /**
112
114
  * @hidden
113
115
  */
114
116
 
115
-
116
117
  var GridColumnMenuSortVue2 = {
117
118
  props: {
118
119
  sortable: [Boolean, Object],
@@ -147,7 +148,7 @@ var GridColumnMenuSortVue2 = {
147
148
  sortable = _a.sortable,
148
149
  sort = _a.sort;
149
150
 
150
- var _b = GridSortSettings_1.normalize(sortable || false, false),
151
+ var _b = (0, GridSortSettings_1.normalize)(sortable || false, false),
151
152
  allowUnsort = _b.allowUnsort,
152
153
  mode = _b.mode;
153
154
 
@@ -190,7 +191,7 @@ var GridColumnMenuSortVue2 = {
190
191
  sort = _a.sort,
191
192
  column = _a.column;
192
193
  var currentSortIndex = sortIndex(column.field, sort);
193
- var localizationService = kendo_vue_intl_1.provideLocalizationService(this);
194
+ var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
194
195
  return (// @ts-ignore function children
195
196
  h(GridColumnMenuItemGroup_1.GridColumnMenuItemGroup, this.v3 ? function () {
196
197
  return [// @ts-ignore
@@ -56,7 +56,7 @@ var ColumnDraggableVue2 = {
56
56
  // @ts-ignore
57
57
  render: function render(createElement) {
58
58
  var h = gh || createElement;
59
- var defaultSlot = kendo_vue_common_1.getDefaultSlots(this);
59
+ var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
60
60
  return (// @ts-ignore function children
61
61
  h(kendo_vue_common_1.Draggable, {
62
62
  onPress: this.onPress,
@@ -104,7 +104,7 @@ var CommonDragLogic = /** @class */ (function () {
104
104
  if (!parent || (parent.parentElement === this.groupPanelDivElement)) {
105
105
  return -1;
106
106
  }
107
- var index = utils_1.getIndex(event, parent);
107
+ var index = (0, utils_1.getIndex)(event, parent);
108
108
  if (index === -1) {
109
109
  return -1;
110
110
  }
@@ -122,7 +122,7 @@ var CommonDragLogic = /** @class */ (function () {
122
122
  return -1;
123
123
  };
124
124
  CommonDragLogic.prototype.getGroupIndex = function (event) {
125
- return utils_1.getIndex(event, this.groupPanelDivElement);
125
+ return (0, utils_1.getIndex)(event, this.groupPanelDivElement);
126
126
  };
127
127
  CommonDragLogic.prototype.isValid = function () {
128
128
  if (this.startGroup >= 0) {
@@ -25,7 +25,7 @@ var GroupingIndicatorVue2 = {
25
25
 
26
26
  },
27
27
  mounted: function mounted() {
28
- this.element = kendo_vue_common_1.getRef(this, 'indicatorContainer');
28
+ this.element = (0, kendo_vue_common_1.getRef)(this, 'indicatorContainer');
29
29
 
30
30
  if (this.element) {
31
31
  this.draggable = this.$refs.draggable;
@@ -85,7 +85,7 @@ var GroupingIndicatorVue2 = {
85
85
  }, this.v3 ? function () {
86
86
  return [h("div", {
87
87
  "class": "k-indicator-container",
88
- ref: kendo_vue_common_1.setRef(_this, 'indicatorContainer')
88
+ ref: (0, kendo_vue_common_1.setRef)(_this, 'indicatorContainer')
89
89
  }, [h("div", {
90
90
  "class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
91
91
  }, [h("span", {
@@ -119,7 +119,7 @@ var GroupingIndicatorVue2 = {
119
119
  })])])])])];
120
120
  } : [h("div", {
121
121
  "class": "k-indicator-container",
122
- ref: kendo_vue_common_1.setRef(_this, 'indicatorContainer')
122
+ ref: (0, kendo_vue_common_1.setRef)(_this, 'indicatorContainer')
123
123
  }, [h("div", {
124
124
  "class": "k-chip k-chip-lg k-rounded-md k-chip-solid k-chip-solid-base"
125
125
  }, [h("span", {
@@ -56,7 +56,7 @@ export declare const getDefaultOperator: (filterOperators: GridFilterOperators |
56
56
  /**
57
57
  * @hidden
58
58
  */
59
- export declare const getFilterType: (filterType: 'text' | 'numeric' | 'boolean' | 'date' | undefined) => "boolean" | "text" | "numeric" | "date";
59
+ export declare const getFilterType: (filterType: 'text' | 'numeric' | 'boolean' | 'date' | undefined) => "boolean" | "numeric" | "text" | "date";
60
60
  /**
61
61
  * @hidden
62
62
  */
@@ -52,16 +52,18 @@ exports.operators = {
52
52
  /**
53
53
  * @hidden
54
54
  */
55
- exports.IsUnaryFilter = function (operator) {
55
+ var IsUnaryFilter = function (operator) {
56
56
  return operator === 'isnull' || operator === 'isnotnull' || operator === 'isempty' || operator === 'isnotempty';
57
57
  };
58
+ exports.IsUnaryFilter = IsUnaryFilter;
58
59
  /**
59
60
  * @hidden
60
61
  */
61
- exports.operatorMap = function (iterable, service) { return iterable.map(function (operator) { return ({
62
+ var operatorMap = function (iterable, service) { return iterable.map(function (operator) { return ({
62
63
  text: service.toLanguageString(operator.text, messages_1.messages[operator.text]),
63
64
  operator: operator.operator
64
65
  }); }); };
66
+ exports.operatorMap = operatorMap;
65
67
  /**
66
68
  * @hidden
67
69
  */
@@ -86,12 +88,12 @@ exports.defaultHideSecondFilter = {
86
88
  /**
87
89
  * @hidden
88
90
  */
89
- exports.cellInputChange = function (value, e, props) {
90
- var defaultOperator = exports.getDefaultOperator(props.operators);
91
+ var cellInputChange = function (value, e, props) {
92
+ var defaultOperator = (0, exports.getDefaultOperator)(props.operators);
91
93
  var operator = props.operator;
92
94
  switch (props.filterType) {
93
95
  case 'numeric':
94
- if (!operator || exports.IsUnaryFilter(operator)) {
96
+ if (!operator || (0, exports.IsUnaryFilter)(operator)) {
95
97
  // change the operator to default
96
98
  operator = defaultOperator;
97
99
  }
@@ -101,7 +103,7 @@ exports.cellInputChange = function (value, e, props) {
101
103
  }
102
104
  break;
103
105
  case 'date':
104
- if (!operator || exports.IsUnaryFilter(operator)) {
106
+ if (!operator || (0, exports.IsUnaryFilter)(operator)) {
105
107
  operator = defaultOperator;
106
108
  }
107
109
  if (value === null && operator === defaultOperator) {
@@ -109,7 +111,7 @@ exports.cellInputChange = function (value, e, props) {
109
111
  }
110
112
  break;
111
113
  case 'text':
112
- if (!operator || exports.IsUnaryFilter(operator)) {
114
+ if (!operator || (0, exports.IsUnaryFilter)(operator)) {
113
115
  operator = defaultOperator;
114
116
  }
115
117
  if (!value && operator === defaultOperator) {
@@ -120,10 +122,11 @@ exports.cellInputChange = function (value, e, props) {
120
122
  }
121
123
  return { value: value, operator: operator, event: e };
122
124
  };
125
+ exports.cellInputChange = cellInputChange;
123
126
  /**
124
127
  * @hidden
125
128
  */
126
- exports.getDefaultOperator = function (filterOperators, filterType) {
129
+ var getDefaultOperator = function (filterOperators, filterType) {
127
130
  if (filterType) {
128
131
  return filterOperators[filterType][0].operator;
129
132
  }
@@ -131,29 +134,33 @@ exports.getDefaultOperator = function (filterOperators, filterType) {
131
134
  return filterOperators[0].operator;
132
135
  }
133
136
  };
137
+ exports.getDefaultOperator = getDefaultOperator;
134
138
  /**
135
139
  * @hidden
136
140
  */
137
- exports.getFilterType = function (filterType) {
141
+ var getFilterType = function (filterType) {
138
142
  return filterType || 'text';
139
143
  };
144
+ exports.getFilterType = getFilterType;
140
145
  /**
141
146
  * @hidden
142
147
  */
143
- exports.cellBoolDropdownChange = function (value, e) {
148
+ var cellBoolDropdownChange = function (value, e) {
144
149
  return {
145
150
  value: value,
146
151
  operator: value === '' ? '' : exports.defaultBooleanOperator,
147
152
  event: e
148
153
  };
149
154
  };
155
+ exports.cellBoolDropdownChange = cellBoolDropdownChange;
150
156
  /**
151
157
  * @hidden
152
158
  */
153
- exports.cellOperatorChange = function (operator, e, value) {
154
- if (exports.IsUnaryFilter(operator)) {
159
+ var cellOperatorChange = function (operator, e, value) {
160
+ if ((0, exports.IsUnaryFilter)(operator)) {
155
161
  // clear the value to avoid confusion on what is filtered
156
162
  value = null;
157
163
  }
158
164
  return { value: value, operator: operator, event: e };
159
165
  };
166
+ exports.cellOperatorChange = cellOperatorChange;
@@ -44,7 +44,7 @@ var FooterVue2 = {
44
44
  var right = this.rtl ? 0 : padding;
45
45
  var left = this.rtl ? padding : 0;
46
46
  return {
47
- padding: "0 " + right + " 0 " + left
47
+ padding: "0 ".concat(right, " 0 ").concat(left)
48
48
  };
49
49
  }
50
50
  },
@@ -58,9 +58,9 @@ var FooterVue2 = {
58
58
  },
59
59
  mounted: function mounted() {
60
60
  this.$data.scrollbarWidth = new browser_support_service_1.BrowserSupportService().scrollbarWidth;
61
- this.rtl = utils_1.isRtl(this.$el);
62
- this.$props.columnResize.colGroupFooter = kendo_vue_common_1.getRef(this, 'colGroupHeader');
63
- this._footerWrap = kendo_vue_common_1.getRef(this, 'footerWrap');
61
+ this.rtl = (0, utils_1.isRtl)(this.$el);
62
+ this.$props.columnResize.colGroupFooter = (0, kendo_vue_common_1.getRef)(this, 'colGroupHeader');
63
+ this._footerWrap = (0, kendo_vue_common_1.getRef)(this, 'footerWrap');
64
64
  },
65
65
  methods: {
66
66
  setScrollLeft: function setScrollLeft(scrollLeft) {
@@ -98,11 +98,11 @@ var FooterVue2 = {
98
98
  style: this.divStyle
99
99
  }, [h("div", {
100
100
  "class": "k-grid-footer-wrap",
101
- ref: kendo_vue_common_1.setRef(this, 'footerWrap')
101
+ ref: (0, kendo_vue_common_1.setRef)(this, 'footerWrap')
102
102
  }, [h("table", {
103
103
  style: this.tableStyle
104
104
  }, [h("colgroup", {
105
- ref: kendo_vue_common_1.setRef(this, 'colGroupHeader')
105
+ ref: (0, kendo_vue_common_1.setRef)(this, 'colGroupHeader')
106
106
  }, [this.$props.cols]), h("tfoot", [this.$props.row])])])]);
107
107
  }
108
108
  };
@@ -50,7 +50,7 @@ var FooterRowVue2 = {
50
50
  var renderCell = function renderCell(column, index) {
51
51
  var footerCellRendering = null;
52
52
  var stickyClassName = column.locked && column.left !== undefined ? 'k-grid-footer-sticky' : '';
53
- var tdClassName = column.footerClassName ? column.footerClassName + " " + stickyClassName : stickyClassName;
53
+ var tdClassName = column.footerClassName ? "".concat(column.footerClassName, " ").concat(stickyClassName) : stickyClassName;
54
54
  footerCellRendering = kendo_vue_common_1.getTemplate.call(this, {
55
55
  h: h,
56
56
  template: column.footerCell,
@@ -72,7 +72,7 @@ var FooterRowVue2 = {
72
72
  }, [footerCellRendering]);
73
73
  };
74
74
 
75
- return h("tr", [utils_1.footerColumns(this.$props.columns).map(renderCell, this)]);
75
+ return h("tr", [(0, utils_1.footerColumns)(this.$props.columns).map(renderCell, this)]);
76
76
  }
77
77
  };
78
78
  exports.FooterRowVue2 = FooterRowVue2;
@@ -44,7 +44,7 @@ var FilterRowVue2 = {
44
44
  },
45
45
  methods: {
46
46
  headerCellClassName: function headerCellClassName(field, locked) {
47
- var result = "" + (locked ? 'k-grid-header-sticky' : '');
47
+ var result = "".concat(locked ? 'k-grid-header-sticky' : '');
48
48
 
49
49
  if (this.$props.sort && this.$props.sort.filter(function (descriptor) {
50
50
  return descriptor.field === field;
@@ -95,7 +95,7 @@ var FilterRowVue2 = {
95
95
  // @ts-ignore
96
96
  render: function render(createElement) {
97
97
  var h = gh || createElement;
98
- var intl = kendo_vue_intl_1.provideLocalizationService(this);
98
+ var intl = (0, kendo_vue_intl_1.provideLocalizationService)(this);
99
99
  var oldFilters = this.$props.filter && this.$props.filter.filters || [];
100
100
 
101
101
  var activeFilterValueFor = function activeFilterValueFor(field, defaultValue) {
@@ -128,7 +128,7 @@ var FilterRowVue2 = {
128
128
  _this.setFilter(e.value, e.operator, column.field, e);
129
129
  };
130
130
 
131
- var filterType = filterCommon_1.getFilterType(column.filter); // @ts-ignore
131
+ var filterType = (0, filterCommon_1.getFilterType)(column.filter); // @ts-ignore
132
132
 
133
133
  var filterRender = h(GridFilterCell_1.GridFilterCell, {
134
134
  grid: this.$props.grid,
@@ -138,8 +138,8 @@ var FilterRowVue2 = {
138
138
  title: column.filterTitle,
139
139
  value: activeFilterValueFor(column.field, filterType === 'text' ? '' : null),
140
140
  operator: activeOperatorFor(column.field),
141
- operators: filterCommon_1.operatorMap(this.$props.filterOperators[filterType] || [], intl),
142
- booleanValues: filterCommon_1.operatorMap(filterCommon_1.booleanFilterValues, intl),
141
+ operators: (0, filterCommon_1.operatorMap)(this.$props.filterOperators[filterType] || [], intl),
142
+ booleanValues: (0, filterCommon_1.operatorMap)(filterCommon_1.booleanFilterValues, intl),
143
143
  filterType: filterType,
144
144
  render: column.filterCell || this.$props.cellRender
145
145
  },
@@ -147,8 +147,8 @@ var FilterRowVue2 = {
147
147
  title: column.filterTitle,
148
148
  value: activeFilterValueFor(column.field, filterType === 'text' ? '' : null),
149
149
  operator: activeOperatorFor(column.field),
150
- operators: filterCommon_1.operatorMap(this.$props.filterOperators[filterType] || [], intl),
151
- booleanValues: filterCommon_1.operatorMap(filterCommon_1.booleanFilterValues, intl),
150
+ operators: (0, filterCommon_1.operatorMap)(this.$props.filterOperators[filterType] || [], intl),
151
+ booleanValues: (0, filterCommon_1.operatorMap)(filterCommon_1.booleanFilterValues, intl),
152
152
  filterType: filterType,
153
153
  onChange: onChangeFn,
154
154
  on: this.v3 ? undefined : {