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

package/dist/esm/navigation/utils.js

@@ -1,212 +0,0 @@
-import { FOCUSABLE_ELEMENTS, KEYBOARD_NAV_DATA_BODY, KEYBOARD_NAV_DATA_HEADER, KEYBOARD_NAV_DATA_ID, KEYBOARD_NAV_DATA_LEVEL, KEYBOARD_NAV_DATA_SCOPE, KEYBOARD_NAV_FILTER_COL_SUFFIX, TABBABLE_ELEMENTS } from './constants.js';
-/**
- * @hidden
- */
-export var generateNavigatableId = function (navigationId, idPrefix, type) {
-    if (type === void 0) { type = 'cell'; }
-    return "".concat(idPrefix, "_").concat(navigationId, "_").concat(type);
-};
-/**
- * @hidden
- */
-export var getNavigatableLevel = function (element) {
-    if (!element) {
-        return;
-    }
-    return parseInt(element.getAttribute(KEYBOARD_NAV_DATA_LEVEL) || '', 10);
-};
-/**
- * @hidden
- */
-export var getNavigatableId = function (element) {
-    if (!element) {
-        return;
-    }
-    var dataId = element.getAttribute(KEYBOARD_NAV_DATA_ID);
-    return dataId ? dataId : undefined;
-};
-/**
- * @hidden
- */
-export var isNavigatable = function (element) {
-    if (!element) {
-        return false;
-    }
-    var dataId = element.getAttribute(KEYBOARD_NAV_DATA_ID);
-    return Boolean(dataId);
-};
-/**
- * @hidden
- */
-export var getNavigatableElement = function (scope, options) {
-    if (options === void 0) { options = { level: 0 }; }
-    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"));
-};
-/**
- * @hidden
- */
-export var getClosestNavigatableElement = function (target) {
-    return (target.parentElement &&
-        target.parentElement.closest("[".concat(KEYBOARD_NAV_DATA_LEVEL, "]")));
-};
-/**
- * @hidden
- */
-export var getActiveElement = function (scope, activeId) {
-    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_ID, "='").concat(activeId, "']"));
-};
-/**
- * @hidden
- */
-export var getClosestScope = function (target) {
-    return (target.parentElement &&
-        target.parentElement.closest("[".concat(KEYBOARD_NAV_DATA_SCOPE, "]")));
-};
-/**
- * @hidden
- */
-export var getHeaderElement = function (scope) {
-    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_HEADER, "]"));
-};
-/**
- * @hidden
- */
-export var getBodyElement = function (scope) {
-    return scope.querySelector("[".concat(KEYBOARD_NAV_DATA_BODY, "]"));
-};
-/**
- * @hidden
- */
-export var getFocusableElements = function (scope, options) {
-    if (options === void 0) { options = { focusable: false }; }
-    var selectors = options.focusable ? FOCUSABLE_ELEMENTS : TABBABLE_ELEMENTS;
-    return Array.from(scope.querySelectorAll(selectors.join(',')));
-};
-/**
- * @hidden
- */
-export var getNavigatableElements = function (scope, options) {
-    if (options === void 0) { options = { level: 0 }; }
-    if (!scope) {
-        return [];
-    }
-    var selector = FOCUSABLE_ELEMENTS.map(function (el) { return el + "[".concat(KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"); }).join(',');
-    return Array.from(scope.querySelectorAll(selector));
-};
-/**
- * @hidden
- */
-export var filterNavigatableElements = function (options) {
-    if (options === void 0) { options = { level: 0 }; }
-    var selector = FOCUSABLE_ELEMENTS.map(function (sel) { return sel + "[".concat(KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"); }).join(',');
-    return function (element) { return element.matches(selector); };
-};
-/**
- * @hidden
- */
-export var focusElement = function (options) {
-    var elementForFocus = options.elementForFocus, event = options.event, kbContext = options.kbContext, prevElement = options.prevElement;
-    if (kbContext && elementForFocus && elementForFocus.focus) {
-        event.preventDefault();
-        elementForFocus.focus();
-        if (isNavigatable(elementForFocus)) {
-            elementForFocus.setAttribute('tabIndex', '0');
-            kbContext.activeId = getNavigatableId(elementForFocus);
-        }
-        if (prevElement && isNavigatable(prevElement)) {
-            prevElement.setAttribute('tabIndex', '-1');
-        }
-    }
-};
-/**
- * @hidden
- */
-export var getIdPrefix = function (navigation) {
-    return navigation ? navigation.idPrefix : '';
-};
-/**
- * @hidden
- */
-export var findNextIdByRowIndex = function (initialRowIndex, cellIndex, elementId, matrix, isReverse) {
-    if (!elementId) {
-        return [];
-    }
-    var currentRowIndex = initialRowIndex + (isReverse ? -1 : 1);
-    while (currentRowIndex >= 0 && currentRowIndex < matrix.length) {
-        var currentId = matrix[currentRowIndex][cellIndex];
-        if (currentId !== elementId) {
-            return [currentId, [currentRowIndex, cellIndex]];
-        }
-        currentRowIndex = currentRowIndex + (isReverse ? -1 : 1);
-    }
-    return [];
-};
-/**
- * @hidden
- */
-export var findNextIdByCellIndex = function (rowIndex, initialCellIndex, elementId, matrix, isReverse) {
-    if (!elementId) {
-        return [];
-    }
-    var currentCellIndex = initialCellIndex + (isReverse ? -1 : 1);
-    while (currentCellIndex >= 0 && currentCellIndex < matrix[rowIndex].length) {
-        var currentId = matrix[rowIndex][currentCellIndex];
-        if (currentId !== elementId) {
-            return [currentId, [rowIndex, currentCellIndex]];
-        }
-        currentCellIndex = currentCellIndex + (isReverse ? -1 : 1);
-    }
-    return [];
-};
-/**
- * @hidden
- */
-export var findId = function (navigationMatrix, cellId) {
-    if (!cellId) {
-        return;
-    }
-    for (var rowIndex = 0; rowIndex < navigationMatrix.length; rowIndex++) {
-        for (var cellIndex = 0; cellIndex < navigationMatrix[rowIndex].length; cellIndex++) {
-            if (navigationMatrix[rowIndex][cellIndex] === cellId) {
-                return [rowIndex, cellIndex];
-            }
-        }
-    }
-};
-/**
- * @hidden
- */
-export var getNextNavigationIndex = function (navigation) {
-    return navigation ? navigation.navigationMatrix.length : 0;
-};
-/**
- * @hidden
- */
-export var getFilterColumnId = function (columnId) {
-    return columnId ? "".concat(columnId).concat(KEYBOARD_NAV_FILTER_COL_SUFFIX) : '';
-};
-/**
- * @hidden
- */
-export var tableKeyboardNavigationTools = {
-    generateNavigatableId: generateNavigatableId,
-    getNavigatableId: getNavigatableId,
-    getNavigatableLevel: getNavigatableLevel,
-    getNavigatableElement: getNavigatableElement,
-    getClosestNavigatableElement: getClosestNavigatableElement,
-    getActiveElement: getActiveElement,
-    getClosestScope: getClosestScope,
-    getHeaderElement: getHeaderElement,
-    getBodyElement: getBodyElement,
-    getFocusableElements: getFocusableElements,
-    getNavigatableElements: getNavigatableElements,
-    filterNavigatableElements: filterNavigatableElements,
-    focusElement: focusElement,
-    getIdPrefix: getIdPrefix,
-    isNavigatable: isNavigatable,
-    findNextIdByRowIndex: findNextIdByRowIndex,
-    findNextIdByCellIndex: findNextIdByCellIndex,
-    findId: findId,
-    getNextNavigationIndex: getNextNavigationIndex,
-    getFilterColumnId: getFilterColumnId
-};

package/dist/esm/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/esm/package-metadata.js

@@ -1,11 +0,0 @@
-/**
- * @hidden
- */
-export var packageMetadata = {
-    name: '@progress/kendo-vue-data-tools',
-    productName: 'Kendo UI for Vue',
-    productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1728905878,
-    version: '',
-    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/dist/esm/package.json

@@ -1,3 +0,0 @@
-{
-                    "type": "module"
-                 }

package/dist/esm/pager/GridPagerSettings.d.ts

@@ -1,62 +0,0 @@
-/**
- * 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 declare 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/dist/esm/pager/GridPagerSettings.js

@@ -1,22 +0,0 @@
-/**
- * @hidden
- */
-var normalizeSettings = function (_a) {
-    var _b = _a.buttonCount, buttonCount = _b === void 0 ? 10 : _b, _c = _a.info, info = _c === void 0 ? true : _c, _d = _a.type, type = _d === void 0 ? 'numeric' : _d, _e = _a.pageSizes, pageSizes = _e === void 0 ? false : _e, _f = _a.previousNext, previousNext = _f === void 0 ? true : _f, _g = _a.responsive, responsive = _g === void 0 ? true : _g, _h = _a.pagerRender, pagerRender = _h === void 0 ? undefined : _h, _j = _a.pageSizeValue, pageSizeValue = _j === void 0 ? undefined : _j;
-    return ({
-        buttonCount: buttonCount,
-        info: info,
-        pageSizes: pageSizes === true ? [5, 10, 20] : pageSizes,
-        previousNext: previousNext,
-        type: type,
-        responsive: responsive,
-        pagerRender: pagerRender,
-        pageSizeValue: pageSizeValue
-    });
-};
-/**
- * @hidden
- */
-export var normalize = function (settings) {
-    return normalizeSettings(settings === true ? {} : settings);
-};

package/dist/esm/pager/Page.d.ts

@@ -1,13 +0,0 @@
-/**
- * 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/dist/esm/pager/Page.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/pager/Pager.d.ts

@@ -1,113 +0,0 @@
-import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
-import { GridPagerSettings } from './GridPagerSettings';
-declare type DefaultData<V> = object | ((this: V) => {});
-declare type DefaultMethods<V> = {
-    [key: string]: (this: V, ...args: any[]) => 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&mdash;Does not set a size `class`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large' | string;
-    /**
-     * 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 PagerEmits {
-    pagechange?: (event: any) => any;
-}
-/**
- * @hidden
- */
-export interface PagerMethods {
-    [key: string]: any;
-    changePage: (page: number, e: any) => void;
-    triggerPageChange: (e: any) => void;
-    onWindowResize: () => void;
-    transformDimension: (initialValue: string | number | undefined) => string;
-}
-/**
- * @hidden
- */
-export interface PagerComputed {
-    [key: string]: any;
-    totalPages: number;
-    currentPage: number;
-    currentTake: number;
-    wrapperClass: object;
-}
-/**
- * @hidden
- */
-export interface PagerData {
-}
-/**
- * @hidden
- */
-export interface PagerAll extends PagerMethods, PagerComputed, PagerProps, PagerData, Vue2type {
-}
-/**
- * @hidden
- */
-declare let PagerVue2: ComponentOptions<Vue2type, DefaultData<PagerData>, DefaultMethods<PagerAll>, PagerComputed, RecordPropsDefinition<PagerProps>>;
-/**
- * @hidden
- */
-declare const Pager: DefineComponent<PagerProps, any, PagerData, PagerComputed, PagerMethods, {}, {}, {}, string, PagerProps, PagerProps, {}>;
-export { Pager, PagerVue2 };