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

package/dist/npm/cells/TreeListCell.js

@@ -1,263 +0,0 @@
-"use strict";
-
-var __assign = undefined && undefined.__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);
-};
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TreeListCellVue2 = exports.TreeListCell = 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 kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-/**
- * @hidden
- */
-var TreeListCellVue2 = {
-  name: 'TreeListCell',
-  inheritAttrs: false,
-  // @ts-ignore
-  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: kendo_vue_common_1.noop
-    }
-  },
-  methods: {
-    onKeyDownHandler: function onKeyDownHandler(event) {
-      var _a = this.$props,
-        expandable = _a.expandable,
-        dataItem = _a.dataItem,
-        level = _a.level;
-      if (event.defaultPrevented) {
-        return;
-      }
-      if (event.keyCode === kendo_vue_common_1.Keys.enter && expandable) {
-        event.preventDefault();
-        this.$emit('expandchange', event, dataItem, level);
-      }
-    },
-    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);
-    },
-    triggerExpandChange: function triggerExpandChange(event) {
-      var _a = this.$props,
-        dataItem = _a.dataItem,
-        level = _a.level;
-      this.$emit('expandchange', event, dataItem, level);
-    }
-  },
-  computed: {
-    wrapperClass: function wrapperClass() {
-      var _a;
-      var _b = this.$props,
-        expandable = _b.expandable,
-        isSelected = _b.isSelected;
-      return _a = {
-        'k-table-td': true
-      }, _a['k-text-nowrap'] = expandable, _a['k-selected'] = isSelected, _a;
-    }
-  },
-  // @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,
-      hasChildren = _a.hasChildren,
-      _b = _a.level,
-      level = _b === void 0 ? [0] : _b,
-      expanded = _a.expanded,
-      dataItem = _a.dataItem,
-      format = _a.format,
-      id = _a.id,
-      colSpan = _a.colSpan,
-      ariaColumnIndex = _a.ariaColumnIndex,
-      isSelected = _a.isSelected,
-      expandable = _a.expandable,
-      field = _a.field;
-    var data = field ? (0, kendo_vue_common_1.getNestedValue)(field, dataItem) : undefined;
-    var navAttrs = this.getKeyboardNavigationAttributes(this.$props.id);
-    var intl = (0, kendo_vue_intl_1.provideIntlService)(this);
-    var dataAsString = '';
-    if (data !== undefined && data !== null) {
-      dataAsString = format ? intl.format(format, data) : data.toString();
-    }
-    var transparentIcon = function transparentIcon(key) {
-      return h("span", {
-        key: key,
-        className: "k-treelist-toggle k-icon k-svg-icon",
-        attrs: this.v3 ? undefined : {
-          className: "k-treelist-toggle k-icon k-svg-icon"
-        }
-      }, [h("svg", {
-        "aria-hidden": "true",
-        attrs: this.v3 ? undefined : {
-          "aria-hidden": "true",
-          focusable: "false",
-          xmlns: "http://www.w3.org/2000/svg",
-          viewBox: "0 0 24 24"
-        },
-        focusable: "false",
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 24 24"
-      })]);
-    };
-    var icons = [];
-    if (expandable) {
-      var that_1 = this;
-      icons.push.apply(icons, level.slice(1).map(function (_x, i) {
-        return transparentIcon.call(that_1, i);
-      }));
-      if (hasChildren) {
-        icons.push(h(kendo_vue_common_1.Icon, {
-          "class": 'k-treelist-toggle',
-          name: expanded ? 'caret-alt-down' : 'caret-alt-right',
-          attrs: this.v3 ? undefined : {
-            name: expanded ? 'caret-alt-down' : 'caret-alt-right',
-            icon: expanded ? kendo_svg_icons_1.caretAltDownIcon : kendo_svg_icons_1.caretAltRightIcon,
-            "data-prevent-selection": true
-          },
-          icon: expanded ? kendo_svg_icons_1.caretAltDownIcon : kendo_svg_icons_1.caretAltRightIcon,
-          key: "expand-collapse",
-          onClick: this.triggerExpandChange,
-          on: this.v3 ? undefined : {
-            "click": this.triggerExpandChange
-          },
-          "data-prevent-selection": true
-        }));
-      } else {
-        icons.push(transparentIcon.call(this, icons.length));
-      }
-    }
-    var defaultRendering = h("td", {
-      style: this.$attrs.style,
-      "class": this.wrapperClass,
-      colSpan: colSpan,
-      attrs: this.v3 ? undefined : {
-        colSpan: colSpan,
-        "aria-colindex": ariaColumnIndex,
-        "aria-expanded": hasChildren ? expanded : undefined,
-        "aria-selected": isSelected,
-        role: 'gridcell',
-        "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]
-      },
-      "aria-colindex": ariaColumnIndex,
-      "aria-expanded": hasChildren ? expanded : undefined,
-      "aria-selected": isSelected,
-      role: 'gridcell',
-      onClick: this.triggerClick,
-      on: this.v3 ? undefined : {
-        "click": this.triggerClick,
-        "keydown": this.onKeyDownHandler
-      },
-      onKeydown: this.onKeyDownHandler,
-      "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]
-    }, [icons, dataAsString]);
-    return kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: this.$props.render,
-      defaultRendering: defaultRendering,
-      additionalProps: __assign(__assign({}, this.$props), {
-        value: data
-      }),
-      additionalListeners: {
-        click: this.triggerClick,
-        keydown: this.triggerKeydown,
-        edit: this.triggerEdit,
-        add: this.triggerAdd,
-        cancel: this.triggerCancel,
-        save: this.triggerSave,
-        remove: this.triggerRemove
-      }
-    });
-  }
-};
-exports.TreeListCellVue2 = TreeListCellVue2;
-/**
- * @hidden
- */
-var TreeListCell = TreeListCellVue2;
-exports.TreeListCell = TreeListCell;

package/dist/npm/cells/TreeListSelectionCell.d.ts

@@ -1,41 +0,0 @@
-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;
-};
-import { TreeListCellProps } from '../interfaces/TreeListCellProps';
-/**
- * @hidden
- */
-export interface TreeListSelectionCellComputed {
-    [key: string]: any;
-    wrapperClasses: object;
-}
-/**
- * @hidden
- */
-export interface TreeListSelectionCellMethods {
-    [key: string]: any;
-    triggerKeydown: (e: any) => void;
-    triggerClick: () => void;
-    triggerEdit: (dataItem: any) => void;
-    triggerAdd: (dataItem: any) => void;
-    triggerCancel: (dataItem: any) => void;
-    triggerSave: (dataItem: any) => void;
-    triggerRemove: (dataItem: any) => void;
-    getKeyboardNavigationAttributes: (id: string) => any;
-}
-/**
- * @hidden
- */
-export interface TreeListSelectionCellAll extends TreeListSelectionCellComputed, TreeListSelectionCellMethods, Vue2type {
-}
-/**
- * @hidden
- */
-declare let TreeListSelectionCellVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<TreeListSelectionCellAll>, {}, RecordPropsDefinition<TreeListCellProps>>;
-/**
- * @hidden
- */
-declare const TreeListSelectionCell: DefineComponent<TreeListCellProps, any, {}, {}, {}, {}, {}, {}, string, TreeListCellProps, TreeListCellProps, {}>;
-export { TreeListSelectionCell, TreeListSelectionCellVue2 };

package/dist/npm/cells/TreeListSelectionCell.js

@@ -1,188 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TreeListSelectionCellVue2 = exports.TreeListSelectionCell = 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 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 = (0, kendo_vue_common_1.guid)();
-  },
-  inject: {
-    kendoIntlService: {
-      default: null
-    },
-    getKeyboardNavigationAttributes: {
-      default: kendo_vue_common_1.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 = (0, kendo_vue_common_1.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[kendo_vue_data_tools_1.KEYBOARD_NAV_DATA_LEVEL],
-        "data-keyboardnavid": navAttrs[kendo_vue_data_tools_1.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[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 ? 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 kendo_vue_common_1.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
-      }
-    });
-  }
-};
-exports.TreeListSelectionCellVue2 = TreeListSelectionCellVue2;
-/**
- * @hidden
- */
-var TreeListSelectionCell = TreeListSelectionCellVue2;
-exports.TreeListSelectionCell = TreeListSelectionCell;

package/dist/npm/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/npm/constants/main.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TREELIST_PREVENT_SELECTION_ELEMENT = exports.TREELIST_COL_INDEX_ATTRIBUTE = exports.TREELIST_ROW_INDEX_ATTRIBUTE = void 0;
-var kendo_vue_data_tools_1 = require("@progress/kendo-vue-data-tools");
-/** The attribute required by the TreeList selection on TreeList `tr` elements. */
-exports.TREELIST_ROW_INDEX_ATTRIBUTE = kendo_vue_data_tools_1.TABLE_ROW_INDEX_ATTRIBUTE;
-/** The attribute required by the TreeList selection on TreeList `td` elements. */
-exports.TREELIST_COL_INDEX_ATTRIBUTE = kendo_vue_data_tools_1.TABLE_COL_INDEX_ATTRIBUTE;
-/** Attribute which disable selection start from this element. */
-exports.TREELIST_PREVENT_SELECTION_ELEMENT = kendo_vue_data_tools_1.TABLE_PREVENT_SELECTION_ELEMENT;

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

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

package/dist/npm/interfaces/DataItemWrapper.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/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/npm/interfaces/TreeListCellProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/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/npm/interfaces/TreeListColumnProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

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

package/dist/npm/interfaces/TreeListFilterCellProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/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/npm/interfaces/TreeListFilterOperator.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/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/npm/interfaces/TreeListHeaderCellProps.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });