balala-revogrid 1.0.0

package/dist/collection/components/header/revogr-header.js

@@ -0,0 +1,852 @@
+/*!
+ * Built by Revolist OU ❤️
+ */
+import { h, Host, } from "@stencil/core";
+import keyBy from "lodash/keyBy";
+import { getItemByIndex } from "../../store/index";
+import { HEADER_ACTUAL_ROW_CLASS, HEADER_ROW_CLASS } from "../../utils/consts";
+import HeaderRenderer from "./header-renderer";
+import GroupHeaderRenderer from "./header-group-renderer";
+export class RevogrHeaderComponent {
+    constructor() {
+        /**
+         * Grouping depth, how many levels of grouping
+         */
+        this.groupingDepth = 0;
+        /**
+         * Extra properties to pass into header renderer, such as vue or react components to handle parent
+         */
+        this.additionalData = {};
+    }
+    onResize({ width }, index) {
+        const col = this.colData[index];
+        const event = this.beforeResize.emit([
+            Object.assign(Object.assign({}, col), { size: width || undefined }),
+        ]);
+        if (event.defaultPrevented) {
+            return;
+        }
+        this.headerresize.emit({ [index]: width || 0 });
+    }
+    onResizeGroup(changedX, startIndex, endIndex) {
+        var _a;
+        const sizes = {};
+        // 优先使用 viewportItems prop，如果没有则从 Observable 读取
+        const items = (_a = this.viewportItems) !== null && _a !== void 0 ? _a : this.viewportCol.get('items');
+        const cols = keyBy(items, 'itemIndex');
+        const change = changedX / (endIndex - startIndex + 1);
+        for (let i = startIndex; i <= endIndex; i++) {
+            const item = cols[i];
+            if (item) {
+                sizes[i] = item.size + change;
+            }
+        }
+        this.headerresize.emit(sizes);
+    }
+    componentDidRender() {
+        this.afterHeaderRender.emit(this.providers);
+    }
+    /**
+     * 处理表头区域的滚轮事件
+     * 阻止滚轮事件冒泡，避免表头抖动
+     */
+    onHeaderWheel(e) {
+        // 获取视口滚动组件
+        const viewportScroll = this.element.closest('revogr-viewport-scroll');
+        if (!viewportScroll) {
+            return;
+        }
+        // 检查是否有滚动空间
+        const scrollWidth = viewportScroll.scrollWidth || 0;
+        const clientWidth = viewportScroll.clientWidth || 0;
+        const maxScrollLeft = Math.max(0, scrollWidth - clientWidth);
+        const SCROLL_THRESHOLD = 10;
+        // 判断是否为水平滚动（包含 Shift + 滚轮）
+        const absX = Math.abs(e.deltaX);
+        const absY = Math.abs(e.deltaY);
+        const isHorizontalScroll = (absX > absY && absX > 0) || (e.shiftKey && absY > 0);
+        // 如果是水平滚动且没有滚动空间，阻止默认行为和冒泡
+        if (isHorizontalScroll && maxScrollLeft <= SCROLL_THRESHOLD) {
+            e.preventDefault();
+            e.stopPropagation();
+            return;
+        }
+        // 如果有滚动空间，阻止冒泡但允许事件传递给父容器处理
+        if (isHorizontalScroll) {
+            e.stopPropagation();
+            // 派发自定义事件让父容器处理
+            const customEvent = new CustomEvent('mousewheel-horizontal', {
+                bubbles: true,
+                detail: {
+                    deltaX: e.deltaX,
+                    deltaY: e.deltaY,
+                    shiftKey: e.shiftKey,
+                    preventDefault: () => e.preventDefault(),
+                },
+            });
+            this.element.dispatchEvent(customEvent);
+        }
+    }
+    /**
+     * 获取多行表头的每行高度
+     * 从 CSS 变量 --rg-header-row-height 读取并除以2
+     */
+    getMultiHeaderRowHeight() {
+        if (!this.groupingDepth) {
+            return undefined;
+        }
+        // 从 CSS 变量读取默认表头高度
+        const computedStyle = getComputedStyle(this.element);
+        const cssHeight = computedStyle.getPropertyValue('--rg-header-row-height').trim();
+        if (cssHeight) {
+            const heightValue = parseFloat(cssHeight);
+            if (!isNaN(heightValue)) {
+                return heightValue / 2;
+            }
+        }
+        return undefined;
+    }
+    render() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        // 优先使用 viewportItems prop，如果没有则从 Observable 读取
+        // 这样可以让父组件控制渲染时机，实现同步渲染
+        const cols = (_a = this.viewportItems) !== null && _a !== void 0 ? _a : this.viewportCol.get('items');
+        const range = (_b = this.selectionRange) !== null && _b !== void 0 ? _b : (_c = this.selectionStore) === null || _c === void 0 ? void 0 : _c.get('range');
+        // 调试：打印数据源信息
+        if (this.type !== 'rowHeaders') {
+            const firstCol = cols[0];
+            const lastCol = cols[cols.length - 1];
+            console.log(`[${this.type}] render:`, {
+                colsCount: cols.length,
+                colDataCount: (_d = this.colData) === null || _d === void 0 ? void 0 : _d.length,
+                usingProp: !!this.viewportItems,
+                firstColIndex: firstCol === null || firstCol === void 0 ? void 0 : firstCol.itemIndex,
+                firstColProp: (_f = (_e = this.colData) === null || _e === void 0 ? void 0 : _e[firstCol === null || firstCol === void 0 ? void 0 : firstCol.itemIndex]) === null || _f === void 0 ? void 0 : _f.prop,
+                firstColName: (_h = (_g = this.colData) === null || _g === void 0 ? void 0 : _g[firstCol === null || firstCol === void 0 ? void 0 : firstCol.itemIndex]) === null || _h === void 0 ? void 0 : _h.name,
+                lastColIndex: lastCol === null || lastCol === void 0 ? void 0 : lastCol.itemIndex,
+                lastColProp: (_k = (_j = this.colData) === null || _j === void 0 ? void 0 : _j[lastCol === null || lastCol === void 0 ? void 0 : lastCol.itemIndex]) === null || _k === void 0 ? void 0 : _k.prop,
+                lastColName: (_m = (_l = this.colData) === null || _l === void 0 ? void 0 : _l[lastCol === null || lastCol === void 0 ? void 0 : lastCol.itemIndex]) === null || _m === void 0 ? void 0 : _m.name,
+                allColProps: (_o = this.colData) === null || _o === void 0 ? void 0 : _o.map(c => c === null || c === void 0 ? void 0 : c.prop).join(', '),
+            });
+        }
+        // 获取分组列的索引集合
+        const groupedIndexes = this.getGroupedColumnIndexes();
+        const { groupedCells, ungroupedCells } = this.renderHeaderColumns(cols, range, groupedIndexes);
+        const groupRow = this.renderGroupingColumns();
+        // 当有分组但 viewport 数据还没准备好时，隐藏表头避免闪烁
+        const isLoading = this.groupingDepth > 0 && cols.length === 0;
+        const hostStyle = isLoading ? { visibility: 'hidden' } : undefined;
+        // 计算多行表头的每行样式（只在有分组时应用）
+        const multiRowHeight = this.getMultiHeaderRowHeight();
+        const rowStyle = multiRowHeight !== undefined
+            ? { height: `${multiRowHeight}px`, lineHeight: `${multiRowHeight}px` }
+            : undefined;
+        return (h(Host, { key: '12001e0621e034daf3d30b0a78895366bc0be2cd', style: hostStyle, onWheel: (e) => this.onHeaderWheel(e) }, h("div", { key: '11f6a1b4da11bb82c9c73e2e523a2b20a14e60ec', class: "group-rgRow", style: rowStyle }, groupRow, ungroupedCells), h("div", { key: '2084403786fa65615590088765e232e99c331ae0', class: `${HEADER_ROW_CLASS} ${HEADER_ACTUAL_ROW_CLASS}`, style: rowStyle }, groupedCells)));
+    }
+    /**
+     * 获取属于分组的列索引集合
+     */
+    getGroupedColumnIndexes() {
+        const groupedIndexes = new Set();
+        if (this.groupingDepth > 0 && this.groups) {
+            for (let i = 0; i < this.groupingDepth; i++) {
+                if (this.groups[i]) {
+                    for (const group of this.groups[i]) {
+                        for (const idx of group.indexes) {
+                            groupedIndexes.add(idx);
+                        }
+                    }
+                }
+            }
+        }
+        return groupedIndexes;
+    }
+    renderHeaderColumns(cols, range, groupedIndexes) {
+        var _a, _b;
+        const groupedCells = []; // 分组列的子列，放在 actual-rgRow
+        const ungroupedCells = []; // 非分组列，放在 group-rgRow
+        // 判断是否需要给最后一列添加类名
+        const lastColIndex = cols.length > 0 ? cols[cols.length - 1].itemIndex : -1;
+        const hasColPinEnd = (_a = this.hasColPinEnd) !== null && _a !== void 0 ? _a : false;
+        const hasRgCol = (_b = this.hasRgCol) !== null && _b !== void 0 ? _b : false;
+        for (let i = 0; i < cols.length; i++) {
+            const rgCol = cols[i];
+            const colData = this.colData[rgCol.itemIndex];
+            const isGrouped = this.groupingDepth > 0 && groupedIndexes.has(rgCol.itemIndex);
+            // 支持列级别的 resizable 配置，默认跟随全局 canResize
+            const columnCanResize = (colData === null || colData === void 0 ? void 0 : colData.resizable) !== false && this.canResize;
+            // 统一使用右侧拖拽线，让拖拽行为一致（往右拖=变宽，往左拖=变窄）
+            const active = this.resizeHandler || ['r'];
+            // 判断是否是最后一列
+            const isLastColumn = rgCol.itemIndex === lastColIndex;
+            const shouldAddLastColumnClass = isLastColumn && ((hasColPinEnd && this.type === 'colPinEnd') ||
+                (!hasColPinEnd && hasRgCol && this.type === 'rgCol') ||
+                (!hasColPinEnd && !hasRgCol && this.type === 'colPinStart'));
+            const props = {
+                range,
+                column: rgCol,
+                data: Object.assign(Object.assign({}, colData), { index: rgCol.itemIndex, providers: this.providers }),
+                canFilter: !!this.columnFilter,
+                canResize: columnCanResize,
+                active,
+                additionalData: this.additionalData,
+                onResize: e => this.onResize(e, rgCol.itemIndex),
+                onDblClick: e => this.headerdblClick.emit(e),
+                onClick: e => this.initialHeaderClick.emit(e),
+                // 传递合并信息
+                merged: this.groupingDepth > 0 && !isGrouped,
+                groupingDepth: this.groupingDepth,
+                // 传递是否属于编组
+                isGrouped: isGrouped,
+                // 传递是否是最后一列
+                isLastColumn: shouldAddLastColumnClass,
+            };
+            const event = this.beforeHeaderRender.emit(props);
+            if (!event.defaultPrevented) {
+                // 为每个 HeaderRenderer 添加基于列 prop 和区域类型的稳定 key
+                // key 必须包含区域类型（this.type），这样当列在不同区域之间移动时
+                // Stencil 会正确地销毁旧组件并创建新组件，而不是错误地复用
+                const columnKey = (colData === null || colData === void 0 ? void 0 : colData.prop)
+                    ? `header-${this.type}-${colData.prop}`
+                    : `header-${this.type}-idx-${rgCol.itemIndex}`;
+                if (isGrouped) {
+                    // 分组列的子列，放在 actual-rgRow
+                    groupedCells.push(h(HeaderRenderer, Object.assign({ key: columnKey }, event.detail)));
+                }
+                else if (this.groupingDepth > 0) {
+                    // 非分组列且有分组存在，放在 group-rgRow（跨两行）
+                    ungroupedCells.push(h(HeaderRenderer, Object.assign({ key: columnKey }, event.detail)));
+                }
+                else {
+                    // 没有分组，所有列都放在 actual-rgRow
+                    groupedCells.push(h(HeaderRenderer, Object.assign({ key: columnKey }, event.detail)));
+                }
+            }
+        }
+        return { groupedCells, ungroupedCells };
+    }
+    renderGroupingColumns() {
+        var _a, _b, _c, _d, _e, _f;
+        const groupRow = [];
+        // 优先使用 viewportItems prop，如果没有则从 Observable 读取
+        const cols = (_a = this.viewportItems) !== null && _a !== void 0 ? _a : this.viewportCol.get('items');
+        const lastColIndex = cols.length > 0 ? cols[cols.length - 1].itemIndex : -1;
+        const hasColPinEnd = (_b = this.hasColPinEnd) !== null && _b !== void 0 ? _b : false;
+        const hasRgCol = (_c = this.hasRgCol) !== null && _c !== void 0 ? _c : false;
+        // 优先使用 dimensionState prop，如果没有则从 Observable 读取
+        const dimensionState = (_d = this.dimensionState) !== null && _d !== void 0 ? _d : this.dimensionCol.state;
+        for (let i = 0; i < this.groupingDepth; i++) {
+            if (this.groups[i]) {
+                for (let group of this.groups[i]) {
+                    const groupStartIndex = (_e = group.indexes[0]) !== null && _e !== void 0 ? _e : -1;
+                    if (groupStartIndex > -1) {
+                        const groupEndIndex = groupStartIndex + group.indexes.length - 1;
+                        const groupStart = getItemByIndex(dimensionState, groupStartIndex).start;
+                        const groupEnd = getItemByIndex(dimensionState, groupEndIndex).end;
+                        // 判断编组是否包含最后一列
+                        const groupContainsLastColumn = groupEndIndex === lastColIndex;
+                        const shouldAddLastColumnClass = groupContainsLastColumn && ((hasColPinEnd && this.type === 'colPinEnd') ||
+                            (!hasColPinEnd && hasRgCol && this.type === 'rgCol') ||
+                            (!hasColPinEnd && !hasRgCol && this.type === 'colPinStart'));
+                        const props = {
+                            providers: this.providers,
+                            start: groupStart,
+                            end: groupEnd,
+                            group,
+                            active: this.resizeHandler,
+                            canResize: false, // 编组头不允许调整宽度
+                            additionalData: this.additionalData,
+                            onResize: e => {
+                                var _a;
+                                return this.onResizeGroup((_a = e.changedX) !== null && _a !== void 0 ? _a : 0, groupStartIndex, groupEndIndex);
+                            },
+                            isLastColumn: shouldAddLastColumnClass,
+                        };
+                        const event = this.beforeGroupHeaderRender.emit(props);
+                        if (!event.defaultPrevented) {
+                            // 为 GroupHeaderRenderer 添加稳定的 key
+                            // 使用编组的第一个索引作为 key 的一部分
+                            const firstIndex = (_f = group.indexes[0]) !== null && _f !== void 0 ? _f : groupStartIndex;
+                            const groupKey = `group-header-${this.type}-${i}-${firstIndex}`;
+                            groupRow.push(h(GroupHeaderRenderer, Object.assign({ key: groupKey }, event.detail)));
+                        }
+                    }
+                }
+            }
+            const multiRowHeight = this.getMultiHeaderRowHeight();
+            const groupDivStyle = multiRowHeight !== undefined
+                ? { height: `${multiRowHeight}px` }
+                : undefined;
+            groupRow.push(h("div", { class: `${HEADER_ROW_CLASS} group`, style: groupDivStyle }));
+        }
+        return groupRow;
+    }
+    get providers() {
+        return {
+            type: this.type,
+            readonly: this.readonly,
+            data: this.colData,
+            viewport: this.viewportCol,
+            dimension: this.dimensionCol,
+            selection: this.selectionStore,
+        };
+    }
+    static get is() { return "revogr-header"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["revogr-header-style.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["revogr-header-style.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "viewportCol": {
+                "type": "unknown",
+                "attribute": "viewport-col",
+                "mutable": false,
+                "complexType": {
+                    "original": "Observable<ViewportState>",
+                    "resolved": "ObservableMap<ViewportState>",
+                    "references": {
+                        "Observable": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::Observable"
+                        },
+                        "ViewportState": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ViewportState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Viewport X"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "dimensionCol": {
+                "type": "unknown",
+                "attribute": "dimension-col",
+                "mutable": false,
+                "complexType": {
+                    "original": "Observable<DimensionSettingsState>",
+                    "resolved": "ObservableMap<DimensionSettingsState>",
+                    "references": {
+                        "Observable": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::Observable"
+                        },
+                        "DimensionSettingsState": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::DimensionSettingsState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Dimension settings X"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "selectionStore": {
+                "type": "unknown",
+                "attribute": "selection-store",
+                "mutable": false,
+                "complexType": {
+                    "original": "Observable<SelectionStoreState>",
+                    "resolved": "ObservableMap<SelectionStoreState>",
+                    "references": {
+                        "Observable": {
+                            "location": "import",
+                            "path": "../../utils",
+                            "id": "src/utils/index.ts::Observable"
+                        },
+                        "SelectionStoreState": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::SelectionStoreState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Selection, range, focus"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "viewportItems": {
+                "type": "unknown",
+                "attribute": "viewport-items",
+                "mutable": false,
+                "complexType": {
+                    "original": "VirtualPositionItem[]",
+                    "resolved": "VirtualPositionItem[] | undefined",
+                    "references": {
+                        "VirtualPositionItem": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::VirtualPositionItem"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Viewport items (alternative to Observable)\nWhen provided, this will be used instead of reading from viewportCol Observable\nThis allows parent component to control rendering timing"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "dimensionState": {
+                "type": "unknown",
+                "attribute": "dimension-state",
+                "mutable": false,
+                "complexType": {
+                    "original": "DimensionSettingsState",
+                    "resolved": "DimensionSettingsState | undefined",
+                    "references": {
+                        "DimensionSettingsState": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::DimensionSettingsState"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Dimension state (alternative to Observable)\nWhen provided, this will be used instead of reading from dimensionCol Observable\nThis allows parent component to control rendering timing"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "selectionRange": {
+                "type": "unknown",
+                "attribute": "selection-range",
+                "mutable": false,
+                "complexType": {
+                    "original": "RangeArea | null",
+                    "resolved": "null | undefined | { x: number; y: number; x1: number; y1: number; }",
+                    "references": {
+                        "RangeArea": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::RangeArea"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Selection range (alternative to Observable)\nWhen provided, this will be used instead of reading from selectionStore Observable"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "groups": {
+                "type": "unknown",
+                "attribute": "groups",
+                "mutable": false,
+                "complexType": {
+                    "original": "Groups",
+                    "resolved": "{ [x: number]: Group[]; }",
+                    "references": {
+                        "Groups": {
+                            "location": "import",
+                            "path": "@store",
+                            "id": "src/store/index.ts::Groups"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Column groups"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "groupingDepth": {
+                "type": "number",
+                "attribute": "grouping-depth",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Grouping depth, how many levels of grouping"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "0"
+            },
+            "readonly": {
+                "type": "boolean",
+                "attribute": "readonly",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Readonly mode"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "canResize": {
+                "type": "boolean",
+                "attribute": "can-resize",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "If columns can be resized"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "resizeHandler": {
+                "type": "unknown",
+                "attribute": "resize-handler",
+                "mutable": false,
+                "complexType": {
+                    "original": "ResizeProps['active']",
+                    "resolved": "(\"b\" | \"rt\" | \"rb\" | \"r\" | \"lt\" | \"lb\" | \"l\" | \"t\")[]",
+                    "references": {
+                        "ResizeProps": {
+                            "location": "import",
+                            "path": "./resizable.directive",
+                            "id": "src/components/header/resizable.directive.tsx::ResizeProps"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Defines resize position"
+                },
+                "getter": false,
+                "setter": false
+            },
+            "colData": {
+                "type": "unknown",
+                "attribute": "col-data",
+                "mutable": false,
+                "complexType": {
+                    "original": "ColumnRegular[]",
+                    "resolved": "ColumnRegular[]",
+                    "references": {
+                        "ColumnRegular": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ColumnRegular"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Columns - defines an array of grid columns."
+                },
+                "getter": false,
+                "setter": false
+            },
+            "columnFilter": {
+                "type": "boolean",
+                "attribute": "column-filter",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Column filter"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "type": {
+                "type": "string",
+                "attribute": "type",
+                "mutable": false,
+                "complexType": {
+                    "original": "DimensionCols | 'rowHeaders'",
+                    "resolved": "\"colPinEnd\" | \"colPinStart\" | \"rgCol\" | \"rowHeaders\"",
+                    "references": {
+                        "DimensionCols": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::DimensionCols"
+                        }
+                    }
+                },
+                "required": true,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Column type"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "additionalData": {
+                "type": "any",
+                "attribute": "additional-data",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Extra properties to pass into header renderer, such as vue or react components to handle parent"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "{}"
+            },
+            "hasColPinEnd": {
+                "type": "boolean",
+                "attribute": "has-col-pin-end",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether there are colPinEnd columns in the grid\nUsed to determine which column should get the last-column class"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "hasRgCol": {
+                "type": "boolean",
+                "attribute": "has-rg-col",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether there are rgCol columns in the grid\nUsed to determine which column should get the last-column class"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "initialHeaderClick",
+                "name": "beforeheaderclick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "On initial header click"
+                },
+                "complexType": {
+                    "original": "InitialHeaderClick",
+                    "resolved": "{ index: number; originalEvent: MouseEvent; column: ColumnRegular; providers: ProvidersColumns<DimensionCols | \"rowHeaders\">; }",
+                    "references": {
+                        "InitialHeaderClick": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::InitialHeaderClick"
+                        }
+                    }
+                }
+            }, {
+                "method": "headerresize",
+                "name": "headerresize",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "On header resize"
+                },
+                "complexType": {
+                    "original": "ViewSettingSizeProp",
+                    "resolved": "{ [x: string]: number; }",
+                    "references": {
+                        "ViewSettingSizeProp": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ViewSettingSizeProp"
+                        }
+                    }
+                }
+            }, {
+                "method": "beforeResize",
+                "name": "beforeheaderresize",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "On before header resize"
+                },
+                "complexType": {
+                    "original": "ColumnRegular[]",
+                    "resolved": "ColumnRegular[]",
+                    "references": {
+                        "ColumnRegular": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ColumnRegular"
+                        }
+                    }
+                }
+            }, {
+                "method": "headerdblClick",
+                "name": "headerdblclick",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "On header double click"
+                },
+                "complexType": {
+                    "original": "InitialHeaderClick",
+                    "resolved": "{ index: number; originalEvent: MouseEvent; column: ColumnRegular; providers: ProvidersColumns<DimensionCols | \"rowHeaders\">; }",
+                    "references": {
+                        "InitialHeaderClick": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::InitialHeaderClick"
+                        }
+                    }
+                }
+            }, {
+                "method": "beforeHeaderRender",
+                "name": "beforeheaderrender",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Before each header cell render function. Allows to override cell properties"
+                },
+                "complexType": {
+                    "original": "HeaderRenderProps",
+                    "resolved": "{ column: VirtualPositionItem; additionalData: any; data: ColumnTemplateProp; range?: RangeArea | null | undefined; canResize?: boolean | undefined; canFilter?: boolean | undefined; merged?: boolean | undefined; groupingDepth?: number | undefined; isGrouped?: boolean | undefined; isLastColumn?: boolean | undefined; onResize?(e: ResizeEvent): void; onClick?(data: InitialHeaderClick): void; onDblClick?(data: InitialHeaderClick): void; } & Partial<Pick<ResizeProps, \"active\">>",
+                    "references": {
+                        "HeaderRenderProps": {
+                            "location": "import",
+                            "path": "./header-renderer",
+                            "id": "src/components/header/header-renderer.tsx::HeaderRenderProps"
+                        }
+                    }
+                }
+            }, {
+                "method": "beforeGroupHeaderRender",
+                "name": "beforegroupheaderrender",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Before each group header cell render function. Allows to override group header cell properties"
+                },
+                "complexType": {
+                    "original": "HeaderGroupRendererProps",
+                    "resolved": "{ start: number; end: number; group: Group; providers: ProvidersColumns<DimensionCols | \"rowHeaders\">; additionalData: any; canResize?: boolean | undefined; isLastColumn?: boolean | undefined; onResize?(e: ResizeEvent): void; } & Partial<Pick<ResizeProps, \"active\">>",
+                    "references": {
+                        "HeaderGroupRendererProps": {
+                            "location": "import",
+                            "path": "./header-group-renderer",
+                            "id": "src/components/header/header-group-renderer.tsx::HeaderGroupRendererProps"
+                        }
+                    }
+                }
+            }, {
+                "method": "afterHeaderRender",
+                "name": "afterheaderrender",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "After all header cells rendered. Finalizes cell rendering."
+                },
+                "complexType": {
+                    "original": "ProvidersColumns",
+                    "resolved": "ProvidersColumns<DimensionCols | \"rowHeaders\">",
+                    "references": {
+                        "ProvidersColumns": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::ProvidersColumns"
+                        }
+                    }
+                }
+            }];
+    }
+    static get elementRef() { return "element"; }
+}
+//# sourceMappingURL=revogr-header.js.map