@progress/kendo-vue-layout 3.7.4-dev.202212020747 → 3.7.4-dev.202212300853

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 (33) hide show
  1. package/README.md +1 -1
  2. package/dist/cdn/js/kendo-vue-layout.js +1 -1
  3. package/dist/es/bottomnavigation/BottomNavigationItem.js +7 -3
  4. package/dist/es/drawer/DrawerItem.js +6 -3
  5. package/dist/es/expansionpanel/ExpansionPanel.js +14 -7
  6. package/dist/es/menu/components/MenuItemArrow.d.ts +3 -3
  7. package/dist/es/menu/components/MenuItemArrow.js +9 -12
  8. package/dist/es/menu/components/MenuItemInternal.js +4 -5
  9. package/dist/es/package-metadata.js +1 -1
  10. package/dist/es/panelbar/PanelBarItem.js +13 -13
  11. package/dist/es/splitter/SplitterBar.js +27 -19
  12. package/dist/es/stepper/Step.js +2 -2
  13. package/dist/esm/bottomnavigation/BottomNavigationItem.js +7 -3
  14. package/dist/esm/drawer/DrawerItem.js +6 -3
  15. package/dist/esm/expansionpanel/ExpansionPanel.js +14 -7
  16. package/dist/esm/menu/components/MenuItemArrow.d.ts +3 -3
  17. package/dist/esm/menu/components/MenuItemArrow.js +9 -12
  18. package/dist/esm/menu/components/MenuItemInternal.js +4 -5
  19. package/dist/esm/package-metadata.js +1 -1
  20. package/dist/esm/panelbar/PanelBarItem.js +13 -13
  21. package/dist/esm/splitter/SplitterBar.js +27 -19
  22. package/dist/esm/stepper/Step.js +2 -2
  23. package/dist/npm/bottomnavigation/BottomNavigationItem.js +6 -2
  24. package/dist/npm/drawer/DrawerItem.js +5 -2
  25. package/dist/npm/expansionpanel/ExpansionPanel.js +13 -6
  26. package/dist/npm/menu/components/MenuItemArrow.d.ts +3 -3
  27. package/dist/npm/menu/components/MenuItemArrow.js +9 -12
  28. package/dist/npm/menu/components/MenuItemInternal.js +3 -4
  29. package/dist/npm/package-metadata.js +1 -1
  30. package/dist/npm/panelbar/PanelBarItem.js +12 -12
  31. package/dist/npm/splitter/SplitterBar.js +26 -18
  32. package/dist/npm/stepper/Step.js +1 -1
  33. package/package.json +13 -13
@@ -3,7 +3,7 @@ import * as Vue from 'vue';
3
3
  var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
- import { classNames, Draggable, Keys } from '@progress/kendo-vue-common';
6
+ import { classNames, Draggable, Icon, Keys } from '@progress/kendo-vue-common';
7
7
  /**
8
8
  * @hidden
9
9
  */
@@ -78,8 +78,8 @@ var SplitterBarVue2 = {
78
78
  var isStatic = this.isStatic;
79
79
  var isHorizontal = this.isHorizontal;
80
80
  var barClasses = classNames('k-splitbar', (_a = {}, _a['k-focus'] = this.focused, _a['k-splitbar-horizontal'] = isHorizontal, _a['k-splitbar-vertical'] = !isHorizontal, _a['k-splitbar-draggable-horizontal'] = isHorizontal && isDraggable, _a['k-splitbar-draggable-vertical'] = !isHorizontal && isDraggable, _a['k-splitbar-static-horizontal'] = isHorizontal && isStatic, _a['k-splitbar-static-vertical'] = !isHorizontal && isStatic, _a));
81
- var previousArrowClass = this.previousArrowClass(isHorizontal);
82
- var nextArrowClass = this.nextArrowClass(isHorizontal);
81
+ var previousArrowName = this.previousArrowName(isHorizontal);
82
+ var nextArrowName = this.nextArrowName(isHorizontal);
83
83
  return (
84
84
  // @ts-ignore function children
85
85
  h(Draggable, {
@@ -132,8 +132,11 @@ var SplitterBarVue2 = {
132
132
  on: _this2.v3 ? undefined : {
133
133
  "click": _this2.onPrevToggle
134
134
  }
135
- }, [h("span", {
136
- "class": previousArrowClass
135
+ }, [h(Icon, {
136
+ name: previousArrowName,
137
+ attrs: _this2.v3 ? undefined : {
138
+ name: previousArrowName
139
+ }
137
140
  })]), h("div", {
138
141
  "class": 'k-resize-handle'
139
142
  }), _this2.next.collapsible && h("span", {
@@ -142,8 +145,11 @@ var SplitterBarVue2 = {
142
145
  on: _this2.v3 ? undefined : {
143
146
  "click": _this2.onNextToggle
144
147
  }
145
- }, [h("span", {
146
- "class": nextArrowClass
148
+ }, [h(Icon, {
149
+ name: nextArrowName,
150
+ attrs: _this2.v3 ? undefined : {
151
+ name: nextArrowName
152
+ }
147
153
  })])])];
148
154
  } : [h("div", {
149
155
  tabindex: isStatic ? -1 : 0,
@@ -172,8 +178,11 @@ var SplitterBarVue2 = {
172
178
  on: _this2.v3 ? undefined : {
173
179
  "click": _this2.onPrevToggle
174
180
  }
175
- }, [h("span", {
176
- "class": previousArrowClass
181
+ }, [h(Icon, {
182
+ name: previousArrowName,
183
+ attrs: _this2.v3 ? undefined : {
184
+ name: previousArrowName
185
+ }
177
186
  })]), h("div", {
178
187
  "class": 'k-resize-handle'
179
188
  }), _this2.next.collapsible && h("span", {
@@ -182,8 +191,11 @@ var SplitterBarVue2 = {
182
191
  on: _this2.v3 ? undefined : {
183
192
  "click": _this2.onNextToggle
184
193
  }
185
- }, [h("span", {
186
- "class": nextArrowClass
194
+ }, [h(Icon, {
195
+ name: nextArrowName,
196
+ attrs: _this2.v3 ? undefined : {
197
+ name: nextArrowName
198
+ }
187
199
  })])])])
188
200
  );
189
201
  },
@@ -258,19 +270,15 @@ var SplitterBarVue2 = {
258
270
  }
259
271
  }
260
272
  },
261
- previousArrowClass: function previousArrowClass(isHorizontal) {
262
- var _a;
273
+ previousArrowName: function previousArrowName(isHorizontal) {
263
274
  var prev = this.$props.prev;
264
- var isCollapsible = prev.collapsible;
265
275
  var isCollapsed = prev.collapsed;
266
- return classNames('k-icon', (_a = {}, _a['k-i-caret-alt-left'] = isCollapsible && isHorizontal && !isCollapsed, _a['k-i-caret-alt-right'] = isCollapsible && isHorizontal && isCollapsed, _a['k-i-caret-alt-up'] = isCollapsible && !isHorizontal && !isCollapsed, _a['k-i-caret-alt-down'] = isCollapsible && !isHorizontal && isCollapsed, _a));
276
+ return isHorizontal && !isCollapsed ? 'caret-alt-left' : isHorizontal && isCollapsed ? 'caret-alt-right' : !isHorizontal && !isCollapsed ? 'caret-alt-up' : !isHorizontal && isCollapsed ? 'caret-alt-down' : '';
267
277
  },
268
- nextArrowClass: function nextArrowClass(isHorizontal) {
269
- var _a;
278
+ nextArrowName: function nextArrowName(isHorizontal) {
270
279
  var next = this.$props.next;
271
- var isCollapsible = next.collapsible;
272
280
  var isCollapsed = next.collapsed;
273
- return classNames('k-icon', (_a = {}, _a['k-i-caret-alt-right'] = isCollapsible && isHorizontal && !isCollapsed, _a['k-i-caret-alt-left'] = isCollapsible && isHorizontal && isCollapsed, _a['k-i-caret-alt-down'] = isCollapsible && !isHorizontal && !isCollapsed, _a['k-i-caret-alt-up'] = isCollapsible && !isHorizontal && isCollapsed, _a));
281
+ return isHorizontal && !isCollapsed ? 'caret-alt-right' : isHorizontal && isCollapsed ? 'caret-alt-left' : !isHorizontal && !isCollapsed ? 'caret-alt-down' : !isHorizontal && isCollapsed ? 'caret-alt-up' : '';
274
282
  }
275
283
  }
276
284
  };
@@ -4,7 +4,7 @@ var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
6
  var inject = allVue.inject;
7
- import { focusFirstFocusableChild, getDefaultSlots } from '@progress/kendo-vue-common';
7
+ import { focusFirstFocusableChild, getDefaultSlots, Icon } from '@progress/kendo-vue-common';
8
8
  import { provideLocalizationService } from '@progress/kendo-vue-intl';
9
9
  import { DEFAULT_ANIMATION_DURATION, NO_ANIMATION } from './contants.js';
10
10
  import { messages, optionalText } from './messages/main.js';
@@ -121,7 +121,7 @@ var StepVue2 = {
121
121
  var optionalMessage = localizeMessage(optionalText);
122
122
  var progressAnimation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? DEFAULT_ANIMATION_DURATION : NO_ANIMATION;
123
123
  var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check-circle' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-exclamation-circle';
124
- var validationIcons = h("span", {
124
+ var validationIcons = h(Icon, {
125
125
  "class": 'k-step-indicator-icon ' + validationIconClasses,
126
126
  "aria-hidden": "true",
127
127
  attrs: this.v3 ? undefined : {
@@ -99,8 +99,12 @@ var BottomNavigationItemVue2 = {
99
99
  onKeydown: this.handleKeyDown,
100
100
  "aria-selected": selected,
101
101
  "aria-disabled": disabled
102
- }, [this.$props.item ? content : [icon && h("span", {
103
- "class": "k-bottom-nav-item-icon k-icon k-i-".concat(icon)
102
+ }, [this.$props.item ? content : [icon && h(kendo_vue_common_1.Icon, {
103
+ name: icon,
104
+ attrs: this.v3 ? undefined : {
105
+ name: icon
106
+ },
107
+ "class": "k-bottom-nav-item-icon"
104
108
  }), text && h("span", {
105
109
  "class": 'k-bottom-nav-item-text',
106
110
  style: {
@@ -101,8 +101,11 @@ var DrawerItemVue2 = {
101
101
  "click": this.handleClick
102
102
  },
103
103
  tabindex: (0, kendo_vue_common_1.getTabIndex)(tabIndex, disabled)
104
- }, [!item ? [icon && h("span", {
105
- "class": 'k-icon ' + icon
104
+ }, [!item ? [icon && h(kendo_vue_common_1.Icon, {
105
+ name: icon,
106
+ attrs: this.v3 ? undefined : {
107
+ name: icon
108
+ }
106
109
  }), !expanded && mini ? null : h("span", {
107
110
  "class": 'k-item-text'
108
111
  }, [text])] : defaultSlot]);
@@ -44,17 +44,20 @@ var ExpansionPanelVue2 = {
44
44
  'k-disabled': disabled
45
45
  };
46
46
  },
47
+ expandIconName: function expandIconName() {
48
+ var _a = this.$props,
49
+ expanded = _a.expanded,
50
+ expandIcon = _a.expandIcon,
51
+ collapseIcon = _a.collapseIcon;
52
+ return !expanded && !expandIcon ? 'chevron-down' : expanded && !collapseIcon ? 'chevron-up' : '';
53
+ },
47
54
  expandIconClass: function expandIconClass() {
48
55
  var _a;
49
56
  var _b = this.$props,
50
57
  expanded = _b.expanded,
51
58
  expandIcon = _b.expandIcon,
52
59
  collapseIcon = _b.collapseIcon;
53
- return _a = {
54
- 'k-icon': true,
55
- 'k-i-chevron-down': !expanded && !expandIcon,
56
- 'k-i-chevron-up': expanded && !collapseIcon
57
- }, _a[expandIcon] = !expanded && Boolean(expandIcon), _a[collapseIcon] = expanded && Boolean(collapseIcon), _a;
60
+ return _a = {}, _a[expandIcon] = !expanded && Boolean(expandIcon), _a[collapseIcon] = expanded && Boolean(collapseIcon), _a;
58
61
  }
59
62
  },
60
63
  data: function data() {
@@ -138,7 +141,11 @@ var ExpansionPanelVue2 = {
138
141
  "class": "k-spacer"
139
142
  }), subtitleToRender, h("span", {
140
143
  "class": "k-expander-indicator"
141
- }, [h("span", {
144
+ }, [h(kendo_vue_common_1.Icon, {
145
+ name: this.expandIconName,
146
+ attrs: this.v3 ? undefined : {
147
+ name: this.expandIconName
148
+ },
142
149
  "class": this.expandIconClass
143
150
  })])]), defaultSlots]);
144
151
  },
@@ -23,15 +23,15 @@ export interface MenuItemArrowProps {
23
23
  /**
24
24
  * @hidden
25
25
  */
26
- export declare const downArrowClass = "k-i-caret-alt-down";
26
+ export declare const downArrowClass = "caret-alt-down";
27
27
  /**
28
28
  * @hidden
29
29
  */
30
- export declare const rightArrowClass = "k-i-caret-alt-right";
30
+ export declare const rightArrowClass = "caret-alt-right";
31
31
  /**
32
32
  * @hidden
33
33
  */
34
- export declare const leftArrowClass = "k-i-caret-alt-left";
34
+ export declare const leftArrowClass = "caret-alt-left";
35
35
  /**
36
36
  * @hidden
37
37
  */
@@ -9,19 +9,20 @@ var Vue = require("vue");
9
9
  var allVue = Vue;
10
10
  var gh = allVue.h;
11
11
  var isV3 = allVue.version && allVue.version[0] === '3';
12
+ var kendo_vue_common_1 = require("@progress/kendo-vue-common");
12
13
  var misc_1 = require("../utils/misc");
13
14
  /**
14
15
  * @hidden
15
16
  */
16
- exports.downArrowClass = 'k-i-caret-alt-down';
17
+ exports.downArrowClass = 'caret-alt-down';
17
18
  /**
18
19
  * @hidden
19
20
  */
20
- exports.rightArrowClass = 'k-i-caret-alt-right';
21
+ exports.rightArrowClass = 'caret-alt-right';
21
22
  /**
22
23
  * @hidden
23
24
  */
24
- exports.leftArrowClass = 'k-i-caret-alt-left';
25
+ exports.leftArrowClass = 'caret-alt-left';
25
26
  /**
26
27
  * @hidden
27
28
  */
@@ -43,21 +44,17 @@ var MenuItemArrowVue2 = {
43
44
  var h = gh || createElement;
44
45
  return h("span", {
45
46
  "class": "k-menu-expand-arrow"
46
- }, [h("span", {
47
- "class": this.getArrowClassName(),
48
- role: "presentation",
47
+ }, [h(kendo_vue_common_1.Icon, {
48
+ name: this.getArrowName(),
49
49
  attrs: this.v3 ? undefined : {
50
- role: "presentation"
50
+ name: this.getArrowName()
51
51
  }
52
52
  })]);
53
53
  },
54
54
  methods: {
55
- getArrowClassName: function getArrowClassName() {
56
- var _a;
55
+ getArrowName: function getArrowName() {
57
56
  var childrenPosition = (0, misc_1.getChildrenPosition)(this.$props.itemId, this.$props.verticalMenu === true, this.$props.dir === 'rtl');
58
- return _a = {
59
- 'k-icon': true
60
- }, _a[exports.downArrowClass] = childrenPosition === 'downward', _a[exports.rightArrowClass] = childrenPosition === 'rightward', _a[exports.leftArrowClass] = childrenPosition === 'leftward', _a;
57
+ return childrenPosition === 'downward' ? exports.downArrowClass : childrenPosition === 'rightward' ? exports.rightArrowClass : childrenPosition === 'leftward' ? exports.leftArrowClass : '';
61
58
  }
62
59
  }
63
60
  };
@@ -163,11 +163,10 @@ var MenuItemInternalVue2 = {
163
163
  })]);
164
164
  };
165
165
  var renderMenuIconIfApplicable = function renderMenuIconIfApplicable() {
166
- return this.$props.item.icon ? h("span", {
167
- "class": "k-icon k-i-".concat(this.$props.item.icon),
168
- role: "presentation",
166
+ return this.$props.item.icon ? h(kendo_vue_common_1.Icon, {
167
+ name: this.$props.item.icon,
169
168
  attrs: this.v3 ? undefined : {
170
- role: "presentation"
169
+ name: this.$props.item.icon
171
170
  },
172
171
  key: "0"
173
172
  }) : null;
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-layout',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1669966527,
11
+ publishDate: 1672389706,
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
  };
@@ -99,7 +99,8 @@ var PanelBarItemVue2 = {
99
99
  'k-selected': !disabled && selected,
100
100
  'k-focus': focused
101
101
  }, headerClassName);
102
- var panelBarItemArrowClassName = (0, kendo_vue_common_1.classNames)('k-panelbar-toggle', 'k-icon', (_a = {}, _a['k-i-chevron-up'] = expanded && hasContent, _a['k-panelbar-collapse'] = expanded && hasContent, _a['k-i-chevron-down'] = !expanded && hasContent, _a['k-panelbar-expand'] = !expanded && hasContent, _a));
102
+ var panelBarItemArrowClassName = (0, kendo_vue_common_1.classNames)('k-panelbar-toggle', (_a = {}, _a['k-panelbar-collapse'] = expanded && hasContent, _a['k-panelbar-expand'] = !expanded && hasContent, _a));
103
+ var itemIconName = expanded ? 'chevron-up' : 'chevron-down';
103
104
  var iconElement = function iconElement() {
104
105
  if (this.imageUrl) {
105
106
  return h("img", {
@@ -112,27 +113,26 @@ var PanelBarItemVue2 = {
112
113
  src: this.imageUrl
113
114
  });
114
115
  } else if (icon) {
115
- var iconClasses = (0, kendo_vue_common_1.classNames)('k-panelbar-item-icon', 'k-icon', 'k-i-' + icon);
116
- return h("span", {
117
- role: "presentation",
116
+ return h(kendo_vue_common_1.Icon, {
117
+ name: icon,
118
118
  attrs: this.v3 ? undefined : {
119
- role: "presentation"
119
+ name: icon
120
120
  },
121
- "class": iconClasses
121
+ "class": 'k-panelbar-item-icon'
122
122
  });
123
123
  } else if (this.iconClass) {
124
- return h("span", {
125
- role: "presentation",
126
- attrs: this.v3 ? undefined : {
127
- role: "presentation"
128
- },
124
+ return h(kendo_vue_common_1.Icon, {
129
125
  "class": 'k-panelbar-item-icon ' + this.iconClass
130
126
  });
131
127
  }
132
128
  return null;
133
129
  };
134
130
  var iconRender = iconElement.call(this);
135
- var arrow = !disabled && (items || content) ? h("span", {
131
+ var arrow = !disabled && (items || content) ? h(kendo_vue_common_1.Icon, {
132
+ name: itemIconName,
133
+ attrs: this.v3 ? undefined : {
134
+ name: itemIconName
135
+ },
136
136
  "class": panelBarItemArrowClassName
137
137
  }) : null;
138
138
  var group = items || content ? h(PanelBarGroup_1.PanelBarGroup, {
@@ -84,8 +84,8 @@ var SplitterBarVue2 = {
84
84
  var isStatic = this.isStatic;
85
85
  var isHorizontal = this.isHorizontal;
86
86
  var barClasses = (0, kendo_vue_common_1.classNames)('k-splitbar', (_a = {}, _a['k-focus'] = this.focused, _a['k-splitbar-horizontal'] = isHorizontal, _a['k-splitbar-vertical'] = !isHorizontal, _a['k-splitbar-draggable-horizontal'] = isHorizontal && isDraggable, _a['k-splitbar-draggable-vertical'] = !isHorizontal && isDraggable, _a['k-splitbar-static-horizontal'] = isHorizontal && isStatic, _a['k-splitbar-static-vertical'] = !isHorizontal && isStatic, _a));
87
- var previousArrowClass = this.previousArrowClass(isHorizontal);
88
- var nextArrowClass = this.nextArrowClass(isHorizontal);
87
+ var previousArrowName = this.previousArrowName(isHorizontal);
88
+ var nextArrowName = this.nextArrowName(isHorizontal);
89
89
  return (
90
90
  // @ts-ignore function children
91
91
  h(kendo_vue_common_1.Draggable, {
@@ -138,8 +138,11 @@ var SplitterBarVue2 = {
138
138
  on: _this2.v3 ? undefined : {
139
139
  "click": _this2.onPrevToggle
140
140
  }
141
- }, [h("span", {
142
- "class": previousArrowClass
141
+ }, [h(kendo_vue_common_1.Icon, {
142
+ name: previousArrowName,
143
+ attrs: _this2.v3 ? undefined : {
144
+ name: previousArrowName
145
+ }
143
146
  })]), h("div", {
144
147
  "class": 'k-resize-handle'
145
148
  }), _this2.next.collapsible && h("span", {
@@ -148,8 +151,11 @@ var SplitterBarVue2 = {
148
151
  on: _this2.v3 ? undefined : {
149
152
  "click": _this2.onNextToggle
150
153
  }
151
- }, [h("span", {
152
- "class": nextArrowClass
154
+ }, [h(kendo_vue_common_1.Icon, {
155
+ name: nextArrowName,
156
+ attrs: _this2.v3 ? undefined : {
157
+ name: nextArrowName
158
+ }
153
159
  })])])];
154
160
  } : [h("div", {
155
161
  tabindex: isStatic ? -1 : 0,
@@ -178,8 +184,11 @@ var SplitterBarVue2 = {
178
184
  on: _this2.v3 ? undefined : {
179
185
  "click": _this2.onPrevToggle
180
186
  }
181
- }, [h("span", {
182
- "class": previousArrowClass
187
+ }, [h(kendo_vue_common_1.Icon, {
188
+ name: previousArrowName,
189
+ attrs: _this2.v3 ? undefined : {
190
+ name: previousArrowName
191
+ }
183
192
  })]), h("div", {
184
193
  "class": 'k-resize-handle'
185
194
  }), _this2.next.collapsible && h("span", {
@@ -188,8 +197,11 @@ var SplitterBarVue2 = {
188
197
  on: _this2.v3 ? undefined : {
189
198
  "click": _this2.onNextToggle
190
199
  }
191
- }, [h("span", {
192
- "class": nextArrowClass
200
+ }, [h(kendo_vue_common_1.Icon, {
201
+ name: nextArrowName,
202
+ attrs: _this2.v3 ? undefined : {
203
+ name: nextArrowName
204
+ }
193
205
  })])])])
194
206
  );
195
207
  },
@@ -264,19 +276,15 @@ var SplitterBarVue2 = {
264
276
  }
265
277
  }
266
278
  },
267
- previousArrowClass: function previousArrowClass(isHorizontal) {
268
- var _a;
279
+ previousArrowName: function previousArrowName(isHorizontal) {
269
280
  var prev = this.$props.prev;
270
- var isCollapsible = prev.collapsible;
271
281
  var isCollapsed = prev.collapsed;
272
- return (0, kendo_vue_common_1.classNames)('k-icon', (_a = {}, _a['k-i-caret-alt-left'] = isCollapsible && isHorizontal && !isCollapsed, _a['k-i-caret-alt-right'] = isCollapsible && isHorizontal && isCollapsed, _a['k-i-caret-alt-up'] = isCollapsible && !isHorizontal && !isCollapsed, _a['k-i-caret-alt-down'] = isCollapsible && !isHorizontal && isCollapsed, _a));
282
+ return isHorizontal && !isCollapsed ? 'caret-alt-left' : isHorizontal && isCollapsed ? 'caret-alt-right' : !isHorizontal && !isCollapsed ? 'caret-alt-up' : !isHorizontal && isCollapsed ? 'caret-alt-down' : '';
273
283
  },
274
- nextArrowClass: function nextArrowClass(isHorizontal) {
275
- var _a;
284
+ nextArrowName: function nextArrowName(isHorizontal) {
276
285
  var next = this.$props.next;
277
- var isCollapsible = next.collapsible;
278
286
  var isCollapsed = next.collapsed;
279
- return (0, kendo_vue_common_1.classNames)('k-icon', (_a = {}, _a['k-i-caret-alt-right'] = isCollapsible && isHorizontal && !isCollapsed, _a['k-i-caret-alt-left'] = isCollapsible && isHorizontal && isCollapsed, _a['k-i-caret-alt-down'] = isCollapsible && !isHorizontal && !isCollapsed, _a['k-i-caret-alt-up'] = isCollapsible && !isHorizontal && isCollapsed, _a));
287
+ return isHorizontal && !isCollapsed ? 'caret-alt-right' : isHorizontal && isCollapsed ? 'caret-alt-left' : !isHorizontal && !isCollapsed ? 'caret-alt-down' : !isHorizontal && isCollapsed ? 'caret-alt-up' : '';
280
288
  }
281
289
  }
282
290
  };
@@ -127,7 +127,7 @@ var StepVue2 = {
127
127
  var optionalMessage = localizeMessage(main_1.optionalText);
128
128
  var progressAnimation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? contants_1.DEFAULT_ANIMATION_DURATION : contants_1.NO_ANIMATION;
129
129
  var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check-circle' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-exclamation-circle';
130
- var validationIcons = h("span", {
130
+ var validationIcons = h(kendo_vue_common_1.Icon, {
131
131
  "class": 'k-step-indicator-icon ' + validationIconClasses,
132
132
  "aria-hidden": "true",
133
133
  attrs: this.v3 ? undefined : {
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.7.4-dev.202212020747",
4
+ "version": "3.7.4-dev.202212300853",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -43,24 +43,24 @@
43
43
  "vue": "^2.6.12 || ^3.0.2"
44
44
  },
45
45
  "dependencies": {
46
- "@progress/kendo-vue-animation": "3.7.4-dev.202212020747",
47
- "@progress/kendo-vue-common": "3.7.4-dev.202212020747",
48
- "@progress/kendo-vue-popup": "3.7.4-dev.202212020747"
46
+ "@progress/kendo-vue-animation": "3.7.4-dev.202212300853",
47
+ "@progress/kendo-vue-common": "3.7.4-dev.202212300853",
48
+ "@progress/kendo-vue-popup": "3.7.4-dev.202212300853"
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.7.4-dev.202212020747",
56
- "@progress/kendo-vue-charts": "3.7.4-dev.202212020747",
57
- "@progress/kendo-vue-dateinputs": "3.7.4-dev.202212020747",
58
- "@progress/kendo-vue-dropdowns": "3.7.4-dev.202212020747",
59
- "@progress/kendo-vue-grid": "3.7.4-dev.202212020747",
60
- "@progress/kendo-vue-indicators": "3.7.4-dev.202212020747",
61
- "@progress/kendo-vue-inputs": "3.7.4-dev.202212020747",
62
- "@progress/kendo-vue-intl": "3.7.4-dev.202212020747",
63
- "@progress/kendo-vue-progressbars": "3.7.4-dev.202212020747"
55
+ "@progress/kendo-vue-buttons": "3.7.4-dev.202212300853",
56
+ "@progress/kendo-vue-charts": "3.7.4-dev.202212300853",
57
+ "@progress/kendo-vue-dateinputs": "3.7.4-dev.202212300853",
58
+ "@progress/kendo-vue-dropdowns": "3.7.4-dev.202212300853",
59
+ "@progress/kendo-vue-grid": "3.7.4-dev.202212300853",
60
+ "@progress/kendo-vue-indicators": "3.7.4-dev.202212300853",
61
+ "@progress/kendo-vue-inputs": "3.7.4-dev.202212300853",
62
+ "@progress/kendo-vue-intl": "3.7.4-dev.202212300853",
63
+ "@progress/kendo-vue-progressbars": "3.7.4-dev.202212300853"
64
64
  },
65
65
  "@progress": {
66
66
  "friendlyName": "Layouts",