@progress/kendo-vue-dropdowns 5.2.0-dev.202406271321 → 5.2.0-dev.202407150706

package/dist/esm/MultiSelectTree/MultiSelectTree.js

@@ -304,29 +304,27 @@ var MultiSelectTreeVue2 = {
   },
   // @ts-ignore
   render: function render(createElement) {
-    var _this2 = this;
-    var _a, _b;
     var _this = this;
     var h = gh || createElement;
     var id = this.$props.id || this.componentGuid;
-    var _c = this.$props,
-      dataItems = _c.dataItems,
-      dataItemKey = _c.dataItemKey,
-      _d = _c.popupSettings,
-      popupSettings = _d === void 0 ? {} : _d,
-      disabled = _c.disabled,
-      placeholder = _c.placeholder,
-      label = _c.label,
-      name = _c.name,
-      checkField = _c.checkField,
-      checkIndeterminateField = _c.checkIndeterminateField,
-      subItemsField = _c.subItemsField,
-      validationMessage = _c.validationMessage,
-      valid = _c.valid,
-      value = _c.value,
-      required = _c.required,
-      validityStyles = _c.validityStyles,
-      adaptiveTitle = _c.adaptiveTitle;
+    var _a = this.$props,
+      dataItems = _a.dataItems,
+      dataItemKey = _a.dataItemKey,
+      _b = _a.popupSettings,
+      popupSettings = _b === void 0 ? {} : _b,
+      disabled = _a.disabled,
+      placeholder = _a.placeholder,
+      label = _a.label,
+      name = _a.name,
+      checkField = _a.checkField,
+      checkIndeterminateField = _a.checkIndeterminateField,
+      subItemsField = _a.subItemsField,
+      validationMessage = _a.validationMessage,
+      valid = _a.valid,
+      value = _a.value,
+      required = _a.required,
+      validityStyles = _a.validityStyles,
+      adaptiveTitle = _a.adaptiveTitle;
     var tabIndex = getTabIndex(this.$props.tabIndex, disabled);
     var localization = provideLocalizationService(this);
     var validity = getValidity({
@@ -360,10 +358,10 @@ var MultiSelectTreeVue2 = {
       template: listNoDataRender
     });
     var isValid = !validityStyles || validity.valid;
-    var _e = this.$props,
-      size = _e.size,
-      rounded = _e.rounded,
-      fillMode = _e.fillMode;
+    var _c = this.$props,
+      size = _c.size,
+      rounded = _c.rounded,
+      fillMode = _c.fillMode;
     var adaptiveActionSheetHeaderTemplateDef = function adaptiveActionSheetHeaderTemplateDef() {
       return [h("div", {
         "class": "k-actionsheet-titlebar-group k-hbox"
@@ -550,15 +548,42 @@ var MultiSelectTreeVue2 = {
         navigatableElements: ['input.k-input-inner', '.k-actionsheet-actions > button']
       });
     };
-    var component = h("span", {
-      ref: setRef(this, 'kendoAnchor', this.anchor),
-      "class": classNames('k-multiselecttree k-input', this.$props.className, (_a = {}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a['k-focus'] = this.focusedState && !disabled, _a['k-invalid'] = !isValid, _a['k-disabled'] = disabled, _a['k-loading'] = this.$props.loading, _a['k-required'] = required, _a)),
-      tabIndex: tabIndex,
-      attrs: this.v3 ? undefined : {
+    var component = function component() {
+      var _this2 = this;
+      var _a, _b;
+      var _this = this;
+      return h("span", {
+        ref: setRef(this, 'kendoAnchor', this.anchor),
+        "class": classNames('k-multiselecttree k-input', this.$props.className, (_a = {}, _a["k-input-".concat(sizeMap[size] || size)] = size, _a["k-rounded-".concat(roundedMap[rounded] || rounded)] = rounded, _a["k-input-".concat(fillMode)] = fillMode, _a['k-focus'] = this.focusedState && !disabled, _a['k-invalid'] = !isValid, _a['k-disabled'] = disabled, _a['k-loading'] = this.$props.loading, _a['k-required'] = required, _a)),
         tabIndex: tabIndex,
+        attrs: this.v3 ? undefined : {
+          tabIndex: tabIndex,
+          accessKey: this.$props.accessKey,
+          id: id,
+          dir: dir,
+          role: "combobox",
+          "aria-haspopup": "tree",
+          "aria-expanded": this.isOpen,
+          "aria-disabled": disabled,
+          "aria-label": label,
+          "aria-labelledby": this.$props.ariaLabelledBy,
+          "aria-describedby": this.$props.ariaLabelledBy ? this.$props.ariaLabelledBy : 'tagslist-' + id,
+          "aria-required": this.$props.required
+        },
         accessKey: this.$props.accessKey,
         id: id,
         dir: dir,
+        onKeydown: this.onWrapperKeyDown,
+        on: this.v3 ? undefined : {
+          "keydown": this.onWrapperKeyDown,
+          "mousedown": this.onWrapperMouseDown,
+          "focusin": this.onFocus,
+          "focusout": this.onBlur,
+          "click": this.onWrapperClick
+        },
+        onMousedown: this.onWrapperMouseDown,
+        onFocusin: this.onFocus,
+        onFocusout: this.onBlur,
         role: "combobox",
         "aria-haspopup": "tree",
         "aria-expanded": this.isOpen,
@@ -566,36 +591,28 @@ var MultiSelectTreeVue2 = {
         "aria-label": label,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaLabelledBy ? this.$props.ariaLabelledBy : 'tagslist-' + id,
-        "aria-required": this.$props.required
-      },
-      accessKey: this.$props.accessKey,
-      id: id,
-      dir: dir,
-      onKeydown: this.onWrapperKeyDown,
-      on: this.v3 ? undefined : {
-        "keydown": this.onWrapperKeyDown,
-        "mousedown": this.onWrapperMouseDown,
-        "focusin": this.onFocus,
-        "focusout": this.onBlur,
-        "click": this.onWrapperClick
-      },
-      onMousedown: this.onWrapperMouseDown,
-      onFocusin: this.onFocus,
-      onFocusout: this.onBlur,
-      role: "combobox",
-      "aria-haspopup": "tree",
-      "aria-expanded": this.isOpen,
-      "aria-disabled": disabled,
-      "aria-label": label,
-      "aria-labelledby": this.$props.ariaLabelledBy,
-      "aria-describedby": this.$props.ariaLabelledBy ? this.$props.ariaLabelledBy : 'tagslist-' + id,
-      "aria-required": this.$props.required,
-      onClick: this.onWrapperClick
-    }, [this.tagsToRenderRef.length > 0 && h(TagList, {
-      id: 'tagslist-' + id,
-      attrs: this.v3 ? undefined : {
+        "aria-required": this.$props.required,
+        onClick: this.onWrapperClick
+      }, [this.tagsToRenderRef.length > 0 && h(TagList, {
         id: 'tagslist-' + id,
+        attrs: this.v3 ? undefined : {
+          id: 'tagslist-' + id,
+          tagRender: tagTemplate,
+          dataItems: this.tagsToRenderRef,
+          guid: id,
+          focused: this.focusedTagState ? this.tagsToRenderRef.find(function (t) {
+            return _this.focusedTagState && matchTags(t, _this.focusedTagState, dataItemKey);
+          }) : undefined,
+          tagsRounded: rounded,
+          size: size,
+          fillMode: fillMode
+        },
+        "class": classNames('k-input-values k-chip-list k-selection-multiple', (_b = {}, _b["k-chip-list-".concat(sizeMap[size] || size)] = size, _b['k-readonly'] = this.hasValue, _b)),
         tagRender: tagTemplate,
+        onTagdelete: this.onTagDelete,
+        on: this.v3 ? undefined : {
+          "tagdelete": this.onTagDelete
+        },
         dataItems: this.tagsToRenderRef,
         guid: id,
         focused: this.focusedTagState ? this.tagsToRenderRef.find(function (t) {
@@ -604,108 +621,164 @@ var MultiSelectTreeVue2 = {
         tagsRounded: rounded,
         size: size,
         fillMode: fillMode
-      },
-      "class": classNames('k-input-values k-chip-list k-selection-multiple', (_b = {}, _b["k-chip-list-".concat(sizeMap[size] || size)] = size, _b['k-readonly'] = this.hasValue, _b)),
-      tagRender: tagTemplate,
-      onTagdelete: this.onTagDelete,
-      on: this.v3 ? undefined : {
-        "tagdelete": this.onTagDelete
-      },
-      dataItems: this.tagsToRenderRef,
-      guid: id,
-      focused: this.focusedTagState ? this.tagsToRenderRef.find(function (t) {
-        return _this.focusedTagState && matchTags(t, _this.focusedTagState, dataItemKey);
-      }) : undefined,
-      tagsRounded: rounded,
-      size: size,
-      fillMode: fillMode
-    }), h("span", {
-      "class": "k-input-inner",
-      role: 'combobox',
-      attrs: this.v3 ? undefined : {
+      }), h("span", {
+        "class": "k-input-inner",
         role: 'combobox',
+        attrs: this.v3 ? undefined : {
+          role: 'combobox',
+          tabIndex: tabIndex,
+          "aria-expanded": this.isOpen,
+          "aria-describedby": 'tagslist-' + id,
+          "aria-label": this.$props.ariaLabelledBy
+        },
         tabIndex: tabIndex,
         "aria-expanded": this.isOpen,
         "aria-describedby": 'tagslist-' + id,
         "aria-label": this.$props.ariaLabelledBy
-      },
-      tabIndex: tabIndex,
-      "aria-expanded": this.isOpen,
-      "aria-describedby": 'tagslist-' + id,
-      "aria-label": this.$props.ariaLabelledBy
-    }, [this.tagsToRenderRef.length === 0 && h("span", {
-      "class": "k-input-value-text"
-    }, [placeholder])]), this.$props.loading && h(Icon, {
-      "class": "k-input-loading-icon",
-      name: "loading",
-      attrs: this.v3 ? undefined : {
-        name: "loading"
-      }
-    }), this.hasValue && !disabled && h(ClearButton, {
-      onClearclick: this.onClear,
-      on: this.v3 ? undefined : {
-        "clearclick": this.onClear
-      }
-    }), /* Dummy component to support forms */h("select", {
-      name: name,
-      attrs: this.v3 ? undefined : {
+      }, [this.tagsToRenderRef.length === 0 && h("span", {
+        "class": "k-input-value-text"
+      }, [placeholder])]), this.$props.loading && h(Icon, {
+        "class": "k-input-loading-icon",
+        name: "loading",
+        attrs: this.v3 ? undefined : {
+          name: "loading"
+        }
+      }), this.hasValue && !disabled && h(ClearButton, {
+        onClearclick: this.onClear,
+        on: this.v3 ? undefined : {
+          "clearclick": this.onClear
+        }
+      }), /* Dummy component to support forms */h("select", {
         name: name,
+        attrs: this.v3 ? undefined : {
+          name: name,
+          tabIndex: -1,
+          "aria-hidden": true,
+          required: required,
+          title: label
+        },
+        ref: setRef(this, 'select'),
         tabIndex: -1,
         "aria-hidden": true,
         required: required,
-        title: label
-      },
-      ref: setRef(this, 'select'),
-      tabIndex: -1,
-      "aria-hidden": true,
-      required: required,
-      title: label,
-      style: {
-        opacity: 0,
-        width: 1,
-        border: 0,
-        zIndex: -1,
-        position: 'absolute',
-        left: '50%'
-      }
-    }, [h("option", {
-      value: this.v3 ? this.$props.valueMap ? this.$props.valueMap.call(undefined, value) : value : null,
-      domProps: this.v3 ? undefined : {
-        "value": this.$props.valueMap ? this.$props.valueMap.call(undefined, value) : value
-      }
-    })]), !renderAdaptive &&
-    // @ts-ignore function children
-    h(Popup, {
-      style: {
-        width: this.popupWidth,
-        direction: dir
-      },
-      popupClass: classNames(popupSettings.popupClass, 'k-multiselecttree-popup', 'popup-' + this.componentGuid),
-      attrs: this.v3 ? undefined : {
+        title: label,
+        style: {
+          opacity: 0,
+          width: 1,
+          border: 0,
+          zIndex: -1,
+          position: 'absolute',
+          left: '50%'
+        }
+      }, [h("option", {
+        value: this.v3 ? this.$props.valueMap ? this.$props.valueMap.call(undefined, value) : value : null,
+        domProps: this.v3 ? undefined : {
+          "value": this.$props.valueMap ? this.$props.valueMap.call(undefined, value) : value
+        }
+      })]), !renderAdaptive &&
+      // @ts-ignore function children
+      h(Popup, {
+        style: {
+          width: this.popupWidth,
+          direction: dir
+        },
         popupClass: classNames(popupSettings.popupClass, 'k-multiselecttree-popup', 'popup-' + this.componentGuid),
+        attrs: this.v3 ? undefined : {
+          popupClass: classNames(popupSettings.popupClass, 'k-multiselecttree-popup', 'popup-' + this.componentGuid),
+          animate: popupSettings.animate,
+          anchor: this.anchor,
+          show: this.isOpen,
+          appendTo: popupSettings.appendTo
+        },
+        "class": classNames(popupSettings.className, {
+          'k-rtl': dir === 'rtl'
+        }),
         animate: popupSettings.animate,
         anchor: this.anchor,
         show: this.isOpen,
-        appendTo: popupSettings.appendTo
-      },
-      "class": classNames(popupSettings.className, {
-        'k-rtl': dir === 'rtl'
-      }),
-      animate: popupSettings.animate,
-      anchor: this.anchor,
-      show: this.isOpen,
-      onOpen: this.onPopupOpened,
-      on: this.v3 ? undefined : {
-        "open": this.onPopupOpened,
-        "close": this.onPopupClosed
-      },
-      onClose: this.onPopupClosed,
-      appendTo: popupSettings.appendTo,
-      ref: setRef(this, 'popup')
-    }, this.v3 ? function () {
-      return [_this2.$props.filterable &&
-      // @ts-ignore
-      h(ListFilter, {
+        onOpen: this.onPopupOpened,
+        on: this.v3 ? undefined : {
+          "open": this.onPopupOpened,
+          "close": this.onPopupClosed
+        },
+        onClose: this.onPopupClosed,
+        appendTo: popupSettings.appendTo,
+        ref: setRef(this, 'popup')
+      }, this.v3 ? function () {
+        return [_this2.$props.filterable &&
+        // @ts-ignore
+        h(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: 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(TreeView, {
+          ref: 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, {
         value: _this2.$props.filter === undefined ? _this2.filterState : _this2.$props.filter,
         attrs: _this2.v3 ? undefined : {
           value: _this2.$props.filter === undefined ? _this2.filterState : _this2.$props.filter,
@@ -729,9 +802,7 @@ var MultiSelectTreeVue2 = {
         onBlur: _this2.onBlur
       }), header && h("div", {
         "class": "k-list-header"
-      }, [header]), dataItems.length > 0 ?
-      // @ts-ignore
-      h(TreeView, {
+      }, [header]), dataItems.length > 0 ? h(TreeView, {
         ref: setRef(_this2, 'treeView'),
         tabIndex: tabIndex,
         attrs: _this2.v3 ? undefined : {
@@ -775,80 +846,12 @@ var MultiSelectTreeVue2 = {
         item: itemTemplate
       }) : noDataTemplate, footer && h("div", {
         "class": "k-list-footer"
-      }, [footer])];
-    } : [_this2.$props.filterable && h(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: 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 ? h(TreeView, {
-      ref: 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])])]);
+      }, [footer])])]);
+    };
     // The following one combines the default rendering of the MultiSelect and the Adaptive rendering.
     // This is needed because of Vue 2 specifics
-    var multiselecttree = [component, renderAdaptive && renderAdaptiveListContainer.call(this)];
-    var multiselecttreeToRender = isV3 ? multiselecttree : this.$props.adaptive ? h("span", [multiselecttree]) : component;
+    var multiselecttree = [isV3 ? h(component.call(this), __assign({}, this.$attrs)) : component.call(this), renderAdaptive && renderAdaptiveListContainer.call(this)];
+    var multiselecttreeToRender = isV3 ? multiselecttree : this.$props.adaptive ? h("span", [multiselecttree]) : component.call(this);
     return label ?
     // @ts-ignore function children
     h(FloatingLabel, {

package/dist/esm/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-dropdowns',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1719493949,
+    publishDate: 1721026677,
     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'
 };