@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.
- package/dist/cdn/js/kendo-vue-data-tools.js +1 -1
- package/dist/es/cells/FilterCell.js +10 -16
- package/dist/es/columnmenu/ColumnMenu.js +4 -8
- package/dist/es/columnmenu/ColumnMenuCheckboxFilter.js +16 -56
- package/dist/es/columnmenu/ColumnMenuContent.js +4 -4
- package/dist/es/columnmenu/ColumnMenuFilter.js +35 -59
- package/dist/es/columnmenu/ColumnMenuFilterCell.js +9 -14
- package/dist/es/columnmenu/ColumnMenuFilterOperators.js +2 -4
- package/dist/es/columnmenu/ColumnMenuFilterUI.js +22 -22
- package/dist/es/columnmenu/ColumnMenuItem.js +3 -5
- package/dist/es/columnmenu/ColumnMenuItemContent.js +2 -4
- package/dist/es/columnmenu/ColumnMenuItemGroup.js +0 -2
- package/dist/es/columnmenu/ColumnMenuSort.js +15 -32
- package/dist/es/drag/ColumnDraggable.js +2 -6
- package/dist/es/drag/ColumnResizer.js +2 -6
- package/dist/es/drag/DragClue.js +0 -2
- package/dist/es/drag/DropClue.js +0 -2
- package/dist/es/filter/Expression.js +29 -40
- package/dist/es/filter/Filter.js +6 -13
- package/dist/es/filter/GroupFilters.js +9 -13
- package/dist/es/filter/GroupToolbar.js +26 -24
- package/dist/es/filter/filters/BooleanFilter.js +2 -3
- package/dist/es/filter/filters/DateFilter.js +4 -9
- package/dist/es/filter/filters/EnumFilter.js +10 -15
- package/dist/es/filter/filters/NumericFilter.js +4 -9
- package/dist/es/filter/filters/TextFilter.js +5 -10
- package/dist/es/header/FilterRow.js +7 -19
- package/dist/es/header/Header.js +0 -6
- package/dist/es/header/HeaderCell.js +0 -2
- package/dist/es/header/HeaderRow.js +14 -30
- package/dist/es/header/HeaderSelectionCell.js +0 -2
- package/dist/es/header/HeaderThElement.js +10 -12
- package/dist/es/main.d.ts +1 -0
- package/dist/es/main.js +1 -0
- package/dist/es/navigation/TableKeyboardNavigation.js +27 -75
- package/dist/es/navigation/constants.js +0 -14
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/pager/Pager.js +28 -36
- package/dist/es/pager/PagerInfo.js +0 -2
- package/dist/es/pager/PagerInput.js +0 -3
- package/dist/es/pager/PagerNavigationButton.js +0 -2
- package/dist/es/pager/PagerNumericButtons.js +0 -10
- package/dist/es/pager/PagerPageSizes.js +5 -8
- package/dist/esm/cells/FilterCell.js +10 -16
- package/dist/esm/columnmenu/ColumnMenu.js +4 -8
- package/dist/esm/columnmenu/ColumnMenuCheckboxFilter.js +16 -56
- package/dist/esm/columnmenu/ColumnMenuContent.js +4 -4
- package/dist/esm/columnmenu/ColumnMenuFilter.js +35 -59
- package/dist/esm/columnmenu/ColumnMenuFilterCell.js +9 -14
- package/dist/esm/columnmenu/ColumnMenuFilterOperators.js +2 -4
- package/dist/esm/columnmenu/ColumnMenuFilterUI.js +22 -22
- package/dist/esm/columnmenu/ColumnMenuItem.js +3 -5
- package/dist/esm/columnmenu/ColumnMenuItemContent.js +2 -4
- package/dist/esm/columnmenu/ColumnMenuItemGroup.js +0 -2
- package/dist/esm/columnmenu/ColumnMenuSort.js +15 -32
- package/dist/esm/drag/ColumnDraggable.js +2 -6
- package/dist/esm/drag/ColumnResizer.js +2 -6
- package/dist/esm/drag/DragClue.js +0 -2
- package/dist/esm/drag/DropClue.js +0 -2
- package/dist/esm/filter/Expression.js +29 -40
- package/dist/esm/filter/Filter.js +6 -13
- package/dist/esm/filter/GroupFilters.js +9 -13
- package/dist/esm/filter/GroupToolbar.js +26 -24
- package/dist/esm/filter/filters/BooleanFilter.js +2 -3
- package/dist/esm/filter/filters/DateFilter.js +4 -9
- package/dist/esm/filter/filters/EnumFilter.js +10 -15
- package/dist/esm/filter/filters/NumericFilter.js +4 -9
- package/dist/esm/filter/filters/TextFilter.js +5 -10
- package/dist/esm/header/FilterRow.js +7 -19
- package/dist/esm/header/Header.js +0 -6
- package/dist/esm/header/HeaderCell.js +0 -2
- package/dist/esm/header/HeaderRow.js +14 -30
- package/dist/esm/header/HeaderSelectionCell.js +0 -2
- package/dist/esm/header/HeaderThElement.js +10 -12
- package/dist/esm/main.d.ts +1 -0
- package/dist/esm/main.js +1 -0
- package/dist/esm/navigation/TableKeyboardNavigation.js +27 -75
- package/dist/esm/navigation/constants.js +0 -14
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/pager/Pager.js +28 -36
- package/dist/esm/pager/PagerInfo.js +0 -2
- package/dist/esm/pager/PagerInput.js +0 -3
- package/dist/esm/pager/PagerNavigationButton.js +0 -2
- package/dist/esm/pager/PagerNumericButtons.js +0 -10
- package/dist/esm/pager/PagerPageSizes.js +5 -8
- package/dist/npm/cells/FilterCell.js +12 -28
- package/dist/npm/columnmenu/ColumnMenu.js +6 -18
- package/dist/npm/columnmenu/ColumnMenuCheckboxFilter.js +16 -67
- package/dist/npm/columnmenu/ColumnMenuContent.js +6 -11
- package/dist/npm/columnmenu/ColumnMenuFilter.js +35 -75
- package/dist/npm/columnmenu/ColumnMenuFilterCell.js +11 -22
- package/dist/npm/columnmenu/ColumnMenuFilterOperators.js +4 -10
- package/dist/npm/columnmenu/ColumnMenuFilterUI.js +24 -29
- package/dist/npm/columnmenu/ColumnMenuItem.js +5 -10
- package/dist/npm/columnmenu/ColumnMenuItemContent.js +4 -10
- package/dist/npm/columnmenu/ColumnMenuItemGroup.js +2 -7
- package/dist/npm/columnmenu/ColumnMenuSort.js +17 -43
- package/dist/npm/drag/ColumnDraggable.js +4 -11
- package/dist/npm/drag/ColumnResizer.js +4 -11
- package/dist/npm/drag/DragClue.js +2 -5
- package/dist/npm/drag/DropClue.js +2 -5
- package/dist/npm/filter/Expression.js +29 -52
- package/dist/npm/filter/Filter.js +6 -19
- package/dist/npm/filter/GroupFilters.js +9 -18
- package/dist/npm/filter/GroupToolbar.js +26 -30
- package/dist/npm/filter/filters/BooleanFilter.js +4 -9
- package/dist/npm/filter/filters/DateFilter.js +4 -12
- package/dist/npm/filter/filters/EnumFilter.js +10 -20
- package/dist/npm/filter/filters/NumericFilter.js +4 -14
- package/dist/npm/filter/filters/TextFilter.js +5 -15
- package/dist/npm/header/FilterRow.js +9 -29
- package/dist/npm/header/Header.js +2 -11
- package/dist/npm/header/HeaderCell.js +2 -7
- package/dist/npm/header/HeaderRow.js +16 -41
- package/dist/npm/header/HeaderSelectionCell.js +2 -7
- package/dist/npm/header/HeaderThElement.js +12 -18
- package/dist/npm/main.d.ts +1 -0
- package/dist/npm/main.js +1 -0
- package/dist/npm/navigation/TableKeyboardNavigation.js +27 -80
- package/dist/npm/navigation/constants.js +0 -14
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/pager/Pager.js +28 -46
- package/dist/npm/pager/PagerInfo.js +2 -8
- package/dist/npm/pager/PagerInput.js +2 -9
- package/dist/npm/pager/PagerNavigationButton.js +2 -5
- package/dist/npm/pager/PagerNumericButtons.js +0 -12
- package/dist/npm/pager/PagerPageSizes.js +7 -15
- package/package.json +10 -10
|
@@ -9,30 +9,23 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
|
|
|
9
9
|
}
|
|
10
10
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
11
11
|
};
|
|
12
|
-
|
|
13
12
|
Object.defineProperty(exports, "__esModule", {
|
|
14
13
|
value: true
|
|
15
14
|
});
|
|
16
|
-
exports.TableKeyboardNavigationProviderVue2 = exports.TableKeyboardNavigationProvider = void 0;
|
|
17
|
-
|
|
15
|
+
exports.TableKeyboardNavigationProviderVue2 = exports.TableKeyboardNavigationProvider = void 0;
|
|
16
|
+
// @ts-ignore
|
|
18
17
|
var Vue = require("vue");
|
|
19
|
-
|
|
20
18
|
var allVue = Vue;
|
|
21
19
|
var gh = allVue.h;
|
|
22
20
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
23
21
|
var ref = allVue.ref;
|
|
24
22
|
var provide = allVue.provide;
|
|
25
|
-
|
|
26
23
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
27
|
-
|
|
28
24
|
var constants_1 = require("./constants");
|
|
29
|
-
|
|
30
25
|
var utils_1 = require("./utils");
|
|
31
26
|
/**
|
|
32
27
|
* @hidden
|
|
33
28
|
*/
|
|
34
|
-
|
|
35
|
-
|
|
36
29
|
var TableKeyboardNavigationProviderVue2 = {
|
|
37
30
|
name: 'KendoTableKeyboardNavigationProvider',
|
|
38
31
|
props: {
|
|
@@ -56,9 +49,9 @@ var TableKeyboardNavigationProviderVue2 = {
|
|
|
56
49
|
// },
|
|
57
50
|
// @ts-ignore
|
|
58
51
|
setup: !isV3 ? undefined : function () {
|
|
59
|
-
var v3 = !!isV3;
|
|
52
|
+
var v3 = !!isV3;
|
|
53
|
+
// const localizationService = ref(new LocalizationService(props.language));
|
|
60
54
|
// provide('kendoLocalizationService', localizationService);
|
|
61
|
-
|
|
62
55
|
return {
|
|
63
56
|
v3: v3
|
|
64
57
|
};
|
|
@@ -78,9 +71,9 @@ var TableKeyboardNavigationProviderVue2 = {
|
|
|
78
71
|
},
|
|
79
72
|
created: function created() {
|
|
80
73
|
var _a = this.$props,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
74
|
+
navigatable = _a.navigatable,
|
|
75
|
+
id = _a.id;
|
|
76
|
+
// v.2: check if nested navigation
|
|
84
77
|
if (navigatable) {
|
|
85
78
|
this.kbContext = {
|
|
86
79
|
activeId: '',
|
|
@@ -98,25 +91,21 @@ var TableKeyboardNavigationProviderVue2 = {
|
|
|
98
91
|
methods: {
|
|
99
92
|
getKeyboardNavigationAttributes: function getKeyboardNavigationAttributes(elementId) {
|
|
100
93
|
var _a;
|
|
101
|
-
|
|
102
94
|
if (!elementId || this.$props.navigatable === false) {
|
|
103
95
|
return {};
|
|
104
96
|
}
|
|
105
|
-
|
|
106
97
|
return _a = {
|
|
107
98
|
tabIndex: this.kbContext.activeId && this.kbContext.activeId === elementId ? 0 : -1
|
|
108
99
|
}, _a[constants_1.KEYBOARD_NAV_DATA_LEVEL] = this.kbContext.level, _a[constants_1.KEYBOARD_NAV_DATA_ID] = elementId, _a;
|
|
109
100
|
},
|
|
110
101
|
onComponentDidMount: function onComponentDidMount(options) {
|
|
111
102
|
var _a = options.scope,
|
|
112
|
-
|
|
113
|
-
|
|
103
|
+
scope = _a === void 0 ? this.scope : _a;
|
|
114
104
|
if (this.kbContext && this.navigation && scope) {
|
|
115
105
|
this.scope = scope;
|
|
116
106
|
this.generateMatrix(options);
|
|
117
107
|
var firstId = this.navigation.navigationMatrix[0][0];
|
|
118
108
|
var firstIdElement = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, firstId);
|
|
119
|
-
|
|
120
109
|
if (firstId && firstIdElement) {
|
|
121
110
|
this.kbContext.activeId = firstId;
|
|
122
111
|
firstIdElement.setAttribute('tabIndex', '0');
|
|
@@ -125,15 +114,13 @@ var TableKeyboardNavigationProviderVue2 = {
|
|
|
125
114
|
},
|
|
126
115
|
onGetSnapshotBeforeUpdate: function onGetSnapshotBeforeUpdate(options) {
|
|
127
116
|
var _a = options.kbContext,
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
117
|
+
kbContext = _a === void 0 ? this.kbContext : _a,
|
|
118
|
+
_b = options.navigation,
|
|
119
|
+
navigation = _b === void 0 ? this.navigation : _b,
|
|
120
|
+
document = options.document;
|
|
133
121
|
if (kbContext && navigation && document) {
|
|
134
122
|
var activeElement = document.activeElement;
|
|
135
123
|
var activeId = utils_1.tableKeyboardNavigationTools.getNavigatableId(activeElement);
|
|
136
|
-
|
|
137
124
|
if (activeId && activeId === kbContext.activeId) {
|
|
138
125
|
navigation.activeElementIsFocused = true;
|
|
139
126
|
}
|
|
@@ -141,74 +128,59 @@ var TableKeyboardNavigationProviderVue2 = {
|
|
|
141
128
|
},
|
|
142
129
|
onComponentDidUpdate: function onComponentDidUpdate(options) {
|
|
143
130
|
var scope = options.scope;
|
|
144
|
-
this.generateMatrix(options);
|
|
145
|
-
|
|
131
|
+
this.generateMatrix(options);
|
|
132
|
+
// check if nested navigation
|
|
146
133
|
if (this.kbContext && this.navigation && scope) {
|
|
147
134
|
var activeElement = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, this.kbContext.activeId);
|
|
148
|
-
|
|
149
135
|
if (!activeElement) {
|
|
150
136
|
var firstId = this.navigation.navigationMatrix[0][0];
|
|
151
137
|
var firstIdElement = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, firstId);
|
|
152
|
-
|
|
153
138
|
if (firstId && firstIdElement) {
|
|
154
139
|
this.kbContext.activeId = firstId;
|
|
155
140
|
firstIdElement.setAttribute('tabIndex', '0');
|
|
156
|
-
|
|
157
141
|
if (this.navigation.activeElementIsFocused) {
|
|
158
142
|
firstIdElement.focus();
|
|
159
143
|
}
|
|
160
144
|
}
|
|
161
145
|
}
|
|
162
|
-
|
|
163
146
|
this.navigation.activeElementIsFocused = false;
|
|
164
147
|
}
|
|
165
148
|
},
|
|
166
149
|
onFocus: function onFocus(event) {
|
|
167
150
|
var kbContext = this.kbContext;
|
|
168
|
-
|
|
169
151
|
if (event.defaultPrevented) {
|
|
170
152
|
return;
|
|
171
153
|
}
|
|
172
|
-
|
|
173
154
|
if (!kbContext) {
|
|
174
155
|
return;
|
|
175
156
|
}
|
|
176
|
-
|
|
177
157
|
var focusedElement = event.target;
|
|
178
158
|
var activeId = utils_1.tableKeyboardNavigationTools.getNavigatableId(focusedElement);
|
|
179
|
-
|
|
180
159
|
if (activeId && activeId !== kbContext.activeId) {
|
|
181
160
|
var scope = utils_1.tableKeyboardNavigationTools.getClosestScope(focusedElement);
|
|
182
|
-
|
|
183
161
|
if (!scope) {
|
|
184
162
|
return;
|
|
185
163
|
}
|
|
186
|
-
|
|
187
164
|
var prevElement = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, kbContext.activeId);
|
|
188
|
-
|
|
189
165
|
if (prevElement) {
|
|
190
166
|
prevElement.setAttribute('tabIndex', '-1');
|
|
191
167
|
}
|
|
192
|
-
|
|
193
168
|
focusedElement.setAttribute('tabIndex', '0');
|
|
194
169
|
kbContext.activeId = activeId;
|
|
195
170
|
}
|
|
196
171
|
},
|
|
197
172
|
onKeyDown: function onKeyDown(event, options) {
|
|
198
173
|
var _a = options.kbContext,
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
174
|
+
kbContext = _a === void 0 ? this.kbContext : _a,
|
|
175
|
+
_b = options.navigation,
|
|
176
|
+
navigation = _b === void 0 ? this.navigation : _b,
|
|
177
|
+
onNavigationAction = options.onNavigationAction;
|
|
204
178
|
if (event.defaultPrevented) {
|
|
205
179
|
return;
|
|
206
180
|
}
|
|
207
|
-
|
|
208
181
|
if (!kbContext || !navigation) {
|
|
209
182
|
return;
|
|
210
183
|
}
|
|
211
|
-
|
|
212
184
|
if (event.keyCode === kendo_vue_common_1.Keys.esc) {
|
|
213
185
|
// activate navigation
|
|
214
186
|
var elementForFocus = utils_1.tableKeyboardNavigationTools.getClosestNavigatableElement(event.target);
|
|
@@ -219,20 +191,17 @@ var TableKeyboardNavigationProviderVue2 = {
|
|
|
219
191
|
});
|
|
220
192
|
return;
|
|
221
193
|
}
|
|
222
|
-
|
|
223
194
|
var element = event.target;
|
|
224
195
|
var elementId = utils_1.tableKeyboardNavigationTools.getNavigatableId(element);
|
|
225
196
|
var dataLevel = utils_1.tableKeyboardNavigationTools.getNavigatableLevel(element);
|
|
226
197
|
var scope = utils_1.tableKeyboardNavigationTools.getClosestScope(element);
|
|
227
198
|
var matrix = navigation.navigationMatrix;
|
|
228
|
-
|
|
229
199
|
if (dataLevel !== undefined && scope) {
|
|
230
200
|
if (event.keyCode === kendo_vue_common_1.Keys.enter) {
|
|
231
201
|
// activate nested navigation or focus focusable element
|
|
232
202
|
var navigatableElement = utils_1.tableKeyboardNavigationTools.getNavigatableElement(element, {
|
|
233
203
|
level: dataLevel + 1
|
|
234
204
|
});
|
|
235
|
-
|
|
236
205
|
if (navigatableElement) {
|
|
237
206
|
utils_1.tableKeyboardNavigationTools.focusElement({
|
|
238
207
|
elementForFocus: navigatableElement,
|
|
@@ -252,17 +221,14 @@ var TableKeyboardNavigationProviderVue2 = {
|
|
|
252
221
|
return;
|
|
253
222
|
}
|
|
254
223
|
}
|
|
255
|
-
|
|
256
224
|
if (event.keyCode === kendo_vue_common_1.Keys.up || event.keyCode === kendo_vue_common_1.Keys.down || event.keyCode === kendo_vue_common_1.Keys.left || event.keyCode === kendo_vue_common_1.Keys.right) {
|
|
257
225
|
var isReverse = event.keyCode === kendo_vue_common_1.Keys.up || event.keyCode === kendo_vue_common_1.Keys.left;
|
|
258
226
|
var isVertical = event.keyCode === kendo_vue_common_1.Keys.up || event.keyCode === kendo_vue_common_1.Keys.down;
|
|
259
227
|
var currentIdIndexes = void 0;
|
|
260
|
-
|
|
261
228
|
if (navigation && navigation.prevNavigationIndexes) {
|
|
262
229
|
var _c = navigation.prevNavigationIndexes,
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
230
|
+
rowIndex = _c[0],
|
|
231
|
+
cellIndex = _c[1];
|
|
266
232
|
if (matrix[rowIndex][cellIndex] === elementId) {
|
|
267
233
|
currentIdIndexes = navigation.prevNavigationIndexes;
|
|
268
234
|
} else {
|
|
@@ -271,18 +237,15 @@ var TableKeyboardNavigationProviderVue2 = {
|
|
|
271
237
|
} else {
|
|
272
238
|
currentIdIndexes = (0, utils_1.findId)(matrix, elementId);
|
|
273
239
|
}
|
|
274
|
-
|
|
275
240
|
if (currentIdIndexes) {
|
|
276
241
|
var rowIndex = currentIdIndexes[0],
|
|
277
|
-
|
|
278
|
-
|
|
242
|
+
cellIndex = currentIdIndexes[1];
|
|
279
243
|
var _d = isVertical ? (0, utils_1.findNextIdByRowIndex)(rowIndex, cellIndex, elementId, matrix, isReverse) : (0, utils_1.findNextIdByCellIndex)(rowIndex, cellIndex, elementId, matrix, isReverse),
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
244
|
+
idForFocus = _d[0],
|
|
245
|
+
currentIndexes = _d[1];
|
|
283
246
|
if (idForFocus) {
|
|
284
|
-
var elementForFocus = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, idForFocus);
|
|
285
|
-
|
|
247
|
+
var elementForFocus = utils_1.tableKeyboardNavigationTools.getActiveElement(scope, idForFocus);
|
|
248
|
+
// emit event
|
|
286
249
|
utils_1.tableKeyboardNavigationTools.focusElement({
|
|
287
250
|
elementForFocus: elementForFocus,
|
|
288
251
|
event: event,
|
|
@@ -290,7 +253,6 @@ var TableKeyboardNavigationProviderVue2 = {
|
|
|
290
253
|
prevElement: element
|
|
291
254
|
});
|
|
292
255
|
navigation.prevNavigationIndexes = currentIndexes;
|
|
293
|
-
|
|
294
256
|
if (onNavigationAction) {
|
|
295
257
|
onNavigationAction({
|
|
296
258
|
focusElement: elementForFocus,
|
|
@@ -304,65 +266,51 @@ var TableKeyboardNavigationProviderVue2 = {
|
|
|
304
266
|
},
|
|
305
267
|
generateMatrix: function generateMatrix(options) {
|
|
306
268
|
var _a = options.navigation,
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
269
|
+
navigation = _a === void 0 ? this.navigation : _a,
|
|
270
|
+
scope = options.scope;
|
|
310
271
|
if (!navigation || !scope) {
|
|
311
272
|
return;
|
|
312
273
|
}
|
|
313
|
-
|
|
314
274
|
var matrix = [];
|
|
315
275
|
var thead = (0, utils_1.getHeaderElement)(scope);
|
|
316
276
|
var tbody = (0, utils_1.getBodyElement)(scope);
|
|
317
|
-
|
|
318
277
|
if (!thead || !tbody) {
|
|
319
278
|
return;
|
|
320
279
|
}
|
|
321
|
-
|
|
322
280
|
var headerRows = Array.from(thead.children);
|
|
323
281
|
var bodyRows = Array.from(tbody.children);
|
|
324
|
-
|
|
325
282
|
__spreadArray(__spreadArray([], headerRows, true), bodyRows, true).forEach(function (row, rowIndex) {
|
|
326
283
|
Array.from(row.children).forEach(function (cell) {
|
|
327
284
|
var cellId = (0, utils_1.getNavigatableId)(cell);
|
|
328
|
-
|
|
329
285
|
if (!cellId) {
|
|
330
286
|
return;
|
|
331
287
|
} // cell is not navigatable
|
|
332
|
-
|
|
333
|
-
|
|
334
288
|
var rowSpan = cell.rowSpan || 1;
|
|
335
289
|
var cellSpan = cell.colSpan || 1;
|
|
336
290
|
var cellIndex;
|
|
337
|
-
|
|
338
291
|
for (var depth = rowIndex, maxDepth = rowIndex + rowSpan; depth < maxDepth; depth++) {
|
|
339
292
|
if (!matrix[depth]) {
|
|
340
293
|
matrix[depth] = [];
|
|
341
294
|
}
|
|
342
|
-
|
|
343
295
|
if (cellIndex === undefined) {
|
|
344
296
|
var freeSlotIndex = matrix[depth].findIndex(function (mi) {
|
|
345
297
|
return !mi;
|
|
346
298
|
});
|
|
347
299
|
cellIndex = freeSlotIndex > -1 ? freeSlotIndex : matrix[depth].length;
|
|
348
300
|
}
|
|
349
|
-
|
|
350
301
|
matrix[depth][cellIndex] = cellId || '';
|
|
351
302
|
}
|
|
352
|
-
|
|
353
303
|
for (var depth = cellIndex + 1, maxDepth = cellIndex + cellSpan; depth < maxDepth; depth++) {
|
|
354
304
|
matrix[rowIndex][depth] = cellId || '';
|
|
355
305
|
}
|
|
356
306
|
});
|
|
357
307
|
});
|
|
358
|
-
|
|
359
308
|
navigation.navigationMatrix = matrix.filter(function (row) {
|
|
360
309
|
return !!row;
|
|
361
310
|
});
|
|
362
311
|
navigation.lastHeaderIndex = headerRows.length - 1;
|
|
363
312
|
}
|
|
364
313
|
},
|
|
365
|
-
|
|
366
314
|
/**
|
|
367
315
|
* @hidden
|
|
368
316
|
*/
|
|
@@ -378,6 +326,5 @@ exports.TableKeyboardNavigationProviderVue2 = TableKeyboardNavigationProviderVue
|
|
|
378
326
|
/**
|
|
379
327
|
* @hidden
|
|
380
328
|
*/
|
|
381
|
-
|
|
382
329
|
var TableKeyboardNavigationProvider = TableKeyboardNavigationProviderVue2;
|
|
383
330
|
exports.TableKeyboardNavigationProvider = TableKeyboardNavigationProvider;
|
|
@@ -9,9 +9,7 @@ var __spreadArray = undefined && undefined.__spreadArray || function (to, from,
|
|
|
9
9
|
}
|
|
10
10
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
11
11
|
};
|
|
12
|
-
|
|
13
12
|
var _a, _b, _c;
|
|
14
|
-
|
|
15
13
|
Object.defineProperty(exports, "__esModule", {
|
|
16
14
|
value: true
|
|
17
15
|
});
|
|
@@ -19,63 +17,51 @@ exports.tableKeyboardNavigationBodyAttributes = exports.tableKeyboardNavigationH
|
|
|
19
17
|
/**
|
|
20
18
|
* @hidden
|
|
21
19
|
*/
|
|
22
|
-
|
|
23
20
|
exports.KEYBOARD_NAV_DATA_LEVEL = 'data-keyboardnavlevel';
|
|
24
21
|
/**
|
|
25
22
|
* @hidden
|
|
26
23
|
*/
|
|
27
|
-
|
|
28
24
|
exports.KEYBOARD_NAV_DATA_SCOPE = 'data-keyboardnavscope';
|
|
29
25
|
/**
|
|
30
26
|
* @hidden
|
|
31
27
|
*/
|
|
32
|
-
|
|
33
28
|
exports.KEYBOARD_NAV_DATA_HEADER = 'data-keyboardnavheader';
|
|
34
29
|
/**
|
|
35
30
|
* @hidden
|
|
36
31
|
*/
|
|
37
|
-
|
|
38
32
|
exports.KEYBOARD_NAV_DATA_BODY = 'data-keyboardnavbody';
|
|
39
33
|
/**
|
|
40
34
|
* @hidden
|
|
41
35
|
*/
|
|
42
|
-
|
|
43
36
|
exports.KEYBOARD_NAV_DATA_ID = 'data-keyboardnavid';
|
|
44
37
|
/**
|
|
45
38
|
* @hidden
|
|
46
39
|
*/
|
|
47
|
-
|
|
48
40
|
exports.KEYBOARD_NAV_DATA_ZONE = 'data-keyboardnavzone';
|
|
49
41
|
/**
|
|
50
42
|
* @hidden
|
|
51
43
|
*/
|
|
52
|
-
|
|
53
44
|
exports.KEYBOARD_NAV_FILTER_COL_SUFFIX = '_filter';
|
|
54
45
|
var FOCUSABLE_ELEMENTS_BASE = ['input:not([disabled]):not([type=hidden])', 'select:not([disabled])', 'textarea:not([disabled])', 'button:not([disabled])', 'a[href]', 'area[href]', 'summary', 'iframe', 'object', 'embed', 'audio[controls]', 'video[controls]', '[contenteditable]'];
|
|
55
46
|
/**
|
|
56
47
|
* @hidden
|
|
57
48
|
*/
|
|
58
|
-
|
|
59
49
|
exports.FOCUSABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false);
|
|
60
50
|
/**
|
|
61
51
|
* @hidden
|
|
62
52
|
*/
|
|
63
|
-
|
|
64
53
|
exports.TABBABLE_ELEMENTS = __spreadArray(__spreadArray([], FOCUSABLE_ELEMENTS_BASE, true), ['[tabindex]'], false).map(function (selector) {
|
|
65
54
|
return selector + ':not([tabindex="-1"])';
|
|
66
55
|
});
|
|
67
56
|
/**
|
|
68
57
|
* @hidden
|
|
69
58
|
*/
|
|
70
|
-
|
|
71
59
|
exports.tableKeyboardNavigationScopeAttributes = (_a = {}, _a[exports.KEYBOARD_NAV_DATA_SCOPE] = true, _a);
|
|
72
60
|
/**
|
|
73
61
|
* @hidden
|
|
74
62
|
*/
|
|
75
|
-
|
|
76
63
|
exports.tableKeyboardNavigationHeaderAttributes = (_b = {}, _b[exports.KEYBOARD_NAV_DATA_HEADER] = true, _b);
|
|
77
64
|
/**
|
|
78
65
|
* @hidden
|
|
79
66
|
*/
|
|
80
|
-
|
|
81
67
|
exports.tableKeyboardNavigationBodyAttributes = (_c = {}, _c[exports.KEYBOARD_NAV_DATA_BODY] = true, _c);
|
|
@@ -8,7 +8,7 @@ exports.packageMetadata = {
|
|
|
8
8
|
name: '@progress/kendo-vue-data-tools',
|
|
9
9
|
productName: 'Kendo UI for Vue',
|
|
10
10
|
productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
|
|
11
|
-
publishDate:
|
|
11
|
+
publishDate: 1666682597,
|
|
12
12
|
version: '',
|
|
13
13
|
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'
|
|
14
14
|
};
|
package/dist/npm/pager/Pager.js
CHANGED
|
@@ -4,60 +4,43 @@ 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
|
Object.defineProperty(exports, "__esModule", {
|
|
20
16
|
value: true
|
|
21
17
|
});
|
|
22
|
-
exports.PagerVue2 = exports.Pager = void 0;
|
|
23
|
-
|
|
18
|
+
exports.PagerVue2 = exports.Pager = void 0;
|
|
19
|
+
// @ts-ignore
|
|
24
20
|
var Vue = require("vue");
|
|
25
|
-
|
|
26
21
|
var allVue = Vue;
|
|
27
22
|
var gh = allVue.h;
|
|
28
23
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
29
24
|
var inject = allVue.inject;
|
|
30
|
-
|
|
31
25
|
var PagerNumericButtons_1 = require("./PagerNumericButtons");
|
|
32
|
-
|
|
33
26
|
var PagerInput_1 = require("./PagerInput");
|
|
34
|
-
|
|
35
27
|
var PagerPageSizes_1 = require("./PagerPageSizes");
|
|
36
|
-
|
|
37
28
|
var PagerInfo_1 = require("./PagerInfo");
|
|
38
|
-
|
|
39
29
|
var PagerNavigationButton_1 = require("./PagerNavigationButton");
|
|
40
|
-
|
|
41
30
|
var main_1 = require("../messages/main");
|
|
42
|
-
|
|
43
31
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
44
|
-
|
|
45
32
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
46
33
|
/**
|
|
47
34
|
* @hidden
|
|
48
35
|
*/
|
|
49
|
-
|
|
50
|
-
|
|
51
36
|
var RESPONSIVE_BREAKPOINT_MEDIUM = 600;
|
|
52
37
|
/**
|
|
53
38
|
* @hidden
|
|
54
39
|
*/
|
|
55
|
-
|
|
56
40
|
var RESPONSIVE_BREAKPOINT_LARGE = 768;
|
|
57
41
|
/**
|
|
58
42
|
* @hidden
|
|
59
43
|
*/
|
|
60
|
-
|
|
61
44
|
var PagerVue2 = {
|
|
62
45
|
name: 'KendoPager',
|
|
63
46
|
props: {
|
|
@@ -159,7 +142,6 @@ var PagerVue2 = {
|
|
|
159
142
|
},
|
|
160
143
|
triggerPageChange: function triggerPageChange(state, event) {
|
|
161
144
|
var pagesizechange = kendo_vue_common_1.hasListener.call(this, 'pagesizechange');
|
|
162
|
-
|
|
163
145
|
if (pagesizechange) {
|
|
164
146
|
this.$emit('pagesizechange', state, event);
|
|
165
147
|
} else {
|
|
@@ -168,13 +150,10 @@ var PagerVue2 = {
|
|
|
168
150
|
},
|
|
169
151
|
onWindowResize: function onWindowResize() {
|
|
170
152
|
var element = this.$el;
|
|
171
|
-
|
|
172
153
|
if (!element || !this.$props.responsive || this.$props.settings.responsive === false) {
|
|
173
154
|
return;
|
|
174
155
|
}
|
|
175
|
-
|
|
176
156
|
var width = element.offsetWidth;
|
|
177
|
-
|
|
178
157
|
if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
|
|
179
158
|
this.size = 'small';
|
|
180
159
|
} else if (width >= RESPONSIVE_BREAKPOINT_MEDIUM && width < RESPONSIVE_BREAKPOINT_LARGE) {
|
|
@@ -202,17 +181,16 @@ var PagerVue2 = {
|
|
|
202
181
|
render: function render(createElement) {
|
|
203
182
|
var h = gh || createElement;
|
|
204
183
|
var _a = this.$props,
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
184
|
+
skip = _a.skip,
|
|
185
|
+
take = _a.take,
|
|
186
|
+
total = _a.total,
|
|
187
|
+
pageSizes = _a.pageSizes,
|
|
188
|
+
buttonCount = _a.buttonCount,
|
|
189
|
+
messagesMap = _a.messagesMap,
|
|
190
|
+
info = _a.info,
|
|
191
|
+
type = _a.type,
|
|
192
|
+
previousNext = _a.previousNext,
|
|
193
|
+
pageSizeValue = _a.pageSizeValue;
|
|
216
194
|
var settings = __assign({
|
|
217
195
|
pageSizes: pageSizes,
|
|
218
196
|
buttonCount: buttonCount,
|
|
@@ -225,7 +203,6 @@ var PagerVue2 = {
|
|
|
225
203
|
messagesMap: messagesMap,
|
|
226
204
|
pageSizeValue: pageSizeValue
|
|
227
205
|
}, this.$props.settings);
|
|
228
|
-
|
|
229
206
|
var pagerRender = this.$props.pagerRender || this.$props.settings.pagerRender;
|
|
230
207
|
var pagerRenderTemplate = pagerRender ? kendo_vue_common_1.templateRendering.call(this, pagerRender, kendo_vue_common_1.getListeners.call(this)) : null;
|
|
231
208
|
var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
|
|
@@ -245,7 +222,8 @@ var PagerVue2 = {
|
|
|
245
222
|
messageKey: main_1.pagerLastPage,
|
|
246
223
|
defaultMessage: main_1.messages[main_1.pagerLastPage]
|
|
247
224
|
};
|
|
248
|
-
var changer = settings.type === 'numeric' ?
|
|
225
|
+
var changer = settings.type === 'numeric' ?
|
|
226
|
+
// @ts-ignore
|
|
249
227
|
h(PagerNumericButtons_1.PagerNumericButtons, {
|
|
250
228
|
size: this.size,
|
|
251
229
|
attrs: this.v3 ? undefined : {
|
|
@@ -261,7 +239,8 @@ var PagerVue2 = {
|
|
|
261
239
|
on: this.v3 ? undefined : {
|
|
262
240
|
"pagechange": this.changePage
|
|
263
241
|
}
|
|
264
|
-
}) :
|
|
242
|
+
}) :
|
|
243
|
+
// @ts-ignore
|
|
265
244
|
h(PagerInput_1.PagerInput, {
|
|
266
245
|
currentPage: this.currentPage,
|
|
267
246
|
attrs: this.v3 ? undefined : {
|
|
@@ -277,9 +256,9 @@ var PagerVue2 = {
|
|
|
277
256
|
messagesMap: messagesMap
|
|
278
257
|
});
|
|
279
258
|
var first, prev, next, last;
|
|
280
|
-
|
|
281
259
|
if (settings.previousNext) {
|
|
282
|
-
first =
|
|
260
|
+
first =
|
|
261
|
+
// @ts-ignore function children
|
|
283
262
|
h(PagerNavigationButton_1.PagerNavigationButton, {
|
|
284
263
|
"class": 'k-pager-first' + (this.currentPage === 1 ? ' k-disabled' : ''),
|
|
285
264
|
page: 1,
|
|
@@ -295,7 +274,8 @@ var PagerVue2 = {
|
|
|
295
274
|
"pagechange": this.changePage
|
|
296
275
|
}
|
|
297
276
|
});
|
|
298
|
-
prev =
|
|
277
|
+
prev =
|
|
278
|
+
// @ts-ignore function children
|
|
299
279
|
h(PagerNavigationButton_1.PagerNavigationButton, {
|
|
300
280
|
"class": this.currentPage === 1 ? ' k-disabled' : '',
|
|
301
281
|
page: this.currentPage - 1,
|
|
@@ -311,7 +291,8 @@ var PagerVue2 = {
|
|
|
311
291
|
"pagechange": this.changePage
|
|
312
292
|
}
|
|
313
293
|
});
|
|
314
|
-
next =
|
|
294
|
+
next =
|
|
295
|
+
// @ts-ignore function children
|
|
315
296
|
h(PagerNavigationButton_1.PagerNavigationButton, {
|
|
316
297
|
"class": this.currentPage === this.totalPages ? ' k-disabled' : '',
|
|
317
298
|
page: this.currentPage + 1,
|
|
@@ -327,7 +308,8 @@ var PagerVue2 = {
|
|
|
327
308
|
"pagechange": this.changePage
|
|
328
309
|
}
|
|
329
310
|
});
|
|
330
|
-
last =
|
|
311
|
+
last =
|
|
312
|
+
// @ts-ignore function children
|
|
331
313
|
h(PagerNavigationButton_1.PagerNavigationButton, {
|
|
332
314
|
"class": 'k-pager-last' + (this.currentPage === this.totalPages ? ' k-disabled' : ''),
|
|
333
315
|
page: this.totalPages,
|
|
@@ -344,8 +326,8 @@ var PagerVue2 = {
|
|
|
344
326
|
}
|
|
345
327
|
});
|
|
346
328
|
}
|
|
347
|
-
|
|
348
|
-
|
|
329
|
+
var renderPageSizes = settings.pageSizes &&
|
|
330
|
+
// @ts-ignore function children
|
|
349
331
|
h(PagerPageSizes_1.PagerPageSizes, {
|
|
350
332
|
onPagechange: this.triggerPageChange,
|
|
351
333
|
on: this.v3 ? undefined : {
|
|
@@ -362,7 +344,8 @@ var PagerVue2 = {
|
|
|
362
344
|
value: settings.pageSizeValue,
|
|
363
345
|
messagesMap: messagesMap
|
|
364
346
|
});
|
|
365
|
-
var infoElement = !settings.info ? '' :
|
|
347
|
+
var infoElement = !settings.info ? '' :
|
|
348
|
+
// @ts-ignore function children
|
|
366
349
|
h(PagerInfo_1.PagerInfo, {
|
|
367
350
|
totalPages: this.$props.total,
|
|
368
351
|
attrs: this.v3 ? undefined : {
|
|
@@ -411,6 +394,5 @@ exports.PagerVue2 = PagerVue2;
|
|
|
411
394
|
/**
|
|
412
395
|
* @hidden
|
|
413
396
|
*/
|
|
414
|
-
|
|
415
397
|
var Pager = PagerVue2;
|
|
416
398
|
exports.Pager = Pager;
|
|
@@ -3,23 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.PagerInfoVue2 = exports.PagerInfo = void 0;
|
|
7
|
-
|
|
6
|
+
exports.PagerInfoVue2 = exports.PagerInfo = 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_intl_1 = require("@progress/kendo-vue-intl");
|
|
16
|
-
|
|
17
14
|
var main_1 = require("../messages/main");
|
|
18
15
|
/**
|
|
19
16
|
* @hidden
|
|
20
17
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
23
18
|
var PagerInfoVue2 = {
|
|
24
19
|
name: 'KendoPagerInfo',
|
|
25
20
|
props: {
|
|
@@ -65,6 +60,5 @@ exports.PagerInfoVue2 = PagerInfoVue2;
|
|
|
65
60
|
/**
|
|
66
61
|
* @hidden
|
|
67
62
|
*/
|
|
68
|
-
|
|
69
63
|
var PagerInfo = PagerInfoVue2;
|
|
70
64
|
exports.PagerInfo = PagerInfo;
|
|
@@ -3,23 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.PagerInputVue2 = exports.PagerInput = void 0;
|
|
7
|
-
|
|
6
|
+
exports.PagerInputVue2 = exports.PagerInput = 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 main_1 = require("../messages/main");
|
|
16
|
-
|
|
17
14
|
var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
|
|
18
15
|
/**
|
|
19
16
|
* @hidden
|
|
20
17
|
*/
|
|
21
|
-
|
|
22
|
-
|
|
23
18
|
var PagerInputVue2 = {
|
|
24
19
|
name: 'KendoPagerInput',
|
|
25
20
|
props: {
|
|
@@ -42,7 +37,6 @@ var PagerInputVue2 = {
|
|
|
42
37
|
changeHangler: function changeHangler(e) {
|
|
43
38
|
var text = this._text = e.target.value.replace(/\D/g, '');
|
|
44
39
|
this.$forceUpdate();
|
|
45
|
-
|
|
46
40
|
if (text) {
|
|
47
41
|
this.$emit('pagechange', parseInt(text, 10), e);
|
|
48
42
|
}
|
|
@@ -107,6 +101,5 @@ exports.PagerInputVue2 = PagerInputVue2;
|
|
|
107
101
|
/**
|
|
108
102
|
* @hidden
|
|
109
103
|
*/
|
|
110
|
-
|
|
111
104
|
var PagerInput = PagerInputVue2;
|
|
112
105
|
exports.PagerInput = PagerInput;
|