@progress/kendo-vue-treelist 3.6.4 → 3.6.5-dev.202210181442

package/dist/es/TreeListNav.js

@@ -7,7 +7,6 @@ import { getDefaultSlots, noop } from '@progress/kendo-vue-common';
 /**
  * @hidden
  */
-
 var TreeListNavVue2 = {
   name: 'KendoTreeListNav',
   // @ts-ignore
@@ -65,8 +64,8 @@ var TreeListNavVue2 = {
         navigation: this.navigation,
         kbContext: this.kbContext,
         onNavigationAction: this.onNavigationAction
-      }); //    const {mode, cell} = getSelectionOptions(this.$props.selectable);
-
+      });
+      //    const {mode, cell} = getSelectionOptions(this.$props.selectable);
       this.$emit('keydown', {
         dataItems: this.getLeafDataItems(),
         //     mode,
@@ -76,6 +75,7 @@ var TreeListNavVue2 = {
         event: event
       }); // as TreeListNavigationActionEvent
     },
+
     onFocus: function onFocus(event) {
       this.onNavFocus(event, {
         kbContext: this.kbContext
@@ -87,6 +87,7 @@ var TreeListNavVue2 = {
         event: options.event
       }); // as TreeListNavigationActionEvent
     },
+
     getLeafDataItems: function getLeafDataItems() {
       return this.$props.currentData.filter(function (item) {
         return item.rowType === 'data';
@@ -118,6 +119,5 @@ var TreeListNavVue2 = {
 /**
  * @hidden
  */
-
 var TreeListNav = TreeListNavVue2;
 export { TreeListNav, TreeListNavVue2 };

package/dist/es/cells/EditCells/TreeListBooleanEditor.d.ts

@@ -29,7 +29,7 @@ export interface TreeListBooleanEditorData {
 /**
  * @hidden
  */
-export interface TreeListBooleanEditorAll extends TreeListBooleanEditorMethods, TreeListBooleanEditorData {
+export interface TreeListBooleanEditorAll extends TreeListBooleanEditorMethods, TreeListBooleanEditorData, TreeListCellProps {
 }
 /**
  * @hidden

package/dist/es/cells/EditCells/TreeListBooleanEditor.js

@@ -9,7 +9,6 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
 /**
  * @hidden
  */
-
 var TreeListBooleanEditorVue2 = {
   props: {
     id: String,
@@ -22,12 +21,14 @@ var TreeListBooleanEditorVue2 = {
     expanded: Boolean,
     isSelected: Boolean,
     ariaColumnIndex: Number,
-    render: [String, Function, Object]
+    render: [String, Function, Object],
+    focusInputOnMount: Boolean
   },
   // @ts-ignore
   emits: {
     change: null,
     cellkeydown: null,
+    cellclick: null,
     edit: null,
     add: null,
     cancel: null,
@@ -47,6 +48,13 @@ var TreeListBooleanEditorVue2 = {
       inputId: guid()
     };
   },
+  mounted: function mounted() {
+    var input = this.$el && this.$el.querySelector('input');
+    if (!input || input === document.activeElement || !this.focusInputOnMount) {
+      return;
+    }
+    input.focus();
+  },
   methods: {
     triggerKeydown: function triggerKeydown(e) {
       this.$emit('cellkeydown', {
@@ -55,6 +63,13 @@ var TreeListBooleanEditorVue2 = {
         field: this.$props.field
       });
     },
+    triggerClick: function triggerClick(e) {
+      this.$emit('cellclick', {
+        event: e,
+        dataItem: this.$props.dataItem,
+        field: this.$props.field
+      });
+    },
     triggerEdit: function triggerEdit(dataItem) {
       this.$emit('edit', dataItem);
     },
@@ -97,8 +112,10 @@ var TreeListBooleanEditorVue2 = {
     var defaultRendering = h("td", {
       onKeydown: this.triggerKeydown,
       on: this.v3 ? undefined : {
-        "keydown": this.triggerKeydown
+        "keydown": this.triggerKeydown,
+        "click": this.triggerClick
       },
+      onClick: this.triggerClick,
       colspan: this.$props.colSpan,
       attrs: this.v3 ? undefined : {
         colspan: this.$props.colSpan,
@@ -161,6 +178,5 @@ var TreeListBooleanEditorVue2 = {
 /**
  * @hidden
  */
-
 var TreeListBooleanEditor = TreeListBooleanEditorVue2;
 export { TreeListBooleanEditor, TreeListBooleanEditorVue2 };

package/dist/es/cells/EditCells/TreeListDateEditor.d.ts

@@ -29,7 +29,7 @@ export interface TreeListDateEditorData {
 /**
  * @hidden
  */
-export interface TreeListDateEditorAll extends TreeListDateEditorMethods, TreeListDateEditorData {
+export interface TreeListDateEditorAll extends TreeListDateEditorMethods, TreeListDateEditorData, TreeListCellProps {
 }
 /**
  * @hidden

package/dist/es/cells/EditCells/TreeListDateEditor.js

@@ -10,7 +10,6 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
 /**
  * @hidden
  */
-
 var TreeListDateEditorVue2 = {
   props: {
     id: String,
@@ -23,7 +22,8 @@ var TreeListDateEditorVue2 = {
     expanded: Boolean,
     isSelected: Boolean,
     ariaColumnIndex: Number,
-    render: [String, Function, Object]
+    render: [String, Function, Object],
+    focusInputOnMount: Boolean
   },
   // @ts-ignore
   emits: {
@@ -48,6 +48,13 @@ var TreeListDateEditorVue2 = {
       inputId: guid()
     };
   },
+  mounted: function mounted() {
+    var input = this.$el && this.$el.querySelector('input');
+    if (!input || input === document.activeElement || !this.focusInputOnMount) {
+      return;
+    }
+    input.select();
+  },
   methods: {
     triggerKeydown: function triggerKeydown(e) {
       this.$emit('cellkeydown', {
@@ -77,7 +84,7 @@ var TreeListDateEditorVue2 = {
         field: this.$props.field,
         event: event,
         level: this.$props.level,
-        value: event.target.checked
+        value: event.target.value
       });
     }
   },
@@ -119,7 +126,8 @@ var TreeListDateEditorVue2 = {
       tabindex: navAttrs.tabIndex,
       "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
       "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
-    }, [// @ts-ignore
+    }, [
+    // @ts-ignore
     h(DatePicker, {
       value: data,
       attrs: this.v3 ? undefined : {
@@ -150,6 +158,5 @@ var TreeListDateEditorVue2 = {
 /**
  * @hidden
  */
-
 var TreeListDateEditor = TreeListDateEditorVue2;
 export { TreeListDateEditor, TreeListDateEditorVue2 };

package/dist/es/cells/EditCells/TreeListNumericEditor.d.ts

@@ -29,7 +29,7 @@ export interface TreeListNumericEditorData {
 /**
  * @hidden
  */
-export interface TreeListNumericEditorAll extends TreeListNumericEditorMethods, TreeListNumericEditorData {
+export interface TreeListNumericEditorAll extends TreeListNumericEditorMethods, TreeListNumericEditorData, TreeListCellProps {
 }
 /**
  * @hidden

package/dist/es/cells/EditCells/TreeListNumericEditor.js

@@ -10,7 +10,6 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
 /**
  * @hidden
  */
-
 var TreeListNumericEditorVue2 = {
   props: {
     id: String,
@@ -23,7 +22,8 @@ var TreeListNumericEditorVue2 = {
     expanded: Boolean,
     isSelected: Boolean,
     ariaColumnIndex: Number,
-    render: [String, Function, Object]
+    render: [String, Function, Object],
+    focusInputOnMount: Boolean
   },
   // @ts-ignore
   emits: {
@@ -48,6 +48,13 @@ var TreeListNumericEditorVue2 = {
       inputId: guid()
     };
   },
+  mounted: function mounted() {
+    var input = this.$el && this.$el.querySelector('input');
+    if (!input || input === document.activeElement || !this.focusInputOnMount) {
+      return;
+    }
+    input.select();
+  },
   methods: {
     triggerKeydown: function triggerKeydown(e) {
       this.$emit('cellkeydown', {
@@ -77,7 +84,7 @@ var TreeListNumericEditorVue2 = {
         field: this.$props.field,
         event: event,
         level: this.$props.level,
-        value: event.target.checked
+        value: event.target.value
       });
     }
   },
@@ -119,7 +126,8 @@ var TreeListNumericEditorVue2 = {
       tabindex: navAttrs.tabIndex,
       "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
       "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
-    }, [// @ts-ignore
+    }, [
+    // @ts-ignore
     h(NumericTextBox, {
       value: data === undefined ? null : data,
       attrs: this.v3 ? undefined : {
@@ -150,6 +158,5 @@ var TreeListNumericEditorVue2 = {
 /**
  * @hidden
  */
-
 var TreeListNumericEditor = TreeListNumericEditorVue2;
 export { TreeListNumericEditor, TreeListNumericEditorVue2 };

package/dist/es/cells/EditCells/TreeListTextEditor.d.ts

@@ -18,6 +18,7 @@ export interface TreeListTextEditorMethods extends Vue2type {
     triggerSave: (dataItem: any) => void;
     triggerRemove: (dataItem: any) => void;
     changeHandler: (event: any, value?: any) => void;
+    inputHandler: (event: any, value?: any) => void;
     getKeyboardNavigationAttributes: (id: string) => any;
 }
 /**
@@ -29,7 +30,7 @@ export interface TreeListTextEditorData {
 /**
  * @hidden
  */
-export interface TreeListTextEditorAll extends TreeListTextEditorMethods, TreeListTextEditorData {
+export interface TreeListTextEditorAll extends TreeListTextEditorMethods, TreeListTextEditorData, TreeListCellProps {
 }
 /**
  * @hidden

package/dist/es/cells/EditCells/TreeListTextEditor.js

@@ -9,7 +9,6 @@ import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-v
 /**
  * @hidden
  */
-
 var TreeListTextEditorVue2 = {
   props: {
     id: String,
@@ -22,10 +21,12 @@ var TreeListTextEditorVue2 = {
     expanded: Boolean,
     isSelected: Boolean,
     ariaColumnIndex: Number,
-    render: [String, Function, Object]
+    render: [String, Function, Object],
+    focusInputOnMount: Boolean
   },
   // @ts-ignore
   emits: {
+    input: null,
     change: null,
     cellkeydown: null,
     edit: null,
@@ -47,6 +48,13 @@ var TreeListTextEditorVue2 = {
       inputId: guid()
     };
   },
+  mounted: function mounted() {
+    var input = this.$el && this.$el.querySelector('input');
+    if (!input || input === document.activeElement || !this.focusInputOnMount) {
+      return;
+    }
+    input.select();
+  },
   methods: {
     triggerKeydown: function triggerKeydown(e) {
       this.$emit('cellkeydown', {
@@ -76,7 +84,16 @@ var TreeListTextEditorVue2 = {
         field: this.$props.field,
         event: event,
         level: this.$props.level,
-        value: event.target.checked
+        value: event.target.value
+      });
+    },
+    inputHandler: function inputHandler(event) {
+      this.$emit('input', {
+        dataItem: this.$props.dataItem,
+        field: this.$props.field,
+        event: event,
+        level: this.$props.level,
+        value: event.target.value
       });
     }
   },
@@ -131,8 +148,10 @@ var TreeListTextEditorVue2 = {
       },
       onChange: this.changeHandler,
       on: this.v3 ? undefined : {
-        "change": this.changeHandler
-      }
+        "change": this.changeHandler,
+        "input": this.inputHandler
+      },
+      onInput: this.inputHandler
     })])]);
     return getTemplate.call(this, {
       h: h,
@@ -141,6 +160,7 @@ var TreeListTextEditorVue2 = {
       additionalProps: this.$props,
       additionalListeners: {
         change: this.changeHandler,
+        input: this.inputHandler,
         keydown: this.triggerKeydown,
         edit: this.triggerEdit,
         add: this.triggerAdd,
@@ -154,6 +174,5 @@ var TreeListTextEditorVue2 = {
 /**
  * @hidden
  */
-
 var TreeListTextEditor = TreeListTextEditorVue2;
 export { TreeListTextEditor, TreeListTextEditorVue2 };

package/dist/es/cells/FilterCells/TreeListBooleanFilter.js

@@ -2,32 +2,25 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -39,7 +32,6 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 /**
  * @hidden
  */
-
 var TreeListBooleanFilterVue2 = {
   name: 'KendoTreeListBooleanFilter',
   inject: {
@@ -66,17 +58,13 @@ var TreeListBooleanFilterVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-
     var _a = this.$props,
-        operators = _a.operators,
-        restProps = __rest(_a, ["operators"]);
-
+      operators = _a.operators,
+      restProps = __rest(_a, ["operators"]);
     var ls = provideLocalizationService(this);
-
     var cellProps = __assign(__assign(__assign({}, localizeFilter(ls, operators || booleanFilterValues)), restProps), {
       filterType: 'boolean'
     });
-
     var filterCell = h(FilterCell, __assign({
       onChange: this.onChange,
       on: this.v3 ? undefined : {
@@ -97,6 +85,5 @@ var TreeListBooleanFilterVue2 = {
 /**
  * @hidden
  */
-
 var TreeListBooleanFilter = TreeListBooleanFilterVue2;
 export { TreeListBooleanFilter, TreeListBooleanFilterVue2 };

package/dist/es/cells/FilterCells/TreeListDateFilter.js

@@ -2,32 +2,25 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -39,7 +32,6 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 /**
  * @hidden
  */
-
 var TreeListDateFilterVue2 = {
   name: 'KendoTreeListDateFilter',
   inject: {
@@ -66,17 +58,13 @@ var TreeListDateFilterVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-
     var _a = this.$props,
-        operators = _a.operators,
-        restProps = __rest(_a, ["operators"]);
-
+      operators = _a.operators,
+      restProps = __rest(_a, ["operators"]);
     var ls = provideLocalizationService(this);
-
     var cellProps = __assign(__assign(__assign({}, localizeFilter(ls, operators || dateFilterOperators)), restProps), {
       filterType: 'date'
     });
-
     var filterCell = h(FilterCell, __assign({
       onChange: this.onChange,
       on: this.v3 ? undefined : {
@@ -97,6 +85,5 @@ var TreeListDateFilterVue2 = {
 /**
  * @hidden
  */
-
 var TreeListDateFilter = TreeListDateFilterVue2;
 export { TreeListDateFilter, TreeListDateFilterVue2 };

package/dist/es/cells/FilterCells/TreeListNumericFilter.js

@@ -2,32 +2,25 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -39,7 +32,6 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 /**
  * @hidden
  */
-
 var TreeListNumericFilterVue2 = {
   name: 'KendoTreeListNumericFilter',
   inject: {
@@ -66,17 +58,13 @@ var TreeListNumericFilterVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-
     var _a = this.$props,
-        operators = _a.operators,
-        restProps = __rest(_a, ["operators"]);
-
+      operators = _a.operators,
+      restProps = __rest(_a, ["operators"]);
     var ls = provideLocalizationService(this);
-
     var cellProps = __assign(__assign(__assign({}, localizeFilter(ls, operators || numericFilterOperators)), restProps), {
       filterType: 'numeric'
     });
-
     var filterCell = h(FilterCell, __assign({
       onChange: this.onChange,
       on: this.v3 ? undefined : {
@@ -97,6 +85,5 @@ var TreeListNumericFilterVue2 = {
 /**
  * @hidden
  */
-
 var TreeListNumericFilter = TreeListNumericFilterVue2;
 export { TreeListNumericFilter, TreeListNumericFilterVue2 };

package/dist/es/cells/FilterCells/TreeListTextFilter.js

@@ -2,32 +2,25 @@ var __assign = this && this.__assign || function () {
   __assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-
       for (var p in s) {
         if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
       }
     }
-
     return t;
   };
-
   return __assign.apply(this, arguments);
 };
-
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
-
   for (var p in s) {
     if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   }
-
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
-}; // @ts-ignore
-
-
+};
+// @ts-ignore
 import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
@@ -39,7 +32,6 @@ import { provideLocalizationService } from '@progress/kendo-vue-intl';
 /**
  * @hidden
  */
-
 var TreeListTextFilterVue2 = {
   name: 'KendoTreeListTextFilter',
   inject: {
@@ -66,17 +58,13 @@ var TreeListTextFilterVue2 = {
   // @ts-ignore
   render: function render(createElement) {
     var h = gh || createElement;
-
     var _a = this.$props,
-        operators = _a.operators,
-        restProps = __rest(_a, ["operators"]);
-
+      operators = _a.operators,
+      restProps = __rest(_a, ["operators"]);
     var ls = provideLocalizationService(this);
-
     var cellProps = __assign(__assign(__assign({}, localizeFilter(ls, operators || textFilterOperators)), restProps), {
       filterType: 'numeric'
     });
-
     var filterCell = h(FilterCell, __assign({
       onChange: this.onChange,
       on: this.v3 ? undefined : {
@@ -97,6 +85,5 @@ var TreeListTextFilterVue2 = {
 /**
  * @hidden
  */
-
 var TreeListTextFilter = TreeListTextFilterVue2;
 export { TreeListTextFilter, TreeListTextFilterVue2 };