@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.
- package/README.md +1 -1
- package/dist/cdn/js/kendo-vue-layout.js +1 -1
- package/dist/es/bottomnavigation/BottomNavigationItem.js +7 -3
- package/dist/es/drawer/DrawerItem.js +6 -3
- package/dist/es/expansionpanel/ExpansionPanel.js +14 -7
- package/dist/es/menu/components/MenuItemArrow.d.ts +3 -3
- package/dist/es/menu/components/MenuItemArrow.js +9 -12
- package/dist/es/menu/components/MenuItemInternal.js +4 -5
- package/dist/es/package-metadata.js +1 -1
- package/dist/es/panelbar/PanelBarItem.js +13 -13
- package/dist/es/splitter/SplitterBar.js +27 -19
- package/dist/es/stepper/Step.js +2 -2
- package/dist/esm/bottomnavigation/BottomNavigationItem.js +7 -3
- package/dist/esm/drawer/DrawerItem.js +6 -3
- package/dist/esm/expansionpanel/ExpansionPanel.js +14 -7
- package/dist/esm/menu/components/MenuItemArrow.d.ts +3 -3
- package/dist/esm/menu/components/MenuItemArrow.js +9 -12
- package/dist/esm/menu/components/MenuItemInternal.js +4 -5
- package/dist/esm/package-metadata.js +1 -1
- package/dist/esm/panelbar/PanelBarItem.js +13 -13
- package/dist/esm/splitter/SplitterBar.js +27 -19
- package/dist/esm/stepper/Step.js +2 -2
- package/dist/npm/bottomnavigation/BottomNavigationItem.js +6 -2
- package/dist/npm/drawer/DrawerItem.js +5 -2
- package/dist/npm/expansionpanel/ExpansionPanel.js +13 -6
- package/dist/npm/menu/components/MenuItemArrow.d.ts +3 -3
- package/dist/npm/menu/components/MenuItemArrow.js +9 -12
- package/dist/npm/menu/components/MenuItemInternal.js +3 -4
- package/dist/npm/package-metadata.js +1 -1
- package/dist/npm/panelbar/PanelBarItem.js +12 -12
- package/dist/npm/splitter/SplitterBar.js +26 -18
- package/dist/npm/stepper/Step.js +1 -1
- 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
|
|
82
|
-
var
|
|
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(
|
|
136
|
-
|
|
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(
|
|
146
|
-
|
|
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(
|
|
176
|
-
|
|
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(
|
|
186
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
};
|
package/dist/esm/stepper/Step.js
CHANGED
|
@@ -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(
|
|
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(
|
|
103
|
-
|
|
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(
|
|
105
|
-
|
|
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(
|
|
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 = "
|
|
26
|
+
export declare const downArrowClass = "caret-alt-down";
|
|
27
27
|
/**
|
|
28
28
|
* @hidden
|
|
29
29
|
*/
|
|
30
|
-
export declare const rightArrowClass = "
|
|
30
|
+
export declare const rightArrowClass = "caret-alt-right";
|
|
31
31
|
/**
|
|
32
32
|
* @hidden
|
|
33
33
|
*/
|
|
34
|
-
export declare const leftArrowClass = "
|
|
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 = '
|
|
17
|
+
exports.downArrowClass = 'caret-alt-down';
|
|
17
18
|
/**
|
|
18
19
|
* @hidden
|
|
19
20
|
*/
|
|
20
|
-
exports.rightArrowClass = '
|
|
21
|
+
exports.rightArrowClass = 'caret-alt-right';
|
|
21
22
|
/**
|
|
22
23
|
* @hidden
|
|
23
24
|
*/
|
|
24
|
-
exports.leftArrowClass = '
|
|
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(
|
|
47
|
-
|
|
48
|
-
role: "presentation",
|
|
47
|
+
}, [h(kendo_vue_common_1.Icon, {
|
|
48
|
+
name: this.getArrowName(),
|
|
49
49
|
attrs: this.v3 ? undefined : {
|
|
50
|
-
|
|
50
|
+
name: this.getArrowName()
|
|
51
51
|
}
|
|
52
52
|
})]);
|
|
53
53
|
},
|
|
54
54
|
methods: {
|
|
55
|
-
|
|
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
|
|
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(
|
|
167
|
-
|
|
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
|
-
|
|
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:
|
|
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',
|
|
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
|
-
|
|
116
|
-
|
|
117
|
-
role: "presentation",
|
|
116
|
+
return h(kendo_vue_common_1.Icon, {
|
|
117
|
+
name: icon,
|
|
118
118
|
attrs: this.v3 ? undefined : {
|
|
119
|
-
|
|
119
|
+
name: icon
|
|
120
120
|
},
|
|
121
|
-
"class":
|
|
121
|
+
"class": 'k-panelbar-item-icon'
|
|
122
122
|
});
|
|
123
123
|
} else if (this.iconClass) {
|
|
124
|
-
return h(
|
|
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(
|
|
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
|
|
88
|
-
var
|
|
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(
|
|
142
|
-
|
|
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(
|
|
152
|
-
|
|
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(
|
|
182
|
-
|
|
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(
|
|
192
|
-
|
|
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
|
-
|
|
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
|
|
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
|
-
|
|
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
|
|
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
|
};
|
package/dist/npm/stepper/Step.js
CHANGED
|
@@ -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(
|
|
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.
|
|
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.
|
|
47
|
-
"@progress/kendo-vue-common": "3.7.4-dev.
|
|
48
|
-
"@progress/kendo-vue-popup": "3.7.4-dev.
|
|
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.
|
|
56
|
-
"@progress/kendo-vue-charts": "3.7.4-dev.
|
|
57
|
-
"@progress/kendo-vue-dateinputs": "3.7.4-dev.
|
|
58
|
-
"@progress/kendo-vue-dropdowns": "3.7.4-dev.
|
|
59
|
-
"@progress/kendo-vue-grid": "3.7.4-dev.
|
|
60
|
-
"@progress/kendo-vue-indicators": "3.7.4-dev.
|
|
61
|
-
"@progress/kendo-vue-inputs": "3.7.4-dev.
|
|
62
|
-
"@progress/kendo-vue-intl": "3.7.4-dev.
|
|
63
|
-
"@progress/kendo-vue-progressbars": "3.7.4-dev.
|
|
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",
|