@revolist/revogrid 4.23.12 → 4.23.14

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 {
@@ -218,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,
     ]));

package/dist/esm/{column.drag.plugin-V9DDE3mU.js → column.drag.plugin-4Ixr4ijU.js}

@@ -1,14 +1,14 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { J as reduce, g as getRange, K as baseEach, C as getColumnType, c as columnTypes, L as toInteger, u as isGrouping, t as getGroupingName, r as rowTypes, B as getCellDataParsed, A as getCellRaw, j as GROUP_COLUMN_PROP, I as getColumnByProp, h as GROUP_EXPANDED, x as getParsedGroup, y as isSameGroup, G as GROUP_DEPTH, e as PSEUDO_GROUP_ITEM_VALUE, d as PSEUDO_GROUP_ITEM_ID, o as GROUPING_ROW_TYPE, p as getSource, f as PSEUDO_GROUP_COLUMN, s as gatherGrouping, m as GROUP_EXPAND_EVENT, v as isGroupingColumn, q as getExpanded, E as isColGrouping } from './column.service-C6hByxPy.js';
+import { J as reduce, g as getRange, K as baseEach, C as getColumnType, c as columnTypes, L as toInteger, u as isGrouping, t as getGroupingName, r as rowTypes, B as getCellDataParsed, A as getCellRaw, j as GROUP_COLUMN_PROP, I as getColumnByProp, h as GROUP_EXPANDED, x as getParsedGroup, y as isSameGroup, G as GROUP_DEPTH, e as PSEUDO_GROUP_ITEM_VALUE, d as PSEUDO_GROUP_ITEM_ID, o as GROUPING_ROW_TYPE, p as getSource, f as PSEUDO_GROUP_COLUMN, s as gatherGrouping, m as GROUP_EXPAND_EVENT, v as isGroupingColumn, q as getExpanded, E as isColGrouping } from './column.service-CC_SD8W3.js';
 import { K as createStore, l as setStore, i as calculateDimensionData, L as identity, N as isArray, b as getSourceItem, g as getPhysical, e as setItems, j as getItemByPosition } from './dimension.helpers-CGKwSvw6.js';
 import { j as calculateRowHeaderSize } from './viewport.store-_c579YyM.js';
 import { g as getScrollbarSize, t as timeout } from './index-Db3qZoW5.js';
 import { h } from './index-Chp_81rd.js';
 import { b as FILTER_PROP, i as isFilterBtn } from './filter.button-C8XTWPU2.js';
 import { d as debounce } from './debounce-PCRWZliA.js';
-import { O as ON_COLUMN_CLICK, d as dispatch } from './header-cell-renderer-BMmXRsd_.js';
+import { O as ON_COLUMN_CLICK, d as dispatch } from './header-cell-renderer-B-LX2sgu.js';
 
 function calculateRealSize({ count, originItemSize, sizes, }) {
     const safeCount = Math.max(0, count);
@@ -1400,7 +1400,8 @@ 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();
@@ -1414,9 +1415,8 @@ 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);
     }
@@ -2670,17 +2670,8 @@ 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());
@@ -2699,13 +2690,11 @@ 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) {
@@ -2727,8 +2716,7 @@ 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,
@@ -2759,14 +2747,10 @@ 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);
@@ -2775,7 +2759,6 @@ 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);
@@ -2798,9 +2781,6 @@ 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() {
@@ -2809,7 +2789,6 @@ class ColumnMovePlugin extends BasePlugin {
     clearOrder() {
         this.staticDragData = null;
         this.dragData = null;
-        this.columnDragMoved = false;
         this.clearLocalSubscriptions();
         this.orderUi.stop(this.revogrid);
     }
@@ -2819,7 +2798,6 @@ 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();
@@ -2841,11 +2819,5 @@ class ColumnMovePlugin extends BasePlugin {
 function getLeftRelative(absoluteX, gridPos, offset) {
     return absoluteX - gridPos - offset;
 }
-function getColumnDragPosition(targetItem, startItem, renderOffset, scrollOffset) {
-    const insertionEdge = startItem.itemIndex > targetItem.itemIndex
-        ? targetItem.start
-        : targetItem.end;
-    return insertionEdge - renderOffset + scrollOffset;
-}
 
-export { AutoSizeColumnPlugin as A, BasePlugin as B, ColumnAutoSizeMode as C, DimensionStore as D, ExportFilePlugin as E, FILTER_TRIMMED_TYPE as F, GroupingRowPlugin as G, SelectionStore as S, StretchColumn as a, ExportCsv as b, FILTER_CONFIG_CHANGED_EVENT as c, FILTE_PANEL as d, FilterPlugin as e, filterCoreFunctionsIndexedByType as f, filterTypes as g, filterNames as h, isStretchPlugin as i, doCollapse as j, doExpand as k, COLUMN_DRAG_MOVE_EVENT as l, COLUMN_DRAG_END_EVENT as m, BEFORE_COLUMN_DRAG_END_EVENT as n, COLUMN_DRAG_START_EVENT as o, ColumnMovePlugin as p, getLeftRelative as q, getColumnDragPosition as r, SortingPlugin as s, hasActiveSorting as t, getSortingIndex as u, sortIndexByItems as v, defaultCellCompare as w, descCellCompare as x, getNextOrder as y, getComparer as z };
+export { AutoSizeColumnPlugin as A, BasePlugin as B, ColumnAutoSizeMode as C, DimensionStore as D, ExportFilePlugin as E, FILTER_TRIMMED_TYPE as F, GroupingRowPlugin as G, SelectionStore as S, StretchColumn as a, ExportCsv as b, FILTER_CONFIG_CHANGED_EVENT as c, FILTE_PANEL as d, FilterPlugin as e, filterCoreFunctionsIndexedByType as f, filterTypes as g, filterNames as h, isStretchPlugin as i, doCollapse as j, doExpand as k, COLUMN_DRAG_MOVE_EVENT as l, COLUMN_DRAG_END_EVENT as m, BEFORE_COLUMN_DRAG_END_EVENT as n, COLUMN_DRAG_START_EVENT as o, ColumnMovePlugin as p, getLeftRelative as q, SortingPlugin as r, hasActiveSorting as s, getSortingIndex as t, sortIndexByItems as u, defaultCellCompare as v, descCellCompare as w, getNextOrder as x, getComparer as y };

package/dist/esm/{column.service-C6hByxPy.js → column.service-CC_SD8W3.js}

@@ -817,82 +817,43 @@ class ColumnService {
             mapping,
         };
     }
-    getTransformedDataToApply({ start, data, targetRange, }) {
+    getTransformedDataToApply(start, data) {
         const changed = {};
         const copyRowLength = data.length;
-        if (!copyRowLength) {
-            return {
-                changed,
-                range: null,
-            };
-        }
         const colLength = this.columns.length;
         const rowLength = this.dataStore.get('items').length;
-        const bounds = this.getDataApplyBounds(start, targetRange, copyRowLength, rowLength, colLength);
-        if (!bounds) {
-            return {
-                changed,
-                range: null,
-            };
-        }
-        const { startRow, startCol, endRow } = bounds;
-        let maxCol = startCol - 1;
-        let lastRow = startRow - 1;
         // rows
-        for (let rowIndex = startRow, i = 0; rowIndex <= endRow; rowIndex++, i++) {
+        let rowIndex = start.y;
+        let maxCol = 0;
+        for (let i = 0; rowIndex < rowLength && i < copyRowLength; rowIndex++, i++) {
             // copy original data link
             const copyRow = data[i % copyRowLength];
             const copyColLength = (copyRow === null || copyRow === void 0 ? void 0 : copyRow.length) || 0;
-            if (!copyColLength) {
-                continue;
+            // columns
+            let colIndex = start.x;
+            for (let j = 0; colIndex < colLength && j < copyColLength; colIndex++, j++) {
+                const p = this.columns[colIndex].prop;
+                const currentCol = j % colLength;
+                /** if can write */
+                if (!this.isReadOnly(rowIndex, colIndex)) {
+                    /** to show before save */
+                    if (!changed[rowIndex]) {
+                        changed[rowIndex] = {};
+                    }
+                    changed[rowIndex][p] = copyRow[currentCol];
+                }
             }
-            maxCol = Math.max(maxCol, this.applyClipboardRow(changed, {
-                bounds,
-                copyColLength,
-                copyRow,
-                rowIndex,
-                start,
-                targetRange,
-            }));
-            lastRow = rowIndex;
+            maxCol = Math.max(maxCol, colIndex - 1);
         }
+        const range = getRange(start, {
+            y: rowIndex - 1,
+            x: maxCol,
+        });
         return {
             changed,
-            range: this.getAppliedRange(bounds, lastRow, maxCol),
+            range,
         };
     }
-    getDataApplyBounds(start, targetRange, copyRowLength, rowLength, colLength) {
-        var _a, _b, _c;
-        const startRow = (_a = targetRange === null || targetRange === void 0 ? void 0 : targetRange.y) !== null && _a !== void 0 ? _a : start.y;
-        const startCol = (_b = targetRange === null || targetRange === void 0 ? void 0 : targetRange.x) !== null && _b !== void 0 ? _b : start.x;
-        const endRow = Math.min(rowLength - 1, (_c = targetRange === null || targetRange === void 0 ? void 0 : targetRange.y1) !== null && _c !== void 0 ? _c : start.y + copyRowLength - 1);
-        if (endRow < startRow || startCol >= colLength) {
-            return null;
-        }
-        return { startRow, startCol, endRow, colLength };
-    }
-    applyClipboardRow(changed, { bounds, copyColLength, copyRow, rowIndex, start, targetRange, }) {
-        var _a;
-        const endCol = Math.min(bounds.colLength - 1, (_a = targetRange === null || targetRange === void 0 ? void 0 : targetRange.x1) !== null && _a !== void 0 ? _a : start.x + copyColLength - 1);
-        for (let colIndex = bounds.startCol, j = 0; colIndex <= endCol; colIndex++, j++) {
-            if (this.isReadOnly(rowIndex, colIndex)) {
-                continue;
-            }
-            const prop = this.columns[colIndex].prop;
-            changed[rowIndex] = changed[rowIndex] || {};
-            changed[rowIndex][prop] = copyRow[j % copyColLength];
-        }
-        return endCol;
-    }
-    getAppliedRange({ startRow, startCol }, lastRow, maxCol) {
-        if (lastRow < startRow || maxCol < startCol) {
-            return null;
-        }
-        return getRange({ x: startCol, y: startRow }, {
-            y: lastRow,
-            x: maxCol,
-        });
-    }
     getRangeStaticData(d, value) {
         const changed = {};
         // rows

package/dist/esm/{header-cell-renderer-BMmXRsd_.js → header-cell-renderer-B-LX2sgu.js}

@@ -2,7 +2,7 @@
  * Built by Revolist OU ❤️
  */
 import { h } from './index-Chp_81rd.js';
-import { Q as doPropMerge } from './column.service-C6hByxPy.js';
+import { Q as doPropMerge } from './column.service-CC_SD8W3.js';
 
 /**
  * Dispatches a custom event to a specified target element.

package/dist/esm/index.js

@@ -1,11 +1,11 @@
 /*!
  * Built by Revolist OU ❤️
  */
-export { o as GROUPING_ROW_TYPE, j as GROUP_COLUMN_PROP, G as GROUP_DEPTH, h as GROUP_EXPANDED, l as GROUP_EXPAND_BTN, m as GROUP_EXPAND_EVENT, k as GROUP_ORIGINAL_INDEX, f as PSEUDO_GROUP_COLUMN, P as PSEUDO_GROUP_ITEM, d as PSEUDO_GROUP_ITEM_ID, e as PSEUDO_GROUP_ITEM_VALUE, c as columnTypes, a as cropCellToMax, H as gatherGroup, s as gatherGrouping, z as getCellData, B as getCellDataParsed, A as getCellRaw, I as getColumnByProp, D as getColumnSizes, C as getColumnType, F as getColumns, q as getExpanded, t as getGroupingName, x as getParsedGroup, g as getRange, p as getSource, E as isColGrouping, u as isGrouping, v as isGroupingColumn, b as isRangeSingleCell, i as isRowType, y as isSameGroup, w as measureEqualDepth, n as nextCell, r as rowTypes } from './column.service-C6hByxPy.js';
-import { B as BasePlugin } from './column.drag.plugin-V9DDE3mU.js';
-export { A as AutoSizeColumnPlugin, n as BEFORE_COLUMN_DRAG_END_EVENT, m as COLUMN_DRAG_END_EVENT, l as COLUMN_DRAG_MOVE_EVENT, o as COLUMN_DRAG_START_EVENT, C as ColumnAutoSizeMode, p as ColumnMovePlugin, D as DimensionStore, b as ExportCsv, E as ExportFilePlugin, c as FILTER_CONFIG_CHANGED_EVENT, F as FILTER_TRIMMED_TYPE, d as FILTE_PANEL, e as FilterPlugin, G as GroupingRowPlugin, S as SelectionStore, s as SortingPlugin, a as StretchColumn, w as defaultCellCompare, x as descCellCompare, j as doCollapse, k as doExpand, f as filterCoreFunctionsIndexedByType, h as filterNames, g as filterTypes, r as getColumnDragPosition, z as getComparer, q as getLeftRelative, y as getNextOrder, u as getSortingIndex, t as hasActiveSorting, i as isStretchPlugin, v as sortIndexByItems } from './column.drag.plugin-V9DDE3mU.js';
-export { d as dispatch, a as dispatchByEvent } from './header-cell-renderer-BMmXRsd_.js';
-export { C as CellRenderer, G as GroupingRowRenderer, S as SortingSign, e as expandEvent, a as expandSvgIconVNode } from './cell-renderer-CLTRlCa5.js';
+export { o as GROUPING_ROW_TYPE, j as GROUP_COLUMN_PROP, G as GROUP_DEPTH, h as GROUP_EXPANDED, l as GROUP_EXPAND_BTN, m as GROUP_EXPAND_EVENT, k as GROUP_ORIGINAL_INDEX, f as PSEUDO_GROUP_COLUMN, P as PSEUDO_GROUP_ITEM, d as PSEUDO_GROUP_ITEM_ID, e as PSEUDO_GROUP_ITEM_VALUE, c as columnTypes, a as cropCellToMax, H as gatherGroup, s as gatherGrouping, z as getCellData, B as getCellDataParsed, A as getCellRaw, I as getColumnByProp, D as getColumnSizes, C as getColumnType, F as getColumns, q as getExpanded, t as getGroupingName, x as getParsedGroup, g as getRange, p as getSource, E as isColGrouping, u as isGrouping, v as isGroupingColumn, b as isRangeSingleCell, i as isRowType, y as isSameGroup, w as measureEqualDepth, n as nextCell, r as rowTypes } from './column.service-CC_SD8W3.js';
+import { B as BasePlugin } from './column.drag.plugin-4Ixr4ijU.js';
+export { A as AutoSizeColumnPlugin, n as BEFORE_COLUMN_DRAG_END_EVENT, m as COLUMN_DRAG_END_EVENT, l as COLUMN_DRAG_MOVE_EVENT, o as COLUMN_DRAG_START_EVENT, C as ColumnAutoSizeMode, p as ColumnMovePlugin, D as DimensionStore, b as ExportCsv, E as ExportFilePlugin, c as FILTER_CONFIG_CHANGED_EVENT, F as FILTER_TRIMMED_TYPE, d as FILTE_PANEL, e as FilterPlugin, G as GroupingRowPlugin, S as SelectionStore, r as SortingPlugin, a as StretchColumn, v as defaultCellCompare, w as descCellCompare, j as doCollapse, k as doExpand, f as filterCoreFunctionsIndexedByType, h as filterNames, g as filterTypes, y as getComparer, q as getLeftRelative, x as getNextOrder, t as getSortingIndex, s as hasActiveSorting, i as isStretchPlugin, u as sortIndexByItems } from './column.drag.plugin-4Ixr4ijU.js';
+export { d as dispatch, a as dispatchByEvent } from './header-cell-renderer-B-LX2sgu.js';
+export { C as CellRenderer, G as GroupingRowRenderer, S as SortingSign, e as expandEvent, a as expandSvgIconVNode } from './cell-renderer-BtN-NGCk.js';
 export { a as applyMixins, f as findPositionInArray, g as getScrollbarSize, m as mergeSortedArray, p as pushSorted, r as range, s as scaleValue, t as timeout } from './index-Db3qZoW5.js';
 export { T as TextEditor } from './text-editor-C3RUSwH5.js';
 export { k as isAll, c as isClear, h as isCopy, a as isCtrlKey, b as isCtrlMetaKey, g as isCut, m as isEditInput, n as isEditorCtrConstructible, f as isEnterKeyValue, i as isMetaKey, j as isPaste, l as isShortcutModifier, d as isTab, e as isTabKeyValue } from './edit.utils-Dnnbd0xG.js';

package/dist/esm/revo-grid.entry.js

@@ -2,17 +2,17 @@
  * Built by Revolist OU ❤️
  */
 import { h, r as registerInstance, d as createEvent, e as Host, g as getElement } from './index-Chp_81rd.js';
-import { c as columnTypes, J as reduce, C as getColumnType, r as rowTypes, i as isRowType, D as getColumnSizes, a as cropCellToMax, n as nextCell, I as getColumnByProp, F as getColumns } from './column.service-C6hByxPy.js';
+import { c as columnTypes, J as reduce, C as getColumnType, r as rowTypes, i as isRowType, D as getColumnSizes, a as cropCellToMax, n as nextCell, I as getColumnByProp, F as getColumns } from './column.service-CC_SD8W3.js';
 import { D as DataStore, b as getSourceItem, f as getSourceItemVirtualIndexByProp, d as setSourceByPhysicalIndex, s as setSourceByVirtualIndex, a as getVisibleSourceItem, h as gatherTrimmedItems, k as getItemByIndex, R as RESIZE_INTERVAL } from './dimension.helpers-CGKwSvw6.js';
 import { d as debounce } from './debounce-PCRWZliA.js';
 import { g as getScrollDimension, v as viewportDataPartition, F as FOOTER_SLOT, C as CONTENT_SLOT, H as HEADER_SLOT, D as DATA_SLOT } from './viewport.helpers-CoCAvmZs.js';
-import { D as DimensionStore, S as SelectionStore, B as BasePlugin, G as GroupingRowPlugin, a as StretchColumn, i as isStretchPlugin, A as AutoSizeColumnPlugin, e as FilterPlugin, E as ExportFilePlugin, s as SortingPlugin, p as ColumnMovePlugin } from './column.drag.plugin-V9DDE3mU.js';
+import { D as DimensionStore, S as SelectionStore, B as BasePlugin, G as GroupingRowPlugin, a as StretchColumn, i as isStretchPlugin, A as AutoSizeColumnPlugin, e as FilterPlugin, E as ExportFilePlugin, r as SortingPlugin, p as ColumnMovePlugin } from './column.drag.plugin-4Ixr4ijU.js';
 import { V as ViewportStore } from './viewport.store-_c579YyM.js';
 import { T as ThemeService } from './theme.service-BmnDvr6P.js';
 import { t as timeout } from './index-Db3qZoW5.js';
 import { g as getPropertyFromEvent } from './events-BvSmBueA.js';
 import './filter.button-C8XTWPU2.js';
-import './header-cell-renderer-BMmXRsd_.js';
+import './header-cell-renderer-B-LX2sgu.js';
 
 class ColumnDataProvider {
     get stores() {
@@ -1445,7 +1445,7 @@ const RevoGridComponent = class {
         this.rowSize = 0;
         /** Indicates default column size. */
         this.colSize = 100;
-        /** When true, user can select a cell range. Required for range-based clipboard fill. */
+        /** When true, user can range selection. */
         this.range = false;
         /** When true, grid in read only mode. */
         this.readonly = false;
@@ -1457,7 +1457,7 @@ const RevoGridComponent = class {
         this.noHorizontalScrollTransfer = false;
         /** When true cell focus appear. */
         this.canFocus = true;
-        /** When true enable clipboard. Can be boolean or clipboard config. */
+        /** When true enable clipboard. */
         this.useClipboard = true;
         /**
          * Columns - defines an array of grid columns.