@revolist/revogrid 4.23.13 → 4.23.14

package/dist/esm/revogr-filter-panel.entry.js

@@ -3,7 +3,7 @@
  */
 import { r as registerInstance, d as createEvent, h, e as Host, g as getElement } from './index-Chp_81rd.js';
 import { d as debounce } from './debounce-PCRWZliA.js';
-import { i as isFilterBtn, e as AndOrButton, f as ReorderButton, d as TrashButton } from './filter.button-BFwo1uvz.js';
+import { i as isFilterBtn, e as AndOrButton, d as TrashButton } from './filter.button-C8XTWPU2.js';
 
 (function closest() {
     if (!Element.prototype.matches) {
@@ -24,49 +24,7 @@ import { i as isFilterBtn, e as AndOrButton, f as ReorderButton, d as TrashButto
     }
 })();
 
-const FILTER_REORDER_MIME = 'text/revogrid-filter-id';
-function setFilterReorderData(dataTransfer, id) {
-    if (!dataTransfer) {
-        return;
-    }
-    dataTransfer.effectAllowed = 'move';
-    dataTransfer.setData(FILTER_REORDER_MIME, String(id));
-    dataTransfer.setData('text/plain', String(id));
-}
-function getFilterReorderId(dataTransfer) {
-    if (!dataTransfer) {
-        return;
-    }
-    const rawId = dataTransfer.getData(FILTER_REORDER_MIME) || dataTransfer.getData('text/plain');
-    const normalizedId = rawId.trim();
-    if (!normalizedId) {
-        return;
-    }
-    const id = Number(normalizedId);
-    return Number.isFinite(id) ? id : undefined;
-}
-function moveFilterItem(items, sourceId, targetId) {
-    if (sourceId === targetId) {
-        return false;
-    }
-    const sourceIndex = items.findIndex(item => item.id === sourceId);
-    const targetIndex = items.findIndex(item => item.id === targetId);
-    if (sourceIndex === -1 || targetIndex === -1 || sourceIndex === targetIndex) {
-        return false;
-    }
-    const relationsByPosition = items.map(item => { var _a; return (_a = item.relation) !== null && _a !== void 0 ? _a : 'and'; });
-    const [movedItem] = items.splice(sourceIndex, 1);
-    items.splice(targetIndex, 0, movedItem);
-    items.forEach((item, index) => {
-        var _a;
-        item.relation = index === items.length - 1
-            ? 'and'
-            : (_a = relationsByPosition[index]) !== null && _a !== void 0 ? _a : 'and';
-    });
-    return true;
-}
-
-const filterStyleCss = () => `.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#4545ff;height:32px;line-height:32px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#009037}.revo-button.red{background-color:#E0662E}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.outline{border:1px solid #dbdbdb;line-height:30px;background:none;color:#000;box-shadow:none}revo-grid[theme^=dark] .revo-button.outline{border:1px solid #404040;color:#d8d8d8}revogr-filter-panel{position:absolute;display:block;top:0;left:0;z-index:100;max-height:calc(100% - 80px);overflow:auto;opacity:1;transform:none;background-color:var(--revo-grid-filter-panel-bg, #fff);border:1px solid var(--revo-grid-filter-panel-border, #cecece);transform-origin:62px 0px;box-shadow:0 5px 18px -2px var(--revo-grid-filter-panel-shadow, rgba(0, 0, 0, 0.15));padding:10px;border-radius:8px;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{display:flex;flex-direction:column}revogr-filter-panel label{font-size:13px;display:block;padding:8px 0}revogr-filter-panel select{width:100%}revogr-filter-panel input[type=text]{border:0;min-height:34px;margin:5px 0;background:var(--revo-grid-filter-panel-input-bg, #f3f3f3);border-radius:5px;padding:0 10px;box-sizing:border-box;width:100%}revogr-filter-panel .filter-actions{text-align:right;margin-right:-5px}revogr-filter-panel .filter-actions button{margin-top:10px;margin-right:5px}@keyframes revogr-filter-panel-open{from{opacity:0;transform:translateY(-4px) scale(0.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){revogr-filter-panel{animation:none}}.rgHeaderCell:hover .rv-filter{transition:opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.rgHeaderCell:hover .rv-filter,.rgHeaderCell .rv-filter.active{opacity:1}.rgHeaderCell .rv-filter{height:24px;width:24px;background:none;border:0;opacity:0;visibility:visible;cursor:pointer;border-radius:4px}.rgHeaderCell .rv-filter.active{color:#10224a}.rgHeaderCell .rv-filter .filter-img{color:gray;width:11px}.select-css{display:block;font-family:sans-serif;line-height:1.3;padding:0.6em 1.4em 0.5em 0.8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid var(--revo-grid-filter-panel-select-border, #d9d9d9);box-shadow:transparent;border-radius:0.5em;appearance:none;background-color:var(--revo-grid-filter-panel-input-bg, #f3f3f3);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat, repeat;background-position:right 0.7em top 50%, 0 0;background-size:0.65em auto, 100%;}.select-css::-ms-expand{display:none}.select-css:hover{border-color:var(--revo-grid-filter-panel-select-border, #d9d9d9)}.select-css:focus{border-color:var(--revo-grid-filter-panel-select-border-hover, #d9d9d9);box-shadow:0 0 1px 3px rgba(59, 153, 252, 0.7);box-shadow:0 0 0 3px -moz-mac-focusring;outline:none}.select-css option{font-weight:normal}.select-css:disabled,.select-css[aria-disabled=true]{color:gray;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%)}.select-css:disabled:hover,.select-css[aria-disabled=true]{border-color:var(--revo-grid-filter-panel-select-border, #d9d9d9)}.multi-filter-list{margin-top:5px;margin-bottom:5px}.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;align-items:center}.multi-filter-list .and-or-button{margin:0 0 0 10px;min-width:58px;cursor:pointer}.multi-filter-list .trash-button{margin:0 0 -2px 6px;cursor:pointer;width:22px;height:100%;font-size:16px}.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;margin:0 -10px 10px -10px;border-bottom:1px solid var(--revo-grid-filter-panel-divider, #d9d9d9);height:10px}.select-input{display:flex;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}`;
+const filterStyleCss = () => `.revo-button{position:relative;overflow:hidden;color:#fff;background-color:#4545ff;height:32px;line-height:32px;padding:0 15px;outline:0;border:0;border-radius:7px;box-sizing:border-box;cursor:pointer}.revo-button.green{background-color:#009037}.revo-button.red{background-color:#E0662E}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.outline{border:1px solid #dbdbdb;line-height:30px;background:none;color:#000;box-shadow:none}revo-grid[theme^=dark] .revo-button.outline{border:1px solid #404040;color:#d8d8d8}revogr-filter-panel{display:block}revogr-filter-panel .filter-panel-dialog{position:fixed;top:0;left:0;z-index:100;max-height:calc(100vh - 16px);overflow:auto;opacity:1;transform:none;background-color:var(--revo-grid-filter-panel-bg, #fff);border:1px solid var(--revo-grid-filter-panel-border, #cecece);transform-origin:62px 0px;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-panel-dialog::backdrop{background:transparent}revogr-filter-panel .filter-panel-dialog .filter-holder>div{display:flex;flex-direction:column}revogr-filter-panel .filter-panel-dialog label{font-size:13px;display:block;padding:8px 0}revogr-filter-panel .filter-panel-dialog select{width:100%}revogr-filter-panel .filter-panel-dialog input[type=text]{border:0;min-height:34px;margin:5px 0;background:var(--revo-grid-filter-panel-input-bg, #f3f3f3);border-radius:5px;padding:0 10px;box-sizing:border-box;width:100%}revogr-filter-panel .filter-panel-dialog .filter-actions{text-align:right;margin-right:-5px}revogr-filter-panel .filter-panel-dialog .filter-actions button{margin-top:10px;margin-right:5px}@keyframes revogr-filter-panel-open{from{opacity:0;transform:translateY(-4px) scale(0.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){revogr-filter-panel .filter-panel-dialog{animation:none}}.rgHeaderCell:hover .rv-filter{transition:opacity 267ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 178ms cubic-bezier(0.4, 0, 0.2, 1) 0ms}.rgHeaderCell:hover .rv-filter,.rgHeaderCell .rv-filter.active{opacity:1}.rgHeaderCell .rv-filter{height:24px;width:24px;background:none;border:0;opacity:0;visibility:visible;cursor:pointer;border-radius:4px}.rgHeaderCell .rv-filter.active{color:#10224a}.rgHeaderCell .rv-filter .filter-img{color:gray;width:11px}.select-css{display:block;font-family:sans-serif;line-height:1.3;padding:0.6em 1.4em 0.5em 0.8em;width:100%;max-width:100%;box-sizing:border-box;margin:0;border:1px solid var(--revo-grid-filter-panel-select-border, #d9d9d9);box-shadow:transparent;border-radius:0.5em;appearance:none;background-color:var(--revo-grid-filter-panel-input-bg, #f3f3f3);background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat, repeat;background-position:right 0.7em top 50%, 0 0;background-size:0.65em auto, 100%;}.select-css::-ms-expand{display:none}.select-css:hover{border-color:var(--revo-grid-filter-panel-select-border, #d9d9d9)}.select-css:focus{border-color:var(--revo-grid-filter-panel-select-border-hover, #d9d9d9);box-shadow:0 0 1px 3px rgba(59, 153, 252, 0.7);box-shadow:0 0 0 3px -moz-mac-focusring;outline:none}.select-css option{font-weight:normal}.select-css:disabled,.select-css[aria-disabled=true]{color:gray;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%)}.select-css:disabled:hover,.select-css[aria-disabled=true]{border-color:var(--revo-grid-filter-panel-select-border, #d9d9d9)}.multi-filter-list{margin-top:5px;margin-bottom:5px}.multi-filter-list div{white-space:nowrap}.multi-filter-list .multi-filter-list-action{display:flex;justify-content:space-between;align-items:center}.multi-filter-list .and-or-button{margin:0 0 0 10px;min-width:58px;cursor:pointer}.multi-filter-list .trash-button{margin:0 0 -2px 6px;cursor:pointer;width:22px;height:100%;font-size:16px}.multi-filter-list .trash-button .trash-img{width:1em}.add-filter-divider{display:block;margin:0 -10px 10px -10px;border-bottom:1px solid var(--revo-grid-filter-panel-divider, #d9d9d9);height:10px}.select-input{display:flex;justify-content:space-between;align-items:center}`;
 
 const defaultType = 'none';
 const FILTER_LIST_CLASS = 'multi-filter-list';
@@ -161,7 +119,6 @@ const FilterPanel = class {
         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;
@@ -172,24 +129,56 @@ const FilterPanel = class {
             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) {
@@ -282,49 +271,6 @@ const FilterPanel = class {
             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();
@@ -433,30 +379,33 @@ const FilterPanel = class {
             } }));
     }
     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" }),
+        ])));
     }
     get element() { return getElement(this); }
 };

package/dist/revo-grid/{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/revo-grid/{column.drag.plugin-UNSHSmgo.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-BFwo1uvz.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/revo-grid/{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/filter.button-BFwo1uvz.js → revo-grid/filter.button-C8XTWPU2.js}

@@ -8,7 +8,6 @@ const FILTER_BUTTON_ACTIVE = 'active';
 const FILTER_PROP = 'hasFilter';
 const AND_OR_BUTTON = 'and-or-button';
 const TRASH_BUTTON = 'trash-button';
-const REORDER_BUTTON = 'reorder-button';
 const FilterButton = ({ column }) => {
     return (h("span", null, h("button", { class: {
             [FILTER_BUTTON_CLASS]: true,
@@ -21,19 +20,6 @@ const TrashButton = () => {
 const AndOrButton = ({ text }) => {
     return h("button", { class: { [AND_OR_BUTTON]: true, 'light revo-button': true } }, text);
 };
-const ReorderButton = ({ dragging, dragOver, onDragStart, onDragEnd, onDragOver, onDragLeave, onDrop, }) => {
-    const applyClass = (el) => {
-        if (!el) {
-            return;
-        }
-        el.className = [
-            REORDER_BUTTON,
-            dragging ? 'filter-row-dragging' : '',
-            dragOver ? 'filter-row-drag-over' : '',
-        ].filter(Boolean).join(' ');
-    };
-    return (h("button", { type: "button", ref: applyClass, draggable: true, title: "Reorder filter", "aria-label": "reorder filter", onDragStart: onDragStart, onDragEnd: onDragEnd, onDragOver: onDragOver, onDragLeave: onDragLeave, onDrop: onDrop }, "::"));
-};
 function isFilterBtn(e) {
     if (e.classList.contains(FILTER_BUTTON_CLASS)) {
         return true;
@@ -41,4 +27,4 @@ function isFilterBtn(e) {
     return e === null || e === void 0 ? void 0 : e.closest(`.${FILTER_BUTTON_CLASS}`);
 }
 
-export { AND_OR_BUTTON as A, FILTER_BUTTON_CLASS as F, REORDER_BUTTON as R, TRASH_BUTTON as T, FILTER_BUTTON_ACTIVE as a, FILTER_PROP as b, FilterButton as c, TrashButton as d, AndOrButton as e, ReorderButton as f, isFilterBtn as i };
+export { AND_OR_BUTTON as A, FILTER_BUTTON_CLASS as F, TRASH_BUTTON as T, FILTER_BUTTON_ACTIVE as a, FILTER_PROP as b, FilterButton as c, TrashButton as d, AndOrButton as e, isFilterBtn as i };

package/dist/revo-grid/{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.