@progress/kendo-vue-layout 3.5.3 → 3.5.4-dev.202209071223

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 (26) hide show
  1. package/dist/cdn/js/kendo-vue-layout.js +1 -1
  2. package/dist/es/menu/components/MenuItemArrow.d.ts +3 -3
  3. package/dist/es/menu/components/MenuItemArrow.js +3 -3
  4. package/dist/es/package-metadata.js +1 -1
  5. package/dist/es/panelbar/PanelBarItem.js +5 -5
  6. package/dist/es/splitter/SplitterBar.js +22 -14
  7. package/dist/es/stepper/Step.js +3 -3
  8. package/dist/es/tabstrip/TabStrip.js +1 -1
  9. package/dist/es/tabstrip/TabStripContent.js +3 -1
  10. package/dist/esm/menu/components/MenuItemArrow.d.ts +3 -3
  11. package/dist/esm/menu/components/MenuItemArrow.js +3 -3
  12. package/dist/esm/package-metadata.js +1 -1
  13. package/dist/esm/panelbar/PanelBarItem.js +5 -5
  14. package/dist/esm/splitter/SplitterBar.js +22 -14
  15. package/dist/esm/stepper/Step.js +3 -3
  16. package/dist/esm/tabstrip/TabStrip.js +1 -1
  17. package/dist/esm/tabstrip/TabStripContent.js +3 -1
  18. package/dist/npm/menu/components/MenuItemArrow.d.ts +3 -3
  19. package/dist/npm/menu/components/MenuItemArrow.js +3 -3
  20. package/dist/npm/package-metadata.js +1 -1
  21. package/dist/npm/panelbar/PanelBarItem.js +5 -5
  22. package/dist/npm/splitter/SplitterBar.js +22 -14
  23. package/dist/npm/stepper/Step.js +3 -3
  24. package/dist/npm/tabstrip/TabStrip.js +1 -1
  25. package/dist/npm/tabstrip/TabStripContent.js +3 -1
  26. package/package.json +10 -10
package/dist/es/menu/components/MenuItemArrow.d.ts CHANGED
@@ -23,15 +23,15 @@ export interface MenuItemArrowProps {
23
23
  /**
24
24
  * @hidden
25
25
  */
26
- export declare const downArrowClass = "k-i-arrow-60-down";
26
+ export declare const downArrowClass = "k-i-caret-alt-down";
27
27
  /**
28
28
  * @hidden
29
29
  */
30
- export declare const rightArrowClass = "k-i-arrow-60-right";
30
+ export declare const rightArrowClass = "k-i-caret-alt-right";
31
31
  /**
32
32
  * @hidden
33
33
  */
34
- export declare const leftArrowClass = "k-i-arrow-60-left";
34
+ export declare const leftArrowClass = "k-i-caret-alt-left";
35
35
  /**
36
36
  * @hidden
37
37
  */
package/dist/es/menu/components/MenuItemArrow.js CHANGED
@@ -8,17 +8,17 @@ import { getChildrenPosition } from '../utils/misc';
8
8
  * @hidden
9
9
  */
10
10
 
11
- export var downArrowClass = 'k-i-arrow-60-down';
11
+ export var downArrowClass = 'k-i-caret-alt-down';
12
12
  /**
13
13
  * @hidden
14
14
  */
15
15
 
16
- export var rightArrowClass = 'k-i-arrow-60-right';
16
+ export var rightArrowClass = 'k-i-caret-alt-right';
17
17
  /**
18
18
  * @hidden
19
19
  */
20
20
 
21
- export var leftArrowClass = 'k-i-arrow-60-left';
21
+ export var leftArrowClass = 'k-i-caret-alt-left';
22
22
  /**
23
23
  * @hidden
24
24
  */
package/dist/es/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-layout',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1662388859,
8
+ publishDate: 1662552815,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
11
11
  };
package/dist/es/panelbar/PanelBarItem.js CHANGED
@@ -89,17 +89,17 @@ var PanelBarItemVue2 = {
89
89
  animation = _b.animation,
90
90
  keepItemsMounted = _b.keepItemsMounted;
91
91
  var hasContent = !!items || content;
92
- var panelBarItemClassName = classNames('k-item', {
92
+ var panelBarItemClassName = classNames('k-panelbar-item', {
93
93
  'k-panelbar-header': level === 0,
94
94
  'k-panelbar-item': level !== 0,
95
- 'k-expanded': expanded && hasContent
95
+ 'k-expanded': expanded && hasContent,
96
+ 'k-disabled': disabled
96
97
  }, "k-level-".concat(level), className);
97
98
  var panelBarLinkClassName = classNames('k-link', {
98
99
  'k-selected': !disabled && selected,
99
- 'k-focus': focused,
100
- 'k-disabled': disabled
100
+ 'k-focus': focused
101
101
  }, headerClassName);
102
- var panelBarItemArrowClassName = classNames('k-panelbar-toggle', 'k-icon', (_a = {}, _a['k-i-arrow-chevron-up'] = expanded && hasContent, _a['k-panelbar-collapse'] = expanded && hasContent, _a['k-i-arrow-chevron-down'] = !expanded && hasContent, _a['k-panelbar-expand'] = !expanded && hasContent, _a));
102
+ var panelBarItemArrowClassName = 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));
103
103
 
104
104
  var iconElement = function iconElement() {
105
105
  if (this.imageUrl) {
package/dist/es/splitter/SplitterBar.js CHANGED
@@ -129,21 +129,25 @@ var SplitterBarVue2 = {
129
129
  onFocusout: _this2.onBlur,
130
130
  onDblclick: _this2.onToggle,
131
131
  onKeydown: _this2.onKeyDown
132
- }, [h("div", {
133
- "class": previousArrowClass,
132
+ }, [_this2.prev.collapsible && h("span", {
133
+ "class": 'k-collapse-prev',
134
134
  onClick: _this2.onPrevToggle,
135
135
  on: _this2.v3 ? undefined : {
136
136
  "click": _this2.onPrevToggle
137
137
  }
138
- }), h("div", {
138
+ }, [h("span", {
139
+ "class": previousArrowClass
140
+ })]), h("div", {
139
141
  "class": 'k-resize-handle'
140
- }), h("div", {
141
- "class": nextArrowClass,
142
+ }), _this2.next.collapsible && h("span", {
143
+ "class": 'k-collapse-next',
142
144
  onClick: _this2.onNextToggle,
143
145
  on: _this2.v3 ? undefined : {
144
146
  "click": _this2.onNextToggle
145
147
  }
146
- })])];
148
+ }, [h("span", {
149
+ "class": nextArrowClass
150
+ })])])];
147
151
  } : [h("div", {
148
152
  tabindex: isStatic ? -1 : 0,
149
153
  attrs: _this2.v3 ? undefined : {
@@ -165,21 +169,25 @@ var SplitterBarVue2 = {
165
169
  onFocusout: _this2.onBlur,
166
170
  onDblclick: _this2.onToggle,
167
171
  onKeydown: _this2.onKeyDown
168
- }, [h("div", {
169
- "class": previousArrowClass,
172
+ }, [_this2.prev.collapsible && h("span", {
173
+ "class": 'k-collapse-prev',
170
174
  onClick: _this2.onPrevToggle,
171
175
  on: _this2.v3 ? undefined : {
172
176
  "click": _this2.onPrevToggle
173
177
  }
174
- }), h("div", {
178
+ }, [h("span", {
179
+ "class": previousArrowClass
180
+ })]), h("div", {
175
181
  "class": 'k-resize-handle'
176
- }), h("div", {
177
- "class": nextArrowClass,
182
+ }), _this2.next.collapsible && h("span", {
183
+ "class": 'k-collapse-next',
178
184
  onClick: _this2.onNextToggle,
179
185
  on: _this2.v3 ? undefined : {
180
186
  "click": _this2.onNextToggle
181
187
  }
182
- })])])
188
+ }, [h("span", {
189
+ "class": nextArrowClass
190
+ })])])])
183
191
  );
184
192
  },
185
193
  methods: {
@@ -269,7 +277,7 @@ var SplitterBarVue2 = {
269
277
  var prev = this.$props.prev;
270
278
  var isCollapsible = prev.collapsible;
271
279
  var isCollapsed = prev.collapsed;
272
- return classNames('k-icon', (_a = {}, _a['k-hidden'] = !isCollapsible, _a['k-collapse-prev'] = isCollapsible, _a['k-i-arrow-60-left'] = isCollapsible && isHorizontal && !isCollapsed, _a['k-i-arrow-60-right'] = isCollapsible && isHorizontal && isCollapsed, _a['k-i-arrow-60-up'] = isCollapsible && !isHorizontal && !isCollapsed, _a['k-i-arrow-60-down'] = isCollapsible && !isHorizontal && isCollapsed, _a));
280
+ 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));
273
281
  },
274
282
  nextArrowClass: function nextArrowClass(isHorizontal) {
275
283
  var _a;
@@ -277,7 +285,7 @@ var SplitterBarVue2 = {
277
285
  var next = this.$props.next;
278
286
  var isCollapsible = next.collapsible;
279
287
  var isCollapsed = next.collapsed;
280
- return classNames('k-icon', (_a = {}, _a['k-hidden'] = !isCollapsible, _a['k-collapse-next'] = isCollapsible, _a['k-i-arrow-60-right'] = isCollapsible && isHorizontal && !isCollapsed, _a['k-i-arrow-60-left'] = isCollapsible && isHorizontal && isCollapsed, _a['k-i-arrow-60-down'] = isCollapsible && !isHorizontal && !isCollapsed, _a['k-i-arrow-60-up'] = isCollapsible && !isHorizontal && isCollapsed, _a));
288
+ 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
289
  }
282
290
  }
283
291
  };
package/dist/es/stepper/Step.js CHANGED
@@ -59,8 +59,8 @@ var StepVue2 = {
59
59
  'k-step-done': index < this.value,
60
60
  'k-step-current': current,
61
61
  'k-step-optional': optional,
62
- 'k-step-disabled': disabled,
63
- 'k-step-focus': focused,
62
+ 'k-disabled': disabled,
63
+ 'k-focus': focused,
64
64
  'k-step-error': isValid !== undefined && !isValid,
65
65
  'k-step-success': isValid
66
66
  };
@@ -124,7 +124,7 @@ var StepVue2 = {
124
124
 
125
125
  var optionalMessage = localizeMessage(optionalText);
126
126
  var progressAnimation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? DEFAULT_ANIMATION_DURATION : NO_ANIMATION;
127
- var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-warning';
127
+ var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check-circle' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-exclamation-circle';
128
128
  var validationIcons = h("span", {
129
129
  "class": 'k-step-indicator-icon ' + validationIconClasses,
130
130
  "aria-hidden": "true",
package/dist/es/tabstrip/TabStrip.js CHANGED
@@ -260,7 +260,7 @@ var TabStripVue2 = {
260
260
  _c = _b.tabIndex,
261
261
  tabIndex = _c === void 0 ? 0 : _c;
262
262
  var bottom = tabPosition === 'bottom';
263
- var componentClasses = classNames('k-widget', 'k-header', 'k-floatwrap', '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));
263
+ var componentClasses = 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));
264
264
 
265
265
  var renderContent = function renderContent(currentTabProps) {
266
266
  var selected = currentTabProps.selected,
package/dist/es/tabstrip/TabStripContent.js CHANGED
@@ -103,7 +103,9 @@ var TabStripContentVue2 = {
103
103
  style: animationStyle
104
104
  }, this.v3 ? function () {
105
105
  return [tabPanel];
106
- } : [tabPanel]) : visible ? tabPanel : null;
106
+ } : [tabPanel]) : h("div", {
107
+ "class": visible ? undefined : 'k-hidden'
108
+ }, [tabPanel]);
107
109
  };
108
110
 
109
111
  var renderContent = function renderContent() {
package/dist/esm/menu/components/MenuItemArrow.d.ts CHANGED
@@ -23,15 +23,15 @@ export interface MenuItemArrowProps {
23
23
  /**
24
24
  * @hidden
25
25
  */
26
- export declare const downArrowClass = "k-i-arrow-60-down";
26
+ export declare const downArrowClass = "k-i-caret-alt-down";
27
27
  /**
28
28
  * @hidden
29
29
  */
30
- export declare const rightArrowClass = "k-i-arrow-60-right";
30
+ export declare const rightArrowClass = "k-i-caret-alt-right";
31
31
  /**
32
32
  * @hidden
33
33
  */
34
- export declare const leftArrowClass = "k-i-arrow-60-left";
34
+ export declare const leftArrowClass = "k-i-caret-alt-left";
35
35
  /**
36
36
  * @hidden
37
37
  */
package/dist/esm/menu/components/MenuItemArrow.js CHANGED
@@ -8,17 +8,17 @@ import { getChildrenPosition } from '../utils/misc.js';
8
8
  * @hidden
9
9
  */
10
10
 
11
- export var downArrowClass = 'k-i-arrow-60-down';
11
+ export var downArrowClass = 'k-i-caret-alt-down';
12
12
  /**
13
13
  * @hidden
14
14
  */
15
15
 
16
- export var rightArrowClass = 'k-i-arrow-60-right';
16
+ export var rightArrowClass = 'k-i-caret-alt-right';
17
17
  /**
18
18
  * @hidden
19
19
  */
20
20
 
21
- export var leftArrowClass = 'k-i-arrow-60-left';
21
+ export var leftArrowClass = 'k-i-caret-alt-left';
22
22
  /**
23
23
  * @hidden
24
24
  */
package/dist/esm/package-metadata.js CHANGED
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-layout',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1662388859,
8
+ publishDate: 1662552815,
9
9
  version: '',
10
10
  licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
11
11
  };
package/dist/esm/panelbar/PanelBarItem.js CHANGED
@@ -89,17 +89,17 @@ var PanelBarItemVue2 = {
89
89
  animation = _b.animation,
90
90
  keepItemsMounted = _b.keepItemsMounted;
91
91
  var hasContent = !!items || content;
92
- var panelBarItemClassName = classNames('k-item', {
92
+ var panelBarItemClassName = classNames('k-panelbar-item', {
93
93
  'k-panelbar-header': level === 0,
94
94
  'k-panelbar-item': level !== 0,
95
- 'k-expanded': expanded && hasContent
95
+ 'k-expanded': expanded && hasContent,
96
+ 'k-disabled': disabled
96
97
  }, "k-level-".concat(level), className);
97
98
  var panelBarLinkClassName = classNames('k-link', {
98
99
  'k-selected': !disabled && selected,
99
- 'k-focus': focused,
100
- 'k-disabled': disabled
100
+ 'k-focus': focused
101
101
  }, headerClassName);
102
- var panelBarItemArrowClassName = classNames('k-panelbar-toggle', 'k-icon', (_a = {}, _a['k-i-arrow-chevron-up'] = expanded && hasContent, _a['k-panelbar-collapse'] = expanded && hasContent, _a['k-i-arrow-chevron-down'] = !expanded && hasContent, _a['k-panelbar-expand'] = !expanded && hasContent, _a));
102
+ var panelBarItemArrowClassName = 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));
103
103
 
104
104
  var iconElement = function iconElement() {
105
105
  if (this.imageUrl) {
package/dist/esm/splitter/SplitterBar.js CHANGED
@@ -129,21 +129,25 @@ var SplitterBarVue2 = {
129
129
  onFocusout: _this2.onBlur,
130
130
  onDblclick: _this2.onToggle,
131
131
  onKeydown: _this2.onKeyDown
132
- }, [h("div", {
133
- "class": previousArrowClass,
132
+ }, [_this2.prev.collapsible && h("span", {
133
+ "class": 'k-collapse-prev',
134
134
  onClick: _this2.onPrevToggle,
135
135
  on: _this2.v3 ? undefined : {
136
136
  "click": _this2.onPrevToggle
137
137
  }
138
- }), h("div", {
138
+ }, [h("span", {
139
+ "class": previousArrowClass
140
+ })]), h("div", {
139
141
  "class": 'k-resize-handle'
140
- }), h("div", {
141
- "class": nextArrowClass,
142
+ }), _this2.next.collapsible && h("span", {
143
+ "class": 'k-collapse-next',
142
144
  onClick: _this2.onNextToggle,
143
145
  on: _this2.v3 ? undefined : {
144
146
  "click": _this2.onNextToggle
145
147
  }
146
- })])];
148
+ }, [h("span", {
149
+ "class": nextArrowClass
150
+ })])])];
147
151
  } : [h("div", {
148
152
  tabindex: isStatic ? -1 : 0,
149
153
  attrs: _this2.v3 ? undefined : {
@@ -165,21 +169,25 @@ var SplitterBarVue2 = {
165
169
  onFocusout: _this2.onBlur,
166
170
  onDblclick: _this2.onToggle,
167
171
  onKeydown: _this2.onKeyDown
168
- }, [h("div", {
169
- "class": previousArrowClass,
172
+ }, [_this2.prev.collapsible && h("span", {
173
+ "class": 'k-collapse-prev',
170
174
  onClick: _this2.onPrevToggle,
171
175
  on: _this2.v3 ? undefined : {
172
176
  "click": _this2.onPrevToggle
173
177
  }
174
- }), h("div", {
178
+ }, [h("span", {
179
+ "class": previousArrowClass
180
+ })]), h("div", {
175
181
  "class": 'k-resize-handle'
176
- }), h("div", {
177
- "class": nextArrowClass,
182
+ }), _this2.next.collapsible && h("span", {
183
+ "class": 'k-collapse-next',
178
184
  onClick: _this2.onNextToggle,
179
185
  on: _this2.v3 ? undefined : {
180
186
  "click": _this2.onNextToggle
181
187
  }
182
- })])])
188
+ }, [h("span", {
189
+ "class": nextArrowClass
190
+ })])])])
183
191
  );
184
192
  },
185
193
  methods: {
@@ -269,7 +277,7 @@ var SplitterBarVue2 = {
269
277
  var prev = this.$props.prev;
270
278
  var isCollapsible = prev.collapsible;
271
279
  var isCollapsed = prev.collapsed;
272
- return classNames('k-icon', (_a = {}, _a['k-hidden'] = !isCollapsible, _a['k-collapse-prev'] = isCollapsible, _a['k-i-arrow-60-left'] = isCollapsible && isHorizontal && !isCollapsed, _a['k-i-arrow-60-right'] = isCollapsible && isHorizontal && isCollapsed, _a['k-i-arrow-60-up'] = isCollapsible && !isHorizontal && !isCollapsed, _a['k-i-arrow-60-down'] = isCollapsible && !isHorizontal && isCollapsed, _a));
280
+ 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));
273
281
  },
274
282
  nextArrowClass: function nextArrowClass(isHorizontal) {
275
283
  var _a;
@@ -277,7 +285,7 @@ var SplitterBarVue2 = {
277
285
  var next = this.$props.next;
278
286
  var isCollapsible = next.collapsible;
279
287
  var isCollapsed = next.collapsed;
280
- return classNames('k-icon', (_a = {}, _a['k-hidden'] = !isCollapsible, _a['k-collapse-next'] = isCollapsible, _a['k-i-arrow-60-right'] = isCollapsible && isHorizontal && !isCollapsed, _a['k-i-arrow-60-left'] = isCollapsible && isHorizontal && isCollapsed, _a['k-i-arrow-60-down'] = isCollapsible && !isHorizontal && !isCollapsed, _a['k-i-arrow-60-up'] = isCollapsible && !isHorizontal && isCollapsed, _a));
288
+ 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
289
  }
282
290
  }
283
291
  };
package/dist/esm/stepper/Step.js CHANGED
@@ -59,8 +59,8 @@ var StepVue2 = {
59
59
  'k-step-done': index < this.value,
60
60
  'k-step-current': current,
61
61
  'k-step-optional': optional,
62
- 'k-step-disabled': disabled,
63
- 'k-step-focus': focused,
62
+ 'k-disabled': disabled,
63
+ 'k-focus': focused,
64
64
  'k-step-error': isValid !== undefined && !isValid,
65
65
  'k-step-success': isValid
66
66
  };
@@ -124,7 +124,7 @@ var StepVue2 = {
124
124
 
125
125
  var optionalMessage = localizeMessage(optionalText);
126
126
  var progressAnimation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? DEFAULT_ANIMATION_DURATION : NO_ANIMATION;
127
- var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-warning';
127
+ var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check-circle' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-exclamation-circle';
128
128
  var validationIcons = h("span", {
129
129
  "class": 'k-step-indicator-icon ' + validationIconClasses,
130
130
  "aria-hidden": "true",
package/dist/esm/tabstrip/TabStrip.js CHANGED
@@ -260,7 +260,7 @@ var TabStripVue2 = {
260
260
  _c = _b.tabIndex,
261
261
  tabIndex = _c === void 0 ? 0 : _c;
262
262
  var bottom = tabPosition === 'bottom';
263
- var componentClasses = classNames('k-widget', 'k-header', 'k-floatwrap', '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));
263
+ var componentClasses = 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));
264
264
 
265
265
  var renderContent = function renderContent(currentTabProps) {
266
266
  var selected = currentTabProps.selected,
package/dist/esm/tabstrip/TabStripContent.js CHANGED
@@ -103,7 +103,9 @@ var TabStripContentVue2 = {
103
103
  style: animationStyle
104
104
  }, this.v3 ? function () {
105
105
  return [tabPanel];
106
- } : [tabPanel]) : visible ? tabPanel : null;
106
+ } : [tabPanel]) : h("div", {
107
+ "class": visible ? undefined : 'k-hidden'
108
+ }, [tabPanel]);
107
109
  };
108
110
 
109
111
  var renderContent = function renderContent() {
package/dist/npm/menu/components/MenuItemArrow.d.ts CHANGED
@@ -23,15 +23,15 @@ export interface MenuItemArrowProps {
23
23
  /**
24
24
  * @hidden
25
25
  */
26
- export declare const downArrowClass = "k-i-arrow-60-down";
26
+ export declare const downArrowClass = "k-i-caret-alt-down";
27
27
  /**
28
28
  * @hidden
29
29
  */
30
- export declare const rightArrowClass = "k-i-arrow-60-right";
30
+ export declare const rightArrowClass = "k-i-caret-alt-right";
31
31
  /**
32
32
  * @hidden
33
33
  */
34
- export declare const leftArrowClass = "k-i-arrow-60-left";
34
+ export declare const leftArrowClass = "k-i-caret-alt-left";
35
35
  /**
36
36
  * @hidden
37
37
  */
package/dist/npm/menu/components/MenuItemArrow.js CHANGED
@@ -17,17 +17,17 @@ var misc_1 = require("../utils/misc");
17
17
  */
18
18
 
19
19
 
20
- exports.downArrowClass = 'k-i-arrow-60-down';
20
+ exports.downArrowClass = 'k-i-caret-alt-down';
21
21
  /**
22
22
  * @hidden
23
23
  */
24
24
 
25
- exports.rightArrowClass = 'k-i-arrow-60-right';
25
+ exports.rightArrowClass = 'k-i-caret-alt-right';
26
26
  /**
27
27
  * @hidden
28
28
  */
29
29
 
30
- exports.leftArrowClass = 'k-i-arrow-60-left';
30
+ exports.leftArrowClass = 'k-i-caret-alt-left';
31
31
  /**
32
32
  * @hidden
33
33
  */
package/dist/npm/package-metadata.js CHANGED
@@ -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: 1662388859,
11
+ publishDate: 1662552815,
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/panelbar/PanelBarItem.js CHANGED
@@ -99,17 +99,17 @@ var PanelBarItemVue2 = {
99
99
  animation = _b.animation,
100
100
  keepItemsMounted = _b.keepItemsMounted;
101
101
  var hasContent = !!items || content;
102
- var panelBarItemClassName = (0, kendo_vue_common_1.classNames)('k-item', {
102
+ var panelBarItemClassName = (0, kendo_vue_common_1.classNames)('k-panelbar-item', {
103
103
  'k-panelbar-header': level === 0,
104
104
  'k-panelbar-item': level !== 0,
105
- 'k-expanded': expanded && hasContent
105
+ 'k-expanded': expanded && hasContent,
106
+ 'k-disabled': disabled
106
107
  }, "k-level-".concat(level), className);
107
108
  var panelBarLinkClassName = (0, kendo_vue_common_1.classNames)('k-link', {
108
109
  'k-selected': !disabled && selected,
109
- 'k-focus': focused,
110
- 'k-disabled': disabled
110
+ 'k-focus': focused
111
111
  }, headerClassName);
112
- var panelBarItemArrowClassName = (0, kendo_vue_common_1.classNames)('k-panelbar-toggle', 'k-icon', (_a = {}, _a['k-i-arrow-chevron-up'] = expanded && hasContent, _a['k-panelbar-collapse'] = expanded && hasContent, _a['k-i-arrow-chevron-down'] = !expanded && hasContent, _a['k-panelbar-expand'] = !expanded && hasContent, _a));
112
+ 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));
113
113
 
114
114
  var iconElement = function iconElement() {
115
115
  if (this.imageUrl) {
package/dist/npm/splitter/SplitterBar.js CHANGED
@@ -138,21 +138,25 @@ var SplitterBarVue2 = {
138
138
  onFocusout: _this2.onBlur,
139
139
  onDblclick: _this2.onToggle,
140
140
  onKeydown: _this2.onKeyDown
141
- }, [h("div", {
142
- "class": previousArrowClass,
141
+ }, [_this2.prev.collapsible && h("span", {
142
+ "class": 'k-collapse-prev',
143
143
  onClick: _this2.onPrevToggle,
144
144
  on: _this2.v3 ? undefined : {
145
145
  "click": _this2.onPrevToggle
146
146
  }
147
- }), h("div", {
147
+ }, [h("span", {
148
+ "class": previousArrowClass
149
+ })]), h("div", {
148
150
  "class": 'k-resize-handle'
149
- }), h("div", {
150
- "class": nextArrowClass,
151
+ }), _this2.next.collapsible && h("span", {
152
+ "class": 'k-collapse-next',
151
153
  onClick: _this2.onNextToggle,
152
154
  on: _this2.v3 ? undefined : {
153
155
  "click": _this2.onNextToggle
154
156
  }
155
- })])];
157
+ }, [h("span", {
158
+ "class": nextArrowClass
159
+ })])])];
156
160
  } : [h("div", {
157
161
  tabindex: isStatic ? -1 : 0,
158
162
  attrs: _this2.v3 ? undefined : {
@@ -174,21 +178,25 @@ var SplitterBarVue2 = {
174
178
  onFocusout: _this2.onBlur,
175
179
  onDblclick: _this2.onToggle,
176
180
  onKeydown: _this2.onKeyDown
177
- }, [h("div", {
178
- "class": previousArrowClass,
181
+ }, [_this2.prev.collapsible && h("span", {
182
+ "class": 'k-collapse-prev',
179
183
  onClick: _this2.onPrevToggle,
180
184
  on: _this2.v3 ? undefined : {
181
185
  "click": _this2.onPrevToggle
182
186
  }
183
- }), h("div", {
187
+ }, [h("span", {
188
+ "class": previousArrowClass
189
+ })]), h("div", {
184
190
  "class": 'k-resize-handle'
185
- }), h("div", {
186
- "class": nextArrowClass,
191
+ }), _this2.next.collapsible && h("span", {
192
+ "class": 'k-collapse-next',
187
193
  onClick: _this2.onNextToggle,
188
194
  on: _this2.v3 ? undefined : {
189
195
  "click": _this2.onNextToggle
190
196
  }
191
- })])])
197
+ }, [h("span", {
198
+ "class": nextArrowClass
199
+ })])])])
192
200
  );
193
201
  },
194
202
  methods: {
@@ -278,7 +286,7 @@ var SplitterBarVue2 = {
278
286
  var prev = this.$props.prev;
279
287
  var isCollapsible = prev.collapsible;
280
288
  var isCollapsed = prev.collapsed;
281
- return (0, kendo_vue_common_1.classNames)('k-icon', (_a = {}, _a['k-hidden'] = !isCollapsible, _a['k-collapse-prev'] = isCollapsible, _a['k-i-arrow-60-left'] = isCollapsible && isHorizontal && !isCollapsed, _a['k-i-arrow-60-right'] = isCollapsible && isHorizontal && isCollapsed, _a['k-i-arrow-60-up'] = isCollapsible && !isHorizontal && !isCollapsed, _a['k-i-arrow-60-down'] = isCollapsible && !isHorizontal && isCollapsed, _a));
289
+ 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
290
  },
283
291
  nextArrowClass: function nextArrowClass(isHorizontal) {
284
292
  var _a;
@@ -286,7 +294,7 @@ var SplitterBarVue2 = {
286
294
  var next = this.$props.next;
287
295
  var isCollapsible = next.collapsible;
288
296
  var isCollapsed = next.collapsed;
289
- return (0, kendo_vue_common_1.classNames)('k-icon', (_a = {}, _a['k-hidden'] = !isCollapsible, _a['k-collapse-next'] = isCollapsible, _a['k-i-arrow-60-right'] = isCollapsible && isHorizontal && !isCollapsed, _a['k-i-arrow-60-left'] = isCollapsible && isHorizontal && isCollapsed, _a['k-i-arrow-60-down'] = isCollapsible && !isHorizontal && !isCollapsed, _a['k-i-arrow-60-up'] = isCollapsible && !isHorizontal && isCollapsed, _a));
297
+ 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));
290
298
  }
291
299
  }
292
300
  };
package/dist/npm/stepper/Step.js CHANGED
@@ -71,8 +71,8 @@ var StepVue2 = {
71
71
  'k-step-done': index < this.value,
72
72
  'k-step-current': current,
73
73
  'k-step-optional': optional,
74
- 'k-step-disabled': disabled,
75
- 'k-step-focus': focused,
74
+ 'k-disabled': disabled,
75
+ 'k-focus': focused,
76
76
  'k-step-error': isValid !== undefined && !isValid,
77
77
  'k-step-success': isValid
78
78
  };
@@ -136,7 +136,7 @@ var StepVue2 = {
136
136
 
137
137
  var optionalMessage = localizeMessage(main_1.optionalText);
138
138
  var progressAnimation = typeof animationDuration === 'number' ? animationDuration : animationDuration !== false ? contants_1.DEFAULT_ANIMATION_DURATION : contants_1.NO_ANIMATION;
139
- var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-warning';
139
+ var validationIconClasses = isValid ? successIcon ? "".concat(successIcon) : 'k-icon k-i-check-circle' : errorIcon ? "".concat(errorIcon) : 'k-icon k-i-exclamation-circle';
140
140
  var validationIcons = h("span", {
141
141
  "class": 'k-step-indicator-icon ' + validationIconClasses,
142
142
  "aria-hidden": "true",
package/dist/npm/tabstrip/TabStrip.js CHANGED
@@ -272,7 +272,7 @@ var TabStripVue2 = {
272
272
  _c = _b.tabIndex,
273
273
  tabIndex = _c === void 0 ? 0 : _c;
274
274
  var bottom = tabPosition === 'bottom';
275
- var componentClasses = (0, kendo_vue_common_1.classNames)('k-widget', 'k-header', 'k-floatwrap', '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));
275
+ 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
276
 
277
277
  var renderContent = function renderContent(currentTabProps) {
278
278
  var selected = currentTabProps.selected,
package/dist/npm/tabstrip/TabStripContent.js CHANGED
@@ -114,7 +114,9 @@ var TabStripContentVue2 = {
114
114
  style: animationStyle
115
115
  }, this.v3 ? function () {
116
116
  return [tabPanel];
117
- } : [tabPanel]) : visible ? tabPanel : null;
117
+ } : [tabPanel]) : h("div", {
118
+ "class": visible ? undefined : 'k-hidden'
119
+ }, [tabPanel]);
118
120
  };
119
121
 
120
122
  var renderContent = function renderContent() {