@progress/kendo-vue-dropdowns 7.0.1-develop.2 → 7.0.1-develop.4

package/MultiSelectTree/MultiSelectTree.mjs

@@ -47,15 +47,15 @@ const Oe = "Please select a value from the list!", {
     event: "changemodel"
   },
   emits: {
-    open: null,
-    close: null,
-    focus: null,
-    blur: null,
-    change: null,
-    filterchange: null,
-    expandchange: null,
-    changemodel: null,
-    "update:modelValue": null
+    open: (e) => !0,
+    close: (e) => !0,
+    focus: (e) => !0,
+    blur: (e) => !0,
+    change: (e) => !0,
+    filterchange: (e) => !0,
+    expandchange: (e) => !0,
+    changemodel: (e) => !0,
+    "update:modelValue": (e) => !0
   },
   props: {
     opened: {
@@ -244,9 +244,9 @@ const Oe = "Please select a value from the list!", {
       dataItems: i,
       dataItemKey: n,
       popupSettings: o = {},
-      disabled: r,
+      disabled: d,
       placeholder: l,
-      label: d,
+      label: r,
       name: h,
       checkField: b,
       checkIndeterminateField: F,
@@ -257,7 +257,7 @@ const Oe = "Please select a value from the list!", {
       required: I,
       validityStyles: ee,
       adaptiveTitle: te
-    } = this.$props, w = ve(this.$props.tabIndex, r), T = we(this), ie = X({
+    } = this.$props, w = ve(this.$props.tabIndex, d), T = we(this), ie = X({
       validationMessage: Y,
       valid: Z,
       required: I
@@ -277,7 +277,7 @@ const Oe = "Please select a value from the list!", {
       size: c,
       rounded: k,
       fillMode: y
-    } = this.$props, de = () => [s("div", {
+    } = this.$props, re = () => [s("div", {
       class: "k-actionsheet-titlebar-group k-hbox"
     }, [s("div", {
       class: "k-actionsheet-title"
@@ -308,7 +308,7 @@ const Oe = "Please select a value from the list!", {
       fillMode: y,
       onFocus: this.onFocus,
       onBlur: this.onBlur
-    }, null)])], re = u.call(this, de, f.call(this)), he = () => {
+    }, null)])], de = u.call(this, re, f.call(this)), he = () => {
       const p = T.toLanguageString(H, E[H]), m = T.toLanguageString(U, E[U]);
       return [s(B, {
         size: "large",
@@ -363,7 +363,7 @@ const Oe = "Please select a value from the list!", {
         className: this.classNameAdaptive,
         footerClassName: "k-actions k-actions-stretched",
         contentClassName: "!k-overflow-hidden",
-        header: re,
+        header: de,
         content: ue,
         footer: ce,
         onClose: this.onCancel,
@@ -376,9 +376,9 @@ const Oe = "Please select a value from the list!", {
           [`k-input-${Q[c] || c}`]: c,
           [`k-rounded-${Pe[k] || k}`]: k,
           [`k-input-${y}`]: y,
-          "k-focus": this.focusedState && !r,
+          "k-focus": this.focusedState && !d,
           "k-invalid": !W,
-          "k-disabled": r,
+          "k-disabled": d,
           "k-loading": this.$props.loading,
           "k-required": I
         }),
@@ -393,8 +393,8 @@ const Oe = "Please select a value from the list!", {
         role: "combobox",
         "aria-haspopup": "tree",
         "aria-expanded": this.isOpen,
-        "aria-disabled": r,
-        "aria-label": d,
+        "aria-disabled": d,
+        "aria-label": r,
         "aria-labelledby": this.$props.ariaLabelledBy,
         "aria-describedby": this.$props.ariaLabelledBy ? this.$props.ariaLabelledBy : "tagslist-" + t,
         "aria-required": this.$props.required,
@@ -429,7 +429,7 @@ const Oe = "Please select a value from the list!", {
           class: "k-input-loading-icon",
           name: "loading"
         }, null),
-        this.hasValue && !r && s(Te, {
+        this.hasValue && !d && s(Te, {
           onClearclick: this.onClear
         }, null),
         /* Dummy component to support forms */
@@ -439,7 +439,7 @@ const Oe = "Please select a value from the list!", {
           tabindex: -1,
           "aria-hidden": !0,
           required: I,
-          title: d,
+          title: r,
           style: {
             opacity: 0,
             width: 1,
@@ -508,12 +508,12 @@ const Oe = "Please select a value from the list!", {
     }.call(this), {
       ...this.$attrs
     }), P && fe.call(this)];
-    return d ? s($e, {
-      label: d,
+    return r ? s($e, {
+      label: r,
       editorValue: this.hasValue,
       editorPlaceholder: l,
       editorValid: W,
-      editorDisabled: r,
+      editorDisabled: d,
       editorId: t,
       dir: R
     }, $(x) ? x : {
@@ -572,13 +572,13 @@ const Oe = "Please select a value from the list!", {
         items: t,
         operation: i,
         value: this.computedValue
-      }), r = {
+      }), d = {
         items: t,
         operation: i,
         value: o,
         ...e
       };
-      this.$emit("changemodel", o), this.$emit("update:modelValue", o), this.$emit("change", r);
+      this.$emit("changemodel", o), this.$emit("update:modelValue", o), this.$emit("change", d);
     },
     onChange(e) {
       if (xe(e.item, this.computedValue, this.dataItemKey))
@@ -676,25 +676,25 @@ const Oe = "Please select a value from the list!", {
       } = e, n = this.treeViewRef && this.treeViewRef.$el, o = this.inputRef && this.inputRef.input;
       if (this.$props.disabled || e.defaultPrevented && o === e.target)
         return;
-      const r = {
+      const d = {
         event: e,
         target: this
       };
       if (this.computedValue && this.computedValue.length > 0 && (t === a.left || t === a.right || t === a.home || t === a.end || t === a.delete || t === a.backspace)) {
         const l = this.tagsToRenderRef;
-        let d = this.focusedTagState ? l.findIndex((F) => j(F, this.focusedTagState, this.dataItemKey)) : -1, h;
-        const b = d !== -1;
-        t === a.left ? (b ? d = Math.max(0, d - 1) : d = l.length - 1, h = l[d]) : t === a.right ? b ? (d = Math.min(l.length - 1, d + 1), h = l[d]) : h = l[0] : t === a.home ? h = l[0] : t === a.end ? h = l[l.length - 1] : (t === a.delete || t === a.backspace) && b && this.changeValue(r, l[d].data, "delete"), h !== this.focusedTagState && (this.focusedTagState = h);
+        let r = this.focusedTagState ? l.findIndex((F) => j(F, this.focusedTagState, this.dataItemKey)) : -1, h;
+        const b = r !== -1;
+        t === a.left ? (b ? r = Math.max(0, r - 1) : r = l.length - 1, h = l[r]) : t === a.right ? b ? (r = Math.min(l.length - 1, r + 1), h = l[r]) : h = l[0] : t === a.home ? h = l[0] : t === a.end ? h = l[l.length - 1] : (t === a.delete || t === a.backspace) && b && this.changeValue(d, l[r].data, "delete"), h !== this.focusedTagState && (this.focusedTagState = h);
       }
       if (this.isOpen)
         if (t === a.esc || i && t === a.up)
           e.preventDefault(), this.switchFocus(() => {
             this.focusElement(this.elementRef);
-          }), this.closePopup(r);
+          }), this.closePopup(d);
         else if (n && n.querySelector(".k-focus") && (t === a.up || t === a.down || t === a.left || t === a.right || t === a.home || t === a.end)) {
           if (t === a.up) {
-            const l = Array.from(n.querySelectorAll(".k-treeview-item")), d = [...l].reverse().find((h) => !!(h && h.querySelector(".k-focus")));
-            if (d && l.indexOf(d) === 0)
+            const l = Array.from(n.querySelectorAll(".k-treeview-item")), r = [...l].reverse().find((h) => !!(h && h.querySelector(".k-focus")));
+            if (r && l.indexOf(r) === 0)
               return this.switchFocus(() => {
                 this.focusElement(o || this.elementRef);
               });
@@ -704,7 +704,7 @@ const Oe = "Please select a value from the list!", {
           this.focusElement(o || n);
         });
       else
-        i && t === a.down && (e.preventDefault(), this.openPopup(r));
+        i && t === a.down && (e.preventDefault(), this.openPopup(d));
     },
     onInputKeyDown(e) {
       const {

package/common/List.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),w=require("./ListItem.js"),A=require("./ListGroupItem.js"),c=require("./utils.js"),u=require("@progress/kendo-vue-common"),z=require("@progress/kendo-vue-intl"),f=require("../messages/main.js"),D=e.defineComponent({name:"list",emits:{listclick:null,scroll:null},inheritAttrs:!1,props:{id:String,show:Boolean,dataItems:Array,value:[Object,String,Number,Boolean,Array],textField:String,valueField:String,optionsGuid:String,wrapperCssClass:String,wrapperStyle:Object,listStyle:Object,skip:Number,focusedIndex:Number,highlightSelected:{type:Boolean,default:!0},itemRender:[String,Function,Object],groupHeaderItemRender:[String,Function,Object],noDataRender:[String,Function,Object],scroller:Boolean,groupField:String},inject:{kendoLocalizationService:{default:null}},setup(){const t=e.ref(null),r=e.inject("kendoLocalizationService",{});return{listRef:t,kendoLocalizationService:r}},mounted(){this.list=u.getRef(this,"list")},methods:{handleClick(t,r){this.$emit("listclick",t,r)},handleScroll(t){this.$emit("scroll",t)}},render(){const t=u.getDefaultSlots(this),r=z.provideLocalizationService(this),{id:v,show:b,wrapperCssClass:R,wrapperStyle:j,listStyle:L,listRef:B}=this.$props,V=function(){const p=this.$props.noDataRender,l=e.createVNode("div",{class:"k-nodata"},[e.createVNode("div",null,[r.toLanguageString(f.nodata,f.messages[f.nodata])])]);return u.getTemplate.call(this,{h:e.h,template:p,defaultRendering:l})},S=function(){const{textField:p,valueField:l,optionsGuid:I,skip:C=0,focusedIndex:F,highlightSelected:N,value:g,groupField:o,itemRender:O,groupHeaderItemRender:$,dataItems:k}=this.$props,y=Array.isArray(g);let s=0;return k.map(function(n,h){const i=C+h,q=N&&(!y&&c.areSame(n,g,l)||y&&g.findIndex(x=>c.areSame(x,n,l))!==-1);let a,d,m;return h>0&&o!==void 0&&(d=c.getItemValue(n,o),m=c.getItemValue(k[h-1],o),d&&m&&d!==m!==void 0&&(a=d)),a!==void 0&&Object.keys(n).length===1&&(s+=1),a!==void 0&&n[o]!==void 0&&Object.keys(n).length===1?e.createVNode(A.ListGroupItem,{id:`option-${I}-${i}`,key:i+"-group-item",group:a,render:$},null):e.createVNode(w.ListItem,{id:`option-${I}-${i}`,dataItem:n,selected:q,focused:F===i-s,index:i-s,key:i-s,onItemClick:this.handleClick,textField:p,render:O},null)},this)}.call(this);return S.length?e.createVNode("div",{class:R,style:j,unselectable:"on",onScroll:this.handleScroll},[e.createVNode("ul",{id:v,role:"listbox","aria-live":"polite","aria-hidden":b?void 0:!0,class:"k-list-ul",ref:u.setRef(this,"list"),style:L},[S]),t]):V.call(this)}});exports.List=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),w=require("./ListItem.js"),A=require("./ListGroupItem.js"),c=require("./utils.js"),u=require("@progress/kendo-vue-common"),z=require("@progress/kendo-vue-intl"),f=require("../messages/main.js"),D=e.defineComponent({name:"list",emits:{listclick:t=>!0,scroll:t=>!0},inheritAttrs:!1,props:{id:String,show:Boolean,dataItems:Array,value:[Object,String,Number,Boolean,Array],textField:String,valueField:String,optionsGuid:String,wrapperCssClass:String,wrapperStyle:Object,listStyle:Object,skip:Number,focusedIndex:Number,highlightSelected:{type:Boolean,default:!0},itemRender:[String,Function,Object],groupHeaderItemRender:[String,Function,Object],noDataRender:[String,Function,Object],scroller:Boolean,groupField:String},inject:{kendoLocalizationService:{default:null}},setup(){const t=e.ref(null),r=e.inject("kendoLocalizationService",{});return{listRef:t,kendoLocalizationService:r}},mounted(){this.list=u.getRef(this,"list")},methods:{handleClick(t,r){this.$emit("listclick",t,r)},handleScroll(t){this.$emit("scroll",t)}},render(){const t=u.getDefaultSlots(this),r=z.provideLocalizationService(this),{id:y,show:b,wrapperCssClass:R,wrapperStyle:j,listStyle:L,listRef:B}=this.$props,V=function(){const p=this.$props.noDataRender,l=e.createVNode("div",{class:"k-nodata"},[e.createVNode("div",null,[r.toLanguageString(f.nodata,f.messages[f.nodata])])]);return u.getTemplate.call(this,{h:e.h,template:p,defaultRendering:l})},S=function(){const{textField:p,valueField:l,optionsGuid:v,skip:C=0,focusedIndex:F,highlightSelected:N,value:g,groupField:o,itemRender:O,groupHeaderItemRender:$,dataItems:I}=this.$props,k=Array.isArray(g);let s=0;return I.map(function(n,h){const i=C+h,q=N&&(!k&&c.areSame(n,g,l)||k&&g.findIndex(x=>c.areSame(x,n,l))!==-1);let a,d,m;return h>0&&o!==void 0&&(d=c.getItemValue(n,o),m=c.getItemValue(I[h-1],o),d&&m&&d!==m!==void 0&&(a=d)),a!==void 0&&Object.keys(n).length===1&&(s+=1),a!==void 0&&n[o]!==void 0&&Object.keys(n).length===1?e.createVNode(A.ListGroupItem,{id:`option-${v}-${i}`,key:i+"-group-item",group:a,render:$},null):e.createVNode(w.ListItem,{id:`option-${v}-${i}`,dataItem:n,selected:q,focused:F===i-s,index:i-s,key:i-s,onItemClick:this.handleClick,textField:p,render:O},null)},this)}.call(this);return S.length?e.createVNode("div",{class:R,style:j,unselectable:"on",onScroll:this.handleScroll},[e.createVNode("ul",{id:y,role:"listbox","aria-live":"polite","aria-hidden":b?void 0:!0,class:"k-list-ul",ref:u.setRef(this,"list"),style:L},[S]),t]):V.call(this)}});exports.List=D;

package/common/List.mjs

@@ -8,15 +8,15 @@
 import { defineComponent as D, createVNode as i, ref as N, inject as B, h as G } from "vue";
 import { ListItem as V } from "./ListItem.mjs";
 import { ListGroupItem as E } from "./ListGroupItem.mjs";
-import { areSame as k, getItemValue as y } from "./utils.mjs";
+import { areSame as v, getItemValue as k } from "./utils.mjs";
 import { getDefaultSlots as H, setRef as T, getRef as q, getTemplate as J } from "@progress/kendo-vue-common";
 import { provideLocalizationService as K } from "@progress/kendo-vue-intl";
-import { nodata as v, messages as M } from "../messages/main.mjs";
+import { nodata as y, messages as M } from "../messages/main.mjs";
 const te = /* @__PURE__ */ D({
   name: "list",
   emits: {
-    listclick: null,
-    scroll: null
+    listclick: (e) => !0,
+    scroll: (e) => !0
   },
   inheritAttrs: !1,
   props: {
@@ -76,7 +76,7 @@ const te = /* @__PURE__ */ D({
     } = this.$props, C = function() {
       const c = this.$props.noDataRender, l = i("div", {
         class: "k-nodata"
-      }, [i("div", null, [r.toLanguageString(v, M[v])])]);
+      }, [i("div", null, [r.toLanguageString(y, M[y])])]);
       return J.call(this, {
         h: G,
         template: c,
@@ -98,9 +98,9 @@ const te = /* @__PURE__ */ D({
       } = this.$props, S = Array.isArray(u);
       let s = 0;
       return g.map(function(t, p) {
-        const n = $ + p, A = L && (!S && k(t, u, l) || S && u.findIndex((z) => k(z, t, l)) !== -1);
+        const n = $ + p, A = L && (!S && v(t, u, l) || S && u.findIndex((z) => v(z, t, l)) !== -1);
         let a, d, m;
-        return p > 0 && o !== void 0 && (d = y(t, o), m = y(g[p - 1], o), d && m && d !== m !== void 0 && (a = d)), a !== void 0 && Object.keys(t).length === 1 && (s += 1), a !== void 0 && t[o] !== void 0 && Object.keys(t).length === 1 ? i(E, {
+        return p > 0 && o !== void 0 && (d = k(t, o), m = k(g[p - 1], o), d && m && d !== m !== void 0 && (a = d)), a !== void 0 && Object.keys(t).length === 1 && (s += 1), a !== void 0 && t[o] !== void 0 && Object.keys(t).length === 1 ? i(E, {
           id: `option-${h}-${n}`,
           key: n + "-group-item",
           group: a,

package/common/ListContainer.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),S=require("@progress/kendo-vue-popup"),b=require("@progress/kendo-vue-common"),y=o.defineComponent({name:"list-container",emits:{mousedown:null,blur:null,open:null,close:null},props:{width:[String,Number],dir:String,itemsCount:Number,popupSettings:{type:Object,default:function(){return{animate:!0,height:"200px"}}}},created(){this.kendoAnchorRef=void 0},methods:{onMouseDown(e){this.$emit("mousedown",e)},onBlur(e){this.$emit("blur",e)},onOpen(e){this.$emit("open",e)},onClose(e){this.$emit("close",e)}},render(){const e=b.getDefaultSlots(this),{width:n,dir:i,popupSettings:s}=this.$props,{popupClass:p,className:u,animate:r,anchor:l,anchorAlign:d,show:a,itemsCount:A,appendTo:c,collision:h,direction:m,offset:f,popupAlign:g,style:w,width:t,popupStyle:C}=s;return o.createVNode(S.Popup,{ref:"popup",style:{...w,width:t||n,direction:i},popupClass:u,animate:r,anchor:l,anchorAlign:d,show:a,onOpen:this.onOpen,onClose:this.onClose,appendTo:c,collision:h,direction:m,offset:f,popupAlign:g},{default:()=>[o.createVNode("div",{class:p,style:C,onMousedown:this.onMouseDown,onFocusout:this.onBlur},[e])]})}});exports.ListContainer=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),S=require("@progress/kendo-vue-popup"),b=require("@progress/kendo-vue-common"),v=o.defineComponent({name:"list-container",emits:{mousedown:e=>!0,blur:e=>!0,open:e=>!0,close:e=>!0},props:{width:[String,Number],dir:String,itemsCount:Number,popupSettings:{type:Object,default:function(){return{animate:!0,height:"200px"}}}},created(){this.kendoAnchorRef=void 0},methods:{onMouseDown(e){this.$emit("mousedown",e)},onBlur(e){this.$emit("blur",e)},onOpen(e){this.$emit("open",e)},onClose(e){this.$emit("close",e)}},render(){const e=b.getDefaultSlots(this),{width:n,dir:i,popupSettings:s}=this.$props,{popupClass:p,className:r,animate:u,anchor:l,anchorAlign:d,show:a,itemsCount:y,appendTo:c,collision:h,direction:m,offset:f,popupAlign:g,style:w,width:t,popupStyle:C}=s;return o.createVNode(S.Popup,{ref:"popup",style:{...w,width:t||n,direction:i},popupClass:r,animate:u,anchor:l,anchorAlign:d,show:a,onOpen:this.onOpen,onClose:this.onClose,appendTo:c,collision:h,direction:m,offset:f,popupAlign:g},{default:()=>[o.createVNode("div",{class:p,style:C,onMousedown:this.onMouseDown,onFocusout:this.onBlur},[e])]})}});exports.ListContainer=v;

package/common/ListContainer.mjs

@@ -5,16 +5,16 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as S, createVNode as e } from "vue";
+import { defineComponent as S, createVNode as t } from "vue";
 import { Popup as b } from "@progress/kendo-vue-popup";
-import { getDefaultSlots as y } from "@progress/kendo-vue-common";
-const D = /* @__PURE__ */ S({
+import { getDefaultSlots as v } from "@progress/kendo-vue-common";
+const O = /* @__PURE__ */ S({
   name: "list-container",
   emits: {
-    mousedown: null,
-    blur: null,
-    open: null,
-    close: null
+    mousedown: (e) => !0,
+    blur: (e) => !0,
+    open: (e) => !0,
+    close: (e) => !0
   },
   props: {
     width: [String, Number],
@@ -34,51 +34,51 @@ const D = /* @__PURE__ */ S({
     this.kendoAnchorRef = void 0;
   },
   methods: {
-    onMouseDown(o) {
-      this.$emit("mousedown", o);
+    onMouseDown(e) {
+      this.$emit("mousedown", e);
     },
-    onBlur(o) {
-      this.$emit("blur", o);
+    onBlur(e) {
+      this.$emit("blur", e);
     },
-    onOpen(o) {
-      this.$emit("open", o);
+    onOpen(e) {
+      this.$emit("open", e);
     },
-    onClose(o) {
-      this.$emit("close", o);
+    onClose(e) {
+      this.$emit("close", e);
     }
   },
   render() {
-    const o = y(this), {
+    const e = v(this), {
       width: n,
       dir: i,
       popupSettings: s
     } = this.$props, {
       popupClass: p,
-      className: l,
-      animate: r,
-      anchor: u,
+      className: r,
+      animate: u,
+      anchor: l,
       anchorAlign: d,
       show: a,
-      itemsCount: A,
+      itemsCount: y,
       appendTo: h,
       collision: c,
       direction: m,
       offset: f,
       popupAlign: w,
       style: g,
-      width: t,
+      width: o,
       popupStyle: C
     } = s;
-    return e(b, {
+    return t(b, {
       ref: "popup",
       style: {
         ...g,
-        width: t || n,
+        width: o || n,
         direction: i
       },
-      popupClass: l,
-      animate: r,
-      anchor: u,
+      popupClass: r,
+      animate: u,
+      anchor: l,
       anchorAlign: d,
       show: a,
       onOpen: this.onOpen,
@@ -89,15 +89,15 @@ const D = /* @__PURE__ */ S({
       offset: f,
       popupAlign: w
     }, {
-      default: () => [e("div", {
+      default: () => [t("div", {
         class: p,
         style: C,
         onMousedown: this.onMouseDown,
         onFocusout: this.onBlur
-      }, [o])]
+      }, [e])]
     });
   }
 });
 export {
-  D as ListContainer
+  O as ListContainer
 };

package/common/ListFilter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),o=require("@progress/kendo-vue-common"),p=require("@progress/kendo-svg-icons"),f=require("@progress/kendo-vue-inputs"),h=require("@progress/kendo-vue-intl"),r=require("../messages/main.js"),{sizeMap:m,roundedMap:g}=o.kendoThemeMaps,v=i.defineComponent({name:"list-filter",emits:{keydown:null,change:null,focus:null,blur:null},inject:{kendoLocalizationService:{default:null}},props:{value:String,rounded:{type:String,default:"medium",validator:function(e){return["small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return["solid","flat","outline"].includes(e)}},size:{type:String,default:"medium",validator:function(e){return["small","medium","large"].includes(e)}},adaptiveMode:{type:Boolean,default:!1},ariaControlsId:String,ariaActivedescendantId:String,tabIndex:{type:Number,default:0}},computed:{spanClass(){const{size:e,rounded:t,fillMode:n}=this.$props;return{"k-searchbox k-input":!0,[`k-input-${m[e]||e}`]:e,[`k-rounded-${g[t]||t}`]:t,[`k-input-${n}`]:n}}},setup(){return{inputRef:i.ref(null)}},methods:{onKeyDown(e){this.$emit("keydown",e)},onChange(e){this.$emit("change",e)},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)},prefixRender(e){const t={class:"k-input-icon",name:"search",icon:p.searchIcon};return e(o.Icon,{...t})}},mounted(){this.input=o.getRef(this,"input")._input},render(){const{size:e,rounded:t,fillMode:n,adaptiveMode:a,ariaControlsId:s,ariaActivedescendantId:u,tabIndex:d}=this.$props,c=h.provideLocalizationService(this).toLanguageString(r.filterLabel,r.messages[r.filterLabel]),l=function(){return i.createVNode(f.TextBox,{ref:o.setRef(this,"input"),value:this.$props.value,onInput:this.onChange,onKeydown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,size:e,fillMode:n,rounded:t,inputPrefix:this.prefixRender,role:"searchbox","aria-label":c,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":u,"aria-controls":s,tabIndex:d},null)};return a?l.call(this):i.createVNode("div",{class:"k-list-filter"},[l.call(this)])}});exports.ListFilter=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),o=require("@progress/kendo-vue-common"),p=require("@progress/kendo-svg-icons"),f=require("@progress/kendo-vue-inputs"),h=require("@progress/kendo-vue-intl"),r=require("../messages/main.js"),{sizeMap:m,roundedMap:v}=o.kendoThemeMaps,g=i.defineComponent({name:"list-filter",emits:{keydown:e=>!0,change:e=>!0,focus:e=>!0,blur:e=>!0},inject:{kendoLocalizationService:{default:null}},props:{value:String,rounded:{type:String,default:"medium",validator:function(e){return["small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return["solid","flat","outline"].includes(e)}},size:{type:String,default:"medium",validator:function(e){return["small","medium","large"].includes(e)}},adaptiveMode:{type:Boolean,default:!1},ariaControlsId:String,ariaActivedescendantId:String,tabIndex:{type:Number,default:0}},computed:{spanClass(){const{size:e,rounded:t,fillMode:n}=this.$props;return{"k-searchbox k-input":!0,[`k-input-${m[e]||e}`]:e,[`k-rounded-${v[t]||t}`]:t,[`k-input-${n}`]:n}}},setup(){return{inputRef:i.ref(null)}},methods:{onKeyDown(e){this.$emit("keydown",e)},onChange(e){this.$emit("change",e)},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)},prefixRender(e){const t={class:"k-input-icon",name:"search",icon:p.searchIcon};return e(o.Icon,{...t})}},mounted(){this.input=o.getRef(this,"input")._input},render(){const{size:e,rounded:t,fillMode:n,adaptiveMode:s,ariaControlsId:l,ariaActivedescendantId:u,tabIndex:d}=this.$props,c=h.provideLocalizationService(this).toLanguageString(r.filterLabel,r.messages[r.filterLabel]),a=function(){return i.createVNode(f.TextBox,{ref:o.setRef(this,"input"),value:this.$props.value,onInput:this.onChange,onKeydown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,size:e,fillMode:n,rounded:t,inputPrefix:this.prefixRender,role:"searchbox","aria-label":c,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":u,"aria-controls":l,tabIndex:d},null)};return s?a.call(this):i.createVNode("div",{class:"k-list-filter"},[a.call(this)])}});exports.ListFilter=g;

package/common/ListFilter.mjs

@@ -6,8 +6,8 @@
  *-------------------------------------------------------------------------------------------
  */
 import { defineComponent as c, createVNode as o, ref as p } from "vue";
-import { getRef as f, Icon as m, kendoThemeMaps as h, setRef as g } from "@progress/kendo-vue-common";
-import { searchIcon as v } from "@progress/kendo-svg-icons";
+import { getRef as f, Icon as m, kendoThemeMaps as h, setRef as v } from "@progress/kendo-vue-common";
+import { searchIcon as g } from "@progress/kendo-svg-icons";
 import { TextBox as b } from "@progress/kendo-vue-inputs";
 import { provideLocalizationService as x } from "@progress/kendo-vue-intl";
 import { filterLabel as r, messages as k } from "../messages/main.mjs";
@@ -17,10 +17,10 @@ const {
 } = h, R = /* @__PURE__ */ c({
   name: "list-filter",
   emits: {
-    keydown: null,
-    change: null,
-    focus: null,
-    blur: null
+    keydown: (e) => !0,
+    change: (e) => !0,
+    focus: (e) => !0,
+    blur: (e) => !0
   },
   inject: {
     kendoLocalizationService: {
@@ -99,7 +99,7 @@ const {
         ...{
           class: "k-input-icon",
           name: "search",
-          icon: v
+          icon: g
         }
       });
     }
@@ -113,12 +113,12 @@ const {
       rounded: t,
       fillMode: n,
       adaptiveMode: a,
-      ariaControlsId: l,
-      ariaActivedescendantId: s,
+      ariaControlsId: s,
+      ariaActivedescendantId: l,
       tabIndex: u
     } = this.$props, d = x(this).toLanguageString(r, k[r]), i = function() {
       return o(b, {
-        ref: g(this, "input"),
+        ref: v(this, "input"),
         value: this.$props.value,
         onInput: this.onChange,
         onKeydown: this.onKeyDown,
@@ -132,8 +132,8 @@ const {
         "aria-label": d,
         "aria-haspopup": "listbox",
         "aria-autocomplete": "list",
-        "aria-activedescendant": s,
-        "aria-controls": l,
+        "aria-activedescendant": l,
+        "aria-controls": s,
         tabIndex: u
       }, null);
     };

package/common/SearchBar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),n=require("@progress/kendo-vue-common"),d=s.defineComponent({name:"search-bar",emits:{change:null,keydown:null,focus:null,blur:null},props:{value:String,id:String,placeholder:String,tabIndex:Number,size:{type:Number,default:void 0},suggestedText:String,focused:Boolean,disabled:Boolean,readOnly:Boolean,expanded:Boolean,owns:String,name:String,activedescendant:String,ariaDescribedBy:String,clearButton:Boolean,accessKey:String,ariaLabelledBy:String,ariaLabel:{type:String,default:void 0},onClearbuttonclick:Function,inputAttributes:Object},data(){return{prevValue:void 0,prevSuggestedText:void 0}},watch:{suggestedText:function(e,t){this.prevSuggestedText=t},value:function(e,t){this.prevValue=t}},updated(){const{value:e,suggestedText:t,focused:r}=this.$props;this.input||(this.input=this.$refs.input);const i=this.input,a=this.$data.prevValue!==e||t!==this.prevSuggestedText,o=a&&this.$data.prevValue&&this.$data.prevValue.startsWith(e)&&!(this.$data.prevSuggestedText&&t&&this.$data.prevSuggestedText.endsWith(t));r&&i&&n.canUseDOM&&document.activeElement!==i&&i.focus(),t&&a&&!o&&i&&i.setSelectionRange(e.length-t.length,e.length)},setup(){return{inputRef:s.ref(null)}},mounted(){this.input=n.getRef(this,"input")},methods:{onChange(e){this.$emit("change",e)},onBlur(e){this.$emit("blur",e)},onFocus(e){this.$emit("focus",e)},onKeyDown(e){this.$emit("keydown",e)},clearButtonClick(e){this.$emit("clearbuttonclick",e)}},render(){return s.createVNode("input",s.mergeProps({autocomplete:"off",id:this.$props.id,type:"text",key:"searchbar",placeholder:this.$props.placeholder,class:"k-input-inner",tabindex:this.$props.tabIndex,accesskey:this.$props.accessKey,role:"combobox",name:this.$props.name,value:this.$props.value,size:this.$props.size?this.$props.size:20,onInput:this.onChange,ref:n.setRef(this,"input"),onKeydown:this.onKeyDown,onFocusin:this.onFocus,onBlur:this.onBlur,"aria-disabled":this.$props.disabled||void 0,disabled:this.$props.disabled||void 0,readonly:this.$props.readOnly||void 0,"aria-autocomplete":this.$props.suggestedText?"both":"list","aria-haspopup":"listbox","aria-expanded":this.$props.expanded||!1,"aria-controls":this.$props.owns,"aria-activedescendant":this.$props.expanded?this.$props.activedescendant:void 0,"aria-describedby":this.$props.ariaDescribedBy,"aria-labelledby":this.$props.ariaLabelledBy,"aria-label":this.$props.ariaLabel},this.$props.inputAttributes),null)}});exports.SearchBar=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),n=require("@progress/kendo-vue-common"),d=s.defineComponent({name:"search-bar",emits:{change:e=>!0,keydown:e=>!0,focus:e=>!0,blur:e=>!0},props:{value:String,id:String,placeholder:String,tabIndex:Number,size:{type:Number,default:void 0},suggestedText:String,focused:Boolean,disabled:Boolean,readOnly:Boolean,expanded:Boolean,owns:String,name:String,activedescendant:String,ariaDescribedBy:String,clearButton:Boolean,accessKey:String,ariaLabelledBy:String,ariaLabel:{type:String,default:void 0},onClearbuttonclick:Function,inputAttributes:Object},data(){return{prevValue:void 0,prevSuggestedText:void 0}},watch:{suggestedText:function(e,t){this.prevSuggestedText=t},value:function(e,t){this.prevValue=t}},updated(){const{value:e,suggestedText:t,focused:r}=this.$props;this.input||(this.input=this.$refs.input);const i=this.input,a=this.$data.prevValue!==e||t!==this.prevSuggestedText,o=a&&this.$data.prevValue&&this.$data.prevValue.startsWith(e)&&!(this.$data.prevSuggestedText&&t&&this.$data.prevSuggestedText.endsWith(t));r&&i&&n.canUseDOM&&document.activeElement!==i&&i.focus(),t&&a&&!o&&i&&i.setSelectionRange(e.length-t.length,e.length)},setup(){return{inputRef:s.ref(null)}},mounted(){this.input=n.getRef(this,"input")},methods:{onChange(e){this.$emit("change",e)},onBlur(e){this.$emit("blur",e)},onFocus(e){this.$emit("focus",e)},onKeyDown(e){this.$emit("keydown",e)},clearButtonClick(e){this.$emit("clearbuttonclick",e)}},render(){return s.createVNode("input",s.mergeProps({autocomplete:"off",id:this.$props.id,type:"text",key:"searchbar",placeholder:this.$props.placeholder,class:"k-input-inner",tabindex:this.$props.tabIndex,accesskey:this.$props.accessKey,role:"combobox",name:this.$props.name,value:this.$props.value,size:this.$props.size?this.$props.size:20,onInput:this.onChange,ref:n.setRef(this,"input"),onKeydown:this.onKeyDown,onFocusin:this.onFocus,onBlur:this.onBlur,"aria-disabled":this.$props.disabled||void 0,disabled:this.$props.disabled||void 0,readonly:this.$props.readOnly||void 0,"aria-autocomplete":this.$props.suggestedText?"both":"list","aria-haspopup":"listbox","aria-expanded":this.$props.expanded||!1,"aria-controls":this.$props.owns,"aria-activedescendant":this.$props.expanded?this.$props.activedescendant:void 0,"aria-describedby":this.$props.ariaDescribedBy,"aria-labelledby":this.$props.ariaLabelledBy,"aria-label":this.$props.ariaLabel},this.$props.inputAttributes),null)}});exports.SearchBar=d;

package/common/SearchBar.mjs

@@ -10,10 +10,10 @@ import { setRef as u, getRef as l, canUseDOM as h } from "@progress/kendo-vue-co
 const b = /* @__PURE__ */ r({
   name: "search-bar",
   emits: {
-    change: null,
-    keydown: null,
-    focus: null,
-    blur: null
+    change: (e) => !0,
+    keydown: (e) => !0,
+    focus: (e) => !0,
+    blur: (e) => !0
   },
   props: {
     value: String,