@progress/kendo-vue-layout 3.6.4 → 3.6.5-dev.202210181442
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-layout.js +1 -1
- package/dist/es/appbar/AppBar.js +3 -5
- package/dist/es/appbar/AppBarSection.js +0 -2
- package/dist/es/appbar/AppBarSpacer.js +0 -2
- package/dist/es/bottomnavigation/BottomNavigation.js +14 -18
- package/dist/es/bottomnavigation/BottomNavigationItem.js +11 -12
- package/dist/es/card/Avatar.js +6 -10
- package/dist/es/card/Card.js +0 -3
- package/dist/es/card/CardActions.js +0 -3
- package/dist/es/card/CardBody.js +0 -2
- package/dist/es/card/CardFooter.js +0 -2
- package/dist/es/card/CardHeader.js +0 -2
- package/dist/es/card/CardImage.js +0 -2
- package/dist/es/card/CardSubtitle.js +0 -2
- package/dist/es/card/CardTitle.js +0 -2
- package/dist/es/card/interfaces/Enums.js +0 -9
- package/dist/es/drawer/Drawer.js +28 -29
- package/dist/es/drawer/DrawerContent.js +0 -2
- package/dist/es/drawer/DrawerItem.js +13 -19
- package/dist/es/drawer/DrawerNavigation.js +13 -24
- package/dist/es/expansionpanel/ExpansionPanel.js +17 -23
- package/dist/es/expansionpanel/ExpansionPanelContent.js +0 -2
- package/dist/es/menu/MenuProps.js +2 -1
- package/dist/es/menu/components/Menu.js +11 -23
- package/dist/es/menu/components/MenuItemArrow.js +0 -6
- package/dist/es/menu/components/MenuItemInternal.js +17 -30
- package/dist/es/menu/components/MenuItemInternalsList.js +2 -5
- package/dist/es/menu/components/MenuItemLink.js +0 -3
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/panelbar/PanelBar.js +6 -38
- package/dist/es/panelbar/PanelBarGroup.js +11 -16
- package/dist/es/panelbar/PanelBarItem.js +20 -31
- package/dist/es/panelbar/util.js +12 -45
- package/dist/es/splitter/Splitter.js +15 -58
- package/dist/es/splitter/SplitterBar.js +13 -29
- package/dist/es/splitter/SplitterPane.js +8 -11
- package/dist/es/stepper/Step.js +23 -31
- package/dist/es/stepper/Stepper.js +10 -37
- package/dist/es/tabstrip/TabStrip.js +10 -36
- package/dist/es/tabstrip/TabStripContent.js +6 -10
- package/dist/es/tabstrip/TabStripNavigation.js +4 -9
- package/dist/es/tabstrip/TabStripNavigationItem.js +7 -10
- package/dist/es/tabstrip/TabStripTab.js +0 -4
- package/dist/esm/appbar/AppBar.js +3 -5
- package/dist/esm/appbar/AppBarSection.js +0 -2
- package/dist/esm/appbar/AppBarSpacer.js +0 -2
- package/dist/esm/bottomnavigation/BottomNavigation.js +14 -18
- package/dist/esm/bottomnavigation/BottomNavigationItem.js +11 -12
- package/dist/esm/card/Avatar.js +6 -10
- package/dist/esm/card/Card.js +0 -3
- package/dist/esm/card/CardActions.js +0 -3
- package/dist/esm/card/CardBody.js +0 -2
- package/dist/esm/card/CardFooter.js +0 -2
- package/dist/esm/card/CardHeader.js +0 -2
- package/dist/esm/card/CardImage.js +0 -2
- package/dist/esm/card/CardSubtitle.js +0 -2
- package/dist/esm/card/CardTitle.js +0 -2
- package/dist/esm/card/interfaces/Enums.js +0 -9
- package/dist/esm/drawer/Drawer.js +28 -29
- package/dist/esm/drawer/DrawerContent.js +0 -2
- package/dist/esm/drawer/DrawerItem.js +13 -19
- package/dist/esm/drawer/DrawerNavigation.js +13 -24
- package/dist/esm/expansionpanel/ExpansionPanel.js +17 -23
- package/dist/esm/expansionpanel/ExpansionPanelContent.js +0 -2
- package/dist/esm/menu/MenuProps.js +2 -1
- package/dist/esm/menu/components/Menu.js +11 -23
- package/dist/esm/menu/components/MenuItemArrow.js +0 -6
- package/dist/esm/menu/components/MenuItemInternal.js +17 -30
- package/dist/esm/menu/components/MenuItemInternalsList.js +2 -5
- package/dist/esm/menu/components/MenuItemLink.js +0 -3
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/panelbar/PanelBar.js +6 -38
- package/dist/esm/panelbar/PanelBarGroup.js +11 -16
- package/dist/esm/panelbar/PanelBarItem.js +20 -31
- package/dist/esm/panelbar/util.js +12 -45
- package/dist/esm/splitter/Splitter.js +15 -58
- package/dist/esm/splitter/SplitterBar.js +13 -29
- package/dist/esm/splitter/SplitterPane.js +8 -11
- package/dist/esm/stepper/Step.js +23 -31
- package/dist/esm/stepper/Stepper.js +10 -37
- package/dist/esm/tabstrip/TabStrip.js +10 -36
- package/dist/esm/tabstrip/TabStripContent.js +6 -10
- package/dist/esm/tabstrip/TabStripNavigation.js +4 -9
- package/dist/esm/tabstrip/TabStripNavigationItem.js +7 -10
- package/dist/esm/tabstrip/TabStripTab.js +0 -4
- package/dist/npm/appbar/AppBar.js +5 -11
- package/dist/npm/appbar/AppBarSection.js +2 -7
- package/dist/npm/appbar/AppBarSpacer.js +2 -7
- package/dist/npm/bottomnavigation/BottomNavigation.js +16 -26
- package/dist/npm/bottomnavigation/BottomNavigationItem.js +13 -18
- package/dist/npm/card/Avatar.js +8 -17
- package/dist/npm/card/Card.js +2 -11
- package/dist/npm/card/CardActions.js +2 -9
- package/dist/npm/card/CardBody.js +2 -7
- package/dist/npm/card/CardFooter.js +2 -7
- package/dist/npm/card/CardHeader.js +2 -7
- package/dist/npm/card/CardImage.js +2 -7
- package/dist/npm/card/CardSubtitle.js +2 -7
- package/dist/npm/card/CardTitle.js +2 -7
- package/dist/npm/card/interfaces/Enums.js +0 -10
- package/dist/npm/drawer/Drawer.js +30 -36
- package/dist/npm/drawer/DrawerContent.js +2 -7
- package/dist/npm/drawer/DrawerItem.js +13 -22
- package/dist/npm/drawer/DrawerNavigation.js +13 -28
- package/dist/npm/expansionpanel/ExpansionPanel.js +19 -29
- package/dist/npm/expansionpanel/ExpansionPanelContent.js +2 -8
- package/dist/npm/expansionpanel/main.js +0 -7
- package/dist/npm/menu/MenuProps.js +2 -1
- package/dist/npm/menu/components/Menu.js +11 -35
- package/dist/npm/menu/components/MenuItemArrow.js +2 -11
- package/dist/npm/menu/components/MenuItemInternal.js +19 -41
- package/dist/npm/menu/components/MenuItemInternalsList.js +4 -11
- package/dist/npm/menu/components/MenuItemLink.js +2 -8
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/panelbar/PanelBar.js +6 -46
- package/dist/npm/panelbar/PanelBarGroup.js +11 -21
- package/dist/npm/panelbar/PanelBarItem.js +20 -35
- package/dist/npm/panelbar/util.js +12 -55
- package/dist/npm/splitter/Splitter.js +15 -65
- package/dist/npm/splitter/SplitterBar.js +15 -34
- package/dist/npm/splitter/SplitterPane.js +10 -16
- package/dist/npm/stepper/Step.js +25 -39
- package/dist/npm/stepper/Stepper.js +10 -45
- package/dist/npm/tabstrip/TabStrip.js +10 -42
- package/dist/npm/tabstrip/TabStripContent.js +8 -17
- package/dist/npm/tabstrip/TabStripNavigation.js +6 -14
- package/dist/npm/tabstrip/TabStripNavigationItem.js +9 -14
- package/dist/npm/tabstrip/TabStripTab.js +2 -9
- package/package.json +11 -11
|
@@ -4,45 +4,32 @@ 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.StepperVue2 = exports.Stepper = void 0;
|
|
23
|
-
|
|
18
|
+
exports.StepperVue2 = exports.Stepper = 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
|
-
|
|
30
24
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
31
|
-
|
|
32
25
|
var Step_1 = require("./Step");
|
|
33
|
-
|
|
34
26
|
var kendo_vue_progressbars_1 = require("@progress/kendo-vue-progressbars");
|
|
35
|
-
|
|
36
27
|
var contants_1 = require("./contants");
|
|
37
|
-
|
|
38
28
|
var kendo_vue_common_2 = require("@progress/kendo-vue-common");
|
|
39
|
-
|
|
40
29
|
var package_metadata_1 = require("../package-metadata");
|
|
41
30
|
/**
|
|
42
31
|
* @hidden
|
|
43
32
|
*/
|
|
44
|
-
|
|
45
|
-
|
|
46
33
|
var StepperVue2 = {
|
|
47
34
|
name: 'KendoStepper',
|
|
48
35
|
model: {
|
|
@@ -163,15 +150,16 @@ var StepperVue2 = {
|
|
|
163
150
|
var h = gh || createElement;
|
|
164
151
|
var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
165
152
|
var _a = this.$props,
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
153
|
+
animationDuration = _a.animationDuration,
|
|
154
|
+
disabled = _a.disabled,
|
|
155
|
+
items = _a.items,
|
|
156
|
+
orientation = _a.orientation;
|
|
170
157
|
var value = this.computedValue;
|
|
171
158
|
var animation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? contants_1.DEFAULT_ANIMATION_DURATION : contants_1.NO_ANIMATION;
|
|
172
159
|
var steps = items && items.map(function (element, index) {
|
|
173
160
|
var step = this.$props.item ? kendo_vue_common_2.templateRendering.call(this, this.$props.item, kendo_vue_common_2.getListeners.call(this)) : undefined;
|
|
174
|
-
var stepDefaultRendering =
|
|
161
|
+
var stepDefaultRendering =
|
|
162
|
+
// @ts-ignore
|
|
175
163
|
h(Step_1.Step, {
|
|
176
164
|
key: index,
|
|
177
165
|
index: index,
|
|
@@ -260,7 +248,8 @@ var StepperVue2 = {
|
|
|
260
248
|
}, [h("ol", {
|
|
261
249
|
"class": this.listClasses,
|
|
262
250
|
style: this.listStyles
|
|
263
|
-
}, [steps ? steps : defaultSlot]),
|
|
251
|
+
}, [steps ? steps : defaultSlot]),
|
|
252
|
+
// @ts-ignore
|
|
264
253
|
h(kendo_vue_progressbars_1.ProgressBar, {
|
|
265
254
|
style: this.progressbarStyles,
|
|
266
255
|
animation: {
|
|
@@ -300,7 +289,6 @@ var StepperVue2 = {
|
|
|
300
289
|
var currIdx = val === this.computedValue;
|
|
301
290
|
var nextIdx = val === this.computedValue + 1;
|
|
302
291
|
var allowClick = !this.linear || prevIdx || currIdx || nextIdx;
|
|
303
|
-
|
|
304
292
|
if (this.computedValue !== val && !this.disabled && allowClick) {
|
|
305
293
|
this.focusedIdx = val;
|
|
306
294
|
this.$emit('changemodel', val);
|
|
@@ -339,80 +327,58 @@ var StepperVue2 = {
|
|
|
339
327
|
var isCurrentRtl = this.currentDir === 'rtl';
|
|
340
328
|
var currIndex = this.focusedIdx;
|
|
341
329
|
var maxNavIndex = this.items.length - 1;
|
|
342
|
-
|
|
343
330
|
switch (event.keyCode) {
|
|
344
331
|
case kendo_vue_common_1.Keys.left:
|
|
345
332
|
event.preventDefault();
|
|
346
|
-
|
|
347
333
|
if (!isCurrentRtl && currIndex > 0) {
|
|
348
334
|
this.focusedIdx = currIndex - 1;
|
|
349
335
|
}
|
|
350
|
-
|
|
351
336
|
if (isCurrentRtl && currIndex < maxNavIndex) {
|
|
352
337
|
this.focusedIdx = currIndex + 1;
|
|
353
338
|
}
|
|
354
|
-
|
|
355
339
|
break;
|
|
356
|
-
|
|
357
340
|
case kendo_vue_common_1.Keys.right:
|
|
358
341
|
event.preventDefault();
|
|
359
|
-
|
|
360
342
|
if (!isCurrentRtl && currIndex < maxNavIndex) {
|
|
361
343
|
this.focusedIdx = currIndex + 1;
|
|
362
344
|
}
|
|
363
|
-
|
|
364
345
|
if (isCurrentRtl && currIndex > 0) {
|
|
365
346
|
this.focusedIdx = currIndex - 1;
|
|
366
347
|
}
|
|
367
|
-
|
|
368
348
|
break;
|
|
369
|
-
|
|
370
349
|
case kendo_vue_common_1.Keys.up:
|
|
371
350
|
event.preventDefault();
|
|
372
|
-
|
|
373
351
|
if (!isCurrentRtl && currIndex > 0) {
|
|
374
352
|
this.focusedIdx = currIndex - 1;
|
|
375
353
|
}
|
|
376
|
-
|
|
377
354
|
if (isCurrentRtl && currIndex > 0) {
|
|
378
355
|
this.focusedIdx = currIndex - 1;
|
|
379
356
|
}
|
|
380
|
-
|
|
381
357
|
break;
|
|
382
|
-
|
|
383
358
|
case kendo_vue_common_1.Keys.down:
|
|
384
359
|
event.preventDefault();
|
|
385
|
-
|
|
386
360
|
if (!isCurrentRtl && currIndex < maxNavIndex) {
|
|
387
361
|
this.focusedIdx = currIndex + 1;
|
|
388
362
|
}
|
|
389
|
-
|
|
390
363
|
if (isCurrentRtl && currIndex < maxNavIndex) {
|
|
391
364
|
this.focusedIdx = currIndex + 1;
|
|
392
365
|
}
|
|
393
|
-
|
|
394
366
|
break;
|
|
395
|
-
|
|
396
367
|
case kendo_vue_common_1.Keys.home:
|
|
397
368
|
event.preventDefault();
|
|
398
369
|
this.focusedIdx = 0;
|
|
399
370
|
break;
|
|
400
|
-
|
|
401
371
|
case kendo_vue_common_1.Keys.end:
|
|
402
372
|
event.preventDefault();
|
|
403
373
|
this.focusedIdx = maxNavIndex;
|
|
404
374
|
break;
|
|
405
|
-
|
|
406
375
|
case kendo_vue_common_1.Keys.space:
|
|
407
376
|
case kendo_vue_common_1.Keys.enter:
|
|
408
377
|
event.preventDefault();
|
|
409
|
-
|
|
410
378
|
if (!this.items[currIndex].disabled) {
|
|
411
379
|
this.handleEnter(event);
|
|
412
380
|
}
|
|
413
|
-
|
|
414
381
|
break;
|
|
415
|
-
|
|
416
382
|
default:
|
|
417
383
|
}
|
|
418
384
|
}
|
|
@@ -473,6 +439,5 @@ exports.StepperVue2 = StepperVue2;
|
|
|
473
439
|
* ```
|
|
474
440
|
*
|
|
475
441
|
*/
|
|
476
|
-
|
|
477
442
|
var Stepper = StepperVue2;
|
|
478
443
|
exports.Stepper = Stepper;
|
|
@@ -4,43 +4,32 @@ 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.TabStripVue2 = exports.TabStrip = void 0;
|
|
23
|
-
|
|
18
|
+
exports.TabStripVue2 = exports.TabStrip = 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 ref = allVue.ref;
|
|
30
25
|
var inject = allVue.inject;
|
|
31
|
-
|
|
32
26
|
var TabStripNavigation_1 = require("./TabStripNavigation");
|
|
33
|
-
|
|
34
27
|
var TabStripContent_1 = require("./TabStripContent");
|
|
35
|
-
|
|
36
28
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
37
|
-
|
|
38
29
|
var package_metadata_1 = require("../package-metadata");
|
|
39
30
|
/**
|
|
40
31
|
* @hidden
|
|
41
32
|
*/
|
|
42
|
-
|
|
43
|
-
|
|
44
33
|
var TabStripVue2 = {
|
|
45
34
|
name: 'KendoTabStrip',
|
|
46
35
|
// @ts-ignore
|
|
@@ -92,9 +81,7 @@ var TabStripVue2 = {
|
|
|
92
81
|
},
|
|
93
82
|
created: function created() {
|
|
94
83
|
var _a;
|
|
95
|
-
|
|
96
84
|
var _this = this;
|
|
97
|
-
|
|
98
85
|
this.keyBinding = (_a = {}, _a[kendo_vue_common_1.Keys.left] = function () {
|
|
99
86
|
return _this.prevNavigatableTab();
|
|
100
87
|
}, _a[kendo_vue_common_1.Keys.right] = function () {
|
|
@@ -125,7 +112,6 @@ var TabStripVue2 = {
|
|
|
125
112
|
var indexToUpdate = this.compTabs.findIndex(function (e) {
|
|
126
113
|
return e.id === currentId;
|
|
127
114
|
});
|
|
128
|
-
|
|
129
115
|
if (this.v3) {
|
|
130
116
|
this.compTabs[indexToUpdate].titleRender = titleTemplate;
|
|
131
117
|
} else {
|
|
@@ -152,36 +138,28 @@ var TabStripVue2 = {
|
|
|
152
138
|
},
|
|
153
139
|
onKeyDown: function onKeyDown(event) {
|
|
154
140
|
var handler;
|
|
155
|
-
|
|
156
141
|
switch (event.keyCode) {
|
|
157
142
|
case kendo_vue_common_1.Keys.left:
|
|
158
143
|
handler = this.keyBinding[this.invertKeys(kendo_vue_common_1.Keys.left, kendo_vue_common_1.Keys.right)];
|
|
159
144
|
break;
|
|
160
|
-
|
|
161
145
|
case kendo_vue_common_1.Keys.right:
|
|
162
146
|
handler = this.keyBinding[this.invertKeys(kendo_vue_common_1.Keys.right, kendo_vue_common_1.Keys.left)];
|
|
163
147
|
break;
|
|
164
|
-
|
|
165
148
|
case kendo_vue_common_1.Keys.up:
|
|
166
149
|
handler = this.keyBinding[kendo_vue_common_1.Keys.up];
|
|
167
150
|
break;
|
|
168
|
-
|
|
169
151
|
case kendo_vue_common_1.Keys.down:
|
|
170
152
|
handler = this.keyBinding[kendo_vue_common_1.Keys.down];
|
|
171
153
|
break;
|
|
172
|
-
|
|
173
154
|
case kendo_vue_common_1.Keys.home:
|
|
174
155
|
handler = this.keyBinding[kendo_vue_common_1.Keys.home];
|
|
175
156
|
break;
|
|
176
|
-
|
|
177
157
|
case kendo_vue_common_1.Keys.end:
|
|
178
158
|
handler = this.keyBinding[kendo_vue_common_1.Keys.end];
|
|
179
159
|
break;
|
|
180
|
-
|
|
181
160
|
default:
|
|
182
161
|
break;
|
|
183
162
|
}
|
|
184
|
-
|
|
185
163
|
if (handler) {
|
|
186
164
|
event.preventDefault();
|
|
187
165
|
this.onSelect(handler());
|
|
@@ -193,7 +171,6 @@ var TabStripVue2 = {
|
|
|
193
171
|
},
|
|
194
172
|
firstNavigatableTab: function firstNavigatableTab() {
|
|
195
173
|
var length = this.compTabs.length;
|
|
196
|
-
|
|
197
174
|
if (length) {
|
|
198
175
|
for (var i = 0; i < length; i++) {
|
|
199
176
|
if (!this.compTabs[i].disabled) {
|
|
@@ -204,7 +181,6 @@ var TabStripVue2 = {
|
|
|
204
181
|
},
|
|
205
182
|
lastNavigatableTab: function lastNavigatableTab() {
|
|
206
183
|
var length = this.compTabs.length;
|
|
207
|
-
|
|
208
184
|
if (length) {
|
|
209
185
|
for (var i = length - 1; i > 0; i--) {
|
|
210
186
|
if (!this.compTabs[i].disabled) {
|
|
@@ -217,17 +193,14 @@ var TabStripVue2 = {
|
|
|
217
193
|
var length = this.compTabs.length;
|
|
218
194
|
var selected = this.$props.selected;
|
|
219
195
|
var index = selected ? selected - 1 : -1;
|
|
220
|
-
|
|
221
196
|
if (index < 0) {
|
|
222
197
|
return this.lastNavigatableTab();
|
|
223
198
|
}
|
|
224
|
-
|
|
225
199
|
if (length) {
|
|
226
200
|
for (var i = index; i > -1; i--) {
|
|
227
201
|
if (!this.compTabs[i].disabled) {
|
|
228
202
|
return i;
|
|
229
203
|
}
|
|
230
|
-
|
|
231
204
|
if (i === 0) {
|
|
232
205
|
return this.lastNavigatableTab();
|
|
233
206
|
}
|
|
@@ -238,17 +211,14 @@ var TabStripVue2 = {
|
|
|
238
211
|
var length = this.compTabs.length;
|
|
239
212
|
var selected = this.$props.selected;
|
|
240
213
|
var index = selected ? selected + 1 : 1;
|
|
241
|
-
|
|
242
214
|
if (index >= length) {
|
|
243
215
|
return this.firstNavigatableTab();
|
|
244
216
|
}
|
|
245
|
-
|
|
246
217
|
if (length) {
|
|
247
218
|
for (var i = index; i < length; i++) {
|
|
248
219
|
if (!this.compTabs[i].disabled) {
|
|
249
220
|
return i;
|
|
250
221
|
}
|
|
251
|
-
|
|
252
222
|
if (i + 1 === length) {
|
|
253
223
|
return this.firstNavigatableTab();
|
|
254
224
|
}
|
|
@@ -265,18 +235,16 @@ var TabStripVue2 = {
|
|
|
265
235
|
},
|
|
266
236
|
render: function render(createElement) {
|
|
267
237
|
var _a;
|
|
268
|
-
|
|
269
238
|
var h = gh || createElement;
|
|
270
239
|
var _b = this.$props,
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
240
|
+
tabPosition = _b.tabPosition,
|
|
241
|
+
_c = _b.tabIndex,
|
|
242
|
+
tabIndex = _c === void 0 ? 0 : _c;
|
|
274
243
|
var bottom = tabPosition === 'bottom';
|
|
275
244
|
var componentClasses = (0, kendo_vue_common_1.classNames)('k-widget', 'k-tabstrip', (_a = {}, _a['k-tabstrip-left'] = tabPosition === 'left', _a['k-tabstrip-right'] = tabPosition === 'right', _a['k-tabstrip-bottom'] = tabPosition === 'bottom', _a['k-tabstrip-top'] = tabPosition === 'top', _a));
|
|
276
|
-
|
|
277
245
|
var renderContent = function renderContent(currentTabProps) {
|
|
278
246
|
var selected = currentTabProps.selected,
|
|
279
|
-
|
|
247
|
+
tabContentStyle = currentTabProps.tabContentStyle;
|
|
280
248
|
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
281
249
|
var tabContentProps = {
|
|
282
250
|
index: selected,
|
|
@@ -293,14 +261,14 @@ var TabStripVue2 = {
|
|
|
293
261
|
return defaultSlots;
|
|
294
262
|
} : [defaultSlots]);
|
|
295
263
|
};
|
|
296
|
-
|
|
297
264
|
return h("div", {
|
|
298
265
|
dir: this.$props.dir,
|
|
299
266
|
attrs: this.v3 ? undefined : {
|
|
300
267
|
dir: this.$props.dir
|
|
301
268
|
},
|
|
302
269
|
"class": componentClasses
|
|
303
|
-
}, [!bottom &&
|
|
270
|
+
}, [!bottom &&
|
|
271
|
+
// @ts-ignore function children
|
|
304
272
|
h(TabStripNavigation_1.TabStripNavigation, {
|
|
305
273
|
tabs: this.compTabs,
|
|
306
274
|
attrs: this.v3 ? undefined : {
|
|
@@ -318,7 +286,8 @@ var TabStripVue2 = {
|
|
|
318
286
|
},
|
|
319
287
|
onKeydown: this.onKeyDown,
|
|
320
288
|
tabIndex: tabIndex
|
|
321
|
-
}), renderContent.call(this, this.$props), bottom &&
|
|
289
|
+
}), renderContent.call(this, this.$props), bottom &&
|
|
290
|
+
// @ts-ignore function children
|
|
322
291
|
h(TabStripNavigation_1.TabStripNavigation, {
|
|
323
292
|
tabs: this.compTabs,
|
|
324
293
|
attrs: this.v3 ? undefined : {
|
|
@@ -343,6 +312,5 @@ exports.TabStripVue2 = TabStripVue2;
|
|
|
343
312
|
/**
|
|
344
313
|
* @hidden
|
|
345
314
|
*/
|
|
346
|
-
|
|
347
315
|
var TabStrip = TabStripVue2;
|
|
348
316
|
exports.TabStrip = TabStrip;
|
|
@@ -3,26 +3,20 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TabStripContentVue2 = exports.TabStripContent = void 0;
|
|
7
|
-
|
|
6
|
+
exports.TabStripContentVue2 = exports.TabStripContent = 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 ref = allVue.ref;
|
|
14
13
|
var inject = allVue.inject;
|
|
15
|
-
|
|
16
14
|
var kendo_vue_animation_1 = require("@progress/kendo-vue-animation");
|
|
17
|
-
|
|
18
15
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
19
|
-
|
|
20
16
|
var utils_1 = require("./utils");
|
|
21
17
|
/**
|
|
22
18
|
* @hidden
|
|
23
19
|
*/
|
|
24
|
-
|
|
25
|
-
|
|
26
20
|
var TabStripContentVue2 = {
|
|
27
21
|
name: 'KendoTabStripContent',
|
|
28
22
|
props: {
|
|
@@ -62,10 +56,10 @@ var TabStripContentVue2 = {
|
|
|
62
56
|
render: function render(createElement) {
|
|
63
57
|
var h = gh || createElement;
|
|
64
58
|
var _a = this.$props,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
59
|
+
tabs = _a.tabs,
|
|
60
|
+
selected = _a.selected,
|
|
61
|
+
showAll = _a.showAll,
|
|
62
|
+
hasTabs = _a.hasTabs;
|
|
69
63
|
var selectedTab = tabs && typeof selected === 'number' && tabs[selected];
|
|
70
64
|
var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
|
|
71
65
|
var innerTabs = hasTabs ? tabs : utils_1.getTabs.call(this, [], defaultSlots || []);
|
|
@@ -75,7 +69,6 @@ var TabStripContentVue2 = {
|
|
|
75
69
|
}, {
|
|
76
70
|
'k-active': tabStyles
|
|
77
71
|
}, selectedTab && selectedTab.contentClassName);
|
|
78
|
-
|
|
79
72
|
var renderChild = function renderChild(tab, idx) {
|
|
80
73
|
var visible = idx === this.$props.selected;
|
|
81
74
|
var animationStyle = {
|
|
@@ -99,7 +92,8 @@ var TabStripContentVue2 = {
|
|
|
99
92
|
id: String(this.contentId + idx),
|
|
100
93
|
key: idx
|
|
101
94
|
}, [content]);
|
|
102
|
-
return (hasTabs ? this.animation : true) ?
|
|
95
|
+
return (hasTabs ? this.animation : true) ?
|
|
96
|
+
// @ts-ignore function children
|
|
103
97
|
h(kendo_vue_animation_1.Fade, {
|
|
104
98
|
appear: this.v3 ? true : visible,
|
|
105
99
|
attrs: this.v3 ? undefined : {
|
|
@@ -118,13 +112,11 @@ var TabStripContentVue2 = {
|
|
|
118
112
|
"class": visible ? undefined : 'k-hidden'
|
|
119
113
|
}, [tabPanel]);
|
|
120
114
|
};
|
|
121
|
-
|
|
122
115
|
var renderContent = function renderContent() {
|
|
123
116
|
return innerTabs.map(function (tab, idx) {
|
|
124
117
|
return renderChild.call(this, tab, idx);
|
|
125
118
|
}, this);
|
|
126
119
|
};
|
|
127
|
-
|
|
128
120
|
return h("div", {
|
|
129
121
|
"class": contentClasses,
|
|
130
122
|
style: this.$props.style
|
|
@@ -135,6 +127,5 @@ exports.TabStripContentVue2 = TabStripContentVue2;
|
|
|
135
127
|
/**
|
|
136
128
|
* @hidden
|
|
137
129
|
*/
|
|
138
|
-
|
|
139
130
|
var TabStripContent = TabStripContentVue2;
|
|
140
131
|
exports.TabStripContent = TabStripContent;
|
|
@@ -3,30 +3,24 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TabStripNavigationVue2 = exports.TabStripNavigation = void 0;
|
|
7
|
-
|
|
6
|
+
exports.TabStripNavigationVue2 = exports.TabStripNavigation = 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 ref = allVue.ref;
|
|
14
13
|
var inject = allVue.inject;
|
|
15
|
-
|
|
16
14
|
var TabStripNavigationItem_1 = require("./TabStripNavigationItem");
|
|
17
15
|
/**
|
|
18
16
|
* @hidden
|
|
19
17
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
18
|
var times = function times(count) {
|
|
23
19
|
return Array.apply(null, Array(count));
|
|
24
20
|
};
|
|
25
21
|
/**
|
|
26
22
|
* @hidden
|
|
27
23
|
*/
|
|
28
|
-
|
|
29
|
-
|
|
30
24
|
var TabStripNavigationVue2 = {
|
|
31
25
|
name: 'KendoTabStripNavigation',
|
|
32
26
|
// @ts-ignore
|
|
@@ -69,13 +63,13 @@ var TabStripNavigationVue2 = {
|
|
|
69
63
|
render: function render(createElement) {
|
|
70
64
|
var h = gh || createElement;
|
|
71
65
|
var _a = this.$props,
|
|
72
|
-
|
|
73
|
-
|
|
66
|
+
tabs = _a.tabs,
|
|
67
|
+
selected = _a.selected;
|
|
74
68
|
var tabsCount = tabs.length;
|
|
75
|
-
|
|
76
69
|
var renderTabs = function renderTabs() {
|
|
77
70
|
return times(tabsCount).map(function (_, index, array) {
|
|
78
|
-
return (
|
|
71
|
+
return (
|
|
72
|
+
// @ts-ignore function children
|
|
79
73
|
h(TabStripNavigationItem_1.TabStripNavigationItem, {
|
|
80
74
|
key: index,
|
|
81
75
|
active: selected === index,
|
|
@@ -102,7 +96,6 @@ var TabStripNavigationVue2 = {
|
|
|
102
96
|
);
|
|
103
97
|
}, this);
|
|
104
98
|
};
|
|
105
|
-
|
|
106
99
|
return h("div", {
|
|
107
100
|
"class": this.wrapperNavClasses
|
|
108
101
|
}, [h("ul", {
|
|
@@ -132,6 +125,5 @@ exports.TabStripNavigationVue2 = TabStripNavigationVue2;
|
|
|
132
125
|
/**
|
|
133
126
|
* @hidden
|
|
134
127
|
*/
|
|
135
|
-
|
|
136
128
|
var TabStripNavigation = TabStripNavigationVue2;
|
|
137
129
|
exports.TabStripNavigation = TabStripNavigation;
|
|
@@ -3,19 +3,16 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TabStripNavigationItemVue2 = exports.TabStripNavigationItem = void 0;
|
|
7
|
-
|
|
6
|
+
exports.TabStripNavigationItemVue2 = exports.TabStripNavigationItem = void 0;
|
|
7
|
+
// @ts-ignore
|
|
8
8
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
9
|
-
|
|
10
9
|
var Vue = require("vue");
|
|
11
|
-
|
|
12
10
|
var allVue = Vue;
|
|
13
11
|
var gh = allVue.h;
|
|
14
12
|
var isV3 = allVue.version && allVue.version[0] === '3';
|
|
15
13
|
/**
|
|
16
14
|
* @hidden
|
|
17
15
|
*/
|
|
18
|
-
|
|
19
16
|
var TabStripNavigationItemVue2 = {
|
|
20
17
|
name: 'KendoTabStripNavigationItem',
|
|
21
18
|
// @ts-ignore
|
|
@@ -44,12 +41,11 @@ var TabStripNavigationItemVue2 = {
|
|
|
44
41
|
itemClasses: {
|
|
45
42
|
get: function get() {
|
|
46
43
|
var _a;
|
|
47
|
-
|
|
48
44
|
var _b = this.$props,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
45
|
+
active = _b.active,
|
|
46
|
+
disabled = _b.disabled,
|
|
47
|
+
first = _b.first,
|
|
48
|
+
last = _b.last;
|
|
53
49
|
return _a = {}, _a['k-first'] = first, _a['k-last'] = last, _a['k-item'] = true, _a['k-disabled'] = disabled, _a['k-active'] = active, _a;
|
|
54
50
|
}
|
|
55
51
|
}
|
|
@@ -71,9 +67,9 @@ var TabStripNavigationItemVue2 = {
|
|
|
71
67
|
render: function render(createElement) {
|
|
72
68
|
var h = gh || createElement;
|
|
73
69
|
var _a = this.$props,
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
70
|
+
active = _a.active,
|
|
71
|
+
_b = _a.title,
|
|
72
|
+
title = _b === void 0 ? 'Untitled' : _b;
|
|
77
73
|
var titleRender = this.$props.titleRender;
|
|
78
74
|
var titleElement = kendo_vue_common_1.getTemplate.call(this, {
|
|
79
75
|
h: h,
|
|
@@ -105,6 +101,5 @@ exports.TabStripNavigationItemVue2 = TabStripNavigationItemVue2;
|
|
|
105
101
|
/**
|
|
106
102
|
* @hidden
|
|
107
103
|
*/
|
|
108
|
-
|
|
109
104
|
var TabStripNavigationItem = TabStripNavigationItemVue2;
|
|
110
105
|
exports.TabStripNavigationItem = TabStripNavigationItem;
|
|
@@ -3,22 +3,18 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.TabStripTabVue2 = exports.TabStripTab = void 0;
|
|
7
|
-
|
|
6
|
+
exports.TabStripTabVue2 = exports.TabStripTab = 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 ref = allVue.ref;
|
|
14
13
|
var inject = allVue.inject;
|
|
15
|
-
|
|
16
14
|
var kendo_vue_common_1 = require("@progress/kendo-vue-common");
|
|
17
15
|
/**
|
|
18
16
|
* @hidden
|
|
19
17
|
*/
|
|
20
|
-
|
|
21
|
-
|
|
22
18
|
var TabStripTabVue2 = {
|
|
23
19
|
name: 'KendoTabStripTab',
|
|
24
20
|
props: {
|
|
@@ -64,11 +60,9 @@ var TabStripTabVue2 = {
|
|
|
64
60
|
render: function render(createElement) {
|
|
65
61
|
var h = gh || createElement;
|
|
66
62
|
var titleRender = this.$props.titleRender ? kendo_vue_common_1.templateRendering.call(this, this.$props.titleRender, kendo_vue_common_1.getListeners.call(this)) : null;
|
|
67
|
-
|
|
68
63
|
if (titleRender) {
|
|
69
64
|
this.addRenderTitle(this.tabId, titleRender);
|
|
70
65
|
}
|
|
71
|
-
|
|
72
66
|
return h("div", [(0, kendo_vue_common_1.getDefaultSlots)(this)]);
|
|
73
67
|
}
|
|
74
68
|
};
|
|
@@ -76,6 +70,5 @@ exports.TabStripTabVue2 = TabStripTabVue2;
|
|
|
76
70
|
/**
|
|
77
71
|
* @hidden
|
|
78
72
|
*/
|
|
79
|
-
|
|
80
73
|
var TabStripTab = TabStripTabVue2;
|
|
81
74
|
exports.TabStripTab = TabStripTab;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-layout",
|
|
3
3
|
"description": "Kendo UI for Vue Layouts package",
|
|
4
|
-
"version": "3.6.
|
|
4
|
+
"version": "3.6.5-dev.202210181442",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
7
7
|
"url": "https://github.com/telerik/kendo-vue.git"
|
|
@@ -43,22 +43,22 @@
|
|
|
43
43
|
"vue": "^2.6.12 || ^3.0.2"
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
|
-
"@progress/kendo-vue-animation": "3.6.
|
|
47
|
-
"@progress/kendo-vue-common": "3.6.
|
|
48
|
-
"@progress/kendo-vue-popup": "3.6.
|
|
46
|
+
"@progress/kendo-vue-animation": "3.6.5-dev.202210181442",
|
|
47
|
+
"@progress/kendo-vue-common": "3.6.5-dev.202210181442",
|
|
48
|
+
"@progress/kendo-vue-popup": "3.6.5-dev.202210181442"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
51
|
"@progress/kendo-data-query": "^1.5.0",
|
|
52
52
|
"@progress/kendo-date-math": "^1.5.1",
|
|
53
53
|
"@progress/kendo-drawing": "^1.8.0",
|
|
54
54
|
"@progress/kendo-licensing": "^1.0.1",
|
|
55
|
-
"@progress/kendo-vue-buttons": "3.6.
|
|
56
|
-
"@progress/kendo-vue-dateinputs": "3.6.
|
|
57
|
-
"@progress/kendo-vue-dropdowns": "3.6.
|
|
58
|
-
"@progress/kendo-vue-indicators": "3.6.
|
|
59
|
-
"@progress/kendo-vue-inputs": "3.6.
|
|
60
|
-
"@progress/kendo-vue-intl": "3.6.
|
|
61
|
-
"@progress/kendo-vue-progressbars": "3.6.
|
|
55
|
+
"@progress/kendo-vue-buttons": "3.6.5-dev.202210181442",
|
|
56
|
+
"@progress/kendo-vue-dateinputs": "3.6.5-dev.202210181442",
|
|
57
|
+
"@progress/kendo-vue-dropdowns": "3.6.5-dev.202210181442",
|
|
58
|
+
"@progress/kendo-vue-indicators": "3.6.5-dev.202210181442",
|
|
59
|
+
"@progress/kendo-vue-inputs": "3.6.5-dev.202210181442",
|
|
60
|
+
"@progress/kendo-vue-intl": "3.6.5-dev.202210181442",
|
|
61
|
+
"@progress/kendo-vue-progressbars": "3.6.5-dev.202210181442"
|
|
62
62
|
},
|
|
63
63
|
"@progress": {
|
|
64
64
|
"friendlyName": "Layouts",
|