@progress/kendo-vue-data-tools 5.3.0-dev.202410141143 → 5.3.0-develop.1

package/dist/esm/header/HeaderRow.js

@@ -1,583 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-import { normalize } from '../interfaces/SortSettings.js';
-import { ColumnResizer } from '../drag/ColumnResizer.js';
-import { ColumnDraggable } from '../drag/ColumnDraggable.js';
-import { HeaderCell } from './HeaderCell.js';
-import { ColumnMenu } from '../columnmenu/ColumnMenu.js';
-import { HeaderSelectionCell } from './HeaderSelectionCell.js';
-import { templateRendering, hasListener, getListeners, Keys, noop, Icon } from '@progress/kendo-vue-common';
-import { sortDescSmallIcon, sortAscSmallIcon } from '@progress/kendo-svg-icons';
-import { HeaderThElement } from './HeaderThElement.js';
-/**
- * @hidden
- */
-var ariaSortMap = {
-  'none': 'none',
-  'asc': 'ascending',
-  'desc': 'descending'
-};
-/**
- * @hidden
- */
-var sortSeqMap = {
-  true: {
-    'asc': 'desc',
-    'desc': '',
-    '': 'asc'
-  },
-  false: {
-    'asc': 'desc',
-    'desc': 'asc',
-    '': 'asc'
-  }
-};
-/**
- * @hidden
- */
-var HeaderRowVue2 = {
-  name: 'KendoHeaderRow',
-  props: {
-    grid: Object,
-    cellRender: [String, Function, Object],
-    groupable: [Boolean, Object],
-    reorderable: Boolean,
-    sortable: [Boolean, Object],
-    sort: {
-      type: Array
-    },
-    selectedField: String,
-    filter: Object,
-    filterable: Boolean,
-    filterOperators: Object,
-    filterChange: Function,
-    filterRow: Object,
-    columns: Array,
-    columnsMap: Array,
-    columnResize: Object,
-    columnMenu: [Boolean, String, Function, Object],
-    columnMenuAnimate: {
-      type: [Boolean, Object],
-      default: function _default() {
-        return true;
-      }
-    },
-    size: String,
-    isRtl: Boolean,
-    onSortChange: Function
-  },
-  inject: {
-    onNavFocus: {
-      default: noop
-    }
-  },
-  data: function data() {
-    return {
-      columnMenuOpened: {}
-    };
-  },
-  created: function created() {
-    this.serviceIndex = 0;
-    this.index = -1;
-    this._element = null;
-    this.cellClick = this.cellClick.bind(this);
-  },
-  methods: {
-    pressHandler: function pressHandler(event, element) {
-      this.$emit('pressHandler', event, element);
-    },
-    dragHandler: function dragHandler(event, element) {
-      this.$emit('dragHandler', event, element);
-    },
-    releaseHandler: function releaseHandler(event) {
-      this.$emit('releaseHandler', event);
-    },
-    selectionChangeHandler: function selectionChangeHandler(options) {
-      this.$emit('selectionchange', options);
-    },
-    cellClick: function cellClick(e, column) {
-      e.preventDefault();
-      if (!hasListener.call(this, 'sortChange')) {
-        return;
-      }
-      var _a = normalize(this.$props.sortable || false, column.sortable || false),
-        allowUnsort = _a.allowUnsort,
-        mode = _a.mode;
-      var oldDescriptor = (this.$props.sort || []).filter(function (d) {
-        return d.field === column.field;
-      })[0];
-      var dir = sortSeqMap[allowUnsort][oldDescriptor && oldDescriptor.dir || ''];
-      var newDescriptor = mode === 'single' ? [] : (this.$props.sort || []).filter(function (d) {
-        return d.field !== column.field;
-      });
-      if (dir !== '' && column.field) {
-        newDescriptor.push({
-          field: column.field,
-          dir: dir
-        });
-      }
-      this.sortChangeHandler(newDescriptor, {
-        event: e,
-        field: column.field
-      });
-    },
-    sortChangeHandler: function sortChangeHandler(newDescriptor, e) {
-      this.$emit('sortChange', newDescriptor, e);
-    },
-    filterChangeHandler: function filterChangeHandler(newDescriptor, e) {
-      this.$emit('filterChange', newDescriptor, e);
-    },
-    cellClass: function cellClass(field, headerClassName, locked) {
-      var customClass = headerClassName ? ' ' + headerClassName : '';
-      var result = "k-header" + (locked ? ' k-grid-header-sticky' : '') + customClass;
-      if (this.$props.sort && this.$props.sort.filter(function (descriptor) {
-        return descriptor.field === field;
-      }).length > 0) {
-        result += ' k-sorted';
-      }
-      return result;
-    },
-    cellKeyDown: function cellKeyDown(event, column) {
-      var _a;
-      if (event.defaultPrevented) {
-        return;
-      }
-      if (event.keyCode === Keys.enter) {
-        this.cellClick(event, column);
-      }
-      if (event.altKey && event.keyCode === Keys.down) {
-        if (column.field) {
-          event.preventDefault();
-          this.columnMenuOpened = (_a = {}, _a[column.field] = true, _a);
-        }
-      }
-    },
-    getTemplate: function getTemplate(template) {
-      return templateRendering.call(this.$props.grid, template, getListeners.call(this.$props.grid));
-    },
-    columnMenuClose: function columnMenuClose() {
-      this.onNavFocus({});
-      this.columnMenuOpened = {};
-    }
-  },
-  computed: {
-    element: {
-      get: function get() {
-        return this._element;
-      }
-    },
-    theadClasses: {
-      get: function get() {
-        return {
-          'k-table-thead': true,
-          'k-grid-header': true
-        };
-      }
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    this.serviceIndex = 0;
-    this.index = -1;
-    var cells = function cells(rowIndexes) {
-      return rowIndexes.map(function (columnIndex) {
-        var _this2 = this;
-        var _this = this;
-        var column = this.$props.columns[columnIndex];
-        var sortable = this.$props.sortable && column.sortable;
-        var sortIndex = this.$props.sort ? this.$props.sort.findIndex(function (s) {
-          return s.field === column.field;
-        }) : -1;
-        var sortDir = sortIndex >= 0 ? this.$props.sort[sortIndex].dir || 'none' : 'none';
-        var sortIconRenderer = function sortIconRenderer(iconSortIndex) {
-          if (!this.$props.sort) {
-            return null;
-          }
-          var currentDir = iconSortIndex >= 0 ? this.$props.sort[iconSortIndex].dir : '';
-          return iconSortIndex >= 0 && [h(Icon, {
-            key: 1,
-            name: "sort-".concat(currentDir, "-small"),
-            attrs: this.v3 ? undefined : {
-              name: "sort-".concat(currentDir, "-small"),
-              icon: currentDir === 'asc' ? sortAscSmallIcon : sortDescSmallIcon
-            },
-            icon: currentDir === 'asc' ? sortAscSmallIcon : sortDescSmallIcon
-          }), this.$props.sort.length > 1 && h("span", {
-            key: 2,
-            "class": "k-sort-order"
-          }, [iconSortIndex + 1])];
-        };
-        var sortIcon = sortIconRenderer.call(this, sortIndex);
-        var columnMenu = column.columnMenu || column.columnMenu === false ? column.columnMenu : this.$props.columnMenu;
-        var className = (column.kFirst ? 'k-first ' : '') + this.cellClass(column.field, column.headerClassName, column.locked) + (columnMenu ? ' k-filterable' : '');
-        var columnMenuRender = !columnMenu || typeof columnMenu === 'boolean' ? !!columnMenu : this.getTemplate(columnMenu);
-        var style = column.left !== undefined ? !this.$props.isRtl ? {
-          left: column.left + 'px',
-          right: column.right + 'px'
-        } : {
-          left: column.right + 'px',
-          right: column.left + 'px'
-        } : {};
-        var ariaAttrs = column.isAccessible ? {
-          ariaSort: ariaSortMap[sortDir],
-          role: 'columnheader',
-          ariaColumnIndex: column.ariaColumnIndex,
-          ariaSelected: false
-        } : {
-          'role': 'presentation'
-        };
-        var key = column.declarationIndex >= 0 ? ++this.index : --this.serviceIndex;
-        return (
-          // @ts-ignore function children
-          h(HeaderThElement, {
-            ariaSort: ariaAttrs.ariaSort,
-            attrs: this.v3 ? undefined : {
-              ariaSort: ariaAttrs.ariaSort,
-              role: ariaAttrs.role,
-              ariaColumnIndex: ariaAttrs.ariaColumnIndex,
-              ariaSelected: ariaAttrs.ariaSelected,
-              colSpan: column.colSpan,
-              rowSpan: column.rowSpan,
-              columnId: column.id,
-              navigatable: column.navigatable
-            },
-            role: ariaAttrs.role,
-            ariaColumnIndex: ariaAttrs.ariaColumnIndex,
-            ariaSelected: ariaAttrs.ariaSelected,
-            key: key,
-            colSpan: column.colSpan,
-            rowSpan: column.rowSpan,
-            "class": className,
-            style: style,
-            columnId: column.id,
-            navigatable: column.navigatable,
-            onKeydown: function onKeydown(e) {
-              return _this.cellKeyDown(e, column);
-            },
-            on: this.v3 ? undefined : {
-              "keydown": function onKeydown(e) {
-                return _this.cellKeyDown(e, column);
-              }
-            }
-          }, this.v3 ? function () {
-            return [[
-            // @ts-ignore
-            column.children.length === 0 && columnMenu && h(ColumnMenu, {
-              key: 0,
-              column: {
-                field: column.field,
-                filter: column.filter
-              },
-              attrs: _this2.v3 ? undefined : {
-                column: {
-                  field: column.field,
-                  filter: column.filter
-                },
-                opened: _this2.columnMenuOpened[column.field],
-                animate: _this2.$props.columnMenuAnimate,
-                sortable: sortable,
-                sort: _this2.$props.sort,
-                filter: _this2.$props.filter,
-                filterable: _this2.$props.filterable && column.filterable,
-                filterOperators: _this2.$props.filterOperators,
-                render: columnMenuRender
-              },
-              opened: _this2.columnMenuOpened[column.field],
-              animate: _this2.$props.columnMenuAnimate,
-              sortable: sortable,
-              sort: _this2.$props.sort,
-              onClose: _this2.columnMenuClose,
-              on: _this2.v3 ? undefined : {
-                "close": _this2.columnMenuClose,
-                "sortchange": _this2.sortChangeHandler,
-                "filterchange": _this2.filterChangeHandler
-              },
-              onSortchange: _this2.sortChangeHandler,
-              filter: _this2.$props.filter,
-              filterable: _this2.$props.filterable && column.filterable,
-              filterOperators: _this2.$props.filterOperators,
-              onFilterchange: _this2.filterChangeHandler,
-              render: columnMenuRender
-            }), column.internalHeaderCell && h("span", {
-              "class": 'k-cell-inner'
-            }, [
-            // @ts-ignore function children
-            h(column.internalHeaderCell, {
-              key: 1,
-              field: column.field,
-              attrs: _this2.v3 ? undefined : {
-                field: column.field,
-                sortable: sortable,
-                selectionValue: column.headerSelectionValue,
-                title: column.title,
-                render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-              },
-              sortable: sortable,
-              onHeadercellclick: function onHeadercellclick(e) {
-                return _this.cellClick(e, column);
-              },
-              on: _this2.v3 ? undefined : {
-                "headercellclick": function onHeadercellclick(e) {
-                  return _this.cellClick(e, column);
-                },
-                "selectionchange": _this2.selectionChangeHandler
-              },
-              onSelectionchange: _this2.selectionChangeHandler,
-              selectionValue: column.headerSelectionValue,
-              title: column.title,
-              render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-            }, _this2.v3 ? function () {
-              return [sortIcon];
-            } : [sortIcon])]) || _this2.$props.selectedField && column.field === _this2.$props.selectedField && h("span", {
-              "class": 'k-cell-inner'
-            }, [
-            // @ts-ignore function children
-            h(HeaderSelectionCell, {
-              key: 1,
-              field: column.field,
-              attrs: _this2.v3 ? undefined : {
-                field: column.field,
-                sortable: sortable,
-                selectionValue: column.headerSelectionValue,
-                title: column.title,
-                render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-              },
-              sortable: sortable,
-              onHeadercellclick: function onHeadercellclick(e) {
-                return _this.cellClick(e, column);
-              },
-              on: _this2.v3 ? undefined : {
-                "headercellclick": function onHeadercellclick(e) {
-                  return _this.cellClick(e, column);
-                },
-                "selectionchange": _this2.selectionChangeHandler
-              },
-              onSelectionchange: _this2.selectionChangeHandler,
-              selectionValue: column.headerSelectionValue,
-              title: column.title,
-              render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-            }, _this2.v3 ? function () {
-              return [sortIcon];
-            } : [sortIcon])]) || h("span", {
-              "class": 'k-cell-inner'
-            }, [
-            // @ts-ignore function children
-            h(HeaderCell, {
-              key: 1,
-              field: column.field,
-              attrs: _this2.v3 ? undefined : {
-                field: column.field,
-                sortable: sortable,
-                selectionValue: column.headerSelectionValue,
-                title: column.title,
-                render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-              },
-              sortable: sortable,
-              onHeadercellclick: function onHeadercellclick(e) {
-                return _this.cellClick(e, column);
-              },
-              on: _this2.v3 ? undefined : {
-                "headercellclick": function onHeadercellclick(e) {
-                  return _this.cellClick(e, column);
-                }
-              },
-              selectionValue: column.headerSelectionValue,
-              title: column.title,
-              render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-            }, _this2.v3 ? function () {
-              return [sortIcon];
-            } : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable
-            // @ts-ignore
-            && column.resizable && h(ColumnResizer, {
-              key: 2,
-              onResize: function onResize(e, element, end) {
-                return _this.$props.columnResize && _this.$props.columnResize.dragHandler(e, column, element, end);
-              },
-              on: _this2.v3 ? undefined : {
-                "resize": function onResize(e, element, end) {
-                  return _this.$props.columnResize && _this.$props.columnResize.dragHandler(e, column, element, end);
-                }
-              }
-            })]];
-          } : [[column.children.length === 0 && columnMenu && h(ColumnMenu, {
-            key: 0,
-            column: {
-              field: column.field,
-              filter: column.filter
-            },
-            attrs: _this2.v3 ? undefined : {
-              column: {
-                field: column.field,
-                filter: column.filter
-              },
-              opened: _this2.columnMenuOpened[column.field],
-              animate: _this2.$props.columnMenuAnimate,
-              sortable: sortable,
-              sort: _this2.$props.sort,
-              filter: _this2.$props.filter,
-              filterable: _this2.$props.filterable && column.filterable,
-              filterOperators: _this2.$props.filterOperators,
-              render: columnMenuRender
-            },
-            opened: _this2.columnMenuOpened[column.field],
-            animate: _this2.$props.columnMenuAnimate,
-            sortable: sortable,
-            sort: _this2.$props.sort,
-            onClose: _this2.columnMenuClose,
-            on: _this2.v3 ? undefined : {
-              "close": _this2.columnMenuClose,
-              "sortchange": _this2.sortChangeHandler,
-              "filterchange": _this2.filterChangeHandler
-            },
-            onSortchange: _this2.sortChangeHandler,
-            filter: _this2.$props.filter,
-            filterable: _this2.$props.filterable && column.filterable,
-            filterOperators: _this2.$props.filterOperators,
-            onFilterchange: _this2.filterChangeHandler,
-            render: columnMenuRender
-          }), column.internalHeaderCell && h("span", {
-            "class": 'k-cell-inner'
-          }, [h(column.internalHeaderCell, {
-            key: 1,
-            field: column.field,
-            attrs: _this2.v3 ? undefined : {
-              field: column.field,
-              sortable: sortable,
-              selectionValue: column.headerSelectionValue,
-              title: column.title,
-              render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-            },
-            sortable: sortable,
-            onHeadercellclick: function onHeadercellclick(e) {
-              return _this.cellClick(e, column);
-            },
-            on: _this2.v3 ? undefined : {
-              "headercellclick": function onHeadercellclick(e) {
-                return _this.cellClick(e, column);
-              },
-              "selectionchange": _this2.selectionChangeHandler
-            },
-            onSelectionchange: _this2.selectionChangeHandler,
-            selectionValue: column.headerSelectionValue,
-            title: column.title,
-            render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-          }, _this2.v3 ? function () {
-            return [sortIcon];
-          } : [sortIcon])]) || _this2.$props.selectedField && column.field === _this2.$props.selectedField && h("span", {
-            "class": 'k-cell-inner'
-          }, [h(HeaderSelectionCell, {
-            key: 1,
-            field: column.field,
-            attrs: _this2.v3 ? undefined : {
-              field: column.field,
-              sortable: sortable,
-              selectionValue: column.headerSelectionValue,
-              title: column.title,
-              render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-            },
-            sortable: sortable,
-            onHeadercellclick: function onHeadercellclick(e) {
-              return _this.cellClick(e, column);
-            },
-            on: _this2.v3 ? undefined : {
-              "headercellclick": function onHeadercellclick(e) {
-                return _this.cellClick(e, column);
-              },
-              "selectionchange": _this2.selectionChangeHandler
-            },
-            onSelectionchange: _this2.selectionChangeHandler,
-            selectionValue: column.headerSelectionValue,
-            title: column.title,
-            render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-          }, _this2.v3 ? function () {
-            return [sortIcon];
-          } : [sortIcon])]) || h("span", {
-            "class": 'k-cell-inner'
-          }, [h(HeaderCell, {
-            key: 1,
-            field: column.field,
-            attrs: _this2.v3 ? undefined : {
-              field: column.field,
-              sortable: sortable,
-              selectionValue: column.headerSelectionValue,
-              title: column.title,
-              render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-            },
-            sortable: sortable,
-            onHeadercellclick: function onHeadercellclick(e) {
-              return _this.cellClick(e, column);
-            },
-            on: _this2.v3 ? undefined : {
-              "headercellclick": function onHeadercellclick(e) {
-                return _this.cellClick(e, column);
-              }
-            },
-            selectionValue: column.headerSelectionValue,
-            title: column.title,
-            render: (column.headerCell || _this2.$props.cellRender) && _this2.getTemplate(column.headerCell || _this2.$props.cellRender)
-          }, _this2.v3 ? function () {
-            return [sortIcon];
-          } : [sortIcon])]), _this2.$props.columnResize && _this2.$props.columnResize.resizable && column.resizable && h(ColumnResizer, {
-            key: 2,
-            onResize: function onResize(e, element, end) {
-              return _this.$props.columnResize && _this.$props.columnResize.dragHandler(e, column, element, end);
-            },
-            on: _this2.v3 ? undefined : {
-              "resize": function onResize(e, element, end) {
-                return _this.$props.columnResize && _this.$props.columnResize.dragHandler(e, column, element, end);
-              }
-            }
-          })]])
-        );
-      }, this);
-    };
-    return h("thead", {
-      role: "presentation",
-      attrs: this.v3 ? undefined : {
-        role: "presentation",
-        "data-keyboardnavheader": true
-      },
-      "class": this.theadClasses,
-      "data-keyboardnavheader": true
-    }, [this.$props.columnsMap.map(function (rowIndexes, index) {
-      var _this3 = this;
-      return (this.$props.groupable || this.$props.reorderable) &&
-      // @ts-ignore function children
-      h(ColumnDraggable, {
-        key: index,
-        onPressHandler: this.pressHandler,
-        on: this.v3 ? undefined : {
-          "pressHandler": this.pressHandler,
-          "dragHandler": this.dragHandler,
-          "releaseHandler": this.releaseHandler
-        },
-        onDragHandler: this.dragHandler,
-        onReleaseHandler: this.releaseHandler
-      }, this.v3 ? function () {
-        return [cells.call(_this3, rowIndexes)];
-      } : [cells.call(_this3, rowIndexes)]) || h("tr", {
-        "class": 'k-table-row',
-        role: 'row',
-        attrs: this.v3 ? undefined : {
-          role: 'row'
-        }
-      }, [cells.call(this, rowIndexes)]);
-    }, this), this.$props.filterRow]);
-  }
-};
-/**
- * @hidden
- */
-var HeaderRow = HeaderRowVue2;
-export { HeaderRow, HeaderRowVue2 };

package/dist/esm/header/HeaderSelectionCell.d.ts

@@ -1,33 +0,0 @@
-import { HeaderSelectionCellProps } from '../interfaces/HeaderSelectionCellProps';
-declare type DefaultData<V> = object | ((this: V) => HeaderSelectionCellData);
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-/**
- * @hidden
- */
-export interface HeaderSelectionCellMethods extends Vue2type {
-    changeHandle: (e: any) => void;
-    clickHandler: (e: any) => void;
-}
-/**
- * @hidden
- */
-export interface HeaderSelectionCellData {
-    inputId: string;
-}
-/**
- * @hidden
- */
-export interface HeaderSelectionCellAll extends HeaderSelectionCellMethods, HeaderSelectionCellData {
-}
-/**
- * @hidden
- */
-declare let HeaderSelectionCellVue2: ComponentOptions<Vue2type, DefaultData<HeaderSelectionCellData>, DefaultMethods<HeaderSelectionCellAll>, {}, RecordPropsDefinition<HeaderSelectionCellProps>>;
-/**
- * @hidden
- */
-declare const HeaderSelectionCell: DefineComponent<HeaderSelectionCellProps, any, HeaderSelectionCellData, {}, HeaderSelectionCellMethods, {}, {}, {}, string, HeaderSelectionCellProps, HeaderSelectionCellProps, {}>;
-export { HeaderSelectionCell, HeaderSelectionCellVue2 };