@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.
Files changed (129) hide show
  1. package/dist/cdn/js/kendo-vue-layout.js +1 -1
  2. package/dist/es/appbar/AppBar.js +3 -5
  3. package/dist/es/appbar/AppBarSection.js +0 -2
  4. package/dist/es/appbar/AppBarSpacer.js +0 -2
  5. package/dist/es/bottomnavigation/BottomNavigation.js +14 -18
  6. package/dist/es/bottomnavigation/BottomNavigationItem.js +11 -12
  7. package/dist/es/card/Avatar.js +6 -10
  8. package/dist/es/card/Card.js +0 -3
  9. package/dist/es/card/CardActions.js +0 -3
  10. package/dist/es/card/CardBody.js +0 -2
  11. package/dist/es/card/CardFooter.js +0 -2
  12. package/dist/es/card/CardHeader.js +0 -2
  13. package/dist/es/card/CardImage.js +0 -2
  14. package/dist/es/card/CardSubtitle.js +0 -2
  15. package/dist/es/card/CardTitle.js +0 -2
  16. package/dist/es/card/interfaces/Enums.js +0 -9
  17. package/dist/es/drawer/Drawer.js +28 -29
  18. package/dist/es/drawer/DrawerContent.js +0 -2
  19. package/dist/es/drawer/DrawerItem.js +13 -19
  20. package/dist/es/drawer/DrawerNavigation.js +13 -24
  21. package/dist/es/expansionpanel/ExpansionPanel.js +17 -23
  22. package/dist/es/expansionpanel/ExpansionPanelContent.js +0 -2
  23. package/dist/es/menu/MenuProps.js +2 -1
  24. package/dist/es/menu/components/Menu.js +11 -23
  25. package/dist/es/menu/components/MenuItemArrow.js +0 -6
  26. package/dist/es/menu/components/MenuItemInternal.js +17 -30
  27. package/dist/es/menu/components/MenuItemInternalsList.js +2 -5
  28. package/dist/es/menu/components/MenuItemLink.js +0 -3
  29. package/dist/es/package-metadata.js +1 -1
  30. package/dist/es/panelbar/PanelBar.js +6 -38
  31. package/dist/es/panelbar/PanelBarGroup.js +11 -16
  32. package/dist/es/panelbar/PanelBarItem.js +20 -31
  33. package/dist/es/panelbar/util.js +12 -45
  34. package/dist/es/splitter/Splitter.js +15 -58
  35. package/dist/es/splitter/SplitterBar.js +13 -29
  36. package/dist/es/splitter/SplitterPane.js +8 -11
  37. package/dist/es/stepper/Step.js +23 -31
  38. package/dist/es/stepper/Stepper.js +10 -37
  39. package/dist/es/tabstrip/TabStrip.js +10 -36
  40. package/dist/es/tabstrip/TabStripContent.js +6 -10
  41. package/dist/es/tabstrip/TabStripNavigation.js +4 -9
  42. package/dist/es/tabstrip/TabStripNavigationItem.js +7 -10
  43. package/dist/es/tabstrip/TabStripTab.js +0 -4
  44. package/dist/esm/appbar/AppBar.js +3 -5
  45. package/dist/esm/appbar/AppBarSection.js +0 -2
  46. package/dist/esm/appbar/AppBarSpacer.js +0 -2
  47. package/dist/esm/bottomnavigation/BottomNavigation.js +14 -18
  48. package/dist/esm/bottomnavigation/BottomNavigationItem.js +11 -12
  49. package/dist/esm/card/Avatar.js +6 -10
  50. package/dist/esm/card/Card.js +0 -3
  51. package/dist/esm/card/CardActions.js +0 -3
  52. package/dist/esm/card/CardBody.js +0 -2
  53. package/dist/esm/card/CardFooter.js +0 -2
  54. package/dist/esm/card/CardHeader.js +0 -2
  55. package/dist/esm/card/CardImage.js +0 -2
  56. package/dist/esm/card/CardSubtitle.js +0 -2
  57. package/dist/esm/card/CardTitle.js +0 -2
  58. package/dist/esm/card/interfaces/Enums.js +0 -9
  59. package/dist/esm/drawer/Drawer.js +28 -29
  60. package/dist/esm/drawer/DrawerContent.js +0 -2
  61. package/dist/esm/drawer/DrawerItem.js +13 -19
  62. package/dist/esm/drawer/DrawerNavigation.js +13 -24
  63. package/dist/esm/expansionpanel/ExpansionPanel.js +17 -23
  64. package/dist/esm/expansionpanel/ExpansionPanelContent.js +0 -2
  65. package/dist/esm/menu/MenuProps.js +2 -1
  66. package/dist/esm/menu/components/Menu.js +11 -23
  67. package/dist/esm/menu/components/MenuItemArrow.js +0 -6
  68. package/dist/esm/menu/components/MenuItemInternal.js +17 -30
  69. package/dist/esm/menu/components/MenuItemInternalsList.js +2 -5
  70. package/dist/esm/menu/components/MenuItemLink.js +0 -3
  71. package/dist/esm/package-metadata.js +1 -1
  72. package/dist/esm/panelbar/PanelBar.js +6 -38
  73. package/dist/esm/panelbar/PanelBarGroup.js +11 -16
  74. package/dist/esm/panelbar/PanelBarItem.js +20 -31
  75. package/dist/esm/panelbar/util.js +12 -45
  76. package/dist/esm/splitter/Splitter.js +15 -58
  77. package/dist/esm/splitter/SplitterBar.js +13 -29
  78. package/dist/esm/splitter/SplitterPane.js +8 -11
  79. package/dist/esm/stepper/Step.js +23 -31
  80. package/dist/esm/stepper/Stepper.js +10 -37
  81. package/dist/esm/tabstrip/TabStrip.js +10 -36
  82. package/dist/esm/tabstrip/TabStripContent.js +6 -10
  83. package/dist/esm/tabstrip/TabStripNavigation.js +4 -9
  84. package/dist/esm/tabstrip/TabStripNavigationItem.js +7 -10
  85. package/dist/esm/tabstrip/TabStripTab.js +0 -4
  86. package/dist/npm/appbar/AppBar.js +5 -11
  87. package/dist/npm/appbar/AppBarSection.js +2 -7
  88. package/dist/npm/appbar/AppBarSpacer.js +2 -7
  89. package/dist/npm/bottomnavigation/BottomNavigation.js +16 -26
  90. package/dist/npm/bottomnavigation/BottomNavigationItem.js +13 -18
  91. package/dist/npm/card/Avatar.js +8 -17
  92. package/dist/npm/card/Card.js +2 -11
  93. package/dist/npm/card/CardActions.js +2 -9
  94. package/dist/npm/card/CardBody.js +2 -7
  95. package/dist/npm/card/CardFooter.js +2 -7
  96. package/dist/npm/card/CardHeader.js +2 -7
  97. package/dist/npm/card/CardImage.js +2 -7
  98. package/dist/npm/card/CardSubtitle.js +2 -7
  99. package/dist/npm/card/CardTitle.js +2 -7
  100. package/dist/npm/card/interfaces/Enums.js +0 -10
  101. package/dist/npm/drawer/Drawer.js +30 -36
  102. package/dist/npm/drawer/DrawerContent.js +2 -7
  103. package/dist/npm/drawer/DrawerItem.js +13 -22
  104. package/dist/npm/drawer/DrawerNavigation.js +13 -28
  105. package/dist/npm/expansionpanel/ExpansionPanel.js +19 -29
  106. package/dist/npm/expansionpanel/ExpansionPanelContent.js +2 -8
  107. package/dist/npm/expansionpanel/main.js +0 -7
  108. package/dist/npm/menu/MenuProps.js +2 -1
  109. package/dist/npm/menu/components/Menu.js +11 -35
  110. package/dist/npm/menu/components/MenuItemArrow.js +2 -11
  111. package/dist/npm/menu/components/MenuItemInternal.js +19 -41
  112. package/dist/npm/menu/components/MenuItemInternalsList.js +4 -11
  113. package/dist/npm/menu/components/MenuItemLink.js +2 -8
  114. package/dist/npm/package-metadata.js +1 -1
  115. package/dist/npm/panelbar/PanelBar.js +6 -46
  116. package/dist/npm/panelbar/PanelBarGroup.js +11 -21
  117. package/dist/npm/panelbar/PanelBarItem.js +20 -35
  118. package/dist/npm/panelbar/util.js +12 -55
  119. package/dist/npm/splitter/Splitter.js +15 -65
  120. package/dist/npm/splitter/SplitterBar.js +15 -34
  121. package/dist/npm/splitter/SplitterPane.js +10 -16
  122. package/dist/npm/stepper/Step.js +25 -39
  123. package/dist/npm/stepper/Stepper.js +10 -45
  124. package/dist/npm/tabstrip/TabStrip.js +10 -42
  125. package/dist/npm/tabstrip/TabStripContent.js +8 -17
  126. package/dist/npm/tabstrip/TabStripNavigation.js +6 -14
  127. package/dist/npm/tabstrip/TabStripNavigationItem.js +9 -14
  128. package/dist/npm/tabstrip/TabStripTab.js +2 -9
  129. 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; // @ts-ignore
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
- animationDuration = _a.animationDuration,
167
- disabled = _a.disabled,
168
- items = _a.items,
169
- orientation = _a.orientation;
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 = // @ts-ignore
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]), // @ts-ignore
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; // @ts-ignore
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
- tabPosition = _b.tabPosition,
272
- _c = _b.tabIndex,
273
- tabIndex = _c === void 0 ? 0 : _c;
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
- tabContentStyle = currentTabProps.tabContentStyle;
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 && // @ts-ignore function children
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 && // @ts-ignore function children
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; // @ts-ignore
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
- tabs = _a.tabs,
66
- selected = _a.selected,
67
- showAll = _a.showAll,
68
- hasTabs = _a.hasTabs;
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) ? // @ts-ignore function children
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; // @ts-ignore
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
- tabs = _a.tabs,
73
- selected = _a.selected;
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 (// @ts-ignore function children
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; // @ts-ignore
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
- active = _b.active,
50
- disabled = _b.disabled,
51
- first = _b.first,
52
- last = _b.last;
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
- active = _a.active,
75
- _b = _a.title,
76
- title = _b === void 0 ? 'Untitled' : _b;
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; // @ts-ignore
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",
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.4",
47
- "@progress/kendo-vue-common": "3.6.4",
48
- "@progress/kendo-vue-popup": "3.6.4"
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.4",
56
- "@progress/kendo-vue-dateinputs": "3.6.4",
57
- "@progress/kendo-vue-dropdowns": "3.6.4",
58
- "@progress/kendo-vue-indicators": "3.6.4",
59
- "@progress/kendo-vue-inputs": "3.6.4",
60
- "@progress/kendo-vue-intl": "3.6.4",
61
- "@progress/kendo-vue-progressbars": "3.6.4"
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",