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

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/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;