@progress/kendo-vue-treelist 3.5.1 → 3.5.2-dev.202209020458

package/dist/npm/TreeListNav.d.ts

@@ -0,0 +1,46 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+interface TreeListNavState {
+}
+/**
+ * @hidden
+ */
+interface TreeListNavData {
+}
+/**
+ * @hidden
+ */
+export interface TreeListNavMethods {
+    [key: string]: any;
+    onKeyDown: (event: any) => any;
+    onFocus: (event: any) => any;
+    onNavMount: (event: any) => any;
+    onNavigationAction: (opitons: any) => any;
+}
+/**
+ * @hidden
+ */
+export interface TreeListNavComputed {
+    [key: string]: any;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface TreeListNavAll extends TreeListNavMethods, TreeListNavState, TreeListNavData, TreeListNavComputed, Vue2type {
+}
+/**
+ * @hidden
+ */
+declare const TreeListNavVue2: ComponentOptions<Vue2type, DefaultData<TreeListNavData>, DefaultMethods<TreeListNavAll>, TreeListNavComputed, RecordPropsDefinition<{}>>;
+/**
+ * @hidden
+ */
+declare const TreeListNav: DefineComponent<{}, any, TreeListNavData, TreeListNavComputed, TreeListNavMethods, {}, {}, {}, string, {}, {}, {}>;
+export { TreeListNav, TreeListNavVue2 };

package/dist/npm/TreeListNav.js

@@ -0,0 +1,133 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeListNavVue2 = exports.TreeListNav = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+/**
+ * @hidden
+ */
+
+
+var TreeListNavVue2 = {
+  name: 'KendoTreeListNav',
+  // @ts-ignore
+  emits: {
+    scroll: null,
+    keydown: null,
+    navigationaction: null
+  },
+  props: {
+    currentData: Array
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  inject: {
+    onNavKeyDown: {
+      default: kendo_vue_common_1.noop
+    },
+    onNavFocus: {
+      default: kendo_vue_common_1.noop
+    },
+    onNavMount: {
+      default: kendo_vue_common_1.noop
+    },
+    handleDispatchFocus: {
+      default: kendo_vue_common_1.noop
+    },
+    kbContext: {
+      default: null
+    },
+    navigation: {
+      default: null
+    }
+  },
+  mounted: function mounted() {
+    this.onNavMount({
+      scope: this.$el || undefined
+    });
+  },
+  updated: function updated() {
+    this.onNavMount({
+      scope: this.$el || undefined
+    });
+  },
+  methods: {
+    handleScroll: function handleScroll(event) {
+      this.$emit('scroll', event);
+    },
+    onKeyDown: function onKeyDown(event) {
+      this.onNavKeyDown(event, {
+        navigation: this.navigation,
+        kbContext: this.kbContext,
+        onNavigationAction: this.onNavigationAction
+      }); //    const {mode, cell} = getSelectionOptions(this.$props.selectable);
+
+      this.$emit('keydown', {
+        dataItems: this.getLeafDataItems(),
+        //     mode,
+        //     cell,
+        componentId: this._gridId,
+        selectedField: this.$props.selectedField,
+        event: event
+      }); // as TreeListNavigationActionEvent
+    },
+    onFocus: function onFocus(event) {
+      this.onNavFocus(event, {
+        kbContext: this.kbContext
+      });
+    },
+    onNavigationAction: function onNavigationAction(options) {
+      this.$emit('navigationaction', {
+        focusElement: options.focusElement,
+        event: options.event
+      }); // as TreeListNavigationActionEvent
+    },
+    getLeafDataItems: function getLeafDataItems() {
+      return this.$props.currentData.filter(function (item) {
+        return item.rowType === 'data';
+      }).map(function (item) {
+        return item.dataItem;
+      });
+    }
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlots = (0, kendo_vue_common_1.getDefaultSlots)(this);
+    return h("div", {
+      onScroll: this.handleScroll,
+      on: this.v3 ? undefined : {
+        "scroll": this.handleScroll,
+        "keydown": this.onKeyDown,
+        "focusin": this.onFocus
+      },
+      onKeydown: this.onKeyDown,
+      onFocusin: this.onFocus,
+      "data-keyboardnavscope": true,
+      attrs: this.v3 ? undefined : {
+        "data-keyboardnavscope": true
+      }
+    }, [defaultSlots]);
+  }
+};
+exports.TreeListNavVue2 = TreeListNavVue2;
+/**
+ * @hidden
+ */
+
+var TreeListNav = TreeListNavVue2;
+exports.TreeListNav = TreeListNav;

package/dist/npm/TreeListNoRecords.d.ts

@@ -0,0 +1,15 @@
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+/**
+ * @hidden
+ */
+declare let TreeListNoRecordsVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
+/**
+ * Represents the TreeListNoRecords component which is rendered
+ * when the `data` property of the TreeList is empty or `null`.
+ */
+declare const TreeListNoRecords: DefineComponent<{}, any, {}, {}, {}, {}, {}, {}, string, {}, {}, {}>;
+export { TreeListNoRecords, TreeListNoRecordsVue2 };

package/dist/npm/TreeListNoRecords.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeListNoRecordsVue2 = exports.TreeListNoRecords = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var inject = allVue.inject;
+
+var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
+
+var main_1 = require("./messages/main");
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+/**
+ * @hidden
+ */
+
+
+var TreeListNoRecordsVue2 = {
+  name: 'TreeListNoRecords',
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var kendoLocalizationService = inject('kendoLocalizationService', {});
+    return {
+      v3: v3,
+      kendoLocalizationService: kendoLocalizationService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
+    var localizationService = (0, kendo_vue_intl_1.provideLocalizationService)(this);
+    var noRecordsMessage = localizationService.toLanguageString(main_1.noRecords, main_1.messages[main_1.noRecords]);
+    return defaultSlot ? h("div", [defaultSlot]) // @ts-ignore
+    : this.v3 ? noRecordsMessage : this._v(noRecordsMessage);
+  }
+};
+exports.TreeListNoRecordsVue2 = TreeListNoRecordsVue2;
+/**
+ * Represents the TreeListNoRecords component which is rendered
+ * when the `data` property of the TreeList is empty or `null`.
+ */
+
+var TreeListNoRecords = TreeListNoRecordsVue2;
+exports.TreeListNoRecords = TreeListNoRecords;

package/dist/npm/TreeListToolbar.d.ts

@@ -0,0 +1,15 @@
+import { TreeListToolbarProps } from './interfaces/TreeListToolbarProps';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from './additionalTypes';
+/**
+ * @hidden
+ */
+declare let TreeListToolbarVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<{}>, {}, RecordPropsDefinition<TreeListToolbarProps>>;
+/**
+ * Represents the TreeListToolbar component.
+ */
+declare const TreeListToolbar: DefineComponent<TreeListToolbarProps, any, {}, {}, {}, {}, {}, {}, string, TreeListToolbarProps, TreeListToolbarProps, {}>;
+export { TreeListToolbar, TreeListToolbarVue2 };

package/dist/npm/TreeListToolbar.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeListToolbarVue2 = exports.TreeListToolbar = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+/**
+ * @hidden
+ */
+
+
+var TreeListToolbarVue2 = {
+  name: 'TreeListToolbar',
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    return {
+      v3: v3
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
+    return h("div", {
+      "class": "k-toolbar k-grid-toolbar"
+    }, [defaultSlot]);
+  }
+};
+exports.TreeListToolbarVue2 = TreeListToolbarVue2;
+/**
+ * Represents the TreeListToolbar component.
+ */
+
+var TreeListToolbar = TreeListToolbarVue2;
+exports.TreeListToolbar = TreeListToolbar;

package/dist/npm/additionalTypes.ts

@@ -0,0 +1,21 @@
+// @ts-ignore
+import { DefineComponent } from 'vue';
+// @ts-ignore
+import * as Vue from 'vue';
+
+/**
+ * @hidden
+ */
+// @ts-ignore
+type Vue2type = Vue.default;
+
+/**
+ * @hidden
+ */
+// @ts-ignore
+import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+/**
+ * @hidden
+ */
+// @ts-ignore
+export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

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

@@ -0,0 +1,42 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+import { TreeListCellProps } from '../../interfaces/TreeListCellProps';
+export interface TreeListBooleanEditorProps extends TreeListCellProps {
+}
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+export interface TreeListBooleanEditorMethods extends Vue2type {
+    triggerClick: () => void;
+    triggerKeydown: (e: any) => void;
+    triggerEdit: (dataItem: any) => void;
+    triggerAdd: (dataItem: any) => void;
+    triggerCancel: (dataItem: any) => void;
+    triggerSave: (dataItem: any) => void;
+    triggerRemove: (dataItem: any) => void;
+    changeHandler: (event: any, value?: any) => void;
+    getKeyboardNavigationAttributes: (id: string) => any;
+}
+/**
+ * @hidden
+ */
+export interface TreeListBooleanEditorData {
+    inputId: string;
+}
+/**
+ * @hidden
+ */
+export interface TreeListBooleanEditorAll extends TreeListBooleanEditorMethods, TreeListBooleanEditorData {
+}
+/**
+ * @hidden
+ */
+declare let TreeListBooleanEditorVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<TreeListBooleanEditorMethods>, {}, RecordPropsDefinition<TreeListCellProps>>;
+/**
+ * @hidden
+ */
+declare const TreeListBooleanEditor: DefineComponent<TreeListCellProps, any, TreeListBooleanEditorData, [], TreeListBooleanEditorMethods, {}, {}, {}, string, TreeListCellProps, TreeListCellProps, {}>;
+export { TreeListBooleanEditor, TreeListBooleanEditorVue2 };

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

@@ -0,0 +1,177 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TreeListBooleanEditorVue2 = exports.TreeListBooleanEditor = void 0; // @ts-ignore
+
+var Vue = require("vue");
+
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var inject = allVue.inject;
+
+var kendo_vue_common_1 = require("@progress/kendo-vue-common");
+
+var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
+/**
+ * @hidden
+ */
+
+
+var TreeListBooleanEditorVue2 = {
+  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]
+  },
+  // @ts-ignore
+  emits: {
+    change: null,
+    cellkeydown: null,
+    edit: null,
+    add: null,
+    cancel: null,
+    save: null,
+    remove: null
+  },
+  inject: {
+    kendoIntlService: {
+      default: null
+    },
+    getKeyboardNavigationAttributes: {
+      default: kendo_vue_common_1.noop
+    }
+  },
+  data: function data() {
+    return {
+      inputId: (0, kendo_vue_common_1.guid)()
+    };
+  },
+  methods: {
+    triggerKeydown: function triggerKeydown(e) {
+      this.$emit('cellkeydown', {
+        event: e,
+        dataItem: this.$props.dataItem,
+        field: this.$props.field
+      });
+    },
+    triggerEdit: function triggerEdit(dataItem) {
+      this.$emit('edit', dataItem);
+    },
+    triggerAdd: function triggerAdd(dataItem) {
+      this.$emit('add', dataItem);
+    },
+    triggerCancel: function triggerCancel(dataItem) {
+      this.$emit('cancel', dataItem);
+    },
+    triggerSave: function triggerSave(dataItem) {
+      this.$emit('save', dataItem);
+    },
+    triggerRemove: function triggerRemove(dataItem) {
+      this.$emit('remove', dataItem);
+    },
+    changeHandler: function changeHandler(event) {
+      this.$emit('change', {
+        dataItem: this.$props.dataItem,
+        field: this.$props.field,
+        event: event,
+        level: this.$props.level,
+        value: event.target.checked
+      });
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var kendoIntlService = inject('kendoIntlService', {});
+    return {
+      v3: v3,
+      kendoIntlService: kendoIntlService
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+    var data = (0, kendo_vue_common_1.getNestedValue)(this.$props.field, this.$props.dataItem);
+    var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
+    var defaultRendering = h("td", {
+      onKeydown: this.triggerKeydown,
+      on: this.v3 ? undefined : {
+        "keydown": this.triggerKeydown
+      },
+      colspan: this.$props.colSpan,
+      attrs: this.v3 ? undefined : {
+        colspan: this.$props.colSpan,
+        role: 'gridcell',
+        "aria-colindex": this.$props.ariaColumnIndex,
+        "aria-selected": this.$props.isSelected,
+        "data-grid-col-index": this.$props.colIndex,
+        tabindex: navAttrs.tabIndex,
+        "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
+        "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
+      },
+      "class": this.$props.className,
+      role: 'gridcell',
+      "aria-colindex": this.$props.ariaColumnIndex,
+      "aria-selected": this.$props.isSelected,
+      "data-grid-col-index": this.$props.colIndex,
+      tabindex: navAttrs.tabIndex,
+      "data-keyboardnavlevel": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
+      "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_ID]
+    }, [h("input", {
+      checked: this.v3 ? data || false : null,
+      domProps: this.v3 ? undefined : {
+        "checked": data || false
+      },
+      id: this.inputId,
+      attrs: this.v3 ? undefined : {
+        id: this.inputId,
+        type: "checkbox"
+      },
+      type: "checkbox",
+      "class": "k-checkbox k-checkbox-md k-rounded-md",
+      onChange: this.changeHandler,
+      on: this.v3 ? undefined : {
+        "change": this.changeHandler
+      }
+    }), h("label", {
+      "class": "k-checkbox-label",
+      "for": this.inputId,
+      attrs: this.v3 ? undefined : {
+        "for": this.inputId
+      }
+    })]);
+    return kendo_vue_common_1.getTemplate.call(this, {
+      h: h,
+      template: this.$props.render,
+      defaultRendering: defaultRendering,
+      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.TreeListBooleanEditorVue2 = TreeListBooleanEditorVue2;
+/**
+ * @hidden
+ */
+
+var TreeListBooleanEditor = TreeListBooleanEditorVue2;
+exports.TreeListBooleanEditor = TreeListBooleanEditor;

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

@@ -0,0 +1,42 @@
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../../additionalTypes';
+import { TreeListCellProps } from '../../interfaces/TreeListCellProps';
+export interface TreeListDateEditorProps extends TreeListCellProps {
+}
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+/**
+ * @hidden
+ */
+export interface TreeListDateEditorMethods extends Vue2type {
+    triggerClick: () => void;
+    triggerKeydown: (e: any) => void;
+    triggerEdit: (dataItem: any) => void;
+    triggerAdd: (dataItem: any) => void;
+    triggerCancel: (dataItem: any) => void;
+    triggerSave: (dataItem: any) => void;
+    triggerRemove: (dataItem: any) => void;
+    changeHandler: (event: any, value?: any) => void;
+    getKeyboardNavigationAttributes: (id: string) => any;
+}
+/**
+ * @hidden
+ */
+export interface TreeListDateEditorData {
+    inputId: string;
+}
+/**
+ * @hidden
+ */
+export interface TreeListDateEditorAll extends TreeListDateEditorMethods, TreeListDateEditorData {
+}
+/**
+ * @hidden
+ */
+declare let TreeListDateEditorVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<TreeListDateEditorMethods>, {}, RecordPropsDefinition<TreeListCellProps>>;
+/**
+ * @hidden
+ */
+declare const TreeListDateEditor: DefineComponent<TreeListCellProps, any, TreeListDateEditorData, [], TreeListDateEditorMethods, {}, {}, {}, string, TreeListCellProps, TreeListCellProps, {}>;
+export { TreeListDateEditor, TreeListDateEditorVue2 };