@progress/kendo-vue-treelist 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/TreeListNav.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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"),e=require("@progress/kendo-vue-common"),a=o.defineComponent({name:"KendoTreeListNav",emits:{scroll:null,keydown:null,navigationaction:null},props:{currentData:Array,onFocus:Function,role:String},inject:{onNavKeyDown:{default:e.noop},onNavFocus:{default:e.noop},onNavMount:{default:e.noop},handleDispatchFocus:{default:e.noop},kbContext:{default:null},navigation:{default:null}},mounted(){this.onNavMount({scope:this.$el||void 0})},updated(){this.onNavMount({scope:this.$el||void 0})},methods:{handleScroll(t){this.$emit("scroll",t)},onKeyDown(t){this.onNavKeyDown(t,{navigation:this.navigation,kbContext:this.kbContext,onNavigationAction:this.onNavigationAction}),this.$emit("keydown",{dataItems:this.getLeafDataItems(),componentId:this._gridId,selectedField:this.$props.selectedField,event:t})},onFocusIn(t){this.onNavFocus(t,{kbContext:this.kbContext})},onNavigationAction(t){this.$emit("navigationaction",{focusElement:t.focusElement,event:t.event})},getLeafDataItems(){return this.$props.currentData.filter(t=>t.rowType==="data").map(t=>t.dataItem)}},render(){const{role:t}=this.$props,n=e.getDefaultSlots(this);return o.createVNode("div",{onScroll:this.handleScroll,onKeydown:this.onKeyDown,onFocusin:this.onFocusIn,"data-keyboardnavscope":!0,role:t},[n])}});exports.TreeListNav=a;

package/TreeListNav.mjs

@@ -0,0 +1,98 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as n, createVNode as a } from "vue";
+import { noop as o, getDefaultSlots as i } from "@progress/kendo-vue-common";
+const d = /* @__PURE__ */ n({
+  name: "KendoTreeListNav",
+  emits: {
+    scroll: null,
+    keydown: null,
+    navigationaction: null
+  },
+  props: {
+    currentData: Array,
+    onFocus: Function,
+    role: String
+  },
+  inject: {
+    onNavKeyDown: {
+      default: o
+    },
+    onNavFocus: {
+      default: o
+    },
+    onNavMount: {
+      default: o
+    },
+    handleDispatchFocus: {
+      default: o
+    },
+    kbContext: {
+      default: null
+    },
+    navigation: {
+      default: null
+    }
+  },
+  mounted() {
+    this.onNavMount({
+      scope: this.$el || void 0
+    });
+  },
+  updated() {
+    this.onNavMount({
+      scope: this.$el || void 0
+    });
+  },
+  methods: {
+    handleScroll(t) {
+      this.$emit("scroll", t);
+    },
+    onKeyDown(t) {
+      this.onNavKeyDown(t, {
+        navigation: this.navigation,
+        kbContext: this.kbContext,
+        onNavigationAction: this.onNavigationAction
+      }), this.$emit("keydown", {
+        dataItems: this.getLeafDataItems(),
+        componentId: this._gridId,
+        selectedField: this.$props.selectedField,
+        event: t
+      });
+    },
+    onFocusIn(t) {
+      this.onNavFocus(t, {
+        kbContext: this.kbContext
+      });
+    },
+    onNavigationAction(t) {
+      this.$emit("navigationaction", {
+        focusElement: t.focusElement,
+        event: t.event
+      });
+    },
+    getLeafDataItems() {
+      return this.$props.currentData.filter((t) => t.rowType === "data").map((t) => t.dataItem);
+    }
+  },
+  render() {
+    const {
+      role: t
+    } = this.$props, e = i(this);
+    return a("div", {
+      onScroll: this.handleScroll,
+      onKeydown: this.onKeyDown,
+      onFocusin: this.onFocusIn,
+      "data-keyboardnavscope": !0,
+      role: t
+    }, [e]);
+  }
+});
+export {
+  d as TreeListNav
+};

package/cells/EditCells/TreeListBooleanEditor.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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"),i=require("@progress/kendo-vue-common"),r=require("@progress/kendo-vue-data-tools"),a=t.defineComponent({name:"KendoTreeListBooleanEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{change:null,cellkeydown:null,cellclick:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data(){return{inputId:i.guid()}},mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.focus()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerClick(e){this.$emit("cellclick",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.checked})}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},setup(){return{kendoIntlService:t.inject("kendoIntlService",{})}},render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),n=this.getKeyboardNavigationAttributes(this.$props.id),l=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,onClick:this.triggerClick,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:n.tabIndex,"data-keyboardnavlevel":n[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":n[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode("input",{checked:e||!1,id:this.inputId,type:"checkbox",class:"k-checkbox k-checkbox-md k-rounded-md",onChange:this.changeHandler},null),t.createVNode("label",{class:"k-checkbox-label",for:this.inputId},null)]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:l,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}});exports.TreeListBooleanEditor=a;

package/cells/EditCells/TreeListBooleanEditor.mjs

@@ -0,0 +1,154 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as r, inject as l, createVNode as i, h as a } from "vue";
+import { noop as d, guid as s, getNestedValue as o, getTemplate as c } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_LEVEL as h, KEYBOARD_NAV_DATA_ID as p } from "@progress/kendo-vue-data-tools";
+const $ = /* @__PURE__ */ r({
+  name: "KendoTreeListBooleanEditor",
+  inheritAttrs: !1,
+  props: {
+    id: String,
+    field: String,
+    dataItem: Object,
+    format: String,
+    colSpan: Number,
+    colIndex: Number,
+    level: Array,
+    expanded: Boolean,
+    isSelected: Boolean,
+    ariaColumnIndex: Number,
+    render: [String, Function, Object],
+    focusInputOnMount: Boolean
+  },
+  emits: {
+    change: null,
+    cellkeydown: null,
+    cellclick: null,
+    edit: null,
+    add: null,
+    cancel: null,
+    save: null,
+    remove: null
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: d
+    }
+  },
+  data() {
+    return {
+      inputId: s()
+    };
+  },
+  mounted() {
+    const e = this.$el && this.$el.querySelector("input");
+    !e || e === document.activeElement || !this.focusInputOnMount || e.focus();
+  },
+  methods: {
+    triggerKeydown(e) {
+      this.$emit("cellkeydown", {
+        event: e,
+        dataItem: this.$props.dataItem,
+        field: this.$props.field
+      });
+    },
+    triggerClick(e) {
+      this.$emit("cellclick", {
+        event: e,
+        dataItem: this.$props.dataItem,
+        field: this.$props.field
+      });
+    },
+    triggerEdit(e) {
+      this.$emit("edit", e);
+    },
+    triggerAdd(e) {
+      this.$emit("add", e);
+    },
+    triggerCancel(e) {
+      this.$emit("cancel", e);
+    },
+    triggerSave(e) {
+      this.$emit("save", e);
+    },
+    triggerRemove(e) {
+      this.$emit("remove", e);
+    },
+    changeHandler(e) {
+      this.$emit("change", {
+        dataItem: this.$props.dataItem,
+        field: this.$props.field,
+        event: e,
+        level: this.$props.level,
+        value: e.target.checked
+      });
+    }
+  },
+  computed: {
+    tdClass() {
+      const {
+        className: e
+      } = this.$props;
+      return {
+        "k-table-td": !0,
+        [e]: e
+      };
+    }
+  },
+  setup() {
+    return {
+      kendoIntlService: l("kendoIntlService", {})
+    };
+  },
+  render() {
+    const e = o(this.$props.field, this.$props.dataItem), t = this.getKeyboardNavigationAttributes(this.$props.id), n = i("td", {
+      style: this.$attrs.style,
+      onKeydown: this.triggerKeydown,
+      onClick: this.triggerClick,
+      colspan: this.$props.colSpan,
+      class: this.tdClass,
+      role: "gridcell",
+      "aria-colindex": this.$props.ariaColumnIndex,
+      "aria-selected": this.$props.isSelected,
+      "data-grid-col-index": this.$props.colIndex,
+      tabindex: t.tabIndex,
+      "data-keyboardnavlevel": t[h],
+      "data-keyboardnavid": t[p]
+    }, [i("input", {
+      checked: e || !1,
+      id: this.inputId,
+      type: "checkbox",
+      class: "k-checkbox k-checkbox-md k-rounded-md",
+      onChange: this.changeHandler
+    }, null), i("label", {
+      class: "k-checkbox-label",
+      for: this.inputId
+    }, null)]);
+    return c.call(this, {
+      h: a,
+      template: this.$props.render,
+      defaultRendering: n,
+      additionalProps: this.$props,
+      additionalListeners: {
+        change: this.changeHandler,
+        keydown: this.triggerKeydown,
+        edit: this.triggerEdit,
+        add: this.triggerAdd,
+        cancel: this.triggerCancel,
+        save: this.triggerSave,
+        remove: this.triggerRemove
+      }
+    });
+  }
+});
+export {
+  $ as TreeListBooleanEditor
+};

package/cells/EditCells/TreeListDateEditor.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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"),i=require("@progress/kendo-vue-common"),s=require("@progress/kendo-vue-dateinputs"),r=require("@progress/kendo-vue-data-tools"),d=t.defineComponent({name:"KendoTreeListDateEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{change:null,cellkeydown:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data(){return{inputId:i.guid()}},mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.select()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},setup(){return{kendoIntlService:t.inject("kendoIntlService",{})}},render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),n=this.getKeyboardNavigationAttributes(this.$props.id),a=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:n.tabIndex,"data-keyboardnavlevel":n[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":n[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode(s.DatePicker,{value:e,onChange:this.changeHandler},null)]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:a,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}});exports.TreeListDateEditor=d;

package/cells/EditCells/TreeListDateEditor.mjs

@@ -0,0 +1,140 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as n, inject as a, createVNode as i, h as d } from "vue";
+import { noop as s, guid as o, getNestedValue as l, getTemplate as c } from "@progress/kendo-vue-common";
+import { DatePicker as p } from "@progress/kendo-vue-dateinputs";
+import { KEYBOARD_NAV_DATA_LEVEL as g, KEYBOARD_NAV_DATA_ID as h } from "@progress/kendo-vue-data-tools";
+const f = /* @__PURE__ */ n({
+  name: "KendoTreeListDateEditor",
+  inheritAttrs: !1,
+  props: {
+    id: String,
+    field: String,
+    dataItem: Object,
+    format: String,
+    colSpan: Number,
+    colIndex: Number,
+    level: Array,
+    expanded: Boolean,
+    isSelected: Boolean,
+    ariaColumnIndex: Number,
+    render: [String, Function, Object],
+    focusInputOnMount: Boolean
+  },
+  emits: {
+    change: null,
+    cellkeydown: null,
+    edit: null,
+    add: null,
+    cancel: null,
+    save: null,
+    remove: null
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: s
+    }
+  },
+  data() {
+    return {
+      inputId: o()
+    };
+  },
+  mounted() {
+    const e = this.$el && this.$el.querySelector("input");
+    !e || e === document.activeElement || !this.focusInputOnMount || e.select();
+  },
+  methods: {
+    triggerKeydown(e) {
+      this.$emit("cellkeydown", {
+        event: e,
+        dataItem: this.$props.dataItem,
+        field: this.$props.field
+      });
+    },
+    triggerEdit(e) {
+      this.$emit("edit", e);
+    },
+    triggerAdd(e) {
+      this.$emit("add", e);
+    },
+    triggerCancel(e) {
+      this.$emit("cancel", e);
+    },
+    triggerSave(e) {
+      this.$emit("save", e);
+    },
+    triggerRemove(e) {
+      this.$emit("remove", e);
+    },
+    changeHandler(e) {
+      this.$emit("change", {
+        dataItem: this.$props.dataItem,
+        field: this.$props.field,
+        event: e,
+        level: this.$props.level,
+        value: e.target.value
+      });
+    }
+  },
+  computed: {
+    tdClass() {
+      const {
+        className: e
+      } = this.$props;
+      return {
+        "k-table-td": !0,
+        [e]: e
+      };
+    }
+  },
+  setup() {
+    return {
+      kendoIntlService: a("kendoIntlService", {})
+    };
+  },
+  render() {
+    const e = l(this.$props.field, this.$props.dataItem), t = this.getKeyboardNavigationAttributes(this.$props.id), r = i("td", {
+      style: this.$attrs.style,
+      onKeydown: this.triggerKeydown,
+      colspan: this.$props.colSpan,
+      class: this.tdClass,
+      role: "gridcell",
+      "aria-colindex": this.$props.ariaColumnIndex,
+      "aria-selected": this.$props.isSelected,
+      "data-grid-col-index": this.$props.colIndex,
+      tabindex: t.tabIndex,
+      "data-keyboardnavlevel": t[g],
+      "data-keyboardnavid": t[h]
+    }, [i(p, {
+      value: e,
+      onChange: this.changeHandler
+    }, null)]);
+    return c.call(this, {
+      h: d,
+      template: this.$props.render,
+      defaultRendering: r,
+      additionalProps: this.$props,
+      additionalListeners: {
+        change: this.changeHandler,
+        keydown: this.triggerKeydown,
+        edit: this.triggerEdit,
+        add: this.triggerAdd,
+        cancel: this.triggerCancel,
+        save: this.triggerSave,
+        remove: this.triggerRemove
+      }
+    });
+  }
+});
+export {
+  f as TreeListDateEditor
+};

package/cells/EditCells/TreeListNumericEditor.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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"),i=require("@progress/kendo-vue-common"),d=require("@progress/kendo-vue-inputs"),r=require("@progress/kendo-vue-data-tools"),s=t.defineComponent({name:"KendoTreeListNumericEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{change:null,cellkeydown:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data(){return{inputId:i.guid()}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.select()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})}},setup(){return{kendoIntlService:t.inject("kendoIntlService",{})}},render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),n=this.getKeyboardNavigationAttributes(this.$props.id),a=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:n.tabIndex,"data-keyboardnavlevel":n[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":n[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode(d.NumericTextBox,{value:e===void 0?null:e,onChange:this.changeHandler},null)]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:a,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}});exports.TreeListNumericEditor=s;

package/cells/EditCells/TreeListNumericEditor.mjs

@@ -0,0 +1,140 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as n, inject as a, createVNode as i, h as d } from "vue";
+import { noop as s, guid as l, getNestedValue as o, getTemplate as c } from "@progress/kendo-vue-common";
+import { NumericTextBox as p } from "@progress/kendo-vue-inputs";
+import { KEYBOARD_NAV_DATA_LEVEL as u, KEYBOARD_NAV_DATA_ID as g } from "@progress/kendo-vue-data-tools";
+const f = /* @__PURE__ */ n({
+  name: "KendoTreeListNumericEditor",
+  inheritAttrs: !1,
+  props: {
+    id: String,
+    field: String,
+    dataItem: Object,
+    format: String,
+    colSpan: Number,
+    colIndex: Number,
+    level: Array,
+    expanded: Boolean,
+    isSelected: Boolean,
+    ariaColumnIndex: Number,
+    render: [String, Function, Object],
+    focusInputOnMount: Boolean
+  },
+  emits: {
+    change: null,
+    cellkeydown: null,
+    edit: null,
+    add: null,
+    cancel: null,
+    save: null,
+    remove: null
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: s
+    }
+  },
+  data() {
+    return {
+      inputId: l()
+    };
+  },
+  computed: {
+    tdClass() {
+      const {
+        className: e
+      } = this.$props;
+      return {
+        "k-table-td": !0,
+        [e]: e
+      };
+    }
+  },
+  mounted() {
+    const e = this.$el && this.$el.querySelector("input");
+    !e || e === document.activeElement || !this.focusInputOnMount || e.select();
+  },
+  methods: {
+    triggerKeydown(e) {
+      this.$emit("cellkeydown", {
+        event: e,
+        dataItem: this.$props.dataItem,
+        field: this.$props.field
+      });
+    },
+    triggerEdit(e) {
+      this.$emit("edit", e);
+    },
+    triggerAdd(e) {
+      this.$emit("add", e);
+    },
+    triggerCancel(e) {
+      this.$emit("cancel", e);
+    },
+    triggerSave(e) {
+      this.$emit("save", e);
+    },
+    triggerRemove(e) {
+      this.$emit("remove", e);
+    },
+    changeHandler(e) {
+      this.$emit("change", {
+        dataItem: this.$props.dataItem,
+        field: this.$props.field,
+        event: e,
+        level: this.$props.level,
+        value: e.target.value
+      });
+    }
+  },
+  setup() {
+    return {
+      kendoIntlService: a("kendoIntlService", {})
+    };
+  },
+  render() {
+    const e = o(this.$props.field, this.$props.dataItem), t = this.getKeyboardNavigationAttributes(this.$props.id), r = i("td", {
+      style: this.$attrs.style,
+      onKeydown: this.triggerKeydown,
+      colspan: this.$props.colSpan,
+      class: this.tdClass,
+      role: "gridcell",
+      "aria-colindex": this.$props.ariaColumnIndex,
+      "aria-selected": this.$props.isSelected,
+      "data-grid-col-index": this.$props.colIndex,
+      tabindex: t.tabIndex,
+      "data-keyboardnavlevel": t[u],
+      "data-keyboardnavid": t[g]
+    }, [i(p, {
+      value: e === void 0 ? null : e,
+      onChange: this.changeHandler
+    }, null)]);
+    return c.call(this, {
+      h: d,
+      template: this.$props.render,
+      defaultRendering: r,
+      additionalProps: this.$props,
+      additionalListeners: {
+        change: this.changeHandler,
+        keydown: this.triggerKeydown,
+        edit: this.triggerEdit,
+        add: this.triggerAdd,
+        cancel: this.triggerCancel,
+        save: this.triggerSave,
+        remove: this.triggerRemove
+      }
+    });
+  }
+});
+export {
+  f as TreeListNumericEditor
+};

package/cells/EditCells/TreeListTextEditor.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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"),i=require("@progress/kendo-vue-common"),r=require("@progress/kendo-vue-data-tools"),a=t.defineComponent({name:"KendoTreeListTextEditor",inheritAttrs:!1,props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object],focusInputOnMount:Boolean},emits:{input:null,change:null,cellkeydown:null,edit:null,add:null,cancel:null,save:null,remove:null},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},data(){return{inputId:i.guid()}},mounted(){const e=this.$el&&this.$el.querySelector("input");!e||e===document.activeElement||!this.focusInputOnMount||e.select()},methods:{triggerKeydown(e){this.$emit("cellkeydown",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},triggerEdit(e){this.$emit("edit",e)},triggerAdd(e){this.$emit("add",e)},triggerCancel(e){this.$emit("cancel",e)},triggerSave(e){this.$emit("save",e)},triggerRemove(e){this.$emit("remove",e)},changeHandler(e){this.$emit("change",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})},inputHandler(e){this.$emit("input",{dataItem:this.$props.dataItem,field:this.$props.field,event:e,level:this.$props.level,value:e.target.value})}},computed:{tdClass(){const{className:e}=this.$props;return{"k-table-td":!0,[e]:e}}},setup(){return{kendoIntlService:t.inject("kendoIntlService",{})}},render(){const e=i.getNestedValue(this.$props.field,this.$props.dataItem),n=this.getKeyboardNavigationAttributes(this.$props.id),s=t.createVNode("td",{style:this.$attrs.style,onKeydown:this.triggerKeydown,colspan:this.$props.colSpan,class:this.tdClass,role:"gridcell","aria-colindex":this.$props.ariaColumnIndex,"aria-selected":this.$props.isSelected,"data-grid-col-index":this.$props.colIndex,tabindex:n.tabIndex,"data-keyboardnavlevel":n[r.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":n[r.KEYBOARD_NAV_DATA_ID]},[t.createVNode("span",{class:"k-textbox k-input k-input-md k-rounded-md k-input-solid"},[t.createVNode("input",{style:{width:"100%"},class:"k-input-inner",value:e!=null?e:"",onChange:this.changeHandler,onInput:this.inputHandler},null)])]);return i.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:s,additionalProps:this.$props,additionalListeners:{change:this.changeHandler,input:this.inputHandler,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}});exports.TreeListTextEditor=a;