@progress/kendo-vue-data-tools 8.0.3-develop.2 → 8.0.3-develop.4

package/navigation/utils.d.ts

@@ -0,0 +1,168 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TableKeyboardNavigationContextType } from './TableKeyboardNavigationContextType';
+import { TableKeyboardNavigationStateType } from './TableKeyboardNavigationStateType';
+/**
+ * @hidden
+ */
+export declare const generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell' | 'group' | 'expand' | 'nodata') => string;
+/**
+ * @hidden
+ */
+export declare const getNavigatableLevel: (element: Element | null) => number;
+/**
+ * @hidden
+ */
+export declare const getNavigatableId: (element: Element | null) => string;
+/**
+ * @hidden
+ */
+export declare const isNavigatable: (element: Element | null) => boolean;
+/**
+ * @hidden
+ */
+export declare const getNavigatableElement: (scope: HTMLElement, options?: {
+    level: number;
+}) => HTMLElement;
+/**
+ * @hidden
+ */
+export declare const getClosestNavigatableElement: (target: HTMLElement) => Element;
+/**
+ * @hidden
+ */
+export declare const getActiveElement: (scope: HTMLElement, activeId?: string) => HTMLElement;
+/**
+ * @hidden
+ */
+export declare const getClosestScope: (target: HTMLElement) => Element;
+/**
+ * @hidden
+ */
+export declare const getHeaderElement: (scope: HTMLElement) => Element;
+/**
+ * @hidden
+ */
+export declare const getBodyElement: (scope: HTMLElement) => Element;
+/**
+ * @hidden
+ */
+export declare const getFocusableElements: (scope: HTMLElement, options?: {
+    focusable: boolean;
+}) => Element[];
+/**
+ * @hidden
+ */
+export declare const getNavigatableElements: (scope: HTMLElement | null, options?: {
+    level: number;
+}) => any[];
+/**
+ * @hidden
+ */
+export declare const filterNavigatableElements: (options?: {
+    level: number;
+}) => (element: HTMLElement) => boolean;
+/**
+ * @hidden
+ */
+export declare const focusElement: (options: {
+    elementForFocus: HTMLElement;
+    prevElement?: HTMLElement;
+    kbContext?: TableKeyboardNavigationContextType;
+    event: any;
+}) => void;
+/**
+ * @hidden
+ */
+export declare const getIdPrefix: (navigation?: TableKeyboardNavigationStateType) => string;
+/**
+ * @hidden
+ */
+export declare const findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [
+    string,
+    [
+        number,
+        number
+    ]
+] | [
+];
+/**
+ * @hidden
+ */
+export declare const findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [
+    string,
+    [
+        number,
+        number
+    ]
+] | [
+];
+/**
+ * @hidden
+ */
+export declare const findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
+/**
+ * @hidden
+ */
+export declare const getNextNavigationIndex: (navigation?: TableKeyboardNavigationStateType) => number;
+/**
+ * @hidden
+ */
+export declare const getFilterColumnId: (columnId: string) => string;
+/**
+ * @hidden
+ */
+export declare const tableKeyboardNavigationTools: {
+    generateNavigatableId: (navigationId: string, idPrefix: string, type?: 'column' | 'cell' | 'group' | 'expand' | 'nodata') => string;
+    getNavigatableId: (element: Element | null) => string;
+    getNavigatableLevel: (element: Element | null) => number;
+    getNavigatableElement: (scope: HTMLElement, options?: {
+        level: number;
+    }) => HTMLElement;
+    getClosestNavigatableElement: (target: HTMLElement) => Element;
+    getActiveElement: (scope: HTMLElement, activeId?: string) => HTMLElement;
+    getClosestScope: (target: HTMLElement) => Element;
+    getHeaderElement: (scope: HTMLElement) => Element;
+    getBodyElement: (scope: HTMLElement) => Element;
+    getFocusableElements: (scope: HTMLElement, options?: {
+        focusable: boolean;
+    }) => Element[];
+    getNavigatableElements: (scope: HTMLElement | null, options?: {
+        level: number;
+    }) => any[];
+    filterNavigatableElements: (options?: {
+        level: number;
+    }) => (element: HTMLElement) => boolean;
+    focusElement: (options: {
+        elementForFocus: HTMLElement;
+        prevElement?: HTMLElement;
+        kbContext?: TableKeyboardNavigationContextType;
+        event: any;
+    }) => void;
+    getIdPrefix: (navigation?: TableKeyboardNavigationStateType) => string;
+    isNavigatable: (element: Element | null) => boolean;
+    findNextIdByRowIndex: (initialRowIndex: number, cellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [
+        string,
+        [
+            number,
+            number
+        ]
+    ] | [
+    ];
+    findNextIdByCellIndex: (rowIndex: number, initialCellIndex: number, elementId: string | undefined, matrix: string[][], isReverse: boolean) => [
+        string,
+        [
+            number,
+            number
+        ]
+    ] | [
+    ];
+    findId: (navigationMatrix: string[][], cellId?: string) => number[] | undefined;
+    getNextNavigationIndex: (navigation?: TableKeyboardNavigationStateType) => number;
+    getFilterColumnId: (columnId: string) => string;
+};

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-data-tools",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773130144,version:"8.0.3-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-data-tools",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1773755966,version:"8.0.3-develop.4",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = {
   productName: "Kendo UI for Vue",
   productCode: "KENDOUIVUE",
   productCodes: ["KENDOUIVUE"],
-  publishDate: 1773130144,
-  version: "8.0.3-develop.2",
+  publishDate: 1773755966,
+  version: "8.0.3-develop.4",
   licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-vue-data-tools",
-  "version": "8.0.3-develop.2",
+  "version": "8.0.3-develop.4",
   "description": "TODO",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -9,8 +9,14 @@
   "types": "./index.d.ts",
   "exports": {
     ".": {
-      "import": "./index.mjs",
-      "require": "./index.js"
+      "import": {
+        "types": "./index.d.mts",
+        "default": "./index.mjs"
+      },
+      "require": {
+        "types": "./index.d.ts",
+        "default": "./index.js"
+      }
     },
     "./package.json": {
       "default": "./package.json"
@@ -20,14 +26,14 @@
   "peerDependencies": {
     "@progress/kendo-data-query": "^1.7.0",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-vue-animation": "8.0.3-develop.2",
-    "@progress/kendo-vue-buttons": "8.0.3-develop.2",
-    "@progress/kendo-vue-common": "8.0.3-develop.2",
-    "@progress/kendo-vue-dateinputs": "8.0.3-develop.2",
-    "@progress/kendo-vue-dropdowns": "8.0.3-develop.2",
-    "@progress/kendo-vue-inputs": "8.0.3-develop.2",
-    "@progress/kendo-vue-intl": "8.0.3-develop.2",
-    "@progress/kendo-vue-popup": "8.0.3-develop.2",
+    "@progress/kendo-vue-animation": "8.0.3-develop.4",
+    "@progress/kendo-vue-buttons": "8.0.3-develop.4",
+    "@progress/kendo-vue-common": "8.0.3-develop.4",
+    "@progress/kendo-vue-dateinputs": "8.0.3-develop.4",
+    "@progress/kendo-vue-dropdowns": "8.0.3-develop.4",
+    "@progress/kendo-vue-inputs": "8.0.3-develop.4",
+    "@progress/kendo-vue-intl": "8.0.3-develop.4",
+    "@progress/kendo-vue-popup": "8.0.3-develop.4",
     "@progress/kendo-svg-icons": "^4.4.0",
     "vue": "^3.0.2"
   },
@@ -48,7 +54,7 @@
     "package": {
       "productName": "Kendo UI for Vue",
       "productCode": "KENDOUIVUE",
-      "publishDate": 1773130144,
+      "publishDate": 1773755966,
       "licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"
     }
   },

package/pager/GridPagerSettings.d.ts

@@ -0,0 +1,69 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The type of the Grid pager.
+ *
+ * The available values are:
+ * * `numeric`—Buttons with numbers.
+ * * `input`—An input field for typing the page number.
+ *
+ * @example
+ * ```tsx-no-run
+ *
+ *   <Grid
+ *     :data-items="products"
+ *     :columns="columns"
+ *     :pageable="{ type: 'numeric'}">
+ *   </Grid>
+ * ```
+ */
+export type GridPagerType = 'numeric' | 'input';
+/**
+ * The pager settings of the Grid ([see example]({% slug paging_grid %})).
+ *
+ * @example
+ * ```tsx-no-run
+ *
+ * <Grid :pageable="{buttonCount: 2,info: false}">
+ * </Grid>
+ * ```
+ */
+export interface GridPagerSettings {
+    /**
+     * Sets the selected value of the page size Dropdownlist. It is useful when the selected value could also be a string not only a number.
+     */
+    pageSizeValue?: string | number;
+    /**
+     * Sets the maximum numeric buttons count before the buttons are collapsed.
+     */
+    buttonCount?: number;
+    /**
+     * Toggles the information about the current page and the total number of records.
+     */
+    info?: boolean;
+    /**
+     * Defines the type of the Grid pager.
+     */
+    type?: string;
+    /**
+     * Shows a menu for selecting the page size.
+     */
+    pageSizes?: boolean | Array<number>;
+    /**
+     * Toggles the **Previous** and **Next** buttons.
+     */
+    previousNext?: boolean;
+    /**
+     * Defines if the pager will be responsive. Defaults to `true`.
+     */
+    responsive?: boolean;
+}
+/**
+ * @hidden
+ */
+export declare const normalize: (settings: any) => any;

package/pager/Page.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The `skip` and `take` configurations which are wrapped in the `page` object.
+ */
+export interface Page {
+    /**
+     * The number of records that will be skipped.
+     */
+    skip: number;
+    /**
+     * The number of records that will be taken.
+     */
+    take: number;
+}

package/pager/Pager.d.ts

@@ -0,0 +1,135 @@
+/**
+ * @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';
+import { PropType } from 'vue';
+/**
+ * @hidden
+ */
+declare const Pager: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    pageSizeValue: PropType<string | number>;
+    total: PropType<number>;
+    skip: PropType<number>;
+    take: PropType<number>;
+    pageSize: PropType<number>;
+    settings: PropType<boolean | GridPagerSettings>;
+    buttonCount: {
+        type: PropType<number>;
+        default: number;
+    };
+    info: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    type: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    pageSizes: {
+        type: PropType<boolean | number[]>;
+    };
+    previousNext: PropType<boolean>;
+    messagesMap: PropType<(messageKey: string) => {
+        messageKey: string;
+        defaultMessage: string;
+    }>;
+    responsive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    pagerRender: PropType<any>;
+    width: PropType<string | number>;
+    ariaControls: {
+        type: PropType<string>;
+        default: any;
+    };
+    onPagesizechange: PropType<(event: any) => any>;
+    onPagechange: PropType<(event: any) => any>;
+}>, {
+    kendoIntlService: {};
+    kendoLocalizationService: {};
+}, {
+    currentRtl: boolean;
+    itemsToFit: any;
+    itemsWidths: any;
+}, {
+    wrapperClass(): object;
+    totalPages(): number;
+    currentPage(): number;
+    currentTake(): number;
+    showPageSizes(): any;
+    showInfo(): any;
+}, {
+    changePage(page: number, e: any): void;
+    triggerPageChange(state: any, event: any): void;
+    onWindowResize(): void;
+    transformDimension(initialValue: string | number | undefined): string;
+    collectPagerChildrenWidths(): (0 | {
+        class: string;
+        width: number;
+    })[];
+    fitChildrenInParent(parent: HTMLElement, childrenWidths: {
+        class: string;
+        width: number;
+    }[]): string[];
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    pageSizeValue: PropType<string | number>;
+    total: PropType<number>;
+    skip: PropType<number>;
+    take: PropType<number>;
+    pageSize: PropType<number>;
+    settings: PropType<boolean | GridPagerSettings>;
+    buttonCount: {
+        type: PropType<number>;
+        default: number;
+    };
+    info: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    type: {
+        type: PropType<string>;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    pageSizes: {
+        type: PropType<boolean | number[]>;
+    };
+    previousNext: PropType<boolean>;
+    messagesMap: PropType<(messageKey: string) => {
+        messageKey: string;
+        defaultMessage: string;
+    }>;
+    responsive: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"small" | "medium" | "large">;
+        validator: (value: string) => boolean;
+    };
+    pagerRender: PropType<any>;
+    width: PropType<string | number>;
+    ariaControls: {
+        type: PropType<string>;
+        default: any;
+    };
+    onPagesizechange: PropType<(event: any) => any>;
+    onPagechange: PropType<(event: any) => any>;
+}>> & Readonly<{}>, {
+    type: string;
+    info: boolean;
+    ariaControls: string;
+    buttonCount: number;
+    responsive: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { Pager };

package/pager/PagerInfo.d.ts

@@ -0,0 +1,53 @@
+/**
+ * @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 PagerInfoProps {
+    /**
+     * The number of pages.
+     */
+    totalPages: number;
+    /**
+     * The current page.
+     */
+    currentPage: number;
+    /**
+     * The number of pages to be skipped.
+     */
+    skip: number;
+    /**
+     * @hidden
+     */
+    messagesMap?: (messageKey: string) => ({
+        messageKey: string;
+        defaultMessage: string;
+    });
+}
+/**
+ * @hidden
+ */
+declare const PagerInfo: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    totalPages: PropType<number>;
+    currentPage: PropType<number>;
+    skip: PropType<number>;
+    messagesMap: PropType<(messageKey: string) => ({
+        messageKey: string;
+        defaultMessage: string;
+    })>;
+}>, {
+    kendoIntlService: {};
+    kendoLocalizationService: {};
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    totalPages: PropType<number>;
+    currentPage: PropType<number>;
+    skip: PropType<number>;
+    messagesMap: PropType<(messageKey: string) => ({
+        messageKey: string;
+        defaultMessage: string;
+    })>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { PagerInfo };

package/pager/PagerInput.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @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 PagerInputProps {
+    /**
+     * The number of pages.
+     */
+    totalPages: number;
+    /**
+     * The current page.
+     */
+    currentPage: number;
+    size?: null | 'small' | 'medium' | 'large';
+    /**
+     * @hidden
+     */
+    messagesMap?: (messageKey: string) => ({
+        messageKey: string;
+        defaultMessage: string;
+    });
+    /**
+     * The method that will be called when a page is changed.
+     */
+    onPagechange: (page: number, event: any) => void;
+}
+/**
+ * @hidden
+ */
+declare const PagerInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    totalPages: PropType<number>;
+    currentPage: PropType<number>;
+    messagesMap: PropType<(messageKey: string) => ({
+        messageKey: string;
+        defaultMessage: string;
+    })>;
+    size: PropType<"small" | "medium" | "large">;
+    onPagechange: PropType<(page: number, event: any) => void>;
+}>, {
+    kendoIntlService: {};
+    kendoLocalizationService: {};
+}, {
+    currentText: any;
+}, {
+    computedValue(): any;
+}, {
+    changeHangler(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    totalPages: PropType<number>;
+    currentPage: PropType<number>;
+    messagesMap: PropType<(messageKey: string) => ({
+        messageKey: string;
+        defaultMessage: string;
+    })>;
+    size: PropType<"small" | "medium" | "large">;
+    onPagechange: PropType<(page: number, event: any) => void>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { PagerInput };

package/pager/PagerNavigationButton.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { PropType } from 'vue';
+export interface PagerNavigationButtonProps {
+    /**
+     * The title of the button.
+     */
+    title: string;
+    /**
+     * The class responsible for the icon of the button.
+     */
+    icon: string;
+    /**
+     * The svg icon responsible for the icon of the button.
+     */
+    svgIcon: SVGIcon;
+    /**
+     * The page number returned when the button is clicked.
+     */
+    page: number;
+    /**
+     * The disabled state of the button.
+     */
+    disabled: boolean;
+    /**
+     * The size of the button.
+     */
+    size: string;
+    /**
+     * The method that will be called when a page is changed.
+     */
+    onPagechange: (page: number, event: any) => void;
+}
+/**
+ * @hidden
+ */
+declare const PagerNavigationButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: PropType<string>;
+    disabled: PropType<boolean>;
+    icon: PropType<string>;
+    svgIcon: PropType<SVGIcon>;
+    page: PropType<number>;
+    size: PropType<string>;
+    onPagechange: PropType<(page: number, event: any) => void>;
+}>, {}, {}, {}, {
+    changePage(e: any): void;
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: PropType<string>;
+    disabled: PropType<boolean>;
+    icon: PropType<string>;
+    svgIcon: PropType<SVGIcon>;
+    page: PropType<number>;
+    size: PropType<string>;
+    onPagechange: PropType<(page: number, event: any) => void>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { PagerNavigationButton };