@progress/kendo-vue-data-tools 3.6.4 → 3.7.0-dev.202210250731

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 (128) hide show
  1. package/dist/cdn/js/kendo-vue-data-tools.js +1 -1
  2. package/dist/es/cells/FilterCell.js +10 -16
  3. package/dist/es/columnmenu/ColumnMenu.js +4 -8
  4. package/dist/es/columnmenu/ColumnMenuCheckboxFilter.js +16 -56
  5. package/dist/es/columnmenu/ColumnMenuContent.js +4 -4
  6. package/dist/es/columnmenu/ColumnMenuFilter.js +35 -59
  7. package/dist/es/columnmenu/ColumnMenuFilterCell.js +9 -14
  8. package/dist/es/columnmenu/ColumnMenuFilterOperators.js +2 -4
  9. package/dist/es/columnmenu/ColumnMenuFilterUI.js +22 -22
  10. package/dist/es/columnmenu/ColumnMenuItem.js +3 -5
  11. package/dist/es/columnmenu/ColumnMenuItemContent.js +2 -4
  12. package/dist/es/columnmenu/ColumnMenuItemGroup.js +0 -2
  13. package/dist/es/columnmenu/ColumnMenuSort.js +15 -32
  14. package/dist/es/drag/ColumnDraggable.js +2 -6
  15. package/dist/es/drag/ColumnResizer.js +2 -6
  16. package/dist/es/drag/DragClue.js +0 -2
  17. package/dist/es/drag/DropClue.js +0 -2
  18. package/dist/es/filter/Expression.js +29 -40
  19. package/dist/es/filter/Filter.js +6 -13
  20. package/dist/es/filter/GroupFilters.js +9 -13
  21. package/dist/es/filter/GroupToolbar.js +26 -24
  22. package/dist/es/filter/filters/BooleanFilter.js +2 -3
  23. package/dist/es/filter/filters/DateFilter.js +4 -9
  24. package/dist/es/filter/filters/EnumFilter.js +10 -15
  25. package/dist/es/filter/filters/NumericFilter.js +4 -9
  26. package/dist/es/filter/filters/TextFilter.js +5 -10
  27. package/dist/es/header/FilterRow.js +7 -19
  28. package/dist/es/header/Header.js +0 -6
  29. package/dist/es/header/HeaderCell.js +0 -2
  30. package/dist/es/header/HeaderRow.js +14 -30
  31. package/dist/es/header/HeaderSelectionCell.js +0 -2
  32. package/dist/es/header/HeaderThElement.js +10 -12
  33. package/dist/es/main.d.ts +1 -0
  34. package/dist/es/main.js +1 -0
  35. package/dist/es/navigation/TableKeyboardNavigation.js +27 -75
  36. package/dist/es/navigation/constants.js +0 -14
  37. package/dist/es/package-metadata.js +1 -1
  38. package/dist/es/pager/Pager.js +28 -36
  39. package/dist/es/pager/PagerInfo.js +0 -2
  40. package/dist/es/pager/PagerInput.js +0 -3
  41. package/dist/es/pager/PagerNavigationButton.js +0 -2
  42. package/dist/es/pager/PagerNumericButtons.js +0 -10
  43. package/dist/es/pager/PagerPageSizes.js +5 -8
  44. package/dist/esm/cells/FilterCell.js +10 -16
  45. package/dist/esm/columnmenu/ColumnMenu.js +4 -8
  46. package/dist/esm/columnmenu/ColumnMenuCheckboxFilter.js +16 -56
  47. package/dist/esm/columnmenu/ColumnMenuContent.js +4 -4
  48. package/dist/esm/columnmenu/ColumnMenuFilter.js +35 -59
  49. package/dist/esm/columnmenu/ColumnMenuFilterCell.js +9 -14
  50. package/dist/esm/columnmenu/ColumnMenuFilterOperators.js +2 -4
  51. package/dist/esm/columnmenu/ColumnMenuFilterUI.js +22 -22
  52. package/dist/esm/columnmenu/ColumnMenuItem.js +3 -5
  53. package/dist/esm/columnmenu/ColumnMenuItemContent.js +2 -4
  54. package/dist/esm/columnmenu/ColumnMenuItemGroup.js +0 -2
  55. package/dist/esm/columnmenu/ColumnMenuSort.js +15 -32
  56. package/dist/esm/drag/ColumnDraggable.js +2 -6
  57. package/dist/esm/drag/ColumnResizer.js +2 -6
  58. package/dist/esm/drag/DragClue.js +0 -2
  59. package/dist/esm/drag/DropClue.js +0 -2
  60. package/dist/esm/filter/Expression.js +29 -40
  61. package/dist/esm/filter/Filter.js +6 -13
  62. package/dist/esm/filter/GroupFilters.js +9 -13
  63. package/dist/esm/filter/GroupToolbar.js +26 -24
  64. package/dist/esm/filter/filters/BooleanFilter.js +2 -3
  65. package/dist/esm/filter/filters/DateFilter.js +4 -9
  66. package/dist/esm/filter/filters/EnumFilter.js +10 -15
  67. package/dist/esm/filter/filters/NumericFilter.js +4 -9
  68. package/dist/esm/filter/filters/TextFilter.js +5 -10
  69. package/dist/esm/header/FilterRow.js +7 -19
  70. package/dist/esm/header/Header.js +0 -6
  71. package/dist/esm/header/HeaderCell.js +0 -2
  72. package/dist/esm/header/HeaderRow.js +14 -30
  73. package/dist/esm/header/HeaderSelectionCell.js +0 -2
  74. package/dist/esm/header/HeaderThElement.js +10 -12
  75. package/dist/esm/main.d.ts +1 -0
  76. package/dist/esm/main.js +1 -0
  77. package/dist/esm/navigation/TableKeyboardNavigation.js +27 -75
  78. package/dist/esm/navigation/constants.js +0 -14
  79. package/dist/esm/package-metadata.js +1 -1
  80. package/dist/esm/pager/Pager.js +28 -36
  81. package/dist/esm/pager/PagerInfo.js +0 -2
  82. package/dist/esm/pager/PagerInput.js +0 -3
  83. package/dist/esm/pager/PagerNavigationButton.js +0 -2
  84. package/dist/esm/pager/PagerNumericButtons.js +0 -10
  85. package/dist/esm/pager/PagerPageSizes.js +5 -8
  86. package/dist/npm/cells/FilterCell.js +12 -28
  87. package/dist/npm/columnmenu/ColumnMenu.js +6 -18
  88. package/dist/npm/columnmenu/ColumnMenuCheckboxFilter.js +16 -67
  89. package/dist/npm/columnmenu/ColumnMenuContent.js +6 -11
  90. package/dist/npm/columnmenu/ColumnMenuFilter.js +35 -75
  91. package/dist/npm/columnmenu/ColumnMenuFilterCell.js +11 -22
  92. package/dist/npm/columnmenu/ColumnMenuFilterOperators.js +4 -10
  93. package/dist/npm/columnmenu/ColumnMenuFilterUI.js +24 -29
  94. package/dist/npm/columnmenu/ColumnMenuItem.js +5 -10
  95. package/dist/npm/columnmenu/ColumnMenuItemContent.js +4 -10
  96. package/dist/npm/columnmenu/ColumnMenuItemGroup.js +2 -7
  97. package/dist/npm/columnmenu/ColumnMenuSort.js +17 -43
  98. package/dist/npm/drag/ColumnDraggable.js +4 -11
  99. package/dist/npm/drag/ColumnResizer.js +4 -11
  100. package/dist/npm/drag/DragClue.js +2 -5
  101. package/dist/npm/drag/DropClue.js +2 -5
  102. package/dist/npm/filter/Expression.js +29 -52
  103. package/dist/npm/filter/Filter.js +6 -19
  104. package/dist/npm/filter/GroupFilters.js +9 -18
  105. package/dist/npm/filter/GroupToolbar.js +26 -30
  106. package/dist/npm/filter/filters/BooleanFilter.js +4 -9
  107. package/dist/npm/filter/filters/DateFilter.js +4 -12
  108. package/dist/npm/filter/filters/EnumFilter.js +10 -20
  109. package/dist/npm/filter/filters/NumericFilter.js +4 -14
  110. package/dist/npm/filter/filters/TextFilter.js +5 -15
  111. package/dist/npm/header/FilterRow.js +9 -29
  112. package/dist/npm/header/Header.js +2 -11
  113. package/dist/npm/header/HeaderCell.js +2 -7
  114. package/dist/npm/header/HeaderRow.js +16 -41
  115. package/dist/npm/header/HeaderSelectionCell.js +2 -7
  116. package/dist/npm/header/HeaderThElement.js +12 -18
  117. package/dist/npm/main.d.ts +1 -0
  118. package/dist/npm/main.js +1 -0
  119. package/dist/npm/navigation/TableKeyboardNavigation.js +27 -80
  120. package/dist/npm/navigation/constants.js +0 -14
  121. package/dist/npm/package-metadata.js +1 -1
  122. package/dist/npm/pager/Pager.js +28 -46
  123. package/dist/npm/pager/PagerInfo.js +2 -8
  124. package/dist/npm/pager/PagerInput.js +2 -9
  125. package/dist/npm/pager/PagerNavigationButton.js +2 -5
  126. package/dist/npm/pager/PagerNumericButtons.js +0 -12
  127. package/dist/npm/pager/PagerPageSizes.js +7 -15
  128. package/package.json +10 -10
@@ -5,7 +5,6 @@ var isV3 = allVue.version && allVue.version[0] === '3';
5
5
  /**
6
6
  * @hidden
7
7
  */
8
-
9
8
  var PagerNumericButtonsVue2 = {
10
9
  name: 'KendoNumericButtons',
11
10
  props: {
@@ -19,12 +18,10 @@ var PagerNumericButtonsVue2 = {
19
18
  get: function get() {
20
19
  var page = this.$props.currentPage;
21
20
  var buttonCount = this.$props.buttonCount;
22
-
23
21
  if (page > buttonCount) {
24
22
  var reminder = page % buttonCount;
25
23
  return reminder === 0 ? page - buttonCount + 1 : page - reminder + 1;
26
24
  }
27
-
28
25
  return 1;
29
26
  }
30
27
  },
@@ -53,7 +50,6 @@ var PagerNumericButtonsVue2 = {
53
50
  // @ts-ignore
54
51
  render: function render(createElement) {
55
52
  var _this = this;
56
-
57
53
  var h = gh || createElement;
58
54
  var prevDots = this.start > 1 ? h("li", [h("a", {
59
55
  "class": "k-link",
@@ -86,14 +82,11 @@ var PagerNumericButtonsVue2 = {
86
82
  }
87
83
  }, ["..."])]) : '';
88
84
  var buttons = [];
89
-
90
85
  for (var idx = this.start; idx <= this.end; idx++) {
91
86
  buttons.push(idx);
92
87
  }
93
-
94
88
  var numerics = buttons.map(function (page) {
95
89
  var _this = this;
96
-
97
90
  return h("li", {
98
91
  key: page
99
92
  }, [h("a", {
@@ -112,7 +105,6 @@ var PagerNumericButtonsVue2 = {
112
105
  "class": this.$props.currentPage === page ? 'k-link k-selected' : 'k-link'
113
106
  }, [page])]);
114
107
  }, this);
115
-
116
108
  var dropdown = function dropdown(currentButtons) {
117
109
  return h("select", {
118
110
  "class": "k-dropdownlist k-picker k-picker-md k-rounded-md k-picker-solid",
@@ -131,7 +123,6 @@ var PagerNumericButtonsVue2 = {
131
123
  }, [cb]);
132
124
  }, this)]);
133
125
  };
134
-
135
126
  return h("div", {
136
127
  "class": "k-pager-numbers-wrap"
137
128
  }, [this.$props.size !== 'small' ? h("ul", {
@@ -142,6 +133,5 @@ var PagerNumericButtonsVue2 = {
142
133
  /**
143
134
  * @hidden
144
135
  */
145
-
146
136
  var PagerNumericButtons = PagerNumericButtonsVue2;
147
137
  export { PagerNumericButtons, PagerNumericButtonsVue2 };
@@ -10,7 +10,6 @@ import { DropDownList } from '@progress/kendo-vue-dropdowns';
10
10
  /**
11
11
  * @hidden
12
12
  */
13
-
14
13
  var PagerPageSizesVue2 = {
15
14
  name: 'KendoPagerPageSizes',
16
15
  props: {
@@ -45,18 +44,16 @@ var PagerPageSizesVue2 = {
45
44
  render: function render(createElement) {
46
45
  var h = gh || createElement;
47
46
  var _a = this.$props,
48
- value = _a.value,
49
- pageSizes = _a.pageSizes,
50
- pageSize = _a.pageSize;
47
+ value = _a.value,
48
+ pageSizes = _a.pageSizes,
49
+ pageSize = _a.pageSize;
51
50
  var ls = provideLocalizationService(this);
52
51
  var sizes = pageSizes.slice();
53
-
54
52
  if (value === undefined && sizes.filter(function (s) {
55
53
  return s === pageSize;
56
54
  }).length === 0) {
57
55
  sizes.unshift(pageSize);
58
56
  }
59
-
60
57
  var itemPerPageMessage = this.$props.messagesMap ? this.$props.messagesMap(pagerItemPerPage) : {
61
58
  messageKey: pagerItemPerPage,
62
59
  defaultMessage: messages[pagerItemPerPage]
@@ -67,7 +64,8 @@ var PagerPageSizesVue2 = {
67
64
  };
68
65
  return h("span", {
69
66
  "class": "k-pager-sizes k-label"
70
- }, [// @ts-ignore function children
67
+ }, [
68
+ // @ts-ignore function children
71
69
  h(DropDownList, {
72
70
  value: value !== undefined ? value : pageSize,
73
71
  attrs: this.v3 ? undefined : {
@@ -87,6 +85,5 @@ var PagerPageSizesVue2 = {
87
85
  /**
88
86
  * @hidden
89
87
  */
90
-
91
88
  var PagerPageSizes = PagerPageSizesVue2;
92
89
  export { PagerPageSizes, PagerPageSizesVue2 };
@@ -3,35 +3,24 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.FilterCellVue2 = exports.FilterCell = void 0; // @ts-ignore
7
-
6
+ exports.FilterCellVue2 = exports.FilterCell = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var inject = allVue.inject;
14
-
15
13
  var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
16
-
17
14
  var main_1 = require("../messages/main");
18
-
19
15
  var kendo_vue_dropdowns_1 = require("@progress/kendo-vue-dropdowns");
20
-
21
16
  var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
22
-
23
17
  var kendo_vue_dateinputs_1 = require("@progress/kendo-vue-dateinputs");
24
-
25
18
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
26
-
27
19
  var filterCommon_1 = require("../filterCommon");
28
-
29
20
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
30
21
  /**
31
22
  * @hidden
32
23
  */
33
-
34
-
35
24
  var FilterCellVue2 = {
36
25
  name: 'KendoFilterCell',
37
26
  // @ts-ignore
@@ -101,19 +90,17 @@ var FilterCellVue2 = {
101
90
  // @ts-ignore
102
91
  render: function render(createElement) {
103
92
  var _this = this;
104
-
105
93
  var h = gh || createElement;
106
94
  var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
107
95
  var selectedOperator = this.$props.operators.find(function (item) {
108
96
  return item.operator === _this.$props.operator;
109
97
  }) || null;
110
-
111
98
  var renderOperatorEditor = function renderOperatorEditor() {
112
99
  if (this.$props.filterType === 'boolean') {
113
100
  return;
114
101
  }
115
-
116
- return (// @ts-ignore
102
+ return (
103
+ // @ts-ignore
117
104
  h(kendo_vue_dropdowns_1.DropDownList, {
118
105
  onChange: this.operatorChange,
119
106
  on: this.v3 ? undefined : {
@@ -143,13 +130,12 @@ var FilterCellVue2 = {
143
130
  })
144
131
  );
145
132
  };
146
-
147
133
  var filterComponent = function filterComponent(filterType, value) {
148
134
  var _this = this;
149
-
150
135
  switch (filterType) {
151
136
  case 'numeric':
152
- return (// @ts-ignore
137
+ return (
138
+ // @ts-ignore
153
139
  h(kendo_vue_inputs_1.NumericTextBox, {
154
140
  value: value,
155
141
  attrs: this.v3 ? undefined : {
@@ -169,9 +155,9 @@ var FilterCellVue2 = {
169
155
  "aria-label": this.ariaLabel || ls.toLanguageString(main_1.filterNumericFilterAriaLabel, main_1.messages[main_1.filterNumericFilterAriaLabel])
170
156
  })
171
157
  );
172
-
173
158
  case 'date':
174
- return (// @ts-ignore
159
+ return (
160
+ // @ts-ignore
175
161
  h(kendo_vue_dateinputs_1.DatePicker, {
176
162
  value: value,
177
163
  attrs: this.v3 ? undefined : {
@@ -191,10 +177,10 @@ var FilterCellVue2 = {
191
177
  "aria-label": this.ariaLabel || ls.toLanguageString(main_1.filterDateFilterAriaLabel, main_1.messages[main_1.filterDateFilterAriaLabel])
192
178
  })
193
179
  );
194
-
195
180
  case 'boolean':
196
181
  var booleanValues = this.$props.booleanValues;
197
- return (// @ts-ignore
182
+ return (
183
+ // @ts-ignore
198
184
  h(kendo_vue_dropdowns_1.DropDownList, {
199
185
  onChange: this.boolDropdownChange,
200
186
  on: this.v3 ? undefined : {
@@ -218,7 +204,6 @@ var FilterCellVue2 = {
218
204
  "aria-label": this.ariaLabel || ls.toLanguageString(main_1.filterEnumFilterDropdownAriaLabel, main_1.messages[main_1.filterEnumFilterDropdownAriaLabel])
219
205
  })
220
206
  );
221
-
222
207
  default:
223
208
  return h("span", {
224
209
  "class": "k-textbox k-input k-input-md k-rounded-md k-input-solid"
@@ -245,12 +230,12 @@ var FilterCellVue2 = {
245
230
  })]);
246
231
  }
247
232
  };
248
-
249
233
  var defaultRendering = h("div", {
250
234
  "class": "k-filtercell"
251
235
  }, [h("span", [filterComponent.call(this, this.$props.filterType, this.$props.value), h("div", {
252
236
  "class": "k-filtercell-operator"
253
- }, [renderOperatorEditor.call(this), // @ts-ignore function children
237
+ }, [renderOperatorEditor.call(this),
238
+ // @ts-ignore function children
254
239
  h(kendo_vue_buttons_1.Button, {
255
240
  type: "button",
256
241
  attrs: this.v3 ? undefined : {
@@ -286,6 +271,5 @@ exports.FilterCellVue2 = FilterCellVue2;
286
271
  /**
287
272
  * @hidden
288
273
  */
289
-
290
274
  var FilterCell = FilterCellVue2;
291
275
  exports.FilterCell = FilterCell;
@@ -3,31 +3,22 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.ColumnMenuVue2 = exports.ColumnMenu = void 0; // @ts-ignore
7
-
6
+ exports.ColumnMenuVue2 = exports.ColumnMenu = void 0;
7
+ // @ts-ignore
8
8
  var Vue = require("vue");
9
-
10
9
  var allVue = Vue;
11
10
  var gh = allVue.h;
12
11
  var isV3 = allVue.version && allVue.version[0] === '3';
13
12
  var inject = allVue.inject;
14
-
15
13
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
16
-
17
14
  var kendo_vue_popup_1 = require("@progress/kendo-vue-popup");
18
-
19
15
  var ColumnMenuContent_1 = require("./ColumnMenuContent");
20
-
21
16
  var utils_1 = require("../navigation/utils");
22
-
23
17
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
24
-
25
18
  var main_1 = require("../messages/main");
26
19
  /**
27
20
  * @hidden
28
21
  */
29
-
30
-
31
22
  var ColumnMenuVue2 = {
32
23
  name: 'KendoColumnMenu',
33
24
  props: {
@@ -74,12 +65,10 @@ var ColumnMenuVue2 = {
74
65
  currentOpen: function currentOpen(newOpened) {
75
66
  this.$nextTick(function () {
76
67
  this._content = this.$refs.content;
77
-
78
68
  if (newOpened && this._content) {
79
69
  var focusableElements = utils_1.tableKeyboardNavigationTools.getFocusableElements(this._content, {
80
70
  focusable: true
81
71
  });
82
-
83
72
  if (focusableElements.length) {
84
73
  focusableElements[0].focus();
85
74
  } else {
@@ -92,7 +81,6 @@ var ColumnMenuVue2 = {
92
81
  methods: {
93
82
  blur: function blur() {
94
83
  var _this = this;
95
-
96
84
  clearTimeout(this.blurTimeout);
97
85
  this.blurTimeout = setTimeout(function () {
98
86
  _this.closeMenu();
@@ -131,7 +119,6 @@ var ColumnMenuVue2 = {
131
119
  // @ts-ignore
132
120
  render: function render(createElement) {
133
121
  var _this2 = this;
134
-
135
122
  var h = gh || createElement;
136
123
  var renderTemplate = this.$props.render;
137
124
  var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
@@ -154,7 +141,8 @@ var ColumnMenuVue2 = {
154
141
  }
155
142
  }, [h("span", {
156
143
  "class": 'k-icon k-i-more-vertical'
157
- })]), // @ts-ignore function children
144
+ })]),
145
+ // @ts-ignore function children
158
146
  h(kendo_vue_popup_1.Popup, {
159
147
  animate: this.$props.animate,
160
148
  attrs: this.v3 ? undefined : {
@@ -182,7 +170,8 @@ var ColumnMenuVue2 = {
182
170
  outline: 'none',
183
171
  width: '230px'
184
172
  }
185
- }, [// @ts-ignore
173
+ }, [
174
+ // @ts-ignore
186
175
  h(ColumnMenuContent_1.ColumnMenuContent, {
187
176
  column: _this2.$props.column,
188
177
  attrs: _this2.v3 ? undefined : {
@@ -262,6 +251,5 @@ exports.ColumnMenuVue2 = ColumnMenuVue2;
262
251
  /**
263
252
  * @hidden
264
253
  */
265
-
266
254
  var ColumnMenu = ColumnMenuVue2;
267
255
  exports.ColumnMenu = ColumnMenu;
@@ -4,18 +4,14 @@ var __assign = undefined && undefined.__assign || function () {
4
4
  __assign = Object.assign || function (t) {
5
5
  for (var s, i = 1, n = arguments.length; i < n; i++) {
6
6
  s = arguments[i];
7
-
8
7
  for (var p in s) {
9
8
  if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
10
9
  }
11
10
  }
12
-
13
11
  return t;
14
12
  };
15
-
16
13
  return __assign.apply(this, arguments);
17
14
  };
18
-
19
15
  var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
20
16
  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
21
17
  if (ar || !(i in from)) {
@@ -25,46 +21,32 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
25
21
  }
26
22
  return to.concat(ar || Array.prototype.slice.call(from));
27
23
  };
28
-
29
24
  Object.defineProperty(exports, "__esModule", {
30
25
  value: true
31
26
  });
32
- exports.ColumnMenuCheckboxFilterVue2 = exports.ColumnMenuCheckboxFilter = void 0; // @ts-ignore
33
-
27
+ exports.ColumnMenuCheckboxFilterVue2 = exports.ColumnMenuCheckboxFilter = void 0;
28
+ // @ts-ignore
34
29
  var Vue = require("vue");
35
-
36
30
  var allVue = Vue;
37
31
  var gh = allVue.h;
38
32
  var isV3 = allVue.version && allVue.version[0] === '3';
39
33
  var inject = allVue.inject;
40
-
41
34
  var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
42
-
43
35
  var ColumnMenuItem_1 = require("./ColumnMenuItem");
44
-
45
36
  var ColumnMenuItemGroup_1 = require("./ColumnMenuItemGroup");
46
-
47
37
  var ColumnMenuItemContent_1 = require("./ColumnMenuItemContent");
48
-
49
38
  var kendo_vue_inputs_1 = require("@progress/kendo-vue-inputs");
50
-
51
39
  var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
52
-
53
40
  var main_1 = require("../messages/main");
54
-
55
41
  var kendo_data_query_1 = require("@progress/kendo-data-query");
56
-
57
42
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
58
43
  /**
59
44
  * @hidden
60
45
  */
61
-
62
-
63
46
  var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
64
47
  if (firstArray.length !== secondArray.length) {
65
48
  return false;
66
49
  }
67
-
68
50
  return firstArray.every(function (ex, i) {
69
51
  return ex === secondArray[i];
70
52
  });
@@ -72,8 +54,6 @@ var isArrayEqual = function isArrayEqual(firstArray, secondArray) {
72
54
  /**
73
55
  * @hidden
74
56
  */
75
-
76
-
77
57
  var ColumnMenuCheckboxFilterVue2 = {
78
58
  name: 'KendoColumnMenuCheckboxFilter',
79
59
  props: {
@@ -118,7 +98,6 @@ var ColumnMenuCheckboxFilterVue2 = {
118
98
  var data = this.$props.dataItems.map(function (item) {
119
99
  return (0, kendo_vue_common_1.getNestedValue)(field, item);
120
100
  });
121
-
122
101
  if (!isArrayEqual(data, this.dataFromProps)) {
123
102
  this.currentData = data;
124
103
  this.dataFromProps = data;
@@ -141,31 +120,23 @@ var ColumnMenuCheckboxFilterVue2 = {
141
120
  // @ts-ignore
142
121
  render: function render(createElement) {
143
122
  var _this2 = this;
144
-
145
123
  var _this = this;
146
-
147
124
  var h = gh || createElement;
148
125
  var column = this.$props.column;
149
-
150
126
  if (!column || !column.field) {
151
127
  return h("div");
152
128
  }
153
-
154
129
  var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
155
130
  var expandState = this.$props.expanded !== undefined ? this.$props.expanded : this.currentExpanded;
156
131
  var filterValues = [];
157
-
158
132
  if (this.currentFilter) {
159
133
  var currentFilter = __spreadArray([], this.currentFilter.filters, true);
160
-
161
134
  this.compositeFilterIndex = currentFilter.findIndex(function (filter) {
162
135
  if (filter.filters && filter.filters.length > 0) {
163
136
  return filter.filters[0].field === column.field;
164
137
  }
165
-
166
138
  return false;
167
139
  });
168
-
169
140
  if (this.compositeFilterIndex !== -1 && currentFilter[this.compositeFilterIndex].filters.length > 0) {
170
141
  currentFilter[this.compositeFilterIndex].filters.forEach(function (filterItem) {
171
142
  if (filterItem.field === _this.$props.column.field) {
@@ -174,7 +145,6 @@ var ColumnMenuCheckboxFilterVue2 = {
174
145
  });
175
146
  }
176
147
  }
177
-
178
148
  var searchBox = function searchBox() {
179
149
  return this.$props.searchBox && h("span", {
180
150
  "class": "k-list-filter"
@@ -199,7 +169,6 @@ var ColumnMenuCheckboxFilterVue2 = {
199
169
  }
200
170
  })])]);
201
171
  };
202
-
203
172
  var uniqueFilterValues = filterValues.filter(function (item, index) {
204
173
  return filterValues.indexOf(item) === index;
205
174
  });
@@ -207,7 +176,8 @@ var ColumnMenuCheckboxFilterVue2 = {
207
176
  var checkAllItemTemplate = kendo_vue_common_1.templateRendering.call(this, this.$props.checkAllItem, kendo_vue_common_1.getListeners.call(this));
208
177
  var defaultCheckAllRendering = h("li", {
209
178
  "class": "k-item"
210
- }, [// @ts-ignore function children
179
+ }, [
180
+ // @ts-ignore function children
211
181
  h(kendo_vue_inputs_1.Checkbox, {
212
182
  label: localizationService.toLanguageString(main_1.filterCheckAll, main_1.messages[main_1.filterCheckAll]),
213
183
  attrs: this.v3 ? undefined : {
@@ -237,9 +207,11 @@ var ColumnMenuCheckboxFilterVue2 = {
237
207
  }
238
208
  }
239
209
  });
240
- return (// @ts-ignore function children
210
+ return (
211
+ // @ts-ignore function children
241
212
  h(ColumnMenuItemGroup_1.ColumnMenuItemGroup, this.v3 ? function () {
242
- return [// @ts-ignore function children
213
+ return [
214
+ // @ts-ignore function children
243
215
  h(ColumnMenuItem_1.ColumnMenuItem, {
244
216
  title: localizationService.toLanguageString(main_1.columnMenuFilterTitle, main_1.messages[main_1.columnMenuFilterTitle]),
245
217
  attrs: _this2.v3 ? undefined : {
@@ -251,7 +223,8 @@ var ColumnMenuCheckboxFilterVue2 = {
251
223
  on: _this2.v3 ? undefined : {
252
224
  "click": _this2.onFilterExpand
253
225
  }
254
- }), // @ts-ignore function children
226
+ }),
227
+ // @ts-ignore function children
255
228
  h(ColumnMenuItemContent_1.ColumnMenuItemContent, {
256
229
  show: !!expandState,
257
230
  attrs: _this2.v3 ? undefined : {
@@ -274,11 +247,11 @@ var ColumnMenuCheckboxFilterVue2 = {
274
247
  "class": "k-reset k-multicheck-wrap"
275
248
  }, [checkAllItemRender, _this2.currentData.map(function (item, index) {
276
249
  var _this = this;
277
-
278
250
  var defaultRendering = h("li", {
279
251
  "class": "k-item",
280
252
  key: index
281
- }, [// @ts-ignore function children
253
+ }, [
254
+ // @ts-ignore function children
282
255
  h(kendo_vue_inputs_1.Checkbox, {
283
256
  label: String(item),
284
257
  attrs: this.v3 ? undefined : {
@@ -313,7 +286,8 @@ var ColumnMenuCheckboxFilterVue2 = {
313
286
  return itemRender;
314
287
  }, _this2)]), h("div", {
315
288
  "class": 'k-columnmenu-actions'
316
- }, [// @ts-ignore function children
289
+ }, [
290
+ // @ts-ignore function children
317
291
  h(kendo_vue_buttons_1.Button, {
318
292
  type: 'reset',
319
293
  attrs: _this2.v3 ? undefined : {
@@ -321,7 +295,8 @@ var ColumnMenuCheckboxFilterVue2 = {
321
295
  }
322
296
  }, _this2.v3 ? function () {
323
297
  return [localizationService.toLanguageString(main_1.columnMenuFilterClearButton, main_1.messages[main_1.columnMenuFilterClearButton])];
324
- } : [localizationService.toLanguageString(main_1.columnMenuFilterClearButton, main_1.messages[main_1.columnMenuFilterClearButton])]), // @ts-ignore function children
298
+ } : [localizationService.toLanguageString(main_1.columnMenuFilterClearButton, main_1.messages[main_1.columnMenuFilterClearButton])]),
299
+ // @ts-ignore function children
325
300
  h(kendo_vue_buttons_1.Button, {
326
301
  themeColor: 'primary',
327
302
  attrs: _this2.v3 ? undefined : {
@@ -346,7 +321,6 @@ var ColumnMenuCheckboxFilterVue2 = {
346
321
  "class": "k-reset k-multicheck-wrap"
347
322
  }, [checkAllItemRender, _this2.currentData.map(function (item, index) {
348
323
  var _this = this;
349
-
350
324
  var defaultRendering = h("li", {
351
325
  "class": "k-item",
352
326
  key: index
@@ -432,7 +406,6 @@ var ColumnMenuCheckboxFilterVue2 = {
432
406
  "class": "k-reset k-multicheck-wrap"
433
407
  }, [checkAllItemRender, _this2.currentData.map(function (item, index) {
434
408
  var _this = this;
435
-
436
409
  var defaultRendering = h("li", {
437
410
  "class": "k-item",
438
411
  key: index
@@ -501,7 +474,6 @@ var ColumnMenuCheckboxFilterVue2 = {
501
474
  "class": "k-reset k-multicheck-wrap"
502
475
  }, [checkAllItemRender, _this2.currentData.map(function (item, index) {
503
476
  var _this = this;
504
-
505
477
  var defaultRendering = h("li", {
506
478
  "class": "k-item",
507
479
  key: index
@@ -561,7 +533,6 @@ var ColumnMenuCheckboxFilterVue2 = {
561
533
  if (this.$props.filter) {
562
534
  return (0, kendo_vue_common_1.clone)(this.$props.filter);
563
535
  }
564
-
565
536
  return {
566
537
  filters: [],
567
538
  logic: 'and'
@@ -572,13 +543,11 @@ var ColumnMenuCheckboxFilterVue2 = {
572
543
  var data = originalData.map(function (item) {
573
544
  return (0, kendo_vue_common_1.getNestedValue)(field, item);
574
545
  });
575
-
576
546
  if (isUnique) {
577
547
  return data.filter(function (item, index) {
578
548
  return data.indexOf(item) === index;
579
549
  });
580
550
  }
581
-
582
551
  return data;
583
552
  },
584
553
  getFilterIndex: function getFilterIndex() {
@@ -593,7 +562,6 @@ var ColumnMenuCheckboxFilterVue2 = {
593
562
  var isControlled = this.$props.expanded !== undefined;
594
563
  var nextValue = !(isControlled ? this.$props.expanded : this.currentExpanded);
595
564
  this.$emit('expandchange', nextValue);
596
-
597
565
  if (!isControlled) {
598
566
  this.currentExpanded = nextValue;
599
567
  }
@@ -614,17 +582,14 @@ var ColumnMenuCheckboxFilterVue2 = {
614
582
  clear: function clear(e) {
615
583
  e.preventDefault();
616
584
  var updatedFilter = this.currentFilter || null;
617
-
618
585
  if (updatedFilter !== null && updatedFilter.filters.length > 0) {
619
586
  if (this.compositeFilterIndex >= 0) {
620
587
  updatedFilter.filters.splice(this.compositeFilterIndex, 1);
621
588
  }
622
-
623
589
  this.$emit('filterchange', updatedFilter, e);
624
590
  } else {
625
591
  this.$emit('filterchange', null, e);
626
592
  }
627
-
628
593
  this.$emit('closemenu');
629
594
  },
630
595
  submit: function submit(e) {
@@ -635,16 +600,12 @@ var ColumnMenuCheckboxFilterVue2 = {
635
600
  },
636
601
  handleCheckBoxChange: function handleCheckBoxChange(e, value) {
637
602
  var field = this.$props.column.field || '';
638
-
639
603
  var newFilter = __assign({}, this.currentFilter);
640
-
641
604
  var filters = __spreadArray([], this.currentFilter.filters, true) || [];
642
605
  var fieldFilters = [];
643
-
644
606
  if (this.compositeFilterIndex !== -1 && newFilter.filters[this.compositeFilterIndex].filters && value !== 'all') {
645
607
  fieldFilters = newFilter.filters[this.compositeFilterIndex].filters;
646
608
  }
647
-
648
609
  if (e.value && value === 'all') {
649
610
  this.currentData.forEach(function (item) {
650
611
  fieldFilters.push({
@@ -665,9 +626,7 @@ var ColumnMenuCheckboxFilterVue2 = {
665
626
  });
666
627
  fieldFilters.splice(index, 1);
667
628
  }
668
-
669
629
  newFilter.logic = 'and';
670
-
671
630
  if (this.compositeFilterIndex !== -1) {
672
631
  filters[this.compositeFilterIndex] = {
673
632
  logic: 'or',
@@ -679,40 +638,31 @@ var ColumnMenuCheckboxFilterVue2 = {
679
638
  filters: fieldFilters
680
639
  });
681
640
  }
682
-
683
641
  if (!e.value && value === 'all' || fieldFilters.length === 0) {
684
642
  filters.splice(this.compositeFilterIndex, 1);
685
643
  }
686
-
687
644
  newFilter.filters = filters;
688
645
  this.currentFilter = newFilter;
689
646
  },
690
647
  isAllSelected: function isAllSelected() {
691
648
  var _this = this;
692
-
693
649
  var isAllChecked = false;
694
-
695
650
  if (this.currentFilter) {
696
651
  var filters_1 = __spreadArray([], this.currentFilter.filters, true);
697
-
698
652
  if (this.compositeFilterIndex === -1) {
699
653
  return false;
700
654
  }
701
-
702
655
  isAllChecked = this.currentData.every(function (item) {
703
656
  if (_this.compositeFilterIndex !== -1 && filters_1[_this.compositeFilterIndex].filters) {
704
657
  var index = filters_1[_this.compositeFilterIndex].filters.findIndex(function (filter) {
705
658
  return filter.value === item;
706
659
  });
707
-
708
660
  return index >= 0;
709
661
  }
710
-
711
662
  return false;
712
663
  });
713
664
  return isAllChecked;
714
665
  }
715
-
716
666
  return isAllChecked;
717
667
  }
718
668
  }
@@ -721,6 +671,5 @@ exports.ColumnMenuCheckboxFilterVue2 = ColumnMenuCheckboxFilterVue2;
721
671
  /**
722
672
  * @hidden
723
673
  */
724
-
725
674
  var ColumnMenuCheckboxFilter = ColumnMenuCheckboxFilterVue2;
726
675
  exports.ColumnMenuCheckboxFilter = ColumnMenuCheckboxFilter;