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

package/cells/EditCells/TreeListTextEditor.mjs

@@ -0,0 +1,157 @@
+/**
+ * @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 s, createVNode as i, h as a } from "vue";
+import { noop as l, guid as d, getNestedValue as o, getTemplate as p } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_LEVEL as u, KEYBOARD_NAV_DATA_ID as c } from "@progress/kendo-vue-data-tools";
+const v = /* @__PURE__ */ r({
+  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: l
+    }
+  },
+  data() {
+    return {
+      inputId: d()
+    };
+  },
+  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: s("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,
+      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[c]
+    }, [i("span", {
+      class: "k-textbox k-input k-input-md k-rounded-md k-input-solid"
+    }, [i("input", {
+      style: {
+        width: "100%"
+      },
+      class: "k-input-inner",
+      value: e != null ? e : "",
+      onChange: this.changeHandler,
+      onInput: this.inputHandler
+    }, null)])]);
+    return p.call(this, {
+      h: a,
+      template: this.$props.render,
+      defaultRendering: n,
+      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
+      }
+    });
+  }
+});
+export {
+  v as TreeListTextEditor
+};

package/cells/FilterCells/TreeListBooleanFilter.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 r=require("@progress/kendo-vue-data-tools"),t=require("./utils.js"),a=require("@progress/kendo-vue-intl"),o=require("vue"),s=o.defineComponent({name:"KendoTreeListBooleanFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup(){return{kendoLocalizationService:o.inject("kendoLocalizationService",{})}},render(){const{operators:e,...n}=this.$props,i=a.provideLocalizationService(this),l={...t.localizeFilter(i,e||t.booleanFilterValues),...n,filterType:"boolean"};return{filterCell:o.h(r.FilterCell,{onChange:this.onChange,...l})}},methods:{onChange(e){this.$emit("change",e)}}});exports.TreeListBooleanFilter=s;

package/cells/FilterCells/TreeListBooleanFilter.mjs

@@ -0,0 +1,54 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FilterCell as n } from "@progress/kendo-vue-data-tools";
+import { localizeFilter as r, booleanFilterValues as l } from "./utils.mjs";
+import { provideLocalizationService as a } from "@progress/kendo-vue-intl";
+import { defineComponent as s, inject as c, h as p } from "vue";
+const g = /* @__PURE__ */ s({
+  name: "KendoTreeListBooleanFilter",
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: null
+    }
+  },
+  emits: {
+    change: null
+  },
+  setup() {
+    return {
+      kendoLocalizationService: c("kendoLocalizationService", {})
+    };
+  },
+  render() {
+    const {
+      operators: e,
+      ...o
+    } = this.$props, t = a(this), i = {
+      ...r(t, e || l),
+      ...o,
+      filterType: "boolean"
+    };
+    return {
+      filterCell: p(n, {
+        onChange: this.onChange,
+        ...i
+      })
+    };
+  },
+  methods: {
+    onChange(e) {
+      this.$emit("change", e);
+    }
+  }
+});
+export {
+  g as TreeListBooleanFilter
+};

package/cells/FilterCells/TreeListDateFilter.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 l=require("@progress/kendo-vue-data-tools"),i=require("./utils.js"),a=require("@progress/kendo-vue-intl"),t=require("vue"),s=t.defineComponent({name:"KendoTreeListDateFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup(){return{kendoLocalizationService:t.inject("kendoLocalizationService",{})}},render(){const{operators:e,...o}=this.$props,n=a.provideLocalizationService(this),r={...i.localizeFilter(n,e||i.dateFilterOperators),...o,filterType:"date"};return{filterCell:t.h(l.FilterCell,{onChange:this.onChange,...r})}},methods:{onChange(e){this.$emit("change",e)}}});exports.TreeListDateFilter=s;

package/cells/FilterCells/TreeListDateFilter.mjs

@@ -0,0 +1,54 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FilterCell as r } from "@progress/kendo-vue-data-tools";
+import { localizeFilter as n, dateFilterOperators as l } from "./utils.mjs";
+import { provideLocalizationService as a } from "@progress/kendo-vue-intl";
+import { defineComponent as s, inject as c, h as p } from "vue";
+const g = /* @__PURE__ */ s({
+  name: "KendoTreeListDateFilter",
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: null
+    }
+  },
+  emits: {
+    change: null
+  },
+  setup() {
+    return {
+      kendoLocalizationService: c("kendoLocalizationService", {})
+    };
+  },
+  render() {
+    const {
+      operators: e,
+      ...t
+    } = this.$props, o = a(this), i = {
+      ...n(o, e || l),
+      ...t,
+      filterType: "date"
+    };
+    return {
+      filterCell: p(r, {
+        onChange: this.onChange,
+        ...i
+      })
+    };
+  },
+  methods: {
+    onChange(e) {
+      this.$emit("change", e);
+    }
+  }
+});
+export {
+  g as TreeListDateFilter
+};

package/cells/FilterCells/TreeListNumericFilter.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 l=require("@progress/kendo-vue-data-tools"),i=require("./utils.js"),c=require("@progress/kendo-vue-intl"),t=require("vue"),s=t.defineComponent({name:"KendoTreeListNumericFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup(){return{kendoLocalizationService:t.inject("kendoLocalizationService",{})}},render(){const{operators:e,...r}=this.$props,o=c.provideLocalizationService(this),n={...i.localizeFilter(o,e||i.numericFilterOperators),...r,filterType:"numeric"};return{filterCell:t.h(l.FilterCell,{onChange:this.onChange,...n})}},methods:{onChange(e){this.$emit("change",e)}}});exports.TreeListNumericFilter=s;

package/cells/FilterCells/TreeListNumericFilter.mjs

@@ -0,0 +1,54 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FilterCell as r } from "@progress/kendo-vue-data-tools";
+import { localizeFilter as n, numericFilterOperators as l } from "./utils.mjs";
+import { provideLocalizationService as c } from "@progress/kendo-vue-intl";
+import { defineComponent as a, inject as s, h as m } from "vue";
+const g = /* @__PURE__ */ a({
+  name: "KendoTreeListNumericFilter",
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: null
+    }
+  },
+  emits: {
+    change: null
+  },
+  setup() {
+    return {
+      kendoLocalizationService: s("kendoLocalizationService", {})
+    };
+  },
+  render() {
+    const {
+      operators: e,
+      ...t
+    } = this.$props, i = c(this), o = {
+      ...n(i, e || l),
+      ...t,
+      filterType: "numeric"
+    };
+    return {
+      filterCell: m(r, {
+        onChange: this.onChange,
+        ...o
+      })
+    };
+  },
+  methods: {
+    onChange(e) {
+      this.$emit("change", e);
+    }
+  }
+});
+export {
+  g as TreeListNumericFilter
+};

package/cells/FilterCells/TreeListTextFilter.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 l=require("@progress/kendo-vue-data-tools"),i=require("./utils.js"),s=require("@progress/kendo-vue-intl"),t=require("vue"),c=t.defineComponent({name:"KendoTreeListTextFilter",inject:{kendoLocalizationService:{default:null},getKeyboardNavigationAttributes:{default:null}},emits:{change:null},setup(){return{kendoLocalizationService:t.inject("kendoLocalizationService",{})}},render(){const{operators:e,...o}=this.$props,n=s.provideLocalizationService(this),r={...i.localizeFilter(n,e||i.textFilterOperators),...o,filterType:"numeric"};return{filterCell:t.h(l.FilterCell,{onChange:this.onChange,...r})}},methods:{onChange(e){this.$emit("change",e)}}});exports.TreeListTextFilter=c;

package/cells/FilterCells/TreeListTextFilter.mjs

@@ -0,0 +1,54 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FilterCell as r } from "@progress/kendo-vue-data-tools";
+import { localizeFilter as n, textFilterOperators as l } from "./utils.mjs";
+import { provideLocalizationService as a } from "@progress/kendo-vue-intl";
+import { defineComponent as c, inject as s, h as p } from "vue";
+const g = /* @__PURE__ */ c({
+  name: "KendoTreeListTextFilter",
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: null
+    }
+  },
+  emits: {
+    change: null
+  },
+  setup() {
+    return {
+      kendoLocalizationService: s("kendoLocalizationService", {})
+    };
+  },
+  render() {
+    const {
+      operators: e,
+      ...t
+    } = this.$props, o = a(this), i = {
+      ...n(o, e || l),
+      ...t,
+      filterType: "numeric"
+    };
+    return {
+      filterCell: p(r, {
+        onChange: this.onChange,
+        ...i
+      })
+    };
+  },
+  methods: {
+    onChange(e) {
+      this.$emit("change", e);
+    }
+  }
+});
+export {
+  g as TreeListTextFilter
+};

package/cells/FilterCells/utils.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"});require("@progress/kendo-vue-intl");const t=require("../../messages/main.js"),a=[{text:t.filterContainsOperator,operator:"contains"},{text:t.filterNotContainsOperator,operator:"doesnotcontain"},{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterStartsWithOperator,operator:"startswith"},{text:t.filterEndsWithOperator,operator:"endswith"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"},{text:t.filterIsEmptyOperator,operator:"isempty"},{text:t.filterIsNotEmptyOperator,operator:"isnotempty"}],l=[{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterGteOperator,operator:"gte"},{text:t.filterGtOperator,operator:"gt"},{text:t.filterLteOperator,operator:"lte"},{text:t.filterLtOperator,operator:"lt"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"}],p=[{text:t.filterEqOperator,operator:"eq"},{text:t.filterNotEqOperator,operator:"neq"},{text:t.filterAfterOrEqualOperator,operator:"gte"},{text:t.filterAfterOperator,operator:"gt"},{text:t.filterBeforeOperator,operator:"lt"},{text:t.filterBeforeOrEqualOperator,operator:"lte"},{text:t.filterIsNullOperator,operator:"isnull"},{text:t.filterIsNotNullOperator,operator:"isnotnull"}],i=[{text:t.filterBooleanAll,operator:""},{text:t.filterIsTrue,operator:!0},{text:t.filterIsFalse,operator:!1}];function s(r,o){return{clearButtonTitle:r.toLanguageString(t.filterClearButton,t.messages[t.filterClearButton]),operators:o.map(e=>({text:r.toLanguageString(e.text,t.messages[e.text]),operator:e.operator}))}}exports.booleanFilterValues=i;exports.dateFilterOperators=p;exports.localizeFilter=s;exports.numericFilterOperators=l;exports.textFilterOperators=a;

package/cells/FilterCells/utils.mjs

@@ -0,0 +1,59 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import "@progress/kendo-vue-intl";
+import { filterClearButton as l, messages as i, filterContainsOperator as s, filterNotContainsOperator as x, filterEqOperator as e, filterNotEqOperator as r, filterStartsWithOperator as f, filterEndsWithOperator as O, filterIsNullOperator as o, filterIsNotNullOperator as a, filterIsEmptyOperator as u, filterIsNotEmptyOperator as g, filterGteOperator as m, filterGtOperator as q, filterLteOperator as c, filterLtOperator as E, filterAfterOrEqualOperator as F, filterAfterOperator as I, filterBeforeOperator as N, filterBeforeOrEqualOperator as B, filterBooleanAll as d, filterIsTrue as h, filterIsFalse as y } from "../../messages/main.mjs";
+const C = [
+  { text: s, operator: "contains" },
+  { text: x, operator: "doesnotcontain" },
+  { text: e, operator: "eq" },
+  { text: r, operator: "neq" },
+  { text: f, operator: "startswith" },
+  { text: O, operator: "endswith" },
+  { text: o, operator: "isnull" },
+  { text: a, operator: "isnotnull" },
+  { text: u, operator: "isempty" },
+  { text: g, operator: "isnotempty" }
+], S = [
+  { text: e, operator: "eq" },
+  { text: r, operator: "neq" },
+  { text: m, operator: "gte" },
+  { text: q, operator: "gt" },
+  { text: c, operator: "lte" },
+  { text: E, operator: "lt" },
+  { text: o, operator: "isnull" },
+  { text: a, operator: "isnotnull" }
+], w = [
+  { text: e, operator: "eq" },
+  { text: r, operator: "neq" },
+  { text: F, operator: "gte" },
+  { text: I, operator: "gt" },
+  { text: N, operator: "lt" },
+  { text: B, operator: "lte" },
+  { text: o, operator: "isnull" },
+  { text: a, operator: "isnotnull" }
+], G = [
+  { text: d, operator: "" },
+  { text: h, operator: !0 },
+  { text: y, operator: !1 }
+];
+function T(p, n) {
+  return {
+    clearButtonTitle: p.toLanguageString(l, i[l]),
+    operators: n.map((t) => ({
+      text: p.toLanguageString(t.text, i[t.text]),
+      operator: t.operator
+    }))
+  };
+}
+export {
+  G as booleanFilterValues,
+  w as dateFilterOperators,
+  T as localizeFilter,
+  S as numericFilterOperators,
+  C as textFilterOperators
+};

package/cells/TreeListCell.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 i=require("vue"),y=require("@progress/kendo-vue-intl"),l=require("@progress/kendo-vue-common"),u=require("@progress/kendo-vue-data-tools"),m=require("@progress/kendo-svg-icons"),C=i.defineComponent({name:"TreeListCell",inheritAttrs:!1,emits:{cellclick:null,cellkeydown:null,expandchange:null,edit:null,add:null,cancel:null,save:null,remove:null},props:{id:String,field:String,dataItem:Object,format:String,colSpan:Number,colIndex:Number,level:Array,expanded:Boolean,expandable:Boolean,hasChildren:Boolean,isSelected:Boolean,ariaColumnIndex:Number,render:[String,Function,Object]},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:l.noop}},methods:{onKeyDownHandler(e){const{expandable:t,dataItem:n,level:s}=this.$props;e.defaultPrevented||e.keyCode===l.Keys.enter&&t&&(e.preventDefault(),this.$emit("expandchange",e,n,s))},triggerClick(e){this.$emit("cellclick",{event:e,dataItem:this.$props.dataItem,field:this.$props.field})},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)},triggerExpandChange(e){const{dataItem:t,level:n}=this.$props;this.$emit("expandchange",e,t,n)}},computed:{wrapperClass(){const{expandable:e,isSelected:t}=this.$props;return{"k-table-td":!0,"k-text-nowrap":e,"k-selected":t}}},setup(){return{kendoIntlService:i.inject("kendoIntlService",{})}},render(){const{hasChildren:e,level:t=[0],expanded:n,dataItem:s,format:o,colSpan:v,ariaColumnIndex:k,isSelected:f,expandable:x,field:c}=this.$props,r=c?l.getNestedValue(c,s):void 0,d=this.getKeyboardNavigationAttributes(this.$props.id),I=y.provideIntlService(this);let g="";r!=null&&(g=o?I.format(o,r):r.toString());const p=function(h){return i.createVNode("span",{key:h,class:"k-treelist-toggle k-icon k-svg-icon"},[i.createVNode("svg",{"aria-hidden":"true",focusable:"false",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},null)])},a=[];x&&(a.push(...t.slice(1).map((h,b)=>p.call(this,b))),e?a.push(i.createVNode(l.Icon,{class:"k-treelist-toggle",name:n?"caret-alt-down":"caret-alt-right",icon:n?m.caretAltDownIcon:m.caretAltRightIcon,key:"expand-collapse",onClick:this.triggerExpandChange,"data-prevent-selection":!0},null)):a.push(p.call(this,a.length)));const $=i.createVNode("td",{style:this.$attrs.style,class:this.wrapperClass,colspan:v,"aria-colindex":k,"aria-expanded":e?n:void 0,"aria-selected":f,role:"gridcell",onClick:this.triggerClick,onKeydown:this.onKeyDownHandler,"data-grid-col-index":this.$props.colIndex,tabindex:d.tabIndex,"data-keyboardnavlevel":d[u.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":d[u.KEYBOARD_NAV_DATA_ID]},[a,g]);return l.getTemplate.call(this,{h:i.h,template:this.$props.render,defaultRendering:$,additionalProps:{...this.$props,value:r},additionalListeners:{click:this.triggerClick,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}});exports.TreeListCell=C;

package/cells/TreeListCell.mjs

@@ -0,0 +1,184 @@
+/**
+ * @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 I, inject as $, createVNode as a, h as b } from "vue";
+import { provideIntlService as y } from "@progress/kendo-vue-intl";
+import { noop as C, Keys as w, getNestedValue as A, Icon as S, getTemplate as K } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_LEVEL as D, KEYBOARD_NAV_DATA_ID as N } from "@progress/kendo-vue-data-tools";
+import { caretAltDownIcon as E, caretAltRightIcon as B } from "@progress/kendo-svg-icons";
+const j = /* @__PURE__ */ I({
+  name: "TreeListCell",
+  inheritAttrs: !1,
+  emits: {
+    cellclick: null,
+    cellkeydown: null,
+    expandchange: null,
+    edit: null,
+    add: null,
+    cancel: null,
+    save: null,
+    remove: null
+  },
+  props: {
+    id: String,
+    field: String,
+    dataItem: Object,
+    format: String,
+    colSpan: Number,
+    colIndex: Number,
+    level: Array,
+    expanded: Boolean,
+    expandable: Boolean,
+    hasChildren: Boolean,
+    isSelected: Boolean,
+    ariaColumnIndex: Number,
+    render: [String, Function, Object]
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: C
+    }
+  },
+  methods: {
+    onKeyDownHandler(e) {
+      const {
+        expandable: t,
+        dataItem: i,
+        level: l
+      } = this.$props;
+      e.defaultPrevented || e.keyCode === w.enter && t && (e.preventDefault(), this.$emit("expandchange", e, i, l));
+    },
+    triggerClick(e) {
+      this.$emit("cellclick", {
+        event: e,
+        dataItem: this.$props.dataItem,
+        field: this.$props.field
+      });
+    },
+    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);
+    },
+    triggerExpandChange(e) {
+      const {
+        dataItem: t,
+        level: i
+      } = this.$props;
+      this.$emit("expandchange", e, t, i);
+    }
+  },
+  computed: {
+    wrapperClass() {
+      const {
+        expandable: e,
+        isSelected: t
+      } = this.$props;
+      return {
+        "k-table-td": !0,
+        "k-text-nowrap": e,
+        "k-selected": t
+      };
+    }
+  },
+  setup() {
+    return {
+      kendoIntlService: $("kendoIntlService", {})
+    };
+  },
+  render() {
+    const {
+      hasChildren: e,
+      level: t = [0],
+      expanded: i,
+      dataItem: l,
+      format: d,
+      colSpan: h,
+      ariaColumnIndex: m,
+      isSelected: u,
+      expandable: f,
+      field: o
+    } = this.$props, n = o ? A(o, l) : void 0, s = this.getKeyboardNavigationAttributes(this.$props.id), v = y(this);
+    let c = "";
+    n != null && (c = d ? v.format(d, n) : n.toString());
+    const p = function(g) {
+      return a("span", {
+        key: g,
+        class: "k-treelist-toggle k-icon k-svg-icon"
+      }, [a("svg", {
+        "aria-hidden": "true",
+        focusable: "false",
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 24 24"
+      }, null)]);
+    }, r = [];
+    f && (r.push(...t.slice(1).map((g, x) => p.call(this, x))), e ? r.push(a(S, {
+      class: "k-treelist-toggle",
+      name: i ? "caret-alt-down" : "caret-alt-right",
+      icon: i ? E : B,
+      key: "expand-collapse",
+      onClick: this.triggerExpandChange,
+      "data-prevent-selection": !0
+    }, null)) : r.push(p.call(this, r.length)));
+    const k = a("td", {
+      style: this.$attrs.style,
+      class: this.wrapperClass,
+      colspan: h,
+      "aria-colindex": m,
+      "aria-expanded": e ? i : void 0,
+      "aria-selected": u,
+      role: "gridcell",
+      onClick: this.triggerClick,
+      onKeydown: this.onKeyDownHandler,
+      "data-grid-col-index": this.$props.colIndex,
+      tabindex: s.tabIndex,
+      "data-keyboardnavlevel": s[D],
+      "data-keyboardnavid": s[N]
+    }, [r, c]);
+    return K.call(this, {
+      h: b,
+      template: this.$props.render,
+      defaultRendering: k,
+      additionalProps: {
+        ...this.$props,
+        value: n
+      },
+      additionalListeners: {
+        click: this.triggerClick,
+        keydown: this.triggerKeydown,
+        edit: this.triggerEdit,
+        add: this.triggerAdd,
+        cancel: this.triggerCancel,
+        save: this.triggerSave,
+        remove: this.triggerRemove
+      }
+    });
+  }
+});
+export {
+  j as TreeListCell
+};