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

package/dist/esm/cells/TreeListSelectionCell.js

@@ -1,181 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
-import { getTemplate, noop, getNestedValue, guid } from '@progress/kendo-vue-common';
-import { KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL } from '@progress/kendo-vue-data-tools';
-/**
- * @hidden
- */
-var TreeListSelectionCellVue2 = {
-  name: 'TreeListSelectionCell',
-  inheritAttrs: false,
-  // @ts-ignore
-  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]
-  },
-  created: function created() {
-    this.inputId = guid();
-  },
-  inject: {
-    kendoIntlService: {
-      default: null
-    },
-    getKeyboardNavigationAttributes: {
-      default: noop
-    }
-  },
-  methods: {
-    triggerClick: function triggerClick(e) {
-      this.$emit('cellclick', {
-        event: e,
-        dataItem: this.$props.dataItem,
-        field: this.$props.field
-      });
-    },
-    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);
-    },
-    handleOnChange: function handleOnChange(event) {
-      this.$emit('selectionchange', {
-        event: event,
-        item: {
-          dataItem: this.dataItem,
-          level: this.level
-        },
-        field: this.field,
-        colIndex: this.colIndex
-      });
-    }
-  },
-  // @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 _a = this.$props,
-      dataItem = _a.dataItem,
-      colSpan = _a.colSpan,
-      ariaColumnIndex = _a.ariaColumnIndex,
-      isSelected = _a.isSelected,
-      field = _a.field;
-    var selectedValue = getNestedValue(field, dataItem);
-    var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
-    // const intl = provideIntlService(this);
-    var defaultRendering = h("td", {
-      style: this.$attrs.style,
-      role: 'gridcell',
-      attrs: this.v3 ? undefined : {
-        role: 'gridcell',
-        colSpan: colSpan,
-        "aria-selected": isSelected,
-        "aria-colindex": ariaColumnIndex,
-        "data-grid-col-index": this.$props.colIndex,
-        tabindex: navAttrs.tabIndex,
-        "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
-        "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
-      },
-      "class": 'k-table-td',
-      colSpan: colSpan,
-      "aria-selected": isSelected,
-      "aria-colindex": ariaColumnIndex,
-      "data-grid-col-index": this.$props.colIndex,
-      tabindex: navAttrs.tabIndex,
-      "data-keyboardnavlevel": navAttrs[KEYBOARD_NAV_DATA_LEVEL],
-      "data-keyboardnavid": navAttrs[KEYBOARD_NAV_DATA_ID]
-    }, [h("input", {
-      checked: this.v3 ? typeof selectedValue === 'boolean' && selectedValue : null,
-      domProps: this.v3 ? undefined : {
-        "checked": typeof selectedValue === 'boolean' && selectedValue
-      },
-      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.handleOnChange,
-      on: this.v3 ? undefined : {
-        "change": this.handleOnChange
-      }
-    }), h("label", {
-      "class": "k-checkbox-label",
-      "for": this.inputId,
-      attrs: this.v3 ? undefined : {
-        "for": this.inputId
-      }
-    })]);
-    return getTemplate.call(this, {
-      h: h,
-      template: this.$props.render,
-      defaultRendering: defaultRendering,
-      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
-      }
-    });
-  }
-};
-/**
- * @hidden
- */
-var TreeListSelectionCell = TreeListSelectionCellVue2;
-export { TreeListSelectionCell, TreeListSelectionCellVue2 };

package/dist/esm/constants/main.d.ts

@@ -1,6 +0,0 @@
-/** The attribute required by the TreeList selection on TreeList `tr` elements. */
-export declare const TREELIST_ROW_INDEX_ATTRIBUTE = "data-grid-row-index";
-/** The attribute required by the TreeList selection on TreeList `td` elements. */
-export declare const TREELIST_COL_INDEX_ATTRIBUTE = "data-grid-col-index";
-/** Attribute which disable selection start from this element. */
-export declare const TREELIST_PREVENT_SELECTION_ELEMENT = "data-prevent-selection";

package/dist/esm/constants/main.js

@@ -1,7 +0,0 @@
-import { TABLE_COL_INDEX_ATTRIBUTE, TABLE_ROW_INDEX_ATTRIBUTE, TABLE_PREVENT_SELECTION_ELEMENT } from '@progress/kendo-vue-data-tools';
-/** The attribute required by the TreeList selection on TreeList `tr` elements. */
-export var TREELIST_ROW_INDEX_ATTRIBUTE = TABLE_ROW_INDEX_ATTRIBUTE;
-/** The attribute required by the TreeList selection on TreeList `td` elements. */
-export var TREELIST_COL_INDEX_ATTRIBUTE = TABLE_COL_INDEX_ATTRIBUTE;
-/** Attribute which disable selection start from this element. */
-export var TREELIST_PREVENT_SELECTION_ELEMENT = TABLE_PREVENT_SELECTION_ELEMENT;

package/dist/esm/interfaces/DataItemWrapper.d.ts

@@ -1,10 +0,0 @@
-/**
- * @hidden
- */
-export interface DataItemWrapper {
-    dataItem: any;
-    level: number[];
-    height: number;
-    offsetTop: number;
-    levelCount: number;
-}

package/dist/esm/interfaces/DataItemWrapper.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/interfaces/TreeListCellProps.d.ts

@@ -1,35 +0,0 @@
-import { CellProps } from '@progress/kendo-vue-data-tools';
-/**
- * Represents the props of the TreeListCell component.
- */
-export interface TreeListCellProps extends CellProps {
-    /**
-     * An array of indexes of each parent and current item in the data tree.
-     */
-    level: number[];
-    /**
-     * Indicates that the data item of the cell has subitems.
-     */
-    hasChildren?: boolean;
-    /**
-     * If set to `true`, the cell will render indentation based on its level prop and
-     * the icons that are used for expanding and collapsing child rows.
-     */
-    expandable?: boolean;
-    /**
-     * The index of the column. Useful for applying `aria-colindex` accessibility attribute.
-     */
-    colIndex: number;
-    /**
-     * The event that is fired when the expand or collapse icon of the cell is clicked.
-     */
-    onExpandchange?: (event: any, dataItem: any, level: number[]) => void;
-    /**
-     * A function for overriding the default rendering of the cell.
-     */
-    render?: any;
-    /**
-     * If set to true will focus the first input inside the cell.
-     */
-    focusInputOnMount?: boolean;
-}

package/dist/esm/interfaces/TreeListCellProps.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/interfaces/TreeListColumnProps.d.ts

@@ -1,33 +0,0 @@
-import { TreeColumnBaseProps } from '@progress/kendo-vue-data-tools';
-/**
- * The props of the columns of the TreeList component.
- */
-export interface TreeListColumnProps extends TreeColumnBaseProps {
-    /**
-     * Defines the component that will be rendered as a cell. If not set, a `TreeListCell` will be rendered by default.
-     */
-    cell?: any;
-    /**
-     * Defines the component that will be rendered as an edit cell.
-     */
-    editCell?: any;
-    /**
-     * Defines the component that will be rendered as a header cell.
-     * If not set, a `TreeListHeaderCell` will be rendered by default.
-     */
-    headerCell?: any;
-    /**
-     * Defines the component that will be rendered as a filter cell.
-     */
-    filterCell?: any;
-    /**
-     * A collection of child columns.
-     */
-    children?: TreeListColumnProps[];
-    /**
-     * Defines if the column is locked (frozen or sticky).
-     * Locked columns are the columns that are visible at all times while the user scrolls the component horizontally.
-     * Defaults to `false`.
-     */
-    locked?: boolean;
-}

package/dist/esm/interfaces/TreeListColumnProps.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/interfaces/TreeListFilterCellProps.d.ts

@@ -1,6 +0,0 @@
-import { FilterCellProps } from '@progress/kendo-vue-data-tools';
-/**
- * @hidden
- */
-export interface TreeListFilterCellProps extends FilterCellProps {
-}

package/dist/esm/interfaces/TreeListFilterCellProps.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/interfaces/TreeListFilterOperator.d.ts

@@ -1,6 +0,0 @@
-import { FilterOperator } from '@progress/kendo-vue-data-tools';
-/**
- * The filter operator for the TreeList filters.
- */
-export interface TreeListFilterOperator extends FilterOperator {
-}

package/dist/esm/interfaces/TreeListFilterOperator.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/interfaces/TreeListHeaderCellProps.d.ts

@@ -1,6 +0,0 @@
-import { HeaderCellProps } from '@progress/kendo-vue-data-tools';
-/**
- * The props of the TreeListHeaderCell component.
- */
-export interface TreeListHeaderCellProps extends HeaderCellProps {
-}

package/dist/esm/interfaces/TreeListHeaderCellProps.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/interfaces/TreeListProps.d.ts

@@ -1,345 +0,0 @@
-import { SortDescriptor, FilterDescriptor, CompositeFilterDescriptor } from '@progress/kendo-data-query';
-import { TreeListSortChangeEvent, TreeListFilterChangeEvent, TreeListExpandChangeEvent, TreeListSelectionChangeEvent, TreeListHeaderSelectionChangeEvent, TreeListItemChangeEvent, TreeListDataStateChangeEvent, TreeListRowClickEvent, TreeListColumnResizeEvent, TreeListColumnReorderEvent, TreeListPageChangeEvent, TreeListRowDragEvent, TreeListColumnMenuFilterChangeEvent, TreeListRowDoubleClickEvent, TreeListRowContextMenuEvent, TreeListKeyDownEvent, TreeListRowEvent } from './events';
-import { ScrollMode } from '../ScrollMode';
-import { SortSettings as TreeListSortSettings, FilterOperators } from '@progress/kendo-vue-data-tools';
-import { TreeListColumnProps } from './TreeListColumnProps';
-import { TreeListSelectableSettings } from './TreeListSelectableSettings';
-/**
- * Represents the props of the [Kendo UI for Vue TreeList component]({% slug get_started_treelist %}).
- */
-export interface TreeListProps {
-    /**
-     * Sets the TreeList row key prop to the value of this field in the dataItem.
-     * If not set, the dataItem index will be used for the row key, which might lead to row not updated during paging or scrolling.
-     */
-    dataItemKey?: string;
-    /**
-     * A collection of `TreeListColumnProps` for creating columns.
-     */
-    columns?: TreeListColumnProps[];
-    /**
-     * Enables the virtualization of the columns
-     * ([see example]({% slug virtual_columns_treelist %})).
-     * If enabled, the columns outside the viewport are not rendered.
-     */
-    columnVirtualization?: boolean;
-    /**
-     * Sets the data of the TreeList.
-     */
-    dataItems?: any[];
-    /**
-     * Enables sorting ([see example]({% slug sorting_treelist %})).
-     */
-    sortable?: TreeListSortSettings;
-    /**
-     * Fires when the sorting of the TreeList is changed ([see example]({% slug sorting_treelist %})).
-     * You have to handle the event yourself and sort the data.
-     */
-    onSortchange?: (event: TreeListSortChangeEvent) => void;
-    /**
-     * The descriptors by which the data is sorted. Applies the sorting styles and buttons to the affected columns.
-     */
-    sort?: SortDescriptor[];
-    /**
-     * If set, it will be rendered instead of the default `FilterRow` TreeList component.
-     */
-    filterRow?: any;
-    /**
-     * If set and when the data item is in edit mode, the `editRow` value will be rendered.
-     */
-    /**
-     * @hidden
-     */
-    editRow?: any;
-    /**
-     * Configures the `size` of the TreeList.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     *
-     * @default `medium`
-     */
-    size?: 'small' | 'medium' | string;
-    /**
-     * Represents the TreeList toolbar component.
-     */
-    toolbar?: any;
-    /**
-     * Represents the component that will be rendered when the `data` property of the TreeList is empty or undefined.
-     */
-    noRecords?: any;
-    /**
-     * The descriptors by which the data is filtered ([more information and examples]({% slug filtering_treelist %})).
-     * This affects the values and buttons in the `FilterRow` of the TreeList.
-     */
-    filter?: FilterDescriptor[];
-    /**
-     * Enables the filtering of the columns with their `field` option set
-     */
-    filterable?: boolean;
-    /**
-     * The filter operators for the filters.
-     */
-    filterOperators?: FilterOperators;
-    /**
-     * Fires when the TreeList filter is modified through the UI
-     * ([more information and examples]({% slug filtering_treelist %})).
-     * You have to handle the event yourself and filter the data.
-     */
-    onFilterchange?: (event: TreeListFilterChangeEvent) => void;
-    /**
-     * Fires when the user clicks on the expand or collapse icon of a row.
-     */
-    onExpandchange?: (event: TreeListExpandChangeEvent) => void;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation of the expanded state of the item.
-     */
-    expandField?: string;
-    /**
-     * Specifies the name of the field which will provide an array representation of the item subitems.
-     */
-    subItemsField?: string;
-    /**
-     * The TreeList selectable settings.
-     */
-    /**
-     * @hidden
-     */
-    selectable?: TreeListSelectableSettings;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation of the selected state of the item
-     * ([see example]({% slug selection_treelist %})).
-     */
-    /**
-     * @hidden
-     */
-    selectedField?: string;
-    /**
-     * Fires when the user tries to select or deselect a row or cell.
-     * ([more information and example]({% slug selection_treelist %})).
-     */
-    /**
-     * @hidden
-     */
-    onSelectionchange?: (event: TreeListSelectionChangeEvent) => void;
-    /**
-     * Fires when the user press keyboard key.
-     */
-    onKeyDown?: (event: TreeListKeyDownEvent) => void;
-    /**
-     * Fires when the user clicks the checkbox of a column header whose `field` matches `selectedField`
-     * ([more information and example]({% slug selection_treelist %})).
-     */
-    /**
-     * @hidden
-     */
-    onHeaderselectionchange?: (event: TreeListHeaderSelectionChangeEvent) => void;
-    /**
-     * Fires when the user changes the values of the item.
-     * The event is not debounced and fires on every `onChange` event of the input in the current `EditCell`
-     * ([more information and examples]({% slug editing_inline_treelist %})).
-     */
-    /**
-     * @hidden
-     */
-    onItemchange?: (event: TreeListItemChangeEvent) => void;
-    /**
-     * Fires when the user clicks a row.
-     */
-    onRowclick?: (event: TreeListRowClickEvent) => void;
-    /**
-     * Fires when the user double clicks a row.
-     */
-    /**
-     * @hidden
-     */
-    onRowdoubleclick?: (event: TreeListRowDoubleClickEvent) => void;
-    /**
-     * Fires when the user trigger the context menu of row.
-     */
-    onRowcontextmenu?: (event: TreeListRowContextMenuEvent) => void;
-    /**
-     * Fires when the mouse down is triggered on a row.
-     */
-    /**
-     * @hidden
-     */
-    onRowmousedown?: (event: TreeListRowEvent) => void;
-    /**
-     * Fires when the mouse up is triggered on a row.
-     */
-    /**
-     * @hidden
-     */
-    onRowmouseup?: (event: TreeListRowEvent) => void;
-    /**
-     * Fires when focus event is triggered on a row.
-     */
-    onRowfocus?: (event: TreeListRowEvent) => void;
-    /**
-     * Fires when blur event is triggered on a row.
-     */
-    onRowblur?: (event: TreeListRowEvent) => void;
-    /**
-     * Specifies the name of the field which will provide a Boolean representation of the edit state of the current item
-     * ([more information and examples]({% slug editing_inline_treelist %})).
-     */
-    /**
-     * @hidden
-     */
-    editField?: string;
-    /**
-     * Defines the scroll mode of the TreeList.
-     *
-     * The available options are:
-     * - `none`—Renders no scrollbar.
-     * - `scrollable`—Represents the default scroll mode of the TreeList.
-     * Requires you to set the `overflow` and `height` (for vertical scrolling),
-     * or `width` (for horizontal scrolling) styles.
-     * - `virtual`—Enables the vertical virtual scrolling of the TreeList.
-     * Requires you to set the `overflow` and `height` styles and `rowHeight` prop of the TreeList.
-     */
-    scrollable?: ScrollMode | string;
-    /**
-     * If set to `true`, the user can resize columns by dragging the edges (resize handles) of their header cells.
-     */
-    /**
-     * @hidden
-     */
-    resizable?: boolean;
-    /**
-     * If set to `true`, the user can reorder columns by dragging their header cells.
-     */
-    /**
-     * @hidden
-     */
-    reorderable?: boolean;
-    /**
-     * If set to `true`, the user can drag and drop rows.
-     */
-    /**
-     * @hidden
-     */
-    rowDraggable?: boolean;
-    /**
-     * Defines the row height and implements equal heights for all rows.
-     */
-    rowHeight?: number;
-    /**
-     * A props object that will be passed to the underlying HTML table.
-     */
-    tableProps?: any;
-    /**
-     * Configures the pager of the TreeList.
-     *
-     * The available options are:
-     * - `buttonCount: Number`—Sets the maximum numeric buttons count before the buttons are collapsed.
-     * - `info: Boolean`—Toggles the information about the current page and the total number of records.
-     * - `type: PagerType`—Accepts the `numeric` (buttons with numbers)
-     * and `input` (input for typing the page number) values.
-     * - `pageSizes: Boolean` or `Array<number>`&mdash;Shows a menu for selecting the page size.
-     * - `previousNext: Boolean`&mdash;Toggles the **Previous** and **Next** buttons.
-     */
-    pageable?: any;
-    /**
-     * A function that returns a custom class applied to the row.
-     * @param item - the item for the row.
-     */
-    rowClass?: Function;
-    /**
-     * @hidden
-     */
-    columnMenu?: any;
-    /**
-     * @hidden
-     */
-    columnMenuFilter?: CompositeFilterDescriptor[];
-    /**
-     * @hidden
-     */
-    onColumnmenufilterchange?: (event: TreeListColumnMenuFilterChangeEvent) => void;
-    /**
-     * The pager component that the TreeList will render.
-     */
-    pager?: any;
-    /**
-     * The number of records that will be skipped.
-     */
-    skip?: number;
-    /**
-     * The number of records that will be taken.
-     */
-    take?: number;
-    /**
-     * The styles of the wrapper component.
-     */
-    wrapperStyle?: Object;
-    /**
-     * The TreeList row component.
-     */
-    /**
-     * @hidden
-     */
-    row?: any;
-    /**
-     * If set to `true`, the rows of the TreeList can be reordered.
-     */
-    reordableRows?: boolean;
-    /**
-     * If set to `true`, the user can use dedicated shortcuts to interact with the TreeList.
-     * By default, navigation is disabled and the TreeList content is accessible in the normal tab sequence.
-     */
-    navigatable?: boolean;
-    /**
-     * Fires when the page of the TreeList is changed.
-     */
-    onPagechange?: (event: TreeListPageChangeEvent) => void;
-    /**
-     * Fires when the data state of the TreeList is changed.
-     */
-    onDatastatechange?: (event: TreeListDataStateChangeEvent) => void;
-    /**
-     * Fires when a column is resized.
-     */
-    /**
-     * @hidden
-     */
-    onColumnresize?: (event: TreeListColumnResizeEvent) => void;
-    /**
-     * Fires when the columns are reordered.
-     */
-    /**
-     * @hidden
-     */
-    onColumnreorder?: (event: TreeListColumnReorderEvent) => void;
-    /**
-     * Fires when a row is dragged.
-     */
-    /**
-     * @hidden
-     */
-    onRowdrag?: (event: TreeListRowDragEvent) => void;
-    /**
-     * Fires when a row is dragged and dropped.
-     */
-    /**
-     * @hidden
-     */
-    onRowdrop?: (event: TreeListRowDragEvent) => void;
-    /**
-     * Fires when a row is about to be rendered. Useful for overriding the default rendering of the row.
-     */
-    /**
-     * @hidden
-     */
-    rowRender?: any;
-    /**
-     * Fires when a cell is about to be rendered. Useful for overriding the default rendering of the cell.
-     */
-    cellRender?: any;
-    /**
-     * Fires when a header cell is about to be rendered. Useful for overriding the default rendering of the header cell.
-     */
-    headerCellRender?: any;
-}

package/dist/esm/interfaces/TreeListProps.js

@@ -1 +0,0 @@
-export {};