@progress/kendo-vue-data-tools 3.12.0 → 3.12.1-dev.202308170413

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 (20) hide show
  1. package/dist/cdn/js/kendo-vue-data-tools.js +1 -1
  2. package/dist/es/filter/Expression.js +11 -49
  3. package/dist/es/filter/Filter.js +1 -1
  4. package/dist/es/filter/GroupToolbar.js +41 -267
  5. package/dist/es/package-metadata.js +1 -1
  6. package/dist/es/pager/PagerInfo.js +2 -2
  7. package/dist/es/pager/PagerInput.js +23 -38
  8. package/dist/esm/filter/Expression.js +11 -49
  9. package/dist/esm/filter/Filter.js +1 -1
  10. package/dist/esm/filter/GroupToolbar.js +41 -267
  11. package/dist/esm/package-metadata.js +1 -1
  12. package/dist/esm/pager/PagerInfo.js +2 -2
  13. package/dist/esm/pager/PagerInput.js +23 -38
  14. package/dist/npm/filter/Expression.js +11 -49
  15. package/dist/npm/filter/Filter.js +1 -1
  16. package/dist/npm/filter/GroupToolbar.js +40 -266
  17. package/dist/npm/package-metadata.js +1 -1
  18. package/dist/npm/pager/PagerInfo.js +2 -2
  19. package/dist/npm/pager/PagerInput.js +23 -38
  20. package/package.json +11 -10
package/dist/es/filter/Expression.js CHANGED
@@ -268,46 +268,26 @@ var ExpressionVue2 = {
268
268
  }, _this.v3 ? function () {
269
269
  return [field && filterEditors.call(_this, field.filter, field.filterRender)];
270
270
  } : [field && filterEditors.call(_this, field.filter, field.filterRender)]),
271
- // @ts-ignore function children
272
- h(ToolbarItem, _this.v3 ? function () {
273
- return [
274
- // @ts-ignore
275
- h(Button, {
276
- title: locService.toLanguageString(filterClose, messages[filterClose]),
277
- attrs: _this.v3 ? undefined : {
278
- title: locService.toLanguageString(filterClose, messages[filterClose]),
279
- icon: "x",
280
- svgIcon: xIcon,
281
- look: "flat",
282
- type: "button"
283
- },
284
- icon: "x",
285
- svgIcon: xIcon,
286
- look: "flat",
287
- type: "button",
288
- onClick: _this.onFilterRemove,
289
- on: _this.v3 ? undefined : {
290
- "click": _this.onFilterRemove
291
- }
292
- })];
293
- } : [h(Button, {
271
+ // @ts-ignore
272
+ h(Button, {
294
273
  title: locService.toLanguageString(filterClose, messages[filterClose]),
295
274
  attrs: _this.v3 ? undefined : {
296
275
  title: locService.toLanguageString(filterClose, messages[filterClose]),
297
276
  icon: "x",
298
277
  svgIcon: xIcon,
299
- look: "flat",
278
+ fillMode: "flat",
300
279
  type: "button"
301
280
  },
302
281
  icon: "x",
303
282
  svgIcon: xIcon,
304
- look: "flat",
283
+ fillMode: "flat",
305
284
  type: "button",
285
+ "class": "k-toolbar-button",
306
286
  onClick: _this.onFilterRemove,
307
287
  on: _this.v3 ? undefined : {
308
288
  "click": _this.onFilterRemove
309
289
  }
310
- })])];
290
+ })];
311
291
  } : [h(ToolbarItem, {
312
292
  "class": "k-filter-field"
313
293
  }, _this.v3 ? function () {
@@ -398,43 +378,25 @@ var ExpressionVue2 = {
398
378
  "class": "k-filter-value"
399
379
  }, _this.v3 ? function () {
400
380
  return [field && filterEditors.call(_this, field.filter, field.filterRender)];
401
- } : [field && filterEditors.call(_this, field.filter, field.filterRender)]), h(ToolbarItem, _this.v3 ? function () {
402
- return [h(Button, {
403
- title: locService.toLanguageString(filterClose, messages[filterClose]),
404
- attrs: _this.v3 ? undefined : {
405
- title: locService.toLanguageString(filterClose, messages[filterClose]),
406
- icon: "x",
407
- svgIcon: xIcon,
408
- look: "flat",
409
- type: "button"
410
- },
411
- icon: "x",
412
- svgIcon: xIcon,
413
- look: "flat",
414
- type: "button",
415
- onClick: _this.onFilterRemove,
416
- on: _this.v3 ? undefined : {
417
- "click": _this.onFilterRemove
418
- }
419
- })];
420
- } : [h(Button, {
381
+ } : [field && filterEditors.call(_this, field.filter, field.filterRender)]), h(Button, {
421
382
  title: locService.toLanguageString(filterClose, messages[filterClose]),
422
383
  attrs: _this.v3 ? undefined : {
423
384
  title: locService.toLanguageString(filterClose, messages[filterClose]),
424
385
  icon: "x",
425
386
  svgIcon: xIcon,
426
- look: "flat",
387
+ fillMode: "flat",
427
388
  type: "button"
428
389
  },
429
390
  icon: "x",
430
391
  svgIcon: xIcon,
431
- look: "flat",
392
+ fillMode: "flat",
432
393
  type: "button",
394
+ "class": "k-toolbar-button",
433
395
  onClick: _this.onFilterRemove,
434
396
  on: _this.v3 ? undefined : {
435
397
  "click": _this.onFilterRemove
436
398
  }
437
- })])])]);
399
+ })])]);
438
400
  },
439
401
  methods: {
440
402
  onFieldChange: function onFieldChange(event) {
package/dist/es/filter/Filter.js CHANGED
@@ -86,7 +86,7 @@ var FilterVue2 = {
86
86
  });
87
87
  }, this);
88
88
  return h("div", {
89
- "class": 'k-widget k-filter'
89
+ "class": 'k-filter'
90
90
  }, [h("ul", {
91
91
  "class": "k-filter-container",
92
92
  role: "tree",
package/dist/es/filter/GroupToolbar.js CHANGED
@@ -24,7 +24,7 @@ import * as Vue from 'vue';
24
24
  var allVue = Vue;
25
25
  var gh = allVue.h;
26
26
  var isV3 = allVue.version && allVue.version[0] === '3';
27
- import { Button, Toolbar, ToolbarItem, ButtonGroup } from '@progress/kendo-vue-buttons';
27
+ import { Button, Toolbar, ButtonGroup } from '@progress/kendo-vue-buttons';
28
28
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
29
29
  import { stringOperator } from './operators';
30
30
  import { messages, filterAndLogic, filterOrLogic, filterAddExpression, filterAddGroup, filterClose } from '../messages/main';
@@ -72,9 +72,7 @@ var GroupToolbarVue2 = {
72
72
  render: function render(createElement) {
73
73
  var _this = this;
74
74
  var h = gh || createElement;
75
- var _a = this.$props,
76
- fields = _a.fields,
77
- filter = _a.filter;
75
+ var filter = this.$props.filter;
78
76
  var locService = provideLocalizationService(this);
79
77
  return h("div", {
80
78
  "class": "k-filter-toolbar"
@@ -92,78 +90,12 @@ var GroupToolbarVue2 = {
92
90
  }, this.v3 ? function () {
93
91
  return [
94
92
  // @ts-ignore function children
95
- h(ToolbarItem, _this.v3 ? function () {
93
+ h(ButtonGroup, {
94
+ "class": "k-toolbar-button-group"
95
+ }, _this.v3 ? function () {
96
96
  return [
97
97
  // @ts-ignore function children
98
- h(ButtonGroup, _this.v3 ? function () {
99
- return [
100
- // @ts-ignore function children
101
- h(Button, {
102
- togglable: true,
103
- attrs: _this.v3 ? undefined : {
104
- togglable: true,
105
- selected: filter.logic === 'and',
106
- type: "button"
107
- },
108
- onClick: _this.onLogicAnd,
109
- on: _this.v3 ? undefined : {
110
- "click": _this.onLogicAnd
111
- },
112
- selected: filter.logic === 'and',
113
- type: "button"
114
- }, _this.v3 ? function () {
115
- return [locService.toLanguageString(filterAndLogic, messages[filterAndLogic])];
116
- } : [locService.toLanguageString(filterAndLogic, messages[filterAndLogic])]),
117
- // @ts-ignore function children
118
- h(Button, {
119
- togglable: true,
120
- attrs: _this.v3 ? undefined : {
121
- togglable: true,
122
- selected: filter.logic === 'or',
123
- type: "button"
124
- },
125
- onClick: _this.onLogicOr,
126
- on: _this.v3 ? undefined : {
127
- "click": _this.onLogicOr
128
- },
129
- selected: filter.logic === 'or',
130
- type: "button"
131
- }, _this.v3 ? function () {
132
- return [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])];
133
- } : [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])])];
134
- } : [h(Button, {
135
- togglable: true,
136
- attrs: _this.v3 ? undefined : {
137
- togglable: true,
138
- selected: filter.logic === 'and',
139
- type: "button"
140
- },
141
- onClick: _this.onLogicAnd,
142
- on: _this.v3 ? undefined : {
143
- "click": _this.onLogicAnd
144
- },
145
- selected: filter.logic === 'and',
146
- type: "button"
147
- }, _this.v3 ? function () {
148
- return [locService.toLanguageString(filterAndLogic, messages[filterAndLogic])];
149
- } : [locService.toLanguageString(filterAndLogic, messages[filterAndLogic])]), h(Button, {
150
- togglable: true,
151
- attrs: _this.v3 ? undefined : {
152
- togglable: true,
153
- selected: filter.logic === 'or',
154
- type: "button"
155
- },
156
- onClick: _this.onLogicOr,
157
- on: _this.v3 ? undefined : {
158
- "click": _this.onLogicOr
159
- },
160
- selected: filter.logic === 'or',
161
- type: "button"
162
- }, _this.v3 ? function () {
163
- return [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])];
164
- } : [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])])])];
165
- } : [h(ButtonGroup, _this.v3 ? function () {
166
- return [h(Button, {
98
+ h(Button, {
167
99
  togglable: true,
168
100
  attrs: _this.v3 ? undefined : {
169
101
  togglable: true,
@@ -174,11 +106,14 @@ var GroupToolbarVue2 = {
174
106
  on: _this.v3 ? undefined : {
175
107
  "click": _this.onLogicAnd
176
108
  },
109
+ "class": "k-toolbar-button",
177
110
  selected: filter.logic === 'and',
178
111
  type: "button"
179
112
  }, _this.v3 ? function () {
180
113
  return [locService.toLanguageString(filterAndLogic, messages[filterAndLogic])];
181
- } : [locService.toLanguageString(filterAndLogic, messages[filterAndLogic])]), h(Button, {
114
+ } : [locService.toLanguageString(filterAndLogic, messages[filterAndLogic])]),
115
+ // @ts-ignore function children
116
+ h(Button, {
182
117
  togglable: true,
183
118
  attrs: _this.v3 ? undefined : {
184
119
  togglable: true,
@@ -189,6 +124,7 @@ var GroupToolbarVue2 = {
189
124
  on: _this.v3 ? undefined : {
190
125
  "click": _this.onLogicOr
191
126
  },
127
+ "class": "k-toolbar-button",
192
128
  selected: filter.logic === 'or',
193
129
  type: "button"
194
130
  }, _this.v3 ? function () {
@@ -205,6 +141,7 @@ var GroupToolbarVue2 = {
205
141
  on: _this.v3 ? undefined : {
206
142
  "click": _this.onLogicAnd
207
143
  },
144
+ "class": "k-toolbar-button",
208
145
  selected: filter.logic === 'and',
209
146
  type: "button"
210
147
  }, _this.v3 ? function () {
@@ -220,32 +157,14 @@ var GroupToolbarVue2 = {
220
157
  on: _this.v3 ? undefined : {
221
158
  "click": _this.onLogicOr
222
159
  },
160
+ "class": "k-toolbar-button",
223
161
  selected: filter.logic === 'or',
224
162
  type: "button"
225
163
  }, _this.v3 ? function () {
226
164
  return [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])];
227
- } : [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])])])]),
165
+ } : [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])])]),
228
166
  // @ts-ignore function children
229
- h(ToolbarItem, _this.v3 ? function () {
230
- return [
231
- // @ts-ignore function children
232
- h(Button, {
233
- title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]),
234
- attrs: _this.v3 ? undefined : {
235
- title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]),
236
- icon: "filter-add-expression",
237
- svgIcon: filterAddExpressionIcon,
238
- type: "button"
239
- },
240
- icon: "filter-add-expression",
241
- svgIcon: filterAddExpressionIcon,
242
- type: "button",
243
- onClick: _this.onAddExpression,
244
- on: _this.v3 ? undefined : {
245
- "click": _this.onAddExpression
246
- }
247
- })];
248
- } : [h(Button, {
167
+ h(Button, {
249
168
  title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]),
250
169
  attrs: _this.v3 ? undefined : {
251
170
  title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]),
@@ -256,32 +175,14 @@ var GroupToolbarVue2 = {
256
175
  icon: "filter-add-expression",
257
176
  svgIcon: filterAddExpressionIcon,
258
177
  type: "button",
178
+ "class": "k-toolbar-button",
259
179
  onClick: _this.onAddExpression,
260
180
  on: _this.v3 ? undefined : {
261
181
  "click": _this.onAddExpression
262
182
  }
263
- })]),
183
+ }),
264
184
  // @ts-ignore function children
265
- h(ToolbarItem, _this.v3 ? function () {
266
- return [
267
- // @ts-ignore function children
268
- h(Button, {
269
- title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]),
270
- attrs: _this.v3 ? undefined : {
271
- title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]),
272
- icon: "filter-add-group",
273
- svgIcon: filterAddGroupIcon,
274
- type: "button"
275
- },
276
- icon: "filter-add-group",
277
- svgIcon: filterAddGroupIcon,
278
- type: "button",
279
- onClick: _this.onAddGroup,
280
- on: _this.v3 ? undefined : {
281
- "click": _this.onAddGroup
282
- }
283
- })];
284
- } : [h(Button, {
185
+ h(Button, {
285
186
  title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]),
286
187
  attrs: _this.v3 ? undefined : {
287
188
  title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]),
@@ -292,116 +193,35 @@ var GroupToolbarVue2 = {
292
193
  icon: "filter-add-group",
293
194
  svgIcon: filterAddGroupIcon,
294
195
  type: "button",
196
+ "class": "k-toolbar-button",
295
197
  onClick: _this.onAddGroup,
296
198
  on: _this.v3 ? undefined : {
297
199
  "click": _this.onAddGroup
298
200
  }
299
- })]),
201
+ }),
300
202
  // @ts-ignore function children
301
- h(ToolbarItem, _this.v3 ? function () {
302
- return [
303
- // @ts-ignore function children
304
- h(Button, {
305
- title: locService.toLanguageString(filterClose, messages[filterClose]),
306
- attrs: _this.v3 ? undefined : {
307
- title: locService.toLanguageString(filterClose, messages[filterClose]),
308
- icon: "x",
309
- svgIcon: xIcon,
310
- look: "flat",
311
- type: "button"
312
- },
313
- icon: "x",
314
- svgIcon: xIcon,
315
- look: "flat",
316
- type: "button",
317
- onClick: _this.onGroupRemove,
318
- on: _this.v3 ? undefined : {
319
- "click": _this.onGroupRemove
320
- }
321
- })];
322
- } : [h(Button, {
203
+ h(Button, {
323
204
  title: locService.toLanguageString(filterClose, messages[filterClose]),
324
205
  attrs: _this.v3 ? undefined : {
325
206
  title: locService.toLanguageString(filterClose, messages[filterClose]),
326
207
  icon: "x",
327
208
  svgIcon: xIcon,
328
- look: "flat",
209
+ fillMode: "flat",
329
210
  type: "button"
330
211
  },
331
212
  icon: "x",
332
213
  svgIcon: xIcon,
333
- look: "flat",
214
+ fillMode: "flat",
334
215
  type: "button",
216
+ "class": "k-toolbar-button",
335
217
  onClick: _this.onGroupRemove,
336
218
  on: _this.v3 ? undefined : {
337
219
  "click": _this.onGroupRemove
338
220
  }
339
- })])];
340
- } : [h(ToolbarItem, _this.v3 ? function () {
341
- return [h(ButtonGroup, _this.v3 ? function () {
342
- return [h(Button, {
343
- togglable: true,
344
- attrs: _this.v3 ? undefined : {
345
- togglable: true,
346
- selected: filter.logic === 'and',
347
- type: "button"
348
- },
349
- onClick: _this.onLogicAnd,
350
- on: _this.v3 ? undefined : {
351
- "click": _this.onLogicAnd
352
- },
353
- selected: filter.logic === 'and',
354
- type: "button"
355
- }, _this.v3 ? function () {
356
- return [locService.toLanguageString(filterAndLogic, messages[filterAndLogic])];
357
- } : [locService.toLanguageString(filterAndLogic, messages[filterAndLogic])]), h(Button, {
358
- togglable: true,
359
- attrs: _this.v3 ? undefined : {
360
- togglable: true,
361
- selected: filter.logic === 'or',
362
- type: "button"
363
- },
364
- onClick: _this.onLogicOr,
365
- on: _this.v3 ? undefined : {
366
- "click": _this.onLogicOr
367
- },
368
- selected: filter.logic === 'or',
369
- type: "button"
370
- }, _this.v3 ? function () {
371
- return [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])];
372
- } : [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])])];
373
- } : [h(Button, {
374
- togglable: true,
375
- attrs: _this.v3 ? undefined : {
376
- togglable: true,
377
- selected: filter.logic === 'and',
378
- type: "button"
379
- },
380
- onClick: _this.onLogicAnd,
381
- on: _this.v3 ? undefined : {
382
- "click": _this.onLogicAnd
383
- },
384
- selected: filter.logic === 'and',
385
- type: "button"
386
- }, _this.v3 ? function () {
387
- return [locService.toLanguageString(filterAndLogic, messages[filterAndLogic])];
388
- } : [locService.toLanguageString(filterAndLogic, messages[filterAndLogic])]), h(Button, {
389
- togglable: true,
390
- attrs: _this.v3 ? undefined : {
391
- togglable: true,
392
- selected: filter.logic === 'or',
393
- type: "button"
394
- },
395
- onClick: _this.onLogicOr,
396
- on: _this.v3 ? undefined : {
397
- "click": _this.onLogicOr
398
- },
399
- selected: filter.logic === 'or',
400
- type: "button"
401
- }, _this.v3 ? function () {
402
- return [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])];
403
- } : [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])])])];
404
- } : [h(ButtonGroup, _this.v3 ? function () {
221
+ })];
222
+ } : [h(ButtonGroup, {
223
+ "class": "k-toolbar-button-group"
224
+ }, _this.v3 ? function () {
405
225
  return [h(Button, {
406
226
  togglable: true,
407
227
  attrs: _this.v3 ? undefined : {
@@ -413,6 +233,7 @@ var GroupToolbarVue2 = {
413
233
  on: _this.v3 ? undefined : {
414
234
  "click": _this.onLogicAnd
415
235
  },
236
+ "class": "k-toolbar-button",
416
237
  selected: filter.logic === 'and',
417
238
  type: "button"
418
239
  }, _this.v3 ? function () {
@@ -428,6 +249,7 @@ var GroupToolbarVue2 = {
428
249
  on: _this.v3 ? undefined : {
429
250
  "click": _this.onLogicOr
430
251
  },
252
+ "class": "k-toolbar-button",
431
253
  selected: filter.logic === 'or',
432
254
  type: "button"
433
255
  }, _this.v3 ? function () {
@@ -444,6 +266,7 @@ var GroupToolbarVue2 = {
444
266
  on: _this.v3 ? undefined : {
445
267
  "click": _this.onLogicAnd
446
268
  },
269
+ "class": "k-toolbar-button",
447
270
  selected: filter.logic === 'and',
448
271
  type: "button"
449
272
  }, _this.v3 ? function () {
@@ -459,28 +282,12 @@ var GroupToolbarVue2 = {
459
282
  on: _this.v3 ? undefined : {
460
283
  "click": _this.onLogicOr
461
284
  },
285
+ "class": "k-toolbar-button",
462
286
  selected: filter.logic === 'or',
463
287
  type: "button"
464
288
  }, _this.v3 ? function () {
465
289
  return [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])];
466
- } : [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])])])]), h(ToolbarItem, _this.v3 ? function () {
467
- return [h(Button, {
468
- title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]),
469
- attrs: _this.v3 ? undefined : {
470
- title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]),
471
- icon: "filter-add-expression",
472
- svgIcon: filterAddExpressionIcon,
473
- type: "button"
474
- },
475
- icon: "filter-add-expression",
476
- svgIcon: filterAddExpressionIcon,
477
- type: "button",
478
- onClick: _this.onAddExpression,
479
- on: _this.v3 ? undefined : {
480
- "click": _this.onAddExpression
481
- }
482
- })];
483
- } : [h(Button, {
290
+ } : [locService.toLanguageString(filterOrLogic, messages[filterOrLogic])])]), h(Button, {
484
291
  title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]),
485
292
  attrs: _this.v3 ? undefined : {
486
293
  title: locService.toLanguageString(filterAddExpression, messages[filterAddExpression]),
@@ -491,28 +298,12 @@ var GroupToolbarVue2 = {
491
298
  icon: "filter-add-expression",
492
299
  svgIcon: filterAddExpressionIcon,
493
300
  type: "button",
301
+ "class": "k-toolbar-button",
494
302
  onClick: _this.onAddExpression,
495
303
  on: _this.v3 ? undefined : {
496
304
  "click": _this.onAddExpression
497
305
  }
498
- })]), h(ToolbarItem, _this.v3 ? function () {
499
- return [h(Button, {
500
- title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]),
501
- attrs: _this.v3 ? undefined : {
502
- title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]),
503
- icon: "filter-add-group",
504
- svgIcon: filterAddGroupIcon,
505
- type: "button"
506
- },
507
- icon: "filter-add-group",
508
- svgIcon: filterAddGroupIcon,
509
- type: "button",
510
- onClick: _this.onAddGroup,
511
- on: _this.v3 ? undefined : {
512
- "click": _this.onAddGroup
513
- }
514
- })];
515
- } : [h(Button, {
306
+ }), h(Button, {
516
307
  title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]),
517
308
  attrs: _this.v3 ? undefined : {
518
309
  title: locService.toLanguageString(filterAddGroup, messages[filterAddGroup]),
@@ -523,47 +314,30 @@ var GroupToolbarVue2 = {
523
314
  icon: "filter-add-group",
524
315
  svgIcon: filterAddGroupIcon,
525
316
  type: "button",
317
+ "class": "k-toolbar-button",
526
318
  onClick: _this.onAddGroup,
527
319
  on: _this.v3 ? undefined : {
528
320
  "click": _this.onAddGroup
529
321
  }
530
- })]), h(ToolbarItem, _this.v3 ? function () {
531
- return [h(Button, {
532
- title: locService.toLanguageString(filterClose, messages[filterClose]),
533
- attrs: _this.v3 ? undefined : {
534
- title: locService.toLanguageString(filterClose, messages[filterClose]),
535
- icon: "x",
536
- svgIcon: xIcon,
537
- look: "flat",
538
- type: "button"
539
- },
540
- icon: "x",
541
- svgIcon: xIcon,
542
- look: "flat",
543
- type: "button",
544
- onClick: _this.onGroupRemove,
545
- on: _this.v3 ? undefined : {
546
- "click": _this.onGroupRemove
547
- }
548
- })];
549
- } : [h(Button, {
322
+ }), h(Button, {
550
323
  title: locService.toLanguageString(filterClose, messages[filterClose]),
551
324
  attrs: _this.v3 ? undefined : {
552
325
  title: locService.toLanguageString(filterClose, messages[filterClose]),
553
326
  icon: "x",
554
327
  svgIcon: xIcon,
555
- look: "flat",
328
+ fillMode: "flat",
556
329
  type: "button"
557
330
  },
558
331
  icon: "x",
559
332
  svgIcon: xIcon,
560
- look: "flat",
333
+ fillMode: "flat",
561
334
  type: "button",
335
+ "class": "k-toolbar-button",
562
336
  onClick: _this.onGroupRemove,
563
337
  on: _this.v3 ? undefined : {
564
338
  "click": _this.onGroupRemove
565
339
  }
566
- })])])]);
340
+ })])]);
567
341
  },
568
342
  methods: {
569
343
  onGroupRemove: function onGroupRemove() {
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-data-tools',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1689689499,
8
+ publishDate: 1692245109,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
11
11
  };
package/dist/es/pager/PagerInfo.js CHANGED
@@ -45,8 +45,8 @@ var PagerInfoVue2 = {
45
45
  messageKey: pagerInfo,
46
46
  defaultMessage: messages[pagerInfo]
47
47
  };
48
- return h("div", {
49
- "class": "k-pager-info k-label"
48
+ return h("span", {
49
+ "class": "k-pager-info"
50
50
  }, [intlService.format(localizationService.toLanguageString(infoMessage.messageKey, infoMessage.defaultMessage), [Math.min(this.$props.skip + 1, this.$props.totalPages), Math.min(this.$props.skip + this.$props.currentPage, this.$props.totalPages), this.$props.totalPages])]);
51
51
  }
52
52
  };