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

package/cells/TreeListSelectionCell.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"),a=require("@progress/kendo-vue-data-tools"),h=t.defineComponent({name:"TreeListSelectionCell",inheritAttrs:!1,emits:{cellclick:null,cellkeydown:null,expandchange:null,selectionchange: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],onChange:Function},created(){this.inputId=i.guid()},inject:{kendoIntlService:{default:null},getKeyboardNavigationAttributes:{default:i.noop}},methods:{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)},handleOnChange(e){this.$emit("selectionchange",{event:e,item:{dataItem:this.dataItem,level:this.level},field:this.field,colIndex:this.colIndex})}},setup(){return{kendoIntlService:t.inject("kendoIntlService",{})}},render(){const{dataItem:e,colSpan:d,ariaColumnIndex:r,isSelected:o,field:s}=this.$props,n=i.getNestedValue(s,e),l=this.getKeyboardNavigationAttributes(this.$props.id),c=t.createVNode("td",{style:this.$attrs.style,role:"gridcell",class:"k-table-td",colspan:d,"aria-selected":o,"aria-colindex":r,"data-grid-col-index":this.$props.colIndex,tabindex:l.tabIndex,"data-keyboardnavlevel":l[a.KEYBOARD_NAV_DATA_LEVEL],"data-keyboardnavid":l[a.KEYBOARD_NAV_DATA_ID]},[t.createVNode("input",{checked:typeof n=="boolean"&&n,id:this.inputId,type:"checkbox",class:"k-checkbox k-checkbox-md k-rounded-md",onChange:this.handleOnChange},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:c,additionalProps:this.$props,additionalListeners:{click:this.triggerClick,keydown:this.triggerKeydown,edit:this.triggerEdit,add:this.triggerAdd,cancel:this.triggerCancel,save:this.triggerSave,remove:this.triggerRemove}})}});exports.TreeListSelectionCell=h;

package/cells/TreeListSelectionCell.mjs

@@ -0,0 +1,146 @@
+/**
+ * @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 s, inject as c, createVNode as i, h } from "vue";
+import { guid as g, noop as m, getNestedValue as p, getTemplate as u } from "@progress/kendo-vue-common";
+import { KEYBOARD_NAV_DATA_LEVEL as v, KEYBOARD_NAV_DATA_ID as k } from "@progress/kendo-vue-data-tools";
+const x = /* @__PURE__ */ s({
+  name: "TreeListSelectionCell",
+  inheritAttrs: !1,
+  emits: {
+    cellclick: null,
+    cellkeydown: null,
+    expandchange: null,
+    selectionchange: 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],
+    onChange: Function
+  },
+  created() {
+    this.inputId = g();
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: m
+    }
+  },
+  methods: {
+    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);
+    },
+    handleOnChange(e) {
+      this.$emit("selectionchange", {
+        event: e,
+        item: {
+          dataItem: this.dataItem,
+          level: this.level
+        },
+        field: this.field,
+        colIndex: this.colIndex
+      });
+    }
+  },
+  setup() {
+    return {
+      kendoIntlService: c("kendoIntlService", {})
+    };
+  },
+  render() {
+    const {
+      dataItem: e,
+      colSpan: n,
+      ariaColumnIndex: a,
+      isSelected: d,
+      field: r
+    } = this.$props, l = p(r, e), t = this.getKeyboardNavigationAttributes(this.$props.id), o = i("td", {
+      style: this.$attrs.style,
+      role: "gridcell",
+      class: "k-table-td",
+      colspan: n,
+      "aria-selected": d,
+      "aria-colindex": a,
+      "data-grid-col-index": this.$props.colIndex,
+      tabindex: t.tabIndex,
+      "data-keyboardnavlevel": t[v],
+      "data-keyboardnavid": t[k]
+    }, [i("input", {
+      checked: typeof l == "boolean" && l,
+      id: this.inputId,
+      type: "checkbox",
+      class: "k-checkbox k-checkbox-md k-rounded-md",
+      onChange: this.handleOnChange
+    }, null), i("label", {
+      class: "k-checkbox-label",
+      for: this.inputId
+    }, null)]);
+    return u.call(this, {
+      h,
+      template: this.$props.render,
+      defaultRendering: o,
+      additionalProps: this.$props,
+      additionalListeners: {
+        click: this.triggerClick,
+        keydown: this.triggerKeydown,
+        edit: this.triggerEdit,
+        add: this.triggerAdd,
+        cancel: this.triggerCancel,
+        save: this.triggerSave,
+        remove: this.triggerRemove
+      }
+    });
+  }
+});
+export {
+  x as TreeListSelectionCell
+};

package/constants/main.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 E=require("@progress/kendo-vue-data-tools"),T=E.TABLE_ROW_INDEX_ATTRIBUTE,_=E.TABLE_COL_INDEX_ATTRIBUTE,I=E.TABLE_PREVENT_SELECTION_ELEMENT;exports.TREELIST_COL_INDEX_ATTRIBUTE=_;exports.TREELIST_PREVENT_SELECTION_ELEMENT=I;exports.TREELIST_ROW_INDEX_ATTRIBUTE=T;

package/constants/main.mjs

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TABLE_ROW_INDEX_ATTRIBUTE as E, TABLE_COL_INDEX_ATTRIBUTE as T, TABLE_PREVENT_SELECTION_ELEMENT as _ } from "@progress/kendo-vue-data-tools";
+const L = E, R = T, N = _;
+export {
+  R as TREELIST_COL_INDEX_ATTRIBUTE,
+  N as TREELIST_PREVENT_SELECTION_ELEMENT,
+  L as TREELIST_ROW_INDEX_ATTRIBUTE
+};