@progress/kendo-vue-dropdowns 4.3.2 → 4.3.3-dev.202404190617

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.
@@ -93,7 +93,8 @@ var AutoCompleteVue2 = {
93
93
  default: function _default() {
94
94
  return {
95
95
  animate: true,
96
- height: '200px'
96
+ height: '200px',
97
+ anchor: ''
97
98
  };
98
99
  }
99
100
  },
@@ -118,7 +118,8 @@ var ComboBoxVue2 = {
118
118
  default: function _default() {
119
119
  return {
120
120
  animate: true,
121
- height: '200px'
121
+ height: '200px',
122
+ anchor: ''
122
123
  };
123
124
  }
124
125
  },
@@ -125,7 +125,8 @@ var DropDownListVue2 = {
125
125
  default: function _default() {
126
126
  return {
127
127
  animate: true,
128
- height: '200px'
128
+ height: '200px',
129
+ anchor: ''
129
130
  };
130
131
  }
131
132
  },
@@ -156,7 +156,8 @@ var DropDownTreeVue2 = {
156
156
  default: function _default() {
157
157
  return {
158
158
  animate: true,
159
- height: '200px'
159
+ height: '200px',
160
+ anchor: ''
160
161
  };
161
162
  }
162
163
  },
@@ -142,7 +142,8 @@ var MultiSelectVue2 = {
142
142
  default: function _default() {
143
143
  return {
144
144
  animate: true,
145
- height: '200px'
145
+ height: '200px',
146
+ anchor: ''
146
147
  };
147
148
  }
148
149
  },
@@ -145,7 +145,8 @@ var MultiSelectTreeVue2 = {
145
145
  default: function _default() {
146
146
  return {
147
147
  animate: true,
148
- height: '200px'
148
+ height: '200px',
149
+ anchor: ''
149
150
  };
150
151
  }
151
152
  },
@@ -1,3 +1,15 @@
1
+ var __assign = this && this.__assign || function () {
2
+ __assign = Object.assign || function (t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) {
6
+ if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
7
+ }
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
1
13
  // @ts-ignore
2
14
  import * as Vue from 'vue';
3
15
  var allVue = Vue;
@@ -71,30 +83,46 @@ var ListContainerVue2 = {
71
83
  className = popupSettings.className,
72
84
  animate = popupSettings.animate,
73
85
  anchor = popupSettings.anchor,
86
+ anchorAlign = popupSettings.anchorAlign,
74
87
  show = popupSettings.show,
75
88
  open = popupSettings.open,
76
89
  close = popupSettings.close,
77
90
  itemsCount = popupSettings.itemsCount,
78
- appendTo = popupSettings.appendTo;
91
+ appendTo = popupSettings.appendTo,
92
+ collision = popupSettings.collision,
93
+ direction = popupSettings.direction,
94
+ offset = popupSettings.offset,
95
+ popupAlign = popupSettings.popupAlign,
96
+ style = popupSettings.style,
97
+ popupWidth = popupSettings.width,
98
+ height = popupSettings.height,
99
+ popupStyle = popupSettings.popupStyle;
79
100
  return (
80
101
  // @ts-ignore function children
81
102
  h(Popup, {
82
103
  ref: 'popup',
83
- style: {
84
- width: width,
85
- direction: dir
86
- },
104
+ style: __assign(__assign({}, style), {
105
+ width: popupWidth ? popupWidth : width,
106
+ direction: dir,
107
+ height: height
108
+ }),
87
109
  popupClass: className,
88
110
  attrs: this.v3 ? undefined : {
89
111
  popupClass: className,
90
112
  animate: animate,
91
113
  anchor: anchor,
114
+ anchorAlign: anchorAlign,
92
115
  show: show,
93
116
  contentKey: itemsCount,
94
- appendTo: appendTo
117
+ appendTo: appendTo,
118
+ collision: collision,
119
+ direction: direction,
120
+ offset: offset,
121
+ popupAlign: popupAlign
95
122
  },
96
123
  animate: animate,
97
124
  anchor: anchor,
125
+ anchorAlign: anchorAlign,
98
126
  show: show,
99
127
  contentKey: itemsCount,
100
128
  onOpen: this.onOpen,
@@ -103,10 +131,15 @@ var ListContainerVue2 = {
103
131
  "close": this.onClose
104
132
  },
105
133
  onClose: this.onClose,
106
- appendTo: appendTo
134
+ appendTo: appendTo,
135
+ collision: collision,
136
+ direction: direction,
137
+ offset: offset,
138
+ popupAlign: popupAlign
107
139
  }, this.v3 ? function () {
108
140
  return [h("div", {
109
141
  "class": popupClass,
142
+ style: popupStyle,
110
143
  onMousedown: _this.onMouseDown,
111
144
  on: _this.v3 ? undefined : {
112
145
  "mousedown": _this.onMouseDown,
@@ -116,6 +149,7 @@ var ListContainerVue2 = {
116
149
  }, [defaultSlot])];
117
150
  } : [h("div", {
118
151
  "class": popupClass,
152
+ style: popupStyle,
119
153
  onMousedown: _this.onMouseDown,
120
154
  on: _this.v3 ? undefined : {
121
155
  "mousedown": _this.onMouseDown,
@@ -1,4 +1,4 @@
1
- import { PopupAnimation } from '@progress/kendo-vue-popup';
1
+ import { PopupAnimation, PopupSettings } from '@progress/kendo-vue-popup';
2
2
  /**
3
3
  * Represents the `skip` and `take` configurations which are wrapped in the `page` object.
4
4
  */
@@ -32,7 +32,7 @@ export interface VirtualizationSettings {
32
32
  /**
33
33
  * The settings of the popup container.
34
34
  */
35
- export interface DropDownsPopupSettings {
35
+ export interface DropDownsPopupSettings extends PopupSettings {
36
36
  /**
37
37
  * Controls the popup animation. By default, the open and close animations are enabled.
38
38
  */
@@ -49,6 +49,10 @@ export interface DropDownsPopupSettings {
49
49
  * Sets the height of the popup container. By default, the height is 200px.
50
50
  */
51
51
  height?: string;
52
+ /**
53
+ * Sets the styles that will be added to the popup element.
54
+ */
55
+ popupStyle?: string;
52
56
  }
53
57
  import { FilterDescriptor } from './filterDescriptor';
54
58
  /**
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-dropdowns',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1711527297,
8
+ publishDate: 1713506962,
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
  };
@@ -93,7 +93,8 @@ var AutoCompleteVue2 = {
93
93
  default: function _default() {
94
94
  return {
95
95
  animate: true,
96
- height: '200px'
96
+ height: '200px',
97
+ anchor: ''
97
98
  };
98
99
  }
99
100
  },
@@ -118,7 +118,8 @@ var ComboBoxVue2 = {
118
118
  default: function _default() {
119
119
  return {
120
120
  animate: true,
121
- height: '200px'
121
+ height: '200px',
122
+ anchor: ''
122
123
  };
123
124
  }
124
125
  },
@@ -125,7 +125,8 @@ var DropDownListVue2 = {
125
125
  default: function _default() {
126
126
  return {
127
127
  animate: true,
128
- height: '200px'
128
+ height: '200px',
129
+ anchor: ''
129
130
  };
130
131
  }
131
132
  },
@@ -156,7 +156,8 @@ var DropDownTreeVue2 = {
156
156
  default: function _default() {
157
157
  return {
158
158
  animate: true,
159
- height: '200px'
159
+ height: '200px',
160
+ anchor: ''
160
161
  };
161
162
  }
162
163
  },
@@ -142,7 +142,8 @@ var MultiSelectVue2 = {
142
142
  default: function _default() {
143
143
  return {
144
144
  animate: true,
145
- height: '200px'
145
+ height: '200px',
146
+ anchor: ''
146
147
  };
147
148
  }
148
149
  },
@@ -145,7 +145,8 @@ var MultiSelectTreeVue2 = {
145
145
  default: function _default() {
146
146
  return {
147
147
  animate: true,
148
- height: '200px'
148
+ height: '200px',
149
+ anchor: ''
149
150
  };
150
151
  }
151
152
  },
@@ -1,3 +1,15 @@
1
+ var __assign = this && this.__assign || function () {
2
+ __assign = Object.assign || function (t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) {
6
+ if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
7
+ }
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
1
13
  // @ts-ignore
2
14
  import * as Vue from 'vue';
3
15
  var allVue = Vue;
@@ -71,30 +83,46 @@ var ListContainerVue2 = {
71
83
  className = popupSettings.className,
72
84
  animate = popupSettings.animate,
73
85
  anchor = popupSettings.anchor,
86
+ anchorAlign = popupSettings.anchorAlign,
74
87
  show = popupSettings.show,
75
88
  open = popupSettings.open,
76
89
  close = popupSettings.close,
77
90
  itemsCount = popupSettings.itemsCount,
78
- appendTo = popupSettings.appendTo;
91
+ appendTo = popupSettings.appendTo,
92
+ collision = popupSettings.collision,
93
+ direction = popupSettings.direction,
94
+ offset = popupSettings.offset,
95
+ popupAlign = popupSettings.popupAlign,
96
+ style = popupSettings.style,
97
+ popupWidth = popupSettings.width,
98
+ height = popupSettings.height,
99
+ popupStyle = popupSettings.popupStyle;
79
100
  return (
80
101
  // @ts-ignore function children
81
102
  h(Popup, {
82
103
  ref: 'popup',
83
- style: {
84
- width: width,
85
- direction: dir
86
- },
104
+ style: __assign(__assign({}, style), {
105
+ width: popupWidth ? popupWidth : width,
106
+ direction: dir,
107
+ height: height
108
+ }),
87
109
  popupClass: className,
88
110
  attrs: this.v3 ? undefined : {
89
111
  popupClass: className,
90
112
  animate: animate,
91
113
  anchor: anchor,
114
+ anchorAlign: anchorAlign,
92
115
  show: show,
93
116
  contentKey: itemsCount,
94
- appendTo: appendTo
117
+ appendTo: appendTo,
118
+ collision: collision,
119
+ direction: direction,
120
+ offset: offset,
121
+ popupAlign: popupAlign
95
122
  },
96
123
  animate: animate,
97
124
  anchor: anchor,
125
+ anchorAlign: anchorAlign,
98
126
  show: show,
99
127
  contentKey: itemsCount,
100
128
  onOpen: this.onOpen,
@@ -103,10 +131,15 @@ var ListContainerVue2 = {
103
131
  "close": this.onClose
104
132
  },
105
133
  onClose: this.onClose,
106
- appendTo: appendTo
134
+ appendTo: appendTo,
135
+ collision: collision,
136
+ direction: direction,
137
+ offset: offset,
138
+ popupAlign: popupAlign
107
139
  }, this.v3 ? function () {
108
140
  return [h("div", {
109
141
  "class": popupClass,
142
+ style: popupStyle,
110
143
  onMousedown: _this.onMouseDown,
111
144
  on: _this.v3 ? undefined : {
112
145
  "mousedown": _this.onMouseDown,
@@ -116,6 +149,7 @@ var ListContainerVue2 = {
116
149
  }, [defaultSlot])];
117
150
  } : [h("div", {
118
151
  "class": popupClass,
152
+ style: popupStyle,
119
153
  onMousedown: _this.onMouseDown,
120
154
  on: _this.v3 ? undefined : {
121
155
  "mousedown": _this.onMouseDown,
@@ -1,4 +1,4 @@
1
- import { PopupAnimation } from '@progress/kendo-vue-popup';
1
+ import { PopupAnimation, PopupSettings } from '@progress/kendo-vue-popup';
2
2
  /**
3
3
  * Represents the `skip` and `take` configurations which are wrapped in the `page` object.
4
4
  */
@@ -32,7 +32,7 @@ export interface VirtualizationSettings {
32
32
  /**
33
33
  * The settings of the popup container.
34
34
  */
35
- export interface DropDownsPopupSettings {
35
+ export interface DropDownsPopupSettings extends PopupSettings {
36
36
  /**
37
37
  * Controls the popup animation. By default, the open and close animations are enabled.
38
38
  */
@@ -49,6 +49,10 @@ export interface DropDownsPopupSettings {
49
49
  * Sets the height of the popup container. By default, the height is 200px.
50
50
  */
51
51
  height?: string;
52
+ /**
53
+ * Sets the styles that will be added to the popup element.
54
+ */
55
+ popupStyle?: string;
52
56
  }
53
57
  import { FilterDescriptor } from './filterDescriptor';
54
58
  /**
@@ -5,7 +5,7 @@ export var packageMetadata = {
5
5
  name: '@progress/kendo-vue-dropdowns',
6
6
  productName: 'Kendo UI for Vue',
7
7
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
8
- publishDate: 1711527297,
8
+ publishDate: 1713506962,
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
  };
@@ -99,7 +99,8 @@ var AutoCompleteVue2 = {
99
99
  default: function _default() {
100
100
  return {
101
101
  animate: true,
102
- height: '200px'
102
+ height: '200px',
103
+ anchor: ''
103
104
  };
104
105
  }
105
106
  },
@@ -124,7 +124,8 @@ var ComboBoxVue2 = {
124
124
  default: function _default() {
125
125
  return {
126
126
  animate: true,
127
- height: '200px'
127
+ height: '200px',
128
+ anchor: ''
128
129
  };
129
130
  }
130
131
  },
@@ -131,7 +131,8 @@ var DropDownListVue2 = {
131
131
  default: function _default() {
132
132
  return {
133
133
  animate: true,
134
- height: '200px'
134
+ height: '200px',
135
+ anchor: ''
135
136
  };
136
137
  }
137
138
  },
@@ -160,7 +160,8 @@ var DropDownTreeVue2 = {
160
160
  default: function _default() {
161
161
  return {
162
162
  animate: true,
163
- height: '200px'
163
+ height: '200px',
164
+ anchor: ''
164
165
  };
165
166
  }
166
167
  },
@@ -148,7 +148,8 @@ var MultiSelectVue2 = {
148
148
  default: function _default() {
149
149
  return {
150
150
  animate: true,
151
- height: '200px'
151
+ height: '200px',
152
+ anchor: ''
152
153
  };
153
154
  }
154
155
  },
@@ -151,7 +151,8 @@ var MultiSelectTreeVue2 = {
151
151
  default: function _default() {
152
152
  return {
153
153
  animate: true,
154
- height: '200px'
154
+ height: '200px',
155
+ anchor: ''
155
156
  };
156
157
  }
157
158
  },
@@ -1,5 +1,17 @@
1
1
  "use strict";
2
2
 
3
+ var __assign = undefined && undefined.__assign || function () {
4
+ __assign = Object.assign || function (t) {
5
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
6
+ s = arguments[i];
7
+ for (var p in s) {
8
+ if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
9
+ }
10
+ }
11
+ return t;
12
+ };
13
+ return __assign.apply(this, arguments);
14
+ };
3
15
  Object.defineProperty(exports, "__esModule", {
4
16
  value: true
5
17
  });
@@ -77,30 +89,46 @@ var ListContainerVue2 = {
77
89
  className = popupSettings.className,
78
90
  animate = popupSettings.animate,
79
91
  anchor = popupSettings.anchor,
92
+ anchorAlign = popupSettings.anchorAlign,
80
93
  show = popupSettings.show,
81
94
  open = popupSettings.open,
82
95
  close = popupSettings.close,
83
96
  itemsCount = popupSettings.itemsCount,
84
- appendTo = popupSettings.appendTo;
97
+ appendTo = popupSettings.appendTo,
98
+ collision = popupSettings.collision,
99
+ direction = popupSettings.direction,
100
+ offset = popupSettings.offset,
101
+ popupAlign = popupSettings.popupAlign,
102
+ style = popupSettings.style,
103
+ popupWidth = popupSettings.width,
104
+ height = popupSettings.height,
105
+ popupStyle = popupSettings.popupStyle;
85
106
  return (
86
107
  // @ts-ignore function children
87
108
  h(kendo_vue_popup_1.Popup, {
88
109
  ref: 'popup',
89
- style: {
90
- width: width,
91
- direction: dir
92
- },
110
+ style: __assign(__assign({}, style), {
111
+ width: popupWidth ? popupWidth : width,
112
+ direction: dir,
113
+ height: height
114
+ }),
93
115
  popupClass: className,
94
116
  attrs: this.v3 ? undefined : {
95
117
  popupClass: className,
96
118
  animate: animate,
97
119
  anchor: anchor,
120
+ anchorAlign: anchorAlign,
98
121
  show: show,
99
122
  contentKey: itemsCount,
100
- appendTo: appendTo
123
+ appendTo: appendTo,
124
+ collision: collision,
125
+ direction: direction,
126
+ offset: offset,
127
+ popupAlign: popupAlign
101
128
  },
102
129
  animate: animate,
103
130
  anchor: anchor,
131
+ anchorAlign: anchorAlign,
104
132
  show: show,
105
133
  contentKey: itemsCount,
106
134
  onOpen: this.onOpen,
@@ -109,10 +137,15 @@ var ListContainerVue2 = {
109
137
  "close": this.onClose
110
138
  },
111
139
  onClose: this.onClose,
112
- appendTo: appendTo
140
+ appendTo: appendTo,
141
+ collision: collision,
142
+ direction: direction,
143
+ offset: offset,
144
+ popupAlign: popupAlign
113
145
  }, this.v3 ? function () {
114
146
  return [h("div", {
115
147
  "class": popupClass,
148
+ style: popupStyle,
116
149
  onMousedown: _this.onMouseDown,
117
150
  on: _this.v3 ? undefined : {
118
151
  "mousedown": _this.onMouseDown,
@@ -122,6 +155,7 @@ var ListContainerVue2 = {
122
155
  }, [defaultSlot])];
123
156
  } : [h("div", {
124
157
  "class": popupClass,
158
+ style: popupStyle,
125
159
  onMousedown: _this.onMouseDown,
126
160
  on: _this.v3 ? undefined : {
127
161
  "mousedown": _this.onMouseDown,
@@ -1,4 +1,4 @@
1
- import { PopupAnimation } from '@progress/kendo-vue-popup';
1
+ import { PopupAnimation, PopupSettings } from '@progress/kendo-vue-popup';
2
2
  /**
3
3
  * Represents the `skip` and `take` configurations which are wrapped in the `page` object.
4
4
  */
@@ -32,7 +32,7 @@ export interface VirtualizationSettings {
32
32
  /**
33
33
  * The settings of the popup container.
34
34
  */
35
- export interface DropDownsPopupSettings {
35
+ export interface DropDownsPopupSettings extends PopupSettings {
36
36
  /**
37
37
  * Controls the popup animation. By default, the open and close animations are enabled.
38
38
  */
@@ -49,6 +49,10 @@ export interface DropDownsPopupSettings {
49
49
  * Sets the height of the popup container. By default, the height is 200px.
50
50
  */
51
51
  height?: string;
52
+ /**
53
+ * Sets the styles that will be added to the popup element.
54
+ */
55
+ popupStyle?: string;
52
56
  }
53
57
  import { FilterDescriptor } from './filterDescriptor';
54
58
  /**
@@ -8,7 +8,7 @@ exports.packageMetadata = {
8
8
  name: '@progress/kendo-vue-dropdowns',
9
9
  productName: 'Kendo UI for Vue',
10
10
  productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
11
- publishDate: 1711527297,
11
+ publishDate: 1713506962,
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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-vue-dropdowns",
3
3
  "description": "Kendo UI for Vue Dropdowns package",
4
- "version": "4.3.2",
4
+ "version": "4.3.3-dev.202404190617",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -54,21 +54,21 @@
54
54
  "vue": "^2.6.12 || ^3.0.2"
55
55
  },
56
56
  "dependencies": {
57
- "@progress/kendo-vue-buttons": "4.3.2",
58
- "@progress/kendo-vue-common": "4.3.2",
59
- "@progress/kendo-vue-layout": "4.3.2",
60
- "@progress/kendo-vue-popup": "4.3.2"
57
+ "@progress/kendo-vue-buttons": "4.3.3-dev.202404190617",
58
+ "@progress/kendo-vue-common": "4.3.3-dev.202404190617",
59
+ "@progress/kendo-vue-layout": "4.3.3-dev.202404190617",
60
+ "@progress/kendo-vue-popup": "4.3.3-dev.202404190617"
61
61
  },
62
62
  "devDependencies": {
63
63
  "@progress/kendo-data-query": "^1.5.4",
64
64
  "@progress/kendo-licensing": "^1.3.0",
65
65
  "@progress/kendo-svg-icons": "^2.0.0",
66
- "@progress/kendo-vue-data-tools": "4.3.2",
67
- "@progress/kendo-vue-inputs": "4.3.2",
68
- "@progress/kendo-vue-intl": "4.3.2",
69
- "@progress/kendo-vue-labels": "4.3.2",
70
- "@progress/kendo-vue-layout": "4.3.2",
71
- "@progress/kendo-vue-treeview": "4.3.2"
66
+ "@progress/kendo-vue-data-tools": "4.3.3-dev.202404190617",
67
+ "@progress/kendo-vue-inputs": "4.3.3-dev.202404190617",
68
+ "@progress/kendo-vue-intl": "4.3.3-dev.202404190617",
69
+ "@progress/kendo-vue-labels": "4.3.3-dev.202404190617",
70
+ "@progress/kendo-vue-layout": "4.3.3-dev.202404190617",
71
+ "@progress/kendo-vue-treeview": "4.3.3-dev.202404190617"
72
72
  },
73
73
  "author": "Progress",
74
74
  "license": "SEE LICENSE IN LICENSE.md",