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

package/dist/npm/header/HeaderSelectionCell.js

@@ -1,116 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeaderSelectionCellVue2 = exports.HeaderSelectionCell = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var kendo_vue_intl_1 = require("@progress/kendo-vue-intl");
-var main_1 = require("../messages/main");
-/**
- * @hidden
- */
-var HeaderSelectionCellVue2 = {
-  props: {
-    field: String,
-    title: String,
-    sortable: [Boolean, Object],
-    selectionValue: Boolean,
-    render: [Object, Function, String]
-  },
-  // @ts-ignore
-  emits: {
-    selectionchange: null,
-    headercellclick: null
-  },
-  inject: {
-    kendoLocalizationService: {
-      default: null
-    }
-  },
-  created: function created() {
-    this.inputId = (0, kendo_vue_common_1.guid)();
-  },
-  methods: {
-    changeHandle: function changeHandle(e) {
-      this.$emit('selectionchange', {
-        field: this.$props.field,
-        event: e
-      });
-    },
-    clickHandler: function clickHandler(event) {
-      if (this.$props.sortable) {
-        this.$emit('headercellclick', event);
-      }
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    return {
-      v3: v3
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    var renderTemplate = this.$props.render;
-    var ls = (0, kendo_vue_intl_1.provideLocalizationService)(this);
-    var selectAllRowsMessage = ls.toLanguageString(main_1.selectAllRows, main_1.messages[main_1.selectAllRows]);
-    var input = h("input", {
-      key: 0,
-      checked: this.v3 ? this.$props.selectionValue : null,
-      domProps: this.v3 ? undefined : {
-        "checked": this.$props.selectionValue
-      },
-      id: this.inputId,
-      attrs: this.v3 ? undefined : {
-        id: this.inputId,
-        type: "checkbox",
-        "aria-label": selectAllRowsMessage
-      },
-      type: "checkbox",
-      "class": "k-checkbox k-checkbox-md k-rounded-md",
-      "aria-label": selectAllRowsMessage,
-      onChange: this.changeHandle,
-      on: this.v3 ? undefined : {
-        "change": this.changeHandle
-      }
-    });
-    var defaultRendering = kendo_vue_common_1.getTemplate.call(this, {
-      h: h,
-      template: renderTemplate,
-      defaultRendering: input,
-      additionalProps: this.$props,
-      additionalListeners: {
-        click: this.clickHandler,
-        selectionchange: this.changeHandle
-      }
-    });
-    return h("span", {
-      "class": "k-link",
-      onClick: this.clickHandler,
-      on: this.v3 ? undefined : {
-        "click": this.clickHandler
-      }
-    }, [h("span", {
-      "class": "k-column-title",
-      title: this.$props.title,
-      attrs: this.v3 ? undefined : {
-        title: this.$props.title
-      }
-    }, [defaultRendering]), defaultSlot]);
-  }
-};
-exports.HeaderSelectionCellVue2 = HeaderSelectionCellVue2;
-/**
- * @hidden
- */
-var HeaderSelectionCell = HeaderSelectionCellVue2;
-exports.HeaderSelectionCell = HeaderSelectionCell;

package/dist/npm/header/HeaderTdElement.d.ts

@@ -1,46 +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;
-};
-export interface HeaderTdElementProps {
-    ariaColumnIndex?: number;
-    colSpan?: number;
-    rowSpan?: number;
-    role?: string;
-    columnId: string;
-    navigatable?: boolean;
-}
-/**
- * @hidden
- */
-export interface HeaderTdElementMethods extends Vue2type {
-    onKeydown: (event: any) => void;
-}
-/**
- * @hidden
- */
-export interface HeaderTdElementComputed {
-    [key: string]: any;
-    tdClass: object;
-}
-/**
- * @hidden
- */
-export interface HeaderTdElementState {
-    _text: string | undefined;
-}
-/**
- * @hidden
- */
-export interface HeaderTdElementAll extends HeaderTdElementMethods, HeaderTdElementState, HeaderTdElementComputed {
-}
-/**
- * @hidden
- */
-declare let HeaderTdElementVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<HeaderTdElementAll>, {}, RecordPropsDefinition<HeaderTdElementProps>>;
-/**
- * @hidden
- */
-declare const HeaderTdElement: DefineComponent<HeaderTdElementProps, any, {}, {}, HeaderTdElementMethods, {}, {}, {}, string, HeaderTdElementProps, HeaderTdElementProps, {}>;
-export { HeaderTdElement, HeaderTdElementVue2 };

package/dist/npm/header/HeaderTdElement.js

@@ -1,99 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeaderTdElementVue2 = exports.HeaderTdElement = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var constants_1 = require("../navigation/constants");
-/**
- * @hidden
- */
-var HeaderTdElementVue2 = {
-  name: 'KendoHeaderTdElement',
-  // @ts-ignore
-  emits: {
-    keydown: null
-  },
-  props: {
-    ariaColumnIndex: Number,
-    role: String,
-    columnId: String,
-    navigatable: Boolean
-  },
-  computed: {
-    tdClass: function tdClass() {
-      var _a;
-      var className = this.$props.className;
-      return _a = {
-        'k-table-td': true
-      }, _a[className] = className, _a;
-    }
-  },
-  inject: {
-    getKeyboardNavigationAttributes: {
-      default: kendo_vue_common_1.noop
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    var kendoIntlService = inject('kendoIntlService', {});
-    var kendoLocalizationService = inject('kendoLocalizationService', {});
-    return {
-      v3: v3,
-      kendoIntlService: kendoIntlService,
-      kendoLocalizationService: kendoLocalizationService
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var _a = this.$props,
-      columnId = _a.columnId,
-      navigatable = _a.navigatable,
-      ariaColumnIndex = _a.ariaColumnIndex,
-      role = _a.role;
-    var navAttrs = this.getKeyboardNavigationAttributes(columnId, navigatable);
-    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    return h("td", {
-      style: {
-        top: '0px'
-      },
-      "aria-colindex": ariaColumnIndex,
-      attrs: this.v3 ? undefined : {
-        "aria-colindex": ariaColumnIndex,
-        role: role,
-        tabindex: navAttrs.tabIndex,
-        "data-keyboardnavlevel": navAttrs[constants_1.KEYBOARD_NAV_DATA_LEVEL],
-        "data-keyboardnavid": navAttrs[constants_1.KEYBOARD_NAV_DATA_ID]
-      },
-      "class": this.tdClass,
-      onKeydown: this.onKeyDown,
-      on: this.v3 ? undefined : {
-        "keydown": this.onKeyDown
-      },
-      role: role,
-      tabindex: navAttrs.tabIndex,
-      "data-keyboardnavlevel": navAttrs[constants_1.KEYBOARD_NAV_DATA_LEVEL],
-      "data-keyboardnavid": navAttrs[constants_1.KEYBOARD_NAV_DATA_ID]
-    }, [defaultSlot]);
-  },
-  methods: {
-    onKeyDown: function onKeyDown(e) {
-      this.$emit('keydown', e);
-    }
-  }
-};
-exports.HeaderTdElementVue2 = HeaderTdElementVue2;
-/**
- * @hidden
- */
-var HeaderTdElement = HeaderTdElementVue2;
-exports.HeaderTdElement = HeaderTdElement;

package/dist/npm/header/HeaderThElement.d.ts

@@ -1,49 +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;
-};
-export interface HeaderThElementProps {
-    ariaSort?: string;
-    ariaLabel?: string;
-    ariaColumnIndex?: number;
-    ariaSelected?: boolean;
-    colSpan?: number;
-    rowSpan?: number;
-    role?: string;
-    columnId: string;
-    navigatable?: boolean;
-}
-/**
- * @hidden
- */
-export interface HeaderThElementMethods extends Vue2type {
-    onKeydown: (event: any) => void;
-}
-/**
- * @hidden
- */
-export interface HeaderThElementComputed {
-    [key: string]: any;
-    thClass: object;
-}
-/**
- * @hidden
- */
-export interface HeaderThElementState {
-    _text: string | undefined;
-}
-/**
- * @hidden
- */
-export interface HeaderThElementAll extends HeaderThElementMethods, HeaderThElementState, HeaderThElementComputed {
-}
-/**
- * @hidden
- */
-declare let HeaderThElementVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<HeaderThElementAll>, {}, RecordPropsDefinition<HeaderThElementProps>>;
-/**
- * @hidden
- */
-declare const HeaderThElement: DefineComponent<HeaderThElementProps, any, {}, {}, HeaderThElementMethods, {}, {}, {}, string, HeaderThElementProps, HeaderThElementProps, {}>;
-export { HeaderThElement, HeaderThElementVue2 };

package/dist/npm/header/HeaderThElement.js

@@ -1,124 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeaderThElementVue2 = exports.HeaderThElement = void 0;
-// @ts-ignore
-var Vue = require("vue");
-var allVue = Vue;
-var gh = allVue.h;
-var isV3 = allVue.version && allVue.version[0] === '3';
-var inject = allVue.inject;
-var kendo_vue_common_1 = require("@progress/kendo-vue-common");
-var constants_1 = require("../navigation/constants");
-/**
- * @hidden
- */
-var HeaderThElementVue2 = {
-  name: 'KendoHeaderThElement',
-  // @ts-ignore
-  emits: {
-    keydown: null
-  },
-  props: {
-    ariaSort: {
-      type: String,
-      validator: function validator(value) {
-        return ['none', 'ascending', 'descending'].includes(value);
-      }
-    },
-    ariaLabel: String,
-    ariaColumnIndex: Number,
-    ariaSelected: Boolean,
-    colSpan: Number,
-    rowSpan: Number,
-    role: String,
-    columnId: String,
-    navigatable: Boolean
-  },
-  computed: {
-    thClass: function thClass() {
-      var _a;
-      var className = this.$props.className;
-      return _a = {
-        'k-table-th': true
-      }, _a[className] = className, _a;
-    }
-  },
-  inject: {
-    getKeyboardNavigationAttributes: {
-      default: kendo_vue_common_1.noop
-    }
-  },
-  // @ts-ignore
-  setup: !isV3 ? undefined : function () {
-    var v3 = !!isV3;
-    var kendoIntlService = inject('kendoIntlService', {});
-    var kendoLocalizationService = inject('kendoLocalizationService', {});
-    return {
-      v3: v3,
-      kendoIntlService: kendoIntlService,
-      kendoLocalizationService: kendoLocalizationService
-    };
-  },
-  // @ts-ignore
-  render: function render(createElement) {
-    var h = gh || createElement;
-    var _a = this.$props,
-      ariaSort = _a.ariaSort,
-      colSpan = _a.colSpan,
-      rowSpan = _a.rowSpan,
-      columnId = _a.columnId,
-      navigatable = _a.navigatable,
-      ariaColumnIndex = _a.ariaColumnIndex,
-      ariaLabel = _a.ariaLabel,
-      role = _a.role,
-      ariaSelected = _a.ariaSelected;
-    var navAttrs = this.getKeyboardNavigationAttributes(columnId, navigatable);
-    var defaultSlot = (0, kendo_vue_common_1.getDefaultSlots)(this);
-    return h("th", {
-      style: {
-        top: '0px'
-      },
-      "aria-sort": ariaSort,
-      attrs: this.v3 ? undefined : {
-        "aria-sort": ariaSort,
-        "aria-label": ariaLabel,
-        "aria-colindex": ariaColumnIndex,
-        "aria-selected": ariaSelected,
-        colspan: colSpan,
-        rowspan: rowSpan,
-        role: role,
-        tabindex: navAttrs.tabIndex,
-        "data-keyboardnavlevel": navAttrs[constants_1.KEYBOARD_NAV_DATA_LEVEL],
-        "data-keyboardnavid": navAttrs[constants_1.KEYBOARD_NAV_DATA_ID]
-      },
-      "aria-label": ariaLabel,
-      "aria-colindex": ariaColumnIndex,
-      "aria-selected": ariaSelected,
-      colspan: colSpan,
-      rowspan: rowSpan,
-      "class": this.thClass,
-      onKeydown: this.onKeyDown,
-      on: this.v3 ? undefined : {
-        "keydown": this.onKeyDown
-      },
-      role: role,
-      tabindex: navAttrs.tabIndex,
-      "data-keyboardnavlevel": navAttrs[constants_1.KEYBOARD_NAV_DATA_LEVEL],
-      "data-keyboardnavid": navAttrs[constants_1.KEYBOARD_NAV_DATA_ID]
-    }, [defaultSlot]);
-  },
-  methods: {
-    onKeyDown: function onKeyDown(e) {
-      this.$emit('keydown', e);
-    }
-  }
-};
-exports.HeaderThElementVue2 = HeaderThElementVue2;
-/**
- * @hidden
- */
-var HeaderThElement = HeaderThElementVue2;
-exports.HeaderThElement = HeaderThElement;

package/dist/npm/header/main.d.ts

@@ -1,11 +0,0 @@
-export * from '../interfaces/CellProps';
-export * from '../interfaces/ColumnProps';
-export * from './FilterRow';
-export * from './Header';
-export * from './HeaderCell';
-export * from './HeaderRow';
-export * from './HeaderSelectionCell';
-export * from '../interfaces/SortSettings';
-export * from './utils/main';
-export * from './HeaderThElement';
-export * from './HeaderTdElement';

package/dist/npm/header/main.js

@@ -1,27 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("../interfaces/CellProps"), exports);
-__exportStar(require("../interfaces/ColumnProps"), exports);
-__exportStar(require("./FilterRow"), exports);
-__exportStar(require("./Header"), exports);
-__exportStar(require("./HeaderCell"), exports);
-__exportStar(require("./HeaderRow"), exports);
-__exportStar(require("./HeaderSelectionCell"), exports);
-__exportStar(require("../interfaces/SortSettings"), exports);
-__exportStar(require("./utils/main"), exports);
-__exportStar(require("./HeaderThElement"), exports);
-__exportStar(require("./HeaderTdElement"), exports);

package/dist/npm/header/utils/main.d.ts

@@ -1,34 +0,0 @@
-import { ExtendedColumnProps, TreeColumnBaseProps } from '../../interfaces/ColumnProps';
-/**
- * @hidden
- */
-export declare function mapColumns(columns: Array<{
-    parentIndex: number;
-    colSpan: number;
-    rowSpan: number;
-    depth: number;
-    kFirst?: boolean;
-    children: any[];
-    width?: string | number;
-    locked?: boolean;
-    index: number;
-    left: number;
-    right: number;
-    rightBorder: boolean;
-    ariaColumnIndex: number;
-}>): number[][];
-/**
- * @hidden
- */
-export declare function readColumns(elements: TreeColumnBaseProps[], idInfo: {
-    prevId: number;
-    idPrefix: string;
-}, depth?: number): ExtendedColumnProps[];
-/**
- * @hidden
- */
-export declare function isRtl(element: HTMLElement | null): boolean;
-/**
- * @hidden
- */
-export declare function getIndex(event: any, parent: HTMLTableRowElement | HTMLDivElement | null): number;

package/dist/npm/header/utils/main.js

@@ -1,170 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getIndex = exports.isRtl = exports.readColumns = exports.mapColumns = void 0;
-var utils_1 = require("../../navigation/utils");
-var ColumnProps_1 = require("../../interfaces/ColumnProps");
-function nextColumn(columns, current) {
-    var currentDepth = columns[current].depth;
-    var next = null;
-    for (var index = current + 1; index < columns.length; index++) {
-        if (columns[index].depth === currentDepth) {
-            next = columns[index];
-            break;
-        }
-    }
-    return next;
-}
-var getColumnWidth = function (column) {
-    var width = column.width ? parseFloat(column.width.toString()) : 0;
-    if (!width && column.children && column.children.length) {
-        width = column.children.reduce(function (currentSum, child) { return getColumnWidth(child) + currentSum; }, 0);
-    }
-    return width;
-};
-/**
- * @hidden
- */
-function mapColumns(columns) {
-    var columnsMap = [[]];
-    var maxDepth = 0;
-    // set colspans, get maxdepth
-    for (var q = columns.length - 1; q >= 0; q--) {
-        maxDepth = Math.max(maxDepth, columns[q].depth);
-        columns[q].colSpan = columns[q].colSpan || 1;
-        if (columns[q].parentIndex !== -1) {
-            columns[columns[q].parentIndex].colSpan =
-                (columns[columns[q].parentIndex].colSpan || 0) + columns[q].colSpan;
-        }
-    }
-    var colIndexByLevel = [];
-    var rowSpan = 1;
-    // set rowspan, kFirst, index AND create columnsMap
-    columns.forEach(function (column, i) {
-        columnsMap[column.depth] = columnsMap[column.depth] || [];
-        var needKFirst = false;
-        if (columnsMap[column.depth].length === 0) {
-            if (rowSpan <= 1) {
-                rowSpan = 1 + (column.children.length > 0 ? 0 : maxDepth - column.depth);
-            }
-            else {
-                rowSpan--;
-                needKFirst = true;
-            }
-        }
-        column.rowSpan = 1 + (column.children.length > 0 ? 0 : maxDepth - column.depth);
-        column.kFirst = needKFirst;
-        column.index = columnsMap[column.depth].length;
-        columnsMap[column.depth].push(i);
-        column.ariaColumnIndex = colIndexByLevel[column.depth] ? colIndexByLevel[column.depth] + 1 : 1;
-        for (var ci = column.depth; ci < column.depth + column.rowSpan; ci++) {
-            colIndexByLevel[ci] = (colIndexByLevel[ci] || 0) + column.colSpan;
-        }
-    });
-    var stickyLeftWidth = new Array(columnsMap.length).fill(0);
-    var width = 0;
-    // set left AND create stickyLeftWidth
-    columns.forEach(function (column) {
-        if (column.locked) {
-            column.left = stickyLeftWidth[column.depth];
-            width = getColumnWidth(column);
-            if (column.children.length === 0) {
-                for (var i = column.depth; i < stickyLeftWidth.length; i++) {
-                    stickyLeftWidth[i] += width;
-                }
-            }
-            else {
-                stickyLeftWidth[column.depth] += width;
-            }
-        }
-    });
-    var stickyRightWidth = new Array(columnsMap.length).fill(0);
-    // set right, rightBorder AND create stickyRightWidth
-    for (var i = columns.length - 1; i >= 0; i--) {
-        var column = columns[i];
-        if (column.locked) {
-            column.right = stickyRightWidth[column.depth];
-            width = getColumnWidth(column);
-            if (column.children.length === 0) {
-                for (var j = column.depth; j < stickyRightWidth.length; j++) {
-                    stickyRightWidth[j] += width;
-                }
-            }
-            else {
-                stickyRightWidth[column.depth] += width;
-            }
-            var next = nextColumn(columns, i);
-            column.rightBorder = !(next && next.locked);
-        }
-    }
-    return columnsMap;
-}
-exports.mapColumns = mapColumns;
-/**
- * @hidden
- */
-function readColumns(elements, idInfo, depth) {
-    if (depth === void 0) { depth = 0; }
-    var columns = [];
-    if (!elements || !elements.length) {
-        return [];
-    }
-    elements.forEach(function (columnProps) {
-        var children = readColumns(columnProps.children || [], idInfo, depth + 1);
-        columns.push(Object.assign({}, { depth: depth }, ColumnProps_1.ColumnDefaultProps, columnProps, {
-            id: columnProps.id ? columnProps.id : (0, utils_1.generateNavigatableId)("".concat(idInfo.prevId++), idInfo.idPrefix, 'column'),
-            declarationIndex: columns.length,
-            children: children,
-            rowSpan: 0,
-            colSpan: 0,
-            isAccessible: true
-        }));
-    });
-    var comparator = function (a, b) {
-        return a.orderIndex === b.orderIndex ?
-            a.declarationIndex - b.declarationIndex :
-            ((a.orderIndex || 0) - (b.orderIndex || 0));
-    };
-    columns.sort(comparator);
-    if (depth === 0) {
-        var ret_1 = [];
-        var flat_1 = function (cols, pIndex) {
-            return cols.forEach(function (c) {
-                c.parentIndex = pIndex;
-                flat_1(c.children, ret_1.push(c) - 1);
-            });
-        };
-        flat_1(columns, -1);
-        return ret_1;
-    }
-    return columns;
-}
-exports.readColumns = readColumns;
-/**
- * @hidden
- */
-function isRtl(element) {
-    return Boolean(element && getComputedStyle(element).direction === 'rtl');
-}
-exports.isRtl = isRtl;
-/**
- * @hidden
- */
-function getIndex(event, parent) {
-    if (!parent || !event || !event.originalEvent) {
-        return -1;
-    }
-    var target = parent.ownerDocument
-        ? parent.ownerDocument.elementFromPoint(event.clientX, event.originalEvent.clientY)
-        : null;
-    while (target && target.parentElement !== parent) {
-        target = target.parentElement;
-    }
-    var children = parent.children;
-    for (var i = 0; i < children.length; i++) {
-        if (children[i] === target) {
-            return i;
-        }
-    }
-    return -1;
-}
-exports.getIndex = getIndex;