@revolist/revogrid 4.21.8 → 4.21.11

package/dist/cjs/{column.drag.plugin-BWX5_5iT.js → column.drag.plugin-CM_5mKV3.js}

@@ -1386,10 +1386,15 @@ class FilterPlugin extends BasePlugin {
         if (!this.pop) {
             return;
         }
+        const prop = e.detail.prop;
+        const currentPanel = await this.pop.getChanges();
+        if ((currentPanel === null || currentPanel === void 0 ? void 0 : currentPanel.prop) === prop) {
+            await this.pop.show();
+            return;
+        }
         // filter button clicked, open filter dialog
         const gridPos = this.revogrid.getBoundingClientRect();
         const buttonPos = el.getBoundingClientRect();
-        const prop = e.detail.prop;
         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 });
         (_b = this.beforeshow) === null || _b === void 0 ? void 0 : _b.call(this, data);
         this.pop.show(data);

package/dist/cjs/index.cjs.js

@@ -4,7 +4,7 @@
 'use strict';
 
 var column_service = require('./column.service-DvQDqxxx.js');
-var column_drag_plugin = require('./column.drag.plugin-BWX5_5iT.js');
+var column_drag_plugin = require('./column.drag.plugin-CM_5mKV3.js');
 var headerCellRenderer = require('./header-cell-renderer-B1dJwgTO.js');
 var cellRenderer = require('./cell-renderer-uZmDBXz7.js');
 var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');

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

@@ -7,7 +7,7 @@ var index = require('./index-Dq8Xzj5l.js');
 var column_service = require('./column.service-DvQDqxxx.js');
 var dimension_helpers = require('./dimension.helpers-CaIsYC99.js');
 var debounce = require('./debounce-CcpHiH2p.js');
-var column_drag_plugin = require('./column.drag.plugin-BWX5_5iT.js');
+var column_drag_plugin = require('./column.drag.plugin-CM_5mKV3.js');
 var viewport_store = require('./viewport.store-Dcjud-a-.js');
 var theme_service = require('./theme.service-BgnxGIjK.js');
 var viewport_helpers = require('./viewport.helpers-BAovztDd.js');

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

@@ -26,7 +26,7 @@ var filter_button = require('./filter.button-w6LWnyhi.js');
     }
 })();
 
-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}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 button{margin-top:10px;margin-right:5px}revogr-filter-panel .filter-actions{text-align:right;margin-right:-5px}.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 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-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';

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

@@ -395,7 +395,7 @@ export class RevogrData {
                 "mutable": false,
                 "complexType": {
                     "original": "Observable<DSourceState<ColumnRegular, DimensionCols>>",
-                    "resolved": "\"colPinEnd\" | \"colPinStart\" | \"rgCol\" | ColumnRegular<ColumnProp>",
+                    "resolved": "\"colPinEnd\" | \"colPinStart\" | \"rgCol\" | ColumnRegular<ColumnProp, DataType<any, ColumnProp>>",
                     "references": {
                         "Observable": {
                             "location": "import",
@@ -613,7 +613,7 @@ export class RevogrData {
                 },
                 "complexType": {
                     "original": "BeforeCellRenderEvent<CellTemplateProp>",
-                    "resolved": "BeforeCellRenderEvent<CellTemplateProp<DataType<any, ColumnProp>, ColumnRegular<ColumnProp>, ColumnProp>>",
+                    "resolved": "BeforeCellRenderEvent<CellTemplateProp<DataType<any, ColumnProp>, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>, ColumnProp>>",
                     "references": {
                         "BeforeCellRenderEvent": {
                             "location": "import",
@@ -663,7 +663,7 @@ export class RevogrData {
                 },
                 "complexType": {
                     "original": "DragStartEvent",
-                    "resolved": "DragStartEvent<DataType<any, ColumnProp>, ColumnRegular<ColumnProp>>",
+                    "resolved": "DragStartEvent<DataType<any, ColumnProp>, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>",
                     "references": {
                         "DragStartEvent": {
                             "location": "import",

package/dist/collection/components/editors/revogr-edit.js

@@ -156,7 +156,7 @@ export class RevoEdit {
                 "mutable": false,
                 "complexType": {
                     "original": "EditCell",
-                    "resolved": "EditCellStore & BeforeSaveDataDetails",
+                    "resolved": "EditCellStore & BeforeSaveDataDetails<DataType, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>",
                     "references": {
                         "EditCell": {
                             "location": "import",
@@ -180,7 +180,7 @@ export class RevoEdit {
                 "mutable": false,
                 "complexType": {
                     "original": "ColumnDataSchemaModel | null",
-                    "resolved": "ColumnDataSchemaModel<DataType<any, ColumnProp>, ColumnRegular<ColumnProp>, ColumnProp> | null",
+                    "resolved": "ColumnDataSchemaModel<DataType<any, ColumnProp>, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>, ColumnProp> | null",
                     "references": {
                         "ColumnDataSchemaModel": {
                             "location": "import",
@@ -204,7 +204,7 @@ export class RevoEdit {
                 "mutable": false,
                 "complexType": {
                     "original": "EditorCtr | null",
-                    "resolved": "((column: ColumnDataSchemaModel<DataType<any, ColumnProp>, ColumnRegular<ColumnProp>, ColumnProp>, save: (value?: any, preventFocus?: boolean | undefined) => void, close: (focusNext?: boolean | undefined) => void) => EditorBase) | EditorCtrConstructible | null",
+                    "resolved": "((column: ColumnDataSchemaModel<DataType<any, ColumnProp>, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>, ColumnProp>, save: (value?: any, preventFocus?: boolean | undefined) => void, close: (focusNext?: boolean | undefined) => void) => EditorBase) | EditorCtrConstructible | null",
                     "references": {
                         "EditorCtr": {
                             "location": "import",

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

@@ -336,7 +336,7 @@ export class RevogrHeaderComponent {
                 "mutable": false,
                 "complexType": {
                     "original": "ColumnRegular[]",
-                    "resolved": "ColumnRegular<ColumnProp>[]",
+                    "resolved": "ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]",
                     "references": {
                         "ColumnRegular": {
                             "location": "import",
@@ -435,7 +435,7 @@ export class RevogrHeaderComponent {
                 },
                 "complexType": {
                     "original": "InitialHeaderClick",
-                    "resolved": "{ index: number; originalEvent: MouseEvent; column: ColumnRegular<ColumnProp>; providers: ProvidersColumns<DimensionCols | \"rowHeaders\">; }",
+                    "resolved": "{ index: number; originalEvent: MouseEvent; column: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>; providers: ProvidersColumns<DimensionCols | \"rowHeaders\">; }",
                     "references": {
                         "InitialHeaderClick": {
                             "location": "import",
@@ -479,7 +479,7 @@ export class RevogrHeaderComponent {
                 },
                 "complexType": {
                     "original": "ColumnRegular[]",
-                    "resolved": "ColumnRegular<ColumnProp>[]",
+                    "resolved": "ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]",
                     "references": {
                         "ColumnRegular": {
                             "location": "import",
@@ -501,7 +501,7 @@ export class RevogrHeaderComponent {
                 },
                 "complexType": {
                     "original": "InitialHeaderClick",
-                    "resolved": "{ index: number; originalEvent: MouseEvent; column: ColumnRegular<ColumnProp>; providers: ProvidersColumns<DimensionCols | \"rowHeaders\">; }",
+                    "resolved": "{ index: number; originalEvent: MouseEvent; column: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>; providers: ProvidersColumns<DimensionCols | \"rowHeaders\">; }",
                     "references": {
                         "InitialHeaderClick": {
                             "location": "import",

package/dist/collection/components/order/revogr-order-editor.js

@@ -260,7 +260,7 @@ export class OrderEditor {
                 },
                 "complexType": {
                     "original": "RowDragStartDetails",
-                    "resolved": "{ cell: Cell; text: string; pos: PositionItem; event: MouseEvent; rowType: DimensionRows; model: any; }",
+                    "resolved": "TModel",
                     "references": {
                         "RowDragStartDetails": {
                             "location": "import",
@@ -401,7 +401,7 @@ export class OrderEditor {
                     "signature": "(e: DragStartEvent) => Promise<void>",
                     "parameters": [{
                             "name": "e",
-                            "type": "DragStartEvent<DataType<any, ColumnProp>, ColumnRegular<ColumnProp>>",
+                            "type": "DragStartEvent<DataType<any, ColumnProp>, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>",
                             "docs": ""
                         }],
                     "references": {

package/dist/collection/components/overlay/revogr-overlay-selection.js

@@ -717,7 +717,7 @@ export class OverlaySelection {
                 "mutable": false,
                 "complexType": {
                     "original": "Observable<DSourceState<ColumnRegular, DimensionCols>>",
-                    "resolved": "\"colPinEnd\" | \"colPinStart\" | \"rgCol\" | ColumnRegular<ColumnProp>",
+                    "resolved": "\"colPinEnd\" | \"colPinStart\" | \"rgCol\" | ColumnRegular<ColumnProp, DataType<any, ColumnProp>>",
                     "references": {
                         "Observable": {
                             "location": "import",
@@ -905,7 +905,7 @@ export class OverlaySelection {
                 },
                 "complexType": {
                     "original": "BeforeSaveDataDetails",
-                    "resolved": "BeforeSaveDataDetails",
+                    "resolved": "BeforeSaveDataDetails<DataType, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>",
                     "references": {
                         "BeforeSaveDataDetails": {
                             "location": "import",
@@ -927,7 +927,7 @@ export class OverlaySelection {
                 },
                 "complexType": {
                     "original": "BeforeSaveDataDetails",
-                    "resolved": "BeforeSaveDataDetails",
+                    "resolved": "BeforeSaveDataDetails<DataType, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>",
                     "references": {
                         "BeforeSaveDataDetails": {
                             "location": "import",
@@ -971,7 +971,7 @@ export class OverlaySelection {
                 },
                 "complexType": {
                     "original": "BeforeEdit",
-                    "resolved": "BeforeSaveDataDetails",
+                    "resolved": "BeforeSaveDataDetails<DataType, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>",
                     "references": {
                         "BeforeEdit": {
                             "location": "import",
@@ -1294,7 +1294,7 @@ export class OverlaySelection {
                 },
                 "complexType": {
                     "original": "BeforeRangeSaveDataDetails",
-                    "resolved": "{ data: DataLookup; models: Partial<DataLookup>; type: DimensionRows; newRange: RangeArea | null; oldRange: RangeArea | null; }",
+                    "resolved": "TModel",
                     "references": {
                         "BeforeRangeSaveDataDetails": {
                             "location": "import",
@@ -1338,7 +1338,7 @@ export class OverlaySelection {
                 },
                 "complexType": {
                     "original": "RangeClipboardPasteEvent",
-                    "resolved": "RangeClipboardPasteEvent",
+                    "resolved": "RangeClipboardPasteEvent<DataType<any, ColumnProp>>",
                     "references": {
                         "RangeClipboardPasteEvent": {
                             "location": "import",

package/dist/collection/components/revoGrid/revo-grid.js

@@ -1251,7 +1251,7 @@ export class RevoGridComponent {
                 "mutable": false,
                 "complexType": {
                     "original": "(ColumnRegular | ColumnGrouping)[]",
-                    "resolved": "(ColumnRegular<ColumnProp> | ColumnGrouping<any>)[]",
+                    "resolved": "(ColumnRegular<ColumnProp, DataType<any, ColumnProp>> | ColumnGrouping<any>)[]",
                     "references": {
                         "ColumnRegular": {
                             "location": "import",
@@ -1452,7 +1452,7 @@ export class RevoGridComponent {
                 "mutable": false,
                 "complexType": {
                     "original": "{ [name: string]: ColumnType }",
-                    "resolved": "{ [name: string]: ColumnType; }",
+                    "resolved": "{ [name: string]: ColumnType<DataType<any, ColumnProp>>; }",
                     "references": {
                         "ColumnType": {
                             "location": "import",
@@ -1970,7 +1970,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "BeforeSaveDataDetails",
-                    "resolved": "BeforeSaveDataDetails",
+                    "resolved": "BeforeSaveDataDetails<DataType, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>",
                     "references": {
                         "BeforeSaveDataDetails": {
                             "location": "import",
@@ -1992,7 +1992,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "BeforeRangeSaveDataDetails",
-                    "resolved": "{ data: DataLookup; models: Partial<DataLookup>; type: DimensionRows; newRange: RangeArea | null; oldRange: RangeArea | null; }",
+                    "resolved": "TModel",
                     "references": {
                         "BeforeRangeSaveDataDetails": {
                             "location": "import",
@@ -2014,7 +2014,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "AfterEditEvent",
-                    "resolved": "BeforeSaveDataDetails | { data: DataLookup; models: Partial<DataLookup>; type: DimensionRows; newRange: RangeArea | null; oldRange: RangeArea | null; }",
+                    "resolved": "BeforeSaveDataDetails<DataType, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>> | D | K",
                     "references": {
                         "AfterEditEvent": {
                             "location": "import",
@@ -2080,7 +2080,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "FocusAfterRenderEvent",
-                    "resolved": "FocusAfterRenderEvent",
+                    "resolved": "FocusAfterRenderEvent<DataType<any, ColumnProp>>",
                     "references": {
                         "FocusAfterRenderEvent": {
                             "location": "import",
@@ -2117,7 +2117,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "{\n    column: ColumnRegular;\n    order: 'desc' | 'asc';\n    additive: boolean;\n  }",
-                    "resolved": "{ column: ColumnRegular<ColumnProp>; order: \"asc\" | \"desc\"; additive: boolean; }",
+                    "resolved": "{ column: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>; order: \"asc\" | \"desc\"; additive: boolean; }",
                     "references": {
                         "ColumnRegular": {
                             "location": "import",
@@ -2167,7 +2167,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "{\n    column: ColumnRegular;\n    order: 'desc' | 'asc';\n    additive: boolean;\n  }",
-                    "resolved": "{ column: ColumnRegular<ColumnProp>; order: \"asc\" | \"desc\"; additive: boolean; }",
+                    "resolved": "{ column: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>; order: \"asc\" | \"desc\"; additive: boolean; }",
                     "references": {
                         "ColumnRegular": {
                             "location": "import",
@@ -2189,7 +2189,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "RowDragStartDetails",
-                    "resolved": "{ cell: Cell; text: string; pos: PositionItem; event: MouseEvent; rowType: DimensionRows; model: any; }",
+                    "resolved": "TModel",
                     "references": {
                         "RowDragStartDetails": {
                             "location": "import",
@@ -2211,7 +2211,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "ColumnRegular",
-                    "resolved": "ColumnRegular<ColumnProp>",
+                    "resolved": "ColumnRegular<ColumnProp, DataType<any, ColumnProp>>",
                     "references": {
                         "ColumnRegular": {
                             "location": "import",
@@ -2233,7 +2233,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "BeforeSaveDataDetails",
-                    "resolved": "BeforeSaveDataDetails",
+                    "resolved": "BeforeSaveDataDetails<DataType, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>",
                     "references": {
                         "BeforeSaveDataDetails": {
                             "location": "import",
@@ -2255,7 +2255,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "FocusedData | null",
-                    "resolved": "null | { model: any; cell: Cell; colType: DimensionCols; rowType: DimensionRows; column?: ColumnRegular<ColumnProp> | undefined; }",
+                    "resolved": "null | { model: any; cell: Cell; colType: DimensionCols; rowType: DimensionRows; column?: ColumnRegular<ColumnProp, DataType<any, ColumnProp>> | undefined; }",
                     "references": {
                         "FocusedData": {
                             "location": "import",
@@ -2389,7 +2389,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "{\n    columns: (ColumnGrouping | ColumnRegular)[];\n  }",
-                    "resolved": "{ columns: (ColumnRegular<ColumnProp> | ColumnGrouping<any>)[]; }",
+                    "resolved": "{ columns: (ColumnRegular<ColumnProp, DataType<any, ColumnProp>> | ColumnGrouping<any>)[]; }",
                     "references": {
                         "ColumnGrouping": {
                             "location": "import",
@@ -2417,7 +2417,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "ColumnCollection",
-                    "resolved": "{ columns: Record<DimensionCols, ColumnRegular<ColumnProp>[]>; columnByProp: Record<ColumnProp, ColumnRegular<ColumnProp>[]>; columnGrouping: ColumnGroupingCollection; maxLevel: number; sort: Record<ColumnProp, ColumnRegular<ColumnProp>>; }",
+                    "resolved": "{ columns: Record<DimensionCols, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]>; columnByProp: Record<ColumnProp, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]>; columnGrouping: ColumnGroupingCollection; maxLevel: number; sort: Record<ColumnProp, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>; }",
                     "references": {
                         "ColumnCollection": {
                             "location": "import",
@@ -2439,7 +2439,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "ColumnCollection",
-                    "resolved": "{ columns: Record<DimensionCols, ColumnRegular<ColumnProp>[]>; columnByProp: Record<ColumnProp, ColumnRegular<ColumnProp>[]>; columnGrouping: ColumnGroupingCollection; maxLevel: number; sort: Record<ColumnProp, ColumnRegular<ColumnProp>>; }",
+                    "resolved": "{ columns: Record<DimensionCols, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]>; columnByProp: Record<ColumnProp, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]>; columnGrouping: ColumnGroupingCollection; maxLevel: number; sort: Record<ColumnProp, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>; }",
                     "references": {
                         "ColumnCollection": {
                             "location": "import",
@@ -2632,7 +2632,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "BeforeSaveDataDetails",
-                    "resolved": "BeforeSaveDataDetails",
+                    "resolved": "BeforeSaveDataDetails<DataType, ColumnRegular<ColumnProp, DataType<any, ColumnProp>>>",
                     "references": {
                         "BeforeSaveDataDetails": {
                             "location": "import",
@@ -2654,7 +2654,7 @@ export class RevoGridComponent {
                 },
                 "complexType": {
                     "original": "{\n    [index: number]: ColumnRegular;\n  }",
-                    "resolved": "{ [index: number]: ColumnRegular<ColumnProp>; }",
+                    "resolved": "{ [index: number]: ColumnRegular<ColumnProp, DataType<any, ColumnProp>>; }",
                     "references": {
                         "ColumnRegular": {
                             "location": "import",
@@ -2977,7 +2977,7 @@ export class RevoGridComponent {
                     "signature": "(cols: ColumnRegular[]) => Promise<void>",
                     "parameters": [{
                             "name": "cols",
-                            "type": "ColumnRegular<ColumnProp>[]",
+                            "type": "ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]",
                             "docs": ""
                         }],
                     "references": {
@@ -3306,9 +3306,15 @@ export class RevoGridComponent {
                             "path": "@type",
                             "id": "src/types/index.ts::ColumnProp",
                             "referenceLocation": "ColumnProp"
+                        },
+                        "DataType": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::DataType",
+                            "referenceLocation": "DataType"
                         }
                     },
-                    "return": "Promise<Observable<DSourceState<ColumnRegular<ColumnProp>, DimensionCols>>>"
+                    "return": "Promise<Observable<DSourceState<ColumnRegular<ColumnProp, DataType<any, ColumnProp>>, DimensionCols>>>"
                 },
                 "docs": {
                     "text": "Provides access to column internal store observer\nCan be used for plugin support",
@@ -3323,7 +3329,7 @@ export class RevoGridComponent {
                     "signature": "(column: Pick<ColumnRegular, \"prop\" | \"cellCompare\">, order: \"asc\" | \"desc\" | undefined, additive: boolean) => Promise<void>",
                     "parameters": [{
                             "name": "column",
-                            "type": "{ prop: ColumnProp; cellCompare?: CellCompareFunc | undefined; }",
+                            "type": "{ prop: ColumnProp; cellCompare?: CellCompareFunc<DataType<any, ColumnProp>> | undefined; }",
                             "docs": "- column prop and cellCompare"
                         }, {
                             "name": "order",
@@ -3403,9 +3409,15 @@ export class RevoGridComponent {
                             "path": "@type",
                             "id": "src/types/index.ts::ColumnProp",
                             "referenceLocation": "ColumnProp"
+                        },
+                        "DataType": {
+                            "location": "import",
+                            "path": "@type",
+                            "id": "src/types/index.ts::DataType",
+                            "referenceLocation": "DataType"
                         }
                     },
-                    "return": "Promise<ColumnRegular<ColumnProp>[]>"
+                    "return": "Promise<ColumnRegular<ColumnProp, DataType<any, ColumnProp>>[]>"
                 },
                 "docs": {
                     "text": "Receive all columns in data source",

package/dist/collection/components/selectionFocus/revogr-focus.js

@@ -277,7 +277,7 @@ export class RevogrFocus {
                 "mutable": false,
                 "complexType": {
                     "original": "Observable<DSourceState<ColumnRegular, DimensionCols>>",
-                    "resolved": "\"colPinEnd\" | \"colPinStart\" | \"rgCol\" | ColumnRegular<ColumnProp>",
+                    "resolved": "\"colPinEnd\" | \"colPinStart\" | \"rgCol\" | ColumnRegular<ColumnProp, DataType<any, ColumnProp>>",
                     "references": {
                         "Observable": {
                             "location": "import",
@@ -396,7 +396,7 @@ export class RevogrFocus {
                 },
                 "complexType": {
                     "original": "FocusAfterRenderEvent",
-                    "resolved": "FocusAfterRenderEvent",
+                    "resolved": "FocusAfterRenderEvent<DataType<any, ColumnProp>>",
                     "references": {
                         "FocusAfterRenderEvent": {
                             "location": "import",

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

@@ -178,10 +178,15 @@ export class FilterPlugin extends BasePlugin {
         if (!this.pop) {
             return;
         }
+        const prop = e.detail.prop;
+        const currentPanel = await this.pop.getChanges();
+        if ((currentPanel === null || currentPanel === void 0 ? void 0 : currentPanel.prop) === prop) {
+            await this.pop.show();
+            return;
+        }
         // filter button clicked, open filter dialog
         const gridPos = this.revogrid.getBoundingClientRect();
         const buttonPos = el.getBoundingClientRect();
-        const prop = e.detail.prop;
         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 });
         (_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

@@ -53,6 +53,7 @@ revogr-filter-panel {
   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;
@@ -76,15 +77,30 @@ revogr-filter-panel input[type=text] {
   box-sizing: border-box;
   width: 100%;
 }
-revogr-filter-panel button {
-  margin-top: 10px;
-  margin-right: 5px;
-}
 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;
 }

package/dist/esm/{column.drag.plugin-6YvuxWof.js → column.drag.plugin-DEqZ2qXJ.js}

@@ -1384,10 +1384,15 @@ class FilterPlugin extends BasePlugin {
         if (!this.pop) {
             return;
         }
+        const prop = e.detail.prop;
+        const currentPanel = await this.pop.getChanges();
+        if ((currentPanel === null || currentPanel === void 0 ? void 0 : currentPanel.prop) === prop) {
+            await this.pop.show();
+            return;
+        }
         // filter button clicked, open filter dialog
         const gridPos = this.revogrid.getBoundingClientRect();
         const buttonPos = el.getBoundingClientRect();
-        const prop = e.detail.prop;
         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 });
         (_b = this.beforeshow) === null || _b === void 0 ? void 0 : _b.call(this, data);
         this.pop.show(data);

package/dist/esm/index.js

@@ -2,8 +2,8 @@
  * 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-Cdz3dYqZ.js';
-import { B as BasePlugin } from './column.drag.plugin-6YvuxWof.js';
-export { A as AutoSizeColumnPlugin, C as ColumnAutoSizeMode, l 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, n as SortingPlugin, a as StretchColumn, o as defaultCellCompare, p as descCellCompare, j as doCollapse, k as doExpand, f as filterCoreFunctionsIndexedByType, h as filterNames, g as filterTypes, r as getComparer, m as getLeftRelative, q as getNextOrder, i as isStretchPlugin, s as sortIndexByItems } from './column.drag.plugin-6YvuxWof.js';
+import { B as BasePlugin } from './column.drag.plugin-DEqZ2qXJ.js';
+export { A as AutoSizeColumnPlugin, C as ColumnAutoSizeMode, l 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, n as SortingPlugin, a as StretchColumn, o as defaultCellCompare, p as descCellCompare, j as doCollapse, k as doExpand, f as filterCoreFunctionsIndexedByType, h as filterNames, g as filterTypes, r as getComparer, m as getLeftRelative, q as getNextOrder, i as isStretchPlugin, s as sortIndexByItems } from './column.drag.plugin-DEqZ2qXJ.js';
 export { d as dispatch, a as dispatchByEvent } from './header-cell-renderer-DXhxZMly.js';
 export { C as CellRenderer, G as GroupingRowRenderer, S as SortingSign, e as expandEvent, a as expandSvgIconVNode } from './cell-renderer-K_BKH7Kx.js';
 export { C as CELL_CLASS, L as CELL_HANDLER_CLASS, x as DATA_COL, y as DATA_ROW, z as DISABLED_CLASS, I as DRAGGABLE_CLASS, O as DRAGG_TEXT, G as DRAG_ICON_CLASS, D as DataStore, N as EDIT_INPUT_WR, J as FOCUS_CLASS, P as GRID_INTERNALS, F as HEADER_ACTUAL_ROW_CLASS, H as HEADER_CLASS, E as HEADER_ROW_CLASS, B as HEADER_SORTABLE_CLASS, M as MIN_COL_SIZE, K as MOBILE_CLASS, R as RESIZE_INTERVAL, Q as ROW_FOCUSED_CLASS, A as ROW_HEADER_TYPE, S as SELECTION_BORDER_CLASS, T as TMP_SELECTION_BG_CLASS, v as applyMixins, i as calculateDimensionData, U as codesLetter, l as findPositionInArray, h as gatherTrimmedItems, k as getItemByIndex, j as getItemByPosition, g as getPhysical, o as getScrollbarSize, b as getSourceItem, f as getSourceItemVirtualIndexByProp, c as getSourcePhysicalIndex, a as getVisibleSourceItem, V as keyValues, n as mergeSortedArray, p as proxyPlugin, m as pushSorted, r as range, q as scaleValue, e as setItems, d as setSourceByPhysicalIndex, s as setSourceByVirtualIndex, w as setStore, u as timeout, t as trimmedPlugin } from './dimension.helpers-DzxqJQqN.js';

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

@@ -5,7 +5,7 @@ import { h, r as registerInstance, d as createEvent, e as Host, g as getElement
 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-Cdz3dYqZ.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, u as timeout } from './dimension.helpers-DzxqJQqN.js';
 import { d as debounce } from './debounce-BfO9dz9v.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, n as SortingPlugin, l as ColumnMovePlugin } from './column.drag.plugin-6YvuxWof.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, n as SortingPlugin, l as ColumnMovePlugin } from './column.drag.plugin-DEqZ2qXJ.js';
 import { V as ViewportStore } from './viewport.store-saAZJHRo.js';
 import { T as ThemeService } from './theme.service-BmnDvr6P.js';
 import { v as viewportDataPartition, F as FOOTER_SLOT, C as CONTENT_SLOT, H as HEADER_SLOT, D as DATA_SLOT } from './viewport.helpers-VXhsJZtn.js';

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

@@ -24,7 +24,7 @@ import { i as isFilterBtn, e as AndOrButton, d as TrashButton } from './filter.b
     }
 })();
 
-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}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 button{margin-top:10px;margin-right:5px}revogr-filter-panel .filter-actions{text-align:right;margin-right:-5px}.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 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-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';

package/dist/revo-grid/{column.drag.plugin-6YvuxWof.js → column.drag.plugin-DEqZ2qXJ.js}

@@ -1384,10 +1384,15 @@ class FilterPlugin extends BasePlugin {
         if (!this.pop) {
             return;
         }
+        const prop = e.detail.prop;
+        const currentPanel = await this.pop.getChanges();
+        if ((currentPanel === null || currentPanel === void 0 ? void 0 : currentPanel.prop) === prop) {
+            await this.pop.show();
+            return;
+        }
         // filter button clicked, open filter dialog
         const gridPos = this.revogrid.getBoundingClientRect();
         const buttonPos = el.getBoundingClientRect();
-        const prop = e.detail.prop;
         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 });
         (_b = this.beforeshow) === null || _b === void 0 ? void 0 : _b.call(this, data);
         this.pop.show(data);