@progress/kendo-vue-dropdowns 3.6.1 → 3.6.2-dev.202209200929

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.
@@ -872,6 +872,7 @@ var ComboBoxVue2 = {
872
872
  var popupWidth = popupSettings.width !== undefined ? popupSettings.width : base.popupWidth;
873
873
  return (// @ts-ignore function children
874
874
  h(ListContainer, {
875
+ ref: 'container',
875
876
  onMousedown: function onMousedown(e) {
876
877
  return e.preventDefault();
877
878
  },
@@ -934,6 +934,7 @@ var DropDownListVue2 = {
934
934
  var popupWidth = popupSettings.width !== undefined ? popupSettings.width : base.popupWidth;
935
935
  return (// @ts-ignore function children
936
936
  h(ListContainer, {
937
+ ref: 'container',
937
938
  onMousedown: preventDefaultNonInputs,
938
939
  on: this.v3 ? undefined : {
939
940
  "mousedown": preventDefaultNonInputs,
@@ -73,6 +73,7 @@ export default class DropDownBase {
73
73
  handleItemClick: (index: number, event: any) => void;
74
74
  handleFocus: any;
75
75
  filterChanged: (text: string | null, state: InternalState) => void;
76
+ repositionPopup(): void;
76
77
  initState(): InternalState;
77
78
  applyState(state: InternalState): void;
78
79
  togglePopup: (state: InternalState) => void;
@@ -60,8 +60,8 @@ function () {
60
60
  };
61
61
 
62
62
  this.filterChanged = function (text, state) {
63
- // @ts-ignore
64
- var _a = _this.component.$props,
63
+ var component = _this.component;
64
+ var _a = component.$props,
65
65
  textField = _a.textField,
66
66
  filterable = _a.filterable;
67
67
 
@@ -75,6 +75,8 @@ function () {
75
75
  value: text
76
76
  }
77
77
  });
78
+
79
+ _this.repositionPopup();
78
80
  }
79
81
  };
80
82
 
@@ -203,6 +205,21 @@ function () {
203
205
  }
204
206
  };
205
207
 
208
+ DropDownBase.prototype.repositionPopup = function () {
209
+ var component = this.component;
210
+ setTimeout(function () {
211
+ var lc = component.$refs.container;
212
+
213
+ if (lc) {
214
+ var popup = lc.$refs.popup;
215
+
216
+ if (popup) {
217
+ popup.reposition();
218
+ }
219
+ }
220
+ }, 5);
221
+ };
222
+
206
223
  DropDownBase.prototype.initState = function () {
207
224
  var state = {
208
225
  data: {},
@@ -80,6 +80,7 @@ var ListContainerVue2 = {
80
80
  appendTo = popupSettings.appendTo;
81
81
  return (// @ts-ignore function children
82
82
  h(Popup, {
83
+ ref: 'popup',
83
84
  style: {
84
85
  width: width,
85
86
  direction: dir
@@ -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: 1663159923,
8
+ publishDate: 1663665394,
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
  };
@@ -872,6 +872,7 @@ var ComboBoxVue2 = {
872
872
  var popupWidth = popupSettings.width !== undefined ? popupSettings.width : base.popupWidth;
873
873
  return (// @ts-ignore function children
874
874
  h(ListContainer, {
875
+ ref: 'container',
875
876
  onMousedown: function onMousedown(e) {
876
877
  return e.preventDefault();
877
878
  },
@@ -934,6 +934,7 @@ var DropDownListVue2 = {
934
934
  var popupWidth = popupSettings.width !== undefined ? popupSettings.width : base.popupWidth;
935
935
  return (// @ts-ignore function children
936
936
  h(ListContainer, {
937
+ ref: 'container',
937
938
  onMousedown: preventDefaultNonInputs,
938
939
  on: this.v3 ? undefined : {
939
940
  "mousedown": preventDefaultNonInputs,
@@ -73,6 +73,7 @@ export default class DropDownBase {
73
73
  handleItemClick: (index: number, event: any) => void;
74
74
  handleFocus: any;
75
75
  filterChanged: (text: string | null, state: InternalState) => void;
76
+ repositionPopup(): void;
76
77
  initState(): InternalState;
77
78
  applyState(state: InternalState): void;
78
79
  togglePopup: (state: InternalState) => void;
@@ -60,8 +60,8 @@ function () {
60
60
  };
61
61
 
62
62
  this.filterChanged = function (text, state) {
63
- // @ts-ignore
64
- var _a = _this.component.$props,
63
+ var component = _this.component;
64
+ var _a = component.$props,
65
65
  textField = _a.textField,
66
66
  filterable = _a.filterable;
67
67
 
@@ -75,6 +75,8 @@ function () {
75
75
  value: text
76
76
  }
77
77
  });
78
+
79
+ _this.repositionPopup();
78
80
  }
79
81
  };
80
82
 
@@ -203,6 +205,21 @@ function () {
203
205
  }
204
206
  };
205
207
 
208
+ DropDownBase.prototype.repositionPopup = function () {
209
+ var component = this.component;
210
+ setTimeout(function () {
211
+ var lc = component.$refs.container;
212
+
213
+ if (lc) {
214
+ var popup = lc.$refs.popup;
215
+
216
+ if (popup) {
217
+ popup.reposition();
218
+ }
219
+ }
220
+ }, 5);
221
+ };
222
+
206
223
  DropDownBase.prototype.initState = function () {
207
224
  var state = {
208
225
  data: {},
@@ -80,6 +80,7 @@ var ListContainerVue2 = {
80
80
  appendTo = popupSettings.appendTo;
81
81
  return (// @ts-ignore function children
82
82
  h(Popup, {
83
+ ref: 'popup',
83
84
  style: {
84
85
  width: width,
85
86
  direction: dir
@@ -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: 1663159923,
8
+ publishDate: 1663665394,
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
  };
@@ -891,6 +891,7 @@ var ComboBoxVue2 = {
891
891
  var popupWidth = popupSettings.width !== undefined ? popupSettings.width : base.popupWidth;
892
892
  return (// @ts-ignore function children
893
893
  h(ListContainer_1.ListContainer, {
894
+ ref: 'container',
894
895
  onMousedown: function onMousedown(e) {
895
896
  return e.preventDefault();
896
897
  },
@@ -951,6 +951,7 @@ var DropDownListVue2 = {
951
951
  var popupWidth = popupSettings.width !== undefined ? popupSettings.width : base.popupWidth;
952
952
  return (// @ts-ignore function children
953
953
  h(ListContainer_1.ListContainer, {
954
+ ref: 'container',
954
955
  onMousedown: utils_1.preventDefaultNonInputs,
955
956
  on: this.v3 ? undefined : {
956
957
  "mousedown": utils_1.preventDefaultNonInputs,
@@ -73,6 +73,7 @@ export default class DropDownBase {
73
73
  handleItemClick: (index: number, event: any) => void;
74
74
  handleFocus: any;
75
75
  filterChanged: (text: string | null, state: InternalState) => void;
76
+ repositionPopup(): void;
76
77
  initState(): InternalState;
77
78
  applyState(state: InternalState): void;
78
79
  togglePopup: (state: InternalState) => void;
@@ -71,8 +71,8 @@ function () {
71
71
  };
72
72
 
73
73
  this.filterChanged = function (text, state) {
74
- // @ts-ignore
75
- var _a = _this.component.$props,
74
+ var component = _this.component;
75
+ var _a = component.$props,
76
76
  textField = _a.textField,
77
77
  filterable = _a.filterable;
78
78
 
@@ -86,6 +86,8 @@ function () {
86
86
  value: text
87
87
  }
88
88
  });
89
+
90
+ _this.repositionPopup();
89
91
  }
90
92
  };
91
93
 
@@ -214,6 +216,21 @@ function () {
214
216
  }
215
217
  };
216
218
 
219
+ DropDownBase.prototype.repositionPopup = function () {
220
+ var component = this.component;
221
+ setTimeout(function () {
222
+ var lc = component.$refs.container;
223
+
224
+ if (lc) {
225
+ var popup = lc.$refs.popup;
226
+
227
+ if (popup) {
228
+ popup.reposition();
229
+ }
230
+ }
231
+ }, 5);
232
+ };
233
+
217
234
  DropDownBase.prototype.initState = function () {
218
235
  var state = {
219
236
  data: {},
@@ -90,6 +90,7 @@ var ListContainerVue2 = {
90
90
  appendTo = popupSettings.appendTo;
91
91
  return (// @ts-ignore function children
92
92
  h(kendo_vue_popup_1.Popup, {
93
+ ref: 'popup',
93
94
  style: {
94
95
  width: width,
95
96
  direction: dir
@@ -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: 1663159923,
11
+ publishDate: 1663665394,
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": "3.6.1",
4
+ "version": "3.6.2-dev.202209200929",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/telerik/kendo-vue.git"
@@ -49,14 +49,14 @@
49
49
  "vue": "^2.6.12 || ^3.0.2"
50
50
  },
51
51
  "dependencies": {
52
- "@progress/kendo-vue-buttons": "3.6.1",
53
- "@progress/kendo-vue-common": "3.6.1",
54
- "@progress/kendo-vue-popup": "3.6.1"
52
+ "@progress/kendo-vue-buttons": "3.6.2-dev.202209200929",
53
+ "@progress/kendo-vue-common": "3.6.2-dev.202209200929",
54
+ "@progress/kendo-vue-popup": "3.6.2-dev.202209200929"
55
55
  },
56
56
  "devDependencies": {
57
57
  "@progress/kendo-data-query": "^1.5.4",
58
58
  "@progress/kendo-licensing": "^1.1.0",
59
- "@progress/kendo-vue-intl": "3.6.1"
59
+ "@progress/kendo-vue-intl": "3.6.2-dev.202209200929"
60
60
  },
61
61
  "author": "Progress",
62
62
  "license": "SEE LICENSE IN LICENSE.md",