@progress/kendo-vue-layout 4.1.0 → 4.1.1-dev.202312191614

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.
@@ -37,8 +37,9 @@ var CardActionsVue2 = {
37
37
  wrapperClass: function wrapperClass() {
38
38
  var _a;
39
39
  return _a = {
40
- 'k-card-actions': true
41
- }, _a["k-card-actions-".concat(this.$props.layout)] = true, _a["k-card-actions-".concat(this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
40
+ 'k-card-actions': true,
41
+ 'k-actions': true
42
+ }, _a["k-actions-".concat(this.$props.layout)] = true, _a["k-actions-".concat(this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
42
43
  }
43
44
  },
44
45
  render: function render(createElement) {
@@ -23,7 +23,7 @@ var CardImageVue2 = {
23
23
  var h = gh || createElement;
24
24
  var defaultSlots = getDefaultSlots(this);
25
25
  return h("img", {
26
- "class": 'k-card-image',
26
+ "class": 'k-card-media',
27
27
  src: this.$props.src,
28
28
  attrs: this.v3 ? undefined : {
29
29
  src: this.$props.src
@@ -47,7 +47,10 @@ var DrawerVue2 = {
47
47
  return ['start', 'end'].includes(value);
48
48
  }
49
49
  },
50
- items: Array,
50
+ items: {
51
+ type: Array,
52
+ default: []
53
+ },
51
54
  mini: {
52
55
  type: Boolean,
53
56
  default: false
@@ -23,15 +23,15 @@ export interface MenuItemArrowProps {
23
23
  /**
24
24
  * @hidden
25
25
  */
26
- export declare const downArrowClass = "caret-alt-down";
26
+ export declare const downArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
27
27
  /**
28
28
  * @hidden
29
29
  */
30
- export declare const rightArrowClass = "caret-alt-right";
30
+ export declare const rightArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
31
31
  /**
32
32
  * @hidden
33
33
  */
34
- export declare const leftArrowClass = "caret-alt-left";
34
+ export declare const leftArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
35
35
  /**
36
36
  * @hidden
37
37
  */
@@ -4,19 +4,20 @@ var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
6
  import { Icon } from '@progress/kendo-vue-common';
7
+ import { caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon } from '@progress/kendo-svg-icons';
7
8
  import { getChildrenPosition } from '../utils/misc';
8
9
  /**
9
10
  * @hidden
10
11
  */
11
- export var downArrowClass = 'caret-alt-down';
12
+ export var downArrowIcon = caretAltDownIcon;
12
13
  /**
13
14
  * @hidden
14
15
  */
15
- export var rightArrowClass = 'caret-alt-right';
16
+ export var rightArrowIcon = caretAltRightIcon;
16
17
  /**
17
18
  * @hidden
18
19
  */
19
- export var leftArrowClass = 'caret-alt-left';
20
+ export var leftArrowIcon = caretAltLeftIcon;
20
21
  /**
21
22
  * @hidden
22
23
  */
@@ -43,9 +44,9 @@ var MenuItemArrowVue2 = {
43
44
  "aria-hidden": "true"
44
45
  }
45
46
  }, [h(Icon, {
46
- name: this.getArrowName(),
47
+ icon: this.getArrowName(),
47
48
  attrs: this.v3 ? undefined : {
48
- name: this.getArrowName(),
49
+ icon: this.getArrowName(),
49
50
  role: "presentation"
50
51
  },
51
52
  role: "presentation"
@@ -54,7 +55,7 @@ var MenuItemArrowVue2 = {
54
55
  methods: {
55
56
  getArrowName: function getArrowName() {
56
57
  var childrenPosition = getChildrenPosition(this.$props.itemId, this.$props.verticalMenu === true, this.$props.dir === 'rtl');
57
- return childrenPosition === 'downward' ? downArrowClass : childrenPosition === 'rightward' ? rightArrowClass : childrenPosition === 'leftward' ? leftArrowClass : '';
58
+ return childrenPosition === 'downward' ? downArrowIcon : childrenPosition === 'rightward' ? rightArrowIcon : childrenPosition === 'leftward' ? leftArrowIcon : '';
58
59
  }
59
60
  }
60
61
  };
@@ -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: 1700038318,
8
+ publishDate: 1703001510,
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
  };
@@ -191,7 +191,10 @@ var StepperVue2 = {
191
191
  numOfSteps: this.numOfSteps,
192
192
  value: value,
193
193
  successIcon: this.successIcon,
194
- errorIcon: this.errorIcon
194
+ errorIcon: this.errorIcon,
195
+ svgIcon: element.svgIcon,
196
+ successSvgIcon: element.successSvgIcon,
197
+ errorSvgIcon: element.errorSvgIcon
195
198
  },
196
199
  disabled: disabled || element.disabled,
197
200
  focused: index === this.focusedIdx && this.currentFocused,
@@ -218,7 +221,10 @@ var StepperVue2 = {
218
221
  numOfSteps: this.numOfSteps,
219
222
  value: value,
220
223
  successIcon: this.successIcon,
221
- errorIcon: this.errorIcon
224
+ errorIcon: this.errorIcon,
225
+ svgIcon: element.svgIcon,
226
+ successSvgIcon: element.successSvgIcon,
227
+ errorSvgIcon: element.errorSvgIcon
222
228
  });
223
229
  var stepRendering = getTemplate.call(this, {
224
230
  h: h,
@@ -37,8 +37,9 @@ var CardActionsVue2 = {
37
37
  wrapperClass: function wrapperClass() {
38
38
  var _a;
39
39
  return _a = {
40
- 'k-card-actions': true
41
- }, _a["k-card-actions-".concat(this.$props.layout)] = true, _a["k-card-actions-".concat(this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
40
+ 'k-card-actions': true,
41
+ 'k-actions': true
42
+ }, _a["k-actions-".concat(this.$props.layout)] = true, _a["k-actions-".concat(this.$props.orientation !== cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
42
43
  }
43
44
  },
44
45
  render: function render(createElement) {
@@ -23,7 +23,7 @@ var CardImageVue2 = {
23
23
  var h = gh || createElement;
24
24
  var defaultSlots = getDefaultSlots(this);
25
25
  return h("img", {
26
- "class": 'k-card-image',
26
+ "class": 'k-card-media',
27
27
  src: this.$props.src,
28
28
  attrs: this.v3 ? undefined : {
29
29
  src: this.$props.src
@@ -47,7 +47,10 @@ var DrawerVue2 = {
47
47
  return ['start', 'end'].includes(value);
48
48
  }
49
49
  },
50
- items: Array,
50
+ items: {
51
+ type: Array,
52
+ default: []
53
+ },
51
54
  mini: {
52
55
  type: Boolean,
53
56
  default: false
@@ -23,15 +23,15 @@ export interface MenuItemArrowProps {
23
23
  /**
24
24
  * @hidden
25
25
  */
26
- export declare const downArrowClass = "caret-alt-down";
26
+ export declare const downArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
27
27
  /**
28
28
  * @hidden
29
29
  */
30
- export declare const rightArrowClass = "caret-alt-right";
30
+ export declare const rightArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
31
31
  /**
32
32
  * @hidden
33
33
  */
34
- export declare const leftArrowClass = "caret-alt-left";
34
+ export declare const leftArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
35
35
  /**
36
36
  * @hidden
37
37
  */
@@ -4,19 +4,20 @@ var allVue = Vue;
4
4
  var gh = allVue.h;
5
5
  var isV3 = allVue.version && allVue.version[0] === '3';
6
6
  import { Icon } from '@progress/kendo-vue-common';
7
+ import { caretAltDownIcon, caretAltRightIcon, caretAltLeftIcon } from '@progress/kendo-svg-icons';
7
8
  import { getChildrenPosition } from '../utils/misc.js';
8
9
  /**
9
10
  * @hidden
10
11
  */
11
- export var downArrowClass = 'caret-alt-down';
12
+ export var downArrowIcon = caretAltDownIcon;
12
13
  /**
13
14
  * @hidden
14
15
  */
15
- export var rightArrowClass = 'caret-alt-right';
16
+ export var rightArrowIcon = caretAltRightIcon;
16
17
  /**
17
18
  * @hidden
18
19
  */
19
- export var leftArrowClass = 'caret-alt-left';
20
+ export var leftArrowIcon = caretAltLeftIcon;
20
21
  /**
21
22
  * @hidden
22
23
  */
@@ -43,9 +44,9 @@ var MenuItemArrowVue2 = {
43
44
  "aria-hidden": "true"
44
45
  }
45
46
  }, [h(Icon, {
46
- name: this.getArrowName(),
47
+ icon: this.getArrowName(),
47
48
  attrs: this.v3 ? undefined : {
48
- name: this.getArrowName(),
49
+ icon: this.getArrowName(),
49
50
  role: "presentation"
50
51
  },
51
52
  role: "presentation"
@@ -54,7 +55,7 @@ var MenuItemArrowVue2 = {
54
55
  methods: {
55
56
  getArrowName: function getArrowName() {
56
57
  var childrenPosition = getChildrenPosition(this.$props.itemId, this.$props.verticalMenu === true, this.$props.dir === 'rtl');
57
- return childrenPosition === 'downward' ? downArrowClass : childrenPosition === 'rightward' ? rightArrowClass : childrenPosition === 'leftward' ? leftArrowClass : '';
58
+ return childrenPosition === 'downward' ? downArrowIcon : childrenPosition === 'rightward' ? rightArrowIcon : childrenPosition === 'leftward' ? leftArrowIcon : '';
58
59
  }
59
60
  }
60
61
  };
@@ -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: 1700038318,
8
+ publishDate: 1703001510,
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
  };
@@ -191,7 +191,10 @@ var StepperVue2 = {
191
191
  numOfSteps: this.numOfSteps,
192
192
  value: value,
193
193
  successIcon: this.successIcon,
194
- errorIcon: this.errorIcon
194
+ errorIcon: this.errorIcon,
195
+ svgIcon: element.svgIcon,
196
+ successSvgIcon: element.successSvgIcon,
197
+ errorSvgIcon: element.errorSvgIcon
195
198
  },
196
199
  disabled: disabled || element.disabled,
197
200
  focused: index === this.focusedIdx && this.currentFocused,
@@ -218,7 +221,10 @@ var StepperVue2 = {
218
221
  numOfSteps: this.numOfSteps,
219
222
  value: value,
220
223
  successIcon: this.successIcon,
221
- errorIcon: this.errorIcon
224
+ errorIcon: this.errorIcon,
225
+ svgIcon: element.svgIcon,
226
+ successSvgIcon: element.successSvgIcon,
227
+ errorSvgIcon: element.errorSvgIcon
222
228
  });
223
229
  var stepRendering = getTemplate.call(this, {
224
230
  h: h,
@@ -43,8 +43,9 @@ var CardActionsVue2 = {
43
43
  wrapperClass: function wrapperClass() {
44
44
  var _a;
45
45
  return _a = {
46
- 'k-card-actions': true
47
- }, _a["k-card-actions-".concat(this.$props.layout)] = true, _a["k-card-actions-".concat(this.$props.orientation !== Enums_1.cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
46
+ 'k-card-actions': true,
47
+ 'k-actions': true
48
+ }, _a["k-actions-".concat(this.$props.layout)] = true, _a["k-actions-".concat(this.$props.orientation !== Enums_1.cardOrientation.HORIZONTAL ? 'vertical' : 'horizontal')] = true, _a;
48
49
  }
49
50
  },
50
51
  render: function render(createElement) {
@@ -29,7 +29,7 @@ var CardImageVue2 = {
29
29
  var h = gh || createElement;
30
30
  var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
31
31
  return h("img", {
32
- "class": 'k-card-image',
32
+ "class": 'k-card-media',
33
33
  src: this.$props.src,
34
34
  attrs: this.v3 ? undefined : {
35
35
  src: this.$props.src
@@ -53,7 +53,10 @@ var DrawerVue2 = {
53
53
  return ['start', 'end'].includes(value);
54
54
  }
55
55
  },
56
- items: Array,
56
+ items: {
57
+ type: Array,
58
+ default: []
59
+ },
57
60
  mini: {
58
61
  type: Boolean,
59
62
  default: false
@@ -23,15 +23,15 @@ export interface MenuItemArrowProps {
23
23
  /**
24
24
  * @hidden
25
25
  */
26
- export declare const downArrowClass = "caret-alt-down";
26
+ export declare const downArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
27
27
  /**
28
28
  * @hidden
29
29
  */
30
- export declare const rightArrowClass = "caret-alt-right";
30
+ export declare const rightArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
31
31
  /**
32
32
  * @hidden
33
33
  */
34
- export declare const leftArrowClass = "caret-alt-left";
34
+ export declare const leftArrowIcon: import("@progress/kendo-svg-icons").SVGIcon;
35
35
  /**
36
36
  * @hidden
37
37
  */
@@ -3,26 +3,27 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.MenuItemArrowVue2 = exports.MenuItemArrow = exports.leftArrowClass = exports.rightArrowClass = exports.downArrowClass = void 0;
6
+ exports.MenuItemArrowVue2 = exports.MenuItemArrow = exports.leftArrowIcon = exports.rightArrowIcon = exports.downArrowIcon = void 0;
7
7
  // @ts-ignore
8
8
  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
12
  var kendo_vue_common_1 = require("@progress/kendo-vue-common");
13
+ var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
13
14
  var misc_1 = require("../utils/misc");
14
15
  /**
15
16
  * @hidden
16
17
  */
17
- exports.downArrowClass = 'caret-alt-down';
18
+ exports.downArrowIcon = kendo_svg_icons_1.caretAltDownIcon;
18
19
  /**
19
20
  * @hidden
20
21
  */
21
- exports.rightArrowClass = 'caret-alt-right';
22
+ exports.rightArrowIcon = kendo_svg_icons_1.caretAltRightIcon;
22
23
  /**
23
24
  * @hidden
24
25
  */
25
- exports.leftArrowClass = 'caret-alt-left';
26
+ exports.leftArrowIcon = kendo_svg_icons_1.caretAltLeftIcon;
26
27
  /**
27
28
  * @hidden
28
29
  */
@@ -49,9 +50,9 @@ var MenuItemArrowVue2 = {
49
50
  "aria-hidden": "true"
50
51
  }
51
52
  }, [h(kendo_vue_common_1.Icon, {
52
- name: this.getArrowName(),
53
+ icon: this.getArrowName(),
53
54
  attrs: this.v3 ? undefined : {
54
- name: this.getArrowName(),
55
+ icon: this.getArrowName(),
55
56
  role: "presentation"
56
57
  },
57
58
  role: "presentation"
@@ -60,7 +61,7 @@ var MenuItemArrowVue2 = {
60
61
  methods: {
61
62
  getArrowName: function getArrowName() {
62
63
  var childrenPosition = (0, misc_1.getChildrenPosition)(this.$props.itemId, this.$props.verticalMenu === true, this.$props.dir === 'rtl');
63
- return childrenPosition === 'downward' ? exports.downArrowClass : childrenPosition === 'rightward' ? exports.rightArrowClass : childrenPosition === 'leftward' ? exports.leftArrowClass : '';
64
+ return childrenPosition === 'downward' ? exports.downArrowIcon : childrenPosition === 'rightward' ? exports.rightArrowIcon : childrenPosition === 'leftward' ? exports.leftArrowIcon : '';
64
65
  }
65
66
  }
66
67
  };
@@ -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: 1700038318,
11
+ publishDate: 1703001510,
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
  };
@@ -197,7 +197,10 @@ var StepperVue2 = {
197
197
  numOfSteps: this.numOfSteps,
198
198
  value: value,
199
199
  successIcon: this.successIcon,
200
- errorIcon: this.errorIcon
200
+ errorIcon: this.errorIcon,
201
+ svgIcon: element.svgIcon,
202
+ successSvgIcon: element.successSvgIcon,
203
+ errorSvgIcon: element.errorSvgIcon
201
204
  },
202
205
  disabled: disabled || element.disabled,
203
206
  focused: index === this.focusedIdx && this.currentFocused,
@@ -224,7 +227,10 @@ var StepperVue2 = {
224
227
  numOfSteps: this.numOfSteps,
225
228
  value: value,
226
229
  successIcon: this.successIcon,
227
- errorIcon: this.errorIcon
230
+ errorIcon: this.errorIcon,
231
+ svgIcon: element.svgIcon,
232
+ successSvgIcon: element.successSvgIcon,
233
+ errorSvgIcon: element.errorSvgIcon
228
234
  });
229
235
  var stepRendering = kendo_vue_common_2.getTemplate.call(this, {
230
236
  h: h,
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": "4.1.0",
4
+ "version": "4.1.1-dev.202312191614",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -45,9 +45,9 @@
45
45
  "vue": "^2.6.12 || ^3.0.2"
46
46
  },
47
47
  "dependencies": {
48
- "@progress/kendo-vue-animation": "4.1.0",
49
- "@progress/kendo-vue-common": "4.1.0",
50
- "@progress/kendo-vue-popup": "4.1.0"
48
+ "@progress/kendo-vue-animation": "4.1.1-dev.202312191614",
49
+ "@progress/kendo-vue-common": "4.1.1-dev.202312191614",
50
+ "@progress/kendo-vue-popup": "4.1.1-dev.202312191614"
51
51
  },
52
52
  "devDependencies": {
53
53
  "@progress/kendo-data-query": "^1.5.0",
@@ -55,15 +55,15 @@
55
55
  "@progress/kendo-drawing": "^1.8.0",
56
56
  "@progress/kendo-licensing": "^1.3.0",
57
57
  "@progress/kendo-svg-icons": "^2.0.0",
58
- "@progress/kendo-vue-buttons": "4.1.0",
59
- "@progress/kendo-vue-charts": "4.1.0",
60
- "@progress/kendo-vue-dateinputs": "4.1.0",
61
- "@progress/kendo-vue-dropdowns": "4.1.0",
62
- "@progress/kendo-vue-grid": "4.1.0",
63
- "@progress/kendo-vue-indicators": "4.1.0",
64
- "@progress/kendo-vue-inputs": "4.1.0",
65
- "@progress/kendo-vue-intl": "4.1.0",
66
- "@progress/kendo-vue-progressbars": "4.1.0"
58
+ "@progress/kendo-vue-buttons": "4.1.1-dev.202312191614",
59
+ "@progress/kendo-vue-charts": "4.1.1-dev.202312191614",
60
+ "@progress/kendo-vue-dateinputs": "4.1.1-dev.202312191614",
61
+ "@progress/kendo-vue-dropdowns": "4.1.1-dev.202312191614",
62
+ "@progress/kendo-vue-grid": "4.1.1-dev.202312191614",
63
+ "@progress/kendo-vue-indicators": "4.1.1-dev.202312191614",
64
+ "@progress/kendo-vue-inputs": "4.1.1-dev.202312191614",
65
+ "@progress/kendo-vue-intl": "4.1.1-dev.202312191614",
66
+ "@progress/kendo-vue-progressbars": "4.1.1-dev.202312191614"
67
67
  },
68
68
  "@progress": {
69
69
  "friendlyName": "Layouts",