@toolbox-web/grid 0.0.7 → 0.1.0

package/index.js

@@ -1,45 +1,45 @@
-const we = ":root{color-scheme:light dark}:host{--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #adacac);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: 2px 8px;--tbw-cell-padding: 2px 8px;--tbw-cell-padding-input: 2px 6px;--tbw-row-height: 28px;--tbw-header-height: 30px;--tbw-border-radius: 4px;--tbw-border-input: 1px solid var(--tbw-color-border-strong);--tbw-border-header: 1px solid var(--tbw-color-border-header);--tbw-row-divider: 1px solid var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline: 2px solid var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: 4px;--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-scrollbar-thumb: var(--tbw-color-border-strong);--tbw-scrollbar-track: var(--tbw-color-bg);--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-checkbox-size: 16px;--tbw-density-scale: 1}:host{position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none}:host,:host *{box-sizing:border-box}:host .header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}:host .header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}:host .header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start))}:host .header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30)}:host .header-row>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}:host .header-row>.cell>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .header-row>.cell>span[part~=sort-indicator]{flex-shrink:0}:host .header-row>.cell:last-child{border-right:0}:host .header-group-cell,:host .header-row>.cell.grouped.group-end{border-right:2px solid var(--tbw-color-border)}:host .tbw-grid-root{display:flex;flex-direction:column;height:100%}:host .rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}:host .rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}:host .rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}:host .rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip}:host .faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}:host .faux-vscroll-spacer{width:1px}:host .rows-viewport .rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}:host .data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style}:host .data-grid-row:has(.editing){background:var(--tbw-editing-bg)}:host .selecting .data-grid-row>.cell{user-select:none}:host .data-grid-row>.cell:focus-visible{outline:none}:host .data-grid-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}:host .data-grid-row>.cell>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .data-grid-row>.cell:last-child{border-right:0}:host .data-grid-row>.cell[data-type=boolean]{justify-content:center}:host .data-grid-row>.cell[data-type=boolean] input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size)}:host .data-grid-row>.cell.editing{overflow:hidden;padding:0}:host .data-grid-row>.cell.editing input:not([type=checkbox]),:host .data-grid-row>.cell.editing select,:host .data-grid-row>.cell.editing textarea{width:100%;height:100%;max-width:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}:host .data-grid-row:nth-child(2n){background:var(--tbw-color-row-alt)}:host .data-grid-row:hover{background:var(--tbw-color-row-hover)}:host .sortable{cursor:pointer;user-select:none}:host .resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius)}:host .resize-handle:hover{background:var(--tbw-resize-handle-color-hover)}:host .cell-focus,:host .row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-row-alt);font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}:host .group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, 2px 8px)}:host .group-row .group-toggle{background:none;border:0;cursor:pointer;padding:0 4px 0 0;font:inherit}:host .group-row .group-count{margin-left:4px;opacity:.7}:host .sticky-left,:host .sticky-right{position:sticky;z-index:25}:host .header-row>.cell.sticky-left,:host .header-row>.cell.sticky-right{background:var(--tbw-color-header-bg);z-index:35}:host .data-grid-row>.cell.sticky-left,:host .data-grid-row>.cell.sticky-right{background:var(--tbw-color-panel-bg)}:host .sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}:host .sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}.grid-container{position:relative;width:100%;height:100%}.grid-placeholder{padding:2rem;text-align:center;color:var(--tbw-color-fg);opacity:.6}:host{--tbw-shell-header-height: 44px;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: 14px;--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 280px;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 40px;--tbw-tool-panel-transition: .2s ease-out;--tbw-toolbar-button-size: 32px;--tbw-toolbar-button-gap: 4px}:host .tbw-grid-root.has-shell{display:flex;flex-direction:column;height:100%}:host .tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}:host .tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}:host .tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}:host .tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease)}:host .tbw-toolbar-btn:hover{background:var(--tbw-color-row-hover)}:host .tbw-toolbar-btn:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .tbw-toolbar-btn.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}:host .tbw-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}:host .tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}:host .tbw-shell-body{display:flex;flex:1;min-height:0;overflow:visible}:host .tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}:host .tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden}:host .tbw-tool-panel{width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;flex-shrink:0}:host .tbw-tool-panel[data-position=left]{border-left:none;border-right:1px solid var(--tbw-tool-panel-border);order:-1}:host .tbw-tool-panel.open{width:var(--tbw-tool-panel-width)}:host .tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}:host .tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px}:host .tbw-tool-panel-close:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}:host .tbw-tool-panel-content{flex:1;overflow:auto;padding:12px}:host .tbw-quick-filter-input{flex:1;max-width:300px;height:28px;padding:0 8px;border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:13px}:host .tbw-quick-filter-input:focus{outline:none;border-color:var(--tbw-color-accent)}:host .tbw-selection-summary{font-size:13px;color:var(--tbw-color-fg-muted);white-space:nowrap}";
-function be(o) {
+const me = ":root{color-scheme:light dark}:host{--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #adacac);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: 2px 8px;--tbw-cell-padding: 2px 8px;--tbw-cell-padding-input: 2px 6px;--tbw-row-height: 28px;--tbw-header-height: 30px;--tbw-border-radius: 4px;--tbw-border-input: 1px solid var(--tbw-color-border-strong);--tbw-border-header: 1px solid var(--tbw-color-border-header);--tbw-row-divider: 1px solid var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline: 2px solid var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: 4px;--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-scrollbar-thumb: var(--tbw-color-border-strong);--tbw-scrollbar-track: var(--tbw-color-bg);--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-checkbox-size: 16px;--tbw-density-scale: 1}:host{position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none}:host,:host *{box-sizing:border-box}:host .header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}:host .header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}:host .header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start))}:host .header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30)}:host .header-row>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}:host .header-row>.cell>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .header-row>.cell>span[part~=sort-indicator]{flex-shrink:0}:host .header-row>.cell:last-child{border-right:0}:host .header-group-cell,:host .header-row>.cell.grouped.group-end{border-right:2px solid var(--tbw-color-border)}:host .tbw-grid-root{display:flex;flex-direction:column;height:100%}:host .rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}:host .rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}:host .rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}:host .rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip}:host .faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}:host .faux-vscroll-spacer{width:1px}:host .rows-viewport .rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}:host .data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style}:host .data-grid-row:has(.editing){background:var(--tbw-editing-bg)}:host .selecting .data-grid-row>.cell{user-select:none}:host .data-grid-row>.cell:focus-visible{outline:none}:host .data-grid-row>.cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}:host .data-grid-row>.cell>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .data-grid-row>.cell:last-child{border-right:0}:host .data-grid-row>.cell[data-type=boolean]{justify-content:center}:host .data-grid-row>.cell[data-type=boolean] input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size)}:host .data-grid-row>.cell.editing{overflow:hidden;padding:0}:host .data-grid-row>.cell.editing input:not([type=checkbox]),:host .data-grid-row>.cell.editing select,:host .data-grid-row>.cell.editing textarea{width:100%;height:100%;max-width:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}:host .data-grid-row:nth-child(2n){background:var(--tbw-color-row-alt)}:host .data-grid-row:hover{background:var(--tbw-color-row-hover)}:host .sortable{cursor:pointer;user-select:none}:host .resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius)}:host .resize-handle:hover{background:var(--tbw-resize-handle-color-hover)}:host .cell-focus,:host .row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-row-alt);font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}:host .group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, 2px 8px)}:host .group-row .group-toggle{background:none;border:0;cursor:pointer;padding:0 4px 0 0;font:inherit}:host .group-row .group-count{margin-left:4px;opacity:.7}:host .sticky-left,:host .sticky-right{position:sticky;z-index:25}:host .header-row>.cell.sticky-left,:host .header-row>.cell.sticky-right{background:var(--tbw-color-header-bg);z-index:35}:host .data-grid-row>.cell.sticky-left,:host .data-grid-row>.cell.sticky-right{background:var(--tbw-color-panel-bg)}:host .sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}:host .sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}.grid-container{position:relative;width:100%;height:100%}.grid-placeholder{padding:2rem;text-align:center;color:var(--tbw-color-fg);opacity:.6}:host{--tbw-shell-header-height: 44px;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: 14px;--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 280px;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 40px;--tbw-tool-panel-transition: .2s ease-out;--tbw-toolbar-button-size: 32px;--tbw-toolbar-button-gap: 4px}:host .tbw-grid-root.has-shell{display:flex;flex-direction:column;height:100%}:host .tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}:host .tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}:host .tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}:host .tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease)}:host .tbw-toolbar-btn:hover{background:var(--tbw-color-row-hover)}:host .tbw-toolbar-btn:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .tbw-toolbar-btn.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}:host .tbw-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}:host .tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}:host .tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}:host .tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}:host .tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden}:host .tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow)}:host .tbw-tool-panel[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}:host .tbw-tool-panel.open{width:var(--tbw-tool-panel-width)}:host .tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .15s ease}:host .tbw-tool-panel-resize[data-handle-position=left]{left:0}:host .tbw-tool-panel-resize[data-handle-position=right]{right:0}:host .tbw-tool-panel-resize:hover,:host .tbw-tool-panel-resize.resizing{background:var(--tbw-color-accent)}:host .tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}:host .tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px}:host .tbw-tool-panel-close:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}:host .tbw-tool-panel-content{flex:1;overflow:auto}:host .tbw-accordion{display:flex;flex-direction:column;gap:0}:host .tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border)}:host .tbw-accordion-section:last-child{border-bottom:none}:host .tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:left;cursor:pointer;user-select:none}:host .tbw-accordion-header:hover{background:var(--tbw-color-row-hover)}:host .tbw-accordion-section.single .tbw-accordion-header{cursor:default}:host .tbw-accordion-section.single .tbw-accordion-header:hover{background:transparent}:host .tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}:host .tbw-accordion-section.expanded .tbw-accordion-chevron{transform:rotate(90deg)}:host .tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}:host .tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .tbw-accordion-content{display:none}:host .tbw-accordion-section.expanded .tbw-accordion-content{display:block}:host .tbw-quick-filter-input{flex:1;max-width:300px;height:28px;padding:0 8px;border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:13px}:host .tbw-quick-filter-input:focus{outline:none;border-color:var(--tbw-color-accent)}:host .tbw-selection-summary{font-size:13px;color:var(--tbw-color-fg-muted);white-space:nowrap}";
+function ve(o) {
   const e = /* @__PURE__ */ new Map();
   return o.sortState && e.set(o.sortState.field, {
     direction: o.sortState.direction === 1 ? "asc" : "desc",
     priority: 0
   }), e;
 }
-function ae(o, e) {
-  const t = o._columns, n = be(o);
+function he(o, e) {
+  const t = o._columns, n = ve(o);
   return {
-    columns: t.map((i, s) => {
+    columns: t.map((s, i) => {
       const r = {
-        field: i.field,
-        order: s,
+        field: s.field,
+        order: i,
         visible: !0
         // If it's in _columns, it's visible (hidden columns are filtered out)
-      }, a = i;
-      a.__renderedWidth !== void 0 ? r.width = a.__renderedWidth : i.width !== void 0 && (r.width = typeof i.width == "string" ? parseFloat(i.width) : i.width);
-      const l = n.get(i.field);
+      }, a = s;
+      a.__renderedWidth !== void 0 ? r.width = a.__renderedWidth : s.width !== void 0 && (r.width = typeof s.width == "string" ? parseFloat(s.width) : s.width);
+      const l = n.get(s.field);
       l && (r.sort = l);
-      for (const f of e)
-        if (f.getColumnState) {
-          const p = f.getColumnState(i.field);
-          p && Object.assign(r, p);
+      for (const d of e)
+        if (d.getColumnState) {
+          const u = d.getColumnState(s.field);
+          u && Object.assign(r, u);
         }
       return r;
     })
   };
 }
-function me(o, e, t, n) {
+function ye(o, e, t, n) {
   if (!e.columns || e.columns.length === 0) return;
-  const i = new Map(e.columns.map((a) => [a.field, a])), s = t.map((a) => {
-    const l = i.get(a.field);
+  const s = new Map(e.columns.map((a) => [a.field, a])), i = t.map((a) => {
+    const l = s.get(a.field);
     if (!l) return a;
-    const f = { ...a };
-    return l.width !== void 0 && (f.width = l.width, f.__renderedWidth = l.width), l.visible !== void 0 && (f.hidden = !l.visible), f;
+    const d = { ...a };
+    return l.width !== void 0 && (d.width = l.width, d.__renderedWidth = l.width), l.visible !== void 0 && (d.hidden = !l.visible), d;
   });
-  s.sort((a, l) => {
-    const f = i.get(a.field)?.order ?? 1 / 0, p = i.get(l.field)?.order ?? 1 / 0;
-    return f - p;
-  }), o._columns = s;
+  i.sort((a, l) => {
+    const d = s.get(a.field)?.order ?? 1 / 0, u = s.get(l.field)?.order ?? 1 / 0;
+    return d - u;
+  }), o._columns = i;
   const r = e.columns.filter((a) => a.sort !== void 0).sort((a, l) => (a.sort?.priority ?? 0) - (l.sort?.priority ?? 0));
   if (r.length > 0) {
     const a = r[0];
@@ -54,47 +54,48 @@ function me(o, e, t, n) {
       for (const l of e.columns)
         a.applyColumnState(l.field, l);
 }
-function ve(o, e, t) {
+function Ce(o, e, t) {
   let n = null;
   return () => {
     n !== null && clearTimeout(n), n = setTimeout(() => {
       n = null;
-      const i = ae(o, e());
-      t(i);
+      const s = he(o, e());
+      t(s);
     }, 100);
   };
 }
-const M = {
+const O = {
   STRETCH: "stretch",
   FIXED: "fixed"
-}, ce = {
+}, S = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
   sortDesc: "▼",
   sortNone: "⇅",
   submenuArrow: "▶",
-  dragHandle: "⋮⋮"
+  dragHandle: "⋮⋮",
+  toolPanel: "☰"
 };
-function Ce(o) {
+function Ee(o) {
   return o == null ? "string" : typeof o == "number" ? "number" : typeof o == "boolean" ? "boolean" : o instanceof Date || typeof o == "string" && /\d{4}-\d{2}-\d{2}/.test(o) && !isNaN(Date.parse(o)) ? "date" : "string";
 }
-function de(o, e) {
+function ue(o, e) {
   if (e && e.length) {
-    const s = {};
+    const i = {};
     return e.forEach((r) => {
-      r.type && (s[r.field] = r.type);
-    }), { columns: e, typeMap: s };
-  }
-  const t = o[0] || {}, n = Object.keys(t).map((s) => {
-    const r = t[s], a = Ce(r);
-    return { field: s, header: s.charAt(0).toUpperCase() + s.slice(1), type: a };
-  }), i = {};
-  return n.forEach((s) => {
-    i[s.field] = s.type || "string";
-  }), { columns: n, typeMap: i };
-}
-const Ee = /{{\s*([^}]+)\s*}}/g, A = "__DG_EMPTY__", ye = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, Re = /__(proto|defineGetter|defineSetter)|constructor|window|globalThis|global|process|Function|import|eval|Reflect|Proxy|Error|arguments|document|location|cookie|localStorage|sessionStorage|indexedDB|fetch|XMLHttpRequest|WebSocket|Worker|SharedWorker|ServiceWorker|opener|parent|top|frames|self|this\b/, _e = /* @__PURE__ */ new Set([
+      r.type && (i[r.field] = r.type);
+    }), { columns: e, typeMap: i };
+  }
+  const t = o[0] || {}, n = Object.keys(t).map((i) => {
+    const r = t[i], a = Ee(r);
+    return { field: i, header: i.charAt(0).toUpperCase() + i.slice(1), type: a };
+  }), s = {};
+  return n.forEach((i) => {
+    s[i.field] = i.type || "string";
+  }), { columns: n, typeMap: s };
+}
+const Re = /{{\s*([^}]+)\s*}}/g, x = "__DG_EMPTY__", _e = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, xe = /__(proto|defineGetter|defineSetter)|constructor|window|globalThis|global|process|Function|import|eval|Reflect|Proxy|Error|arguments|document|location|cookie|localStorage|sessionStorage|indexedDB|fetch|XMLHttpRequest|WebSocket|Worker|SharedWorker|ServiceWorker|opener|parent|top|frames|self|this\b/, Se = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -119,76 +120,76 @@ const Ee = /{{\s*([^}]+)\s*}}/g, A = "__DG_EMPTY__", ye = /^[\w$. '?+\-*/%:()!<>
   "plaintext",
   "xmp",
   "listing"
-]), U = /^on\w+$/i, Ae = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), Se = /^\s*(javascript|vbscript|data|blob):/i;
-function z(o) {
+]), j = /^on\w+$/i, Ae = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), Te = /^\s*(javascript|vbscript|data|blob):/i;
+function q(o) {
   if (!o || typeof o != "string") return "";
   if (o.indexOf("<") === -1) return o;
   const e = document.createElement("template");
-  return e.innerHTML = o, xe(e.content), e.innerHTML;
+  return e.innerHTML = o, Le(e.content), e.innerHTML;
 }
-function xe(o) {
+function Le(o) {
   const e = [], t = o.querySelectorAll("*");
   for (const n of t) {
-    const i = n.tagName.toLowerCase();
-    if (_e.has(i)) {
+    const s = n.tagName.toLowerCase();
+    if (Se.has(s)) {
       e.push(n);
       continue;
     }
-    if ((i === "svg" || n.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(n.attributes).some(
-      (a) => U.test(a.name) || a.name === "href" || a.name === "xlink:href"
+    if ((s === "svg" || n.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(n.attributes).some(
+      (a) => j.test(a.name) || a.name === "href" || a.name === "xlink:href"
     )) {
       e.push(n);
       continue;
     }
-    const s = [];
+    const i = [];
     for (const r of n.attributes) {
       const a = r.name.toLowerCase();
-      if (U.test(a)) {
-        s.push(r.name);
+      if (j.test(a)) {
+        i.push(r.name);
         continue;
       }
-      if (Ae.has(a) && Se.test(r.value)) {
-        s.push(r.name);
+      if (Ae.has(a) && Te.test(r.value)) {
+        i.push(r.name);
         continue;
       }
       if (a === "style" && /expression\s*\(|javascript:|behavior\s*:/i.test(r.value)) {
-        s.push(r.name);
+        i.push(r.name);
         continue;
       }
     }
-    s.forEach((r) => n.removeAttribute(r));
+    i.forEach((r) => n.removeAttribute(r));
   }
   e.forEach((n) => n.remove());
 }
-function he(o, e) {
+function fe(o, e) {
   if (!o || o.indexOf("{{") === -1) return o;
-  const t = [], n = o.replace(Ee, (a, l) => {
-    const f = Te(l, e);
-    return t.push({ expr: l.trim(), result: f }), f;
-  }), i = Le(n), s = t.length && t.every((a) => a.result === "" || a.result === A);
-  return /Reflect\.|\bProxy\b|ownKeys\(/.test(o) || s ? "" : i;
-}
-function Te(o, e) {
-  if (o = (o || "").trim(), !o || /\b(Reflect|Proxy|ownKeys)\b/.test(o)) return A;
-  if (o === "value") return e.value == null ? A : String(e.value);
+  const t = [], n = o.replace(Re, (a, l) => {
+    const d = ke(l, e);
+    return t.push({ expr: l.trim(), result: d }), d;
+  }), s = Pe(n), i = t.length && t.every((a) => a.result === "" || a.result === x);
+  return /Reflect\.|\bProxy\b|ownKeys\(/.test(o) || i ? "" : s;
+}
+function ke(o, e) {
+  if (o = (o || "").trim(), !o || /\b(Reflect|Proxy|ownKeys)\b/.test(o)) return x;
+  if (o === "value") return e.value == null ? x : String(e.value);
   if (o.startsWith("row.") && !/[()?]/.test(o) && !o.includes(":")) {
-    const n = o.slice(4), i = e.row ? e.row[n] : void 0;
-    return i == null ? A : String(i);
+    const n = o.slice(4), s = e.row ? e.row[n] : void 0;
+    return s == null ? x : String(s);
   }
-  if (o.length > 80 || !ye.test(o) || Re.test(o)) return A;
+  if (o.length > 80 || !_e.test(o) || xe.test(o)) return x;
   const t = o.match(/\./g);
-  if (t && t.length > 1) return A;
+  if (t && t.length > 1) return x;
   try {
-    const i = new Function("value", "row", `return (${o});`)(e.value, e.row), s = i == null ? "" : String(i);
-    return /Reflect|Proxy|ownKeys/.test(s) ? A : s || A;
+    const s = new Function("value", "row", `return (${o});`)(e.value, e.row), i = s == null ? "" : String(s);
+    return /Reflect|Proxy|ownKeys/.test(i) ? x : i || x;
   } catch {
-    return A;
+    return x;
   }
 }
-function Le(o) {
-  return o && o.replace(new RegExp(A, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
+function Pe(o) {
+  return o && o.replace(new RegExp(x, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
 }
-function ke(o) {
+function Me(o) {
   if (/Reflect|Proxy|ownKeys/.test(o.textContent || "")) {
     if (Array.from(o.childNodes).forEach((e) => {
       e.nodeType === Node.TEXT_NODE && /Reflect|Proxy|ownKeys/.test(e.textContent || "") && (e.textContent = "");
@@ -200,40 +201,40 @@ function ke(o) {
     (o.textContent || "").trim().length === 0 && (o.textContent = "");
   }
 }
-function X(o) {
-  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(o), t = (n) => e ? "" : he(o, n);
+function Y(o) {
+  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(o), t = (n) => e ? "" : fe(o, n);
   return t.__blocked = e, t;
 }
-function Pe(o) {
+function Oe(o) {
   return Array.from(o.querySelectorAll("tbw-grid-column")).map((t) => {
     const n = t.getAttribute("field") || "";
     if (!n) return null;
-    const i = t.getAttribute("type") || void 0, r = i && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select", "typeahead"])).has(i) ? i : void 0, a = t.getAttribute("header") || void 0, l = t.hasAttribute("sortable"), f = t.hasAttribute("editable"), p = { field: n, type: r, header: a, sortable: l, editable: f };
-    t.hasAttribute("resizable") && (p.resizable = !0), t.hasAttribute("sizable") && (p.resizable = !0);
+    const s = t.getAttribute("type") || void 0, r = s && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select", "typeahead"])).has(s) ? s : void 0, a = t.getAttribute("header") || void 0, l = t.hasAttribute("sortable"), d = t.hasAttribute("editable"), u = { field: n, type: r, header: a, sortable: l, editable: d };
+    t.hasAttribute("resizable") && (u.resizable = !0), t.hasAttribute("sizable") && (u.resizable = !0);
     const g = t.getAttribute("options");
-    g && (p.options = g.split(",").map((d) => {
-      const [b, m] = d.includes(":") ? d.split(":") : [d.trim(), d.trim()];
-      return { value: b.trim(), label: m?.trim() || b.trim() };
+    g && (u.options = g.split(",").map((p) => {
+      const [w, m] = p.includes(":") ? p.split(":") : [p.trim(), p.trim()];
+      return { value: w.trim(), label: m?.trim() || w.trim() };
     }));
-    const h = t.querySelector("tbw-grid-column-view"), c = t.querySelector("tbw-grid-column-editor"), u = t.querySelector("tbw-grid-column-header");
-    return h && (p.__viewTemplate = h), c && (p.__editorTemplate = c), u && (p.__headerTemplate = u), p;
+    const h = t.querySelector("tbw-grid-column-view"), c = t.querySelector("tbw-grid-column-editor"), f = t.querySelector("tbw-grid-column-header");
+    return h && (u.__viewTemplate = h), c && (u.__editorTemplate = c), f && (u.__headerTemplate = f), u;
   }).filter((t) => !!t);
 }
-function Me(o, e) {
+function He(o, e) {
   if ((!o || !o.length) && (!e || !e.length)) return [];
   if (!o || !o.length) return e || [];
   if (!e || !e.length) return o;
   const t = {};
-  e.forEach((i) => t[i.field] = i);
-  const n = o.map((i) => {
-    const s = t[i.field];
-    if (!s) return i;
-    const r = { ...i };
-    return s.header && !r.header && (r.header = s.header), s.type && !r.type && (r.type = s.type), r.sortable = i.sortable || s.sortable, (i.resizable === !0 || s.resizable === !0) && (r.resizable = !0), r.editable = i.editable || s.editable, s.__viewTemplate && (r.__viewTemplate = s.__viewTemplate), s.__editorTemplate && (r.__editorTemplate = s.__editorTemplate), s.__headerTemplate && (r.__headerTemplate = s.__headerTemplate), delete t[i.field], r;
+  e.forEach((s) => t[s.field] = s);
+  const n = o.map((s) => {
+    const i = t[s.field];
+    if (!i) return s;
+    const r = { ...s };
+    return i.header && !r.header && (r.header = i.header), i.type && !r.type && (r.type = i.type), r.sortable = s.sortable || i.sortable, (s.resizable === !0 || i.resizable === !0) && (r.resizable = !0), r.editable = s.editable || i.editable, i.__viewTemplate && (r.__viewTemplate = i.__viewTemplate), i.__editorTemplate && (r.__editorTemplate = i.__editorTemplate), i.__headerTemplate && (r.__headerTemplate = i.__headerTemplate), delete t[s.field], r;
   });
-  return Object.keys(t).forEach((i) => n.push(t[i])), n;
+  return Object.keys(t).forEach((s) => n.push(t[s])), n;
 }
-function B(o, e) {
+function W(o, e) {
   try {
     o.part?.add?.(e);
   } catch {
@@ -241,45 +242,45 @@ function B(o, e) {
   const t = o.getAttribute("part");
   t ? t.split(/\s+/).includes(e) || o.setAttribute("part", t + " " + e) : o.setAttribute("part", e);
 }
-function He(o) {
+function ze(o) {
   o.__lightDomColumnsCache || (o.__originalColumnNodes = Array.from(
     o.querySelectorAll("tbw-grid-column")
-  ), o.__lightDomColumnsCache = o.__originalColumnNodes.length ? Pe(o) : []);
-  const e = o.__lightDomColumnsCache, t = Me(o._columns, e);
-  t.forEach((i) => {
-    i.__viewTemplate && !i.__compiledView && (i.__compiledView = X(i.__viewTemplate.innerHTML)), i.__editorTemplate && !i.__compiledEditor && (i.__compiledEditor = X(i.__editorTemplate.innerHTML));
+  ), o.__lightDomColumnsCache = o.__originalColumnNodes.length ? Oe(o) : []);
+  const e = o.__lightDomColumnsCache, t = He(o._columns, e);
+  t.forEach((s) => {
+    s.__viewTemplate && !s.__compiledView && (s.__compiledView = Y(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = Y(s.__editorTemplate.innerHTML));
   });
-  const { columns: n } = de(o._rows, t);
+  const { columns: n } = ue(o._rows, t);
   o._columns = n;
 }
-function Oe(o) {
-  const e = o.effectiveConfig?.fitMode || o.fitMode || M.STRETCH;
-  if (e !== M.STRETCH && e !== M.FIXED || o.__didInitialAutoSize || !o.isConnected) return;
+function De(o) {
+  const e = o.effectiveConfig?.fitMode || o.fitMode || O.STRETCH;
+  if (e !== O.STRETCH && e !== O.FIXED || o.__didInitialAutoSize || !o.isConnected) return;
   const t = o.headerRowEl?.children || [];
   if (!t.length) return;
   let n = !1;
-  o.visibleColumns.forEach((i, s) => {
-    if (i.width) return;
-    const r = t[s];
+  o.visibleColumns.forEach((s, i) => {
+    if (s.width) return;
+    const r = t[i];
     let a = r ? r.scrollWidth : 0;
     for (const l of o.rowPool) {
-      const f = l.children[s];
-      if (f) {
-        const p = f.scrollWidth;
-        p > a && (a = p);
+      const d = l.children[i];
+      if (d) {
+        const u = d.scrollWidth;
+        u > a && (a = u);
       }
     }
-    a > 0 && (i.width = a + 2, i.__autoSized = !0, n = !0);
-  }), n && ue(o), o.__didInitialAutoSize = !0;
+    a > 0 && (s.width = a + 2, s.__autoSized = !0, n = !0);
+  }), n && pe(o), o.__didInitialAutoSize = !0;
 }
-function ue(o) {
-  (o.effectiveConfig?.fitMode || o.fitMode || M.STRETCH) === M.STRETCH ? o.gridTemplate = o.visibleColumns.map((t) => {
+function pe(o) {
+  (o.effectiveConfig?.fitMode || o.fitMode || O.STRETCH) === O.STRETCH ? o.gridTemplate = o.visibleColumns.map((t) => {
     if (t.width) return `${t.width}px`;
     const n = t.minWidth;
     return n != null ? `minmax(${n}px, 1fr)` : "1fr";
   }).join(" ").trim() : o.gridTemplate = o.visibleColumns.map((t) => t.width ? `${t.width}px` : "max-content").join(" "), o.style.setProperty("--tbw-column-template", o.gridTemplate);
 }
-function De(o) {
+function Ne(o) {
   switch (o.type) {
     case "number":
       return (e) => {
@@ -304,21 +305,21 @@ function De(o) {
     case "typeahead":
       return (e) => {
         const t = document.createElement("select");
-        e.column.multi && (t.multiple = !0), (typeof e.column.options == "function" ? e.column.options() : e.column.options || []).forEach((s) => {
+        e.column.multi && (t.multiple = !0), (typeof e.column.options == "function" ? e.column.options() : e.column.options || []).forEach((i) => {
           const r = document.createElement("option");
-          r.value = String(s.value), r.textContent = s.label, (e.column.multi && Array.isArray(e.value) && e.value.includes(s.value) || !e.column.multi && e.value === s.value) && (r.selected = !0), t.appendChild(r);
+          r.value = String(i.value), r.textContent = i.label, (e.column.multi && Array.isArray(e.value) && e.value.includes(i.value) || !e.column.multi && e.value === i.value) && (r.selected = !0), t.appendChild(r);
         });
-        const i = () => {
+        const s = () => {
           if (e.column.multi) {
-            const s = [];
+            const i = [];
             Array.from(t.selectedOptions).forEach((r) => {
-              s.push(r.value);
-            }), e.commit(s);
+              i.push(r.value);
+            }), e.commit(i);
           } else
             e.commit(t.value);
         };
-        return t.addEventListener("change", i), t.addEventListener("blur", i), t.addEventListener("keydown", (s) => {
-          s.key === "Escape" && e.cancel();
+        return t.addEventListener("change", s), t.addEventListener("blur", s), t.addEventListener("keydown", (i) => {
+          i.key === "Escape" && e.cancel();
         }), t.focus(), t;
       };
     default:
@@ -330,25 +331,25 @@ function De(o) {
       };
   }
 }
-function ze(o, e) {
+function qe(o, e) {
   if (o.dispatchKeyDown?.(e))
     return;
-  const t = o._rows.length - 1, n = o.visibleColumns.length - 1, i = o.activeEditRows !== void 0 && o.activeEditRows !== -1, r = o.visibleColumns[o.focusCol]?.type, a = e.composedPath ? e.composedPath() : [], l = a && a.length ? a[0] : e.target, f = (p) => {
-    if (!p) return !1;
-    const g = p.tagName;
-    return !!(g === "INPUT" || g === "SELECT" || g === "TEXTAREA" || p.isContentEditable);
+  const t = o._rows.length - 1, n = o.visibleColumns.length - 1, s = o.activeEditRows !== void 0 && o.activeEditRows !== -1, r = o.visibleColumns[o.focusCol]?.type, a = e.composedPath ? e.composedPath() : [], l = a && a.length ? a[0] : e.target, d = (u) => {
+    if (!u) return !1;
+    const g = u.tagName;
+    return !!(g === "INPUT" || g === "SELECT" || g === "TEXTAREA" || u.isContentEditable);
   };
-  if (!(f(l) && (e.key === "Home" || e.key === "End")) && !(f(l) && (e.key === "ArrowUp" || e.key === "ArrowDown") && l.tagName === "INPUT" && l.type === "number") && !(i && (r === "select" || r === "typeahead") && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
+  if (!(d(l) && (e.key === "Home" || e.key === "End")) && !(d(l) && (e.key === "ArrowUp" || e.key === "ArrowDown") && l.tagName === "INPUT" && l.type === "number") && !(s && (r === "select" || r === "typeahead") && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
     switch (e.key) {
       case "Tab": {
         e.preventDefault(), !e.shiftKey ? o.focusCol < n ? o.focusCol += 1 : (typeof o.commitActiveRowEdit == "function" && o.commitActiveRowEdit(), o.focusRow < t && (o.focusRow += 1, o.focusCol = 0)) : o.focusCol > 0 ? o.focusCol -= 1 : o.focusRow > 0 && (typeof o.commitActiveRowEdit == "function" && o.activeEditRows === o.focusRow && o.commitActiveRowEdit(), o.focusRow -= 1, o.focusCol = n), H(o);
         return;
       }
       case "ArrowDown":
-        i && typeof o.commitActiveRowEdit == "function" && o.commitActiveRowEdit(), o.focusRow = Math.min(t, o.focusRow + 1), e.preventDefault();
+        s && typeof o.commitActiveRowEdit == "function" && o.commitActiveRowEdit(), o.focusRow = Math.min(t, o.focusRow + 1), e.preventDefault();
         break;
       case "ArrowUp":
-        i && typeof o.commitActiveRowEdit == "function" && o.commitActiveRowEdit(), o.focusRow = Math.max(0, o.focusRow - 1), e.preventDefault();
+        s && typeof o.commitActiveRowEdit == "function" && o.commitActiveRowEdit(), o.focusRow = Math.max(0, o.focusRow - 1), e.preventDefault();
         break;
       case "ArrowRight":
         o.focusCol = Math.min(n, o.focusCol + 1), e.preventDefault();
@@ -380,18 +381,18 @@ function ze(o, e) {
 }
 function H(o) {
   if (o.virtualization?.enabled) {
-    const { rowHeight: i } = o.virtualization, s = o, r = o.focusRow * i;
-    r < s.scrollTop ? s.scrollTop = r : r + i > s.scrollTop + s.clientHeight && (s.scrollTop = r - s.clientHeight + i);
+    const { rowHeight: s } = o.virtualization, i = o, r = o.focusRow * s;
+    r < i.scrollTop ? i.scrollTop = r : r + s > i.scrollTop + i.clientHeight && (i.scrollTop = r - i.clientHeight + s);
   }
-  o.refreshVirtualWindow(!1), Array.from(o.bodyEl.querySelectorAll(".cell-focus")).forEach((i) => i.classList.remove("cell-focus")), Array.from(o.bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((i) => {
-    i.setAttribute("aria-selected", "false");
+  o.refreshVirtualWindow(!1), Array.from(o.bodyEl.querySelectorAll(".cell-focus")).forEach((s) => s.classList.remove("cell-focus")), Array.from(o.bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((s) => {
+    s.setAttribute("aria-selected", "false");
   });
   const e = o.focusRow, t = o.virtualization.start ?? 0, n = o.virtualization.end ?? o._rows.length;
   if (e >= t && e < n) {
-    const s = o.bodyEl.querySelectorAll(".data-grid-row")[e - t]?.children[o.focusCol];
-    if (s) {
-      if (s.classList.add("cell-focus"), s.setAttribute("aria-selected", "true"), o.activeEditRows !== void 0 && o.activeEditRows !== -1 && s.classList.contains("editing")) {
-        const r = s.querySelector(
+    const i = o.bodyEl.querySelectorAll(".data-grid-row")[e - t]?.children[o.focusCol];
+    if (i) {
+      if (i.classList.add("cell-focus"), i.setAttribute("aria-selected", "true"), o.activeEditRows !== void 0 && o.activeEditRows !== -1 && i.classList.contains("editing")) {
+        const r = i.querySelector(
           'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])'
         );
         if (r && document.activeElement !== r)
@@ -399,63 +400,63 @@ function H(o) {
             r.focus();
           } catch {
           }
-      } else if (!s.contains(document.activeElement)) {
-        s.hasAttribute("tabindex") || s.setAttribute("tabindex", "-1");
+      } else if (!i.contains(document.activeElement)) {
+        i.hasAttribute("tabindex") || i.setAttribute("tabindex", "-1");
         try {
-          s.focus({ preventScroll: !0 });
+          i.focus({ preventScroll: !0 });
         } catch {
         }
       }
     }
   }
 }
-const Ne = "__cellDisplayCache", Ie = "__cellCacheEpoch";
-function j(o) {
-  o[Ne] = void 0, o[Ie] = void 0, o.__hasSpecialColumns = void 0;
+const Ie = "__cellDisplayCache", $e = "__cellCacheEpoch";
+function Z(o) {
+  o[Ie] = void 0, o[$e] = void 0, o.__hasSpecialColumns = void 0;
 }
-function qe(o, e, t, n, i) {
-  const s = Math.max(0, t - e), r = o.bodyEl, a = o.visibleColumns, l = a.length;
-  let f = o.__cachedHeaderRowCount;
-  for (f === void 0 && (f = o.shadowRoot?.querySelector(".header-group-row") ? 2 : 1, o.__cachedHeaderRowCount = f); o.rowPool.length < s; ) {
+function Be(o, e, t, n, s) {
+  const i = Math.max(0, t - e), r = o.bodyEl, a = o.visibleColumns, l = a.length;
+  let d = o.__cachedHeaderRowCount;
+  for (d === void 0 && (d = o.shadowRoot?.querySelector(".header-group-row") ? 2 : 1, o.__cachedHeaderRowCount = d); o.rowPool.length < i; ) {
     const g = document.createElement("div");
-    g.className = "data-grid-row", g.setAttribute("role", "row"), g.addEventListener("click", (h) => Z(o, h, g, !1)), g.addEventListener("dblclick", (h) => Z(o, h, g, !0)), o.rowPool.push(g);
+    g.className = "data-grid-row", g.setAttribute("role", "row"), g.addEventListener("click", (h) => Q(o, h, g, !1)), g.addEventListener("dblclick", (h) => Q(o, h, g, !0)), o.rowPool.push(g);
   }
-  if (o.rowPool.length > s) {
-    for (let g = s; g < o.rowPool.length; g++) {
+  if (o.rowPool.length > i) {
+    for (let g = i; g < o.rowPool.length; g++) {
       const h = o.rowPool[g];
       h.parentNode === r && h.remove();
     }
-    o.rowPool.length = s;
+    o.rowPool.length = i;
   }
-  const p = i && o.__hasRenderRowPlugins !== !1;
-  for (let g = 0; g < s; g++) {
-    const h = e + g, c = o._rows[h], u = o.rowPool[g];
-    if (u.setAttribute("aria-rowindex", String(h + f + 1)), p && i(c, u, h)) {
-      u.__epoch = n, u.__rowDataRef = c, u.parentNode !== r && r.appendChild(u);
+  const u = s && o.__hasRenderRowPlugins !== !1;
+  for (let g = 0; g < i; g++) {
+    const h = e + g, c = o._rows[h], f = o.rowPool[g];
+    if (f.setAttribute("aria-rowindex", String(h + d + 1)), u && s(c, f, h)) {
+      f.__epoch = n, f.__rowDataRef = c, f.parentNode !== r && r.appendChild(f);
       continue;
     }
-    const d = u.__epoch, b = u.__rowDataRef, m = u.children.length, R = d === n && m === l, E = b !== c;
+    const p = f.__epoch, w = f.__rowDataRef, m = f.children.length, R = p === n && m === l, C = w !== c;
     let _ = !1;
-    if (R && E) {
-      for (let S = 0; S < l; S++)
-        if (a[S].externalView && !u.querySelector(`.cell[data-col="${S}"] [data-external-view]`)) {
+    if (R && C) {
+      for (let A = 0; A < l; A++)
+        if (a[A].externalView && !f.querySelector(`.cell[data-col="${A}"] [data-external-view]`)) {
           _ = !0;
           break;
         }
     }
-    !R || _ ? (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), F(o, u, c, h), u.__epoch = n, u.__rowDataRef = c) : E ? (Y(o, u, c, h), u.__rowDataRef = c) : Y(o, u, c, h);
-    const w = o._changedRowIndices.has(h), v = u.classList.contains("changed");
-    w !== v && u.classList.toggle("changed", w), u.parentNode !== r && r.appendChild(u);
+    !R || _ ? (f.__isCustomRow && (f.className = "data-grid-row", f.setAttribute("role", "row"), f.__isCustomRow = !1), G(o, f, c, h), f.__epoch = n, f.__rowDataRef = c) : C ? (J(o, f, c, h), f.__rowDataRef = c) : J(o, f, c, h);
+    const b = o._changedRowIndices.has(h), v = f.classList.contains("changed");
+    b !== v && f.classList.toggle("changed", b), f.parentNode !== r && r.appendChild(f);
   }
 }
-function Y(o, e, t, n) {
-  const i = e.children, s = o.visibleColumns, r = s.length, a = i.length, l = r < a ? r : a, f = o.focusRow, p = o.focusCol;
+function J(o, e, t, n) {
+  const s = e.children, i = o.visibleColumns, r = i.length, a = s.length, l = r < a ? r : a, d = o.focusRow, u = o.focusCol;
   let g = o.__hasSpecialColumns;
   if (g === void 0) {
     g = !1;
     for (let c = 0; c < r; c++) {
-      const u = s[c];
-      if (u.__viewTemplate || u.__compiledView || u.viewRenderer || u.externalView || u.format || u.type === "date" || u.type === "boolean") {
+      const f = i[c];
+      if (f.__viewTemplate || f.__compiledView || f.viewRenderer || f.externalView || f.format || f.type === "date" || f.type === "boolean") {
         g = !0;
         break;
       }
@@ -465,89 +466,89 @@ function Y(o, e, t, n) {
   const h = String(n);
   if (!g) {
     for (let c = 0; c < l; c++) {
-      const u = i[c], d = t[s[c].field];
-      u.textContent = d == null ? "" : String(d), u.getAttribute("data-row") !== h && u.setAttribute("data-row", h);
-      const b = f === n && p === c, m = u.classList.contains("cell-focus");
-      b !== m && (u.classList.toggle("cell-focus", b), u.setAttribute("aria-selected", String(b)));
+      const f = s[c], p = t[i[c].field];
+      f.textContent = p == null ? "" : String(p), f.getAttribute("data-row") !== h && f.setAttribute("data-row", h);
+      const w = d === n && u === c, m = f.classList.contains("cell-focus");
+      w !== m && (f.classList.toggle("cell-focus", w), f.setAttribute("aria-selected", String(w)));
     }
     return;
   }
   for (let c = 0; c < l; c++)
-    if (s[c].externalView && !i[c].querySelector("[data-external-view]")) {
-      F(o, e, t, n);
+    if (i[c].externalView && !s[c].querySelector("[data-external-view]")) {
+      G(o, e, t, n);
       return;
     }
   for (let c = 0; c < l; c++) {
-    const u = s[c], d = i[c];
-    d.getAttribute("data-row") !== h && d.setAttribute("data-row", h);
-    const b = f === n && p === c, m = d.classList.contains("cell-focus");
-    if (b !== m && (d.classList.toggle("cell-focus", b), d.setAttribute("aria-selected", String(b))), d.classList.contains("editing")) continue;
-    if (u.viewRenderer) {
-      const E = t[u.field], _ = u.viewRenderer({ row: t, value: E, field: u.field, column: u });
-      typeof _ == "string" ? d.innerHTML = z(_) : _ ? (d.innerHTML = "", d.appendChild(_)) : d.textContent = E == null ? "" : String(E);
+    const f = i[c], p = s[c];
+    p.getAttribute("data-row") !== h && p.setAttribute("data-row", h);
+    const w = d === n && u === c, m = p.classList.contains("cell-focus");
+    if (w !== m && (p.classList.toggle("cell-focus", w), p.setAttribute("aria-selected", String(w))), p.classList.contains("editing")) continue;
+    if (f.viewRenderer) {
+      const C = t[f.field], _ = f.viewRenderer({ row: t, value: C, field: f.field, column: f });
+      typeof _ == "string" ? p.innerHTML = q(_) : _ ? (p.innerHTML = "", p.appendChild(_)) : p.textContent = C == null ? "" : String(C);
       continue;
     }
-    if (u.__viewTemplate || u.__compiledView || u.externalView)
+    if (f.__viewTemplate || f.__compiledView || f.externalView)
       continue;
-    const C = t[u.field];
+    const y = t[f.field];
     let R;
-    if (u.format)
+    if (f.format)
       try {
-        const E = u.format(C, t);
-        R = E == null ? "" : String(E);
-      } catch {
+        const C = f.format(y, t);
         R = C == null ? "" : String(C);
+      } catch {
+        R = y == null ? "" : String(y);
       }
-    else if (u.type === "date")
-      if (C == null || C === "")
+    else if (f.type === "date")
+      if (y == null || y === "")
         R = "";
-      else if (C instanceof Date)
-        R = isNaN(C.getTime()) ? "" : C.toLocaleDateString();
+      else if (y instanceof Date)
+        R = isNaN(y.getTime()) ? "" : y.toLocaleDateString();
       else {
-        const E = new Date(C);
-        R = isNaN(E.getTime()) ? "" : E.toLocaleDateString();
+        const C = new Date(y);
+        R = isNaN(C.getTime()) ? "" : C.toLocaleDateString();
       }
-    else u.type === "boolean" ? (R = C ? "🗹" : "☐", d.setAttribute("aria-checked", String(!!C))) : R = C == null ? "" : String(C);
-    d.textContent = R;
+    else f.type === "boolean" ? (R = y ? "🗹" : "☐", p.setAttribute("aria-checked", String(!!y))) : R = y == null ? "" : String(y);
+    p.textContent = R;
   }
 }
-function F(o, e, t, n) {
+function G(o, e, t, n) {
   e.innerHTML = "";
-  const i = o.visibleColumns, s = i.length, r = o.focusRow, a = o.focusCol, l = o.effectiveConfig?.editOn || o.editOn, f = o, p = document.createDocumentFragment();
-  for (let g = 0; g < s; g++) {
-    const h = i[g], c = document.createElement("div");
-    c.className = "cell", B(c, "cell"), h.type !== "boolean" && c.setAttribute("role", "gridcell"), c.setAttribute("data-col", String(g)), c.setAttribute("data-row", String(n)), c.setAttribute("aria-colindex", String(g + 1)), h.type && c.setAttribute("data-type", h.type);
-    const u = h.sticky;
-    u === "left" ? c.classList.add("sticky-left") : u === "right" && c.classList.add("sticky-right");
-    let d = t[h.field];
-    const b = h.format;
-    if (b)
+  const s = o.visibleColumns, i = s.length, r = o.focusRow, a = o.focusCol, l = o.effectiveConfig?.editOn || o.editOn, d = o, u = document.createDocumentFragment();
+  for (let g = 0; g < i; g++) {
+    const h = s[g], c = document.createElement("div");
+    c.className = "cell", W(c, "cell"), h.type !== "boolean" && c.setAttribute("role", "gridcell"), c.setAttribute("data-col", String(g)), c.setAttribute("data-row", String(n)), c.setAttribute("aria-colindex", String(g + 1)), h.type && c.setAttribute("data-type", h.type);
+    const f = h.sticky;
+    f === "left" ? c.classList.add("sticky-left") : f === "right" && c.classList.add("sticky-right");
+    let p = t[h.field];
+    const w = h.format;
+    if (w)
       try {
-        d = b(d, t);
+        p = w(p, t);
       } catch {
       }
-    const m = h.__compiledView, C = h.__viewTemplate, R = h.viewRenderer, E = h.externalView;
+    const m = h.__compiledView, y = h.__viewTemplate, R = h.viewRenderer, C = h.externalView;
     let _ = !1;
     if (R) {
-      const w = R({ row: t, value: d, field: h.field, column: h });
-      typeof w == "string" ? (c.innerHTML = z(w), _ = !0) : w ? c.appendChild(w) : c.textContent = d == null ? "" : String(d);
-    } else if (E) {
-      const w = E, v = document.createElement("div");
+      const b = R({ row: t, value: p, field: h.field, column: h });
+      typeof b == "string" ? (c.innerHTML = q(b), _ = !0) : b ? c.appendChild(b) : c.textContent = p == null ? "" : String(p);
+    } else if (C) {
+      const b = C, v = document.createElement("div");
       v.setAttribute("data-external-view", ""), v.setAttribute("data-field", h.field), c.appendChild(v);
-      const S = { row: t, value: d, field: h.field, column: h };
-      if (w.mount)
+      const A = { row: t, value: p, field: h.field, column: h };
+      if (b.mount)
         try {
-          w.mount({ placeholder: v, context: S, spec: w });
+          b.mount({ placeholder: v, context: A, spec: b });
         } catch {
         }
       else
         queueMicrotask(() => {
           try {
-            f.dispatchEvent(
+            d.dispatchEvent(
               new CustomEvent("mount-external-view", {
                 bubbles: !0,
                 composed: !0,
-                detail: { placeholder: v, spec: w, context: S }
+                detail: { placeholder: v, spec: b, context: A }
               })
             );
           } catch {
@@ -555,50 +556,50 @@ function F(o, e, t, n) {
         });
       v.setAttribute("data-mounted", "");
     } else if (m) {
-      const w = m({ row: t, value: d, field: h.field, column: h }), v = m.__blocked;
-      c.innerHTML = v ? "" : z(w), _ = !0, v && (c.textContent = "", c.setAttribute("data-blocked-template", ""));
-    } else if (C) {
-      const w = C.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(w) ? (c.textContent = "", c.setAttribute("data-blocked-template", "")) : (c.innerHTML = z(he(w, { row: t, value: d })), _ = !0);
+      const b = m({ row: t, value: p, field: h.field, column: h }), v = m.__blocked;
+      c.innerHTML = v ? "" : q(b), _ = !0, v && (c.textContent = "", c.setAttribute("data-blocked-template", ""));
+    } else if (y) {
+      const b = y.innerHTML;
+      /Reflect\.|\bProxy\b|ownKeys\(/.test(b) ? (c.textContent = "", c.setAttribute("data-blocked-template", "")) : (c.innerHTML = q(fe(b, { row: t, value: p })), _ = !0);
     } else if (h.type === "date")
-      if (d == null || d === "")
+      if (p == null || p === "")
         c.textContent = "";
       else {
-        let w = null;
-        if (d instanceof Date) w = d;
-        else if (typeof d == "number" || typeof d == "string") {
-          const v = new Date(d);
-          isNaN(v.getTime()) || (w = v);
+        let b = null;
+        if (p instanceof Date) b = p;
+        else if (typeof p == "number" || typeof p == "string") {
+          const v = new Date(p);
+          isNaN(v.getTime()) || (b = v);
         }
-        c.textContent = w ? w.toLocaleDateString() : "";
+        c.textContent = b ? b.toLocaleDateString() : "";
       }
     else if (h.type === "boolean") {
-      const w = !!d;
-      c.innerHTML = w ? "&#x1F5F9;" : "&#9744;", c.setAttribute("role", "checkbox"), c.setAttribute("aria-checked", String(w)), c.setAttribute("aria-label", String(w));
+      const b = !!p;
+      c.innerHTML = b ? "&#x1F5F9;" : "&#9744;", c.setAttribute("role", "checkbox"), c.setAttribute("aria-checked", String(b)), c.setAttribute("aria-label", String(b));
     } else
-      c.textContent = d == null ? "" : String(d);
+      c.textContent = p == null ? "" : String(p);
     if (_) {
-      ke(c);
-      const w = c.textContent || "";
-      /Proxy|Reflect\.ownKeys/.test(w) && (c.textContent = w.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(c.textContent || "") && (c.textContent = ""));
+      Me(c);
+      const b = c.textContent || "";
+      /Proxy|Reflect\.ownKeys/.test(b) && (c.textContent = b.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(c.textContent || "") && (c.textContent = ""));
     }
     c.hasAttribute("data-blocked-template") && (c.textContent || "").trim().length && (c.textContent = ""), h.editable ? (c.tabIndex = 0, c.addEventListener("mousedown", () => {
       o.focusRow = n, o.focusCol = g, H(o);
-    }), l === "click" ? c.addEventListener("click", (w) => {
-      c.classList.contains("editing") || (w.stopPropagation(), o.focusRow = n, o.focusCol = g, L(o, t, n, h, c));
-    }) : c.addEventListener("dblclick", (w) => {
-      w.stopPropagation(), T(o, n, t);
+    }), l === "click" ? c.addEventListener("click", (b) => {
+      c.classList.contains("editing") || (b.stopPropagation(), o.focusRow = n, o.focusCol = g, k(o, t, n, h, c));
+    }) : c.addEventListener("dblclick", (b) => {
+      b.stopPropagation(), L(o, n, t);
       const v = o.findRenderedRowElement?.(n);
       if (v) {
-        const S = v.children;
-        for (let k = 0; k < S.length; k++) {
-          const O = o.visibleColumns[k];
-          O && O.editable && L(o, t, n, O, S[k]);
+        const A = v.children;
+        for (let P = 0; P < A.length; P++) {
+          const D = o.visibleColumns[P];
+          D && D.editable && k(o, t, n, D, A[P]);
         }
       }
-    }), c.addEventListener("keydown", (w) => {
-      if ((h.type === "select" || h.type === "typeahead") && !c.classList.contains("editing") && w.key === "Enter") {
-        w.preventDefault(), o.activeEditRows !== n && T(o, n, t), L(o, t, n, h, c), setTimeout(() => {
+    }), c.addEventListener("keydown", (b) => {
+      if ((h.type === "select" || h.type === "typeahead") && !c.classList.contains("editing") && b.key === "Enter") {
+        b.preventDefault(), o.activeEditRows !== n && L(o, n, t), k(o, t, n, h, c), setTimeout(() => {
           const v = c.querySelector("select");
           try {
             v?.showPicker?.();
@@ -608,86 +609,86 @@ function F(o, e, t, n) {
         }, 0);
         return;
       }
-      if (h.type === "boolean" && w.key === " " && !c.classList.contains("editing")) {
-        w.preventDefault(), o.activeEditRows !== n && T(o, n, t);
+      if (h.type === "boolean" && b.key === " " && !c.classList.contains("editing")) {
+        b.preventDefault(), o.activeEditRows !== n && L(o, n, t);
         const v = !t[h.field];
-        $(o, n, h, v, t), c.innerHTML = v ? "&#x1F5F9;" : "&#9744;", c.setAttribute("aria-label", String(!!v));
+        K(o, n, h, v, t), c.innerHTML = v ? "&#x1F5F9;" : "&#9744;", c.setAttribute("aria-label", String(!!v));
         return;
       }
-      if (w.key === "Enter" && !c.classList.contains("editing")) {
-        w.preventDefault(), o.focusRow = n, o.focusCol = g, typeof o.beginBulkEdit == "function" ? o.beginBulkEdit(n) : L(o, t, n, h, c);
+      if (b.key === "Enter" && !c.classList.contains("editing")) {
+        b.preventDefault(), o.focusRow = n, o.focusCol = g, typeof o.beginBulkEdit == "function" ? o.beginBulkEdit(n) : k(o, t, n, h, c);
         return;
       }
-      if (w.key === "F2" && !c.classList.contains("editing")) {
-        w.preventDefault(), L(o, t, n, h, c);
+      if (b.key === "F2" && !c.classList.contains("editing")) {
+        b.preventDefault(), k(o, t, n, h, c);
         return;
       }
-    })) : h.type === "boolean" && (c.hasAttribute("tabindex") || (c.tabIndex = 0), c.addEventListener("keydown", (w) => {
-      if (w.key === " ") {
-        w.preventDefault();
+    })) : h.type === "boolean" && (c.hasAttribute("tabindex") || (c.tabIndex = 0), c.addEventListener("keydown", (b) => {
+      if (b.key === " ") {
+        b.preventDefault();
         const v = !t[h.field];
-        o.activeEditRows !== n && T(o, n, t), $(o, n, h, v, t), c.innerHTML = v ? "&#x1F5F9;" : "&#9744;", c.setAttribute("role", "checkbox"), c.setAttribute("aria-checked", String(!!v)), c.setAttribute("aria-label", String(!!v));
+        o.activeEditRows !== n && L(o, n, t), K(o, n, h, v, t), c.innerHTML = v ? "&#x1F5F9;" : "&#9744;", c.setAttribute("role", "checkbox"), c.setAttribute("aria-checked", String(!!v)), c.setAttribute("aria-label", String(!!v));
       }
-    })), r === n && a === g ? c.setAttribute("aria-selected", "true") : c.setAttribute("aria-selected", "false"), p.appendChild(c);
+    })), r === n && a === g ? c.setAttribute("aria-selected", "true") : c.setAttribute("aria-selected", "false"), u.appendChild(c);
   }
-  e.appendChild(p);
+  e.appendChild(u);
 }
-function Z(o, e, t, n) {
+function Q(o, e, t, n) {
   if (e.target?.closest(".resize-handle")) return;
-  const i = t.querySelector(".cell[data-row]");
-  if (!i) return;
-  const s = Number(i.getAttribute("data-row"));
-  if (isNaN(s)) return;
-  const r = o._rows[s];
+  const s = t.querySelector(".cell[data-row]");
+  if (!s) return;
+  const i = Number(s.getAttribute("data-row"));
+  if (isNaN(i)) return;
+  const r = o._rows[i];
   if (!r) return;
   const a = e.target?.closest(".cell[data-col]");
   if (a) {
-    const f = Number(a.getAttribute("data-col"));
-    if (!isNaN(f)) {
-      if (o.dispatchCellClick?.(e, s, f, a))
+    const d = Number(a.getAttribute("data-col"));
+    if (!isNaN(d)) {
+      if (o.dispatchCellClick?.(e, i, d, a))
         return;
-      o.focusRow = s, o.focusCol = f, H(o);
+      o.focusRow = i, o.focusCol = d, H(o);
     }
   }
   if (t.querySelector(".cell.editing")) {
-    const f = t.querySelectorAll(".cell.editing");
+    const d = t.querySelectorAll(".cell.editing");
     if (!n) return;
-    f.forEach((p) => p.classList.remove("editing"));
+    d.forEach((u) => u.classList.remove("editing"));
   }
   const l = o.effectiveConfig?.editOn || o.editOn || "doubleClick";
-  if (l === "click" || l === "doubleClick" && n) T(o, s, r);
+  if (l === "click" || l === "doubleClick" && n) L(o, i, r);
   else return;
-  Array.from(t.children).forEach((f, p) => {
-    const g = o.visibleColumns[p];
-    g && g.editable && L(o, r, s, g, f);
+  Array.from(t.children).forEach((d, u) => {
+    const g = o.visibleColumns[u];
+    g && g.editable && k(o, r, i, g, d);
   }), a && queueMicrotask(() => {
-    const f = t.querySelector(`.cell[data-col="${o.focusCol}"]`);
-    if (f?.classList.contains("editing")) {
-      const p = f.querySelector(
+    const d = t.querySelector(`.cell[data-col="${o.focusCol}"]`);
+    if (d?.classList.contains("editing")) {
+      const u = d.querySelector(
         'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])'
       );
       try {
-        p?.focus();
+        u?.focus();
       } catch {
       }
     }
   });
 }
-function T(o, e, t) {
+function L(o, e, t) {
   o.activeEditRows !== e && (o.rowEditSnapshots.set(e, { ...t }), o.activeEditRows = e);
 }
-function Be(o, e, t) {
+function We(o, e, t) {
   if (o.activeEditRows !== e) return;
-  const n = o.rowEditSnapshots.get(e), i = o._rows[e];
-  if (t && n && i)
-    Object.keys(n).forEach((r) => i[r] = n[r]), o._changedRowIndices.delete(e);
+  const n = o.rowEditSnapshots.get(e), s = o._rows[e];
+  if (t && n && s)
+    Object.keys(n).forEach((r) => s[r] = n[r]), o._changedRowIndices.delete(e);
   else if (!t) {
     const r = o._changedRowIndices.has(e);
     o.dispatchEvent(
       new CustomEvent("row-commit", {
         detail: {
           rowIndex: e,
-          row: i,
+          row: s,
           changed: r,
           changedRows: o.changedRows,
           changedRowIndices: o.changedRowIndices
@@ -696,34 +697,34 @@ function Be(o, e, t) {
     );
   }
   o.rowEditSnapshots.delete(e), o.activeEditRows = -1;
-  const s = o.findRenderedRowElement?.(e);
-  s && (F(o, s, o._rows[e], e), o._changedRowIndices.has(e) ? s.classList.add("changed") : s.classList.remove("changed")), t && queueMicrotask(() => {
+  const i = o.findRenderedRowElement?.(e);
+  i && (G(o, i, o._rows[e], e), o._changedRowIndices.has(e) ? i.classList.add("changed") : i.classList.remove("changed")), t && queueMicrotask(() => {
     try {
       o.focus();
       const r = o.focusRow, a = o.focusCol, l = o.findRenderedRowElement?.(r);
       if (l) {
         Array.from(o.bodyEl.querySelectorAll(".cell-focus")).forEach(
-          (p) => p.classList.remove("cell-focus")
+          (u) => u.classList.remove("cell-focus")
         );
-        const f = l.querySelector(`.cell[data-row="${r}"][data-col="${a}"]`);
-        f && f.classList.add("cell-focus");
+        const d = l.querySelector(`.cell[data-row="${r}"][data-col="${a}"]`);
+        d && d.classList.add("cell-focus");
       }
     } catch {
     }
   });
 }
-function $(o, e, t, n, i) {
-  const s = t.field;
-  if (i[s] === n) return;
-  i[s] = n;
+function K(o, e, t, n, s) {
+  const i = t.field;
+  if (s[i] === n) return;
+  s[i] = n;
   const a = !o._changedRowIndices.has(e);
   o._changedRowIndices.add(e);
   const l = o.findRenderedRowElement?.(e);
   l && l.classList.add("changed"), o.dispatchEvent(
     new CustomEvent("cell-commit", {
       detail: {
-        row: i,
-        field: s,
+        row: s,
+        field: i,
         value: n,
         rowIndex: e,
         changedRows: o.changedRows,
@@ -733,122 +734,122 @@ function $(o, e, t, n, i) {
     })
   );
 }
-function L(o, e, t, n, i) {
-  if (!n.editable || (o.activeEditRows !== t && T(o, t, e), i.classList.contains("editing"))) return;
-  const s = e[n.field];
-  i.classList.add("editing");
+function k(o, e, t, n, s) {
+  if (!n.editable || (o.activeEditRows !== t && L(o, t, e), s.classList.contains("editing"))) return;
+  const i = e[n.field];
+  s.classList.add("editing");
   const r = (h) => {
-    $(o, t, n, h, e);
+    K(o, t, n, h, e);
   }, a = () => {
-    e[n.field] = s;
-    const h = i.querySelector("input,textarea,select");
-    h && (typeof HTMLInputElement < "u" && h instanceof HTMLInputElement && h.type === "checkbox" ? h.checked = !!s : "value" in h && (h.value = s ?? ""));
+    e[n.field] = i;
+    const h = s.querySelector("input,textarea,select");
+    h && (typeof HTMLInputElement < "u" && h instanceof HTMLInputElement && h.type === "checkbox" ? h.checked = !!i : "value" in h && (h.value = i ?? ""));
   }, l = document.createElement("div");
-  l.style.display = "contents", i.innerHTML = "", i.appendChild(l);
-  const f = n.__editorTemplate, p = n.editor || (f ? "template" : De(n)), g = s;
-  if (p === "template" && f) {
-    const h = f.cloneNode(!0), c = n.__compiledEditor;
-    c ? h.innerHTML = c({ row: e, value: s, field: n.field, column: n }) : h.querySelectorAll("*").forEach((d) => {
-      d.childNodes.length === 1 && d.firstChild?.nodeType === Node.TEXT_NODE && (d.textContent = d.textContent?.replace(/{{\s*value\s*}}/g, s == null ? "" : String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (b, m) => {
-        const C = e[m];
-        return C == null ? "" : String(C);
+  l.style.display = "contents", s.innerHTML = "", s.appendChild(l);
+  const d = n.__editorTemplate, u = n.editor || (d ? "template" : Ne(n)), g = i;
+  if (u === "template" && d) {
+    const h = d.cloneNode(!0), c = n.__compiledEditor;
+    c ? h.innerHTML = c({ row: e, value: i, field: n.field, column: n }) : h.querySelectorAll("*").forEach((p) => {
+      p.childNodes.length === 1 && p.firstChild?.nodeType === Node.TEXT_NODE && (p.textContent = p.textContent?.replace(/{{\s*value\s*}}/g, i == null ? "" : String(i)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (w, m) => {
+        const y = e[m];
+        return y == null ? "" : String(y);
       }) || "");
     });
-    const u = h.querySelector("input,textarea,select");
-    if (u) {
-      const d = typeof HTMLInputElement < "u";
-      d && u instanceof HTMLInputElement && u.type === "checkbox" ? u.checked = !!s : "value" in u && (u.value = s ?? ""), u.addEventListener("blur", () => {
-        const b = d && u instanceof HTMLInputElement && u.type === "checkbox" ? u.checked : u.value;
-        r(b);
-      }), u.addEventListener("keydown", (b) => {
-        if (b.key === "Enter") {
-          const m = d && u instanceof HTMLInputElement && u.type === "checkbox" ? u.checked : u.value;
+    const f = h.querySelector("input,textarea,select");
+    if (f) {
+      const p = typeof HTMLInputElement < "u";
+      p && f instanceof HTMLInputElement && f.type === "checkbox" ? f.checked = !!i : "value" in f && (f.value = i ?? ""), f.addEventListener("blur", () => {
+        const w = p && f instanceof HTMLInputElement && f.type === "checkbox" ? f.checked : f.value;
+        r(w);
+      }), f.addEventListener("keydown", (w) => {
+        if (w.key === "Enter") {
+          const m = p && f instanceof HTMLInputElement && f.type === "checkbox" ? f.checked : f.value;
           r(m);
         }
-        b.key === "Escape" && a();
-      }), d && u instanceof HTMLInputElement && u.type === "checkbox" && u.addEventListener("change", () => {
-        const b = u.checked;
-        r(b);
-      }), setTimeout(() => u.focus(), 0);
+        w.key === "Escape" && a();
+      }), p && f instanceof HTMLInputElement && f.type === "checkbox" && f.addEventListener("change", () => {
+        const w = f.checked;
+        r(w);
+      }), setTimeout(() => f.focus(), 0);
     }
     l.appendChild(h);
-  } else if (typeof p == "string") {
-    const h = document.createElement(p);
+  } else if (typeof u == "string") {
+    const h = document.createElement(u);
     h.value = g, h.addEventListener("change", () => r(h.value)), l.appendChild(h);
-  } else if (typeof p == "function") {
-    const h = p({ row: e, value: g, field: n.field, column: n, commit: r, cancel: a });
+  } else if (typeof u == "function") {
+    const h = u({ row: e, value: g, field: n.field, column: n, commit: r, cancel: a });
     typeof h == "string" ? l.innerHTML = h : l.appendChild(h);
-  } else if (p && typeof p == "object") {
+  } else if (u && typeof u == "object") {
     const h = document.createElement("div");
     h.setAttribute("data-external-editor", ""), h.setAttribute("data-field", n.field), l.appendChild(h);
     const c = { row: e, value: g, field: n.field, column: n, commit: r, cancel: a };
-    if (p.mount)
+    if (u.mount)
       try {
-        p.mount({ placeholder: h, context: c, spec: p });
+        u.mount({ placeholder: h, context: c, spec: u });
       } catch {
       }
     else
       o.dispatchEvent(
-        new CustomEvent("mount-external-editor", { detail: { placeholder: h, spec: p, context: c } })
+        new CustomEvent("mount-external-editor", { detail: { placeholder: h, spec: u, context: c } })
       );
   }
 }
-function J(o, e) {
-  !o.sortState || o.sortState.field !== e.field ? (o.sortState || (o.__originalOrder = o._rows.slice()), Q(o, e, 1)) : o.sortState.direction === 1 ? Q(o, e, -1) : (o.sortState = null, o.__rowRenderEpoch++, o.rowPool.forEach((n) => n.__epoch = -1), o._rows = o.__originalOrder.slice(), V(o), o.headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((n) => {
+function ee(o, e) {
+  !o.sortState || o.sortState.field !== e.field ? (o.sortState || (o.__originalOrder = o._rows.slice()), te(o, e, 1)) : o.sortState.direction === 1 ? te(o, e, -1) : (o.sortState = null, o.__rowRenderEpoch++, o.rowPool.forEach((n) => n.__epoch = -1), o._rows = o.__originalOrder.slice(), U(o), o.headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((n) => {
     n.getAttribute("aria-sort") ? (n.getAttribute("aria-sort") === "ascending" || n.getAttribute("aria-sort") === "descending") && (o.sortState || n.setAttribute("aria-sort", "none")) : n.setAttribute("aria-sort", "none");
   }), o.refreshVirtualWindow(!0), o.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: e.field, direction: 0 } })
   ), o.requestStateChange?.());
 }
-function Q(o, e, t) {
+function te(o, e, t) {
   o.sortState = { field: e.field, direction: t };
-  const n = e.sortComparator || ((i, s) => i == null && s == null ? 0 : i == null ? -1 : s == null || i > s ? 1 : i < s ? -1 : 0);
-  o._rows.sort((i, s) => n(i[e.field], s[e.field], i, s) * t), o.__rowRenderEpoch++, o.rowPool.forEach((i) => i.__epoch = -1), V(o), o.refreshVirtualWindow(!0), o.dispatchEvent(
+  const n = e.sortComparator || ((s, i) => s == null && i == null ? 0 : s == null ? -1 : i == null || s > i ? 1 : s < i ? -1 : 0);
+  o._rows.sort((s, i) => n(s[e.field], i[e.field], s, i) * t), o.__rowRenderEpoch++, o.rowPool.forEach((s) => s.__epoch = -1), U(o), o.refreshVirtualWindow(!0), o.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: e.field, direction: t } })
   ), o.requestStateChange?.();
 }
-function $e(o, e) {
+function Ke(o, e) {
   typeof e == "string" ? o.textContent = e : e instanceof HTMLElement && (o.innerHTML = "", o.appendChild(e.cloneNode(!0)));
 }
-function V(o) {
+function U(o) {
   o.headerRowEl = o.findHeaderRow();
   const e = o.headerRowEl;
   e.innerHTML = "", e.setAttribute("role", "row"), e.setAttribute("aria-rowindex", "1"), o.visibleColumns.forEach((t, n) => {
-    const i = document.createElement("div");
-    i.className = "cell", B(i, "header-cell"), i.setAttribute("role", "columnheader"), i.setAttribute("aria-colindex", String(n + 1)), i.setAttribute("data-field", t.field), i.setAttribute("data-col", String(n)), t.sticky === "left" ? i.classList.add("sticky-left") : t.sticky === "right" && i.classList.add("sticky-right");
-    const s = t.__headerTemplate;
-    if (s) Array.from(s.childNodes).forEach((r) => i.appendChild(r.cloneNode(!0)));
+    const s = document.createElement("div");
+    s.className = "cell", W(s, "header-cell"), s.setAttribute("role", "columnheader"), s.setAttribute("aria-colindex", String(n + 1)), s.setAttribute("data-field", t.field), s.setAttribute("data-col", String(n)), t.sticky === "left" ? s.classList.add("sticky-left") : t.sticky === "right" && s.classList.add("sticky-right");
+    const i = t.__headerTemplate;
+    if (i) Array.from(i.childNodes).forEach((r) => s.appendChild(r.cloneNode(!0)));
     else {
       const r = t.header || t.field, a = document.createElement("span");
-      a.textContent = r, i.appendChild(a);
+      a.textContent = r, s.appendChild(a);
     }
     if (t.sortable) {
-      i.classList.add("sortable"), i.tabIndex = 0;
+      s.classList.add("sortable"), s.tabIndex = 0;
       const r = document.createElement("span");
-      B(r, "sort-indicator"), r.style.opacity = "0.6";
-      const a = o.sortState?.field === t.field ? o.sortState.direction : 0, l = { ...ce, ...o.icons }, f = a === 1 ? l.sortAsc : a === -1 ? l.sortDesc : l.sortNone;
-      $e(r, f), i.appendChild(r), i.setAttribute("aria-sort", a === 0 ? "none" : a === 1 ? "ascending" : "descending"), i.addEventListener("click", (p) => {
-        o.resizeController?.isResizing || o.dispatchHeaderClick?.(p, n, i) || J(o, t);
-      }), i.addEventListener("keydown", (p) => {
-        if (p.key === "Enter" || p.key === " ") {
-          if (p.preventDefault(), o.dispatchHeaderClick?.(p, n, i)) return;
-          J(o, t);
+      W(r, "sort-indicator"), r.style.opacity = "0.6";
+      const a = o.sortState?.field === t.field ? o.sortState.direction : 0, l = { ...S, ...o.icons }, d = a === 1 ? l.sortAsc : a === -1 ? l.sortDesc : l.sortNone;
+      Ke(r, d), s.appendChild(r), s.setAttribute("aria-sort", a === 0 ? "none" : a === 1 ? "ascending" : "descending"), s.addEventListener("click", (u) => {
+        o.resizeController?.isResizing || o.dispatchHeaderClick?.(u, n, s) || ee(o, t);
+      }), s.addEventListener("keydown", (u) => {
+        if (u.key === "Enter" || u.key === " ") {
+          if (u.preventDefault(), o.dispatchHeaderClick?.(u, n, s)) return;
+          ee(o, t);
         }
       });
     }
     if (t.resizable) {
-      t.sticky || (i.style.position = "relative");
+      t.sticky || (s.style.position = "relative");
       const r = document.createElement("div");
       r.className = "resize-handle", r.setAttribute("aria-hidden", "true"), r.addEventListener("mousedown", (a) => {
-        a.stopPropagation(), a.preventDefault(), o.resizeController.start(a, n, i);
-      }), i.appendChild(r);
+        a.stopPropagation(), a.preventDefault(), o.resizeController.start(a, n, s);
+      }), s.appendChild(r);
     }
-    e.appendChild(i);
+    e.appendChild(s);
   });
   try {
     const t = o.shadowRoot;
-    t && t.querySelectorAll(".header-group-row .cell").forEach((i) => {
-      i.getAttribute("data-group") && i.classList.add("grouped");
+    t && t.querySelectorAll(".header-group-row .cell").forEach((s) => {
+      s.getAttribute("data-group") && s.classList.add("grouped");
     });
   } catch {
   }
@@ -856,15 +857,15 @@ function V(o) {
     t.getAttribute("aria-sort") || t.setAttribute("aria-sort", "none");
   });
 }
-function Ke(o) {
-  let e = null, t = null, n = null, i = null;
-  const s = (l) => {
+function Ve(o) {
+  let e = null, t = null, n = null, s = null;
+  const i = (l) => {
     if (!e) return;
-    const f = l.clientX - e.startX, p = Math.max(40, e.startWidth + f), g = o.visibleColumns[e.colIndex];
-    g.width = p, g.__userResized = !0, g.__renderedWidth = p, t == null && (t = requestAnimationFrame(() => {
+    const d = l.clientX - e.startX, u = Math.max(40, e.startWidth + d), g = o.visibleColumns[e.colIndex];
+    g.width = u, g.__userResized = !0, g.__renderedWidth = u, t == null && (t = requestAnimationFrame(() => {
       t = null, o.updateTemplate?.();
     })), o.dispatchEvent(
-      new CustomEvent("column-resize", { detail: { field: g.field, width: p } })
+      new CustomEvent("column-resize", { detail: { field: g.field, width: u } })
     );
   };
   let r = !1;
@@ -872,79 +873,101 @@ function Ke(o) {
     const l = e !== null;
     l && (r = !0, requestAnimationFrame(() => {
       r = !1;
-    })), window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", a), n !== null && (document.documentElement.style.cursor = n, n = null), i !== null && (document.body.style.userSelect = i, i = null), e = null, l && o.requestStateChange && o.requestStateChange();
+    })), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", a), n !== null && (document.documentElement.style.cursor = n, n = null), s !== null && (document.body.style.userSelect = s, s = null), e = null, l && o.requestStateChange && o.requestStateChange();
   };
   return {
     get isResizing() {
       return e !== null || r;
     },
-    start(l, f, p) {
+    start(l, d, u) {
       l.preventDefault();
-      const g = p.getBoundingClientRect();
-      e = { startX: l.clientX, colIndex: f, startWidth: g.width }, window.addEventListener("mousemove", s), window.addEventListener("mouseup", a), n === null && (n = document.documentElement.style.cursor), document.documentElement.style.cursor = "e-resize", i === null && (i = document.body.style.userSelect), document.body.style.userSelect = "none";
+      const g = u.getBoundingClientRect();
+      e = { startX: l.clientX, colIndex: d, startWidth: g.width }, window.addEventListener("mousemove", i), window.addEventListener("mouseup", a), n === null && (n = document.documentElement.style.cursor), document.documentElement.style.cursor = "e-resize", s === null && (s = document.body.style.userSelect), document.body.style.userSelect = "none";
     },
     dispose() {
       a();
     }
   };
 }
-function We() {
+function z(o) {
+  return o ? typeof o == "string" ? o : o.outerHTML : "";
+}
+function Fe() {
   return {
     toolPanels: /* @__PURE__ */ new Map(),
     headerContents: /* @__PURE__ */ new Map(),
     toolbarButtons: /* @__PURE__ */ new Map(),
     lightDomButtons: [],
     lightDomHeaderContent: [],
-    activePanel: null,
+    isPanelOpen: !1,
+    expandedSections: /* @__PURE__ */ new Set(),
     headerContentCleanups: /* @__PURE__ */ new Map(),
-    activePanelCleanup: null,
-    toolbarButtonCleanups: /* @__PURE__ */ new Map()
+    panelCleanups: /* @__PURE__ */ new Map(),
+    toolbarButtonCleanups: /* @__PURE__ */ new Map(),
+    // Deprecated - kept for backward compatibility
+    activePanel: null,
+    activePanelCleanup: null
   };
 }
-function Fe(o, e) {
+function Ge(o, e) {
   return !!(o?.header?.title || o?.header?.toolbarButtons?.length || e.toolPanels.size > 0 || e.headerContents.size > 0 || e.toolbarButtons.size > 0 || e.lightDomButtons.length > 0 || e.lightDomHeaderContent.length > 0);
 }
-function Ve(o, e) {
-  const t = o?.header?.title ?? "", n = !!t, i = o?.header?.toolbarButtons ?? [], s = i.length > 0, r = e.toolbarButtons.size > 0, a = e.lightDomButtons.length > 0, l = e.toolPanels.size > 0, p = (s || r || a) && l, g = [...i].sort((d, b) => (d.order ?? 100) - (b.order ?? 100)), h = [...e.toolbarButtons.values()].sort((d, b) => (d.order ?? 100) - (b.order ?? 100)), c = [...e.toolPanels.values()].sort((d, b) => (d.order ?? 100) - (b.order ?? 100));
-  let u = "";
-  for (const d of g)
-    d.icon && d.action && (u += `<button class="tbw-toolbar-btn" data-btn="${d.id}" title="${d.label}" aria-label="${d.label}"${d.disabled ? " disabled" : ""}>${d.icon}</button>`);
-  for (const d of h)
-    d.icon && d.action && (u += `<button class="tbw-toolbar-btn" data-btn="${d.id}" title="${d.label}" aria-label="${d.label}"${d.disabled ? " disabled" : ""}>${d.icon}</button>`);
-  for (const d of g)
-    (d.element || d.render) && (u += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${d.id}"></div>`);
-  for (const d of h)
-    (d.element || d.render) && (u += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${d.id}"></div>`);
-  a && (u += '<slot name="toolbar"></slot>'), p && (u += '<div class="tbw-toolbar-separator"></div>');
-  for (const d of c) {
-    const b = e.activePanel === d.id;
-    u += `<button class="tbw-toolbar-btn${b ? " active" : ""}" data-panel="${d.id}" title="${d.tooltip ?? d.title}" aria-label="${d.tooltip ?? d.title}" aria-pressed="${b}" aria-controls="tbw-panel-${d.id}">${d.icon}</button>`;
+function Ue(o, e, t = "☰") {
+  const n = o?.header?.title ?? "", s = !!n, i = z(t), r = o?.header?.toolbarButtons ?? [], a = r.length > 0, l = e.toolbarButtons.size > 0, d = e.lightDomButtons.length > 0, u = e.toolPanels.size > 0, h = (a || l || d) && u, c = [...r].sort((w, m) => (w.order ?? 100) - (m.order ?? 100)), f = [...e.toolbarButtons.values()].sort((w, m) => (w.order ?? 100) - (m.order ?? 100));
+  let p = "";
+  for (const w of c)
+    w.icon && w.action && (p += `<button class="tbw-toolbar-btn" data-btn="${w.id}" title="${w.label}" aria-label="${w.label}"${w.disabled ? " disabled" : ""}>${w.icon}</button>`);
+  for (const w of f)
+    w.icon && w.action && (p += `<button class="tbw-toolbar-btn" data-btn="${w.id}" title="${w.label}" aria-label="${w.label}"${w.disabled ? " disabled" : ""}>${w.icon}</button>`);
+  for (const w of c)
+    (w.element || w.render) && (p += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${w.id}"></div>`);
+  for (const w of f)
+    (w.element || w.render) && (p += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${w.id}"></div>`);
+  if (d && (p += '<slot name="toolbar"></slot>'), h && (p += '<div class="tbw-toolbar-separator"></div>'), u) {
+    const w = e.isPanelOpen;
+    p += `<button class="tbw-toolbar-btn${w ? " active" : ""}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${w}" aria-controls="tbw-tool-panel">${i}</button>`;
   }
   return `
     <div class="tbw-shell-header" part="shell-header" role="banner">
-      ${n ? `<div class="tbw-shell-title">${t}</div>` : ""}
+      ${s ? `<div class="tbw-shell-title">${n}</div>` : ""}
       <div class="tbw-shell-content" part="shell-content" role="region" aria-label="Grid information">
         <slot name="header-content"></slot>
       </div>
       <div class="tbw-shell-toolbar" part="shell-toolbar" role="toolbar" aria-label="Grid tools">
-        ${u}
+        ${p}
       </div>
     </div>
   `;
 }
-function Ge(o, e, t) {
-  const n = o?.toolPanel?.position ?? "right", i = e.toolPanels.size > 0, s = e.activePanel !== null, r = e.activePanel ? e.toolPanels.get(e.activePanel) : null, a = i ? `
-    <aside class="tbw-tool-panel${s ? " open" : ""}" part="tool-panel" data-position="${n}" role="complementary" aria-label="${r?.title ?? "Tool panel"}" id="tbw-panel-${e.activePanel ?? "closed"}">
-      <div class="tbw-tool-panel-header">
-        <span class="tbw-tool-panel-title">${r?.title ?? ""}</span>
-        <button class="tbw-tool-panel-close" aria-label="Close panel">✕</button>
+function Xe(o, e, t, n) {
+  const s = o?.toolPanel?.position ?? "right", i = e.toolPanels.size > 0, r = e.isPanelOpen, a = z(n?.expand ?? S.expand), l = z(n?.collapse ?? S.collapse), d = [...e.toolPanels.values()].sort((f, p) => (f.order ?? 100) - (p.order ?? 100)), u = d.length === 1;
+  let g = "";
+  for (const f of d) {
+    const p = e.expandedSections.has(f.id), w = f.icon ? `<span class="tbw-accordion-icon">${f.icon}</span>` : "", m = u ? "" : `<span class="tbw-accordion-chevron">${p ? l : a}</span>`;
+    g += `
+      <div class="${`tbw-accordion-section${p ? " expanded" : ""}${u ? " single" : ""}`}" data-section="${f.id}">
+        <button class="tbw-accordion-header" aria-expanded="${p}" aria-controls="tbw-section-${f.id}"${u ? ' aria-disabled="true"' : ""}>
+          ${w}
+          <span class="tbw-accordion-title">${f.title}</span>
+          ${m}
+        </button>
+        <div class="tbw-accordion-content" id="tbw-section-${f.id}" role="region" aria-labelledby="tbw-section-header-${f.id}"></div>
+      </div>
+    `;
+  }
+  const c = i ? `
+    <aside class="tbw-tool-panel${r ? " open" : ""}" part="tool-panel" data-position="${s}" role="complementary" aria-label="Tool panel" id="tbw-tool-panel">
+      <div class="tbw-tool-panel-resize" data-resize-handle data-handle-position="${s === "left" ? "right" : "left"}" aria-hidden="true"></div>
+      <div class="tbw-tool-panel-content" role="region">
+        <div class="tbw-accordion">
+          ${g}
+        </div>
       </div>
-      <div class="tbw-tool-panel-content" role="region"></div>
     </aside>
   ` : "";
-  return n === "left" ? `
+  return s === "left" ? `
       <div class="tbw-shell-body">
-        ${a}
+        ${c}
         <div class="tbw-grid-content">
           ${t}
         </div>
@@ -954,99 +977,130 @@ function Ge(o, e, t) {
       <div class="tbw-grid-content">
         ${t}
       </div>
-      ${a}
+      ${c}
     </div>
   `;
 }
-function ee(o, e) {
+function oe(o, e) {
   const t = o.querySelector("tbw-grid-header");
   if (!t) return;
   t.style.display = "none";
   const n = t.querySelectorAll("tbw-grid-header-content");
-  e.lightDomHeaderContent = Array.from(n), e.lightDomHeaderContent.forEach((s, r) => {
-    s.setAttribute("slot", "header-content");
+  e.lightDomHeaderContent = Array.from(n), e.lightDomHeaderContent.forEach((i) => {
+    i.setAttribute("slot", "header-content");
   });
-  const i = t.querySelectorAll("tbw-grid-tool-button");
-  e.lightDomButtons = Array.from(i), e.lightDomButtons.sort((s, r) => {
-    const a = parseInt(s.getAttribute("order") ?? "100", 10), l = parseInt(r.getAttribute("order") ?? "100", 10);
+  const s = t.querySelectorAll("tbw-grid-tool-button");
+  e.lightDomButtons = Array.from(s), e.lightDomButtons.sort((i, r) => {
+    const a = parseInt(i.getAttribute("order") ?? "100", 10), l = parseInt(r.getAttribute("order") ?? "100", 10);
     return a - l;
-  }), e.lightDomButtons.forEach((s) => {
-    s.setAttribute("slot", "toolbar");
+  }), e.lightDomButtons.forEach((i) => {
+    i.setAttribute("slot", "toolbar");
   });
 }
-function Ue(o, e, t, n) {
-  const i = o.querySelector(".tbw-shell-toolbar");
-  i && i.addEventListener("click", (r) => {
-    const a = r.target, l = a.closest("[data-panel]");
-    if (l) {
-      const p = l.getAttribute("data-panel");
-      p && n.onPanelToggle(p);
+function je(o, e, t, n) {
+  const s = o.querySelector(".tbw-shell-toolbar");
+  s && s.addEventListener("click", (r) => {
+    const a = r.target;
+    if (a.closest("[data-panel-toggle]")) {
+      n.onPanelToggle();
       return;
     }
-    const f = a.closest("[data-btn]");
-    if (f) {
-      const p = f.getAttribute("data-btn");
-      p && n.onToolbarButtonClick(p);
+    const d = a.closest("[data-btn]");
+    if (d) {
+      const u = d.getAttribute("data-btn");
+      u && n.onToolbarButtonClick(u);
     }
   });
-  const s = o.querySelector(".tbw-tool-panel-close");
-  s && s.addEventListener("click", () => {
-    n.onPanelClose();
+  const i = o.querySelector(".tbw-accordion");
+  i && i.addEventListener("click", (r) => {
+    const l = r.target.closest(".tbw-accordion-header");
+    if (l) {
+      const u = l.closest("[data-section]")?.getAttribute("data-section");
+      u && n.onSectionToggle(u);
+    }
   });
 }
-function Xe(o, e, t) {
+function Ye(o, e, t) {
+  const n = o.querySelector(".tbw-tool-panel"), s = o.querySelector("[data-resize-handle]"), i = o.querySelector(".tbw-shell-body");
+  if (!n || !s || !i)
+    return () => {
+    };
+  const r = e?.toolPanel?.position ?? "right", a = 200;
+  let l = 0, d = 0, u = 0, g = !1;
+  const h = (p) => {
+    if (!g) return;
+    p.preventDefault();
+    const w = r === "left" ? p.clientX - l : l - p.clientX, m = Math.min(u, Math.max(a, d + w));
+    n.style.width = `${m}px`;
+  }, c = () => {
+    if (!g) return;
+    g = !1, s.classList.remove("resizing"), n.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
+    const p = n.getBoundingClientRect().width;
+    t(p), document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", c);
+  }, f = (p) => {
+    p.preventDefault(), g = !0, l = p.clientX, d = n.getBoundingClientRect().width, u = i.getBoundingClientRect().width - 20, s.classList.add("resizing"), n.style.transition = "none", document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", h), document.addEventListener("mouseup", c);
+  };
+  return s.addEventListener("mousedown", f), () => {
+    s.removeEventListener("mousedown", f), document.removeEventListener("mousemove", h), document.removeEventListener("mouseup", c);
+  };
+}
+function Ze(o, e, t) {
   const n = [...e?.header?.toolbarButtons ?? [], ...t.toolbarButtons.values()];
-  for (const i of n) {
-    const s = o.querySelector(`[data-btn-slot="${i.id}"]`);
-    if (!s) continue;
-    const r = t.toolbarButtonCleanups.get(i.id);
-    if (r && (r(), t.toolbarButtonCleanups.delete(i.id)), i.element)
-      s.appendChild(i.element);
-    else if (i.render) {
-      const a = i.render(s);
-      a && t.toolbarButtonCleanups.set(i.id, a);
+  for (const s of n) {
+    const i = o.querySelector(`[data-btn-slot="${s.id}"]`);
+    if (!i) continue;
+    const r = t.toolbarButtonCleanups.get(s.id);
+    if (r && (r(), t.toolbarButtonCleanups.delete(s.id)), s.element)
+      i.appendChild(s.element);
+    else if (s.render) {
+      const a = s.render(i);
+      a && t.toolbarButtonCleanups.set(s.id, a);
     }
   }
 }
-function te(o, e) {
+function ne(o, e) {
   const t = o.querySelector(".tbw-shell-content");
   if (!t) return;
-  const n = [...e.headerContents.values()].sort((s, r) => (s.order ?? 100) - (r.order ?? 100)), i = t.querySelector('slot[name="header-content"]');
-  for (const s of n) {
-    const r = e.headerContentCleanups.get(s.id);
-    r && (r(), e.headerContentCleanups.delete(s.id));
-    let a = t.querySelector(`[data-header-content="${s.id}"]`);
-    a || (a = document.createElement("div"), a.setAttribute("data-header-content", s.id), i ? t.insertBefore(a, i) : t.appendChild(a));
-    const l = s.render(a);
-    l && e.headerContentCleanups.set(s.id, l);
+  const n = [...e.headerContents.values()].sort((i, r) => (i.order ?? 100) - (r.order ?? 100)), s = t.querySelector('slot[name="header-content"]');
+  for (const i of n) {
+    const r = e.headerContentCleanups.get(i.id);
+    r && (r(), e.headerContentCleanups.delete(i.id));
+    let a = t.querySelector(`[data-header-content="${i.id}"]`);
+    a || (a = document.createElement("div"), a.setAttribute("data-header-content", i.id), s ? t.insertBefore(a, s) : t.appendChild(a));
+    const l = i.render(a);
+    l && e.headerContentCleanups.set(i.id, l);
+  }
+}
+function Je(o, e, t) {
+  if (!e.isPanelOpen) return;
+  const n = z(t?.expand ?? S.expand), s = z(t?.collapse ?? S.collapse);
+  for (const [i, r] of e.toolPanels) {
+    const a = e.expandedSections.has(i), l = o.querySelector(`[data-section="${i}"]`), d = l?.querySelector(".tbw-accordion-content");
+    if (!l || !d) continue;
+    l.classList.toggle("expanded", a);
+    const u = l.querySelector(".tbw-accordion-header");
+    u && u.setAttribute("aria-expanded", String(a));
+    const g = l.querySelector(".tbw-accordion-chevron");
+    if (g && (g.innerHTML = a ? s : n), a) {
+      if (d.children.length === 0) {
+        const h = r.render(d);
+        h && e.panelCleanups.set(i, h);
+      }
+    } else {
+      const h = e.panelCleanups.get(i);
+      h && (h(), e.panelCleanups.delete(i)), d.innerHTML = "";
+    }
   }
 }
-function je(o, e) {
-  if (!e.activePanel) return;
-  const t = e.toolPanels.get(e.activePanel);
-  if (!t) return;
-  const n = o.querySelector(".tbw-tool-panel-content");
-  if (!n) return;
-  e.activePanelCleanup && (e.activePanelCleanup(), e.activePanelCleanup = null), n.innerHTML = "";
-  const i = t.render(n);
-  i && (e.activePanelCleanup = i);
-}
-function oe(o, e) {
-  o.querySelectorAll("[data-panel]").forEach((n) => {
-    const s = n.getAttribute("data-panel") === e.activePanel;
-    n.classList.toggle("active", s), n.setAttribute("aria-pressed", String(s));
-  });
+function se(o, e) {
+  const t = o.querySelector("[data-panel-toggle]");
+  t && (t.classList.toggle("active", e.isPanelOpen), t.setAttribute("aria-pressed", String(e.isPanelOpen)));
 }
-function ne(o, e) {
+function ie(o, e) {
   const t = o.querySelector(".tbw-tool-panel");
-  if (!t) return;
-  const n = e.activePanel !== null;
-  if (t.classList.toggle("open", n), n && e.activePanel) {
-    const i = e.toolPanels.get(e.activePanel), s = t.querySelector(".tbw-tool-panel-title");
-    s && (s.textContent = i?.title ?? ""), t.setAttribute("aria-label", `${i?.title ?? "Tool"} panel`), t.id = `tbw-panel-${e.activePanel}`;
-  }
+  t && (t.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (t.style.width = ""));
 }
-function Ye(o, e) {
+function Qe(o, e) {
   const t = [];
   for (const n of o?.header?.toolbarButtons ?? [])
     t.push({
@@ -1063,11 +1117,11 @@ function Ye(o, e) {
       source: "config"
     });
   for (let n = 0; n < e.lightDomButtons.length; n++) {
-    const s = e.lightDomButtons[n].querySelector("button");
+    const i = e.lightDomButtons[n].querySelector("button");
     t.push({
       id: `light-dom-${n}`,
-      label: s?.getAttribute("title") ?? s?.getAttribute("aria-label") ?? "",
-      disabled: s?.disabled ?? !1,
+      label: i?.getAttribute("title") ?? i?.getAttribute("aria-label") ?? "",
+      disabled: i?.disabled ?? !1,
       source: "light-dom"
     });
   }
@@ -1081,7 +1135,7 @@ function Ye(o, e) {
     });
   return t;
 }
-function Ze(o) {
+function et(o) {
   for (const e of o.headerContentCleanups.values())
     e();
   o.headerContentCleanups.clear(), o.activePanelCleanup && (o.activePanelCleanup(), o.activePanelCleanup = null);
@@ -1089,7 +1143,7 @@ function Ze(o) {
     e();
   o.toolbarButtonCleanups.clear(), o.activePanel && o.toolPanels.get(o.activePanel)?.onClose?.(), o.toolPanels.clear(), o.headerContents.clear(), o.toolbarButtons.clear(), o.lightDomButtons = [], o.lightDomHeaderContent = [], o.activePanel = null;
 }
-class Je {
+class tt {
   constructor(e) {
     this.grid = e;
   }
@@ -1248,21 +1302,21 @@ class Je {
    * Returns the minimum start index from all plugins.
    */
   adjustVirtualStart(e, t, n) {
-    let i = e;
-    for (const s of this.plugins)
-      if (typeof s.adjustVirtualStart == "function") {
-        const r = s.adjustVirtualStart(e, t, n);
-        r < i && (i = r);
+    let s = e;
+    for (const i of this.plugins)
+      if (typeof i.adjustVirtualStart == "function") {
+        const r = i.adjustVirtualStart(e, t, n);
+        r < s && (s = r);
       }
-    return i;
+    return s;
   }
   /**
    * Execute renderRow hook on all plugins.
    * Returns true if any plugin handled the row.
    */
   renderRow(e, t, n) {
-    for (const i of this.plugins)
-      if (i.renderRow?.(e, t, n))
+    for (const s of this.plugins)
+      if (s.renderRow?.(e, t, n))
         return !0;
     return !1;
   }
@@ -1349,8 +1403,8 @@ class Je {
   getContextMenuItems(e) {
     const t = [];
     for (const n of this.plugins) {
-      const i = n.getContextMenuItems?.(e);
-      i && t.push(...i);
+      const s = n.getContextMenuItems?.(e);
+      s && t.push(...s);
     }
     return t;
   }
@@ -1380,14 +1434,14 @@ class Je {
     return e.sort((t, n) => (t.content.order ?? 0) - (n.content.order ?? 0));
   }
 }
-class I extends HTMLElement {
+class $ extends HTMLElement {
   // TODO: Rename to 'data-grid' when migration is complete
   static tagName = "tbw-grid";
-  #o;
+  #n;
   #i = !1;
   // ---------------- Ready Promise ----------------
-  #z;
-  #N;
+  #I;
+  #$;
   // ================== INPUT PROPERTIES ==================
   // These backing fields store raw user input. They are merged into
   // #effectiveConfig by #mergeEffectiveConfig(). Never read directly
@@ -1396,44 +1450,48 @@ class I extends HTMLElement {
   #l;
   #g;
   #v;
-  #C;
+  #y;
   // ================== SINGLE SOURCE OF TRUTH ==================
   // All input sources converge here. This is the canonical config
   // that all rendering and logic should read from.
-  #n = {};
+  #o = {};
   #f = !1;
   #p = 0;
-  #E = null;
-  #y = !1;
+  #C = null;
+  #E = !1;
   // Cached flag for plugin scroll handlers
-  #k;
+  #P;
   // Cached hook to avoid closures
   #R = !1;
   #_ = null;
-  #A = null;
-  #S = null;
   #x = null;
+  #S = null;
+  #A = null;
   #a;
   #w;
   // ---------------- Plugin System ----------------
   #t;
   // ---------------- Column State ----------------
-  #P;
+  #M;
   #h;
   // ---------------- Shell State ----------------
-  #e = We();
+  #e = Fe();
   #c = !1;
+  #T;
   // ================== DERIVED STATE ==================
   // _rows: result of applying plugin processRows hooks
   _rows = [];
+  // _baseColumns: columns before plugin transformation (analogous to #rows for row processing)
+  // This is the source of truth for processColumns - plugins transform these
+  #O = [];
   // _columns is a getter/setter that operates on effectiveConfig.columns
   // This ensures effectiveConfig.columns is the single source of truth for columns
   // _columns always contains ALL columns (including hidden)
   get _columns() {
-    return this.#n.columns ?? [];
+    return this.#o.columns ?? [];
   }
   set _columns(e) {
-    this.#n.columns = e;
+    this.#o.columns = e;
   }
   // visibleColumns returns only visible columns for rendering
   // This is what header/row rendering should use
@@ -1483,7 +1541,7 @@ class I extends HTMLElement {
   }
   set rows(e) {
     const t = this.#r;
-    this.#r = e, t !== e && this.#Z();
+    this.#r = e, t !== e && this.#ee();
   }
   /**
    * Get the original unfiltered/unprocessed rows.
@@ -1497,34 +1555,34 @@ class I extends HTMLElement {
   }
   set columns(e) {
     const t = this.#l;
-    this.#l = e, t !== e && this.#J();
+    this.#l = e, t !== e && this.#te();
   }
   get gridConfig() {
-    return this.#n;
+    return this.#o;
   }
   set gridConfig(e) {
     const t = this.#g;
-    this.#g = e, t !== e && this.#Q();
+    this.#g = e, t !== e && this.#oe();
   }
   get fitMode() {
-    return this.#n.fitMode ?? "stretch";
+    return this.#o.fitMode ?? "stretch";
   }
   set fitMode(e) {
     const t = this.#v;
-    this.#v = e, t !== e && this.#j();
+    this.#v = e, t !== e && this.#J();
   }
   get editOn() {
-    return this.#n.editOn;
+    return this.#o.editOn;
   }
   set editOn(e) {
-    const t = this.#C;
-    this.#C = e, t !== e && this.#Y();
+    const t = this.#y;
+    this.#y = e, t !== e && this.#Q();
   }
   // Effective config accessor for internal modules and plugins
   // Returns the merged config (single source of truth) before plugin processing
   // Use this when you need the raw merged config (e.g., for column definitions including hidden)
   get effectiveConfig() {
-    return this.#n;
+    return this.#o;
   }
   /**
    * Get the disconnect signal for event listener cleanup.
@@ -1537,11 +1595,11 @@ class I extends HTMLElement {
     return this.#a || (this.#a = new AbortController()), this.#a.signal;
   }
   constructor() {
-    super(), this.#o = this.attachShadow({ mode: "open" }), this.#V(), this.#z = new Promise((e) => this.#N = e);
+    super(), this.#n = this.attachShadow({ mode: "open" }), this.#X(), this.#I = new Promise((e) => this.#$ = e);
   }
-  #V() {
+  #X() {
     const e = new CSSStyleSheet();
-    e.replaceSync(we), this.#o.adoptedStyleSheets = [e];
+    e.replaceSync(me), this.#n.adoptedStyleSheets = [e];
   }
   // ---------------- Plugin System ----------------
   /**
@@ -1564,7 +1622,7 @@ class I extends HTMLElement {
    * Note: This does NOT reset plugin state - just re-processes rows/columns and renders.
    */
   requestRender() {
-    this.#L(), this.#M(), this.#T(), this.updateTemplate(), this.refreshVirtualWindow(!0);
+    this.#k(), this.#H(), this.#L(), this.updateTemplate(), this.refreshVirtualWindow(!0);
   }
   /**
    * Request a lightweight style update without rebuilding DOM.
@@ -1578,40 +1636,40 @@ class I extends HTMLElement {
    * Initialize plugin system with instances from config.
    * Plugins are class instances passed in gridConfig.plugins[].
    */
-  #I() {
-    this.#t = new Je(this);
-    const e = this.#n?.plugins, t = Array.isArray(e) ? e : [];
+  #B() {
+    this.#t = new tt(this);
+    const e = this.#o?.plugins, t = Array.isArray(e) ? e : [];
     this.#t.attachAll(t);
   }
   /**
    * Inject all plugin styles into the shadow DOM.
    * Must be called after #render() since innerHTML wipes existing content.
    */
-  #q() {
+  #W() {
     const e = this.#t?.getAllStyles() ?? "";
     if (e) {
       const t = document.createElement("style");
-      t.setAttribute("data-plugin", "all"), t.textContent = e, this.#o.appendChild(t);
+      t.setAttribute("data-plugin", "all"), t.textContent = e, this.#n.appendChild(t);
     }
   }
   /**
    * Update plugins when grid config changes.
    * With class-based plugins, we need to detach old and attach new.
    */
-  #B() {
-    this.#t && this.#t.detachAll(), this.#I(), this.#q(), this.#y = this.#t?.getAll().some((e) => e.onScroll) ?? !1;
+  #K() {
+    this.#t && this.#t.detachAll(), this.#B(), this.#W(), this.#E = this.#t?.getAll().some((e) => e.onScroll) ?? !1;
   }
   /**
    * Clean up plugin states when grid disconnects.
    */
-  #G() {
+  #j() {
     this.#t?.detachAll();
   }
   /**
    * Collect tool panels and header content from all plugins.
    * Called after plugins are attached but before render.
    */
-  #U() {
+  #Y() {
     if (!this.#t) return;
     const e = this.#t.getToolPanels();
     for (const { panel: n } of e)
@@ -1622,24 +1680,24 @@ class I extends HTMLElement {
   }
   // ---------------- Lifecycle ----------------
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#a?.abort(), this.#a = new AbortController(), this.#u(), this.#I(), this.#U(), this.#i || (this.#F(), this.#q(), this.#i = !0), this.#$();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#a?.abort(), this.#a = new AbortController(), this.#u(), this.#B(), this.#Y(), this.#i || (this.#U(), this.#W(), this.#i = !0), this.#V();
   }
   disconnectedCallback() {
-    this.#G(), Ze(this.#e), this.#c = !1, this.#a && (this.#a.abort(), this.#a = void 0), this.resizeController && this.resizeController.dispose(), this.#w && (this.#w.disconnect(), this.#w = void 0), this.#f = !1;
+    this.#j(), et(this.#e), this.#c = !1, this.#T?.(), this.#T = void 0, this.#a && (this.#a.abort(), this.#a = void 0), this.resizeController && this.resizeController.dispose(), this.#w && (this.#w.disconnect(), this.#w = void 0), this.#f = !1;
   }
-  #$() {
-    const t = this.#o.querySelector(".tbw-grid-content") ?? this.#o.querySelector(".tbw-grid-root");
+  #V() {
+    const t = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
     if (this.headerRowEl = t?.querySelector(".header-row"), this.virtualization.totalHeightEl = t?.querySelector(".faux-vscroll-spacer"), this.virtualization.viewportEl = t?.querySelector(".rows-viewport"), this.bodyEl = t?.querySelector(".rows"), this.#c) {
-      te(this.#o, this.#e), Xe(this.#o, this.#n?.shell, this.#e);
-      const r = this.#n?.shell?.toolPanel?.defaultOpen;
-      r && this.#e.toolPanels.has(r) && this.openToolPanel(r);
+      ne(this.#n, this.#e), Ze(this.#n, this.#o?.shell, this.#e);
+      const r = this.#o?.shell?.toolPanel?.defaultOpen;
+      r && this.#e.toolPanels.has(r) && (this.openToolPanel(), this.#e.expandedSections.add(r));
     }
     this.setAttribute("data-upgraded", ""), this.hasAttribute("role") || this.setAttribute("role", "grid"), this.#f = !0;
     const n = this.disconnectSignal;
-    this.#d(), this.addEventListener("keydown", (r) => ze(this, r), { signal: n }), document.addEventListener(
+    this.#d(), this.addEventListener("keydown", (r) => qe(this, r), { signal: n }), document.addEventListener(
       "keydown",
       (r) => {
-        r.key === "Escape" && this.activeEditRows !== -1 && this.#O(this.activeEditRows, !0);
+        r.key === "Escape" && this.activeEditRows !== -1 && this.#D(this.activeEditRows, !0);
       },
       { capture: !0, signal: n }
     ), document.addEventListener(
@@ -1647,54 +1705,54 @@ class I extends HTMLElement {
       (r) => {
         if (this.activeEditRows === -1) return;
         const a = this.findRenderedRowElement(this.activeEditRows);
-        !a || (r.composedPath && r.composedPath() || []).includes(a) || this.#O(this.activeEditRows, !1);
+        !a || (r.composedPath && r.composedPath() || []).includes(a) || this.#D(this.activeEditRows, !1);
       },
       { signal: n }
     );
-    const i = t?.querySelector(".faux-vscroll"), s = t?.querySelector(".rows");
-    if (this.virtualization.container = i ?? this, this.#y = this.#t?.getAll().some((r) => r.onScroll) ?? !1, i && s) {
-      i.addEventListener(
+    const s = t?.querySelector(".faux-vscroll"), i = t?.querySelector(".rows");
+    if (this.virtualization.container = s ?? this, this.#E = this.#t?.getAll().some((r) => r.onScroll) ?? !1, s && i) {
+      s.addEventListener(
         "scroll",
         () => {
-          if (!this.virtualization.enabled && !this.#y) return;
-          const l = i.scrollTop, f = this.virtualization.rowHeight, p = Math.floor(l / f), g = p - p % 2, h = -(l - g * f);
-          s.style.transform = `translateY(${h}px)`, this.#E = l, this.#p || (this.#p = requestAnimationFrame(() => {
-            this.#p = 0, this.#E !== null && (this.#ne(this.#E), this.#E = null);
+          if (!this.virtualization.enabled && !this.#E) return;
+          const l = s.scrollTop, d = this.virtualization.rowHeight, u = Math.floor(l / d), g = u - u % 2, h = -(l - g * d);
+          i.style.transform = `translateY(${h}px)`, this.#C = l, this.#p || (this.#p = requestAnimationFrame(() => {
+            this.#p = 0, this.#C !== null && (this.#re(this.#C), this.#C = null);
           }));
         },
         { passive: !0, signal: n }
       );
-      const r = this.#o.querySelector(".tbw-grid-content"), a = this.#o.querySelector(".tbw-scroll-area");
+      const r = this.#n.querySelector(".tbw-grid-content"), a = this.#n.querySelector(".tbw-scroll-area");
       r && (r.addEventListener(
         "wheel",
         (l) => {
-          l.preventDefault(), l.shiftKey || Math.abs(l.deltaX) > Math.abs(l.deltaY) ? a && (a.scrollLeft += l.shiftKey ? l.deltaY : l.deltaX) : i.scrollTop += l.deltaY;
+          l.preventDefault(), l.shiftKey || Math.abs(l.deltaX) > Math.abs(l.deltaY) ? a && (a.scrollLeft += l.shiftKey ? l.deltaY : l.deltaX) : s.scrollTop += l.deltaY;
         },
         { passive: !1, signal: n }
       ), r.addEventListener(
         "touchstart",
         (l) => {
-          l.touches.length === 1 && (this.#_ = l.touches[0].clientY, this.#A = l.touches[0].clientX, this.#S = i.scrollTop, this.#x = a?.scrollLeft ?? 0);
+          l.touches.length === 1 && (this.#_ = l.touches[0].clientY, this.#x = l.touches[0].clientX, this.#S = s.scrollTop, this.#A = a?.scrollLeft ?? 0);
         },
         { passive: !0, signal: n }
       ), r.addEventListener(
         "touchmove",
         (l) => {
-          if (l.touches.length === 1 && this.#_ !== null && this.#A !== null && this.#S !== null && this.#x !== null) {
-            const f = this.#_ - l.touches[0].clientY, p = this.#A - l.touches[0].clientX;
-            i.scrollTop = this.#S + f, a && (a.scrollLeft = this.#x + p), l.preventDefault();
+          if (l.touches.length === 1 && this.#_ !== null && this.#x !== null && this.#S !== null && this.#A !== null) {
+            const d = this.#_ - l.touches[0].clientY, u = this.#x - l.touches[0].clientX;
+            s.scrollTop = this.#S + d, a && (a.scrollLeft = this.#A + u), l.preventDefault();
           }
         },
         { passive: !1, signal: n }
       ), r.addEventListener(
         "touchend",
         () => {
-          this.#_ = null, this.#A = null, this.#S = null, this.#x = null;
+          this.#_ = null, this.#x = null, this.#S = null, this.#A = null;
         },
         { passive: !0, signal: n }
       ));
     }
-    this.resizeController = Ke(this), this.#o.addEventListener("mousedown", (r) => this.#ie(r), { signal: n }), document.addEventListener("mousemove", (r) => this.#se(r), { signal: n }), document.addEventListener("mouseup", (r) => this.#re(r), { signal: n }), this.virtualization.enabled && requestAnimationFrame(() => this.refreshVirtualWindow(!0)), requestAnimationFrame(() => {
+    this.resizeController = Ve(this), this.#n.addEventListener("mousedown", (r) => this.#le(r), { signal: n }), document.addEventListener("mousemove", (r) => this.#ae(r), { signal: n }), document.addEventListener("mouseup", (r) => this.#ce(r), { signal: n }), this.virtualization.enabled && requestAnimationFrame(() => this.refreshVirtualWindow(!0)), requestAnimationFrame(() => {
       const r = this.bodyEl.querySelector(".data-grid-row");
       if (r) {
         const a = r.getBoundingClientRect().height;
@@ -1704,7 +1762,7 @@ class I extends HTMLElement {
       this.#p || (this.#p = requestAnimationFrame(() => {
         this.#p = 0, this.refreshVirtualWindow(!0);
       }));
-    }), this.#w.observe(this.virtualization.viewportEl)), queueMicrotask(() => this.#X()), requestAnimationFrame(() => requestAnimationFrame(() => this.#N?.()));
+    }), this.#w.observe(this.virtualization.viewportEl)), queueMicrotask(() => this.#Z()), requestAnimationFrame(() => requestAnimationFrame(() => this.#$?.()));
   }
   // ---------------- Event Emitters ----------------
   #s(e, t) {
@@ -1726,57 +1784,63 @@ class I extends HTMLElement {
     this.#s("activate-cell", e);
   }
   /** Update ARIA selection attributes on rendered rows/cells */
-  #X() {
+  #Z() {
     this.bodyEl?.querySelectorAll(".data-grid-row")?.forEach((t, n) => {
-      const i = n === this.focusRow;
-      t.setAttribute("aria-selected", String(i)), t.querySelectorAll(".cell").forEach((s, r) => {
-        s.setAttribute("aria-selected", String(i && r === this.focusCol));
+      const s = n === this.focusRow;
+      t.setAttribute("aria-selected", String(s)), t.querySelectorAll(".cell").forEach((i, r) => {
+        i.setAttribute("aria-selected", String(s && r === this.focusCol));
       });
     });
   }
   // ---------------- Watch Handlers ----------------
-  #j() {
+  #J() {
     if (!this.#f) return;
-    this.#u(), this.#n.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, this.#K()) : (this._columns.forEach((t) => {
+    this.#u(), this.#o.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, this.#F()) : (this._columns.forEach((t) => {
       !t.__userResized && t.__autoSized && delete t.width;
     }), this.updateTemplate());
   }
-  #Y() {
+  #Q() {
     this.#f && (this.#u(), this.rowPool.length = 0, this.bodyEl && (this.bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.refreshVirtualWindow(!0));
   }
-  #Z() {
-    this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#L(), !this.#l || Array.isArray(this.#l) && this.#l.length === 0 ? this.#d() : this.refreshVirtualWindow(!0);
+  #ee() {
+    this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#k(), !this.#l || Array.isArray(this.#l) && this.#l.length === 0 ? this.#d() : this.refreshVirtualWindow(!0);
   }
-  #J() {
-    j(this), this.#f && (this.#u(), this.#d());
+  #te() {
+    Z(this), this.#f && (this.#u(), this.#d());
   }
-  #Q() {
-    this.#f && (this.#u(), this.#B(), this.#L(), this.#M(), this.#T(), this.updateTemplate(), this.refreshVirtualWindow(!0));
+  #oe() {
+    this.#f && (this.#u(), this.#K(), this.#k(), this.#H(), this.#L(), this.updateTemplate(), this.refreshVirtualWindow(!0));
   }
   // ---------------- Helper Wrappers ----------------
-  #ee() {
-    He(this);
+  #ne() {
+    ze(this);
   }
-  #T() {
-    V(this);
+  #L() {
+    U(this);
   }
   updateTemplate() {
-    ue(this);
+    pe(this);
   }
-  #K() {
-    Oe(this);
+  #F() {
+    De(this);
   }
-  #M() {
+  #H() {
     if (this.#t) {
-      const e = this._columns.filter((n) => !n.hidden), t = this.#t.processColumns([...e]);
-      if (t !== e) {
-        const n = new Map(t.map((s, r) => [s.field, { col: s, order: r }])), i = this._columns.map((s) => {
-          if (s.hidden) return s;
-          const r = n.get(s.field);
-          return r ? r.col : s;
-        });
-        this._columns = i;
-      }
+      const e = this.#O.length > 0 ? this.#O : this._columns, t = e.filter((i) => !i.hidden), n = e.filter((i) => i.hidden), s = this.#t.processColumns([...t]);
+      if (s !== t) {
+        const i = new Map(s.map((a, l) => [a.field, { col: a, order: l }]));
+        if (!t.some((a) => i.has(a.field)) && s.length > 0)
+          this._columns = [...s, ...n];
+        else {
+          const a = e.map((l) => {
+            if (l.hidden) return l;
+            const d = i.get(l.field);
+            return d ? d.col : l;
+          });
+          this._columns = a;
+        }
+      } else
+        this._columns = [...e];
     }
   }
   /** Execute all plugin afterRender hooks */
@@ -1784,8 +1848,8 @@ class I extends HTMLElement {
     this.#t?.afterRender();
   }
   /** Recompute row model via plugin hooks (grouping, tree, filtering, etc.). */
-  #L() {
-    j(this);
+  #k() {
+    Z(this);
     const e = Array.isArray(this.#r) ? [...this.#r] : [], t = this.#t?.processRows(e) ?? e;
     this._rows = t;
   }
@@ -1810,39 +1874,39 @@ class I extends HTMLElement {
   #u() {
     const e = this.#g ? { ...this.#g } : {};
     let t = Array.isArray(e.columns) ? [...e.columns] : [];
-    const n = (this.__lightDomColumnsCache || []).map((i) => ({
-      ...i
+    const n = (this.__lightDomColumnsCache || []).map((s) => ({
+      ...s
     }));
     if (n.length) {
-      const i = {};
-      t.forEach((s) => i[s.field] = s), n.forEach((s) => {
-        const r = i[s.field];
-        r ? (s.header && !r.header && (r.header = s.header), s.type && !r.type && (r.type = s.type), r.sortable = r.sortable || s.sortable, s.resizable && (r.resizable = !0), s.editable && (r.editable = !0)) : (t.push(s), i[s.field] = s);
+      const s = {};
+      t.forEach((i) => s[i.field] = i), n.forEach((i) => {
+        const r = s[i.field];
+        r ? (i.header && !r.header && (r.header = i.header), i.type && !r.type && (r.type = i.type), r.sortable = r.sortable || i.sortable, i.resizable && (r.resizable = !0), i.editable && (r.editable = !0)) : (t.push(i), s[i.field] = i);
       });
     }
-    if (this.#l && this.#l.length && (t = [...this.#l]), (!t || t.length === 0) && this._rows.length && (t = de(this._rows).columns), t.length) {
+    if (this.#l && this.#l.length && (t = [...this.#l]), (!t || t.length === 0) && this._rows.length && (t = ue(this._rows).columns), t.length) {
       t.forEach((r) => {
         r.sortable === void 0 && (r.sortable = !0), r.resizable === void 0 && (r.resizable = !0);
       });
-      const i = this.#n.columns;
-      i?.some((r) => r.__compiledView || r.__compiledEditor) ? e.columns = i : e.columns = t;
+      const s = this.#o.columns;
+      s?.some((r) => r.__compiledView || r.__compiledEditor) ? e.columns = s : e.columns = t;
     } else {
-      const i = this.#n.columns;
-      i?.some((s) => s.__compiledView || s.__compiledEditor) && (e.columns = i);
+      const s = this.#o.columns;
+      s?.some((i) => i.__compiledView || i.__compiledEditor) && (e.columns = s);
     }
-    this.#v && (e.fitMode = this.#v), e.fitMode || (e.fitMode = "stretch"), this.#C && (e.editOn = this.#C), e.columnState && !this.#h && (this.#h = e.columnState), this.#n = e, e.fitMode === "fixed" && this._columns.forEach((i) => {
-      i.width == null && (i.width = 80);
+    this.#v && (e.fitMode = this.#v), e.fitMode || (e.fitMode = "stretch"), this.#y && (e.editOn = this.#y), e.columnState && !this.#h && (this.#h = e.columnState), this.#o = e, e.fitMode === "fixed" && this._columns.forEach((s) => {
+      s.width == null && (s.width = 80);
     });
   }
   // ---------------- Delegate Wrappers ----------------
-  #H(e, t, n = this.__rowRenderEpoch) {
-    this.#k || (this.#k = (i, s, r) => this.#t?.renderRow(i, s, r) ?? !1), qe(this, e, t, n, this.#k);
+  #z(e, t, n = this.__rowRenderEpoch) {
+    this.#P || (this.#P = (s, i, r) => this.#t?.renderRow(s, i, r) ?? !1), Be(this, e, t, n, this.#P);
   }
-  #te(e, t) {
-    T(this, e, t);
+  #se(e, t) {
+    L(this, e, t);
   }
-  #O(e, t) {
-    Be(this, e, t);
+  #D(e, t) {
+    We(this, e, t);
   }
   // ---------------- Core Helpers ----------------
   #d() {
@@ -1850,32 +1914,32 @@ class I extends HTMLElement {
       return;
     const e = this.#g?.columns || this.#l || [];
     if (e.length) {
-      const n = new Map(this._columns.filter((s) => s.hidden).map((s) => [s.field, !0])), i = e.map((s) => ({
-        ...s,
-        hidden: n.get(s.field) ?? s.hidden
+      const n = new Map(this._columns.filter((i) => i.hidden).map((i) => [i.field, !0])), s = e.map((i) => ({
+        ...i,
+        hidden: n.get(i.field) ?? i.hidden
       }));
-      this._columns = i;
+      this._columns = s;
     }
-    if (this.#ee(), this.#u(), this.#B(), this.#L(), this.#M(), this.#h) {
+    if (this.#ne(), this.#u(), this.#K(), this.#O = [...this._columns], this.#k(), this.#H(), this.#h) {
       const n = this.#h;
-      this.#h = void 0, this.#W(n);
+      this.#h = void 0, this.#G(n);
     }
-    this.#T(), this.updateTemplate(), this.refreshVirtualWindow(!0), this.#n.fitMode === "fixed" && !this.__didInitialAutoSize && requestAnimationFrame(() => this.#K()), this.bodyEl && (this.bodyEl.style.display = "", this.bodyEl.style.gridTemplateColumns = ""), queueMicrotask(() => this.#b());
+    this.#L(), this.updateTemplate(), this.refreshVirtualWindow(!0), this.#o.fitMode === "fixed" && !this.__didInitialAutoSize && requestAnimationFrame(() => this.#F()), this.bodyEl && (this.bodyEl.style.display = "", this.bodyEl.style.gridTemplateColumns = ""), queueMicrotask(() => this.#b());
   }
   /** Internal method to apply column state without triggering setup loop */
-  #W(e) {
-    const t = this.#n.columns ?? [], n = this.#t?.getAll() ?? [];
-    me(this, e, t, n);
-    for (const i of e.columns) {
-      const s = t.find((r) => r.field === i.field);
-      s && (s.hidden = !i.visible);
+  #G(e) {
+    const t = this.#o.columns ?? [], n = this.#t?.getAll() ?? [];
+    ye(this, e, t, n);
+    for (const s of e.columns) {
+      const i = t.find((r) => r.field === s.field);
+      i && (i.hidden = !s.visible);
     }
   }
-  #oe() {
+  #ie() {
     return this._rows.length <= this.virtualization.bypassThreshold;
   }
-  #ne(e) {
-    if (this.refreshVirtualWindow(!1), this.#t?.onScrollRender(), this.#y) {
+  #re(e) {
+    if (this.refreshVirtualWindow(!1), this.#t?.onScrollRender(), this.#E) {
       const t = this.virtualization.container, n = {
         scrollTop: e,
         scrollLeft: t?.scrollLeft ?? 0,
@@ -1889,7 +1953,7 @@ class I extends HTMLElement {
     }
   }
   findHeaderRow() {
-    return this.#o.querySelector(".header-row");
+    return this.#n.querySelector(".header-row");
   }
   findRenderedRowElement(e) {
     return Array.from(this.bodyEl.querySelectorAll(".data-grid-row")).find((t) => {
@@ -1901,16 +1965,16 @@ class I extends HTMLElement {
    * Dispatch a cell click event to the plugin system.
    * Returns true if any plugin handled the event.
    */
-  dispatchCellClick(e, t, n, i) {
-    const s = this._rows[t], r = this._columns[n];
-    if (!s || !r) return !1;
+  dispatchCellClick(e, t, n, s) {
+    const i = this._rows[t], r = this._columns[n];
+    if (!i || !r) return !1;
     const a = {
-      row: s,
+      row: i,
       rowIndex: t,
       colIndex: n,
       field: r.field,
-      value: s[r.field],
-      cellEl: i,
+      value: i[r.field],
+      cellEl: s,
       originalEvent: e
     };
     return this.#t?.onCellClick(a) ?? !1;
@@ -1920,16 +1984,16 @@ class I extends HTMLElement {
    * Returns true if any plugin handled the event.
    */
   dispatchHeaderClick(e, t, n) {
-    const i = this._columns[t];
-    if (!i) return !1;
-    const s = {
+    const s = this._columns[t];
+    if (!s) return !1;
+    const i = {
       colIndex: t,
-      field: i.field,
-      column: i,
+      field: s.field,
+      column: s,
       headerEl: n,
       originalEvent: e
     };
-    return this.#t?.onHeaderClick(s) ?? !1;
+    return this.#t?.onHeaderClick(i) ?? !1;
   }
   /**
    * Dispatch a keyboard event to the plugin system.
@@ -1942,51 +2006,51 @@ class I extends HTMLElement {
    * Build a CellMouseEvent from a native MouseEvent.
    * Extracts cell/row information from the event target.
    */
-  #D(e, t) {
+  #N(e, t) {
     let n = null;
-    const i = e.composedPath?.();
-    if (i && i.length > 0 ? n = i[0] : n = e.target, n && !this.#o.contains(n)) {
-      const u = this.#o.elementFromPoint(e.clientX, e.clientY);
-      u && (n = u);
-    }
-    const s = n?.closest?.("[data-col]"), r = n?.closest?.(".data-grid-row"), a = n?.closest?.(".header-row");
-    let l, f, p, g, h, c;
-    return s && (l = parseInt(s.getAttribute("data-row") ?? "-1", 10), f = parseInt(s.getAttribute("data-col") ?? "-1", 10), l >= 0 && f >= 0 && (p = this._rows[l], c = this._columns[f], g = c?.field, h = p && g ? p[g] : void 0)), {
+    const s = e.composedPath?.();
+    if (s && s.length > 0 ? n = s[0] : n = e.target, n && !this.#n.contains(n)) {
+      const f = this.#n.elementFromPoint(e.clientX, e.clientY);
+      f && (n = f);
+    }
+    const i = n?.closest?.("[data-col]"), r = n?.closest?.(".data-grid-row"), a = n?.closest?.(".header-row");
+    let l, d, u, g, h, c;
+    return i && (l = parseInt(i.getAttribute("data-row") ?? "-1", 10), d = parseInt(i.getAttribute("data-col") ?? "-1", 10), l >= 0 && d >= 0 && (u = this._rows[l], c = this._columns[d], g = c?.field, h = u && g ? u[g] : void 0)), {
       type: t,
-      row: p,
+      row: u,
       rowIndex: l !== void 0 && l >= 0 ? l : void 0,
-      colIndex: f !== void 0 && f >= 0 ? f : void 0,
+      colIndex: d !== void 0 && d >= 0 ? d : void 0,
       field: g,
       value: h,
       column: c,
       originalEvent: e,
-      cellElement: s ?? void 0,
+      cellElement: i ?? void 0,
       rowElement: r ?? void 0,
       isHeader: !!a,
-      cell: l !== void 0 && f !== void 0 && l >= 0 && f >= 0 ? { row: l, col: f } : void 0
+      cell: l !== void 0 && d !== void 0 && l >= 0 && d >= 0 ? { row: l, col: d } : void 0
     };
   }
   /**
    * Handle mousedown events and dispatch to plugin system.
    */
-  #ie(e) {
-    const t = this.#D(e, "mousedown");
+  #le(e) {
+    const t = this.#N(e, "mousedown");
     (this.#t?.onCellMouseDown(t) ?? !1) && (this.#R = !0);
   }
   /**
    * Handle mousemove events (only when dragging).
    */
-  #se(e) {
+  #ae(e) {
     if (!this.#R) return;
-    const t = this.#D(e, "mousemove");
+    const t = this.#N(e, "mousemove");
     this.#t?.onCellMouseMove(t);
   }
   /**
    * Handle mouseup events.
    */
-  #re(e) {
+  #ce(e) {
     if (!this.#R) return;
-    const t = this.#D(e, "mouseup");
+    const t = this.#N(e, "mouseup");
     this.#t?.onCellMouseUp(t), this.#R = !1;
   }
   // API consumed by internal utils (rows.ts)
@@ -2000,20 +2064,20 @@ class I extends HTMLElement {
     this._changedRowIndices.clear(), e || this.#s("changed-rows-reset", { rows: this.changedRows, indices: this.changedRowIndices }), this.rowPool.forEach((t) => t.classList.remove("changed"));
   }
   async beginBulkEdit(e) {
-    this.#te(e, this._rows[e]);
+    this.#se(e, this._rows[e]);
   }
   async commitActiveRowEdit() {
-    this.activeEditRows !== -1 && this.#O(this.activeEditRows, !1);
+    this.activeEditRows !== -1 && this.#D(this.activeEditRows, !1);
   }
   async ready() {
-    return this.#z;
+    return this.#I;
   }
   async forceLayout() {
     this.#d(), await new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
   }
   /** Public method: returns a frozen snapshot of the merged effective configuration */
   async getConfig() {
-    return Object.freeze({ ...this.#n || {} });
+    return Object.freeze({ ...this.#o || {} });
   }
   // ---------------- Column Visibility API ----------------
   /**
@@ -2023,11 +2087,11 @@ class I extends HTMLElement {
    * @returns True if visibility was changed, false if column not found or locked
    */
   setColumnVisible(e, t) {
-    const n = this.#n.columns, i = n?.find((a) => a.field === e);
-    if (!i || !t && i.lockVisible || !t && (n ?? []).filter((l) => !l.hidden && l.field !== e).length === 0)
+    const n = this.#o.columns, s = n?.find((a) => a.field === e);
+    if (!s || !t && s.lockVisible || !t && (n ?? []).filter((l) => !l.hidden && l.field !== e).length === 0)
       return !1;
-    const s = !!i.hidden, r = !t;
-    return s !== r ? (i.hidden = r, this.#s("column-visibility", {
+    const i = !!s.hidden, r = !t;
+    return i !== r ? (s.hidden = r, this.#s("column-visibility", {
       field: e,
       visible: t,
       visibleColumns: (n ?? []).filter((a) => !a.hidden).map((a) => a.field)
@@ -2039,8 +2103,8 @@ class I extends HTMLElement {
    * @returns True if visibility was toggled, false if column not found or locked
    */
   toggleColumnVisibility(e) {
-    const i = !!this.#n.columns?.find((s) => s.field === e)?.hidden;
-    return this.setColumnVisible(e, i);
+    const s = !!this.#o.columns?.find((i) => i.field === e)?.hidden;
+    return this.setColumnVisible(e, s);
   }
   /**
    * Check if a column is currently visible.
@@ -2048,14 +2112,14 @@ class I extends HTMLElement {
    * @returns True if visible, false if hidden or not found
    */
   isColumnVisible(e) {
-    const n = this.#n.columns?.find((i) => i.field === e);
+    const n = this.#o.columns?.find((s) => s.field === e);
     return n ? !n.hidden : !1;
   }
   /**
    * Show all columns.
    */
   showAllColumns() {
-    const e = this.#n.columns;
+    const e = this.#o.columns;
     e?.some((n) => n.hidden) && (e?.forEach((n) => {
       n.hidden = !1;
     }), this.#s("column-visibility", {
@@ -2069,7 +2133,7 @@ class I extends HTMLElement {
    * @returns Array of all field names with their visibility status
    */
   getAllColumns() {
-    return (this.#n.columns ?? []).map((t) => ({
+    return (this.#o.columns ?? []).map((t) => ({
       field: t.field,
       header: t.header || t.field,
       visible: !t.hidden,
@@ -2083,14 +2147,14 @@ class I extends HTMLElement {
    */
   setColumnOrder(e) {
     if (!e.length) return;
-    const t = new Map(this._columns.map((i) => [i.field, i])), n = [];
-    for (const i of e) {
-      const s = t.get(i);
-      s && (n.push(s), t.delete(i));
+    const t = new Map(this._columns.map((s) => [s.field, s])), n = [];
+    for (const s of e) {
+      const i = t.get(s);
+      i && (n.push(i), t.delete(s));
     }
-    for (const i of t.values())
-      n.push(i);
-    this._columns = n, this.#T(), this.updateTemplate(), this.refreshVirtualWindow(!0);
+    for (const s of t.values())
+      n.push(s);
+    this._columns = n, this.#L(), this.updateTemplate(), this.refreshVirtualWindow(!0);
   }
   /**
    * Get the current column order as an array of field names.
@@ -2106,14 +2170,14 @@ class I extends HTMLElement {
    */
   getColumnState() {
     const e = this.#t?.getAll() ?? [];
-    return ae(this, e);
+    return he(this, e);
   }
   /**
    * Set the column state, restoring order, width, visibility, sort, and plugin state.
    * Use this to restore previously saved column state.
    */
   set columnState(e) {
-    e && (this.#h = e, this.#i && this.#le(e));
+    e && (this.#h = e, this.#i && this.#de(e));
   }
   /**
    * Get the current column state.
@@ -2124,10 +2188,10 @@ class I extends HTMLElement {
   /**
    * Apply column state internally.
    */
-  #le(e) {
-    (this.#n.columns ?? []).forEach((n) => {
+  #de(e) {
+    (this.#o.columns ?? []).forEach((n) => {
       n.hidden = !1;
-    }), this.#W(e), this.#d();
+    }), this.#G(e), this.#d();
   }
   /**
    * Request a state change event to be emitted.
@@ -2136,62 +2200,134 @@ class I extends HTMLElement {
    * The event is debounced to avoid excessive events during drag operations.
    */
   requestStateChange() {
-    this.#P || (this.#P = ve(
+    this.#M || (this.#M = Ce(
       this,
       () => this.#t?.getAll() ?? [],
       (e) => this.#s("column-state-change", e)
-    )), this.#P();
+    )), this.#M();
   }
   /**
    * Reset column state to initial configuration.
    * Clears all user modifications (order, width, visibility, sort).
    */
   resetColumnState() {
-    this.#h = void 0, (this.#n.columns ?? []).forEach((n) => {
+    this.#h = void 0, (this.#o.columns ?? []).forEach((n) => {
       n.hidden = !1;
     }), this.sortState = null, this.__originalOrder = [], this.#u(), this.#d();
     const t = this.#t?.getAll() ?? [];
     for (const n of t)
       if (n.applyColumnState)
-        for (const i of this._columns)
-          n.applyColumnState(i.field, {
-            field: i.field,
+        for (const s of this._columns)
+          n.applyColumnState(s.field, {
+            field: s.field,
             order: 0,
             visible: !0
           });
     this.requestStateChange();
   }
   // ---------------- Shell / Tool Panel API ----------------
+  /**
+   * Check if the tool panel is currently open.
+   */
+  get isToolPanelOpen() {
+    return this.#e.isPanelOpen;
+  }
   /**
    * Get the currently active tool panel ID, or null if none is open.
+   * @deprecated Use isToolPanelOpen and expandedToolPanelSections instead.
    */
   get activeToolPanel() {
     return this.#e.activePanel;
   }
   /**
-   * Open a tool panel by ID.
-   * Closes any currently open panel first.
+   * Get the IDs of expanded accordion sections.
    */
-  openToolPanel(e) {
-    if (!this.#e.toolPanels.get(e)) {
-      console.warn(`[tbw-grid] Tool panel "${e}" not found`);
-      return;
+  get expandedToolPanelSections() {
+    return [...this.#e.expandedSections];
+  }
+  /**
+   * Open the tool panel (accordion view with all registered panels).
+   */
+  openToolPanel() {
+    if (this.#e.isPanelOpen) return;
+    if (this.#e.isPanelOpen = !0, this.#e.expandedSections.size === 0 && this.#e.toolPanels.size > 0) {
+      const n = [...this.#e.toolPanels.values()].sort(
+        (s, i) => (s.order ?? 100) - (i.order ?? 100)
+      )[0];
+      n && this.#e.expandedSections.add(n.id);
     }
-    this.#e.activePanel && this.#e.activePanel !== e && this.closeToolPanel(), this.#e.activePanel = e, oe(this.#o, this.#e), ne(this.#o, this.#e), je(this.#o, this.#e), this.#s("tool-panel-open", { id: e });
+    se(this.#n, this.#e), ie(this.#n, this.#e);
+    const e = {
+      expand: this.#o?.icons?.expand ?? S.expand,
+      collapse: this.#o?.icons?.collapse ?? S.collapse
+    };
+    Je(this.#n, this.#e, e), this.#s("tool-panel-open", { sections: this.expandedToolPanelSections });
   }
   /**
-   * Close the currently open tool panel.
+   * Close the tool panel.
    */
   closeToolPanel() {
-    if (!this.#e.activePanel) return;
-    const e = this.#e.activePanel, t = this.#e.toolPanels.get(e);
-    this.#e.activePanelCleanup && (this.#e.activePanelCleanup(), this.#e.activePanelCleanup = null), t?.onClose?.(), this.#e.activePanel = null, oe(this.#o, this.#e), ne(this.#o, this.#e), this.#s("tool-panel-close", { id: e });
+    if (this.#e.isPanelOpen) {
+      for (const e of this.#e.panelCleanups.values())
+        e();
+      this.#e.panelCleanups.clear(), this.#e.activePanelCleanup && (this.#e.activePanelCleanup(), this.#e.activePanelCleanup = null);
+      for (const e of this.#e.toolPanels.values())
+        e.onClose?.();
+      this.#e.isPanelOpen = !1, se(this.#n, this.#e), ie(this.#n, this.#e), this.#s("tool-panel-close", {});
+    }
+  }
+  /**
+   * Toggle the tool panel open/closed.
+   */
+  toggleToolPanel() {
+    this.#e.isPanelOpen ? this.closeToolPanel() : this.openToolPanel();
   }
   /**
-   * Toggle a tool panel open/closed.
+   * Toggle an accordion section expanded/collapsed.
+   * Only one section can be expanded at a time (exclusive accordion).
+   * When there's only one panel, toggling is disabled (always expanded).
    */
-  toggleToolPanel(e) {
-    this.#e.activePanel === e ? this.closeToolPanel() : this.openToolPanel(e);
+  toggleToolPanelSection(e) {
+    const t = this.#e.toolPanels.get(e);
+    if (!t) {
+      console.warn(`[tbw-grid] Tool panel section "${e}" not found`);
+      return;
+    }
+    if (this.#e.toolPanels.size === 1)
+      return;
+    const n = this.#e.expandedSections.has(e);
+    if (n) {
+      const s = this.#e.panelCleanups.get(e);
+      s && (s(), this.#e.panelCleanups.delete(e)), t.onClose?.(), this.#e.expandedSections.delete(e), this.#q(e, !1);
+    } else {
+      for (const [s, i] of this.#e.toolPanels)
+        if (s !== e && this.#e.expandedSections.has(s)) {
+          const r = this.#e.panelCleanups.get(s);
+          r && (r(), this.#e.panelCleanups.delete(s)), i.onClose?.(), this.#e.expandedSections.delete(s), this.#q(s, !1);
+          const a = this.#n.querySelector(`[data-section="${s}"] .tbw-accordion-content`);
+          a && (a.innerHTML = "");
+        }
+      this.#e.expandedSections.add(e), this.#q(e, !0), this.#he(e);
+    }
+    this.#s("tool-panel-section-toggle", { id: e, expanded: !n });
+  }
+  /**
+   * Update accordion section visual state.
+   */
+  #q(e, t) {
+    const n = this.#n.querySelector(`[data-section="${e}"]`);
+    n && n.classList.toggle("expanded", t);
+  }
+  /**
+   * Render content for a single accordion section.
+   */
+  #he(e) {
+    const t = this.#e.toolPanels.get(e);
+    if (!t?.render) return;
+    const n = this.#n.querySelector(`[data-section="${e}"] .tbw-accordion-content`);
+    if (!n) return;
+    const s = t.render(n);
+    s && this.#e.panelCleanups.set(e, s);
   }
   /**
    * Get registered tool panel definitions.
@@ -2229,20 +2365,20 @@ class I extends HTMLElement {
       console.warn(`[tbw-grid] Header content "${e.id}" already registered`);
       return;
     }
-    this.#e.headerContents.set(e.id, e), this.#c && te(this.#o, this.#e);
+    this.#e.headerContents.set(e.id, e), this.#c && ne(this.#n, this.#e);
   }
   /**
    * Unregister custom header content.
    */
   unregisterHeaderContent(e) {
     const t = this.#e.headerContentCleanups.get(e);
-    t && (t(), this.#e.headerContentCleanups.delete(e)), this.#e.headerContents.get(e)?.onDestroy?.(), this.#e.headerContents.delete(e), this.#o.querySelector(`[data-header-content="${e}"]`)?.remove();
+    t && (t(), this.#e.headerContentCleanups.delete(e)), this.#e.headerContents.get(e)?.onDestroy?.(), this.#e.headerContents.delete(e), this.#n.querySelector(`[data-header-content="${e}"]`)?.remove();
   }
   /**
    * Get all registered toolbar buttons.
    */
   getToolbarButtons() {
-    return Ye(this.#n?.shell, this.#e);
+    return Qe(this.#o?.shell, this.#e);
   }
   /**
    * Register a custom toolbar button programmatically.
@@ -2267,8 +2403,8 @@ class I extends HTMLElement {
   setToolbarButtonDisabled(e, t) {
     const n = this.#e.toolbarButtons.get(e);
     n && (n.disabled = t);
-    const i = this.#o.querySelector(`[data-btn="${e}"]`);
-    i && (i.disabled = t);
+    const s = this.#n.querySelector(`[data-btn="${e}"]`);
+    s && (s.disabled = t);
   }
   /**
    * Re-parse light DOM shell elements and refresh shell header.
@@ -2281,7 +2417,7 @@ class I extends HTMLElement {
    * Internal shell header refresh.
    */
   #m() {
-    ee(this, this.#e), this.#F(), this.#$();
+    oe(this, this.#e), this.#U(), this.#V();
   }
   // ---------------- Virtual Window ----------------
   /**
@@ -2292,36 +2428,36 @@ class I extends HTMLElement {
     if (!this.bodyEl) return;
     const t = this._rows.length;
     if (!this.virtualization.enabled) {
-      this.#H(0, t), this.#b();
+      this.#z(0, t), this.#b();
       return;
     }
-    if (this.#oe()) {
-      this.virtualization.start = 0, this.virtualization.end = t, this.bodyEl.style.transform = "translateY(0px)", this.#H(0, t, this.__rowRenderEpoch), this.virtualization.totalHeightEl && (this.virtualization.totalHeightEl.style.height = `${t * this.virtualization.rowHeight}px`), this.setAttribute("aria-rowcount", String(t)), this.setAttribute("aria-colcount", String(this.visibleColumns.length)), this.#b();
+    if (this.#ie()) {
+      this.virtualization.start = 0, this.virtualization.end = t, this.bodyEl.style.transform = "translateY(0px)", this.#z(0, t, this.__rowRenderEpoch), this.virtualization.totalHeightEl && (this.virtualization.totalHeightEl.style.height = `${t * this.virtualization.rowHeight}px`), this.setAttribute("aria-rowcount", String(t)), this.setAttribute("aria-colcount", String(this.visibleColumns.length)), this.#b();
       return;
     }
-    const n = this.virtualization.container ?? this, s = (this.virtualization.viewportEl ?? n).clientHeight, r = this.virtualization.rowHeight, a = n.scrollTop;
-    let l = Math.floor(a / r), f = 0;
-    const p = 10;
-    for (; f < p; ) {
-      const R = this.#t?.getExtraHeightBefore?.(l) ?? 0, E = Math.floor((a - R) / r);
-      if (E >= l || E < 0) break;
-      l = E, f++;
+    const n = this.virtualization.container ?? this, i = (this.virtualization.viewportEl ?? n).clientHeight, r = this.virtualization.rowHeight, a = n.scrollTop;
+    let l = Math.floor(a / r), d = 0;
+    const u = 10;
+    for (; d < u; ) {
+      const R = this.#t?.getExtraHeightBefore?.(l) ?? 0, C = Math.floor((a - R) / r);
+      if (C >= l || C < 0) break;
+      l = C, d++;
     }
     l = l - l % 2, l < 0 && (l = 0);
     const g = this.#t?.adjustVirtualStart(l, a, r);
     g !== void 0 && g < l && (l = g, l = l - l % 2, l < 0 && (l = 0));
-    const h = Math.ceil(s / r) + 3;
+    const h = Math.ceil(i / r) + 3;
     let c = l + h;
     c > t && (c = t), this.virtualization.start = l, this.virtualization.end = c;
-    const d = this.#o.querySelector(".tbw-footer")?.offsetHeight ?? 0, b = this.#t?.getExtraHeight() ?? 0;
-    this.virtualization.totalHeightEl && (this.virtualization.totalHeightEl.style.height = `${t * r + r + d + b}px`);
-    const m = this.#t?.getExtraHeightBefore?.(l) ?? 0, C = -(a - l * r - m);
-    this.bodyEl.style.transform = `translateY(${C}px)`, this.#H(l, c, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.setAttribute("aria-rowcount", String(t)), this.setAttribute("aria-colcount", String(this.visibleColumns.length)), e && this.#b();
+    const p = this.#n.querySelector(".tbw-footer")?.offsetHeight ?? 0, w = this.#t?.getExtraHeight() ?? 0;
+    this.virtualization.totalHeightEl && (this.virtualization.totalHeightEl.style.height = `${t * r + r + p + w}px`);
+    const m = this.#t?.getExtraHeightBefore?.(l) ?? 0, y = -(a - l * r - m);
+    this.bodyEl.style.transform = `translateY(${y}px)`, this.#z(l, c, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.setAttribute("aria-rowcount", String(t)), this.setAttribute("aria-colcount", String(this.visibleColumns.length)), e && this.#b();
   }
   // ---------------- Render ----------------
-  #F() {
-    ee(this, this.#e);
-    const e = this.#n?.shell, t = Fe(e, this.#e), n = `
+  #U() {
+    oe(this, this.#e);
+    const e = this.#o?.shell, t = Ge(e, this.#e), n = `
       <div class="tbw-scroll-area">
         <div class="rows-body-wrapper">
           <div class="rows-body">
@@ -2341,15 +2477,18 @@ class I extends HTMLElement {
       </div>
     `;
     if (t) {
-      const i = Ve(e, this.#e), s = Ge(e, this.#e, n);
-      this.#o.innerHTML = `
+      const s = this.#o?.icons?.toolPanel ?? S.toolPanel, i = {
+        expand: this.#o?.icons?.expand ?? S.expand,
+        collapse: this.#o?.icons?.collapse ?? S.collapse
+      }, r = Ue(e, this.#e, s), a = Xe(e, this.#e, n, i);
+      this.#n.innerHTML = `
         <div class="tbw-grid-root has-shell">
-          ${i}
-          ${s}
+          ${r}
+          ${a}
         </div>
-      `, this.#ae(), this.#c = !0;
+      `, this.#ue(), this.#c = !0;
     } else
-      this.#o.innerHTML = `
+      this.#n.innerHTML = `
         <div class="tbw-grid-root">
           <div class="tbw-grid-content">
             ${n}
@@ -2360,28 +2499,30 @@ class I extends HTMLElement {
   /**
    * Set up shell event listeners after render.
    */
-  #ae() {
-    Ue(this.#o, this.#n?.shell, this.#e, {
-      onPanelToggle: (e) => this.toggleToolPanel(e),
-      onPanelClose: () => this.closeToolPanel(),
-      onToolbarButtonClick: (e) => this.#ce(e)
+  #ue() {
+    je(this.#n, this.#o?.shell, this.#e, {
+      onPanelToggle: () => this.toggleToolPanel(),
+      onSectionToggle: (e) => this.toggleToolPanelSection(e),
+      onToolbarButtonClick: (e) => this.#fe(e)
+    }), this.#T?.(), this.#T = Ye(this.#n, this.#o?.shell, (e) => {
+      this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
     });
   }
   /**
    * Handle toolbar button click (for config buttons with action).
    */
-  #ce(e) {
-    const n = (this.#n?.shell?.header?.toolbarButtons ?? []).find((s) => s.id === e);
+  #fe(e) {
+    const n = (this.#o?.shell?.header?.toolbarButtons ?? []).find((i) => i.id === e);
     if (n?.action) {
       n.action();
       return;
     }
-    const i = this.#e.toolbarButtons.get(e);
-    i?.action && i.action();
+    const s = this.#e.toolbarButtons.get(e);
+    s?.action && s.action();
   }
 }
-customElements.get(I.tagName) || customElements.define(I.tagName, I);
-class fe {
+customElements.get($.tagName) || customElements.define($.tagName, $);
+class ge {
   /** Plugin version - override in subclass if needed */
   version = "1.0.0";
   /** CSS styles to inject into the grid's shadow DOM */
@@ -2506,7 +2647,7 @@ class fe {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...ce, ...e };
+    return { ...S, ...e };
   }
   /**
    * Resolve an icon value to string or HTMLElement.
@@ -2536,7 +2677,7 @@ class fe {
     console.warn(`[tbw-grid:${this.name}] ${e}`);
   }
 }
-function N(o) {
+function I(o) {
   return {
     startRow: Math.min(o.startRow, o.endRow),
     startCol: Math.min(o.startCol, o.endCol),
@@ -2544,38 +2685,38 @@ function N(o) {
     endCol: Math.max(o.startCol, o.endCol)
   };
 }
-function Qe(o) {
-  const e = N(o);
+function ot(o) {
+  const e = I(o);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function K(o) {
-  return o.map(Qe);
+function V(o) {
+  return o.map(ot);
 }
-function et(o, e, t) {
-  const n = N(t);
+function nt(o, e, t) {
+  const n = I(t);
   return o >= n.startRow && o <= n.endRow && e >= n.startCol && e <= n.endCol;
 }
-function ie(o, e, t) {
-  return t.some((n) => et(o, e, n));
+function re(o, e, t) {
+  return t.some((n) => nt(o, e, n));
 }
-function tt(o) {
-  const e = [], t = N(o);
+function st(o) {
+  const e = [], t = I(o);
   for (let n = t.startRow; n <= t.endRow; n++)
-    for (let i = t.startCol; i <= t.endCol; i++)
-      e.push({ row: n, col: i });
+    for (let s = t.startCol; s <= t.endCol; s++)
+      e.push({ row: n, col: s });
   return e;
 }
-function ot(o) {
+function it(o) {
   const e = /* @__PURE__ */ new Map();
   for (const t of o)
-    for (const n of tt(t))
+    for (const n of st(t))
       e.set(`${n.row},${n.col}`, n);
   return [...e.values()];
 }
-function se(o, e) {
+function le(o, e) {
   return {
     startRow: o.row,
     startCol: o.col,
@@ -2583,7 +2724,8 @@ function se(o, e) {
     endCol: e.col
   };
 }
-function nt(o, e, t) {
+const rt = ':host .selecting .data-grid-row>.cell{user-select:none}:host .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}:host([data-selection-mode="row"]) .cell-focus{outline:none}:host .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}:host .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}:host .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}';
+function lt(o, e, t) {
   if (o === "cell" && e.selectedCell)
     return {
       mode: o,
@@ -2595,15 +2737,15 @@ function nt(o, e, t) {
       ]
     };
   if (o === "row" && e.selected.size > 0) {
-    const n = [...e.selected].map((i) => ({
-      from: { row: i, col: 0 },
-      to: { row: i, col: t - 1 }
+    const n = [...e.selected].map((s) => ({
+      from: { row: s, col: 0 },
+      to: { row: s, col: t - 1 }
     }));
     return { mode: o, ranges: n };
   }
-  return o === "range" && e.ranges.length > 0 ? { mode: o, ranges: K(e.ranges) } : { mode: o, ranges: [] };
+  return o === "range" && e.ranges.length > 0 ? { mode: o, ranges: V(e.ranges) } : { mode: o, ranges: [] };
 }
-class lt extends fe {
+class ft extends ge {
   name = "selection";
   version = "1.0.0";
   get defaultConfig() {
@@ -2629,15 +2771,15 @@ class lt extends fe {
   }
   // ===== Event Handlers =====
   onCellClick(e) {
-    const { rowIndex: t, colIndex: n, originalEvent: i } = e, { mode: s } = this.config;
-    if (s === "cell")
+    const { rowIndex: t, colIndex: n, originalEvent: s } = e, { mode: i } = this.config;
+    if (i === "cell")
       return this.selectedCell = { row: t, col: n }, this.emit("selection-change", this.#i()), this.requestAfterRender(), !1;
-    if (s === "row")
+    if (i === "row")
       return this.selected.clear(), this.selected.add(t), this.lastSelected = t, this.emit("selection-change", this.#i()), this.requestAfterRender(), !1;
-    if (s === "range") {
-      const r = i.shiftKey, a = i.ctrlKey || i.metaKey;
+    if (i === "range") {
+      const r = s.shiftKey, a = s.ctrlKey || s.metaKey;
       if (r && this.cellAnchor) {
-        const l = se(this.cellAnchor, { row: t, col: n });
+        const l = le(this.cellAnchor, { row: t, col: n });
         a ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = l : this.ranges.push(l) : this.ranges = [l], this.activeRange = l;
       } else if (a) {
         const l = {
@@ -2665,15 +2807,15 @@ class lt extends fe {
     if (e.key === "Escape")
       return t === "cell" ? this.selectedCell = null : t === "row" ? (this.selected.clear(), this.anchor = null) : t === "range" && (this.ranges = [], this.activeRange = null, this.cellAnchor = null), this.emit("selection-change", this.#i()), this.requestAfterRender(), !0;
     if (t === "range" && e.key === "a" && (e.ctrlKey || e.metaKey)) {
-      const n = this.rows.length, i = this.columns.length;
-      if (n > 0 && i > 0) {
-        const s = {
+      const n = this.rows.length, s = this.columns.length;
+      if (n > 0 && s > 0) {
+        const i = {
           startRow: 0,
           startCol: 0,
           endRow: n - 1,
-          endCol: i - 1
+          endCol: s - 1
         };
-        return this.ranges = [s], this.activeRange = s, this.emit("selection-change", this.#i()), this.requestAfterRender(), !0;
+        return this.ranges = [i], this.activeRange = i, this.emit("selection-change", this.#i()), this.requestAfterRender(), !0;
       }
     }
     return !1;
@@ -2684,17 +2826,17 @@ class lt extends fe {
     this.isDragging = !0;
     const t = e.rowIndex, n = e.colIndex;
     this.cellAnchor = { row: t, col: n }, e.originalEvent.ctrlKey || e.originalEvent.metaKey || (this.ranges = []);
-    const s = {
+    const i = {
       startRow: t,
       startCol: n,
       endRow: t,
       endCol: n
     };
-    return this.ranges.push(s), this.activeRange = s, this.emit("selection-change", this.#i()), this.requestAfterRender(), !0;
+    return this.ranges.push(i), this.activeRange = i, this.emit("selection-change", this.#i()), this.requestAfterRender(), !0;
   }
   onCellMouseMove(e) {
     if (this.config.mode !== "range" || !this.isDragging || !this.cellAnchor || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
-    const t = se(this.cellAnchor, { row: e.rowIndex, col: e.colIndex });
+    const t = le(this.cellAnchor, { row: e.rowIndex, col: e.colIndex });
     return this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = t : this.ranges.push(t), this.activeRange = t, this.emit("selection-change", this.#i()), this.requestAfterRender(), !0;
   }
   onCellMouseUp(e) {
@@ -2705,40 +2847,40 @@ class lt extends fe {
    * Apply selection classes to visible cells/rows.
    * Shared by afterRender and onScrollRender.
    */
-  #o() {
+  #n() {
     const e = this.shadowRoot;
     if (!e) return;
     const { mode: t } = this.config;
-    e.querySelectorAll(".cell").forEach((s) => {
-      s.classList.remove("selected", "top", "bottom", "first", "last");
+    e.querySelectorAll(".cell").forEach((i) => {
+      i.classList.remove("selected", "top", "bottom", "first", "last");
     });
-    const i = e.querySelectorAll(".data-grid-row");
-    if (i.forEach((s) => {
-      s.classList.remove("selected", "row-focus");
-    }), t === "row" && i.forEach((s) => {
-      const r = s.querySelector(".cell[data-row]"), a = parseInt(r?.getAttribute("data-row") ?? "-1", 10);
-      a >= 0 && this.selected.has(a) && (s.classList.add("selected", "row-focus"), s.querySelectorAll(".cell-focus").forEach((l) => l.classList.remove("cell-focus")));
+    const s = e.querySelectorAll(".data-grid-row");
+    if (s.forEach((i) => {
+      i.classList.remove("selected", "row-focus");
+    }), t === "row" && s.forEach((i) => {
+      const r = i.querySelector(".cell[data-row]"), a = parseInt(r?.getAttribute("data-row") ?? "-1", 10);
+      a >= 0 && this.selected.has(a) && (i.classList.add("selected", "row-focus"), i.querySelectorAll(".cell-focus").forEach((l) => l.classList.remove("cell-focus")));
     }), t === "range" && this.ranges.length > 0) {
-      const s = this.activeRange ? N(this.activeRange) : null;
+      const i = this.activeRange ? I(this.activeRange) : null;
       e.querySelectorAll(".cell[data-row][data-col]").forEach((a) => {
-        const l = parseInt(a.getAttribute("data-row") ?? "-1", 10), f = parseInt(a.getAttribute("data-col") ?? "-1", 10);
-        l >= 0 && f >= 0 && ie(l, f, this.ranges) && (a.classList.add("selected"), a.classList.remove("cell-focus"), s && (l === s.startRow && a.classList.add("top"), l === s.endRow && a.classList.add("bottom"), f === s.startCol && a.classList.add("first"), f === s.endCol && a.classList.add("last")));
+        const l = parseInt(a.getAttribute("data-row") ?? "-1", 10), d = parseInt(a.getAttribute("data-col") ?? "-1", 10);
+        l >= 0 && d >= 0 && re(l, d, this.ranges) && (a.classList.add("selected"), a.classList.remove("cell-focus"), i && (l === i.startRow && a.classList.add("top"), l === i.endRow && a.classList.add("bottom"), d === i.startCol && a.classList.add("first"), d === i.endCol && a.classList.add("last")));
       });
     }
-    t === "cell" && this.selectedCell && e.querySelectorAll(".cell-focus").forEach((s) => s.classList.remove("cell-focus"));
+    t === "cell" && this.selectedCell && e.querySelectorAll(".cell-focus").forEach((i) => i.classList.remove("cell-focus"));
   }
   afterRender() {
     const e = this.shadowRoot;
     if (!e) return;
     const t = e.children[0], { mode: n } = this.config;
-    this.grid.setAttribute("data-selection-mode", n), t && t.classList.toggle("selecting", this.isDragging), this.#o();
+    this.grid.setAttribute("data-selection-mode", n), t && t.classList.toggle("selecting", this.isDragging), this.#n();
   }
   /**
    * Called after scroll-triggered row rendering.
    * Reapplies selection classes to recycled DOM elements.
    */
   onScrollRender() {
-    this.#o();
+    this.#n();
   }
   // ===== Public API =====
   /**
@@ -2757,19 +2899,19 @@ class lt extends fe {
    * Get all selected cell ranges in public format.
    */
   getRanges() {
-    return K(this.ranges);
+    return V(this.ranges);
   }
   /**
    * Get all selected cells across all ranges.
    */
   getSelectedCells() {
-    return ot(this.ranges);
+    return it(this.ranges);
   }
   /**
    * Check if a specific cell is in range selection.
    */
   isCellSelected(e, t) {
-    return ie(e, t, this.ranges);
+    return re(e, t, this.ranges);
   }
   /**
    * Clear all selection.
@@ -2788,12 +2930,12 @@ class lt extends fe {
       endCol: t.to.col
     })), this.activeRange = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null, this.emit("selection-change", {
       mode: this.config.mode,
-      ranges: K(this.ranges)
+      ranges: V(this.ranges)
     }), this.requestAfterRender();
   }
   // ===== Private Helpers =====
   #i() {
-    return nt(
+    return lt(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -2804,111 +2946,79 @@ class lt extends fe {
     );
   }
   // ===== Styles =====
-  styles = `
-    /* Prevent text selection during range drag */
-    :host .selecting .data-grid-row > .cell {
-      user-select: none;
-    }
-
-    /* Row selection - use accent color for row focus */
-    :host .data-grid-row.row-focus {
-      background-color: var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%));
-    }
-
-    /* Disable cell-focus outline in row mode - row is the focus unit */
-    :host([data-selection-mode="row"]) .cell-focus {
-      outline: none;
-    }
-
-    /* Selection cell styles - for range mode */
-    :host .data-grid-row > .cell.selected {
-      background-color: var(--tbw-range-selection-bg);
-    }
-    :host .data-grid-row > .cell.selected.top {
-      border-top: 2px solid var(--tbw-range-border-color);
-    }
-    :host .data-grid-row > .cell.selected.bottom {
-      border-bottom: 2px solid var(--tbw-range-border-color);
-    }
-    :host .data-grid-row > .cell.selected.first {
-      border-left: 2px solid var(--tbw-range-border-color);
-    }
-    :host .data-grid-row > .cell.selected.last {
-      border-right: 2px solid var(--tbw-range-border-color);
-    }
-  `;
+  styles = rt;
 }
-function G(o, e, t) {
+function X(o, e, t) {
   return o.id !== void 0 ? String(o.id) : t ? `${t}-${e}` : String(e);
 }
-function pe(o, e, t, n = null, i = 0) {
-  const s = e.childrenField ?? "children", r = [];
+function we(o, e, t, n = null, s = 0) {
+  const i = e.childrenField ?? "children", r = [];
   for (let a = 0; a < o.length; a++) {
-    const l = o[a], f = G(l, a, n), p = l[s], g = Array.isArray(p) && p.length > 0, h = t.has(f);
+    const l = o[a], d = X(l, a, n), u = l[i], g = Array.isArray(u) && u.length > 0, h = t.has(d);
     if (r.push({
-      key: f,
+      key: d,
       data: l,
-      depth: i,
+      depth: s,
       hasChildren: g,
       isExpanded: h,
       parentKey: n
     }), g && h) {
-      const c = pe(p, e, t, f, i + 1);
+      const c = we(u, e, t, d, s + 1);
       r.push(...c);
     }
   }
   return r;
 }
-function re(o, e) {
+function ae(o, e) {
   const t = new Set(o);
   return t.has(e) ? t.delete(e) : t.add(e), t;
 }
-function W(o, e, t = null, n = 0) {
-  const i = e.childrenField ?? "children", s = /* @__PURE__ */ new Set();
+function F(o, e, t = null, n = 0) {
+  const s = e.childrenField ?? "children", i = /* @__PURE__ */ new Set();
   for (let r = 0; r < o.length; r++) {
-    const a = o[r], l = G(a, r, t), f = a[i];
-    if (Array.isArray(f) && f.length > 0) {
-      s.add(l);
-      const p = W(f, e, l, n + 1);
-      for (const g of p) s.add(g);
+    const a = o[r], l = X(a, r, t), d = a[s];
+    if (Array.isArray(d) && d.length > 0) {
+      i.add(l);
+      const u = F(d, e, l, n + 1);
+      for (const g of u) i.add(g);
     }
   }
-  return s;
+  return i;
 }
-function it() {
+function at() {
   return /* @__PURE__ */ new Set();
 }
-function ge(o, e, t, n = null, i = 0) {
-  const s = t.childrenField ?? "children";
+function be(o, e, t, n = null, s = 0) {
+  const i = t.childrenField ?? "children";
   for (let r = 0; r < o.length; r++) {
-    const a = o[r], l = G(a, r, n);
+    const a = o[r], l = X(a, r, n);
     if (l === e)
       return [l];
-    const f = a[s];
-    if (Array.isArray(f) && f.length > 0) {
-      const p = ge(f, e, t, l, i + 1);
-      if (p)
-        return [l, ...p];
+    const d = a[i];
+    if (Array.isArray(d) && d.length > 0) {
+      const u = be(d, e, t, l, s + 1);
+      if (u)
+        return [l, ...u];
     }
   }
   return null;
 }
-function st(o, e, t, n) {
-  const i = ge(o, e, t);
-  if (!i) return n;
-  const s = new Set(n);
-  for (let r = 0; r < i.length - 1; r++)
-    s.add(i[r]);
-  return s;
+function ct(o, e, t, n) {
+  const s = be(o, e, t);
+  if (!s) return n;
+  const i = new Set(n);
+  for (let r = 0; r < s.length - 1; r++)
+    i.add(s[r]);
+  return i;
 }
-function le(o, e = "children") {
+function ce(o, e = "children") {
   if (!Array.isArray(o) || o.length === 0) return !1;
   for (const t of o)
     if (t && Array.isArray(t[e]) && t[e].length > 0)
       return !0;
   return !1;
 }
-function rt(o) {
+function dt(o) {
   if (!Array.isArray(o) || o.length === 0) return null;
   const e = ["children", "items", "nodes", "subRows", "nested"];
   for (const t of o)
@@ -2919,12 +3029,12 @@ function rt(o) {
     }
   return null;
 }
-class at extends fe {
+const ht = ".tree-toggle{cursor:pointer;user-select:none;transition:transform .2s}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}";
+class pt extends ge {
   name = "tree";
   version = "1.0.0";
   get defaultConfig() {
     return {
-      enabled: !0,
       childrenField: "children",
       autoDetect: !0,
       defaultExpanded: !1,
@@ -2952,15 +3062,15 @@ class at extends fe {
    */
   detect(e) {
     if (!this.config.autoDetect) return !1;
-    const t = this.config.childrenField ?? rt(e) ?? "children";
-    return le(e, t);
+    const t = this.config.childrenField ?? dt(e) ?? "children";
+    return ce(e, t);
   }
   // ===== Data Processing =====
   processRows(e) {
     const t = this.config.childrenField ?? "children";
-    if (!le(e, t))
+    if (!ce(e, t))
       return this.flattenedRows = [], this.rowKeyMap.clear(), [...e];
-    this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = W(e, this.config), this.initialExpansionDone = !0), this.flattenedRows = pe(e, this.config, this.expandedKeys), this.rowKeyMap.clear();
+    this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = F(e, this.config), this.initialExpansionDone = !0), this.flattenedRows = we(e, this.config, this.expandedKeys), this.rowKeyMap.clear();
     for (const n of this.flattenedRows)
       this.rowKeyMap.set(n.key, n);
     return this.flattenedRows.map((n) => ({
@@ -2973,31 +3083,31 @@ class at extends fe {
   }
   processColumns(e) {
     if (this.flattenedRows.length === 0) return [...e];
-    const t = this.config.indentWidth ?? 20, n = this.config.showExpandIcons ?? !0, i = [...e];
-    if (i.length > 0) {
-      const s = { ...i[0] }, r = s.viewRenderer;
+    const t = this.config.indentWidth ?? 20, n = this.config.showExpandIcons ?? !0, s = [...e];
+    if (s.length > 0) {
+      const i = { ...s[0] }, r = i.viewRenderer;
       if (r?.__treeWrapped)
-        return i;
+        return s;
       const a = (l) => {
-        const { value: f, row: p, column: g } = l, h = p.__treeDepth ?? 0, c = p.__treeHasChildren ?? !1, u = p.__treeExpanded ?? !1, d = document.createElement("span");
-        if (d.style.display = "flex", d.style.alignItems = "center", d.style.paddingLeft = `${h * t}px`, c && n) {
+        const { value: d, row: u, column: g } = l, h = u.__treeDepth ?? 0, c = u.__treeHasChildren ?? !1, f = u.__treeExpanded ?? !1, p = document.createElement("span");
+        if (p.style.display = "flex", p.style.alignItems = "center", p.style.paddingLeft = `${h * t}px`, c && n) {
           const m = document.createElement("span");
-          m.className = "tree-toggle", this.setIcon(m, this.resolveIcon(u ? "collapse" : "expand")), m.style.cursor = "pointer", m.style.marginRight = "4px", m.style.fontSize = "10px", m.setAttribute("data-tree-key", p.__treeKey), d.appendChild(m);
+          m.className = "tree-toggle", this.setIcon(m, this.resolveIcon(f ? "collapse" : "expand")), m.style.cursor = "pointer", m.style.marginRight = "4px", m.style.fontSize = "10px", m.setAttribute("data-tree-key", u.__treeKey), p.appendChild(m);
         } else if (n) {
           const m = document.createElement("span");
-          m.style.width = "14px", m.style.display = "inline-block", d.appendChild(m);
+          m.style.width = "14px", m.style.display = "inline-block", p.appendChild(m);
         }
-        const b = document.createElement("span");
+        const w = document.createElement("span");
         if (r) {
           const m = r(l);
-          m instanceof Node ? b.appendChild(m) : b.textContent = String(m ?? f ?? "");
+          m instanceof Node ? w.appendChild(m) : w.textContent = String(m ?? d ?? "");
         } else
-          b.textContent = String(f ?? "");
-        return d.appendChild(b), d;
+          w.textContent = String(d ?? "");
+        return p.appendChild(w), p;
       };
-      a.__treeWrapped = !0, s.viewRenderer = a, i[0] = s;
+      a.__treeWrapped = !0, i.viewRenderer = a, s[0] = i;
     }
-    return i;
+    return s;
   }
   // ===== Event Handlers =====
   onCellClick(e) {
@@ -3005,12 +3115,12 @@ class at extends fe {
     if (!t?.classList.contains("tree-toggle")) return !1;
     const n = t.getAttribute("data-tree-key");
     if (!n) return !1;
-    const i = this.rowKeyMap.get(n);
-    return i ? (this.expandedKeys = re(this.expandedKeys, n), this.emit("tree-expand", {
+    const s = this.rowKeyMap.get(n);
+    return s ? (this.expandedKeys = ae(this.expandedKeys, n), this.emit("tree-expand", {
       key: n,
-      row: i.data,
+      row: s.data,
       expanded: this.expandedKeys.has(n),
-      depth: i.depth
+      depth: s.depth
     }), this.requestRender(), !0) : !1;
   }
   // ===== Public API =====
@@ -3030,19 +3140,19 @@ class at extends fe {
    * Toggle the expansion state of a node.
    */
   toggle(e) {
-    this.expandedKeys = re(this.expandedKeys, e), this.requestRender();
+    this.expandedKeys = ae(this.expandedKeys, e), this.requestRender();
   }
   /**
    * Expand all nodes in the tree.
    */
   expandAll() {
-    this.expandedKeys = W(this.rows, this.config), this.requestRender();
+    this.expandedKeys = F(this.rows, this.config), this.requestRender();
   }
   /**
    * Collapse all nodes in the tree.
    */
   collapseAll() {
-    this.expandedKeys = it(), this.requestRender();
+    this.expandedKeys = at(), this.requestRender();
   }
   /**
    * Check if a node is currently expanded.
@@ -3072,21 +3182,12 @@ class at extends fe {
    * Expand all ancestors of a node to make it visible.
    */
   expandToKey(e) {
-    this.expandedKeys = st(this.rows, e, this.config, this.expandedKeys), this.requestRender();
+    this.expandedKeys = ct(this.rows, e, this.config, this.expandedKeys), this.requestRender();
   }
   // ===== Styles =====
-  styles = `
-    .tree-toggle {
-      cursor: pointer;
-      user-select: none;
-      transition: transform 0.2s;
-    }
-    .tree-toggle:hover {
-      color: var(--tbw-tree-accent, var(--tbw-color-accent));
-    }
-  `;
+  styles = ht;
 }
-const y = {
+const E = {
   // Root structure
   ROOT: "tbw-grid-root",
   HEADER: "header",
@@ -3131,31 +3232,31 @@ const y = {
   // Selection
   RANGE_SELECTION: "range-selection",
   SELECTION_OVERLAY: "selection-overlay"
-}, D = {
+}, N = {
   ROW_INDEX: "data-row-index",
   COL_INDEX: "data-col-index",
   FIELD: "data-field",
   GROUP_KEY: "data-group-key",
   TREE_LEVEL: "data-tree-level",
   STICKY: "data-sticky"
-}, ct = {
-  ROOT: `.${y.ROOT}`,
-  HEADER: `.${y.HEADER}`,
-  HEADER_ROW: `.${y.HEADER_ROW}`,
-  HEADER_CELL: `.${y.HEADER_CELL}`,
-  ROWS_VIEWPORT: `.${y.ROWS_VIEWPORT}`,
-  ROWS_CONTAINER: `.${y.ROWS_CONTAINER}`,
-  DATA_ROW: `.${y.DATA_ROW}`,
-  DATA_CELL: `.${y.DATA_CELL}`,
-  GROUP_ROW: `.${y.GROUP_ROW}`,
+}, gt = {
+  ROOT: `.${E.ROOT}`,
+  HEADER: `.${E.HEADER}`,
+  HEADER_ROW: `.${E.HEADER_ROW}`,
+  HEADER_CELL: `.${E.HEADER_CELL}`,
+  ROWS_VIEWPORT: `.${E.ROWS_VIEWPORT}`,
+  ROWS_CONTAINER: `.${E.ROWS_CONTAINER}`,
+  DATA_ROW: `.${E.DATA_ROW}`,
+  DATA_CELL: `.${E.DATA_CELL}`,
+  GROUP_ROW: `.${E.GROUP_ROW}`,
   // By data attribute
-  ROW_BY_INDEX: (o) => `.${y.DATA_ROW}[${D.ROW_INDEX}="${o}"]`,
-  CELL_BY_FIELD: (o) => `.${y.DATA_CELL}[${D.FIELD}="${o}"]`,
-  CELL_AT: (o, e) => `.${y.DATA_ROW}[${D.ROW_INDEX}="${o}"] .${y.DATA_CELL}[${D.COL_INDEX}="${e}"]`,
+  ROW_BY_INDEX: (o) => `.${E.DATA_ROW}[${N.ROW_INDEX}="${o}"]`,
+  CELL_BY_FIELD: (o) => `.${E.DATA_CELL}[${N.FIELD}="${o}"]`,
+  CELL_AT: (o, e) => `.${E.DATA_ROW}[${N.ROW_INDEX}="${o}"] .${E.DATA_CELL}[${N.COL_INDEX}="${e}"]`,
   // State selectors
-  SELECTED_ROWS: `.${y.DATA_ROW}.${y.SELECTED}`,
-  EDITING_CELL: `.${y.DATA_CELL}.${y.EDITING}`
-}, dt = {
+  SELECTED_ROWS: `.${E.DATA_ROW}.${E.SELECTED}`,
+  EDITING_CELL: `.${E.DATA_CELL}.${E.EDITING}`
+}, wt = {
   // Colors
   COLOR_BG: "--tbw-color-bg",
   COLOR_FG: "--tbw-color-fg",
@@ -3177,7 +3278,7 @@ const y = {
   // Borders
   BORDER_RADIUS: "--tbw-border-radius",
   FOCUS_OUTLINE: "--tbw-focus-outline"
-}, ht = {
+}, bt = {
   CELL_COMMIT: "cell-commit",
   ROW_COMMIT: "row-commit",
   CHANGED_ROWS_RESET: "changed-rows-reset",
@@ -3188,7 +3289,7 @@ const y = {
   ACTIVATE_CELL: "activate-cell",
   GROUP_TOGGLE: "group-toggle",
   COLUMN_STATE_CHANGE: "column-state-change"
-}, ut = {
+}, mt = {
   // Selection plugin
   SELECTION_CHANGE: "selection-change",
   // Tree plugin
@@ -3219,10 +3320,10 @@ const y = {
   DETAIL_EXPAND: "detail-expand",
   // Grouping rows plugin
   GROUP_EXPAND: "group-expand"
-}, q = {
+}, B = {
   sum: (o, e) => o.reduce((t, n) => t + (Number(n[e]) || 0), 0),
   avg: (o, e) => {
-    const t = o.reduce((n, i) => n + (Number(i[e]) || 0), 0);
+    const t = o.reduce((n, s) => n + (Number(s[e]) || 0), 0);
     return o.length ? t / o.length : 0;
   },
   count: (o) => o.length,
@@ -3230,66 +3331,83 @@ const y = {
   max: (o, e) => Math.max(...o.map((t) => Number(t[e]) || -1 / 0)),
   first: (o, e) => o[0]?.[e],
   last: (o, e) => o[o.length - 1]?.[e]
-}, P = /* @__PURE__ */ new Map(), x = {
+}, M = /* @__PURE__ */ new Map(), T = {
   /**
    * Register a custom aggregator function.
    */
   register(o, e) {
-    P.set(o, e);
+    M.set(o, e);
   },
   /**
    * Unregister a custom aggregator function.
    */
   unregister(o) {
-    P.delete(o);
+    M.delete(o);
   },
   /**
    * Get an aggregator function by reference.
    */
   get(o) {
     if (o !== void 0)
-      return typeof o == "function" ? o : P.get(o) ?? q[o];
+      return typeof o == "function" ? o : M.get(o) ?? B[o];
   },
   /**
    * Run an aggregator on a set of rows.
    */
   run(o, e, t, n) {
-    const i = this.get(o);
-    return i ? i(e, t, n) : void 0;
+    const s = this.get(o);
+    return s ? s(e, t, n) : void 0;
   },
   /**
    * Check if an aggregator exists.
    */
   has(o) {
-    return P.has(o) || o in q;
+    return M.has(o) || o in B;
   },
   /**
    * List all available aggregator names.
    */
   list() {
-    return [...Object.keys(q), ...P.keys()];
+    return [...Object.keys(B), ...M.keys()];
   }
-}, ft = x.register.bind(x), pt = x.unregister.bind(x), gt = x.get.bind(x), wt = x.run.bind(x), bt = x.list.bind(x);
+}, de = {
+  sum: (o) => o.reduce((e, t) => e + t, 0),
+  avg: (o) => o.length ? o.reduce((e, t) => e + t, 0) / o.length : 0,
+  count: (o) => o.length,
+  min: (o) => o.length ? Math.min(...o) : 0,
+  max: (o) => o.length ? Math.max(...o) : 0,
+  first: (o) => o[0] ?? 0,
+  last: (o) => o[o.length - 1] ?? 0
+};
+function ut(o) {
+  return de[o] ?? de.sum;
+}
+function vt(o, e) {
+  return ut(o)(e);
+}
+const yt = T.register.bind(T), Ct = T.unregister.bind(T), Et = T.get.bind(T), Rt = T.run.bind(T), _t = T.list.bind(T);
 export {
-  fe as BaseGridPlugin,
-  ce as DEFAULT_GRID_ICONS,
-  ht as DGEvents,
-  I as DataGridElement,
-  M as FitModeEnum,
-  dt as GridCSSVars,
-  y as GridClasses,
-  D as GridDataAttrs,
-  I as GridElement,
-  ct as GridSelectors,
-  ut as PluginEvents,
-  Je as PluginManager,
-  lt as SelectionPlugin,
-  at as TreePlugin,
-  x as aggregatorRegistry,
-  gt as getAggregator,
-  bt as listAggregators,
-  ft as registerAggregator,
-  wt as runAggregator,
-  pt as unregisterAggregator
+  ge as BaseGridPlugin,
+  S as DEFAULT_GRID_ICONS,
+  bt as DGEvents,
+  $ as DataGridElement,
+  O as FitModeEnum,
+  wt as GridCSSVars,
+  E as GridClasses,
+  N as GridDataAttrs,
+  $ as GridElement,
+  gt as GridSelectors,
+  mt as PluginEvents,
+  tt as PluginManager,
+  ft as SelectionPlugin,
+  pt as TreePlugin,
+  T as aggregatorRegistry,
+  Et as getAggregator,
+  ut as getValueAggregator,
+  _t as listAggregators,
+  yt as registerAggregator,
+  Rt as runAggregator,
+  vt as runValueAggregator,
+  Ct as unregisterAggregator
 };
 //# sourceMappingURL=index.js.map