@revolist/revogrid 4.24.3 → 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';

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 {}
@@ -954,7 +959,7 @@ declare global {
         "aftergridrender": any;
         "aftergridinit": any;
         "additionaldatachanged": any;
-        "afterthemechanged": Theme;
+        "afterthemechanged": string;
         "created": any;
     }
     /**
@@ -1535,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.
          */
@@ -1766,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 {}
@@ -2525,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;

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/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;

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

@@ -4,4 +4,91 @@ export interface ThemePackage {
 export type ThemeConfig = {
     rowSize: number;
 };
-export type Theme = 'default' | 'material' | 'compact' | 'darkMaterial' | 'darkCompact' | string;
+export type BuiltInTheme = 'default' | 'material' | 'compact' | 'darkMaterial' | 'darkCompact';
+export type ThemeBase = 'default' | 'material' | 'compact';
+export type ThemeColorScheme = 'light' | 'dark';
+/**
+ * Public theme tokens and their CSS custom-property counterparts.
+ * Keep this map as the single source of truth for typed theme definitions.
+ */
+export declare const themeTokenCssVariables: {
+    readonly primary: "--revo-grid-primary";
+    readonly primaryTransparent: "--revo-grid-primary-transparent";
+    readonly background: "--revo-grid-background";
+    readonly foreground: "--revo-grid-foreground";
+    readonly divider: "--revo-grid-divider";
+    readonly shadow: "--revo-grid-shadow";
+    readonly text: "--revo-grid-text";
+    readonly border: "--revo-grid-border";
+    readonly headerBg: "--revo-grid-header-bg";
+    readonly headerColor: "--revo-grid-header-color";
+    readonly headerBorder: "--revo-grid-header-border";
+    readonly headerFocusedBg: "--revo-grid-header-focused-bg";
+    readonly headerHoverBg: "--revo-grid-header-hover-bg";
+    readonly cellBorder: "--revo-grid-cell-border";
+    readonly cellVerticalBorder: "--revo-grid-cell-vertical-border";
+    readonly focusedBg: "--revo-grid-focused-bg";
+    readonly rowHover: "--revo-grid-row-hover";
+    readonly rowHeadersBg: "--revo-grid-row-headers-bg";
+    readonly rowHeadersColor: "--revo-grid-row-headers-color";
+    readonly cellDisabledBg: "--revo-grid-cell-disabled-bg";
+    readonly filterPanelBg: "--revo-grid-filter-panel-bg";
+    readonly filterPanelBorder: "--revo-grid-filter-panel-border";
+    readonly filterPanelShadow: "--revo-grid-filter-panel-shadow";
+    readonly filterPanelInputBg: "--revo-grid-filter-panel-input-bg";
+    readonly filterPanelDivider: "--revo-grid-filter-panel-divider";
+    readonly filterPanelSelectBorder: "--revo-grid-filter-panel-select-border";
+    readonly filterPanelSelectBorderHover: "--revo-grid-filter-panel-select-border-hover";
+    readonly filterPanelReorderAccent: "--revo-grid-filter-panel-reorder-accent";
+    readonly filterPanelReorderColor: "--revo-grid-filter-panel-reorder-color";
+    readonly filterPanelText: "--revo-grid-filter-panel-text";
+    readonly filterPanelMutedText: "--revo-grid-filter-panel-muted-text";
+    readonly filterPanelFocusRing: "--revo-grid-filter-panel-focus-ring";
+    readonly filterPanelIcon: "--revo-grid-filter-panel-icon";
+    readonly filterPanelIconActive: "--revo-grid-filter-panel-icon-active";
+    readonly filterPanelSelectArrow: "--revo-grid-filter-panel-select-arrow";
+    readonly filterPanelSelectArrowDisabled: "--revo-grid-filter-panel-select-arrow-disabled";
+    readonly fontFamily: "--revo-grid-font-family";
+    readonly fontSize: "--revo-grid-font-size";
+    readonly headerHeight: "--revo-grid-header-height";
+    readonly headerFontSize: "--revo-grid-header-font-size";
+    readonly headerFontWeight: "--revo-grid-header-font-weight";
+    readonly headerTextTransform: "--revo-grid-header-text-transform";
+    readonly headerTextAlign: "--revo-grid-header-text-align";
+    readonly cellTextAlign: "--revo-grid-cell-text-align";
+    readonly headerPadding: "--revo-grid-header-padding";
+    readonly cellPadding: "--revo-grid-cell-padding";
+    readonly selectionBorder: "--revo-grid-selection-border";
+    readonly selectionBg: "--revo-grid-selection-bg";
+    readonly autofillHandleBg: "--revo-grid-autofill-handle-bg";
+    readonly autofillHandleBorder: "--revo-grid-autofill-handle-border";
+    readonly rangeHandleBg: "--revo-grid-range-handle-bg";
+    readonly temporaryRangeBorder: "--revo-grid-temporary-range-border";
+    readonly temporarySelectionBorder: "--revo-grid-temporary-selection-border";
+    readonly headerResizeHover: "--revo-grid-header-resize-hover";
+    readonly buttonText: "--revo-grid-button-text";
+    readonly buttonBg: "--revo-grid-button-bg";
+    readonly buttonSuccessBg: "--revo-grid-button-success-bg";
+    readonly buttonDangerBg: "--revo-grid-button-danger-bg";
+    readonly buttonOutlineBorder: "--revo-grid-button-outline-border";
+    readonly buttonOutlineText: "--revo-grid-button-outline-text";
+};
+export type ThemeTokenName = keyof typeof themeTokenCssVariables;
+export type ThemeTokens = Partial<Record<ThemeTokenName, string>>;
+export interface ThemeDefinition {
+    name: string;
+    /** Built-in or registered custom theme to inherit from. */
+    extends?: string;
+    colorScheme?: ThemeColorScheme;
+    defaultRowSize?: number;
+    tokens?: ThemeTokens;
+}
+export interface ResolvedTheme extends ThemePackage {
+    name: string;
+    base: ThemeBase;
+    colorScheme: ThemeColorScheme;
+    tokens: ThemeTokens;
+    custom: boolean;
+}
+/** Type-safe identity helper for reusable theme definitions. */
+export declare function defineTheme<T extends ThemeDefinition>(theme: T): T;