@revolist/revogrid 4.24.2 → 4.25.0

package/dist/revo-grid/revogr-data_4.entry.js

@@ -1,12 +1,12 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { r as registerInstance, d as createEvent, h, e as Host, g as getElement } from './index-Chp_81rd.js';
-import { M as ColumnService, u as isGrouping } from './column.service-BnFqXqQG.js';
-import { B as ROW_FOCUSED_CLASS, b as getSourceItem, n as DATA_ROW, m as DATA_COL, M as MIN_COL_SIZE, r as HEADER_SORTABLE_CLASS, H as HEADER_CLASS, F as FOCUS_CLASS, k as getItemByIndex, u as HEADER_ROW_CLASS, v as HEADER_ACTUAL_ROW_CLASS } from './dimension.helpers-CXrsUc6f.js';
-import { G as GroupingRowRenderer, C as CellRenderer, R as RowRenderer, P as PADDING_DEPTH, S as SortingSign } from './cell-renderer-BQjko1zB.js';
-import { c as FilterButton } from './filter.button-B-RBiF67.js';
-import { H as HeaderCellRenderer } from './header-cell-renderer-B3mYpZD3.js';
+import { r as registerInstance, a as createEvent, h, d as Host, g as getElement } from './index-CtimkLsB.js';
+import { M as ColumnService, u as isGrouping } from './column.service-Cfw3L0PN.js';
+import { B as ROW_FOCUSED_CLASS, b as getSourceItem, n as DATA_ROW, m as DATA_COL, M as MIN_COL_SIZE, r as HEADER_SORTABLE_CLASS, H as HEADER_CLASS, F as FOCUS_CLASS, k as getItemByIndex, u as HEADER_ROW_CLASS, v as HEADER_ACTUAL_ROW_CLASS } from './dimension.helpers-fl4HSSK9.js';
+import { G as GroupingRowRenderer, C as CellRenderer, R as RowRenderer, P as PADDING_DEPTH, S as SortingSign } from './cell-renderer-11cf-lu3.js';
+import { c as FilterButton } from './filter.button-DMhpuAiw.js';
+import { H as HeaderCellRenderer } from './header-cell-renderer-Cqtg1ETB.js';
 import { t as throttle, L as LocalScrollTimer, a as LocalScrollService, g as getContentSize } from './throttle-Cpk1LoGk.js';
 import { H as HEADER_SLOT, C as CONTENT_SLOT, F as FOOTER_SLOT } from './viewport.helpers-CoCAvmZs.js';
 import './debounce-PCRWZliA.js';
@@ -338,7 +338,7 @@ const HeaderGroupRenderer = (p) => {
     return (h(HeaderCellRenderer, { data: Object.assign(Object.assign({}, p.group), { prop: '', providers: p.providers, index: p.start }), props: groupProps, additionalData: p.additionalData }));
 };
 
-const revogrHeaderStyleCss = () => `@charset "UTF-8";revogr-header{position:relative;z-index:5;display:block}revogr-header .header-rgRow{display:block;position:relative}revogr-header .header-rgRow.group{z-index:0}revogr-header .group-rgRow{position:relative;overflow:hidden}revogr-header .rgHeaderCell{position:absolute;box-sizing:border-box;height:100%;z-index:1;display:flex}revogr-header .rgHeaderCell.align-center{text-align:center}revogr-header .rgHeaderCell.align-left{text-align:left}revogr-header .rgHeaderCell.align-right{text-align:right}revogr-header .rgHeaderCell.sortable{cursor:pointer}revogr-header .rgHeaderCell .sort-indicator{display:inline-flex;align-items:flex-start;gap:1px}revogr-header .rgHeaderCell .sort-indicator i.asc:after,revogr-header .rgHeaderCell .sort-indicator i.desc:after{font-size:13px}revogr-header .rgHeaderCell .sort-indicator i.asc:after{content:"↑"}revogr-header .rgHeaderCell .sort-indicator i.desc:after{content:"↓"}revogr-header .rgHeaderCell .sort-indicator .sort-order-index{font-size:10px;line-height:1;top:0}revogr-header .rgHeaderCell.active{z-index:10}revogr-header .rgHeaderCell.active .resizable{background-color:deepskyblue}revogr-header .rgHeaderCell .header-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}revogr-header .rgHeaderCell .resizable{display:block;position:absolute;z-index:90;touch-action:none;user-select:none}revogr-header .rgHeaderCell .resizable:hover{background-color:deepskyblue}revogr-header .rgHeaderCell>.resizable-r{cursor:ew-resize;width:6px;right:0;top:0;height:100%}revogr-header .rgHeaderCell>.resizable-rb{cursor:se-resize;width:6px;height:6px;right:0;bottom:0}revogr-header .rgHeaderCell>.resizable-b{cursor:s-resize;height:6px;bottom:0;width:100%;left:0}revogr-header .rgHeaderCell>.resizable-lb{cursor:sw-resize;width:6px;height:6px;left:0;bottom:0}revogr-header .rgHeaderCell>.resizable-l{cursor:w-resize;width:6px;left:0;height:100%;top:0}revogr-header .rgHeaderCell>.resizable-lt{cursor:nw-resize;width:6px;height:6px;left:0;top:0}revogr-header .rgHeaderCell>.resizable-t{cursor:n-resize;height:6px;top:0;width:100%;left:0}revogr-header .rgHeaderCell>.resizable-rt{cursor:ne-resize;width:6px;height:6px;right:0;top:0}revogr-header .rv-filter{visibility:hidden}`;
+const revogrHeaderStyleCss = () => `@charset "UTF-8";revogr-header{position:relative;z-index:5;display:block}revogr-header .header-rgRow{display:block;position:relative}revogr-header .header-rgRow.group{z-index:0}revogr-header .group-rgRow{position:relative;overflow:hidden}revogr-header .rgHeaderCell{position:absolute;box-sizing:border-box;height:100%;z-index:1;display:flex}revogr-header .rgHeaderCell.align-center{text-align:center}revogr-header .rgHeaderCell.align-left{text-align:left}revogr-header .rgHeaderCell.align-right{text-align:right}revogr-header .rgHeaderCell.sortable{cursor:pointer}revogr-header .rgHeaderCell .sort-indicator{display:inline-flex;align-items:flex-start;gap:1px}revogr-header .rgHeaderCell .sort-indicator i.asc:after,revogr-header .rgHeaderCell .sort-indicator i.desc:after{font-size:13px}revogr-header .rgHeaderCell .sort-indicator i.asc:after{content:"↑"}revogr-header .rgHeaderCell .sort-indicator i.desc:after{content:"↓"}revogr-header .rgHeaderCell .sort-indicator .sort-order-index{font-size:10px;line-height:1;top:0}revogr-header .rgHeaderCell.active{z-index:10}revogr-header .rgHeaderCell.active .resizable{background-color:var(--rg-theme-header-resize-hover)}revogr-header .rgHeaderCell .header-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}revogr-header .rgHeaderCell .resizable{display:block;position:absolute;z-index:90;touch-action:none;user-select:none}revogr-header .rgHeaderCell .resizable:hover{background-color:var(--rg-theme-header-resize-hover)}revogr-header .rgHeaderCell>.resizable-r{cursor:ew-resize;width:6px;right:0;top:0;height:100%}revogr-header .rgHeaderCell>.resizable-rb{cursor:se-resize;width:6px;height:6px;right:0;bottom:0}revogr-header .rgHeaderCell>.resizable-b{cursor:s-resize;height:6px;bottom:0;width:100%;left:0}revogr-header .rgHeaderCell>.resizable-lb{cursor:sw-resize;width:6px;height:6px;left:0;bottom:0}revogr-header .rgHeaderCell>.resizable-l{cursor:w-resize;width:6px;left:0;height:100%;top:0}revogr-header .rgHeaderCell>.resizable-lt{cursor:nw-resize;width:6px;height:6px;left:0;top:0}revogr-header .rgHeaderCell>.resizable-t{cursor:n-resize;height:6px;top:0;width:100%;left:0}revogr-header .rgHeaderCell>.resizable-rt{cursor:ne-resize;width:6px;height:6px;right:0;top:0}revogr-header .rv-filter{visibility:hidden}`;
 
 const RevogrHeaderComponent = class {
     constructor(hostRef) {
@@ -616,7 +616,7 @@ class GridResizeService {
     }
 }
 
-const revogrViewportScrollStyleCss = () => `.rowHeaders{z-index:2;font-size:10px;display:flex;height:100%}.rowHeaders revogr-data .rgCell{text-align:center}.rowHeaders .rgCell{padding:0 1em !important;min-width:100%}revogr-viewport-scroll{-ms-overflow-style:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;z-index:1;height:100%}revogr-viewport-scroll::-webkit-scrollbar{display:none;-webkit-appearance:none}revogr-viewport-scroll.colPinStart,revogr-viewport-scroll.colPinEnd{z-index:2}revogr-viewport-scroll.colPinEnd:has(.active){overflow:visible}revogr-viewport-scroll.rgCol{flex-grow:1}revogr-viewport-scroll .content-wrapper{overflow:hidden}revogr-viewport-scroll .inner-content-table{display:flex;flex-direction:column;max-height:100%;width:100%;min-width:100%;position:relative;z-index:0}revogr-viewport-scroll .vertical-inner{overflow-y:auto;position:relative;width:100%;flex-grow:1;outline:none;-ms-overflow-style:none;scrollbar-width:none;}revogr-viewport-scroll .vertical-inner::-webkit-scrollbar{display:none;-webkit-appearance:none}revogr-viewport-scroll .vertical-inner revogr-data,revogr-viewport-scroll .vertical-inner revogr-overlay-selection{height:100%}`;
+const revogrViewportScrollStyleCss = () => `.rowHeaders{z-index:2;font-size:10px;display:flex;height:100%}.rowHeaders revogr-data .rgCell{text-align:center}.rowHeaders .rgCell{padding:0 1em !important;min-width:100%}revogr-viewport-scroll{-ms-overflow-style:none;scrollbar-width:none;}revogr-viewport-scroll::-webkit-scrollbar{display:none;-webkit-appearance:none}revogr-viewport-scroll{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;z-index:1;height:100%}revogr-viewport-scroll.colPinStart,revogr-viewport-scroll.colPinEnd{z-index:2}revogr-viewport-scroll.colPinEnd:has(.active){overflow:visible}revogr-viewport-scroll.rgCol{flex-grow:1}revogr-viewport-scroll .content-wrapper{overflow:hidden}revogr-viewport-scroll .inner-content-table{display:flex;flex-direction:column;max-height:100%;width:100%;min-width:100%;position:relative;z-index:0}revogr-viewport-scroll .vertical-inner{overflow-y:auto;position:relative;width:100%;flex-grow:1;outline:none;-ms-overflow-style:none;scrollbar-width:none;}revogr-viewport-scroll .vertical-inner::-webkit-scrollbar{display:none;-webkit-appearance:none}revogr-viewport-scroll .vertical-inner revogr-data,revogr-viewport-scroll .vertical-inner revogr-overlay-selection{height:100%}`;
 
 const RevogrViewportScroll = class {
     constructor(hostRef) {

package/dist/revo-grid/revogr-filter-panel.entry.js

@@ -1,9 +1,9 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { r as registerInstance, d as createEvent, h, e as Host, g as getElement } from './index-Chp_81rd.js';
+import { r as registerInstance, a as createEvent, h, d as Host, g as getElement } from './index-CtimkLsB.js';
 import { d as debounce } from './debounce-PCRWZliA.js';
-import { e as AndOrButton, f as ReorderButton, d as TrashButton, i as isFilterBtn } from './filter.button-B-RBiF67.js';
+import { e as AndOrButton, f as ReorderButton, d as TrashButton, i as isFilterBtn } from './filter.button-DMhpuAiw.js';
 
 (function closest() {
     if (!Element.prototype.matches) {
@@ -66,7 +66,7 @@ function moveFilterItem(items, sourceId, targetId) {
     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{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));box-sizing:border-box;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 .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{position:sticky;right:0;bottom:-10px;left:0;z-index:1;text-align:right;margin:10px -10px -10px;padding:0 5px 10px 10px;background:var(--revo-grid-filter-panel-bg, #fff);border-top:1px solid var(--revo-grid-filter-panel-divider, #d9d9d9)}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-row{display:flex;align-items:center;gap:6px;position:relative}.multi-filter-list .multi-filter-list-row.filter-row-dragging{opacity:0.65}.multi-filter-list .multi-filter-list-row.filter-row-drag-over::before{content:"";position:absolute;top:-4px;right:0;left:0;z-index:2;height:2px;background:var(--revo-grid-filter-panel-reorder-accent, #007cb2);border-radius:999px;box-shadow:0 0 0 2px var(--revo-grid-filter-panel-bg, #fff)}.multi-filter-list .multi-filter-list-row.filter-row-drop-active .filter-row-drop-target{pointer-events:auto}.multi-filter-list .filter-row-drop-target{position:absolute;inset:0;z-index:1;padding:0;pointer-events:none;background:transparent;border:0}.multi-filter-list .multi-filter-list-action{display:flex;align-self:stretch;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;padding:0;border:0;background:transparent;color:inherit;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-drag-over{color:var(--revo-grid-filter-panel-reorder-accent, #007cb2)}.multi-filter-list .reorder-button:active{cursor:grabbing}.multi-filter-list-container{padding:0;margin:0;list-style:none}.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 .select-filter{width:auto}.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:var(--rg-theme-button-text);background-color:var(--rg-theme-button-bg);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:var(--rg-theme-button-success-bg)}.revo-button.red{background-color:var(--rg-theme-button-danger-bg)}.revo-button:disabled,.revo-button[disabled]{cursor:not-allowed !important;filter:opacity(0.35) !important}.revo-button.outline{border:1px solid var(--rg-theme-button-outline-border);line-height:30px;background:none;color:var(--rg-theme-button-outline-text);box-shadow:none}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;color:var(--rg-theme-filter-panel-text);background-color:var(--rg-theme-filter-panel-bg);border:1px solid var(--rg-theme-filter-panel-border);transform-origin:62px 0px;box-shadow:0 5px 18px -2px var(--rg-theme-filter-panel-shadow);box-sizing:border-box;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 .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;color:var(--rg-theme-filter-panel-text);background:var(--rg-theme-filter-panel-input-bg);border-radius:5px;padding:0 10px;box-sizing:border-box;width:100%}revogr-filter-panel .filter-panel-dialog .filter-actions{position:sticky;right:0;bottom:-10px;left:0;z-index:1;text-align:right;margin:10px -10px -10px;padding:0 5px 10px 10px;background:var(--rg-theme-filter-panel-bg);border-top:1px solid var(--rg-theme-filter-panel-divider)}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:var(--rg-theme-filter-panel-icon-active)}.rgHeaderCell .rv-filter .filter-img{color:var(--rg-theme-filter-panel-icon);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;color:var(--rg-theme-filter-panel-text);border:1px solid var(--rg-theme-filter-panel-select-border);box-shadow:transparent;border-radius:0.5em;appearance:none;background-color:var(--rg-theme-filter-panel-input-bg);background-image:var(--revo-grid-filter-panel-select-arrow, 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{}.select-css:hover{border-color:var(--rg-theme-filter-panel-select-border)}.select-css{}.select-css:focus{border-color:var(--rg-theme-filter-panel-select-border-hover);box-shadow:var(--rg-theme-filter-panel-focus-ring);outline:none}.select-css{}.select-css option{font-weight:normal}.select-css{}.select-css:disabled,.select-css[aria-disabled=true]{color:var(--rg-theme-filter-panel-muted-text);background-image:var(--revo-grid-filter-panel-select-arrow-disabled, 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"))}.select-css:disabled:hover,.select-css[aria-disabled=true]{border-color:var(--rg-theme-filter-panel-select-border)}.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;position:relative}.multi-filter-list .multi-filter-list-row.filter-row-dragging{opacity:0.65}.multi-filter-list .multi-filter-list-row.filter-row-drag-over::before{content:"";position:absolute;top:-4px;right:0;left:0;z-index:2;height:2px;background:var(--rg-theme-filter-panel-reorder-accent);border-radius:999px;box-shadow:0 0 0 2px var(--rg-theme-filter-panel-bg)}.multi-filter-list .multi-filter-list-row.filter-row-drop-active .filter-row-drop-target{pointer-events:auto}.multi-filter-list .filter-row-drop-target{position:absolute;inset:0;z-index:1;padding:0;pointer-events:none;background:transparent;border:0}.multi-filter-list .multi-filter-list-action{display:flex;align-self:stretch;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;padding:0;border:0;background:transparent;color:inherit;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(--rg-theme-filter-panel-reorder-color);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-drag-over{color:var(--rg-theme-filter-panel-reorder-accent)}.multi-filter-list .reorder-button:active{cursor:grabbing}.multi-filter-list-container{padding:0;margin:0;list-style:none}.add-filter-divider{display:block;margin:0 -10px 10px -10px;border-bottom:1px solid var(--rg-theme-filter-panel-divider);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 .select-filter{width:auto}.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 defaultType = 'none';
 const FILTER_LIST_CLASS = 'multi-filter-list';
@@ -108,6 +108,10 @@ const FilterPanel = class {
          * If true, closes the filter panel when clicking outside
          */
         this.closeOnOutsideClick = true;
+        /**
+         * Whether the filter panel allows the same operator more than once per column.
+         */
+        this.allowDuplicateOperators = true;
         this.debouncedApplyFilter = debounce(() => {
             this.filterChange.emit(this.filterItems);
         }, 400);
@@ -421,11 +425,15 @@ const FilterPanel = class {
         }
     }
     renderSelectOptions(type, isDefaultTypeRemoved = false) {
+        var _a;
         if (!this.changes) {
             return;
         }
         const options = [];
         const prop = this.changes.prop;
+        if (prop === undefined) {
+            return;
+        }
         const hidden = new Set();
         Object.keys(this.filterItems).forEach((prop) => {
             const values = this.filterItems[prop];
@@ -435,6 +443,9 @@ const FilterPanel = class {
                 }
             });
         });
+        const selectedTypes = new Set(((_a = this.filterItems[prop]) !== null && _a !== void 0 ? _a : [])
+            .filter(filter => !filter.hidden)
+            .map(filter => filter.type));
         if (!isDefaultTypeRemoved) {
             const capts = Object.assign(Object.assign({}, this.filterCaptionsInternal), this.filterCaptions);
             options.push(h("option", { selected: this.currentFilterType === defaultType, value: defaultType }, prop && this.filterItems[prop] && this.filterItems[prop].length > 0
@@ -442,7 +453,9 @@ const FilterPanel = class {
                 : this.filterNames[defaultType]));
         }
         for (let gIndex in this.changes.filterTypes) {
-            const group = this.changes.filterTypes[gIndex].filter(k => !hidden.has(k));
+            const group = this.changes.filterTypes[gIndex].filter(k => !hidden.has(k) && (this.allowDuplicateOperators ||
+                !selectedTypes.has(k) ||
+                (isDefaultTypeRemoved && type === k)));
             if (group.length) {
                 options.push(...group.map(k => (h("option", { value: k, selected: type === k }, this.filterNames[k]))));
                 options.push(h("option", { disabled: true }));
@@ -537,7 +550,7 @@ const FilterPanel = class {
             top: `${(_d = (_c = this.changes) === null || _c === void 0 ? void 0 : _c.y) !== null && _d !== void 0 ? _d : 0}px`,
         };
         const capts = Object.assign(Object.assign({}, this.filterCaptionsInternal), this.filterCaptions);
-        return (h(Host, { key: '2a19b35adb56fb7d23385fffebc768838edee162' }, h("dialog", { key: '94386d7cbc4bd9c631f72928938b1d1550a3de82', class: "filter-panel-dialog", style: style, ref: el => (this.dialog = el), onCancel: e => {
+        return (h(Host, { key: '8859c452eb08838f65f18efecbdde7f65fda2b49' }, h("dialog", { key: 'f603067ff0986a9f344cbbf816388d2bbac198bb', class: "filter-panel-dialog", style: style, ref: el => (this.dialog = el), onCancel: e => {
                 e.preventDefault();
                 this.onCancel();
             } }, this.changes && [
@@ -546,7 +559,7 @@ const FilterPanel = class {
             ((_g = this.changes) === null || _g === void 0 ? void 0 : _g.hideDefaultFilters) !== true && [
                 h("label", { key: "filter-title" }, capts.title),
                 h("div", { key: "filter-holder", class: "filter-holder" }, this.getFilterItemsList()),
-                h("div", { key: "add-filter", class: "add-filter" }, h("select", { key: '4f7354e39d8e5cf9ae7b735290eff18d105ab87e', id: FILTER_ID, class: "select-css", onChange: e => this.onAddNewFilter(e) }, this.renderSelectOptions(this.currentFilterType))),
+                h("div", { key: "add-filter", class: "add-filter" }, h("select", { key: '2ec0a66918edf91bdde3962b6ec84c89f6f1c8f1', id: FILTER_ID, class: "select-css", onChange: e => this.onAddNewFilter(e) }, this.renderSelectOptions(this.currentFilterType))),
             ],
             h("slot", { key: "default-slot" }),
             ((_j = (_h = this.changes).extraBottomContent) === null || _j === void 0 ? void 0 : _j.call(_h, this.changes)) || '',

package/dist/{esm/text-editor-DQtz2Y7B.js → revo-grid/text-editor-DlMnLkRK.js}

@@ -1,8 +1,8 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { d as isTab, f as isEnterKeyValue } from './edit.utils-CXmmCnxE.js';
-import { t as timeout } from './index-DBqlJITb.js';
+import { d as isTab, f as isEnterKeyValue } from './edit.utils-4e9fsqOR.js';
+import { t as timeout } from './index-D24ku9ej.js';
 
 class TextEditor {
     constructor(data, saveCallback) {

package/dist/{esm/viewport.store-D5jEuhLq.js → revo-grid/viewport.store-BSXmsiZc.js}

@@ -1,7 +1,7 @@
 /*!
  * Built by Revolist OU ❤️
  */
-import { j as getItemByPosition, K as createStore, l as setStore } from './dimension.helpers-CXrsUc6f.js';
+import { j as getItemByPosition, K as createStore, l as setStore } from './dimension.helpers-fl4HSSK9.js';
 
 const LETTER_BLOCK_SIZE = 10;
 const calculateRowHeaderSize = (itemsLength, rowHeaderColumn, minWidth = 50) => {

package/dist/types/components/revoGrid/revo-grid.d.ts

@@ -1,5 +1,5 @@
 import { type VNode, EventEmitter } from '../../stencil-public-runtime';
-import type { MultiDimensionType, DimensionRows, DimensionCols, DimensionTypeCol, RowHeaders, ColumnRegular, ColumnGrouping, DataType, RowDefinition, ColumnType, FocusTemplateFunc, PositionItem, ColumnProp, ViewPortScrollEvent, InitialHeaderClick, AllDimensionType, Editors, BeforeSaveDataDetails, BeforeRangeSaveDataDetails, Cell, ChangedRange, RangeArea, AfterEditEvent, Theme, PluginBaseComponent, PluginProviders, FocusAfterRenderEvent, ExtraNodeFuncConfig, RowDragStartDetails, AdditionalData, ClipboardConfig } from "../../types/index";
+import type { MultiDimensionType, DimensionRows, DimensionCols, DimensionTypeCol, RowHeaders, ColumnRegular, ColumnGrouping, DataType, RowDefinition, ColumnType, FocusTemplateFunc, PositionItem, ColumnProp, ViewPortScrollEvent, InitialHeaderClick, AllDimensionType, Editors, BeforeSaveDataDetails, BeforeRangeSaveDataDetails, Cell, ChangedRange, RangeArea, AfterEditEvent, ThemeDefinition, PluginBaseComponent, PluginProviders, FocusAfterRenderEvent, ExtraNodeFuncConfig, RowDragStartDetails, AdditionalData, ClipboardConfig } from "../../types/index";
 import ColumnDataProvider from '../../services/column.data.provider';
 import { DataProvider } from '../../services/data.provider';
 import { DSourceState } from "../../store/index";
@@ -115,7 +115,12 @@ export declare class RevoGridComponent {
         [name: string]: ColumnType;
     };
     /** Theme name. */
-    theme: Theme;
+    theme: string;
+    /**
+     * Per-grid custom theme definitions.
+     * Assign as a JavaScript property; complex values cannot be serialized as HTML attributes.
+     */
+    themeDefinitions: ThemeDefinition[];
     /**
      * Row class property mapping.
      * Map custom classes to rows from row object data.
@@ -479,7 +484,7 @@ export declare class RevoGridComponent {
     /**
      * Emmited after the theme is changed
      */
-    afterthemechanged: EventEmitter<Theme>;
+    afterthemechanged: EventEmitter<string>;
     /**
      * Emmited after grid created
      */
@@ -639,6 +644,9 @@ export declare class RevoGridComponent {
     selectionStoreConnector?: SelectionStoreConnector;
     scrollingService: GridScrollingService;
     private pendingColumnFocusRestore?;
+    private appliedThemeRowSize?;
+    private pendingNormalizedTheme?;
+    private themeStyles;
     columnTypesChanged(): void;
     columnChanged(newVal?: (ColumnGrouping | ColumnRegular)[], _prevVal?: (ColumnGrouping | ColumnRegular)[] | undefined, __watchName?: string, init?: boolean): void;
     /**
@@ -656,7 +664,11 @@ export declare class RevoGridComponent {
     disableVirtualXChanged(newVal?: boolean, prevVal?: boolean): void;
     virtualXChanged(newVal?: DimensionCols[], prevVal?: DimensionCols[]): void;
     rowSizeChanged(s: number): void;
-    themeChanged(t: Theme, _?: Theme, __?: string, init?: boolean): void;
+    colSizeChanged(s: number): void;
+    themeChanged(t: string, _?: string, __?: string, init?: boolean): void;
+    themeDefinitionsChanged(definitions?: ThemeDefinition[]): void;
+    private applyTheme;
+    private getThemeStyles;
     dataSourceChanged<T extends DataType>(newVal: T[] | undefined, _: T[] | undefined, watchName: string): void;
     disableVirtualYChanged(newVal?: boolean, prevVal?: boolean): void;
     rowDefChanged(after: RowDefinition[], before?: RowDefinition[], _watchName?: string, forceUpdate?: boolean): void;

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AdditionalData, AfterEditEvent, AllDimensionType, ApplyFocusEvent, BeforeCellRenderEvent, BeforeEdit, BeforeRangeSaveDataDetails, BeforeRowRenderEvent, BeforeSaveDataDetails, Cell, CellTemplateProp, ChangedRange, ClipboardConfig, ColumnDataSchemaModel, ColumnGrouping, ColumnProp, ColumnRegular, ColumnType, DataFormat, DataType, DimensionCols, DimensionRows, DimensionSettingsState, DimensionType, DimensionTypeCol, DragStartEvent, EditCell, EditorCtr, Editors, ElementScroll, ExtraNodeFuncConfig, FocusAfterRenderEvent, FocusRenderEvent, FocusTemplateFunc, InitialHeaderClick, MultiDimensionType, Nullable, PluginBaseComponent, PluginProviders, PositionItem, ProvidersColumns, RangeArea, RangeClipboardCopyEventProps, RangeClipboardPasteEvent, RowDefinition, RowDragStartDetails, RowHeaders, SaveDataDetails, SelectionStoreState, TempRange, Theme, ViewportData, ViewPortResizeEvent, ViewPortScrollEvent, ViewportState, ViewSettingSizeProp } from "./types/index";
+import { AdditionalData, AfterEditEvent, AllDimensionType, ApplyFocusEvent, BeforeCellRenderEvent, BeforeEdit, BeforeRangeSaveDataDetails, BeforeRowRenderEvent, BeforeSaveDataDetails, Cell, CellTemplateProp, ChangedRange, ClipboardConfig, ColumnDataSchemaModel, ColumnGrouping, ColumnProp, ColumnRegular, ColumnType, DataFormat, DataType, DimensionCols, DimensionRows, DimensionSettingsState, DimensionType, DimensionTypeCol, DragStartEvent, EditCell, EditorCtr, Editors, ElementScroll, ExtraNodeFuncConfig, FocusAfterRenderEvent, FocusRenderEvent, FocusTemplateFunc, InitialHeaderClick, MultiDimensionType, Nullable, PluginBaseComponent, PluginProviders, PositionItem, ProvidersColumns, RangeArea, RangeClipboardCopyEventProps, RangeClipboardPasteEvent, RowDefinition, RowDragStartDetails, RowHeaders, SaveDataDetails, SelectionStoreState, TempRange, ThemeDefinition, ViewportData, ViewPortResizeEvent, ViewPortScrollEvent, ViewportState, ViewSettingSizeProp } from "./types/index";
 import { GridPlugin } from "./plugins/base.plugin";
 import { AutoSizeColumnConfig } from "./plugins/column.auto-size.plugin";
 import { ColumnFilterConfig, FilterCaptions, FilterCollectionItem, LogicFunction, MultiFilterItem, ShowData } from "./plugins/filter/filter.types";
@@ -21,7 +21,7 @@ import { ResizeProps } from "./components/header/resizable.directive";
 import { HeaderRenderProps } from "./components/header/header-renderer";
 import { HeaderGroupRendererProps } from "./components/header/header-group-renderer";
 import { EventData } from "./components/overlay/selection.utils";
-export { AdditionalData, AfterEditEvent, AllDimensionType, ApplyFocusEvent, BeforeCellRenderEvent, BeforeEdit, BeforeRangeSaveDataDetails, BeforeRowRenderEvent, BeforeSaveDataDetails, Cell, CellTemplateProp, ChangedRange, ClipboardConfig, ColumnDataSchemaModel, ColumnGrouping, ColumnProp, ColumnRegular, ColumnType, DataFormat, DataType, DimensionCols, DimensionRows, DimensionSettingsState, DimensionType, DimensionTypeCol, DragStartEvent, EditCell, EditorCtr, Editors, ElementScroll, ExtraNodeFuncConfig, FocusAfterRenderEvent, FocusRenderEvent, FocusTemplateFunc, InitialHeaderClick, MultiDimensionType, Nullable, PluginBaseComponent, PluginProviders, PositionItem, ProvidersColumns, RangeArea, RangeClipboardCopyEventProps, RangeClipboardPasteEvent, RowDefinition, RowDragStartDetails, RowHeaders, SaveDataDetails, SelectionStoreState, TempRange, Theme, ViewportData, ViewPortResizeEvent, ViewPortScrollEvent, ViewportState, ViewSettingSizeProp } from "./types/index";
+export { AdditionalData, AfterEditEvent, AllDimensionType, ApplyFocusEvent, BeforeCellRenderEvent, BeforeEdit, BeforeRangeSaveDataDetails, BeforeRowRenderEvent, BeforeSaveDataDetails, Cell, CellTemplateProp, ChangedRange, ClipboardConfig, ColumnDataSchemaModel, ColumnGrouping, ColumnProp, ColumnRegular, ColumnType, DataFormat, DataType, DimensionCols, DimensionRows, DimensionSettingsState, DimensionType, DimensionTypeCol, DragStartEvent, EditCell, EditorCtr, Editors, ElementScroll, ExtraNodeFuncConfig, FocusAfterRenderEvent, FocusRenderEvent, FocusTemplateFunc, InitialHeaderClick, MultiDimensionType, Nullable, PluginBaseComponent, PluginProviders, PositionItem, ProvidersColumns, RangeArea, RangeClipboardCopyEventProps, RangeClipboardPasteEvent, RowDefinition, RowDragStartDetails, RowHeaders, SaveDataDetails, SelectionStoreState, TempRange, ThemeDefinition, ViewportData, ViewPortResizeEvent, ViewPortScrollEvent, ViewportState, ViewSettingSizeProp } from "./types/index";
 export { GridPlugin } from "./plugins/base.plugin";
 export { AutoSizeColumnConfig } from "./plugins/column.auto-size.plugin";
 export { ColumnFilterConfig, FilterCaptions, FilterCollectionItem, LogicFunction, MultiFilterItem, ShowData } from "./plugins/filter/filter.types";
@@ -326,7 +326,12 @@ export namespace Components {
           * Theme name.
           * @default 'default'
          */
-        "theme": Theme;
+        "theme": string;
+        /**
+          * Per-grid custom theme definitions. Assign as a JavaScript property; complex values cannot be serialized as HTML attributes.
+          * @default []
+         */
+        "themeDefinitions": ThemeDefinition[];
         /**
           * Trimmed rows. Functionality which allows to hide rows from main data set. `trimmedRows` are physical `rgRow` indexes to hide.
           * @default {}
@@ -494,6 +499,11 @@ export namespace Components {
         "refresh": () => Promise<void>;
     }
     interface RevogrFilterPanel {
+        /**
+          * Whether the filter panel allows the same operator more than once per column.
+          * @default true
+         */
+        "allowDuplicateOperators": boolean;
         /**
           * If true, closes the filter panel when clicking outside
           * @default true
@@ -949,7 +959,7 @@ declare global {
         "aftergridrender": any;
         "aftergridinit": any;
         "additionaldatachanged": any;
-        "afterthemechanged": Theme;
+        "afterthemechanged": string;
         "created": any;
     }
     /**
@@ -1530,7 +1540,7 @@ declare namespace LocalJSX {
         /**
           * Emmited after the theme is changed
          */
-        "onAfterthemechanged"?: (event: RevoGridCustomEvent<Theme>) => void;
+        "onAfterthemechanged"?: (event: RevoGridCustomEvent<string>) => void;
         /**
           * Emitted after trimmed values have been applied. Useful for notifying when trimming of values has taken place.
          */
@@ -1761,7 +1771,12 @@ declare namespace LocalJSX {
           * Theme name.
           * @default 'default'
          */
-        "theme"?: Theme;
+        "theme"?: string;
+        /**
+          * Per-grid custom theme definitions. Assign as a JavaScript property; complex values cannot be serialized as HTML attributes.
+          * @default []
+         */
+        "themeDefinitions"?: ThemeDefinition[];
         /**
           * Trimmed rows. Functionality which allows to hide rows from main data set. `trimmedRows` are physical `rgRow` indexes to hide.
           * @default {}
@@ -1989,6 +2004,11 @@ declare namespace LocalJSX {
   )[];
     }
     interface RevogrFilterPanel {
+        /**
+          * Whether the filter panel allows the same operator more than once per column.
+          * @default true
+         */
+        "allowDuplicateOperators"?: boolean;
         /**
           * If true, closes the filter panel when clicking outside
           * @default true
@@ -2515,7 +2535,7 @@ declare namespace LocalJSX {
         "canFocus": boolean;
         "useClipboard": boolean | ClipboardConfig;
         "applyOnClose": boolean;
-        "theme": Theme;
+        "theme": string;
         "rowClass": string;
         "autoSizeColumn": boolean | AutoSizeColumnConfig;
         "filter": boolean | ColumnFilterConfig;
@@ -2547,6 +2567,7 @@ declare namespace LocalJSX {
     interface RevogrFilterPanelAttributes {
         "disableDynamicFiltering": boolean;
         "closeOnOutsideClick": boolean;
+        "allowDuplicateOperators": boolean;
     }
     interface RevogrFocusAttributes {
         "colType": DimensionCols;

package/dist/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './types';
+export * from './themeManager/presets';
 export * from './store';
 export * from './plugins';
 export * from './components';

package/dist/types/plugins/filter/filter.panel.d.ts

@@ -32,6 +32,10 @@ export declare class FilterPanel {
      * If true, closes the filter panel when clicking outside
      */
     closeOnOutsideClick: boolean;
+    /**
+     * Whether the filter panel allows the same operator more than once per column.
+     */
+    allowDuplicateOperators: boolean;
     filterChange: EventEmitter<MultiFilterItem>;
     resetChange: EventEmitter<ColumnProp>;
     onMouseDown(e: MouseEvent): void;

package/dist/types/plugins/filter/filter.plugin.d.ts

@@ -46,6 +46,7 @@ export declare class FilterPlugin extends BasePlugin {
     filterNameIndexByType: Record<string, string>;
     filterFunctionsIndexedByType: Record<string, LogicFunction>;
     filterProp: string;
+    private allowDuplicateOperators;
     extraHyperContent?: (data: ShowData) => VNode | VNode[];
     extraBottomHyperContent?: (data: ShowData) => VNode | VNode[];
     constructor(revogrid: HTMLRevoGridElement, providers: PluginProviders, config?: ColumnFilterConfig | undefined);

package/dist/types/plugins/filter/filter.types.d.ts

@@ -86,6 +86,11 @@ export interface ColumnFilterConfig {
      * Whether or not to close the filter panel when clicking outside
      */
     closeFilterPanelOnOutsideClick?: boolean;
+    /**
+     * Whether the filter panel allows the same operator more than once per column.
+     * Defaults to true to preserve support for repeated conditions in multi-filter expressions.
+     */
+    allowDuplicateOperators?: boolean;
 }
 export type FilterCollectionItem = {
     type: FilterType;

package/dist/types/stencil-public-runtime.d.ts

@@ -1070,6 +1070,7 @@ export declare namespace JSXBase {
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
+        referrerPolicy?: ReferrerPolicy;
         sizes?: string;
         src?: string;
         srcSet?: string;

package/dist/types/themeManager/presets/aurora.d.ts

@@ -0,0 +1,8 @@
+/** Compact graphite and evergreen preset with luminous emerald states. */
+export declare const auroraTheme: {
+    name: string;
+    extends: string;
+    colorScheme: "dark";
+    defaultRowSize: number;
+    tokens: Partial<Record<"primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>;
+};

package/dist/types/themeManager/presets/high-contrast-dark.d.ts

@@ -0,0 +1,8 @@
+/** High-contrast dark preset with luminous yellow and cyan interaction states. */
+export declare const highContrastDarkTheme: {
+    name: string;
+    extends: string;
+    colorScheme: "dark";
+    defaultRowSize: number;
+    tokens: Partial<Record<"primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>;
+};

package/dist/types/themeManager/presets/high-contrast.d.ts

@@ -0,0 +1,8 @@
+/** High-contrast light preset with dark structure and vivid blue focus states. */
+export declare const highContrastTheme: {
+    name: string;
+    extends: string;
+    colorScheme: "light";
+    defaultRowSize: number;
+    tokens: Partial<Record<"primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>;
+};

package/dist/types/themeManager/presets/index.d.ts

@@ -0,0 +1,33 @@
+export { oceanTheme } from './ocean';
+export { midnightTheme } from './midnight';
+export { auroraTheme } from './aurora';
+export { highContrastTheme } from './high-contrast';
+export { highContrastDarkTheme } from './high-contrast-dark';
+/** Accessible light and dark high-contrast choices. */
+export declare const highContrastThemeDefinitions: ({
+    name: string;
+    extends: string;
+    colorScheme: "light";
+    defaultRowSize: number;
+    tokens: Partial<Record<"primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>;
+} | {
+    name: string;
+    extends: string;
+    colorScheme: "dark";
+    defaultRowSize: number;
+    tokens: Partial<Record<"primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>;
+})[];
+/** Ready-to-register modern presets. Presets remain opt-in and per grid. */
+export declare const modernThemeDefinitions: ({
+    name: string;
+    extends: string;
+    colorScheme: "light";
+    defaultRowSize: number;
+    tokens: Partial<Record<"primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>;
+} | {
+    name: string;
+    extends: string;
+    colorScheme: "dark";
+    defaultRowSize: number;
+    tokens: Partial<Record<"primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>;
+})[];

package/dist/types/themeManager/presets/midnight.d.ts

@@ -0,0 +1,8 @@
+/** Deep navy preset with cyan selection and violet action accents. */
+export declare const midnightTheme: {
+    name: string;
+    extends: string;
+    colorScheme: "dark";
+    defaultRowSize: number;
+    tokens: Partial<Record<"primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>;
+};

package/dist/types/themeManager/presets/ocean.d.ts

@@ -0,0 +1,8 @@
+/** Bright blue and slate preset for data-heavy daytime interfaces. */
+export declare const oceanTheme: {
+    name: string;
+    extends: string;
+    colorScheme: "light";
+    defaultRowSize: number;
+    tokens: Partial<Record<"primary" | "primaryTransparent" | "background" | "foreground" | "divider" | "shadow" | "text" | "border" | "headerBg" | "headerColor" | "headerBorder" | "headerFocusedBg" | "headerHoverBg" | "cellBorder" | "cellVerticalBorder" | "focusedBg" | "rowHover" | "rowHeadersBg" | "rowHeadersColor" | "cellDisabledBg" | "filterPanelBg" | "filterPanelBorder" | "filterPanelShadow" | "filterPanelInputBg" | "filterPanelDivider" | "filterPanelSelectBorder" | "filterPanelSelectBorderHover" | "filterPanelReorderAccent" | "filterPanelReorderColor" | "filterPanelText" | "filterPanelMutedText" | "filterPanelFocusRing" | "filterPanelIcon" | "filterPanelIconActive" | "filterPanelSelectArrow" | "filterPanelSelectArrowDisabled" | "fontFamily" | "fontSize" | "headerHeight" | "headerFontSize" | "headerFontWeight" | "headerTextTransform" | "headerTextAlign" | "cellTextAlign" | "headerPadding" | "cellPadding" | "selectionBorder" | "selectionBg" | "autofillHandleBg" | "autofillHandleBorder" | "rangeHandleBg" | "temporaryRangeBorder" | "temporarySelectionBorder" | "headerResizeHover" | "buttonText" | "buttonBg" | "buttonSuccessBg" | "buttonDangerBg" | "buttonOutlineBorder" | "buttonOutlineText", string>>;
+};

package/dist/types/themeManager/presets/shared.d.ts

@@ -0,0 +1,81 @@
+import type { ThemeTokens } from '../../types/theme';
+export declare const modernSystemFont = "Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif";
+export type FoundationTokens = readonly [
+    primary: string,
+    primaryTransparent: string,
+    background: string,
+    foreground: string,
+    divider: string,
+    shadow: string,
+    text: string,
+    border: string
+];
+export type GridStateTokens = readonly [
+    headerBg: string,
+    headerColor: string,
+    headerBorder: string,
+    headerFocusedBg: string | null,
+    headerHoverBg: string | null,
+    cellBorder: string,
+    cellVerticalBorder: string | null,
+    focusedBg: string,
+    rowHover: string,
+    rowHeadersBg: string,
+    rowHeadersColor: string,
+    cellDisabledBg: string
+];
+export type FilterPanelTokens = readonly [
+    background: string,
+    border: string,
+    shadow: string,
+    inputBackground: string,
+    divider: string,
+    selectBorder: string,
+    selectBorderHover: string,
+    reorderAccent: string,
+    reorderColor: string,
+    text: string,
+    mutedText: string,
+    focusRing: string,
+    icon: string,
+    iconActive: string
+];
+export type TypographyTokens = readonly [
+    fontSize: string,
+    headerHeight: string,
+    headerFontSize: string,
+    headerFontWeight: string,
+    headerTextTransform: string,
+    headerTextAlign: string,
+    cellTextAlign: string,
+    headerPadding: string,
+    cellPadding: string
+];
+export type SelectionTokens = readonly [
+    border: string,
+    background: string,
+    autofillHandleBackground: string,
+    autofillHandleBorder: string,
+    rangeHandleBackground: string,
+    temporaryRangeBorder: string,
+    temporarySelectionBorder: string,
+    headerResizeHover: string
+];
+export type ButtonTokens = readonly [
+    text: string,
+    background: string,
+    successBackground: string,
+    dangerBackground: string,
+    outlineBorder: string,
+    outlineText: string
+];
+export interface PresetTokenGroups {
+    foundation: FoundationTokens;
+    grid: GridStateTokens;
+    filterPanel: FilterPanelTokens;
+    typography: TypographyTokens;
+    selection: SelectionTokens;
+    buttons: ButtonTokens;
+}
+/** Maps compact, typed preset data to the public semantic theme-token contract. */
+export declare function createPresetTokens({ foundation, grid, filterPanel, typography, selection, buttons, }: PresetTokenGroups): ThemeTokens;

package/dist/types/themeManager/theme.service.d.ts

@@ -1,13 +1,16 @@
-import type { Theme, ThemeConfig, ThemePackage } from '../types/theme';
-export declare const DEFAULT_THEME = "default";
-export declare const allowedThemes: Theme[];
+import { type BuiltInTheme, type ResolvedTheme, type ThemeConfig, type ThemeDefinition } from '../types/theme';
+export declare const DEFAULT_THEME: BuiltInTheme;
+export declare const allowedThemes: BuiltInTheme[];
 export default class ThemeService {
     private currentTheme;
+    private customThemes;
     private customRowSize;
-    get theme(): ThemePackage;
+    get theme(): ResolvedTheme;
     get rowSize(): number;
     set rowSize(size: number);
     constructor(cfg: ThemeConfig);
-    register(theme: Theme): void;
+    setDefinitions(definitions?: ThemeDefinition[]): void;
+    register(theme: string): ResolvedTheme;
+    private resolveDefinition;
 }
-export declare function getTheme(theme?: string | null): Theme;
+export declare function getTheme(theme?: string | null): string;