@progress/kendo-vue-data-tools 8.0.3-develop.1 → 8.0.3-develop.3

package/pager/PagerNumericButtons.d.ts

@@ -0,0 +1,64 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+export interface PagerNumericButtonsProps {
+    buttonCount: number;
+    /**
+     * The number of pages.
+     */
+    totalPages: number;
+    /**
+     * The current page.
+     */
+    currentPage: number;
+    /**
+     * The sizing type of the buttons.
+     */
+    size?: string;
+    /**
+     * The responsive type of the buttons. When set to 'small' the buttons are shown as dropdownlist component.
+     */
+    responsiveSize?: string;
+    /**
+     * The method that will be called when a page is changed.
+     */
+    onPagechange: (page: number, event: any) => void;
+}
+/**
+ * @hidden
+ */
+declare const PagerNumericButtons: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    buttonCount: PropType<number>;
+    totalPages: PropType<number>;
+    currentPage: PropType<number>;
+    size: PropType<string>;
+    responsiveSize: PropType<string>;
+    onPagechange: PropType<(page: number, event: any) => void>;
+}>, {}, {}, {
+    start(): number;
+    end(): number;
+    dropdownClass(): {
+        [x: string]: any;
+        'k-picker': boolean;
+        'k-dropdown-list': boolean;
+        'k-dropdown': boolean;
+        'k-rounded-md': boolean;
+        'k-picker-solid': boolean;
+    };
+}, {
+    click(e: any, page: number): void;
+    ddlChange(event: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    buttonCount: PropType<number>;
+    totalPages: PropType<number>;
+    currentPage: PropType<number>;
+    size: PropType<string>;
+    responsiveSize: PropType<string>;
+    onPagechange: PropType<(page: number, event: any) => void>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { PagerNumericButtons };

package/pager/PagerPageSizes.d.ts

@@ -0,0 +1,72 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PropType } from 'vue';
+export interface PagerPageSizesProps {
+    /**
+     * The page size selected value.
+     */
+    value?: string | number;
+    /**
+     * The page size.
+     */
+    pageSize: number;
+    /**
+     * The page sizes.
+     */
+    pageSizes: boolean | number[];
+    size?: null | 'small' | 'medium' | 'large';
+    /**
+     * A map with the messages.
+     */
+    messagesMap?: (messageKey: string) => ({
+        messageKey: string;
+        defaultMessage: string;
+    });
+    /**
+     * The method that will be called when the page size is changed.
+     */
+    onPagechange: (event: {
+        skip: number;
+        take: number;
+    }, e: any) => void;
+}
+/**
+ * @hidden
+ */
+declare const PagerPageSizes: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: PropType<string | number>;
+    pageSize: PropType<number>;
+    pageSizes: PropType<boolean | number[]>;
+    size: PropType<"small" | "medium" | "large">;
+    messagesMap: PropType<(messageKey: string) => ({
+        messageKey: string;
+        defaultMessage: string;
+    })>;
+    onPagechange: PropType<(event: {
+        skip: number;
+        take: number;
+    }, e: any) => void>;
+}>, {
+    kendoLocalizationService: {};
+}, {}, {}, {
+    pageSizeChange(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: PropType<string | number>;
+    pageSize: PropType<number>;
+    pageSizes: PropType<boolean | number[]>;
+    size: PropType<"small" | "medium" | "large">;
+    messagesMap: PropType<(messageKey: string) => ({
+        messageKey: string;
+        defaultMessage: string;
+    })>;
+    onPagechange: PropType<(event: {
+        skip: number;
+        take: number;
+    }, e: any) => void>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { PagerPageSizes };

package/pager/models/main.d.ts

@@ -0,0 +1,94 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GridPagerSettings } from '../GridPagerSettings';
+/**
+ * A Pager target event.
+ */
+export interface PagerTargetEvent {
+    [key: string]: any;
+    /**
+     * An event target.
+     */
+    target?: any;
+    /**
+     * An event value.
+     */
+    value?: any;
+}
+/**
+ * Represents the object of the `onPageChange` event.
+ */
+export interface PageChangeEvent {
+    /**
+     * An event target.
+     */
+    target: any;
+    /**
+     * A native DOM event.
+     */
+    event: any;
+    /**
+     * The number of records that will be skipped.
+     */
+    skip: number;
+    /**
+     * The number of records that will be taken.
+     */
+    take: number;
+}
+export interface PagerProps extends GridPagerSettings {
+    total: number;
+    skip: number;
+    take: number;
+    pageSize: number;
+    settings?: GridPagerSettings | boolean;
+    responsive?: boolean;
+    pagerRender?: any;
+    width?: number | string;
+    /**
+     * Configures the `size` of the Pager.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null—Does not set a size `class`.
+     *
+     * @default `medium`
+     */
+    size?: null | 'small' | 'medium' | 'large';
+    /**
+     * A map with the messages.
+     */
+    messagesMap?: (messageKey: string) => ({
+        messageKey: string;
+        defaultMessage: string;
+    });
+    /**
+     * The event that is emited when the page size is changed.
+     */
+    onPagesizechange?: (event: any) => any;
+    /**
+     * The event that is emited when the page is changed.
+     */
+    onPagechange?: (event: any) => any;
+    /**
+     * Defines the `id` of the element that is being controlled by the pager - for example a Grid.
+     */
+    ariaControls?: string;
+}
+/**
+ * @hidden
+ */
+export interface PagerComputed {
+    [key: string]: any;
+    totalPages: number;
+    currentPage: number;
+    currentTake: number;
+    wrapperClass: object;
+}

package/selection/TableSelectableSettings.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/** @hidden */
+export type TableSelectableMode = 'single' | 'multiple';
+/** @hidden */
+export interface TableSelectableSettings {
+    /**
+     * Determines if selection is allowed.
+     *
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * The available values are:
+     * * `single`
+     * * `multiple`
+     *
+     * @default "multiple"
+     */
+    mode?: TableSelectableMode;
+    /**
+     * Determines if cell selection is allowed.
+     *
+     * @default false
+     */
+    cell?: boolean;
+    /**
+     * Determines if drag selection is allowed.
+     *
+     * @default false
+     */
+    drag?: boolean;
+}

package/selection/constants.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/** @hidden */
+export declare const TABLE_ROW_INDEX_ATTRIBUTE = "data-grid-row-index";
+/** @hidden */
+export declare const TABLE_COL_INDEX_ATTRIBUTE = "data-grid-col-index";
+/** @hidden */
+export declare const TABLE_PREVENT_SELECTION_ELEMENT = "data-prevent-selection";

package/selection/events.d.ts

@@ -0,0 +1,108 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/** @hidden */
+export interface TableKeyDownEvent {
+    /**
+     * The current leaf data items.
+     */
+    dataItems: any[];
+    /**
+     * Selection mode
+     */
+    mode: 'single' | 'multiple';
+    /**
+     * Indicates if cell selection mode is enabled.
+     */
+    cell: boolean;
+    /**
+     * The `selectedField` prop of the component.
+     */
+    selectedField: string;
+    /**
+     * The component unique identifier.
+     */
+    componentId: string;
+    /**
+     * The component event.
+     */
+    event: any;
+}
+/** @hidden */
+export interface TableDragSelectionReleaseEvent {
+    /**
+     * Selection start row index.
+     */
+    startRowIndex: number;
+    /**
+     * Selection start column index.
+     */
+    startColIndex: number;
+    /**
+     * Selection end row index.
+     */
+    endRowIndex: number;
+    /**
+     * Selection end column index.
+     */
+    endColIndex: number;
+    /**
+     * A native DOM event.
+     */
+    еvent: any;
+    /**
+     * Is ctrl key modifier pressed.
+     */
+    ctrlKey: boolean;
+    /**
+     * Is alt key modifier pressed.
+     */
+    altKey: boolean;
+    /**
+     * Is meta key modifier pressed.
+     */
+    metaKey: boolean;
+    /**
+     * Is shift key modifier pressed.
+     */
+    shiftKey: boolean;
+    /**
+     * Selection mode.
+     */
+    mode: 'single' | 'multiple';
+    /**
+     * Indicates if cell selection mode is enabled.
+     */
+    cell: boolean;
+    /**
+     * Indicates if current event is created from drag.
+     */
+    isDrag: boolean;
+}
+/** @hidden */
+export interface TableSelectionChangeEvent extends TableDragSelectionReleaseEvent {
+    /**
+     * The data item which was selected or deselected when the checkbox selection column is used. It will be `null` when the row or cell selection is used.
+     */
+    dataItem: any;
+    /**
+     * The `selectedField` prop of the component.
+     */
+    selectedField: string;
+    /**
+     * The component unique identifier.
+     */
+    componentId: string;
+    /**
+     * The current component leaf data items.
+     */
+    dataItems: any[];
+    /**
+     * The component event.
+     */
+    event: any;
+}

package/selection/utils.d.ts

@@ -0,0 +1,73 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TableKeyDownEvent, TableSelectionChangeEvent } from './events';
+import { TableSelectableSettings } from './TableSelectableSettings';
+/** @hidden */
+export declare const closestTagName: (target: HTMLElement | null, tagName: 'TD' | 'TR' | 'TABLE') => HTMLElement | null;
+/** @hidden */
+export declare const getRowIndex: (element: HTMLTableRowElement) => number;
+/** @hidden */
+export declare const getColumnIndex: (element: HTMLTableCellElement) => number;
+/**
+ * @hidden
+ *
+ * Apply the selected field to the data items based on the selected state.
+ *
+ * @param {{data: any, selectedState:  {[id: string]: boolean | number[]}, dataItemKey: string; selectedField: string; subItemsField?: string; }} options
+ * @returns {any[]}
+ */
+export declare const setSelectedState: (options: {
+    data: any;
+    selectedState: {
+        [id: string]: boolean | number[];
+    };
+    dataItemKey: string;
+    selectedField: string;
+    subItemsField?: string;
+}) => any[];
+/**
+ * Get selected state from the component KeyDown event.
+ *
+ * @param {{event: TableKeyDownEvent, selectedState:  {[id: string]: boolean | number[]}, dataItemKey: string}} options
+ * @returns {{[id: string]: boolean | number[]}} - The new selected state.
+ */
+export declare const getSelectedStateFromKeyDown: (options: {
+    event: TableKeyDownEvent;
+    selectedState: {
+        [id: string]: boolean | number[];
+    };
+    dataItemKey: string;
+}) => {
+    [id: string]: boolean | number[];
+};
+/**
+ * Get selected state from the component selection event.
+ *
+ * @param {{event: TableSelectionChangeEvent, selectedState:  {[id: string]: boolean | number[]}, dataItemKey: string}} options
+ * @returns {{[id: string]: boolean | number[]}} - The new selected state.
+ */
+export declare const getSelectedState: (options: {
+    event: TableSelectionChangeEvent;
+    selectedState: {
+        [id: string]: boolean | number[];
+    };
+    dataItemKey: string;
+}) => {
+    [id: string]: boolean | number[];
+};
+/** @hidden */
+export declare const relativeContextElement: (element: any) => any;
+/** @hidden */
+export declare const getOffset: (offsetParent: any) => any;
+/** @hidden */
+export declare const getSelectionOptions: (selectable?: TableSelectableSettings) => {
+    enabled: boolean;
+    drag: boolean;
+    mode: import('./TableSelectableSettings').TableSelectableMode;
+    cell: boolean;
+};

package/selection/utils.mjs

@@ -5,8 +5,8 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { mapTree as _, extendDataItem as L, Keys as B, hasRelativeStackingContext as N } from "@progress/kendo-vue-common";
-import { TABLE_ROW_INDEX_ATTRIBUTE as O, TABLE_COL_INDEX_ATTRIBUTE as F } from "./constants.mjs";
+import { Keys as _, mapTree as L, extendDataItem as B, hasRelativeStackingContext as N } from "@progress/kendo-vue-common";
+import { TABLE_COL_INDEX_ATTRIBUTE as O, TABLE_ROW_INDEX_ATTRIBUTE as F } from "./constants.mjs";
 const M = "items", m = {}, U = (e, t) => !e || Array.isArray(e) && e.length === 0 ? [t] : e.findIndex((o) => o === t) > -1 ? e.filter((o) => o === t) : [...e, t], h = (e, t) => {
   let n = e;
   for (; n; ) {
@@ -20,25 +20,25 @@ const M = "items", m = {}, U = (e, t) => !e || Array.isArray(e) && e.length ===
 }, X = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(O);
+  const t = e.getAttribute(F);
   return t ? parseInt(t, 10) : void 0;
 }, k = (e) => {
   if (!e)
     return;
-  const t = e.getAttribute(F);
+  const t = e.getAttribute(O);
   return t ? parseInt(t, 10) : void 0;
 }, j = (e) => {
   const t = e.subItemsField || M;
-  return _(
+  return L(
     e.data,
     t,
-    (n) => L(n, t, {
+    (n) => B(n, t, {
       [e.selectedField]: e.selectedState[n[e.dataItemKey]]
     })
   );
 }, q = (e) => {
   const { dataItemKey: t, selectedState: n } = e, { event: o, dataItems: l, componentId: s, mode: u, cell: a, selectedField: g } = e.event, { target: I, ctrlKey: w, metaKey: S, altKey: D, shiftKey: C } = o;
-  if (o.isDefaultPrevented() || o.keyCode !== B.enter)
+  if (o.isDefaultPrevented() || o.keyCode !== _.enter)
     return n;
   const c = h(I, "TD"), p = h(I, "TR"), E = k(c), r = X(p);
   let x = {};

package/utils/SearchField.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * Represents the SearchField that configures the way a data field is searched.
+ */
+export interface SearchField {
+    /**
+     * The name of the searched field.
+     */
+    field: string;
+    /**
+     * The string operator that will be used for search.
+     */
+    operator?: string;
+    /**
+     * Defines if the search is case sensitive.
+     */
+    ignoreCase?: boolean;
+}

package/utils/data-operations.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SortDescriptor, FilterDescriptor, CompositeFilterDescriptor } from '@progress/kendo-data-query';
+/**
+ * Orders the specified tree according to the provided sort descriptors.
+ *
+ * @param {T[]} data - The data that will be sorted.
+ * @param {SortDescriptor[]} descriptors - The descriptors by which the data will be sorted.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {T[]} - The sorted data.
+ */
+export declare function orderBy(data: any[], descriptors: SortDescriptor[], subItemsField: string): any[];
+/**
+ * Filters the provided data tree according to the specified `Array<FilterDescriptor|CompositeFilterDescriptor>`.
+ *
+ * @param {T[]} data - The data that will be filtered.
+ * @param {FilterDescriptor[]|CompositeFilterDescriptor[]} descriptors - The filter criteria that will be applied.
+ * @param {string} subItemsField - The field which points to the subitems collection of each data item.
+ * @returns {T[]} - The filtered data.
+ */
+export declare function filterBy(data: any[], descriptors: FilterDescriptor[] | CompositeFilterDescriptor[], subItemsField: string): any[];
+/** @hidden */
+export declare const getSearchFromString: (search: CompositeFilterDescriptor, value: string) => CompositeFilterDescriptor;
+/** @hidden */
+export declare const getStringFromSearch: (search: CompositeFilterDescriptor | undefined) => string;
+/** @hidden */
+export declare const combineFilters: (first?: CompositeFilterDescriptor, second?: CompositeFilterDescriptor) => CompositeFilterDescriptor;

package/utils/group-operations.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { GroupDescriptor } from '@progress/kendo-data-query';
+/**
+ * Add unique ids to the group items inside data.
+ *
+ * @param {{data: any[], group: GroupDescriptor[]}} options - The options to be processed.
+ */
+export declare const setGroupIds: (options: {
+    data: any;
+    group?: Array<GroupDescriptor>;
+}) => void;
+/**
+ * Get all group ids from the data.
+ *
+ * @param {{data: any[]}} options - The options to be processed.
+ * @returns {string[]} - Collection of all group ids from the data.
+ */
+export declare const getGroupIds: (options: {
+    data: any;
+}) => string[];
+/**
+ * Apply the `expanded` prop to the group items in data based on the provided collection of group ids.
+ *
+ * @param {{data: any[], collapsedIds: string[]}} options - The options to be processed.
+ * @returns {string[]} - Collection of all group ids from the data.
+ */
+export declare const setExpandedState: (options: {
+    data: any;
+    collapsedIds: string[];
+}) => any[];

package/utils/main.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare function getIndex(event: any, parent: HTMLElement | null): number;

package/virtualization/columns.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare function tableColumnsVirtualization(args: {
+    enabled?: boolean;
+    columns: {
+        width?: string | number;
+        locked?: boolean;
+    }[];
+    tableViewPortWidth: number;
+    scrollLeft: number;
+}): {
+    colSpans: number[];
+    hiddenColumns: boolean[];
+};

package/virtualization/main.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+export * from './columns';