@progress/kendo-vue-grid 3.5.0 → 3.5.1-dev.202208100944

package/dist/esm/header/Header.d.ts

@@ -0,0 +1,64 @@
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+/**
+ * @hidden
+ */
+export interface HeaderProps {
+    ref?: string;
+    staticHeaders: boolean;
+    headerRow: any;
+    columnResize: {
+        colGroupHeader: any | null;
+        setIsRtl: (isRtl: boolean) => void;
+    };
+    cols: Element[];
+    draggable: boolean;
+}
+/**
+ * @hidden
+ */
+export interface HeaderMethods extends Vue2type {
+    triggerClick: () => void;
+    triggerEdit: (dataItem: any) => void;
+    triggerAdd: (dataItem: any) => void;
+    triggerCancel: (dataItem: any) => void;
+    triggerSave: (dataItem: any) => void;
+    triggerRemove: (dataItem: any) => void;
+}
+/**
+ * @hidden
+ */
+export interface HeaderData {
+    divStyle: any;
+    element: any | null;
+    headerWrap: any | null;
+    table: any | null;
+    colGroupHeaderRef: any;
+    tableRef: any;
+    headerWrapRef: any;
+    v3: boolean;
+}
+/**
+ * @hidden
+ */
+export interface HeaderComputed {
+    [key: string]: any;
+    wrapperClass: string;
+}
+/**
+ * @hidden
+ */
+export interface HeaderAll extends HeaderMethods, HeaderData, HeaderComputed {
+}
+/**
+ * @hidden
+ */
+declare let HeaderVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<HeaderAll>, {}, RecordPropsDefinition<HeaderProps>>;
+/**
+ * @hidden
+ */
+declare const Header: DefineComponent<HeaderProps, any, HeaderData, HeaderComputed, HeaderMethods, {}, {}, {}, string, HeaderProps, HeaderProps, {}>;
+export { Header, HeaderVue2 };

package/dist/esm/header/Header.js

@@ -0,0 +1,123 @@
+// @ts-ignore
+import * as Vue from 'vue';
+var allVue = Vue;
+var gh = allVue.h;
+var isV3 = allVue.version && allVue.version[0] === '3';
+var ref = allVue.ref;
+import { BrowserSupportService } from '../utils/browser-support.service.js';
+import { isRtl } from '../utils.js';
+import { getRef, setRef } from '@progress/kendo-vue-common';
+/**
+ * @hidden
+ */
+
+var HeaderVue2 = {
+  props: {
+    staticHeaders: Boolean,
+    headerRow: Object,
+    columnResize: Object,
+    cols: Array,
+    draggable: Boolean
+  },
+  data: function data() {
+    return {
+      divStyle: {},
+      element: null,
+      headerWrap: null,
+      table: null
+    };
+  },
+  computed: {
+    wrapperClass: function wrapperClass() {
+      return {
+        'k-grid-header': true,
+        'k-grid-draggable-header': this.$props.draggable
+      };
+    }
+  },
+  mounted: function mounted() {
+    this.headerWrap = getRef(this, 'headerWrap');
+    this.table = getRef(this, 'table');
+    this.$props.columnResize.colGroupHeader = getRef(this, 'colGroupHeader');
+    var scrollbarWidth = new BrowserSupportService().scrollbarWidth;
+    var rtl = isRtl(this.$el);
+
+    if (this.$props.columnResize) {
+      this.$props.columnResize.setIsRtl(rtl);
+    }
+
+    var padding = Math.max(0, scrollbarWidth) + 'px';
+    var right = rtl ? 0 : padding;
+    var left = rtl ? padding : 0;
+    this.divStyle = {
+      padding: "0 ".concat(right, " 0 ").concat(left)
+    };
+  },
+  methods: {
+    setScrollLeft: function setScrollLeft(scrollLeft) {
+      if (this.headerWrap) {
+        this.headerWrap.scrollLeft = scrollLeft;
+      }
+    },
+    setWidth: function setWidth(width) {
+      if (this.table) {
+        this.table.style.width = width + 'px';
+      }
+    }
+  },
+  // @ts-ignore
+  setup: !isV3 ? undefined : function () {
+    var v3 = !!isV3;
+    var headerWrapRef = ref(null);
+    var tableRef = ref(null);
+    var colGroupHeaderRef = ref(null);
+    return {
+      v3: v3,
+      headerWrapRef: headerWrapRef,
+      tableRef: tableRef,
+      colGroupHeaderRef: colGroupHeaderRef
+    };
+  },
+  // @ts-ignore
+  render: function render(createElement) {
+    var h = gh || createElement;
+
+    if (!this.$props.staticHeaders) {
+      return this.$props.headerRow;
+    }
+
+    return h("div", {
+      "class": this.wrapperClass,
+      style: this.divStyle,
+      role: "presentation",
+      attrs: this.v3 ? undefined : {
+        role: "presentation"
+      }
+    }, [h("div", {
+      ref: setRef(this, 'headerWrap'),
+      "class": "k-grid-header-wrap",
+      role: "presentation",
+      attrs: this.v3 ? undefined : {
+        role: "presentation"
+      }
+    }, [h("table", {
+      ref: setRef(this, 'table'),
+      role: "presentation",
+      attrs: this.v3 ? undefined : {
+        role: "presentation"
+      }
+    }, [h("colgroup", {
+      role: "presentation",
+      attrs: this.v3 ? undefined : {
+        role: "presentation"
+      },
+      ref: setRef(this, 'colGroupHeader')
+    }, [this.$props.cols]), this.$props.headerRow])])]);
+  }
+};
+/**
+ * @hidden
+ */
+
+var Header = HeaderVue2;
+export { Header, HeaderVue2 };

package/dist/esm/header/HeaderRow.d.ts

@@ -0,0 +1,86 @@
+import { GridSortSettings } from '../interfaces/GridSortSettings';
+import { SortDescriptor, CompositeFilterDescriptor } from '@progress/kendo-data-query';
+import { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type } from '../additionalTypes';
+import { ColumnDraggableProps } from '../drag/ColumnDraggable';
+import { ExtendedColumnProps } from '../interfaces/ExtendedColumnProps';
+import { GridColumnProps } from '../interfaces/GridColumnProps';
+import { GridHeaderCellProps } from '../interfaces/GridHeaderCellProps';
+declare type DefaultData<V> = object | ((this: V) => {});
+declare type DefaultMethods<V> = {
+    [key: string]: (this: V, ...args: any[]) => any;
+};
+import { GridFilterOperators } from '../interfaces/GridFilterOperators';
+import { PopupAnimation } from '@progress/kendo-vue-popup';
+/**
+ * @hidden
+ */
+export interface HeaderRowProps extends ColumnDraggableProps {
+    grid: any;
+    sortable?: GridSortSettings;
+    groupable?: any;
+    reorderable?: boolean;
+    onSortChange?: (descriptors: SortDescriptor[], e: any) => void;
+    sort?: any;
+    filter?: CompositeFilterDescriptor;
+    filterOperators: GridFilterOperators;
+    filterable?: boolean | undefined;
+    filterChange?: any;
+    filterRow?: any;
+    columns: ExtendedColumnProps[];
+    columnResize?: any;
+    columnsMap: number[][];
+    onSelectionchange?: any;
+    cellRender?: ((h: any, defaultRendering: any | null, props: GridHeaderCellProps) => any) | string | null;
+    columnMenu?: any;
+    columnMenuAnimate?: boolean | PopupAnimation;
+    onFilterChange?: Function;
+    isRtl?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface HeaderRowMethods extends Vue2type {
+    pressHandler: (event: any, element: HTMLElement) => void;
+    dragHandler: (event: any, element: HTMLElement) => void;
+    releaseHandler: (event: any) => void;
+    selectionChangeHandler: (options: any) => void;
+    cellClick: (e: any, column: GridColumnProps) => void;
+    sortChangeHandler: (newDescriptor: SortDescriptor[], e: any) => void;
+    filterChangeHandler: (newDescriptor: CompositeFilterDescriptor | null, e: any) => void;
+    cellClass: (field: string | undefined, headerClassName: string | undefined, locked: boolean) => string;
+    getTemplate: (template: any) => any;
+    cellKeyDown: (event: any, column: GridColumnProps) => void;
+    columnMenuClose: () => void;
+    onNavFocus: (e: any) => void;
+}
+/**
+ * @hidden
+ */
+export interface HeaderRowState {
+    columnMenuOpened?: object;
+    serviceIndex: number;
+    index: number;
+    _element: any | null;
+}
+/**
+ * @hidden
+ */
+export interface HeaderRowComputed {
+    [key: string]: any;
+    element: any;
+    theadClasses: any;
+}
+/**
+ * @hidden
+ */
+export interface HeaderRowAll extends HeaderRowMethods, HeaderRowState, HeaderRowComputed {
+}
+/**
+ * @hidden
+ */
+declare let HeaderRowVue2: ComponentOptions<Vue2type, DefaultData<{}>, DefaultMethods<HeaderRowAll>, HeaderRowComputed, RecordPropsDefinition<HeaderRowProps>>;
+/**
+ * @hidden
+ */
+declare const HeaderRow: DefineComponent<HeaderRowProps, any, {}, HeaderRowComputed, HeaderRowMethods, {}, {}, {}, string, HeaderRowProps, HeaderRowProps, {}>;
+export { HeaderRow, HeaderRowVue2 };