@progress/kendo-vue-dropdowns 4.3.0-dev.202401300902 → 4.3.0-dev.202401301055

package/dist/npm/MultiSelectTree/MultiSelectTree.js

@@ -309,6 +309,7 @@ var MultiSelectTreeVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
+    var _this2 = this;
     var _a, _b;
     var _this = this;
     var h = gh || createElement;
@@ -640,7 +641,7 @@ var MultiSelectTreeVue2 = {
       "aria-expanded": this.isOpen,
       "aria-describedby": 'tagslist-' + id,
       "aria-label": this.$props.ariaLabelledBy
-    }, [this.tagsToRender.length === 0 && h("span", {
+    }, [this.tagsToRenderRef.length === 0 && h("span", {
       "class": "k-input-value-text"
     }, [placeholder])])]), this.$props.loading && h(kendo_vue_common_1.Icon, {
       "class": "k-input-loading-icon",
@@ -680,9 +681,9 @@ var MultiSelectTreeVue2 = {
       domProps: this.v3 ? undefined : {
         "value": this.$props.valueMap ? this.$props.valueMap.call(undefined, value) : value
       }
-    })]),
+    })]), !renderAdaptive &&
     // @ts-ignore function children
-    !renderAdaptive && h(kendo_vue_popup_1.Popup, {
+    h(kendo_vue_popup_1.Popup, {
       style: {
         width: this.popupWidth,
         direction: dir
@@ -709,45 +710,115 @@ var MultiSelectTreeVue2 = {
       onClose: this.onPopupClosed,
       appendTo: popupSettings.appendTo,
       ref: (0, kendo_vue_common_1.setRef)(this, 'popup')
-    }, [this.$props.filterable &&
-    // @ts-ignore
-    h(ListFilter_1.ListFilter, {
-      value: this.$props.filter === undefined ? this.filterState : this.$props.filter,
-      attrs: this.v3 ? undefined : {
-        value: this.$props.filter === undefined ? this.filterState : this.$props.filter,
+    }, this.v3 ? function () {
+      return [_this2.$props.filterable &&
+      // @ts-ignore
+      h(ListFilter_1.ListFilter, {
+        value: _this2.$props.filter === undefined ? _this2.filterState : _this2.$props.filter,
+        attrs: _this2.v3 ? undefined : {
+          value: _this2.$props.filter === undefined ? _this2.filterState : _this2.$props.filter,
+          size: size,
+          rounded: rounded,
+          fillMode: fillMode
+        },
+        ref: (0, kendo_vue_common_1.setRef)(_this2, 'input'),
+        onChange: _this2.onFilterChange,
+        on: _this2.v3 ? undefined : {
+          "change": _this2.onFilterChange,
+          "keydown": _this2.onInputKeyDown,
+          "focus": _this2.onFocus,
+          "blur": _this2.onBlur
+        },
+        onKeydown: _this2.onInputKeyDown,
+        size: size,
+        rounded: rounded,
+        fillMode: fillMode,
+        onFocus: _this2.onFocus,
+        onBlur: _this2.onBlur
+      }), header && h("div", {
+        "class": "k-list-header"
+      }, [header]), dataItems.length > 0 ?
+      // @ts-ignore
+      h(kendo_vue_treeview_1.TreeView, {
+        ref: (0, kendo_vue_common_1.setRef)(_this2, 'treeView'),
+        tabIndex: tabIndex,
+        attrs: _this2.v3 ? undefined : {
+          tabIndex: tabIndex,
+          dataItems: dataItems,
+          focusIdField: dataItemKey,
+          textField: _this2.$props.textField,
+          checkField: checkField,
+          checkIndeterminateField: checkIndeterminateField,
+          expandField: _this2.$props.expandField,
+          childrenField: subItemsField,
+          expandIcons: true,
+          checkboxes: true,
+          size: size,
+          item: itemTemplate
+        },
+        dataItems: dataItems,
+        focusIdField: dataItemKey,
+        textField: _this2.$props.textField,
+        checkField: checkField,
+        checkIndeterminateField: checkIndeterminateField,
+        expandField: _this2.$props.expandField,
+        childrenField: subItemsField,
+        expandIcons: true,
+        onItemclick: _this2.onChange,
+        on: _this2.v3 ? undefined : {
+          "itemclick": _this2.onChange,
+          "checkchange": _this2.onChange,
+          "expandchange": _this2.onExpand,
+          "focus": _this2.onFocus,
+          "blur": _this2.onBlur,
+          "keydown": _this2.onWrapperKeyDown
+        },
+        onCheckchange: _this2.onChange,
+        onExpandchange: _this2.onExpand,
+        onFocus: _this2.onFocus,
+        onBlur: _this2.onBlur,
+        onKeydown: _this2.onWrapperKeyDown,
+        checkboxes: true,
+        size: size,
+        item: itemTemplate
+      }) : noDataTemplate, footer && h("div", {
+        "class": "k-list-footer"
+      }, [footer])];
+    } : [_this2.$props.filterable && h(ListFilter_1.ListFilter, {
+      value: _this2.$props.filter === undefined ? _this2.filterState : _this2.$props.filter,
+      attrs: _this2.v3 ? undefined : {
+        value: _this2.$props.filter === undefined ? _this2.filterState : _this2.$props.filter,
         size: size,
         rounded: rounded,
         fillMode: fillMode
       },
-      ref: (0, kendo_vue_common_1.setRef)(this, 'input'),
-      onChange: this.onFilterChange,
-      on: this.v3 ? undefined : {
-        "change": this.onFilterChange,
-        "keydown": this.onInputKeyDown,
-        "focus": this.onFocus,
-        "blur": this.onBlur
+      ref: (0, kendo_vue_common_1.setRef)(_this2, 'input'),
+      onChange: _this2.onFilterChange,
+      on: _this2.v3 ? undefined : {
+        "change": _this2.onFilterChange,
+        "keydown": _this2.onInputKeyDown,
+        "focus": _this2.onFocus,
+        "blur": _this2.onBlur
       },
-      onKeydown: this.onInputKeyDown,
+      onKeydown: _this2.onInputKeyDown,
       size: size,
       rounded: rounded,
       fillMode: fillMode,
-      onFocus: this.onFocus,
-      onBlur: this.onBlur
+      onFocus: _this2.onFocus,
+      onBlur: _this2.onBlur
     }), header && h("div", {
       "class": "k-list-header"
-    }, [header]), dataItems.length > 0 ?
-    // @ts-ignore
-    h(kendo_vue_treeview_1.TreeView, {
-      ref: (0, kendo_vue_common_1.setRef)(this, 'treeView'),
+    }, [header]), dataItems.length > 0 ? h(kendo_vue_treeview_1.TreeView, {
+      ref: (0, kendo_vue_common_1.setRef)(_this2, 'treeView'),
       tabIndex: tabIndex,
-      attrs: this.v3 ? undefined : {
+      attrs: _this2.v3 ? undefined : {
         tabIndex: tabIndex,
         dataItems: dataItems,
         focusIdField: dataItemKey,
-        textField: this.$props.textField,
+        textField: _this2.$props.textField,
         checkField: checkField,
         checkIndeterminateField: checkIndeterminateField,
-        expandField: this.$props.expandField,
+        expandField: _this2.$props.expandField,
         childrenField: subItemsField,
         expandIcons: true,
         checkboxes: true,
@@ -756,26 +827,26 @@ var MultiSelectTreeVue2 = {
       },
       dataItems: dataItems,
       focusIdField: dataItemKey,
-      textField: this.$props.textField,
+      textField: _this2.$props.textField,
       checkField: checkField,
       checkIndeterminateField: checkIndeterminateField,
-      expandField: this.$props.expandField,
+      expandField: _this2.$props.expandField,
       childrenField: subItemsField,
       expandIcons: true,
-      onItemclick: this.onChange,
-      on: this.v3 ? undefined : {
-        "itemclick": this.onChange,
-        "checkchange": this.onChange,
-        "expandchange": this.onExpand,
-        "focus": this.onFocus,
-        "blur": this.onBlur,
-        "keydown": this.onWrapperKeyDown
+      onItemclick: _this2.onChange,
+      on: _this2.v3 ? undefined : {
+        "itemclick": _this2.onChange,
+        "checkchange": _this2.onChange,
+        "expandchange": _this2.onExpand,
+        "focus": _this2.onFocus,
+        "blur": _this2.onBlur,
+        "keydown": _this2.onWrapperKeyDown
       },
-      onCheckchange: this.onChange,
-      onExpandchange: this.onExpand,
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      onKeydown: this.onWrapperKeyDown,
+      onCheckchange: _this2.onChange,
+      onExpandchange: _this2.onExpand,
+      onFocus: _this2.onFocus,
+      onBlur: _this2.onBlur,
+      onKeydown: _this2.onWrapperKeyDown,
       checkboxes: true,
       size: size,
       item: itemTemplate
@@ -811,11 +882,7 @@ var MultiSelectTreeVue2 = {
   },
   methods: {
     clearFilter: function clearFilter(event) {
-      this.onFilterChange(__assign(__assign({}, event), {
-        target: __assign(__assign({}, event.target), {
-          value: ''
-        })
-      }));
+      this.onFilterChange(event, '');
     },
     onCancel: function onCancel(event) {
       var dropdownEvent = {
@@ -904,7 +971,9 @@ var MultiSelectTreeVue2 = {
       }
     },
     closePopup: function closePopup(event) {
-      this.clearFilter(event);
+      if (this.$props.filterable) {
+        this.clearFilter(event);
+      }
       if (this.isOpen) {
         var closeEvent = __assign({}, event);
         this.$emit('close', closeEvent);
@@ -1130,11 +1199,12 @@ var MultiSelectTreeVue2 = {
       };
       this.$emit('expandchange', expandEvent);
     },
-    onFilterChange: function onFilterChange(event) {
+    onFilterChange: function onFilterChange(event, emptyValue) {
+      var newValue = emptyValue ? '' : event.target.value;
       var filterDesc = {
         field: this.$props.textField,
         operator: 'contains',
-        value: event.target.value
+        value: newValue
       };
       var ev = {
         filter: filterDesc,
@@ -1143,7 +1213,7 @@ var MultiSelectTreeVue2 = {
       };
       this.$emit('filterchange', ev);
       if (this.$props.filter === undefined) {
-        this.filterState = event.target.value;
+        this.filterState = newValue;
       }
     }
   }

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1706604833,
+    publishDate: 1706611548,
     version: '',
     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'
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-dropdowns",
   "description": "Kendo UI for Vue Dropdowns package",
-  "version": "4.3.0-dev.202401300902",
+  "version": "4.3.0-dev.202401301055",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -54,21 +54,21 @@
     "vue": "^2.6.12 || ^3.0.2"
   },
   "dependencies": {
-    "@progress/kendo-vue-buttons": "4.3.0-dev.202401300902",
-    "@progress/kendo-vue-common": "4.3.0-dev.202401300902",
-    "@progress/kendo-vue-layout": "4.3.0-dev.202401300902",
-    "@progress/kendo-vue-popup": "4.3.0-dev.202401300902"
+    "@progress/kendo-vue-buttons": "4.3.0-dev.202401301055",
+    "@progress/kendo-vue-common": "4.3.0-dev.202401301055",
+    "@progress/kendo-vue-layout": "4.3.0-dev.202401301055",
+    "@progress/kendo-vue-popup": "4.3.0-dev.202401301055"
   },
   "devDependencies": {
     "@progress/kendo-data-query": "^1.5.4",
     "@progress/kendo-licensing": "^1.3.0",
     "@progress/kendo-svg-icons": "^2.0.0",
-    "@progress/kendo-vue-data-tools": "4.3.0-dev.202401300902",
-    "@progress/kendo-vue-inputs": "4.3.0-dev.202401300902",
-    "@progress/kendo-vue-intl": "4.3.0-dev.202401300902",
-    "@progress/kendo-vue-labels": "4.3.0-dev.202401300902",
-    "@progress/kendo-vue-layout": "4.3.0-dev.202401300902",
-    "@progress/kendo-vue-treeview": "4.3.0-dev.202401300902"
+    "@progress/kendo-vue-data-tools": "4.3.0-dev.202401301055",
+    "@progress/kendo-vue-inputs": "4.3.0-dev.202401301055",
+    "@progress/kendo-vue-intl": "4.3.0-dev.202401301055",
+    "@progress/kendo-vue-labels": "4.3.0-dev.202401301055",
+    "@progress/kendo-vue-layout": "4.3.0-dev.202401301055",
+    "@progress/kendo-vue-treeview": "4.3.0-dev.202401301055"
   },
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",