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

package/common/List.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as H, createVNode as d, ref as V, inject as T, h as q } from "vue";
-import { ListItem as J } from "./ListItem.mjs";
-import { ListGroupItem as K } from "./ListGroupItem.mjs";
-import { areSame as G } from "./utils.mjs";
-import { getDefaultSlots as M, getRef as P, setRef as j, getTemplate as Q } from "@progress/kendo-vue-common";
-import { provideLocalizationService as U } from "@progress/kendo-vue-intl";
-import { nodata as N, messages as W } from "../messages/main.mjs";
-const de = /* @__PURE__ */ H({
+import { defineComponent as V, createVNode as d, ref as T, inject as q, h as J } from "vue";
+import { ListItem as K } from "./ListItem.mjs";
+import { ListGroupItem as M } from "./ListGroupItem.mjs";
+import { areSame as C } from "./utils.mjs";
+import { getDefaultSlots as P, getRef as Q, setRef as G, getTemplate as U } from "@progress/kendo-vue-common";
+import { provideLocalizationService as W } from "@progress/kendo-vue-intl";
+import { nodata as b, messages as X } from "../messages/main.mjs";
+const ce = /* @__PURE__ */ V({
   name: "list",
   emits: {
     listclick: (l) => !0,
@@ -45,7 +45,8 @@ const de = /* @__PURE__ */ H({
     descriptionField: String,
     iconField: String,
     svgIconField: String,
-    checkboxField: String
+    checkboxField: String,
+    showSelectionCheckbox: Boolean
   },
   inject: {
     kendoLocalizationService: {
@@ -53,14 +54,14 @@ const de = /* @__PURE__ */ H({
     }
   },
   setup() {
-    const l = V(null), a = T("kendoLocalizationService", {});
+    const l = T(null), a = q("kendoLocalizationService", {});
     return {
       listRef: l,
       kendoLocalizationService: a
     };
   },
   mounted() {
-    this.list = P(this, "list");
+    this.list = Q(this, "list");
   },
   methods: {
     handleClick(l, a) {
@@ -71,63 +72,64 @@ const de = /* @__PURE__ */ H({
     }
   },
   render() {
-    const l = M(this), a = U(this), {
+    const l = P(this), a = W(this), {
       id: g,
       show: S,
-      wrapperCssClass: C,
-      wrapperStyle: O,
+      wrapperCssClass: j,
+      wrapperStyle: w,
       listStyle: m,
-      listRef: X
-    } = this.$props, b = function() {
-      const t = this.$props.noDataRender, i = d("div", {
+      listRef: Y
+    } = this.$props, N = function() {
+      const t = this.$props.noDataRender, n = d("div", {
         class: "k-nodata",
         "aria-live": "polite"
-      }, [d("div", null, [a.toLanguageString(N, W[N])])]);
-      return Q.call(this, {
-        h: q,
+      }, [d("div", null, [a.toLanguageString(b, X[b])])]);
+      return U.call(this, {
+        h: J,
         template: t,
-        defaultRendering: i
+        defaultRendering: n
       });
     }, F = function() {
       const {
         textField: t,
-        valueField: i,
+        valueField: n,
         optionsGuid: e,
         skip: p = 0,
         focusedIndex: c,
-        highlightSelected: n,
+        highlightSelected: i,
         value: s,
-        groupField: r,
+        groupField: o,
         itemRender: k,
         groupHeaderItemRender: u,
         dataItems: h,
         actionsField: A,
         descriptionField: z,
         iconField: v,
-        svgIconField: I,
-        checkboxField: D
-      } = this.$props, x = Array.isArray(s);
+        svgIconField: x,
+        checkboxField: B,
+        showSelectionCheckbox: D
+      } = this.$props, I = Array.isArray(s);
       let $ = 0;
-      return h.map(function(o, L) {
+      return h.map(function(r, L) {
         const R = p + L;
-        if (r && (o == null ? void 0 : o[r]) !== void 0 && (t ? o[t] === void 0 : Object.keys(o).length === 1))
-          return d(K, {
+        if (o && (r == null ? void 0 : r[o]) !== void 0 && (t ? r[t] === void 0 : Object.keys(r).length === 1))
+          return d(M, {
             id: `option-${e}-${R}`,
             key: L + "-group-item",
-            group: o[r],
+            group: r[o],
             render: u,
             iconField: v,
-            svgIconField: I,
-            groupItem: o
+            svgIconField: x,
+            groupItem: r
           }, null);
         const f = p + $;
         $ += 1;
-        const B = n && (!x && G(o, s, i) || x && s.findIndex((E) => G(E, o, i)) !== -1), _ = c === f;
-        return d(J, {
+        const _ = i && (!I && C(r, s, n) || I && s.findIndex((H) => C(H, r, n)) !== -1), E = c === f;
+        return d(K, {
           id: `option-${e}-${R}`,
-          dataItem: o,
-          selected: B,
-          focused: _,
+          dataItem: r,
+          selected: _,
+          focused: E,
           index: f,
           key: `item-${f}`,
           onItemClick: this.handleClick,
@@ -136,52 +138,53 @@ const de = /* @__PURE__ */ H({
           actionsField: A,
           descriptionField: z,
           iconField: v,
-          svgIconField: I,
-          checkboxField: D
+          svgIconField: x,
+          checkboxField: B,
+          showSelectionCheckbox: D
         }, null);
       }, this);
-    }.call(this), y = F.filter((t) => t), w = function() {
+    }.call(this), y = F.filter((t) => t), O = function() {
       if (!this.$props.groupField)
         return d("ul", {
           id: g,
           role: "listbox",
           "aria-hidden": S ? void 0 : !0,
           class: "k-list-ul",
-          ref: j(this, "list"),
+          ref: G(this, "list"),
           style: m
         }, [y]);
       const t = [];
-      let i = [];
+      let n = [];
       return y.forEach((e) => {
-        var n, s;
-        (((n = e == null ? void 0 : e.type) == null ? void 0 : n.name) || ((s = e == null ? void 0 : e.type) == null ? void 0 : s.__name) || "") === "ListGroupItem" ? (i.length > 0 && t.push(i), i = [e]) : e && i.push(e);
-      }), i.length > 0 && t.push(i), t.map((e, p) => {
+        var i, s;
+        (((i = e == null ? void 0 : e.type) == null ? void 0 : i.name) || ((s = e == null ? void 0 : e.type) == null ? void 0 : s.__name) || "") === "ListGroupItem" ? (n.length > 0 && t.push(n), n = [e]) : e && n.push(e);
+      }), n.length > 0 && t.push(n), t.map((e, p) => {
         var s;
-        const c = e.find((r) => {
+        const c = e.find((o) => {
           var u, h;
-          return (((u = r == null ? void 0 : r.type) == null ? void 0 : u.name) || ((h = r == null ? void 0 : r.type) == null ? void 0 : h.__name) || "") === "ListGroupItem";
-        }), n = (s = c == null ? void 0 : c.props) == null ? void 0 : s.id;
+          return (((u = o == null ? void 0 : o.type) == null ? void 0 : u.name) || ((h = o == null ? void 0 : o.type) == null ? void 0 : h.__name) || "") === "ListGroupItem";
+        }), i = (s = c == null ? void 0 : c.props) == null ? void 0 : s.id;
         return d("ul", {
-          id: n ? void 0 : g,
-          key: n || `group-${p}`,
-          role: n ? "group" : void 0,
-          "aria-labelledby": n,
+          id: i ? void 0 : g,
+          key: i || `group-${p}`,
+          role: i ? "group" : void 0,
+          "aria-labelledby": i,
           class: "k-list-ul",
-          ref: n ? void 0 : j(this, "list"),
+          ref: i ? void 0 : G(this, "list"),
           style: m
         }, [e]);
       });
     };
     return F.length ? d("div", {
-      class: C,
-      style: O,
+      class: j,
+      style: w,
       role: this.$props.groupField ? "listbox" : void 0,
       "aria-hidden": this.$props.groupField && !S ? !0 : void 0,
       unselectable: "on",
       onScroll: this.handleScroll
-    }, [w.call(this), l]) : b.call(this);
+    }, [O.call(this), l]) : N.call(this);
   }
 });
 export {
-  de as List
+  ce as List
 };

package/common/ListItem.d.ts

@@ -79,6 +79,11 @@ export interface ListItemProps {
      * The field name in the dataItem that contains the checkbox state.
      */
     checkboxField?: string;
+    /**
+     * @hidden
+     * When true, renders a checkbox whose checked state reflects the item's selected state.
+     */
+    showSelectionCheckbox?: boolean;
 }
 /**
  * @hidden
@@ -100,6 +105,7 @@ declare const ListItem: import('vue').DefineComponent<import('vue').ExtractPropT
     iconField: PropType<string>;
     svgIconField: PropType<string>;
     checkboxField: PropType<string>;
+    showSelectionCheckbox: PropType<boolean>;
 }>, {}, {}, {
     itemClass(): {
         'k-list-item': boolean;
@@ -125,5 +131,6 @@ declare const ListItem: import('vue').DefineComponent<import('vue').ExtractPropT
     iconField: PropType<string>;
     svgIconField: PropType<string>;
     checkboxField: PropType<string>;
+    showSelectionCheckbox: PropType<boolean>;
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export { ListItem };

package/common/ListItem.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 t=require("vue"),p=require("@progress/kendo-vue-common"),i=require("./utils.js"),b=require("@progress/kendo-vue-inputs"),S=require("./ListItemIcon.js"),V=t.defineComponent({name:"KendoListItem",inheritAttrs:!1,props:{id:String,index:Number,dataItem:[Object,String,Number],textField:String,focused:Boolean,selected:Boolean,disabled:Boolean,group:String,virtual:Boolean,render:Object,onItemClick:Function,actionsField:String,descriptionField:String,iconField:String,svgIconField:String,checkboxField:String},computed:{itemClass(){return{"k-list-item":!0,"k-selected":this.$props.selected,"k-focus":this.$props.focused}}},methods:{handleClick(s){this.$emit("itemClick",this.$props.index,s)}},render(){var u;const{selected:s,disabled:l,virtual:h,actionsField:c,descriptionField:d,iconField:o,svgIconField:r,checkboxField:a,dataItem:e,textField:m}=this.$props,g=()=>{if(!a)return null;const n=i.getItemValue(e,a)||!1;return t.createVNode("span",{class:"k-checkbox-wrap"},[t.createVNode(b.Checkbox,{checked:n,onChange:C=>{e.onCheckboxChange&&e.onCheckboxChange(e,C.value)}},null)])},k=()=>c?i.getItemValue(e,c):null,I=()=>{if(!d)return null;const n=i.getItemValue(e,d);return n?t.createVNode("span",{class:"k-list-item-description"},[n]):null},f=t.createVNode("li",{id:this.$props.id,role:"option","aria-selected":s,"aria-disabled":l?!0:void 0,class:p.classNames("k-list-item",{"k-selected":s,"k-focus":this.$props.focused,"k-disabled":l,[this.$attrs.class]:this.$attrs.class}),onClick:this.handleClick,style:h?{position:"relative"}:this.$attrs.style||{position:"unset"}},[g(),(r||o)&&t.createVNode(S.ListItemIcon,{icon:o?i.getItemValue(e,o):void 0,svgIcon:r?i.getItemValue(e,r):void 0},null),t.createVNode("span",{class:"k-list-item-text"},[((u=i.getItemValue(e,m))==null?void 0:u.toString())||""]),k(),I()]);return p.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:f,additionalProps:{...this.$props,itemClass:this.itemClass},additionalListeners:{click:this.handleClick}})}});exports.ListItem=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),h=require("@progress/kendo-vue-common"),i=require("./utils.js"),p=require("@progress/kendo-vue-inputs"),x=require("./ListItemIcon.js"),V=t.defineComponent({name:"KendoListItem",inheritAttrs:!1,props:{id:String,index:Number,dataItem:[Object,String,Number],textField:String,focused:Boolean,selected:Boolean,disabled:Boolean,group:String,virtual:Boolean,render:Object,onItemClick:Function,actionsField:String,descriptionField:String,iconField:String,svgIconField:String,checkboxField:String,showSelectionCheckbox:Boolean},computed:{itemClass(){return{"k-list-item":!0,"k-selected":this.$props.selected,"k-focus":this.$props.focused}}},methods:{handleClick(n){this.$emit("itemClick",this.$props.index,n)}},render(){var u;const{selected:n,disabled:l,virtual:m,actionsField:c,descriptionField:d,iconField:o,svgIconField:r,checkboxField:a,showSelectionCheckbox:k,dataItem:e,textField:g}=this.$props,b=()=>{if(k)return t.createVNode(p.Checkbox,{checked:n,tabIndex:-1},null);if(!a)return null;const s=i.getItemValue(e,a)||!1;return t.createVNode("span",{class:"k-checkbox-wrap"},[t.createVNode(p.Checkbox,{checked:s,onChange:S=>{e.onCheckboxChange&&e.onCheckboxChange(e,S.value)}},null)])},C=()=>c?i.getItemValue(e,c):null,I=()=>{if(!d)return null;const s=i.getItemValue(e,d);return s?t.createVNode("span",{class:"k-list-item-description"},[s]):null},f=t.createVNode("li",{id:this.$props.id,role:"option","aria-selected":n,"aria-disabled":l?!0:void 0,class:h.classNames("k-list-item",{"k-selected":n,"k-focus":this.$props.focused,"k-disabled":l,[this.$attrs.class]:this.$attrs.class}),onClick:this.handleClick,style:m?{position:"relative"}:this.$attrs.style||{position:"unset"}},[b(),(r||o)&&t.createVNode(x.ListItemIcon,{icon:o?i.getItemValue(e,o):void 0,svgIcon:r?i.getItemValue(e,r):void 0},null),t.createVNode("span",{class:"k-list-item-text"},[((u=i.getItemValue(e,g))==null?void 0:u.toString())||""]),C(),I()]);return h.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:f,additionalProps:{...this.$props,itemClass:this.itemClass},additionalListeners:{click:this.handleClick}})}});exports.ListItem=V;

package/common/ListItem.mjs

@@ -5,12 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as b, createVNode as t, h as x } from "vue";
-import { classNames as F, getTemplate as S } from "@progress/kendo-vue-common";
+import { defineComponent as S, createVNode as t, h as F } from "vue";
+import { classNames as I, getTemplate as $ } from "@progress/kendo-vue-common";
 import { getItemValue as i } from "./utils.mjs";
-import { Checkbox as $ } from "@progress/kendo-vue-inputs";
-import { ListItemIcon as I } from "./ListItemIcon.mjs";
-const y = /* @__PURE__ */ b({
+import { Checkbox as h } from "@progress/kendo-vue-inputs";
+import { ListItemIcon as v } from "./ListItemIcon.mjs";
+const y = /* @__PURE__ */ S({
   name: "KendoListItem",
   inheritAttrs: !1,
   props: {
@@ -29,7 +29,8 @@ const y = /* @__PURE__ */ b({
     descriptionField: String,
     iconField: String,
     svgIconField: String,
-    checkboxField: String
+    checkboxField: String,
+    showSelectionCheckbox: Boolean
   },
   computed: {
     itemClass() {
@@ -41,14 +42,14 @@ const y = /* @__PURE__ */ b({
     }
   },
   methods: {
-    handleClick(s) {
-      this.$emit("itemClick", this.$props.index, s);
+    handleClick(n) {
+      this.$emit("itemClick", this.$props.index, n);
     }
   },
   render() {
     var p;
     const {
-      selected: s,
+      selected: n,
       disabled: l,
       virtual: u,
       actionsField: c,
@@ -56,34 +57,40 @@ const y = /* @__PURE__ */ b({
       iconField: o,
       svgIconField: r,
       checkboxField: a,
+      showSelectionCheckbox: m,
       dataItem: e,
-      textField: h
-    } = this.$props, m = () => {
+      textField: k
+    } = this.$props, f = () => {
+      if (m)
+        return t(h, {
+          checked: n,
+          tabIndex: -1
+        }, null);
       if (!a)
         return null;
-      const n = i(e, a) || !1;
+      const s = i(e, a) || !1;
       return t("span", {
         class: "k-checkbox-wrap"
-      }, [t($, {
-        checked: n,
-        onChange: (C) => {
-          e.onCheckboxChange && e.onCheckboxChange(e, C.value);
+      }, [t(h, {
+        checked: s,
+        onChange: (x) => {
+          e.onCheckboxChange && e.onCheckboxChange(e, x.value);
         }
       }, null)]);
-    }, k = () => c ? i(e, c) : null, f = () => {
+    }, g = () => c ? i(e, c) : null, C = () => {
       if (!d)
         return null;
-      const n = i(e, d);
-      return n ? t("span", {
+      const s = i(e, d);
+      return s ? t("span", {
         class: "k-list-item-description"
-      }, [n]) : null;
-    }, g = t("li", {
+      }, [s]) : null;
+    }, b = t("li", {
       id: this.$props.id,
       role: "option",
-      "aria-selected": s,
+      "aria-selected": n,
       "aria-disabled": l ? !0 : void 0,
-      class: F("k-list-item", {
-        "k-selected": s,
+      class: I("k-list-item", {
+        "k-selected": n,
         "k-focus": this.$props.focused,
         "k-disabled": l,
         [this.$attrs.class]: this.$attrs.class
@@ -94,16 +101,16 @@ const y = /* @__PURE__ */ b({
       } : this.$attrs.style || {
         position: "unset"
       }
-    }, [m(), (r || o) && t(I, {
+    }, [f(), (r || o) && t(v, {
       icon: o ? i(e, o) : void 0,
       svgIcon: r ? i(e, r) : void 0
     }, null), t("span", {
       class: "k-list-item-text"
-    }, [((p = i(e, h)) == null ? void 0 : p.toString()) || ""]), k(), f()]);
-    return S.call(this, {
-      h: x,
+    }, [((p = i(e, k)) == null ? void 0 : p.toString()) || ""]), g(), C()]);
+    return $.call(this, {
+      h: F,
       template: this.$props.render,
-      defaultRendering: g,
+      defaultRendering: b,
       additionalProps: {
         ...this.$props,
         itemClass: this.itemClass

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: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(){var e;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:(e=this.$props.tabIndex)!=null?e:0,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 n=require("vue"),s=require("@progress/kendo-vue-common"),d=n.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&&s.canUseDOM&&document.activeElement!==i&&i.focus(),t&&a&&!o&&i&&i.setSelectionRange(e.length-t.length,e.length)},setup(){return{inputRef:n.ref(null)}},mounted(){this.input=s.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(){var e;return n.createVNode("input",n.mergeProps({autocomplete:"off",id:this.$props.id,type:"text",key:"searchbar",placeholder:this.$props.placeholder,class:"k-input-inner",tabindex:(e=this.$props.tabIndex)!=null?e:0,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:s.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.expanded?this.$props.owns:void 0,"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

@@ -118,7 +118,7 @@ const b = /* @__PURE__ */ r({
       "aria-autocomplete": this.$props.suggestedText ? "both" : "list",
       "aria-haspopup": "listbox",
       "aria-expanded": this.$props.expanded || !1,
-      "aria-controls": this.$props.owns,
+      "aria-controls": this.$props.expanded ? this.$props.owns : void 0,
       "aria-activedescendant": this.$props.expanded ? this.$props.activedescendant : void 0,
       "aria-describedby": this.$props.ariaDescribedBy,
       "aria-labelledby": this.$props.ariaLabelledBy,

package/common/VirtualScroll.d.ts

@@ -32,7 +32,7 @@ export default class VirtualScroll {
     ScrollChange: (Event: any) => void;
     private prevScrollPos;
     private listTranslate;
-    private scrollSyncing;
+    scrollSyncing: boolean;
     constructor();
     get translate(): number;
     scrollerRef: (element: HTMLDivElement | null) => void;