@progress/kendo-vue-dropdowns 3.6.4-dev.202210070908 → 3.6.4

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.
@@ -21,13 +21,14 @@ var allVue = Vue;
21
21
  var gh = allVue.h;
22
22
  var isV3 = allVue.version && allVue.version[0] === '3';
23
23
  var ref = allVue.ref;
24
+ import { Chip } from '@progress/kendo-vue-buttons';
24
25
 
25
26
  var preventDefault = function preventDefault(event) {
26
27
  return event.preventDefault();
27
28
  };
28
29
 
29
30
  var stopPropagation = function stopPropagation(event) {
30
- return event.stopPropagation();
31
+ return event.event.stopPropagation();
31
32
  };
32
33
  /**
33
34
  * @hidden
@@ -72,29 +73,9 @@ var TagListVue2 = {
72
73
  size = _b.size,
73
74
  disabled = _b.disabled;
74
75
  return _a = {
76
+ 'k-input-values': true,
75
77
  'k-chip-list': true
76
- }, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-single'] = true, _a['k-disabled'] = disabled, _a;
77
- },
78
- chipClass: function chipClass() {
79
- var _a;
80
-
81
- var _b = this.$props,
82
- size = _b.size,
83
- disabled = _b.disabled,
84
- tagsRounded = _b.tagsRounded,
85
- fillMode = _b.fillMode;
86
- return _a = {
87
- 'k-chip': true,
88
- 'k-disabled': disabled
89
- }, _a["k-chip-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[tagsRounded] || tagsRounded)] = tagsRounded, _a["k-chip-".concat(fillMode)] = fillMode, _a["k-chip-".concat(fillMode, "-base")] = Boolean(fillMode), _a;
90
- },
91
- closeIcon: function closeIcon() {
92
- var _a;
93
-
94
- return _a = {
95
- 'k-icon': true,
96
- 'k-i-x-circle': !this.removeTagIcon
97
- }, _a['k-i-' + this.removeTagIcon] = this.removeTagIcon, _a;
78
+ }, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-multiple'] = true, _a['k-disabled'] = disabled, _a;
98
79
  }
99
80
  },
100
81
  // @ts-ignore
@@ -113,7 +94,11 @@ var TagListVue2 = {
113
94
  var h = gh || createElement;
114
95
  var _a = this.$props,
115
96
  dataItems = _a.dataItems,
116
- guid = _a.guid;
97
+ guid = _a.guid,
98
+ size = _a.size,
99
+ disabled = _a.disabled,
100
+ tagsRounded = _a.tagsRounded,
101
+ removeTagIcon = _a.removeTagIcon;
117
102
  return h("div", {
118
103
  "class": this.wrapperClass,
119
104
  role: "listbox",
@@ -126,46 +111,44 @@ var TagListVue2 = {
126
111
  var _this = this;
127
112
 
128
113
  var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
129
- var defaultRendering = h("div", {
130
- "class": __assign(__assign({}, this.chipClass), {
131
- 'k-focus': tagData === this.$props.focused
132
- }),
133
- key: uniqueId,
114
+ var defaultRendering = h(Chip, {
134
115
  id: uniqueId,
135
116
  attrs: this.v3 ? undefined : {
136
117
  id: uniqueId,
137
118
  "aria-selected": true,
138
119
  role: "option",
139
- "aria-setsize": dataItems.length
140
- },
141
- onMousedown: preventDefault,
142
- on: this.v3 ? undefined : {
143
- "mousedown": preventDefault,
144
- "click": stopPropagation
120
+ "aria-setsize": dataItems.length,
121
+ text: tagData.text,
122
+ disabled: disabled,
123
+ removable: true,
124
+ removeIcon: removeTagIcon,
125
+ rounded: tagsRounded,
126
+ size: size
145
127
  },
146
- onClick: stopPropagation,
147
128
  "aria-selected": true,
148
129
  role: "option",
149
- "aria-setsize": dataItems.length
150
- }, [h("span", {
151
- "class": "k-chip-content"
152
- }, [tagData.text]), h("span", {
153
- "aria-label": "delete",
154
- attrs: this.v3 ? undefined : {
155
- "aria-label": "delete"
156
- },
157
- "class": "k-select",
158
- onClick: function onClick(e) {
130
+ "aria-setsize": dataItems.length,
131
+ key: tagData.text + index,
132
+ text: tagData.text,
133
+ disabled: disabled,
134
+ removable: true,
135
+ onRemove: function onRemove(e) {
159
136
  return _this.onTagDelete(tagData.data, e);
160
137
  },
161
138
  on: this.v3 ? undefined : {
162
- "click": function onClick(e) {
139
+ "remove": function onRemove(e) {
163
140
  return _this.onTagDelete(tagData.data, e);
164
- }
165
- }
166
- }, [h("span", {
167
- "class": this.closeIcon
168
- })])]);
141
+ },
142
+ "mousedown": preventDefault,
143
+ "click": stopPropagation
144
+ },
145
+ removeIcon: removeTagIcon,
146
+ onMousedown: preventDefault,
147
+ onClick: stopPropagation,
148
+ "class": tagData === this.$props.focused ? 'k-focus' : undefined,
149
+ rounded: tagsRounded,
150
+ size: size
151
+ });
169
152
  return getTemplate.call(this, {
170
153
  h: h,
171
154
  template: this.$props.tagRender,
@@ -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: 1665132998,
8
+ publishDate: 1665151194,
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
  };
@@ -21,13 +21,14 @@ var allVue = Vue;
21
21
  var gh = allVue.h;
22
22
  var isV3 = allVue.version && allVue.version[0] === '3';
23
23
  var ref = allVue.ref;
24
+ import { Chip } from '@progress/kendo-vue-buttons';
24
25
 
25
26
  var preventDefault = function preventDefault(event) {
26
27
  return event.preventDefault();
27
28
  };
28
29
 
29
30
  var stopPropagation = function stopPropagation(event) {
30
- return event.stopPropagation();
31
+ return event.event.stopPropagation();
31
32
  };
32
33
  /**
33
34
  * @hidden
@@ -72,29 +73,9 @@ var TagListVue2 = {
72
73
  size = _b.size,
73
74
  disabled = _b.disabled;
74
75
  return _a = {
76
+ 'k-input-values': true,
75
77
  'k-chip-list': true
76
- }, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-single'] = true, _a['k-disabled'] = disabled, _a;
77
- },
78
- chipClass: function chipClass() {
79
- var _a;
80
-
81
- var _b = this.$props,
82
- size = _b.size,
83
- disabled = _b.disabled,
84
- tagsRounded = _b.tagsRounded,
85
- fillMode = _b.fillMode;
86
- return _a = {
87
- 'k-chip': true,
88
- 'k-disabled': disabled
89
- }, _a["k-chip-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendoThemeMaps.roundedMap[tagsRounded] || tagsRounded)] = tagsRounded, _a["k-chip-".concat(fillMode)] = fillMode, _a["k-chip-".concat(fillMode, "-base")] = Boolean(fillMode), _a;
90
- },
91
- closeIcon: function closeIcon() {
92
- var _a;
93
-
94
- return _a = {
95
- 'k-icon': true,
96
- 'k-i-x-circle': !this.removeTagIcon
97
- }, _a['k-i-' + this.removeTagIcon] = this.removeTagIcon, _a;
78
+ }, _a["k-chip-list-".concat(kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-multiple'] = true, _a['k-disabled'] = disabled, _a;
98
79
  }
99
80
  },
100
81
  // @ts-ignore
@@ -113,7 +94,11 @@ var TagListVue2 = {
113
94
  var h = gh || createElement;
114
95
  var _a = this.$props,
115
96
  dataItems = _a.dataItems,
116
- guid = _a.guid;
97
+ guid = _a.guid,
98
+ size = _a.size,
99
+ disabled = _a.disabled,
100
+ tagsRounded = _a.tagsRounded,
101
+ removeTagIcon = _a.removeTagIcon;
117
102
  return h("div", {
118
103
  "class": this.wrapperClass,
119
104
  role: "listbox",
@@ -126,46 +111,44 @@ var TagListVue2 = {
126
111
  var _this = this;
127
112
 
128
113
  var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
129
- var defaultRendering = h("div", {
130
- "class": __assign(__assign({}, this.chipClass), {
131
- 'k-focus': tagData === this.$props.focused
132
- }),
133
- key: uniqueId,
114
+ var defaultRendering = h(Chip, {
134
115
  id: uniqueId,
135
116
  attrs: this.v3 ? undefined : {
136
117
  id: uniqueId,
137
118
  "aria-selected": true,
138
119
  role: "option",
139
- "aria-setsize": dataItems.length
140
- },
141
- onMousedown: preventDefault,
142
- on: this.v3 ? undefined : {
143
- "mousedown": preventDefault,
144
- "click": stopPropagation
120
+ "aria-setsize": dataItems.length,
121
+ text: tagData.text,
122
+ disabled: disabled,
123
+ removable: true,
124
+ removeIcon: removeTagIcon,
125
+ rounded: tagsRounded,
126
+ size: size
145
127
  },
146
- onClick: stopPropagation,
147
128
  "aria-selected": true,
148
129
  role: "option",
149
- "aria-setsize": dataItems.length
150
- }, [h("span", {
151
- "class": "k-chip-content"
152
- }, [tagData.text]), h("span", {
153
- "aria-label": "delete",
154
- attrs: this.v3 ? undefined : {
155
- "aria-label": "delete"
156
- },
157
- "class": "k-select",
158
- onClick: function onClick(e) {
130
+ "aria-setsize": dataItems.length,
131
+ key: tagData.text + index,
132
+ text: tagData.text,
133
+ disabled: disabled,
134
+ removable: true,
135
+ onRemove: function onRemove(e) {
159
136
  return _this.onTagDelete(tagData.data, e);
160
137
  },
161
138
  on: this.v3 ? undefined : {
162
- "click": function onClick(e) {
139
+ "remove": function onRemove(e) {
163
140
  return _this.onTagDelete(tagData.data, e);
164
- }
165
- }
166
- }, [h("span", {
167
- "class": this.closeIcon
168
- })])]);
141
+ },
142
+ "mousedown": preventDefault,
143
+ "click": stopPropagation
144
+ },
145
+ removeIcon: removeTagIcon,
146
+ onMousedown: preventDefault,
147
+ onClick: stopPropagation,
148
+ "class": tagData === this.$props.focused ? 'k-focus' : undefined,
149
+ rounded: tagsRounded,
150
+ size: size
151
+ });
169
152
  return getTemplate.call(this, {
170
153
  h: h,
171
154
  template: this.$props.tagRender,
@@ -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: 1665132998,
8
+ publishDate: 1665151194,
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
  };
@@ -30,12 +30,14 @@ var gh = allVue.h;
30
30
  var isV3 = allVue.version && allVue.version[0] === '3';
31
31
  var ref = allVue.ref;
32
32
 
33
+ var kendo_vue_buttons_1 = require("@progress/kendo-vue-buttons");
34
+
33
35
  var preventDefault = function preventDefault(event) {
34
36
  return event.preventDefault();
35
37
  };
36
38
 
37
39
  var stopPropagation = function stopPropagation(event) {
38
- return event.stopPropagation();
40
+ return event.event.stopPropagation();
39
41
  };
40
42
  /**
41
43
  * @hidden
@@ -80,29 +82,9 @@ var TagListVue2 = {
80
82
  size = _b.size,
81
83
  disabled = _b.disabled;
82
84
  return _a = {
85
+ 'k-input-values': true,
83
86
  'k-chip-list': true
84
- }, _a["k-chip-list-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-single'] = true, _a['k-disabled'] = disabled, _a;
85
- },
86
- chipClass: function chipClass() {
87
- var _a;
88
-
89
- var _b = this.$props,
90
- size = _b.size,
91
- disabled = _b.disabled,
92
- tagsRounded = _b.tagsRounded,
93
- fillMode = _b.fillMode;
94
- return _a = {
95
- 'k-chip': true,
96
- 'k-disabled': disabled
97
- }, _a["k-chip-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a["k-rounded-".concat(kendo_vue_common_1.kendoThemeMaps.roundedMap[tagsRounded] || tagsRounded)] = tagsRounded, _a["k-chip-".concat(fillMode)] = fillMode, _a["k-chip-".concat(fillMode, "-base")] = Boolean(fillMode), _a;
98
- },
99
- closeIcon: function closeIcon() {
100
- var _a;
101
-
102
- return _a = {
103
- 'k-icon': true,
104
- 'k-i-x-circle': !this.removeTagIcon
105
- }, _a['k-i-' + this.removeTagIcon] = this.removeTagIcon, _a;
87
+ }, _a["k-chip-list-".concat(kendo_vue_common_1.kendoThemeMaps.sizeMap[size] || size)] = size, _a['k-selection-multiple'] = true, _a['k-disabled'] = disabled, _a;
106
88
  }
107
89
  },
108
90
  // @ts-ignore
@@ -121,7 +103,11 @@ var TagListVue2 = {
121
103
  var h = gh || createElement;
122
104
  var _a = this.$props,
123
105
  dataItems = _a.dataItems,
124
- guid = _a.guid;
106
+ guid = _a.guid,
107
+ size = _a.size,
108
+ disabled = _a.disabled,
109
+ tagsRounded = _a.tagsRounded,
110
+ removeTagIcon = _a.removeTagIcon;
125
111
  return h("div", {
126
112
  "class": this.wrapperClass,
127
113
  role: "listbox",
@@ -134,46 +120,44 @@ var TagListVue2 = {
134
120
  var _this = this;
135
121
 
136
122
  var uniqueId = "tag-".concat(guid, "-").concat(tagData.text.toString().replace(/\s+/g, '-'));
137
- var defaultRendering = h("div", {
138
- "class": __assign(__assign({}, this.chipClass), {
139
- 'k-focus': tagData === this.$props.focused
140
- }),
141
- key: uniqueId,
123
+ var defaultRendering = h(kendo_vue_buttons_1.Chip, {
142
124
  id: uniqueId,
143
125
  attrs: this.v3 ? undefined : {
144
126
  id: uniqueId,
145
127
  "aria-selected": true,
146
128
  role: "option",
147
- "aria-setsize": dataItems.length
129
+ "aria-setsize": dataItems.length,
130
+ text: tagData.text,
131
+ disabled: disabled,
132
+ removable: true,
133
+ removeIcon: removeTagIcon,
134
+ rounded: tagsRounded,
135
+ size: size
148
136
  },
149
- onMousedown: preventDefault,
150
- on: this.v3 ? undefined : {
151
- "mousedown": preventDefault,
152
- "click": stopPropagation
153
- },
154
- onClick: stopPropagation,
155
137
  "aria-selected": true,
156
138
  role: "option",
157
- "aria-setsize": dataItems.length
158
- }, [h("span", {
159
- "class": "k-chip-content"
160
- }, [tagData.text]), h("span", {
161
- "aria-label": "delete",
162
- attrs: this.v3 ? undefined : {
163
- "aria-label": "delete"
164
- },
165
- "class": "k-select",
166
- onClick: function onClick(e) {
139
+ "aria-setsize": dataItems.length,
140
+ key: tagData.text + index,
141
+ text: tagData.text,
142
+ disabled: disabled,
143
+ removable: true,
144
+ onRemove: function onRemove(e) {
167
145
  return _this.onTagDelete(tagData.data, e);
168
146
  },
169
147
  on: this.v3 ? undefined : {
170
- "click": function onClick(e) {
148
+ "remove": function onRemove(e) {
171
149
  return _this.onTagDelete(tagData.data, e);
172
- }
173
- }
174
- }, [h("span", {
175
- "class": this.closeIcon
176
- })])]);
150
+ },
151
+ "mousedown": preventDefault,
152
+ "click": stopPropagation
153
+ },
154
+ removeIcon: removeTagIcon,
155
+ onMousedown: preventDefault,
156
+ onClick: stopPropagation,
157
+ "class": tagData === this.$props.focused ? 'k-focus' : undefined,
158
+ rounded: tagsRounded,
159
+ size: size
160
+ });
177
161
  return kendo_vue_common_1.getTemplate.call(this, {
178
162
  h: h,
179
163
  template: this.$props.tagRender,
@@ -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: 1665132998,
11
+ publishDate: 1665151194,
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.4-dev.202210070908",
4
+ "version": "3.6.4",
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.4-dev.202210070908",
53
- "@progress/kendo-vue-common": "3.6.4-dev.202210070908",
54
- "@progress/kendo-vue-popup": "3.6.4-dev.202210070908"
52
+ "@progress/kendo-vue-buttons": "3.6.4",
53
+ "@progress/kendo-vue-common": "3.6.4",
54
+ "@progress/kendo-vue-popup": "3.6.4"
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.4-dev.202210070908"
59
+ "@progress/kendo-vue-intl": "3.6.4"
60
60
  },
61
61
  "author": "Progress",
62
62
  "license": "SEE LICENSE IN LICENSE.md",