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

package/dist/esm/drag/ColumnResizer.js

@@ -1,85 +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 { Draggable } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var ColumnResizerVue2 = {
-  mounted: function mounted() {
-    if (this.$el) {
-      this.draggable = this.$refs.draggable;
-    }
-  },
-  methods: {
-    drag: function drag(event) {
-      var element = this.draggable && this.draggable.element;
-      if (element) {
-        this.$emit('resize', event, element, false);
-      }
-    },
-    release: function release(event) {
-      var element = this.draggable && this.draggable.element;
-      if (element) {
-        this.$emit('resize', event, element, true);
-      }
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var _this = this;
-    var h = gh || createElement;
-    var resizeStyle = {
-      // TODO: move to theme
-      cursor: 'col-resize',
-      display: 'block',
-      height: '1000%',
-      position: 'absolute',
-      // [this.props.isRtl ? 'left' : 'right']: 0,
-      top: 0,
-      width: '.5em'
-    };
-    return (
-      // @ts-ignore  function children
-      h(Draggable, {
-        onDrag: this.drag,
-        on: this.v3 ? undefined : {
-          "drag": this.drag,
-          "release": this.release
-        },
-        onRelease: this.release,
-        ref: 'draggable'
-      }, this.v3 ? function () {
-        return [h("span", {
-          "class": "k-column-resizer",
-          draggable: false,
-          attrs: _this.v3 ? undefined : {
-            draggable: false
-          },
-          style: resizeStyle
-        })];
-      } : [h("span", {
-        "class": "k-column-resizer",
-        draggable: false,
-        attrs: _this.v3 ? undefined : {
-          draggable: false
-        },
-        style: resizeStyle
-      })])
-    );
-  }
-};
-/**
- * @hidden
- */
-var ColumnResizer = ColumnResizerVue2;
-export { ColumnResizer, ColumnResizerVue2 };

package/dist/esm/drag/CommonDragLogic.d.ts

@@ -1,36 +0,0 @@
-import { ExtendedColumnProps } from '../interfaces/ColumnProps';
-/**
- * @hidden
- */
-export declare type handler = (prevIndex: number, nextIndex: number, event: any) => void;
-/**
- * @hidden
- */
-export declare class CommonDragLogic {
-    columns: ExtendedColumnProps[];
-    reorderable: boolean;
-    groupable: boolean;
-    dropElementClue: any | null;
-    dragElementClue: any | null;
-    private startColumn;
-    private startGroup;
-    private currentColumn;
-    private currentGroup;
-    private columnReorder;
-    private groupReorder;
-    private columnToGroup;
-    private groupPanelDivElement;
-    constructor(columnReorder: handler, groupReorder: handler, columnToGroup: handler);
-    refGroupPanelDiv: (e: any | null) => void;
-    refDropElementClue: (e: any | null) => void;
-    refDragElementClue: (e: any | null) => void;
-    pressHandler: (event: any, element: HTMLElement) => void;
-    dragHandler: (event: any, element: HTMLElement) => void;
-    releaseHandler: (event: any) => void;
-    private getColumnIndex;
-    private isTargetGroupingContainer;
-    private getGroupIndex;
-    private isValid;
-    private updateDragElementClue;
-    private updateDropElementClue;
-}

package/dist/esm/drag/CommonDragLogic.js

@@ -1,188 +0,0 @@
-import { getIndex } from '../utils/main.js';
-import { canUseDOM } from '@progress/kendo-vue-common';
-/**
- * @hidden
- */
-var CommonDragLogic = /** @class */ (function () {
-    function CommonDragLogic(columnReorder, groupReorder, columnToGroup) {
-        var _this = this;
-        this.reorderable = false;
-        this.groupable = false;
-        this.dropElementClue = null;
-        this.dragElementClue = null;
-        this.startColumn = -1;
-        this.startGroup = -1;
-        this.currentColumn = -1;
-        this.currentGroup = -1;
-        this.groupPanelDivElement = null;
-        this.refGroupPanelDiv = function (e) {
-            _this.groupPanelDivElement = e.children ? e.children[0] : e;
-        };
-        this.refDropElementClue = function (e) {
-            _this.dropElementClue = e;
-            if (_this.dropElementClue && canUseDOM) {
-                document.body.appendChild(_this.dropElementClue.$el);
-            }
-        };
-        this.refDragElementClue = function (e) {
-            _this.dragElementClue = e;
-            if (_this.dragElementClue && canUseDOM) {
-                document.body.appendChild(_this.dragElementClue.$el);
-            }
-        };
-        this.pressHandler = function (event, element) {
-            if (!event.isTouch) {
-                event.originalEvent.preventDefault();
-            }
-            var startColumn = _this.getColumnIndex(event, element);
-            _this.startGroup = _this.getGroupIndex(event);
-            if (startColumn >= 0) {
-                var col = _this.columns[startColumn];
-                if (col.reorderable && _this.reorderable || col.groupable && _this.groupable) {
-                    _this.startColumn = startColumn;
-                }
-            }
-        };
-        this.dragHandler = function (event, element) {
-            if (!event.isTouch) {
-                event.originalEvent.preventDefault();
-            }
-            event.originalEvent.stopPropagation();
-            if (_this.startColumn === -1 && _this.startGroup === -1) {
-                return;
-            }
-            _this.currentColumn = _this.getColumnIndex(event, element);
-            var groupPanelChildren = _this.groupPanelDivElement && _this.groupPanelDivElement.children;
-            _this.currentGroup = _this.isTargetGroupingContainer(event)
-                ? groupPanelChildren && groupPanelChildren.length
-                    ? groupPanelChildren.length - 1
-                    : 0
-                : _this.getGroupIndex(event);
-            var invalidIndex = !_this.isValid();
-            if (invalidIndex) {
-                _this.currentColumn = -1;
-                _this.currentGroup = -1;
-            }
-            var targetElement = (_this.currentColumn >= 0) ?
-                element.children[_this.columns[_this.currentColumn].index] :
-                _this.isTargetGroupingContainer(event)
-                    ? event.originalEvent.target
-                    : _this.groupPanelDivElement && _this.groupPanelDivElement.children[_this.currentGroup];
-            _this.updateDragElementClue(event, element, targetElement, invalidIndex);
-            _this.updateDropElementClue(event, element, targetElement, invalidIndex);
-        };
-        this.releaseHandler = function (event) {
-            var prevColumnIndex = _this.startColumn;
-            var nextColumnIndex = _this.currentColumn;
-            var prevGroupIndex = _this.startGroup;
-            var nextGroupIndex = _this.currentGroup;
-            if (_this.dropElementClue) {
-                _this.dropElementClue.visible = false;
-            }
-            if (_this.dragElementClue) {
-                _this.dragElementClue.visible = false;
-            }
-            var isValid = _this.isValid();
-            _this.startColumn = _this.startGroup = _this.currentColumn = _this.currentGroup = -1;
-            if (!isValid) {
-                return;
-            }
-            if (prevColumnIndex >= 0 && nextColumnIndex >= 0) {
-                _this.columnReorder(prevColumnIndex, nextColumnIndex, event.originalEvent);
-            }
-            else if (prevGroupIndex >= 0 && nextGroupIndex >= 0) {
-                _this.groupReorder(prevGroupIndex, nextGroupIndex, event.originalEvent);
-            }
-            else if (prevColumnIndex >= 0 && nextGroupIndex >= 0) {
-                _this.columnToGroup(prevColumnIndex, nextGroupIndex, event.originalEvent);
-            }
-        };
-        this.columnReorder = columnReorder;
-        this.groupReorder = groupReorder;
-        this.columnToGroup = columnToGroup;
-    }
-    CommonDragLogic.prototype.getColumnIndex = function (event, parent) {
-        if (!parent || (parent.parentElement === this.groupPanelDivElement)) {
-            return -1;
-        }
-        var index = getIndex(event, parent);
-        if (index === -1) {
-            return -1;
-        }
-        var _loop_1 = function (i) {
-            if (parent.parentNode.children[i] === parent) {
-                return { value: this_1.columns.findIndex(function (c) { return ((c.index === index) && (c.depth === i)); }) };
-            }
-        };
-        var this_1 = this;
-        for (var i = 0; i < parent.parentNode.children.length; i++) {
-            var state_1 = _loop_1(i);
-            if (typeof state_1 === "object")
-                return state_1.value;
-        }
-        return -1;
-    };
-    CommonDragLogic.prototype.isTargetGroupingContainer = function (event) {
-        var target = event.originalEvent.target;
-        return target.className.indexOf('k-grouping-drop-container') !== -1;
-    };
-    CommonDragLogic.prototype.getGroupIndex = function (event) {
-        return getIndex(event, this.groupPanelDivElement);
-    };
-    CommonDragLogic.prototype.isValid = function () {
-        if (this.startGroup >= 0) {
-            // group can be moved into group only
-            return this.currentGroup >= 0 && this.currentGroup !== this.startGroup;
-        }
-        if (this.startColumn === -1) {
-            return false;
-        }
-        if (this.currentGroup >= 0) {
-            // column to group is possible
-            return this.columns[this.startColumn].groupable === true && this.groupable === true;
-        }
-        // reorder is possible
-        return this.reorderable === true &&
-            this.currentColumn >= 0 &&
-            this.currentColumn !== this.startColumn &&
-            this.columns[this.startColumn].reorderable === true &&
-            this.columns[this.currentColumn].parentIndex === this.columns[this.startColumn].parentIndex;
-    };
-    CommonDragLogic.prototype.updateDragElementClue = function (event, element, targetElement, invalidIndex) {
-        if (!this.dragElementClue) {
-            return;
-        }
-        var innerText = this.startColumn >= 0 ?
-            element.children[this.columns[this.startColumn].index].innerText :
-            element.innerText;
-        this.dragElementClue.visible = true;
-        this.dragElementClue.top = (event.pageY + 10);
-        this.dragElementClue.left = event.pageX;
-        this.dragElementClue.innerText = innerText;
-        this.dragElementClue.status = (invalidIndex || !targetElement) ? 'cancel' : 'plus';
-    };
-    CommonDragLogic.prototype.updateDropElementClue = function (event, element, targetElement, invalidIndex) {
-        if (!this.dropElementClue) {
-            return;
-        }
-        if (invalidIndex || !targetElement) {
-            this.dropElementClue.visible = false;
-            return;
-        }
-        var rect = targetElement.getBoundingClientRect();
-        var groupElement = targetElement.closest('.k-grouping-header');
-        var rectParent = (groupElement || targetElement).getBoundingClientRect();
-        var left = rect.left + event.pageX - event.clientX - 6;
-        if (!this.isTargetGroupingContainer(event) && (this.currentColumn > this.startColumn
-            || this.currentGroup > this.startGroup && this.startGroup !== -1)) {
-            left += rect.width;
-        }
-        var top = rectParent.top + event.pageY - event.clientY;
-        this.dropElementClue.visible = true;
-        this.dropElementClue.top = top;
-        this.dropElementClue.left = left;
-        this.dropElementClue.height = (this.currentColumn >= 0) ? element.clientHeight : rectParent.height;
-    };
-    return CommonDragLogic;
-}());
-export { CommonDragLogic };

package/dist/esm/drag/DragClue.d.ts

@@ -1,25 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => DragClueData);
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * @hidden
- */
-export interface DragClueData extends Vue2type {
-    ref?: string;
-    visible?: boolean;
-    top?: number;
-    left?: number;
-    innerText?: string;
-    status?: 'cancel' | 'add';
-}
-/**
- * @hidden
- */
-declare let DragClueVue2: ComponentOptions<Vue2type, DefaultData<DragClueData>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
-/**
- * @hidden
- */
-declare const DragClue: DefineComponent<{}, any, DragClueData, {}, {}, {}, {}, {}, string, {}, {}, {}>;
-export { DragClue, DragClueVue2 };

package/dist/esm/drag/DragClue.js

@@ -1,56 +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 { Icon } from '@progress/kendo-vue-common';
-import { cancelIcon, plusIcon } from '@progress/kendo-svg-icons';
-/**
- * @hidden
- */
-var DragClueVue2 = {
-  data: function data() {
-    return {
-      visible: false,
-      top: 0,
-      left: 0,
-      innerText: '',
-      status: 'cancel'
-    };
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    return this.visible && h("div", {
-      "class": "k-header k-drag-clue",
-      style: {
-        display: 'block',
-        position: 'absolute',
-        zIndex: 20000,
-        padding: '8px 12px',
-        top: this.top + 'px',
-        left: this.left + 'px'
-      }
-    }, [h(Icon, {
-      name: this.status,
-      attrs: this.v3 ? undefined : {
-        name: this.status,
-        icon: this.status === 'cancel' ? cancelIcon : plusIcon
-      },
-      "class": 'k-drag-status',
-      icon: this.status === 'cancel' ? cancelIcon : plusIcon
-    }), this.innerText]);
-  }
-};
-/**
- * @hidden
- */
-var DragClue = DragClueVue2;
-export { DragClue, DragClueVue2 };

package/dist/esm/drag/DropClue.d.ts

@@ -1,24 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-declare type DefaultData<V> = object | ((this: V) => DropClueData);
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => any;
-};
-/**
- * @hidden
- */
-export interface DropClueData extends Vue2type {
-    ref?: string;
-    visible?: boolean;
-    top?: number;
-    left?: number;
-    height?: number;
-}
-/**
- * @hidden
- */
-declare let DropClueVue2: ComponentOptions<Vue2type, DefaultData<DropClueData>, DefaultMethods<{}>, {}, RecordPropsDefinition<{}>>;
-/**
- * @hidden
- */
-declare const DropClue: DefineComponent<{}, any, DropClueData, {}, {}, {}, {}, {}, string, {}, {}, {}>;
-export { DropClue, DropClueVue2 };

package/dist/esm/drag/DropClue.js

@@ -1,44 +0,0 @@
-// @ts-ignore
-import * as Vue from 'vue';
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-/**
- * @hidden
- */
-var DropClueVue2 = {
-  data: function data() {
-    return {
-      height: 0,
-      visible: false,
-      left: 0,
-      top: 0
-    };
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    return this.visible && h("div", {
-      "class": "k-grouping-dropclue",
-      style: {
-        zIndex: 10000,
-        display: 'block',
-        top: this.top + 'px',
-        left: this.left + 'px',
-        height: this.height + 'px'
-      }
-    });
-  }
-};
-/**
- * @hidden
- */
-var DropClue = DropClueVue2;
-export { DropClue, DropClueVue2 };

package/dist/esm/filter/Expression.d.ts

@@ -1,73 +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 { FilterDescriptor } from '@progress/kendo-data-query';
-import { DropDownListChangeEvent } from '@progress/kendo-vue-dropdowns';
-import { FieldSettings } from './FieldSettings';
-/**
- * @hidden
- */
-export interface ExpressionChangeEvent {
-    target: any;
-    event: any;
-    prevFilter: FilterDescriptor;
-    nextFilter: FilterDescriptor;
-}
-/**
- * @hidden
- */
-export interface ExpressionRemoveEvent {
-    target: any;
-    event: any;
-    filter: FilterDescriptor;
-}
-/**
- * @hidden
- */
-export interface ExpressionProps {
-    filter: FilterDescriptor;
-    fields: Array<FieldSettings>;
-}
-/**
- * @hidden
- */
-export interface ExpressionState {
-}
-/**
- * @hidden
- */
-export interface ExpressionComputed {
-    [key: string]: any;
-}
-/**
- * @hidden
- */
-export interface ExpressionMethods {
-    [key: string]: any;
-    onFieldChange: (event: DropDownListChangeEvent) => void;
-    onOperatorChange: (event: DropDownListChangeEvent) => void;
-    onInputChange: (event: any) => void;
-    triggerOnFilterChange: (prevFilter: FilterDescriptor, nextFilter: FilterDescriptor, event: any) => void;
-    onFilterRemove: (event: any) => void;
-}
-/**
- * @hidden
- */
-export interface ExpressionData {
-}
-/**
- * @hidden
- */
-export interface ExpressionAll extends Vue2type, ExpressionMethods, ExpressionData, ExpressionComputed, ExpressionState {
-}
-/**
- * @hidden
- */
-declare let ExpressionVue2: ComponentOptions<ExpressionAll, DefaultData<ExpressionData>, DefaultMethods<ExpressionAll>, ExpressionComputed, RecordPropsDefinition<ExpressionProps>>;
-/**
- * @hidden
- */
-declare const Expression: DefineComponent<ExpressionProps, any, ExpressionData, ExpressionComputed, ExpressionMethods, {}, {}, {}, string, ExpressionProps, ExpressionProps, {}>;
-export { Expression, ExpressionVue2 };