@progress/kendo-vue-data-tools 3.5.0-dev.202208010922 → 3.5.1-dev.202208100944

package/dist/esm/navigation/utils.js

@@ -0,0 +1,212 @@
+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

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

package/dist/esm/package-metadata.js

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

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

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

@@ -0,0 +1,62 @@
+/**
+ * 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

@@ -0,0 +1,22 @@
+/**
+ * @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

@@ -0,0 +1,13 @@
+/**
+ * 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

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

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

@@ -0,0 +1,98 @@
+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;
+    /**
+     * 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;
+}
+/**
+ * @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;
+    transformDimesion: (initialValue: string | number | undefined) => string;
+}
+/**
+ * @hidden
+ */
+export interface PagerComputed {
+    [key: string]: any;
+    totalPages: number;
+    currentPage: number;
+    currentTake: number;
+    wrapperClass: object;
+}
+/**
+ * @hidden
+ */
+export interface PagerData {
+    size: string;
+}
+/**
+ * @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 };