@revolist/revogrid 4.23.13 → 4.23.14

package/dist/collection/plugins/filter/filter.panel.js

@@ -4,9 +4,8 @@
 // filter.panel.tsx
 import { h, Host, } from "@stencil/core";
 import debounce from "lodash/debounce";
-import { AndOrButton, isFilterBtn, ReorderButton, TrashButton } from "./filter.button";
+import { AndOrButton, isFilterBtn, TrashButton } from "./filter.button";
 import "../../utils/closest.polifill";
-import { getFilterReorderId, moveFilterItem, setFilterReorderData, } from "./filter.reorder";
 const defaultType = 'none';
 const FILTER_LIST_CLASS = 'multi-filter-list';
 const FILTER_LIST_CLASS_ACTION = 'multi-filter-list-action';
@@ -103,7 +102,6 @@ export class FilterPanel {
         if (typeof prop === 'undefined')
             return '';
         const propFilters = (_b = this.filterItems[prop]) !== null && _b !== void 0 ? _b : [];
-        const visibleFilterCount = propFilters.filter(filter => !filter.hidden).length;
         const capts = Object.assign(this.filterCaptionsInternal, this.filterCaptions);
         return (h("div", { key: this.filterId }, propFilters.map((filter, index) => {
             let andOrButton;
@@ -114,24 +112,56 @@ export class FilterPanel {
             if (index !== this.filterItems[prop].length - 1) {
                 andOrButton = (h("div", { onClick: () => this.toggleFilterAndOr(filter.id) }, h(AndOrButton, { text: filter.relation === 'and' ? capts.and : capts.or })));
             }
-            const extra = this.renderExtra(prop, index);
-            return (h("div", { key: filter.id, class: FILTER_LIST_CLASS }, h("div", { ref: el => el === null || el === void 0 ? void 0 : el.classList.add('multi-filter-list-row') }, visibleFilterCount > 1 ? (h(ReorderButton, { dragging: this.draggedFilterId === filter.id, dragOver: this.dragOverFilterId === filter.id && this.draggedFilterId !== filter.id, onDragStart: e => this.onFilterDragStart(e, filter.id), onDragEnd: () => this.onFilterDragEnd(), onDragOver: e => this.onFilterDragOver(e, filter.id), onDragLeave: () => this.onFilterDragLeave(filter.id), onDrop: e => this.onFilterDrop(e, prop, filter.id) })) : '', h("div", { class: { 'select-input': true } }, h("select", { class: "select-css select-filter", onChange: e => this.onFilterTypeChange(e, prop, index) }, this.renderSelectOptions(this.filterItems[prop][index].type, true)), extra ? h("div", { class: "filter-extra" }, extra) : ''), h("div", { class: FILTER_LIST_CLASS_ACTION }, andOrButton, h("div", { onClick: () => this.onRemoveFilter(filter.id) }, h(TrashButton, null))))));
+            return (h("div", { key: filter.id, class: FILTER_LIST_CLASS }, h("div", { class: { 'select-input': true } }, h("select", { class: "select-css select-filter", onChange: e => this.onFilterTypeChange(e, prop, index) }, this.renderSelectOptions(this.filterItems[prop][index].type, true)), h("div", { class: FILTER_LIST_CLASS_ACTION }, andOrButton), h("div", { onClick: () => this.onRemoveFilter(filter.id) }, h(TrashButton, null))), h("div", null, this.renderExtra(prop, index))));
         }), propFilters.filter(f => !f.hidden).length > 0 ? h("div", { class: "add-filter-divider" }) : ''));
     }
+    componentDidRender() {
+        this.syncDialog();
+    }
+    syncDialog() {
+        if (!this.dialog) {
+            return;
+        }
+        if (!this.changes) {
+            if (this.dialog.open) {
+                this.dialog.close();
+            }
+            return;
+        }
+        if (!this.dialog.open) {
+            this.dialog.show();
+        }
+        if (this.changes.autoCorrect !== false) {
+            requestAnimationFrame(() => this.autoCorrect(this.dialog));
+        }
+    }
     autoCorrect(el) {
-        var _a, _b;
         if (!el) {
             return;
         }
-        const revoGrid = el.closest('revo-grid');
-        if (!revoGrid) {
+        const pos = el.getBoundingClientRect();
+        const maxLeft = Math.max(0, window.innerWidth - pos.width);
+        const maxTop = Math.max(0, window.innerHeight - pos.height);
+        if (pos.left > maxLeft) {
+            el.style.left = `${maxLeft}px`;
+        }
+        if (pos.top > maxTop) {
+            el.style.top = `${maxTop}px`;
+        }
+    }
+    onDialogMouseDown(e) {
+        if (!this.closeOnOutsideClick ||
+            e.target !== this.dialog ||
+            !this.dialog) {
             return;
         }
-        const pos = el.getBoundingClientRect();
-        const gridPos = revoGrid.getBoundingClientRect();
-        const maxLeft = gridPos.right - pos.width;
-        if (pos.left > maxLeft && el.offsetLeft) {
-            el.style.left = `${maxLeft - ((_b = (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().left) !== null && _b !== void 0 ? _b : 0)}px`;
+        const rect = this.dialog.getBoundingClientRect();
+        const isInside = e.clientX >= rect.left &&
+            e.clientX <= rect.right &&
+            e.clientY >= rect.top &&
+            e.clientY <= rect.bottom;
+        if (!isInside) {
+            this.onCancel();
         }
     }
     onFilterTypeChange(e, prop, index) {
@@ -224,49 +254,6 @@ export class FilterPanel {
             this.debouncedApplyFilter();
         }
     }
-    onFilterDragStart(e, id) {
-        this.draggedFilterId = id;
-        setFilterReorderData(e.dataTransfer, id);
-    }
-    onFilterDragOver(e, id) {
-        if (this.draggedFilterId === undefined || this.draggedFilterId === id) {
-            return;
-        }
-        e.preventDefault();
-        if (e.dataTransfer) {
-            e.dataTransfer.dropEffect = 'move';
-        }
-        this.dragOverFilterId = id;
-    }
-    onFilterDragLeave(id) {
-        if (this.dragOverFilterId === id) {
-            this.dragOverFilterId = undefined;
-        }
-    }
-    onFilterDrop(e, prop, targetId) {
-        var _a;
-        e.preventDefault();
-        const sourceId = (_a = this.draggedFilterId) !== null && _a !== void 0 ? _a : getFilterReorderId(e.dataTransfer);
-        this.onFilterDragEnd();
-        if (sourceId === undefined) {
-            return;
-        }
-        const items = this.filterItems[prop];
-        if (!items) {
-            return;
-        }
-        if (!moveFilterItem(items, sourceId, targetId)) {
-            return;
-        }
-        this.filterId++;
-        if (!this.disableDynamicFiltering) {
-            this.debouncedApplyFilter();
-        }
-    }
-    onFilterDragEnd() {
-        this.draggedFilterId = undefined;
-        this.dragOverFilterId = undefined;
-    }
     toggleFilterAndOr(id) {
         var _a;
         this.assertChanges();
@@ -375,30 +362,33 @@ export class FilterPanel {
             } }));
     }
     render() {
-        var _a, _b, _c, _d, _e;
-        if (!this.changes) {
-            return h(Host, { style: { display: 'none' } });
-        }
+        var _a, _b, _c, _d, _e, _f, _g;
         const style = {
-            display: 'block',
-            left: `${this.changes.x}px`,
-            top: `${this.changes.y}px`,
+            left: `${(_b = (_a = this.changes) === null || _a === void 0 ? void 0 : _a.x) !== null && _b !== void 0 ? _b : 0}px`,
+            top: `${(_d = (_c = this.changes) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0}px`,
         };
         const capts = Object.assign(this.filterCaptionsInternal, this.filterCaptions);
-        return (h(Host, { style: style, ref: el => {
-                var _a;
-                ((_a = this.changes) === null || _a === void 0 ? void 0 : _a.autoCorrect) !== false && this.autoCorrect(el);
-            } }, h("slot", { slot: "header" }), ((_b = (_a = this.changes).extraContent) === null || _b === void 0 ? void 0 : _b.call(_a, this.changes)) || '', ((_c = this.changes) === null || _c === void 0 ? void 0 : _c.hideDefaultFilters) !== true && ([
-            h("label", null, capts.title),
-            h("div", { class: "filter-holder" }, this.getFilterItemsList()),
-            h("div", { class: "add-filter" }, h("select", { id: FILTER_ID, class: "select-css", onChange: e => this.onAddNewFilter(e) }, this.renderSelectOptions(this.currentFilterType)))
-        ]), h("slot", null), ((_e = (_d = this.changes).extraBottomContent) === null || _e === void 0 ? void 0 : _e.call(_d, this.changes)) || '', h("div", { class: "filter-actions" }, this.disableDynamicFiltering && [
-            h("button", { id: "revo-button-save", "aria-label": "save", class: "revo-button green", onClick: () => this.onSave() }, capts.save),
-            h("button", { id: "revo-button-ok", "aria-label": "ok", class: "revo-button green", onClick: () => this.onCancel() }, capts.cancel),
-        ], !this.disableDynamicFiltering && [
-            h("button", { id: "revo-button-ok", "aria-label": "ok", class: "revo-button green", onClick: () => this.onCancel() }, capts.ok),
-            h("button", { id: "revo-button-reset", "aria-label": "reset", class: "revo-button outline", onClick: () => this.onReset() }, capts.reset),
-        ]), h("slot", { slot: "footer" })));
+        return (h(Host, { key: '9fb424017d080876ff7796237917b4f41f617fe0' }, h("dialog", { key: '37b9f870b95f6fe1bd7be359dd7b77ef196e896e', class: "filter-panel-dialog", style: style, ref: el => (this.dialog = el), onCancel: e => {
+                e.preventDefault();
+                this.onCancel();
+            }, onMouseDown: e => this.onDialogMouseDown(e) }, this.changes && [
+            h("slot", { key: '76ec505a92d0a7c1ae0bbb5f4cac63555f3416be', slot: "header" }),
+            ((_f = (_e = this.changes).extraContent) === null || _f === void 0 ? void 0 : _f.call(_e, this.changes)) || '',
+            ((_g = this.changes) === null || _g === void 0 ? void 0 : _g.hideDefaultFilters) !== true && [
+                h("label", { key: 'c6fd82c95f6005f286c7bc90de34956128a83246' }, capts.title),
+                h("div", { key: '5e7dac36ad79ba1b6072a0053b30aa384ade0dde', class: "filter-holder" }, this.getFilterItemsList()),
+                h("div", { key: 'd9b6103edbd138d4db845745686ee4c847310a66', class: "add-filter" }, h("select", { key: 'c1b321f2d19458f95ab3f9188d83d94bebdb688e', id: FILTER_ID, class: "select-css", onChange: e => this.onAddNewFilter(e) }, this.renderSelectOptions(this.currentFilterType))),
+            ],
+            h("slot", { key: '1571dcbc5c57651deb42a4046272ff60fa74f5a7' }),
+            h("div", { key: '4aa7dee532336b084542df0209291b4c60378b49', class: "filter-actions" }, this.disableDynamicFiltering && [
+                h("button", { key: '4c1b3054cd1bb7f46877592f00f6634d0f7ecafa', id: "revo-button-save", "aria-label": "save", class: "revo-button green", onClick: () => this.onSave() }, capts.save),
+                h("button", { key: 'f31a568c89be18b1a854cdd7d4726e01db24e338', id: "revo-button-ok", "aria-label": "ok", class: "revo-button green", onClick: () => this.onCancel() }, capts.cancel),
+            ], !this.disableDynamicFiltering && [
+                h("button", { key: '5d40e8b1f13f94cff4f5a2e2aefeee8861104a9d', id: "revo-button-ok", "aria-label": "ok", class: "revo-button green", onClick: () => this.onCancel() }, capts.ok),
+                h("button", { key: '67eac3abd16f6f6e2ed7089dcfb0d05524ddb7df', id: "revo-button-reset", "aria-label": "reset", class: "revo-button outline", onClick: () => this.onReset() }, capts.reset),
+            ]),
+            h("slot", { key: 'b27a9bb3ef814e1e09dca14eda3e332ff34c654c', slot: "footer" }),
+        ])));
     }
     static get is() { return "revogr-filter-panel"; }
     static get originalStyleUrls() {
@@ -542,9 +532,7 @@ export class FilterPanel {
             "currentFilterId": {},
             "currentFilterType": {},
             "changes": {},
-            "filterItems": {},
-            "draggedFilterId": {},
-            "dragOverFilterId": {}
+            "filterItems": {}
         };
     }
     static get events() {

package/dist/collection/plugins/filter/filter.plugin.js

@@ -178,7 +178,8 @@ export class FilterPlugin extends BasePlugin {
     async headerclick(e) {
         var _a, _b;
         const el = (_a = e.detail.originalEvent) === null || _a === void 0 ? void 0 : _a.target;
-        if (!isFilterBtn(el)) {
+        const filterButton = isFilterBtn(el);
+        if (!filterButton) {
             return;
         }
         e.preventDefault();
@@ -192,9 +193,8 @@ export class FilterPlugin extends BasePlugin {
             return;
         }
         // filter button clicked, open filter dialog
-        const gridPos = this.revogrid.getBoundingClientRect();
-        const buttonPos = el.getBoundingClientRect();
-        const data = Object.assign(Object.assign(Object.assign({}, e.detail), this.filterCollection[prop]), { x: buttonPos.x - gridPos.x, y: buttonPos.y - gridPos.y + buttonPos.height, autoCorrect: true, filterTypes: this.getColumnFilter(e.detail.filter), filterItems: this.multiFilterItems, extraContent: this.extraHyperContent, extraBottomContent: this.extraBottomHyperContent });
+        const buttonPos = (filterButton instanceof HTMLElement ? filterButton : el).getBoundingClientRect();
+        const data = Object.assign(Object.assign(Object.assign({}, e.detail), this.filterCollection[prop]), { x: buttonPos.x, y: buttonPos.y + buttonPos.height, autoCorrect: true, filterTypes: this.getColumnFilter(e.detail.filter), filterItems: this.multiFilterItems, extraContent: this.extraHyperContent });
         (_b = this.beforeshow) === null || _b === void 0 ? void 0 : _b.call(this, data);
         this.pop.show(data);
     }

package/dist/collection/plugins/filter/filter.style.css

@@ -36,12 +36,15 @@ revo-grid[theme^=dark] .revo-button.outline {
 }
 
 revogr-filter-panel {
-  position: absolute;
   display: block;
+}
+
+revogr-filter-panel .filter-panel-dialog {
+  position: fixed;
   top: 0;
   left: 0;
   z-index: 100;
-  max-height: calc(100% - 80px);
+  max-height: calc(100vh - 16px);
   overflow: auto;
   opacity: 1;
   transform: none;
@@ -51,23 +54,27 @@ revogr-filter-panel {
   box-shadow: 0 5px 18px -2px var(--revo-grid-filter-panel-shadow, rgba(0, 0, 0, 0.15));
   padding: 10px;
   border-radius: 8px;
+  margin: 0;
   min-width: 220px;
   text-align: left;
   animation: revogr-filter-panel-open 140ms cubic-bezier(0.2, 0, 0, 1);
 }
-revogr-filter-panel .filter-holder > div {
+revogr-filter-panel .filter-panel-dialog::backdrop {
+  background: transparent;
+}
+revogr-filter-panel .filter-panel-dialog .filter-holder > div {
   display: flex;
   flex-direction: column;
 }
-revogr-filter-panel label {
+revogr-filter-panel .filter-panel-dialog label {
   font-size: 13px;
   display: block;
   padding: 8px 0;
 }
-revogr-filter-panel select {
+revogr-filter-panel .filter-panel-dialog select {
   width: 100%;
 }
-revogr-filter-panel input[type=text] {
+revogr-filter-panel .filter-panel-dialog input[type=text] {
   border: 0;
   min-height: 34px;
   margin: 5px 0;
@@ -77,11 +84,11 @@ revogr-filter-panel input[type=text] {
   box-sizing: border-box;
   width: 100%;
 }
-revogr-filter-panel .filter-actions {
+revogr-filter-panel .filter-panel-dialog .filter-actions {
   text-align: right;
   margin-right: -5px;
 }
-revogr-filter-panel .filter-actions button {
+revogr-filter-panel .filter-panel-dialog .filter-actions button {
   margin-top: 10px;
   margin-right: 5px;
 }
@@ -97,7 +104,7 @@ revogr-filter-panel .filter-actions button {
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  revogr-filter-panel {
+  revogr-filter-panel .filter-panel-dialog {
     animation: none;
   }
 }
@@ -182,15 +189,9 @@ revogr-filter-panel .filter-actions button {
 .multi-filter-list div {
   white-space: nowrap;
 }
-.multi-filter-list .multi-filter-list-row {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-}
 .multi-filter-list .multi-filter-list-action {
   display: flex;
-  flex: 0 0 auto;
-  justify-content: flex-end;
+  justify-content: space-between;
   align-items: center;
 }
 .multi-filter-list .and-or-button {
@@ -208,28 +209,6 @@ revogr-filter-panel .filter-actions button {
 .multi-filter-list .trash-button .trash-img {
   width: 1em;
 }
-.multi-filter-list .reorder-button {
-  border: 0;
-  background: transparent;
-  color: var(--revo-grid-filter-panel-reorder-color, #6b7280);
-  cursor: grab;
-  font-family: monospace;
-  font-size: 12px;
-  letter-spacing: 0;
-  line-height: 1;
-  padding: 6px 2px;
-  transform: scaleX(0.8);
-  width: 16px;
-}
-.multi-filter-list .reorder-button.filter-row-dragging {
-  opacity: 0.55;
-}
-.multi-filter-list .reorder-button.filter-row-drag-over {
-  color: var(--revo-grid-filter-panel-reorder-accent, #007cb2);
-}
-.multi-filter-list .reorder-button:active {
-  cursor: grabbing;
-}
 
 .add-filter-divider {
   display: block;
@@ -240,23 +219,6 @@ revogr-filter-panel .filter-actions button {
 
 .select-input {
   display: flex;
+  justify-content: space-between;
   align-items: center;
-  flex: 1 1 auto;
-  gap: 6px;
-  min-width: 0;
-}
-.select-input .select-filter,
-.select-input .filter-extra {
-  flex: 1 1 0;
-  min-width: 0;
-}
-.select-input .filter-extra {
-  display: flex;
-}
-.select-input .filter-extra > * {
-  width: 100%;
-}
-.select-input input[type=text],
-.select-input input[type=date] {
-  margin: 0;
 }

package/dist/collection/plugins/groupingRow/grouping.row.renderer.js

@@ -21,17 +21,12 @@ export const GroupingRowRenderer = (props) => {
     const name = model[PSEUDO_GROUP_ITEM];
     const expanded = model[GROUP_EXPANDED];
     const depth = parseInt(model[GROUP_DEPTH], 10) || 0;
-    const groupRowAttrs = {
-        rowClass: 'groupingRow',
-        depth,
-        expanded,
-    };
     if (groupingCustomRenderer) {
-        return (h(RowRenderer, Object.assign({}, props, groupRowAttrs), h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(h, Object.assign(Object.assign({}, props), { colType: props.providers.colType, name,
+        return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(h, Object.assign(Object.assign({}, props), { colType: props.providers.colType, name,
             expanded,
             depth })))));
     }
-    return (h(RowRenderer, Object.assign({}, props, groupRowAttrs), hasExpand && [
+    return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), hasExpand && [
         h("button", { class: { [GROUP_EXPAND_BTN]: true }, onClick: e => expandEvent(e, model, itemIndex) }, expandSvgIconVNode(expanded)),
         name,
     ]));

package/dist/collection/plugins/moveColumn/column.drag.plugin.js

@@ -22,17 +22,8 @@ export class ColumnMovePlugin extends BasePlugin {
     constructor(revogrid, providers) {
         super(revogrid, providers);
         this.moveFunc = debounce((e) => this.doMove(e), 5);
-        this.preventHeaderClickAfterDrag = (event) => {
-            if (!this.preventNextHeaderClick) {
-                return;
-            }
-            this.preventNextHeaderClick = false;
-            event.preventDefault();
-        };
         this.staticDragData = null;
         this.dragData = null;
-        this.columnDragMoved = false;
-        this.preventNextHeaderClick = false;
         this.localSubscriptions = {};
         this.orderUi = new ColumnOrderHandler();
         revogrid.appendChild(this.orderUi.render());
@@ -51,13 +42,11 @@ export class ColumnMovePlugin extends BasePlugin {
             callback: (e) => this.move(e),
         };
         this.addEventListener(COLUMN_CLICK, ({ detail }) => this.dragStart(detail));
-        this.revogrid.addEventListener('beforeheaderclick', this.preventHeaderClickAfterDrag, { capture: true });
     }
     dragStart({ event, data }) {
         if (event.defaultPrevented) {
             return;
         }
-        this.preventNextHeaderClick = false;
         const { defaultPrevented } = dispatch(this.revogrid, COLUMN_DRAG_START_EVENT, data);
         // check if allowed to drag particulat column
         if (defaultPrevented) {
@@ -79,8 +68,7 @@ export class ColumnMovePlugin extends BasePlugin {
         const cols = this.getDimension(data.pin || 'rgCol');
         const gridRect = this.revogrid.getBoundingClientRect();
         const elRect = dataEl.getBoundingClientRect();
-        const startItem = getItemByPosition(cols, getLeftRelative(event.x, gridRect.left, elRect.left - gridRect.left) +
-            (cols.renderOffset || 0));
+        const startItem = getItemByPosition(cols, getLeftRelative(event.x, gridRect.left, elRect.left - gridRect.left) + (cols.renderOffset || 0));
         this.staticDragData = {
             startPos: event.x,
             startItem,
@@ -111,14 +99,10 @@ export class ColumnMovePlugin extends BasePlugin {
             if (rgCol.itemIndex >= this.staticDragData.cols.count) {
                 return;
             }
-            this.orderUi.showHandler(getColumnDragPosition(rgCol, this.staticDragData.startItem, this.staticDragData.cols.renderOffset || 0, dragData.scrollOffset), dragData.gridRect.width);
+            this.orderUi.showHandler(rgCol.end - (this.staticDragData.cols.renderOffset || 0) + dragData.scrollOffset, dragData.gridRect.width);
         }
     }
     move(e) {
-        if (this.staticDragData &&
-            Math.abs(this.staticDragData.startPos - e.x) > 10) {
-            this.columnDragMoved = true;
-        }
         dispatch(this.revogrid, COLUMN_DRAG_MOVE_EVENT, e);
         // then do move
         this.moveFunc(e);
@@ -127,7 +111,6 @@ export class ColumnMovePlugin extends BasePlugin {
         this.clearOrder();
     }
     onMouseUp(e) {
-        const suppressClick = this.columnDragMoved;
         // apply new positions
         if (this.dragData && this.staticDragData) {
             let relativePos = getLeftRelative(e.x, this.dragData.gridRect.left, this.dragData.scrollOffset);
@@ -150,9 +133,6 @@ export class ColumnMovePlugin extends BasePlugin {
             }
             dispatch(this.revogrid, COLUMN_DRAG_END_EVENT, this.getData(this.staticDragData, newItems, source));
         }
-        if (suppressClick) {
-            this.preventNextHeaderClick = !!e.target.closest('revogr-header');
-        }
         this.clearOrder();
     }
     clearLocalSubscriptions() {
@@ -161,7 +141,6 @@ export class ColumnMovePlugin extends BasePlugin {
     clearOrder() {
         this.staticDragData = null;
         this.dragData = null;
-        this.columnDragMoved = false;
         this.clearLocalSubscriptions();
         this.orderUi.stop(this.revogrid);
     }
@@ -171,7 +150,6 @@ export class ColumnMovePlugin extends BasePlugin {
     clearSubscriptions() {
         super.clearSubscriptions();
         this.clearLocalSubscriptions();
-        this.revogrid.removeEventListener('beforeheaderclick', this.preventHeaderClickAfterDrag, { capture: true });
     }
     getData({ gridEl, dataEl, pin }, order, source = []) {
         const gridRect = gridEl.getBoundingClientRect();
@@ -193,9 +171,3 @@ export class ColumnMovePlugin extends BasePlugin {
 export function getLeftRelative(absoluteX, gridPos, offset) {
     return absoluteX - gridPos - offset;
 }
-export function getColumnDragPosition(targetItem, startItem, renderOffset, scrollOffset) {
-    const insertionEdge = startItem.itemIndex > targetItem.itemIndex
-        ? targetItem.start
-        : targetItem.end;
-    return insertionEdge - renderOffset + scrollOffset;
-}

package/dist/collection/serve/controller.js

@@ -428,7 +428,6 @@ function onLoad() {
 
   grid.readonly = false;
   grid.range = true;
-  grid.useClipboard = { rangeFill: true };
   grid.resize = true;
   grid.filter = true;
 

package/dist/esm/{cell-renderer-CLTRlCa5.js → cell-renderer-BtN-NGCk.js}

@@ -3,7 +3,7 @@
  */
 import { h, f as Build } from './index-Chp_81rd.js';
 import { n as DATA_ROW, w as DRAG_ICON_CLASS, x as DRAGGABLE_CLASS } from './dimension.helpers-CGKwSvw6.js';
-import { l as GROUP_EXPAND_BTN, m as GROUP_EXPAND_EVENT, G as GROUP_DEPTH, h as GROUP_EXPANDED, P as PSEUDO_GROUP_ITEM, O as isRowDragService, B as getCellDataParsed } from './column.service-C6hByxPy.js';
+import { l as GROUP_EXPAND_BTN, m as GROUP_EXPAND_EVENT, G as GROUP_DEPTH, h as GROUP_EXPANDED, P as PSEUDO_GROUP_ITEM, O as isRowDragService, B as getCellDataParsed } from './column.service-CC_SD8W3.js';
 
 /**
  * Renders sorting direction and optional additive sorting rank.
@@ -16,22 +16,9 @@ const SortingSign = ({ column }) => {
     return (h("span", Object.assign({}, indicatorAttrs), h("i", Object.assign({}, iconAttrs)), (column === null || column === void 0 ? void 0 : column.sortIndex) ? (h("sup", Object.assign({}, orderIndexAttrs), column.sortIndex)) : null));
 };
 
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 const PADDING_DEPTH = 10;
-const RowRenderer = (_a, cells) => {
-    var { rowClass, index, size, start, depth, groupingLevel } = _a, attrs = __rest(_a, ["rowClass", "index", "size", "start", "depth", "groupingLevel"]);
-    const props = Object.assign(Object.assign(Object.assign({}, attrs), { [DATA_ROW]: index }), (typeof groupingLevel === 'number'
+const RowRenderer = ({ rowClass, index, size, start, depth, groupingLevel }, cells) => {
+    const props = Object.assign({ [DATA_ROW]: index }, (typeof groupingLevel === 'number'
         ? { 'data-level': groupingLevel }
         : {}));
     return (h("div", Object.assign({}, props, { class: `rgRow ${rowClass || ''}`, style: {
@@ -58,17 +45,12 @@ const GroupingRowRenderer = (props) => {
     const name = model[PSEUDO_GROUP_ITEM];
     const expanded = model[GROUP_EXPANDED];
     const depth = parseInt(model[GROUP_DEPTH], 10) || 0;
-    const groupRowAttrs = {
-        rowClass: 'groupingRow',
-        depth,
-        expanded,
-    };
     if (groupingCustomRenderer) {
-        return (h(RowRenderer, Object.assign({}, props, groupRowAttrs), h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(h, Object.assign(Object.assign({}, props), { colType: props.providers.colType, name,
+        return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), h("div", { onClick: e => expandEvent(e, model, itemIndex) }, groupingCustomRenderer(h, Object.assign(Object.assign({}, props), { colType: props.providers.colType, name,
             expanded,
             depth })))));
     }
-    return (h(RowRenderer, Object.assign({}, props, groupRowAttrs), hasExpand && [
+    return (h(RowRenderer, Object.assign({}, props, { rowClass: "groupingRow", depth: depth }), hasExpand && [
         h("button", { class: { [GROUP_EXPAND_BTN]: true }, onClick: e => expandEvent(e, model, itemIndex) }, expandSvgIconVNode(expanded)),
         name,
     ]));