@toolbox-web/grid 0.1.1 → 0.2.2

package/index.js

@@ -1,45 +1,45 @@
-const Ce = ":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.selected:focus-visible,:host .data-grid-row>.cell:focus-visible:not(.cell-focus){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 Ee(t) {
+const ue = ":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.selected:focus-visible,:host .data-grid-row>.cell:focus-visible:not(.cell-focus){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 he(t) {
   const e = /* @__PURE__ */ new Map();
   return t.sortState && e.set(t.sortState.field, {
     direction: t.sortState.direction === 1 ? "asc" : "desc",
     priority: 0
   }), e;
 }
-function pe(t, e) {
-  const o = t._columns, n = Ee(t);
+function re(t, e) {
+  const o = t._columns, n = he(t);
   return {
-    columns: o.map((s, i) => {
+    columns: o.map((i, s) => {
       const r = {
-        field: s.field,
-        order: i,
+        field: i.field,
+        order: s,
         visible: !0
         // If it's in _columns, it's visible (hidden columns are filtered out)
-      }, l = s;
-      l.__renderedWidth !== void 0 ? r.width = l.__renderedWidth : s.width !== void 0 && (r.width = typeof s.width == "string" ? parseFloat(s.width) : s.width);
-      const a = n.get(s.field);
+      }, l = i;
+      l.__renderedWidth !== void 0 ? r.width = l.__renderedWidth : i.width !== void 0 && (r.width = typeof i.width == "string" ? parseFloat(i.width) : i.width);
+      const a = n.get(i.field);
       a && (r.sort = a);
       for (const d of e)
         if (d.getColumnState) {
-          const h = d.getColumnState(s.field);
+          const h = d.getColumnState(i.field);
           h && Object.assign(r, h);
         }
       return r;
     })
   };
 }
-function Re(t, e, o, n) {
+function fe(t, e, o, n) {
   if (!e.columns || e.columns.length === 0) return;
-  const s = new Map(e.columns.map((l) => [l.field, l])), i = o.map((l) => {
-    const a = s.get(l.field);
+  const i = new Map(e.columns.map((l) => [l.field, l])), s = o.map((l) => {
+    const a = i.get(l.field);
     if (!a) return l;
     const d = { ...l };
     return a.width !== void 0 && (d.width = a.width, d.__renderedWidth = a.width), a.visible !== void 0 && (d.hidden = !a.visible), d;
   });
-  i.sort((l, a) => {
-    const d = s.get(l.field)?.order ?? 1 / 0, h = s.get(a.field)?.order ?? 1 / 0;
+  s.sort((l, a) => {
+    const d = i.get(l.field)?.order ?? 1 / 0, h = i.get(a.field)?.order ?? 1 / 0;
     return d - h;
-  }), t._columns = i;
+  }), t._columns = s;
   const r = e.columns.filter((l) => l.sort !== void 0).sort((l, a) => (l.sort?.priority ?? 0) - (a.sort?.priority ?? 0));
   if (r.length > 0) {
     const l = r[0];
@@ -54,13 +54,13 @@ function Re(t, e, o, n) {
       for (const a of e.columns)
         l.applyColumnState(a.field, a);
 }
-function _e(t, e, o) {
+function pe(t, e, o) {
   let n = null;
   return () => {
     n !== null && clearTimeout(n), n = setTimeout(() => {
       n = null;
-      const s = pe(t, e());
-      o(s);
+      const i = re(t, e());
+      o(i);
     }, 100);
   };
 }
@@ -77,25 +77,25 @@ const q = {
   dragHandle: "⋮⋮",
   toolPanel: "☰"
 };
-function xe(t) {
+function be(t) {
   return t == null ? "string" : typeof t == "number" ? "number" : typeof t == "boolean" ? "boolean" : t instanceof Date || typeof t == "string" && /\d{4}-\d{2}-\d{2}/.test(t) && !isNaN(Date.parse(t)) ? "date" : "string";
 }
-function we(t, e) {
+function le(t, e) {
   if (e && e.length) {
-    const i = {};
+    const s = {};
     return e.forEach((r) => {
-      r.type && (i[r.field] = r.type);
-    }), { columns: e, typeMap: i };
-  }
-  const o = t[0] || {}, n = Object.keys(o).map((i) => {
-    const r = o[i], l = xe(r);
-    return { field: i, header: i.charAt(0).toUpperCase() + i.slice(1), type: l };
-  }), s = {};
-  return n.forEach((i) => {
-    s[i.field] = i.type || "string";
-  }), { columns: n, typeMap: s };
-}
-const Ae = /{{\s*([^}]+)\s*}}/g, k = "__DG_EMPTY__", Se = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, Te = /__(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/, Le = /* @__PURE__ */ new Set([
+      r.type && (s[r.field] = r.type);
+    }), { columns: e, typeMap: s };
+  }
+  const o = t[0] || {}, n = Object.keys(o).map((s) => {
+    const r = o[s], l = be(r);
+    return { field: s, header: s.charAt(0).toUpperCase() + s.slice(1), type: l };
+  }), i = {};
+  return n.forEach((s) => {
+    i[s.field] = s.type || "string";
+  }), { columns: n, typeMap: i };
+}
+const we = /{{\s*([^}]+)\s*}}/g, k = "__DG_EMPTY__", ge = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, me = /__(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/, ve = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -120,76 +120,76 @@ const Ae = /{{\s*([^}]+)\s*}}/g, k = "__DG_EMPTY__", Se = /^[\w$. '?+\-*/%:()!<>
   "plaintext",
   "xmp",
   "listing"
-]), te = /^on\w+$/i, ke = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), Pe = /^\s*(javascript|vbscript|data|blob):/i;
-function K(t) {
+]), Y = /^on\w+$/i, Ee = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), Ce = /^\s*(javascript|vbscript|data|blob):/i;
+function W(t) {
   if (!t || typeof t != "string") return "";
   if (t.indexOf("<") === -1) return t;
   const e = document.createElement("template");
-  return e.innerHTML = t, Me(e.content), e.innerHTML;
+  return e.innerHTML = t, ye(e.content), e.innerHTML;
 }
-function Me(t) {
+function ye(t) {
   const e = [], o = t.querySelectorAll("*");
   for (const n of o) {
-    const s = n.tagName.toLowerCase();
-    if (Le.has(s)) {
+    const i = n.tagName.toLowerCase();
+    if (ve.has(i)) {
       e.push(n);
       continue;
     }
-    if ((s === "svg" || n.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(n.attributes).some(
-      (l) => te.test(l.name) || l.name === "href" || l.name === "xlink:href"
+    if ((i === "svg" || n.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(n.attributes).some(
+      (l) => Y.test(l.name) || l.name === "href" || l.name === "xlink:href"
     )) {
       e.push(n);
       continue;
     }
-    const i = [];
+    const s = [];
     for (const r of n.attributes) {
       const l = r.name.toLowerCase();
-      if (te.test(l)) {
-        i.push(r.name);
+      if (Y.test(l)) {
+        s.push(r.name);
         continue;
       }
-      if (ke.has(l) && Pe.test(r.value)) {
-        i.push(r.name);
+      if (Ee.has(l) && Ce.test(r.value)) {
+        s.push(r.name);
         continue;
       }
       if (l === "style" && /expression\s*\(|javascript:|behavior\s*:/i.test(r.value)) {
-        i.push(r.name);
+        s.push(r.name);
         continue;
       }
     }
-    i.forEach((r) => n.removeAttribute(r));
+    s.forEach((r) => n.removeAttribute(r));
   }
   e.forEach((n) => n.remove());
 }
-function ge(t, e) {
+function ae(t, e) {
   if (!t || t.indexOf("{{") === -1) return t;
-  const o = [], n = t.replace(Ae, (l, a) => {
-    const d = De(a, e);
+  const o = [], n = t.replace(we, (l, a) => {
+    const d = _e(a, e);
     return o.push({ expr: a.trim(), result: d }), d;
-  }), s = Oe(n), i = o.length && o.every((l) => l.result === "" || l.result === k);
-  return /Reflect\.|\bProxy\b|ownKeys\(/.test(t) || i ? "" : s;
+  }), i = Re(n), s = o.length && o.every((l) => l.result === "" || l.result === k);
+  return /Reflect\.|\bProxy\b|ownKeys\(/.test(t) || s ? "" : i;
 }
-function De(t, e) {
+function _e(t, e) {
   if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return k;
   if (t === "value") return e.value == null ? k : String(e.value);
   if (t.startsWith("row.") && !/[()?]/.test(t) && !t.includes(":")) {
-    const n = t.slice(4), s = e.row ? e.row[n] : void 0;
-    return s == null ? k : String(s);
+    const n = t.slice(4), i = e.row ? e.row[n] : void 0;
+    return i == null ? k : String(i);
   }
-  if (t.length > 80 || !Se.test(t) || Te.test(t)) return k;
+  if (t.length > 80 || !ge.test(t) || me.test(t)) return k;
   const o = t.match(/\./g);
   if (o && o.length > 1) return k;
   try {
-    const s = new Function("value", "row", `return (${t});`)(e.value, e.row), i = s == null ? "" : String(s);
-    return /Reflect|Proxy|ownKeys/.test(i) ? k : i || k;
+    const i = new Function("value", "row", `return (${t});`)(e.value, e.row), s = i == null ? "" : String(i);
+    return /Reflect|Proxy|ownKeys/.test(s) ? k : s || k;
   } catch {
     return k;
   }
 }
-function Oe(t) {
+function Re(t) {
   return t && t.replace(new RegExp(k, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
 }
-function He(t) {
+function Se(t) {
   if (/Reflect|Proxy|ownKeys/.test(t.textContent || "")) {
     if (Array.from(t.childNodes).forEach((e) => {
       e.nodeType === Node.TEXT_NODE && /Reflect|Proxy|ownKeys/.test(e.textContent || "") && (e.textContent = "");
@@ -201,40 +201,40 @@ function He(t) {
     (t.textContent || "").trim().length === 0 && (t.textContent = "");
   }
 }
-function oe(t) {
-  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = (n) => e ? "" : ge(t, n);
+function Z(t) {
+  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = (n) => e ? "" : ae(t, n);
   return o.__blocked = e, o;
 }
-function ze(t) {
+function xe(t) {
   return Array.from(t.querySelectorAll("tbw-grid-column")).map((o) => {
     const n = o.getAttribute("field") || "";
     if (!n) return null;
-    const s = o.getAttribute("type") || void 0, r = s && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select", "typeahead"])).has(s) ? s : void 0, l = o.getAttribute("header") || void 0, a = o.hasAttribute("sortable"), d = o.hasAttribute("editable"), h = { field: n, type: r, header: l, sortable: a, editable: d };
+    const i = o.getAttribute("type") || void 0, r = i && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select", "typeahead"])).has(i) ? i : void 0, l = o.getAttribute("header") || void 0, a = o.hasAttribute("sortable"), d = o.hasAttribute("editable"), h = { field: n, type: r, header: l, sortable: a, editable: d };
     o.hasAttribute("resizable") && (h.resizable = !0), o.hasAttribute("sizable") && (h.resizable = !0);
     const p = o.getAttribute("options");
     p && (h.options = p.split(",").map((f) => {
-      const [g, b] = f.includes(":") ? f.split(":") : [f.trim(), f.trim()];
-      return { value: g.trim(), label: b?.trim() || g.trim() };
+      const [w, v] = f.includes(":") ? f.split(":") : [f.trim(), f.trim()];
+      return { value: w.trim(), label: v?.trim() || w.trim() };
     }));
-    const w = o.querySelector("tbw-grid-column-view"), c = o.querySelector("tbw-grid-column-editor"), u = o.querySelector("tbw-grid-column-header");
-    return w && (h.__viewTemplate = w), c && (h.__editorTemplate = c), u && (h.__headerTemplate = u), h;
+    const b = o.querySelector("tbw-grid-column-view"), c = o.querySelector("tbw-grid-column-editor"), u = o.querySelector("tbw-grid-column-header");
+    return b && (h.__viewTemplate = b), c && (h.__editorTemplate = c), u && (h.__headerTemplate = u), h;
   }).filter((o) => !!o);
 }
-function Ne(t, e) {
+function Ae(t, e) {
   if ((!t || !t.length) && (!e || !e.length)) return [];
   if (!t || !t.length) return e || [];
   if (!e || !e.length) return t;
   const o = {};
-  e.forEach((s) => o[s.field] = s);
-  const n = t.map((s) => {
-    const i = o[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 o[s.field], r;
+  e.forEach((i) => o[i.field] = i);
+  const n = t.map((i) => {
+    const s = o[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 o[i.field], r;
   });
-  return Object.keys(o).forEach((s) => n.push(o[s])), n;
+  return Object.keys(o).forEach((i) => n.push(o[i])), n;
 }
-function X(t, e) {
+function U(t, e) {
   try {
     t.part?.add?.(e);
   } catch {
@@ -242,45 +242,45 @@ function X(t, e) {
   const o = t.getAttribute("part");
   o ? o.split(/\s+/).includes(e) || t.setAttribute("part", o + " " + e) : t.setAttribute("part", e);
 }
-function qe(t) {
+function Te(t) {
   t.__lightDomColumnsCache || (t.__originalColumnNodes = Array.from(
     t.querySelectorAll("tbw-grid-column")
-  ), t.__lightDomColumnsCache = t.__originalColumnNodes.length ? ze(t) : []);
-  const e = t.__lightDomColumnsCache, o = Ne(t._columns, e);
-  o.forEach((s) => {
-    s.__viewTemplate && !s.__compiledView && (s.__compiledView = oe(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = oe(s.__editorTemplate.innerHTML));
+  ), t.__lightDomColumnsCache = t.__originalColumnNodes.length ? xe(t) : []);
+  const e = t.__lightDomColumnsCache, o = Ae(t._columns, e);
+  o.forEach((i) => {
+    i.__viewTemplate && !i.__compiledView && (i.__compiledView = Z(i.__viewTemplate.innerHTML)), i.__editorTemplate && !i.__compiledEditor && (i.__compiledEditor = Z(i.__editorTemplate.innerHTML));
   });
-  const { columns: n } = we(t._rows, o);
+  const { columns: n } = le(t._rows, o);
   t._columns = n;
 }
-function Ie(t) {
+function Le(t) {
   const e = t.effectiveConfig?.fitMode || t.fitMode || q.STRETCH;
   if (e !== q.STRETCH && e !== q.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
   const o = t.headerRowEl?.children || [];
   if (!o.length) return;
   let n = !1;
-  t.visibleColumns.forEach((s, i) => {
-    if (s.width) return;
-    const r = o[i];
+  t.visibleColumns.forEach((i, s) => {
+    if (i.width) return;
+    const r = o[s];
     let l = r ? r.scrollWidth : 0;
     for (const a of t.rowPool) {
-      const d = a.children[i];
+      const d = a.children[s];
       if (d) {
         const h = d.scrollWidth;
         h > l && (l = h);
       }
     }
-    l > 0 && (s.width = l + 2, s.__autoSized = !0, n = !0);
-  }), n && be(t), t.__didInitialAutoSize = !0;
+    l > 0 && (i.width = l + 2, i.__autoSized = !0, n = !0);
+  }), n && ce(t), t.__didInitialAutoSize = !0;
 }
-function be(t) {
+function ce(t) {
   (t.effectiveConfig?.fitMode || t.fitMode || q.STRETCH) === q.STRETCH ? t.gridTemplate = t.visibleColumns.map((o) => {
     if (o.width) return `${o.width}px`;
     const n = o.minWidth;
     return n != null ? `minmax(${n}px, 1fr)` : "1fr";
   }).join(" ").trim() : t.gridTemplate = t.visibleColumns.map((o) => o.width ? `${o.width}px` : "max-content").join(" "), t.style.setProperty("--tbw-column-template", t.gridTemplate);
 }
-function $e(t) {
+function ke(t) {
   switch (t.type) {
     case "number":
       return (e) => {
@@ -305,21 +305,21 @@ function $e(t) {
     case "typeahead":
       return (e) => {
         const o = document.createElement("select");
-        e.column.multi && (o.multiple = !0), (typeof e.column.options == "function" ? e.column.options() : e.column.options || []).forEach((i) => {
+        e.column.multi && (o.multiple = !0), (typeof e.column.options == "function" ? e.column.options() : e.column.options || []).forEach((s) => {
           const r = document.createElement("option");
-          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), o.appendChild(r);
+          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), o.appendChild(r);
         });
-        const s = () => {
+        const i = () => {
           if (e.column.multi) {
-            const i = [];
+            const s = [];
             Array.from(o.selectedOptions).forEach((r) => {
-              i.push(r.value);
-            }), e.commit(i);
+              s.push(r.value);
+            }), e.commit(s);
           } else
             e.commit(o.value);
         };
-        return o.addEventListener("change", s), o.addEventListener("blur", s), o.addEventListener("keydown", (i) => {
-          i.key === "Escape" && e.cancel();
+        return o.addEventListener("change", i), o.addEventListener("blur", i), o.addEventListener("keydown", (s) => {
+          s.key === "Escape" && e.cancel();
         }), o.focus(), o;
       };
     default:
@@ -331,25 +331,25 @@ function $e(t) {
       };
   }
 }
-function Be(t, e) {
+function Pe(t, e) {
   if (t.dispatchKeyDown?.(e))
     return;
-  const o = t._rows.length - 1, n = t.visibleColumns.length - 1, s = t.activeEditRows !== void 0 && t.activeEditRows !== -1, r = t.visibleColumns[t.focusCol]?.type, l = e.composedPath ? e.composedPath() : [], a = l && l.length ? l[0] : e.target, d = (h) => {
+  const o = t._rows.length - 1, n = t.visibleColumns.length - 1, i = t.activeEditRows !== void 0 && t.activeEditRows !== -1, r = t.visibleColumns[t.focusCol]?.type, l = e.composedPath ? e.composedPath() : [], a = l && l.length ? l[0] : e.target, d = (h) => {
     if (!h) return !1;
     const p = h.tagName;
     return !!(p === "INPUT" || p === "SELECT" || p === "TEXTAREA" || h.isContentEditable);
   };
-  if (!(d(a) && (e.key === "Home" || e.key === "End")) && !(d(a) && (e.key === "ArrowUp" || e.key === "ArrowDown") && a.tagName === "INPUT" && a.type === "number") && !(d(a) && (e.key === "ArrowLeft" || e.key === "ArrowRight")) && !(d(a) && (e.key === "Enter" || e.key === "Escape")) && !(s && (r === "select" || r === "typeahead") && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
+  if (!(d(a) && (e.key === "Home" || e.key === "End")) && !(d(a) && (e.key === "ArrowUp" || e.key === "ArrowDown") && a.tagName === "INPUT" && a.type === "number") && !(d(a) && (e.key === "ArrowLeft" || e.key === "ArrowRight")) && !(d(a) && (e.key === "Enter" || e.key === "Escape")) && !(i && (r === "select" || r === "typeahead") && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
     switch (e.key) {
       case "Tab": {
-        e.preventDefault(), !e.shiftKey ? t.focusCol < n ? t.focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t.focusRow < o && (t.focusRow += 1, t.focusCol = 0)) : t.focusCol > 0 ? t.focusCol -= 1 : t.focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t.activeEditRows === t.focusRow && t.commitActiveRowEdit(), t.focusRow -= 1, t.focusCol = n), I(t);
+        e.preventDefault(), !e.shiftKey ? t.focusCol < n ? t.focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t.focusRow < o && (t.focusRow += 1, t.focusCol = 0)) : t.focusCol > 0 ? t.focusCol -= 1 : t.focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t.activeEditRows === t.focusRow && t.commitActiveRowEdit(), t.focusRow -= 1, t.focusCol = n), $(t);
         return;
       }
       case "ArrowDown":
-        s && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t.focusRow = Math.min(o, t.focusRow + 1), e.preventDefault();
+        i && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t.focusRow = Math.min(o, t.focusRow + 1), e.preventDefault();
         break;
       case "ArrowUp":
-        s && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t.focusRow = Math.max(0, t.focusRow - 1), e.preventDefault();
+        i && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t.focusRow = Math.max(0, t.focusRow - 1), e.preventDefault();
         break;
       case "ArrowRight":
         t.focusCol = Math.min(n, t.focusCol + 1), e.preventDefault();
@@ -372,26 +372,26 @@ function Be(t, e) {
       case "Enter":
         return typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(t.focusRow) : t.dispatchEvent(
           new CustomEvent("activate-cell", { detail: { row: t.focusRow, col: t.focusCol } })
-        ), I(t);
+        ), $(t);
       default:
         return;
     }
-    I(t);
+    $(t);
   }
 }
-function I(t) {
+function $(t) {
   if (t.virtualization?.enabled) {
-    const { rowHeight: i, container: r, viewportEl: l } = t.virtualization, a = r, d = l?.clientHeight ?? a?.clientHeight ?? 0;
+    const { rowHeight: s, container: r, viewportEl: l } = t.virtualization, a = r, d = l?.clientHeight ?? a?.clientHeight ?? 0;
     if (a && d > 0) {
-      const h = t.focusRow * i;
-      h < a.scrollTop ? a.scrollTop = h : h + i > a.scrollTop + d && (a.scrollTop = h - d + i);
+      const h = t.focusRow * s;
+      h < a.scrollTop ? a.scrollTop = h : h + s > a.scrollTop + d && (a.scrollTop = h - d + s);
     }
   }
-  t.activeEditRows !== void 0 && t.activeEditRows !== -1 || t.refreshVirtualWindow(!1), Array.from(t.bodyEl.querySelectorAll(".cell-focus")).forEach((i) => i.classList.remove("cell-focus")), Array.from(t.bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((i) => {
-    i.setAttribute("aria-selected", "false");
+  t.activeEditRows !== void 0 && t.activeEditRows !== -1 || t.refreshVirtualWindow(!1), Array.from(t.bodyEl.querySelectorAll(".cell-focus")).forEach((s) => s.classList.remove("cell-focus")), Array.from(t.bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((s) => {
+    s.setAttribute("aria-selected", "false");
   });
-  const o = t.focusRow, n = t.virtualization.start ?? 0, s = t.virtualization.end ?? t._rows.length;
-  if (o >= n && o < s) {
+  const o = t.focusRow, n = t.virtualization.start ?? 0, i = t.virtualization.end ?? t._rows.length;
+  if (o >= n && o < i) {
     const r = t.bodyEl.querySelectorAll(".data-grid-row")[o - n]?.children[t.focusCol];
     if (r) {
       if (r.classList.add("cell-focus"), r.setAttribute("aria-selected", "true"), t.activeEditRows !== void 0 && t.activeEditRows !== -1 && r.classList.contains("editing")) {
@@ -413,87 +413,87 @@ function I(t) {
     }
   }
 }
-const Ke = "__cellDisplayCache", We = "__cellCacheEpoch";
-function j(t) {
-  t[Ke] = void 0, t[We] = void 0, t.__hasSpecialColumns = void 0;
+const Oe = "__cellDisplayCache", He = "__cellCacheEpoch";
+function X(t) {
+  t[Oe] = void 0, t[He] = void 0, t.__hasSpecialColumns = void 0;
 }
-function Fe(t, e, o, n, s) {
-  const i = Math.max(0, o - e), r = t.bodyEl, l = t.visibleColumns, a = l.length;
+function Me(t, e, o, n, i) {
+  const s = Math.max(0, o - e), r = t.bodyEl, l = t.visibleColumns, a = l.length;
   let d = t.__cachedHeaderRowCount;
-  for (d === void 0 && (d = t.shadowRoot?.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = d); t.rowPool.length < i; ) {
+  for (d === void 0 && (d = t.shadowRoot?.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = d); t.rowPool.length < s; ) {
     const p = document.createElement("div");
-    p.className = "data-grid-row", p.setAttribute("role", "row"), p.addEventListener("click", (w) => ne(t, w, p, !1)), p.addEventListener("dblclick", (w) => ne(t, w, p, !0)), t.rowPool.push(p);
+    p.className = "data-grid-row", p.setAttribute("role", "row"), p.addEventListener("click", (b) => J(t, b, p, !1)), p.addEventListener("dblclick", (b) => J(t, b, p, !0)), t.rowPool.push(p);
   }
-  if (t.rowPool.length > i) {
-    for (let p = i; p < t.rowPool.length; p++) {
-      const w = t.rowPool[p];
-      w.parentNode === r && w.remove();
+  if (t.rowPool.length > s) {
+    for (let p = s; p < t.rowPool.length; p++) {
+      const b = t.rowPool[p];
+      b.parentNode === r && b.remove();
     }
-    t.rowPool.length = i;
+    t.rowPool.length = s;
   }
-  const h = s && t.__hasRenderRowPlugins !== !1;
-  for (let p = 0; p < i; p++) {
-    const w = e + p, c = t._rows[w], u = t.rowPool[p];
-    if (u.setAttribute("aria-rowindex", String(w + d + 1)), h && s(c, u, w)) {
+  const h = i && t.__hasRenderRowPlugins !== !1;
+  for (let p = 0; p < s; p++) {
+    const b = e + p, c = t._rows[b], u = t.rowPool[p];
+    if (u.setAttribute("aria-rowindex", String(b + d + 1)), h && i(c, u, b)) {
       u.__epoch = n, u.__rowDataRef = c, u.parentNode !== r && r.appendChild(u);
       continue;
     }
-    const f = u.__epoch, g = u.__rowDataRef, b = u.children.length, A = f === n && b === a, _ = g !== c;
+    const f = u.__epoch, w = u.__rowDataRef, v = u.children.length, x = f === n && v === a, R = w !== c;
     let T = !1;
-    if (A && _) {
-      for (let y = 0; y < a; y++)
-        if (l[y].externalView && !u.querySelector(`.cell[data-col="${y}"] [data-external-view]`)) {
+    if (x && R) {
+      for (let E = 0; E < a; E++)
+        if (l[E].externalView && !u.querySelector(`.cell[data-col="${E}"] [data-external-view]`)) {
           T = !0;
           break;
         }
     }
-    if (!A || T) {
-      const y = u.querySelector(".cell.editing"), E = t.activeEditRows === w;
-      if (y && !E)
-        u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), O(t, u, c, w), u.__epoch = n, u.__rowDataRef = c;
-      else if (y && E)
-        F(t, u, c, w), u.__rowDataRef = c;
-      else if (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), O(t, u, c, w), u.__epoch = n, u.__rowDataRef = c, E) {
-        const R = u.children;
-        for (let C = 0; C < R.length; C++) {
+    if (!x || T) {
+      const E = u.querySelector(".cell.editing"), y = t.activeEditRows === b;
+      if (E && !y)
+        u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), M(t, u, c, b), u.__epoch = n, u.__rowDataRef = c;
+      else if (E && y)
+        G(t, u, c, b), u.__rowDataRef = c;
+      else if (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), M(t, u, c, b), u.__epoch = n, u.__rowDataRef = c, y) {
+        const _ = u.children;
+        for (let C = 0; C < _.length; C++) {
           const L = t.visibleColumns[C];
-          L && L.editable && M(t, c, w, L, R[C]);
+          L && L.editable && O(t, c, b, L, _[C]);
         }
       }
-    } else if (_) {
-      const y = u.querySelector(".cell.editing"), E = t.activeEditRows === w;
-      if (y && !E)
-        O(t, u, c, w), u.__epoch = n, u.__rowDataRef = c;
-      else if (F(t, u, c, w), u.__rowDataRef = c, E && !y) {
-        const R = u.children;
-        for (let C = 0; C < R.length; C++) {
+    } else if (R) {
+      const E = u.querySelector(".cell.editing"), y = t.activeEditRows === b;
+      if (E && !y)
+        M(t, u, c, b), u.__epoch = n, u.__rowDataRef = c;
+      else if (G(t, u, c, b), u.__rowDataRef = c, y && !E) {
+        const _ = u.children;
+        for (let C = 0; C < _.length; C++) {
           const L = t.visibleColumns[C];
-          L && L.editable && M(t, c, w, L, R[C]);
+          L && L.editable && O(t, c, b, L, _[C]);
         }
       }
     } else {
-      const y = u.querySelector(".cell.editing"), E = t.activeEditRows === w;
-      if (y && !E)
-        O(t, u, c, w), u.__epoch = n, u.__rowDataRef = c;
-      else if (F(t, u, c, w), E && !y) {
-        const R = u.children;
-        for (let C = 0; C < R.length; C++) {
+      const E = u.querySelector(".cell.editing"), y = t.activeEditRows === b;
+      if (E && !y)
+        M(t, u, c, b), u.__epoch = n, u.__rowDataRef = c;
+      else if (G(t, u, c, b), y && !E) {
+        const _ = u.children;
+        for (let C = 0; C < _.length; C++) {
           const L = t.visibleColumns[C];
-          L && L.editable && M(t, c, w, L, R[C]);
+          L && L.editable && O(t, c, b, L, _[C]);
         }
       }
     }
-    const m = t._changedRowIndices.has(w), v = u.classList.contains("changed");
-    m !== v && u.classList.toggle("changed", m), u.parentNode !== r && r.appendChild(u);
+    const g = t._changedRowIndices.has(b), m = u.classList.contains("changed");
+    g !== m && u.classList.toggle("changed", g), u.parentNode !== r && r.appendChild(u);
   }
 }
-function F(t, e, o, n) {
-  const s = e.children, i = t.visibleColumns, r = i.length, l = s.length, a = r < l ? r : l, d = t.focusRow, h = t.focusCol;
+function G(t, e, o, n) {
+  const i = e.children, s = t.visibleColumns, r = s.length, l = i.length, a = r < l ? r : l, d = t.focusRow, h = t.focusCol;
   let p = t.__hasSpecialColumns;
   if (p === void 0) {
     p = !1;
     for (let c = 0; c < r; c++) {
-      const u = i[c];
+      const u = s[c];
       if (u.__viewTemplate || u.__compiledView || u.viewRenderer || u.externalView || u.format || u.type === "date" || u.type === "boolean") {
         p = !0;
         break;
@@ -501,86 +501,86 @@ function F(t, e, o, n) {
     }
     t.__hasSpecialColumns = p;
   }
-  const w = String(n);
+  const b = String(n);
   if (!p) {
     for (let c = 0; c < a; c++) {
-      const u = s[c], f = o[i[c].field];
-      u.textContent = f == null ? "" : String(f), u.getAttribute("data-row") !== w && u.setAttribute("data-row", w);
-      const g = d === n && h === c, b = u.classList.contains("cell-focus");
-      g !== b && (u.classList.toggle("cell-focus", g), u.setAttribute("aria-selected", String(g)));
+      const u = i[c], f = o[s[c].field];
+      u.textContent = f == null ? "" : String(f), u.getAttribute("data-row") !== b && u.setAttribute("data-row", b);
+      const w = d === n && h === c, v = u.classList.contains("cell-focus");
+      w !== v && (u.classList.toggle("cell-focus", w), u.setAttribute("aria-selected", String(w)));
     }
     return;
   }
   for (let c = 0; c < a; c++)
-    if (i[c].externalView && !s[c].querySelector("[data-external-view]")) {
-      O(t, e, o, n);
+    if (s[c].externalView && !i[c].querySelector("[data-external-view]")) {
+      M(t, e, o, n);
       return;
     }
   for (let c = 0; c < a; c++) {
-    const u = i[c], f = s[c];
-    f.getAttribute("data-row") !== w && f.setAttribute("data-row", w);
-    const g = d === n && h === c, b = f.classList.contains("cell-focus");
-    if (g !== b && (f.classList.toggle("cell-focus", g), f.setAttribute("aria-selected", String(g))), f.classList.contains("editing")) continue;
+    const u = s[c], f = i[c];
+    f.getAttribute("data-row") !== b && f.setAttribute("data-row", b);
+    const w = d === n && h === c, v = f.classList.contains("cell-focus");
+    if (w !== v && (f.classList.toggle("cell-focus", w), f.setAttribute("aria-selected", String(w))), f.classList.contains("editing")) continue;
     if (u.viewRenderer) {
-      const _ = o[u.field], T = u.viewRenderer({ row: o, value: _, field: u.field, column: u });
-      typeof T == "string" ? f.innerHTML = K(T) : T ? (f.innerHTML = "", f.appendChild(T)) : f.textContent = _ == null ? "" : String(_);
+      const R = o[u.field], T = u.viewRenderer({ row: o, value: R, field: u.field, column: u });
+      typeof T == "string" ? f.innerHTML = W(T) : T ? (f.innerHTML = "", f.appendChild(T)) : f.textContent = R == null ? "" : String(R);
       continue;
     }
     if (u.__viewTemplate || u.__compiledView || u.externalView)
       continue;
-    const x = o[u.field];
-    let A;
+    const S = o[u.field];
+    let x;
     if (u.format)
       try {
-        const _ = u.format(x, o);
-        A = _ == null ? "" : String(_);
+        const R = u.format(S, o);
+        x = R == null ? "" : String(R);
       } catch {
-        A = x == null ? "" : String(x);
+        x = S == null ? "" : String(S);
       }
     else if (u.type === "date") {
-      if (x == null || x === "")
-        A = "";
-      else if (x instanceof Date)
-        A = isNaN(x.getTime()) ? "" : x.toLocaleDateString();
+      if (S == null || S === "")
+        x = "";
+      else if (S instanceof Date)
+        x = isNaN(S.getTime()) ? "" : S.toLocaleDateString();
       else {
-        const _ = new Date(x);
-        A = isNaN(_.getTime()) ? "" : _.toLocaleDateString();
+        const R = new Date(S);
+        x = isNaN(R.getTime()) ? "" : R.toLocaleDateString();
       }
-      f.textContent = A;
+      f.textContent = x;
     } else if (u.type === "boolean") {
-      const _ = !!x;
-      f.innerHTML = `<span role="checkbox" aria-checked="${_}" aria-label="${_}">${_ ? "&#x1F5F9;" : "&#9744;"}</span>`;
+      const R = !!S;
+      f.innerHTML = `<span role="checkbox" aria-checked="${R}" aria-label="${R}">${R ? "&#x1F5F9;" : "&#9744;"}</span>`;
     } else
-      A = x == null ? "" : String(x), f.textContent = A;
+      x = S == null ? "" : String(S), f.textContent = x;
   }
 }
-function O(t, e, o, n) {
+function M(t, e, o, n) {
   e.innerHTML = "";
-  const s = t.visibleColumns, i = s.length, r = t.focusRow, l = t.focusCol, a = t.effectiveConfig?.editOn || t.editOn, d = t, h = document.createDocumentFragment();
-  for (let p = 0; p < i; p++) {
-    const w = s[p], c = document.createElement("div");
-    c.className = "cell", X(c, "cell"), c.setAttribute("role", "gridcell"), c.setAttribute("aria-colindex", String(p + 1)), c.setAttribute("data-col", String(p)), c.setAttribute("data-row", String(n)), w.type, w.type && c.setAttribute("data-type", w.type);
-    const u = w.sticky;
+  const i = t.visibleColumns, s = i.length, r = t.focusRow, l = t.focusCol, a = t.effectiveConfig?.editOn || t.editOn, d = t, h = document.createDocumentFragment();
+  for (let p = 0; p < s; p++) {
+    const b = i[p], c = document.createElement("div");
+    c.className = "cell", U(c, "cell"), c.setAttribute("role", "gridcell"), c.setAttribute("aria-colindex", String(p + 1)), c.setAttribute("data-col", String(p)), c.setAttribute("data-row", String(n)), b.type, b.type && c.setAttribute("data-type", b.type);
+    const u = b.sticky;
     u === "left" ? c.classList.add("sticky-left") : u === "right" && c.classList.add("sticky-right");
-    let f = o[w.field];
-    const g = w.format;
-    if (g)
+    let f = o[b.field];
+    const w = b.format;
+    if (w)
       try {
-        f = g(f, o);
+        f = w(f, o);
       } catch {
       }
-    const b = w.__compiledView, x = w.__viewTemplate, A = w.viewRenderer, _ = w.externalView;
+    const v = b.__compiledView, S = b.__viewTemplate, x = b.viewRenderer, R = b.externalView;
     let T = !1;
-    if (A) {
-      const m = A({ row: o, value: f, field: w.field, column: w });
-      typeof m == "string" ? (c.innerHTML = K(m), T = !0) : m ? c.appendChild(m) : c.textContent = f == null ? "" : String(f);
-    } else if (_) {
-      const m = _, v = document.createElement("div");
-      v.setAttribute("data-external-view", ""), v.setAttribute("data-field", w.field), c.appendChild(v);
-      const y = { row: o, value: f, field: w.field, column: w };
-      if (m.mount)
+    if (x) {
+      const g = x({ row: o, value: f, field: b.field, column: b });
+      typeof g == "string" ? (c.innerHTML = W(g), T = !0) : g ? c.appendChild(g) : c.textContent = f == null ? "" : String(f);
+    } else if (R) {
+      const g = R, m = document.createElement("div");
+      m.setAttribute("data-external-view", ""), m.setAttribute("data-field", b.field), c.appendChild(m);
+      const E = { row: o, value: f, field: b.field, column: b };
+      if (g.mount)
         try {
-          m.mount({ placeholder: v, context: y, spec: m });
+          g.mount({ placeholder: m, context: E, spec: g });
         } catch {
         }
       else
@@ -590,74 +590,74 @@ function O(t, e, o, n) {
               new CustomEvent("mount-external-view", {
                 bubbles: !0,
                 composed: !0,
-                detail: { placeholder: v, spec: m, context: y }
+                detail: { placeholder: m, spec: g, context: E }
               })
             );
           } catch {
           }
         });
-      v.setAttribute("data-mounted", "");
-    } else if (b) {
-      const m = b({ row: o, value: f, field: w.field, column: w }), v = b.__blocked;
-      c.innerHTML = v ? "" : K(m), T = !0, v && (c.textContent = "", c.setAttribute("data-blocked-template", ""));
-    } else if (x) {
-      const m = x.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(m) ? (c.textContent = "", c.setAttribute("data-blocked-template", "")) : (c.innerHTML = K(ge(m, { row: o, value: f })), T = !0);
-    } else if (w.type === "date")
+      m.setAttribute("data-mounted", "");
+    } else if (v) {
+      const g = v({ row: o, value: f, field: b.field, column: b }), m = v.__blocked;
+      c.innerHTML = m ? "" : W(g), T = !0, m && (c.textContent = "", c.setAttribute("data-blocked-template", ""));
+    } else if (S) {
+      const g = S.innerHTML;
+      /Reflect\.|\bProxy\b|ownKeys\(/.test(g) ? (c.textContent = "", c.setAttribute("data-blocked-template", "")) : (c.innerHTML = W(ae(g, { row: o, value: f })), T = !0);
+    } else if (b.type === "date")
       if (f == null || f === "")
         c.textContent = "";
       else {
-        let m = null;
-        if (f instanceof Date) m = f;
+        let g = null;
+        if (f instanceof Date) g = f;
         else if (typeof f == "number" || typeof f == "string") {
-          const v = new Date(f);
-          isNaN(v.getTime()) || (m = v);
+          const m = new Date(f);
+          isNaN(m.getTime()) || (g = m);
         }
-        c.textContent = m ? m.toLocaleDateString() : "";
+        c.textContent = g ? g.toLocaleDateString() : "";
       }
-    else if (w.type === "boolean") {
-      const m = !!f;
-      c.innerHTML = `<span role="checkbox" aria-checked="${m}" aria-label="${m}">${m ? "&#x1F5F9;" : "&#9744;"}</span>`;
+    else if (b.type === "boolean") {
+      const g = !!f;
+      c.innerHTML = `<span role="checkbox" aria-checked="${g}" aria-label="${g}">${g ? "&#x1F5F9;" : "&#9744;"}</span>`;
     } else
       c.textContent = f == null ? "" : String(f);
     if (T) {
-      He(c);
-      const m = c.textContent || "";
-      /Proxy|Reflect\.ownKeys/.test(m) && (c.textContent = m.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(c.textContent || "") && (c.textContent = ""));
+      Se(c);
+      const g = c.textContent || "";
+      /Proxy|Reflect\.ownKeys/.test(g) && (c.textContent = g.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 = ""), w.editable ? (c.tabIndex = 0, c.addEventListener("mousedown", () => {
+    c.hasAttribute("data-blocked-template") && (c.textContent || "").trim().length && (c.textContent = ""), b.editable ? (c.tabIndex = 0, c.addEventListener("mousedown", () => {
       if (c.classList.contains("editing")) return;
-      const m = Number(c.getAttribute("data-row")), v = Number(c.getAttribute("data-col"));
-      isNaN(m) || isNaN(v) || (t.focusRow = m, t.focusCol = v, I(t));
-    }), a === "click" ? c.addEventListener("click", (m) => {
+      const g = Number(c.getAttribute("data-row")), m = Number(c.getAttribute("data-col"));
+      isNaN(g) || isNaN(m) || (t.focusRow = g, t.focusCol = m, $(t));
+    }), a === "click" ? c.addEventListener("click", (g) => {
       if (c.classList.contains("editing")) return;
-      m.stopPropagation();
-      const v = Number(c.getAttribute("data-row")), y = Number(c.getAttribute("data-col"));
-      if (isNaN(v) || isNaN(y)) return;
-      const E = t._rows[v], R = t.visibleColumns[y];
-      !E || !R || (t.focusRow = v, t.focusCol = y, M(t, E, v, R, c));
-    }) : c.addEventListener("dblclick", (m) => {
-      m.stopPropagation();
-      const v = Number(c.getAttribute("data-row"));
-      if (isNaN(v)) return;
-      const y = t._rows[v];
-      if (!y) return;
-      H(t, v, y);
-      const E = t.findRenderedRowElement?.(v);
-      if (E) {
-        const R = E.children;
-        for (let C = 0; C < R.length; C++) {
+      g.stopPropagation();
+      const m = Number(c.getAttribute("data-row")), E = Number(c.getAttribute("data-col"));
+      if (isNaN(m) || isNaN(E)) return;
+      const y = t._rows[m], _ = t.visibleColumns[E];
+      !y || !_ || (t.focusRow = m, t.focusCol = E, O(t, y, m, _, c));
+    }) : c.addEventListener("dblclick", (g) => {
+      g.stopPropagation();
+      const m = Number(c.getAttribute("data-row"));
+      if (isNaN(m)) return;
+      const E = t._rows[m];
+      if (!E) return;
+      z(t, m, E);
+      const y = t.findRenderedRowElement?.(m);
+      if (y) {
+        const _ = y.children;
+        for (let C = 0; C < _.length; C++) {
           const L = t.visibleColumns[C];
-          L && L.editable && M(t, y, v, L, R[C]);
+          L && L.editable && O(t, E, m, L, _[C]);
         }
       }
-    }), c.addEventListener("keydown", (m) => {
-      const v = Number(c.getAttribute("data-row")), y = Number(c.getAttribute("data-col"));
-      if (isNaN(v) || isNaN(y)) return;
-      const E = t._rows[v], R = t.visibleColumns[y];
-      if (!(!E || !R)) {
-        if ((R.type === "select" || R.type === "typeahead") && !c.classList.contains("editing") && m.key === "Enter") {
-          m.preventDefault(), t.activeEditRows !== v && H(t, v, E), M(t, E, v, R, c), setTimeout(() => {
+    }), c.addEventListener("keydown", (g) => {
+      const m = Number(c.getAttribute("data-row")), E = Number(c.getAttribute("data-col"));
+      if (isNaN(m) || isNaN(E)) return;
+      const y = t._rows[m], _ = t.visibleColumns[E];
+      if (!(!y || !_)) {
+        if ((_.type === "select" || _.type === "typeahead") && !c.classList.contains("editing") && g.key === "Enter") {
+          g.preventDefault(), t.activeEditRows !== m && z(t, m, y), O(t, y, m, _, c), setTimeout(() => {
             const C = c.querySelector("select");
             try {
               C?.showPicker?.();
@@ -667,41 +667,41 @@ function O(t, e, o, n) {
           }, 0);
           return;
         }
-        if (R.type === "boolean" && m.key === " " && !c.classList.contains("editing")) {
-          m.preventDefault(), t.activeEditRows !== v && H(t, v, E);
-          const C = !E[R.field];
-          J(t, v, R, C, E), c.innerHTML = `<span role="checkbox" aria-checked="${C}" aria-label="${C}">${C ? "&#x1F5F9;" : "&#9744;"}</span>`;
+        if (_.type === "boolean" && g.key === " " && !c.classList.contains("editing")) {
+          g.preventDefault(), t.activeEditRows !== m && z(t, m, y);
+          const C = !y[_.field];
+          j(t, m, _, C, y), c.innerHTML = `<span role="checkbox" aria-checked="${C}" aria-label="${C}">${C ? "&#x1F5F9;" : "&#9744;"}</span>`;
           return;
         }
-        if (m.key === "Enter" && !c.classList.contains("editing")) {
-          m.preventDefault(), m.stopPropagation(), t.focusRow = v, t.focusCol = y, typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(v) : M(t, E, v, R, c);
+        if (g.key === "Enter" && !c.classList.contains("editing")) {
+          g.preventDefault(), g.stopPropagation(), t.focusRow = m, t.focusCol = E, typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(m) : O(t, y, m, _, c);
           return;
         }
-        if (m.key === "F2" && !c.classList.contains("editing")) {
-          m.preventDefault(), M(t, E, v, R, c);
+        if (g.key === "F2" && !c.classList.contains("editing")) {
+          g.preventDefault(), O(t, y, m, _, c);
           return;
         }
       }
-    })) : w.type === "boolean" && (c.hasAttribute("tabindex") || (c.tabIndex = 0)), r === n && l === p ? c.setAttribute("aria-selected", "true") : c.setAttribute("aria-selected", "false"), h.appendChild(c);
+    })) : b.type === "boolean" && (c.hasAttribute("tabindex") || (c.tabIndex = 0)), r === n && l === p ? c.setAttribute("aria-selected", "true") : c.setAttribute("aria-selected", "false"), h.appendChild(c);
   }
   e.appendChild(h);
 }
-function ne(t, e, o, n) {
+function J(t, e, o, n) {
   if (e.target?.closest(".resize-handle")) return;
-  const s = o.querySelector(".cell[data-row]");
-  if (!s) return;
-  const i = Number(s.getAttribute("data-row"));
-  if (isNaN(i)) return;
-  const r = t._rows[i];
+  const i = o.querySelector(".cell[data-row]");
+  if (!i) return;
+  const s = Number(i.getAttribute("data-row"));
+  if (isNaN(s)) return;
+  const r = t._rows[s];
   if (!r) return;
   const l = e.target?.closest(".cell[data-col]");
   if (l) {
     if (l.classList.contains("editing")) return;
     const d = Number(l.getAttribute("data-col"));
     if (!isNaN(d)) {
-      if (t.dispatchCellClick?.(e, i, d, l))
+      if (t.dispatchCellClick?.(e, s, d, l))
         return;
-      t.focusRow = i, t.focusCol = d, I(t);
+      t.focusRow = s, t.focusCol = d, $(t);
     }
   }
   if (o.querySelector(".cell.editing")) {
@@ -710,11 +710,11 @@ function ne(t, e, o, n) {
     d.forEach((h) => h.classList.remove("editing"));
   }
   const a = t.effectiveConfig?.editOn || t.editOn || "doubleClick";
-  if (a === "click" || a === "doubleClick" && n) H(t, i, r);
+  if (a === "click" || a === "doubleClick" && n) z(t, s, r);
   else return;
   Array.from(o.children).forEach((d, h) => {
     const p = t.visibleColumns[h];
-    p && p.editable && M(t, r, i, p, d);
+    p && p.editable && O(t, r, s, p, d);
   }), l && queueMicrotask(() => {
     const d = o.querySelector(`.cell[data-col="${t.focusCol}"]`);
     if (d?.classList.contains("editing")) {
@@ -728,13 +728,16 @@ function ne(t, e, o, n) {
     }
   });
 }
-function H(t, e, o) {
+function de(t) {
+  return !(t === "__proto__" || t === "constructor" || t === "prototype");
+}
+function z(t, e, o) {
   t.activeEditRows !== e && (t.rowEditSnapshots.set(e, { ...o }), t.activeEditRows = e);
 }
 function N(t, e, o) {
   if (t.activeEditRows !== e) return;
-  const n = t.rowEditSnapshots.get(e), s = t._rows[e], i = t.findRenderedRowElement?.(e);
-  if (!o && i && s && i.querySelectorAll(".cell.editing").forEach((l) => {
+  const n = t.rowEditSnapshots.get(e), i = t._rows[e], s = t.findRenderedRowElement?.(e);
+  if (!o && s && i && s.querySelectorAll(".cell.editing").forEach((l) => {
     const a = Number(l.getAttribute("data-col"));
     if (isNaN(a)) return;
     const d = t.visibleColumns[a];
@@ -742,17 +745,17 @@ function N(t, e, o) {
     const h = l.querySelector("input,textarea,select");
     if (h) {
       let p;
-      h instanceof HTMLInputElement && h.type === "checkbox" ? p = h.checked : (p = h.value, d.type === "number" && p !== "" && (p = Number(p))), s[d.field] !== p && J(t, e, d, p, s);
+      h instanceof HTMLInputElement && h.type === "checkbox" ? p = h.checked : (p = h.value, d.type === "number" && p !== "" && (p = Number(p))), i[d.field] !== p && j(t, e, d, p, i);
     }
-  }), o && n && s)
-    Object.keys(n).forEach((r) => s[r] = n[r]), t._changedRowIndices.delete(e), j(t);
+  }), o && n && i)
+    Object.keys(n).forEach((r) => i[r] = n[r]), t._changedRowIndices.delete(e), X(t);
   else if (!o) {
     const r = t._changedRowIndices.has(e);
     t.dispatchEvent(
       new CustomEvent("row-commit", {
         detail: {
           rowIndex: e,
-          row: s,
+          row: i,
           changed: r,
           changedRows: t.changedRows,
           changedRowIndices: t.changedRowIndices
@@ -760,7 +763,7 @@ function N(t, e, o) {
       })
     );
   }
-  t.rowEditSnapshots.delete(e), t.activeEditRows = -1, i && (O(t, i, t._rows[e], e), t._changedRowIndices.has(e) ? i.classList.add("changed") : i.classList.remove("changed")), queueMicrotask(() => {
+  t.rowEditSnapshots.delete(e), t.activeEditRows = -1, s && (M(t, s, t._rows[e], e), t._changedRowIndices.has(e) ? s.classList.add("changed") : s.classList.remove("changed")), queueMicrotask(() => {
     try {
       const r = t.focusRow, l = t.focusCol, a = t.findRenderedRowElement?.(r);
       if (a) {
@@ -772,18 +775,18 @@ function N(t, e, o) {
     }
   });
 }
-function J(t, e, o, n, s) {
-  const i = o.field;
-  if (s[i] === n) return;
-  s[i] = n;
+function j(t, e, o, n, i) {
+  const s = o.field;
+  if (!de(s) || i[s] === n) return;
+  i[s] = n;
   const l = !t._changedRowIndices.has(e);
   t._changedRowIndices.add(e);
   const a = t.findRenderedRowElement?.(e);
   a && a.classList.add("changed"), t.dispatchEvent(
     new CustomEvent("cell-commit", {
       detail: {
-        row: s,
-        field: i,
+        row: i,
+        field: s,
         value: n,
         rowIndex: e,
         changedRows: t.changedRows,
@@ -793,59 +796,59 @@ function J(t, e, o, n, s) {
     })
   );
 }
-function M(t, e, o, n, s) {
-  if (!n.editable || (t.activeEditRows !== o && H(t, o, e), s.classList.contains("editing"))) return;
-  const i = e[n.field];
-  s.classList.add("editing");
+function O(t, e, o, n, i) {
+  if (!n.editable || (t.activeEditRows !== o && z(t, o, e), i.classList.contains("editing"))) return;
+  const s = e[n.field];
+  i.classList.add("editing");
   let r = !1;
   const l = (c) => {
-    r || t.activeEditRows === -1 || J(t, o, n, c, e);
+    r || t.activeEditRows === -1 || j(t, o, n, c, e);
   }, a = () => {
-    r = !0, e[n.field] = i;
-    const c = s.querySelector("input,textarea,select");
-    c && (typeof HTMLInputElement < "u" && c instanceof HTMLInputElement && c.type === "checkbox" ? c.checked = !!i : "value" in c && (c.value = i ?? ""));
+    r = !0, de(n.field) && (e[n.field] = s);
+    const c = i.querySelector("input,textarea,select");
+    c && (typeof HTMLInputElement < "u" && c instanceof HTMLInputElement && c.type === "checkbox" ? c.checked = !!s : "value" in c && (c.value = s ?? ""));
   }, d = document.createElement("div");
-  d.style.display = "contents", s.innerHTML = "", s.appendChild(d), d.addEventListener("keydown", (c) => {
+  d.style.display = "contents", i.innerHTML = "", i.appendChild(d), d.addEventListener("keydown", (c) => {
     c.key === "Enter" && (c.stopPropagation(), c.preventDefault(), r = !0, N(t, o, !1)), c.key === "Escape" && (c.stopPropagation(), c.preventDefault(), a(), N(t, o, !0));
   });
-  const h = n.__editorTemplate, p = n.editor || (h ? "template" : $e(n)), w = i;
+  const h = n.__editorTemplate, p = n.editor || (h ? "template" : ke(n)), b = s;
   if (p === "template" && h) {
     const c = h.cloneNode(!0), u = n.__compiledEditor;
-    u ? c.innerHTML = u({ row: e, value: i, field: n.field, column: n }) : c.querySelectorAll("*").forEach((g) => {
-      g.childNodes.length === 1 && g.firstChild?.nodeType === Node.TEXT_NODE && (g.textContent = g.textContent?.replace(/{{\s*value\s*}}/g, i == null ? "" : String(i)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (b, x) => {
-        const A = e[x];
-        return A == null ? "" : String(A);
+    u ? c.innerHTML = u({ row: e, value: s, field: n.field, column: n }) : c.querySelectorAll("*").forEach((w) => {
+      w.childNodes.length === 1 && w.firstChild?.nodeType === Node.TEXT_NODE && (w.textContent = w.textContent?.replace(/{{\s*value\s*}}/g, s == null ? "" : String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (v, S) => {
+        const x = e[S];
+        return x == null ? "" : String(x);
       }) || "");
     });
     const f = c.querySelector("input,textarea,select");
     if (f) {
-      const g = typeof HTMLInputElement < "u";
-      g && f instanceof HTMLInputElement && f.type === "checkbox" ? f.checked = !!i : "value" in f && (f.value = i ?? ""), f.addEventListener("blur", () => {
-        const b = g && f instanceof HTMLInputElement && f.type === "checkbox" ? f.checked : f.value;
-        l(b);
-      }), f.addEventListener("keydown", (b) => {
-        if (b.key === "Enter") {
-          b.stopPropagation(), b.preventDefault(), r = !0;
-          const x = g && f instanceof HTMLInputElement && f.type === "checkbox" ? f.checked : f.value;
-          l(x), N(t, o, !1);
+      const w = typeof HTMLInputElement < "u";
+      w && f instanceof HTMLInputElement && f.type === "checkbox" ? f.checked = !!s : "value" in f && (f.value = s ?? ""), f.addEventListener("blur", () => {
+        const v = w && f instanceof HTMLInputElement && f.type === "checkbox" ? f.checked : f.value;
+        l(v);
+      }), f.addEventListener("keydown", (v) => {
+        if (v.key === "Enter") {
+          v.stopPropagation(), v.preventDefault(), r = !0;
+          const S = w && f instanceof HTMLInputElement && f.type === "checkbox" ? f.checked : f.value;
+          l(S), N(t, o, !1);
         }
-        b.key === "Escape" && (b.stopPropagation(), b.preventDefault(), a(), N(t, o, !0));
-      }), g && f instanceof HTMLInputElement && f.type === "checkbox" && f.addEventListener("change", () => {
-        const b = f.checked;
-        l(b);
+        v.key === "Escape" && (v.stopPropagation(), v.preventDefault(), a(), N(t, o, !0));
+      }), w && f instanceof HTMLInputElement && f.type === "checkbox" && f.addEventListener("change", () => {
+        const v = f.checked;
+        l(v);
       }), setTimeout(() => f.focus(), 0);
     }
     d.appendChild(c);
   } else if (typeof p == "string") {
     const c = document.createElement(p);
-    c.value = w, c.addEventListener("change", () => l(c.value)), d.appendChild(c);
+    c.value = b, c.addEventListener("change", () => l(c.value)), d.appendChild(c);
   } else if (typeof p == "function") {
-    const c = p({ row: e, value: w, field: n.field, column: n, commit: l, cancel: a });
+    const c = p({ row: e, value: b, field: n.field, column: n, commit: l, cancel: a });
     typeof c == "string" ? d.innerHTML = c : d.appendChild(c);
   } else if (p && typeof p == "object") {
     const c = document.createElement("div");
     c.setAttribute("data-external-editor", ""), c.setAttribute("data-field", n.field), d.appendChild(c);
-    const u = { row: e, value: w, field: n.field, column: n, commit: l, cancel: a };
+    const u = { row: e, value: b, field: n.field, column: n, commit: l, cancel: a };
     if (p.mount)
       try {
         p.mount({ placeholder: c, context: u, spec: p });
@@ -857,62 +860,62 @@ function M(t, e, o, n, s) {
       );
   }
 }
-function se(t, e) {
-  !t.sortState || t.sortState.field !== e.field ? (t.sortState || (t.__originalOrder = t._rows.slice()), ie(t, e, 1)) : t.sortState.direction === 1 ? ie(t, e, -1) : (t.sortState = null, t.__rowRenderEpoch++, t.rowPool.forEach((n) => n.__epoch = -1), t._rows = t.__originalOrder.slice(), Q(t), t.headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((n) => {
+function Q(t, e) {
+  !t.sortState || t.sortState.field !== e.field ? (t.sortState || (t.__originalOrder = t._rows.slice()), ee(t, e, 1)) : t.sortState.direction === 1 ? ee(t, e, -1) : (t.sortState = null, t.__rowRenderEpoch++, t.rowPool.forEach((n) => n.__epoch = -1), t._rows = t.__originalOrder.slice(), K(t), t.headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((n) => {
     n.getAttribute("aria-sort") ? (n.getAttribute("aria-sort") === "ascending" || n.getAttribute("aria-sort") === "descending") && (t.sortState || n.setAttribute("aria-sort", "none")) : n.setAttribute("aria-sort", "none");
   }), t.refreshVirtualWindow(!0), t.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: e.field, direction: 0 } })
   ), t.requestStateChange?.());
 }
-function ie(t, e, o) {
+function ee(t, e, o) {
   t.sortState = { field: e.field, direction: o };
-  const n = e.sortComparator || ((s, i) => s == null && i == null ? 0 : s == null ? -1 : i == null || s > i ? 1 : s < i ? -1 : 0);
-  t._rows.sort((s, i) => n(s[e.field], i[e.field], s, i) * o), t.__rowRenderEpoch++, t.rowPool.forEach((s) => s.__epoch = -1), Q(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
+  const n = e.sortComparator || ((i, s) => i == null && s == null ? 0 : i == null ? -1 : s == null || i > s ? 1 : i < s ? -1 : 0);
+  t._rows.sort((i, s) => n(i[e.field], s[e.field], i, s) * o), t.__rowRenderEpoch++, t.rowPool.forEach((i) => i.__epoch = -1), K(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: e.field, direction: o } })
   ), t.requestStateChange?.();
 }
-function Ve(t, e) {
+function ze(t, e) {
   typeof e == "string" ? t.textContent = e : e instanceof HTMLElement && (t.innerHTML = "", t.appendChild(e.cloneNode(!0)));
 }
-function Q(t) {
+function K(t) {
   t.headerRowEl = t.findHeaderRow();
   const e = t.headerRowEl;
   e.innerHTML = "", t.visibleColumns.forEach((o, n) => {
-    const s = document.createElement("div");
-    s.className = "cell", X(s, "header-cell"), s.setAttribute("role", "columnheader"), s.setAttribute("aria-colindex", String(n + 1)), s.setAttribute("data-field", o.field), s.setAttribute("data-col", String(n)), o.sticky === "left" ? s.classList.add("sticky-left") : o.sticky === "right" && s.classList.add("sticky-right");
-    const i = o.__headerTemplate;
-    if (i) Array.from(i.childNodes).forEach((r) => s.appendChild(r.cloneNode(!0)));
+    const i = document.createElement("div");
+    i.className = "cell", U(i, "header-cell"), i.setAttribute("role", "columnheader"), i.setAttribute("aria-colindex", String(n + 1)), i.setAttribute("data-field", o.field), i.setAttribute("data-col", String(n)), o.sticky === "left" ? i.classList.add("sticky-left") : o.sticky === "right" && i.classList.add("sticky-right");
+    const s = o.__headerTemplate;
+    if (s) Array.from(s.childNodes).forEach((r) => i.appendChild(r.cloneNode(!0)));
     else {
       const r = o.header || o.field, l = document.createElement("span");
-      l.textContent = r, s.appendChild(l);
+      l.textContent = r, i.appendChild(l);
     }
     if (o.sortable) {
-      s.classList.add("sortable"), s.tabIndex = 0;
+      i.classList.add("sortable"), i.tabIndex = 0;
       const r = document.createElement("span");
-      X(r, "sort-indicator"), r.style.opacity = "0.6";
+      U(r, "sort-indicator"), r.style.opacity = "0.6";
       const l = t.sortState?.field === o.field ? t.sortState.direction : 0, a = { ...P, ...t.icons }, d = l === 1 ? a.sortAsc : l === -1 ? a.sortDesc : a.sortNone;
-      Ve(r, d), s.appendChild(r), s.setAttribute("aria-sort", l === 0 ? "none" : l === 1 ? "ascending" : "descending"), s.addEventListener("click", (h) => {
-        t.resizeController?.isResizing || t.dispatchHeaderClick?.(h, n, s) || se(t, o);
-      }), s.addEventListener("keydown", (h) => {
+      ze(r, d), i.appendChild(r), i.setAttribute("aria-sort", l === 0 ? "none" : l === 1 ? "ascending" : "descending"), i.addEventListener("click", (h) => {
+        t.resizeController?.isResizing || t.dispatchHeaderClick?.(h, n, i) || Q(t, o);
+      }), i.addEventListener("keydown", (h) => {
         if (h.key === "Enter" || h.key === " ") {
-          if (h.preventDefault(), t.dispatchHeaderClick?.(h, n, s)) return;
-          se(t, o);
+          if (h.preventDefault(), t.dispatchHeaderClick?.(h, n, i)) return;
+          Q(t, o);
         }
       });
     }
     if (o.resizable) {
-      o.sticky || (s.style.position = "relative");
+      o.sticky || (i.style.position = "relative");
       const r = document.createElement("div");
       r.className = "resize-handle", r.setAttribute("aria-hidden", "true"), r.addEventListener("mousedown", (l) => {
-        l.stopPropagation(), l.preventDefault(), t.resizeController.start(l, n, s);
-      }), s.appendChild(r);
+        l.stopPropagation(), l.preventDefault(), t.resizeController.start(l, n, i);
+      }), i.appendChild(r);
     }
-    e.appendChild(s);
+    e.appendChild(i);
   });
   try {
     const o = t.shadowRoot;
-    o && o.querySelectorAll(".header-group-row .cell").forEach((s) => {
-      s.getAttribute("data-group") && s.classList.add("grouped");
+    o && o.querySelectorAll(".header-group-row .cell").forEach((i) => {
+      i.getAttribute("data-group") && i.classList.add("grouped");
     });
   } catch {
   }
@@ -920,9 +923,9 @@ function Q(t) {
     o.getAttribute("aria-sort") || o.setAttribute("aria-sort", "none");
   }), e.children.length > 0 ? (e.setAttribute("role", "row"), e.setAttribute("aria-rowindex", "1")) : (e.removeAttribute("role"), e.removeAttribute("aria-rowindex"));
 }
-function Ge(t) {
-  let e = null, o = null, n = null, s = null;
-  const i = (a) => {
+function De(t) {
+  let e = null, o = null, n = null, i = null;
+  const s = (a) => {
     if (!e) return;
     const d = a.clientX - e.startX, h = Math.max(40, e.startWidth + d), p = t.visibleColumns[e.colIndex];
     p.width = h, p.__userResized = !0, p.__renderedWidth = h, o == null && (o = requestAnimationFrame(() => {
@@ -936,7 +939,7 @@ function Ge(t) {
     const a = e !== null;
     a && (r = !0, requestAnimationFrame(() => {
       r = !1;
-    })), window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", l), n !== null && (document.documentElement.style.cursor = n, n = null), s !== null && (document.body.style.userSelect = s, s = null), e = null, a && t.requestStateChange && t.requestStateChange();
+    })), window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", l), n !== null && (document.documentElement.style.cursor = n, n = null), i !== null && (document.body.style.userSelect = i, i = null), e = null, a && t.requestStateChange && t.requestStateChange();
   };
   return {
     get isResizing() {
@@ -945,17 +948,17 @@ function Ge(t) {
     start(a, d, h) {
       a.preventDefault();
       const p = h.getBoundingClientRect();
-      e = { startX: a.clientX, colIndex: d, startWidth: p.width }, window.addEventListener("mousemove", i), window.addEventListener("mouseup", l), 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";
+      e = { startX: a.clientX, colIndex: d, startWidth: p.width }, window.addEventListener("mousemove", s), window.addEventListener("mouseup", l), 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";
     },
     dispose() {
       l();
     }
   };
 }
-function $(t) {
+function B(t) {
   return t ? typeof t == "string" ? t : t.outerHTML : "";
 }
-function Ue() {
+function Ne() {
   return {
     toolPanels: /* @__PURE__ */ new Map(),
     headerContents: /* @__PURE__ */ new Map(),
@@ -972,27 +975,27 @@ function Ue() {
     activePanelCleanup: null
   };
 }
-function Xe(t, e) {
+function qe(t, e) {
   return !!(t?.header?.title || t?.header?.toolbarButtons?.length || e.toolPanels.size > 0 || e.headerContents.size > 0 || e.toolbarButtons.size > 0 || e.lightDomButtons.length > 0 || e.lightDomHeaderContent.length > 0);
 }
-function je(t, e, o = "☰") {
-  const n = t?.header?.title ?? "", s = !!n, i = $(o), r = t?.header?.toolbarButtons ?? [], l = r.length > 0, a = e.toolbarButtons.size > 0, d = e.lightDomButtons.length > 0, h = e.toolPanels.size > 0, w = (l || a || d) && h, c = [...r].sort((g, b) => (g.order ?? 100) - (b.order ?? 100)), u = [...e.toolbarButtons.values()].sort((g, b) => (g.order ?? 100) - (b.order ?? 100));
+function $e(t, e, o = "☰") {
+  const n = t?.header?.title ?? "", i = !!n, s = B(o), r = t?.header?.toolbarButtons ?? [], l = r.length > 0, a = e.toolbarButtons.size > 0, d = e.lightDomButtons.length > 0, h = e.toolPanels.size > 0, b = (l || a || d) && h, c = [...r].sort((w, v) => (w.order ?? 100) - (v.order ?? 100)), u = [...e.toolbarButtons.values()].sort((w, v) => (w.order ?? 100) - (v.order ?? 100));
   let f = "";
-  for (const g of c)
-    g.icon && g.action && (f += `<button class="tbw-toolbar-btn" data-btn="${g.id}" title="${g.label}" aria-label="${g.label}"${g.disabled ? " disabled" : ""}>${g.icon}</button>`);
-  for (const g of u)
-    g.icon && g.action && (f += `<button class="tbw-toolbar-btn" data-btn="${g.id}" title="${g.label}" aria-label="${g.label}"${g.disabled ? " disabled" : ""}>${g.icon}</button>`);
-  for (const g of c)
-    (g.element || g.render) && (f += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${g.id}"></div>`);
-  for (const g of u)
-    (g.element || g.render) && (f += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${g.id}"></div>`);
-  if (d && (f += '<slot name="toolbar"></slot>'), w && (f += '<div class="tbw-toolbar-separator"></div>'), h) {
-    const g = e.isPanelOpen;
-    f += `<button class="tbw-toolbar-btn${g ? " active" : ""}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${g}" aria-controls="tbw-tool-panel">${i}</button>`;
+  for (const w of c)
+    w.icon && w.action && (f += `<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 u)
+    w.icon && w.action && (f += `<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) && (f += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${w.id}"></div>`);
+  for (const w of u)
+    (w.element || w.render) && (f += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${w.id}"></div>`);
+  if (d && (f += '<slot name="toolbar"></slot>'), b && (f += '<div class="tbw-toolbar-separator"></div>'), h) {
+    const w = e.isPanelOpen;
+    f += `<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">${s}</button>`;
   }
   return `
     <div class="tbw-shell-header" part="shell-header" role="presentation">
-      ${s ? `<div class="tbw-shell-title">${n}</div>` : ""}
+      ${i ? `<div class="tbw-shell-title">${n}</div>` : ""}
       <div class="tbw-shell-content" part="shell-content" role="presentation">
         <slot name="header-content"></slot>
       </div>
@@ -1002,25 +1005,25 @@ function je(t, e, o = "☰") {
     </div>
   `;
 }
-function Ye(t, e, o, n) {
-  const s = t?.toolPanel?.position ?? "right", i = e.toolPanels.size > 0, r = e.isPanelOpen, l = $(n?.expand ?? P.expand), a = $(n?.collapse ?? P.collapse), d = [...e.toolPanels.values()].sort((u, f) => (u.order ?? 100) - (f.order ?? 100)), h = d.length === 1;
+function Ie(t, e, o, n) {
+  const i = t?.toolPanel?.position ?? "right", s = e.toolPanels.size > 0, r = e.isPanelOpen, l = B(n?.expand ?? P.expand), a = B(n?.collapse ?? P.collapse), d = [...e.toolPanels.values()].sort((u, f) => (u.order ?? 100) - (f.order ?? 100)), h = d.length === 1;
   let p = "";
   for (const u of d) {
-    const f = e.expandedSections.has(u.id), g = u.icon ? `<span class="tbw-accordion-icon">${u.icon}</span>` : "", b = h ? "" : `<span class="tbw-accordion-chevron">${f ? a : l}</span>`;
+    const f = e.expandedSections.has(u.id), w = u.icon ? `<span class="tbw-accordion-icon">${u.icon}</span>` : "", v = h ? "" : `<span class="tbw-accordion-chevron">${f ? a : l}</span>`;
     p += `
       <div class="${`tbw-accordion-section${f ? " expanded" : ""}${h ? " single" : ""}`}" data-section="${u.id}">
         <button class="tbw-accordion-header" aria-expanded="${f}" aria-controls="tbw-section-${u.id}"${h ? ' aria-disabled="true"' : ""}>
-          ${g}
+          ${w}
           <span class="tbw-accordion-title">${u.title}</span>
-          ${b}
+          ${v}
         </button>
         <div class="tbw-accordion-content" id="tbw-section-${u.id}" role="presentation"></div>
       </div>
     `;
   }
-  const c = i ? `
-    <aside class="tbw-tool-panel${r ? " open" : ""}" part="tool-panel" data-position="${s}" role="presentation" id="tbw-tool-panel">
-      <div class="tbw-tool-panel-resize" data-resize-handle data-handle-position="${s === "left" ? "right" : "left"}" aria-hidden="true"></div>
+  const c = s ? `
+    <aside class="tbw-tool-panel${r ? " open" : ""}" part="tool-panel" data-position="${i}" role="presentation" id="tbw-tool-panel">
+      <div class="tbw-tool-panel-resize" data-resize-handle data-handle-position="${i === "left" ? "right" : "left"}" aria-hidden="true"></div>
       <div class="tbw-tool-panel-content" role="presentation">
         <div class="tbw-accordion">
           ${p}
@@ -1028,7 +1031,7 @@ function Ye(t, e, o, n) {
       </div>
     </aside>
   ` : "";
-  return s === "left" ? `
+  return i === "left" ? `
       <div class="tbw-shell-body">
         ${c}
         <div class="tbw-grid-content">
@@ -1044,25 +1047,25 @@ function Ye(t, e, o, n) {
     </div>
   `;
 }
-function re(t, e) {
+function te(t, e) {
   const o = t.querySelector("tbw-grid-header");
   if (!o) return;
   o.style.display = "none";
   const n = o.querySelectorAll("tbw-grid-header-content");
-  e.lightDomHeaderContent = Array.from(n), e.lightDomHeaderContent.forEach((i) => {
-    i.setAttribute("slot", "header-content");
+  e.lightDomHeaderContent = Array.from(n), e.lightDomHeaderContent.forEach((s) => {
+    s.setAttribute("slot", "header-content");
   });
-  const s = o.querySelectorAll("tbw-grid-tool-button");
-  e.lightDomButtons = Array.from(s), e.lightDomButtons.sort((i, r) => {
-    const l = parseInt(i.getAttribute("order") ?? "100", 10), a = parseInt(r.getAttribute("order") ?? "100", 10);
+  const i = o.querySelectorAll("tbw-grid-tool-button");
+  e.lightDomButtons = Array.from(i), e.lightDomButtons.sort((s, r) => {
+    const l = parseInt(s.getAttribute("order") ?? "100", 10), a = parseInt(r.getAttribute("order") ?? "100", 10);
     return l - a;
-  }), e.lightDomButtons.forEach((i) => {
-    i.setAttribute("slot", "toolbar");
+  }), e.lightDomButtons.forEach((s) => {
+    s.setAttribute("slot", "toolbar");
   });
 }
-function Ze(t, e, o, n) {
-  const s = t.querySelector(".tbw-shell-toolbar");
-  s && s.addEventListener("click", (r) => {
+function Be(t, e, o, n) {
+  const i = t.querySelector(".tbw-shell-toolbar");
+  i && i.addEventListener("click", (r) => {
     const l = r.target;
     if (l.closest("[data-panel-toggle]")) {
       n.onPanelToggle();
@@ -1074,8 +1077,8 @@ function Ze(t, e, o, n) {
       h && n.onToolbarButtonClick(h);
     }
   });
-  const i = t.querySelector(".tbw-accordion");
-  i && i.addEventListener("click", (r) => {
+  const s = t.querySelector(".tbw-accordion");
+  s && s.addEventListener("click", (r) => {
     const a = r.target.closest(".tbw-accordion-header");
     if (a) {
       const h = a.closest("[data-section]")?.getAttribute("data-section");
@@ -1083,87 +1086,87 @@ function Ze(t, e, o, n) {
     }
   });
 }
-function Je(t, e, o) {
-  const n = t.querySelector(".tbw-tool-panel"), s = t.querySelector("[data-resize-handle]"), i = t.querySelector(".tbw-shell-body");
-  if (!n || !s || !i)
+function Ve(t, e, o) {
+  const n = t.querySelector(".tbw-tool-panel"), i = t.querySelector("[data-resize-handle]"), s = t.querySelector(".tbw-shell-body");
+  if (!n || !i || !s)
     return () => {
     };
   const r = e?.toolPanel?.position ?? "right", l = 200;
   let a = 0, d = 0, h = 0, p = !1;
-  const w = (f) => {
+  const b = (f) => {
     if (!p) return;
     f.preventDefault();
-    const g = r === "left" ? f.clientX - a : a - f.clientX, b = Math.min(h, Math.max(l, d + g));
-    n.style.width = `${b}px`;
+    const w = r === "left" ? f.clientX - a : a - f.clientX, v = Math.min(h, Math.max(l, d + w));
+    n.style.width = `${v}px`;
   }, c = () => {
     if (!p) return;
-    p = !1, s.classList.remove("resizing"), n.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
+    p = !1, i.classList.remove("resizing"), n.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
     const f = n.getBoundingClientRect().width;
-    o(f), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", c);
+    o(f), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", c);
   }, u = (f) => {
-    f.preventDefault(), p = !0, a = f.clientX, d = n.getBoundingClientRect().width, h = 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", w), document.addEventListener("mouseup", c);
+    f.preventDefault(), p = !0, a = f.clientX, d = n.getBoundingClientRect().width, h = s.getBoundingClientRect().width - 20, i.classList.add("resizing"), n.style.transition = "none", document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", b), document.addEventListener("mouseup", c);
   };
-  return s.addEventListener("mousedown", u), () => {
-    s.removeEventListener("mousedown", u), document.removeEventListener("mousemove", w), document.removeEventListener("mouseup", c);
+  return i.addEventListener("mousedown", u), () => {
+    i.removeEventListener("mousedown", u), document.removeEventListener("mousemove", b), document.removeEventListener("mouseup", c);
   };
 }
-function Qe(t, e, o) {
+function We(t, e, o) {
   const n = [...e?.header?.toolbarButtons ?? [], ...o.toolbarButtons.values()];
-  for (const s of n) {
-    const i = t.querySelector(`[data-btn-slot="${s.id}"]`);
-    if (!i) continue;
-    const r = o.toolbarButtonCleanups.get(s.id);
-    if (r && (r(), o.toolbarButtonCleanups.delete(s.id)), s.element)
-      i.appendChild(s.element);
-    else if (s.render) {
-      const l = s.render(i);
-      l && o.toolbarButtonCleanups.set(s.id, l);
+  for (const i of n) {
+    const s = t.querySelector(`[data-btn-slot="${i.id}"]`);
+    if (!s) continue;
+    const r = o.toolbarButtonCleanups.get(i.id);
+    if (r && (r(), o.toolbarButtonCleanups.delete(i.id)), i.element)
+      s.appendChild(i.element);
+    else if (i.render) {
+      const l = i.render(s);
+      l && o.toolbarButtonCleanups.set(i.id, l);
     }
   }
 }
-function le(t, e) {
+function oe(t, e) {
   const o = t.querySelector(".tbw-shell-content");
   if (!o) return;
-  const n = [...e.headerContents.values()].sort((i, r) => (i.order ?? 100) - (r.order ?? 100)), s = o.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 l = o.querySelector(`[data-header-content="${i.id}"]`);
-    l || (l = document.createElement("div"), l.setAttribute("data-header-content", i.id), s ? o.insertBefore(l, s) : o.appendChild(l));
-    const a = i.render(l);
-    a && e.headerContentCleanups.set(i.id, a);
+  const n = [...e.headerContents.values()].sort((s, r) => (s.order ?? 100) - (r.order ?? 100)), i = o.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 l = o.querySelector(`[data-header-content="${s.id}"]`);
+    l || (l = document.createElement("div"), l.setAttribute("data-header-content", s.id), i ? o.insertBefore(l, i) : o.appendChild(l));
+    const a = s.render(l);
+    a && e.headerContentCleanups.set(s.id, a);
   }
 }
-function et(t, e, o) {
+function Ge(t, e, o) {
   if (!e.isPanelOpen) return;
-  const n = $(o?.expand ?? P.expand), s = $(o?.collapse ?? P.collapse);
-  for (const [i, r] of e.toolPanels) {
-    const l = e.expandedSections.has(i), a = t.querySelector(`[data-section="${i}"]`), d = a?.querySelector(".tbw-accordion-content");
+  const n = B(o?.expand ?? P.expand), i = B(o?.collapse ?? P.collapse);
+  for (const [s, r] of e.toolPanels) {
+    const l = e.expandedSections.has(s), a = t.querySelector(`[data-section="${s}"]`), d = a?.querySelector(".tbw-accordion-content");
     if (!a || !d) continue;
     a.classList.toggle("expanded", l);
     const h = a.querySelector(".tbw-accordion-header");
     h && h.setAttribute("aria-expanded", String(l));
     const p = a.querySelector(".tbw-accordion-chevron");
-    if (p && (p.innerHTML = l ? s : n), l) {
+    if (p && (p.innerHTML = l ? i : n), l) {
       if (d.children.length === 0) {
-        const w = r.render(d);
-        w && e.panelCleanups.set(i, w);
+        const b = r.render(d);
+        b && e.panelCleanups.set(s, b);
       }
     } else {
-      const w = e.panelCleanups.get(i);
-      w && (w(), e.panelCleanups.delete(i)), d.innerHTML = "";
+      const b = e.panelCleanups.get(s);
+      b && (b(), e.panelCleanups.delete(s)), d.innerHTML = "";
     }
   }
 }
-function ae(t, e) {
+function ne(t, e) {
   const o = t.querySelector("[data-panel-toggle]");
   o && (o.classList.toggle("active", e.isPanelOpen), o.setAttribute("aria-pressed", String(e.isPanelOpen)));
 }
-function ce(t, e) {
+function ie(t, e) {
   const o = t.querySelector(".tbw-tool-panel");
   o && (o.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (o.style.width = ""));
 }
-function tt(t, e) {
+function Fe(t, e) {
   const o = [];
   for (const n of t?.header?.toolbarButtons ?? [])
     o.push({
@@ -1180,11 +1183,11 @@ function tt(t, e) {
       source: "config"
     });
   for (let n = 0; n < e.lightDomButtons.length; n++) {
-    const i = e.lightDomButtons[n].querySelector("button");
+    const s = e.lightDomButtons[n].querySelector("button");
     o.push({
       id: `light-dom-${n}`,
-      label: i?.getAttribute("title") ?? i?.getAttribute("aria-label") ?? "",
-      disabled: i?.disabled ?? !1,
+      label: s?.getAttribute("title") ?? s?.getAttribute("aria-label") ?? "",
+      disabled: s?.disabled ?? !1,
       source: "light-dom"
     });
   }
@@ -1198,7 +1201,7 @@ function tt(t, e) {
     });
   return o;
 }
-function ot(t) {
+function Ue(t) {
   for (const e of t.headerContentCleanups.values())
     e();
   t.headerContentCleanups.clear(), t.activePanelCleanup && (t.activePanelCleanup(), t.activePanelCleanup = null);
@@ -1206,7 +1209,7 @@ function ot(t) {
     e();
   t.toolbarButtonCleanups.clear(), t.activePanel && t.toolPanels.get(t.activePanel)?.onClose?.(), t.toolPanels.clear(), t.headerContents.clear(), t.toolbarButtons.clear(), t.lightDomButtons = [], t.lightDomHeaderContent = [], t.activePanel = null;
 }
-class nt {
+class Xe {
   constructor(e) {
     this.grid = e;
   }
@@ -1299,7 +1302,7 @@ class nt {
     return this.plugins.filter((e) => e.styles).map((e) => e.styles).join(`
 `);
   }
-  // ===== Hook execution methods =====
+  // #region Hook execution methods
   /**
    * Execute processRows hook on all plugins.
    */
@@ -1365,21 +1368,21 @@ class nt {
    * Returns the minimum start index from all plugins.
    */
   adjustVirtualStart(e, o, n) {
-    let s = e;
-    for (const i of this.plugins)
-      if (typeof i.adjustVirtualStart == "function") {
-        const r = i.adjustVirtualStart(e, o, n);
-        r < s && (s = r);
+    let i = e;
+    for (const s of this.plugins)
+      if (typeof s.adjustVirtualStart == "function") {
+        const r = s.adjustVirtualStart(e, o, n);
+        r < i && (i = r);
       }
-    return s;
+    return i;
   }
   /**
    * Execute renderRow hook on all plugins.
    * Returns true if any plugin handled the row.
    */
   renderRow(e, o, n) {
-    for (const s of this.plugins)
-      if (s.renderRow?.(e, o, n))
+    for (const i of this.plugins)
+      if (i.renderRow?.(e, o, n))
         return !0;
     return !1;
   }
@@ -1466,12 +1469,13 @@ class nt {
   getContextMenuItems(e) {
     const o = [];
     for (const n of this.plugins) {
-      const s = n.getContextMenuItems?.(e);
-      s && o.push(...s);
+      const i = n.getContextMenuItems?.(e);
+      i && o.push(...i);
     }
     return o;
   }
-  // ===== Shell Integration Hooks =====
+  // #endregion
+  // #region Shell Integration Hooks
   /**
    * Collect tool panels from all plugins.
    * Returns panels sorted by order (ascending).
@@ -1496,72 +1500,77 @@ class nt {
     }
     return e.sort((o, n) => (o.content.order ?? 0) - (n.content.order ?? 0));
   }
+  // #endregion
 }
-class V extends HTMLElement {
+class I extends HTMLElement {
   // TODO: Rename to 'data-grid' when migration is complete
   static tagName = "tbw-grid";
-  #t;
-  #s = !1;
+  static version = "0.2.2";
+  #n;
+  #k = !1;
   // ---------------- Ready Promise ----------------
-  #I;
   #$;
-  // ================== INPUT PROPERTIES ==================
+  #I;
+  // #region Input Properties
   // These backing fields store raw user input. They are merged into
   // #effectiveConfig by #mergeEffectiveConfig(). Never read directly
   // for rendering logic - always use effectiveConfig or derived state.
-  #r = [];
-  #l;
-  #w;
+  #s = [];
+  #r;
+  #p;
+  #m;
   #v;
-  #y;
-  // ================== SINGLE SOURCE OF TRUTH ==================
+  // #endregion
+  // #region Single Source of Truth
   // All input sources converge here. This is the canonical config
   // that all rendering and logic should read from.
-  #n = {};
-  #f = !1;
-  #p = 0;
-  #C = null;
-  #E = !1;
+  #o = {};
+  #h = !1;
+  #f = 0;
+  #E = null;
+  #C = !1;
   // Cached flag for plugin scroll handlers
   #P;
   // Cached hook to avoid closures
-  #R = !1;
+  #y = !1;
   #_ = null;
-  #x = null;
-  #A = null;
+  #R = null;
   #S = null;
-  #a;
-  #g;
+  #x = null;
+  #l;
+  #b;
   // ---------------- Plugin System ----------------
-  #o;
+  #t;
   // ---------------- Column State ----------------
-  #M;
-  #h;
+  #O;
+  #d;
   // ---------------- Shell State ----------------
-  #e = Ue();
-  #c = !1;
-  #T;
-  // ================== DERIVED STATE ==================
+  #e = Ne();
+  #a = !1;
+  #A;
+  // #endregion
+  // #region 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
-  #D = [];
+  #H = [];
   // _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
   get visibleColumns() {
     return this._columns.filter((e) => !e.hidden);
   }
-  // ================== RUNTIME STATE ==================
+  // #endregion
+  // #region Runtime State
   // User-driven state changes at runtime (sort, etc.)
   // Visibility is stored in effectiveConfig.columns[].hidden
   rowPool = [];
@@ -1595,6 +1604,7 @@ class V extends HTMLElement {
   gridTemplate = "";
   rowEditSnapshots = /* @__PURE__ */ new Map();
   _changedRowIndices = /* @__PURE__ */ new Set();
+  // #endregion
   // ---------------- Public API Props (getters/setters) ----------------
   // Getters return the EFFECTIVE value (after merging), not the raw input.
   // This is what consumers and plugins need - the current resolved state.
@@ -1603,49 +1613,49 @@ class V extends HTMLElement {
     return this._rows;
   }
   set rows(e) {
-    const o = this.#r;
-    this.#r = e, o !== e && this.#ee();
+    const o = this.#s;
+    this.#s = e, o !== e && this.#ee();
   }
   /**
    * Get the original unfiltered/unprocessed rows.
    * Use this when you need access to all source data regardless of active filters.
    */
   get sourceRows() {
-    return this.#r;
+    return this.#s;
   }
   get columns() {
     return [...this._columns];
   }
   set columns(e) {
-    const o = this.#l;
-    this.#l = e, o !== e && this.#te();
+    const o = this.#r;
+    this.#r = e, o !== e && this.#te();
   }
   get gridConfig() {
-    return this.#n;
+    return this.#o;
   }
   set gridConfig(e) {
-    const o = this.#w;
-    this.#w = e, o !== e && this.#oe();
+    const o = this.#p;
+    this.#p = e, o !== e && this.#oe();
   }
   get fitMode() {
-    return this.#n.fitMode ?? "stretch";
+    return this.#o.fitMode ?? "stretch";
   }
   set fitMode(e) {
-    const o = this.#v;
-    this.#v = e, o !== e && this.#J();
+    const o = this.#m;
+    this.#m = e, o !== e && this.#J();
   }
   get editOn() {
-    return this.#n.editOn;
+    return this.#o.editOn;
   }
   set editOn(e) {
-    const o = this.#y;
-    this.#y = e, o !== e && this.#Q();
+    const o = this.#v;
+    this.#v = e, o !== 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.
@@ -1655,14 +1665,14 @@ class V extends HTMLElement {
    * element.addEventListener('click', handler, { signal: this.grid.disconnectSignal });
    */
   get disconnectSignal() {
-    return this.#a || (this.#a = new AbortController()), this.#a.signal;
+    return this.#l || (this.#l = new AbortController()), this.#l.signal;
   }
   constructor() {
-    super(), this.#t = this.attachShadow({ mode: "open" }), this.#X(), this.#I = new Promise((e) => this.#$ = e);
+    super(), this.#n = this.attachShadow({ mode: "open" }), this.#j(), this.#$ = new Promise((e) => this.#I = e);
   }
-  #X() {
+  #j() {
     const e = new CSSStyleSheet();
-    e.replaceSync(Ce), this.#t.adoptedStyleSheets = [e];
+    e.replaceSync(ue), this.#n.adoptedStyleSheets = [e];
   }
   // ---------------- Plugin System ----------------
   /**
@@ -1670,14 +1680,14 @@ class V extends HTMLElement {
    * Used by plugins for inter-plugin communication.
    */
   getPlugin(e) {
-    return this.#o?.getPlugin(e);
+    return this.#t?.getPlugin(e);
   }
   /**
    * Get a plugin instance by its name.
    * Used for loose coupling between plugins (avoids static imports).
    */
   getPluginByName(e) {
-    return this.#o?.getPluginByName(e);
+    return this.#t?.getPluginByName(e);
   }
   /**
    * Request a full re-render of the grid.
@@ -1685,7 +1695,7 @@ class V extends HTMLElement {
    * Note: This does NOT reset plugin state - just re-processes rows/columns and renders.
    */
   requestRender() {
-    this.#k(), this.#O(), this.#L(), this.updateTemplate(), this.refreshVirtualWindow(!0);
+    this.#L(), this.#M(), this.#T(), this.updateTemplate(), this.refreshVirtualWindow(!0);
   }
   /**
    * Request a lightweight style update without rebuilding DOM.
@@ -1693,26 +1703,26 @@ class V extends HTMLElement {
    * This runs all plugin afterRender hooks without rebuilding row/column DOM.
    */
   requestAfterRender() {
-    this.#b();
+    this.#w();
   }
   /**
    * Initialize plugin system with instances from config.
    * Plugins are class instances passed in gridConfig.plugins[].
    */
   #B() {
-    this.#o = new nt(this);
-    const e = this.#n?.plugins, o = Array.isArray(e) ? e : [];
-    this.#o.attachAll(o);
+    this.#t = new Xe(this);
+    const e = this.#o?.plugins, o = Array.isArray(e) ? e : [];
+    this.#t.attachAll(o);
   }
   /**
    * Inject all plugin styles into the shadow DOM.
    * Must be called after #render() since innerHTML wipes existing content.
    */
-  #K() {
-    const e = this.#o?.getAllStyles() ?? "";
+  #V() {
+    const e = this.#t?.getAllStyles() ?? "";
     if (e) {
       const o = document.createElement("style");
-      o.setAttribute("data-plugin", "all"), o.textContent = e, this.#t.appendChild(o);
+      o.setAttribute("data-plugin", "all"), o.textContent = e, this.#n.appendChild(o);
     }
   }
   /**
@@ -1720,47 +1730,47 @@ class V extends HTMLElement {
    * With class-based plugins, we need to detach old and attach new.
    */
   #W() {
-    this.#o && this.#o.detachAll(), this.#B(), this.#K(), this.#E = this.#o?.getAll().some((e) => e.onScroll) ?? !1;
+    this.#t && this.#t.detachAll(), this.#B(), this.#V(), this.#C = this.#t?.getAll().some((e) => e.onScroll) ?? !1;
   }
   /**
    * Clean up plugin states when grid disconnects.
    */
-  #j() {
-    this.#o?.detachAll();
+  #K() {
+    this.#t?.detachAll();
   }
   /**
    * Collect tool panels and header content from all plugins.
    * Called after plugins are attached but before render.
    */
   #Y() {
-    if (!this.#o) return;
-    const e = this.#o.getToolPanels();
+    if (!this.#t) return;
+    const e = this.#t.getToolPanels();
     for (const { panel: n } of e)
       this.#e.toolPanels.has(n.id) || this.#e.toolPanels.set(n.id, n);
-    const o = this.#o.getHeaderContents();
+    const o = this.#t.getHeaderContents();
     for (const { content: n } of o)
       this.#e.headerContents.has(n.id) || this.#e.headerContents.set(n.id, n);
   }
   // ---------------- 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.#B(), this.#Y(), this.#s || (this.#U(), this.#K(), this.#s = !0), this.#F();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", I.version), this._rows = Array.isArray(this.#s) ? [...this.#s] : [], this.#l?.abort(), this.#l = new AbortController(), this.#u(), this.#B(), this.#Y(), this.#k || (this.#X(), this.#V(), this.#k = !0), this.#G();
   }
   disconnectedCallback() {
-    this.#j(), ot(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.#g && (this.#g.disconnect(), this.#g = void 0), this.#f = !1;
+    this.#K(), Ue(this.#e), this.#a = !1, this.#A?.(), this.#A = void 0, this.#l && (this.#l.abort(), this.#l = void 0), this.resizeController && this.resizeController.dispose(), this.#b && (this.#b.disconnect(), this.#b = void 0), this.#h = !1;
   }
-  #F() {
-    const o = this.#t.querySelector(".tbw-grid-content") ?? this.#t.querySelector(".tbw-grid-root");
-    if (this.headerRowEl = o?.querySelector(".header-row"), this.virtualization.totalHeightEl = o?.querySelector(".faux-vscroll-spacer"), this.virtualization.viewportEl = o?.querySelector(".rows-viewport"), this.bodyEl = o?.querySelector(".rows"), this.#c) {
-      le(this.#t, this.#e), Qe(this.#t, this.#n?.shell, this.#e);
-      const r = this.#n?.shell?.toolPanel?.defaultOpen;
+  #G() {
+    const o = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
+    if (this.headerRowEl = o?.querySelector(".header-row"), this.virtualization.totalHeightEl = o?.querySelector(".faux-vscroll-spacer"), this.virtualization.viewportEl = o?.querySelector(".rows-viewport"), this.bodyEl = o?.querySelector(".rows"), this.#a) {
+      oe(this.#n, this.#e), We(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.#f = !0;
+    this.setAttribute("data-upgraded", ""), this.#h = !0;
     const n = this.disconnectSignal;
-    this.#d(), this.addEventListener("keydown", (r) => Be(this, r), { signal: n }), document.addEventListener(
+    this.#c(), this.addEventListener("keydown", (r) => Pe(this, r), { signal: n }), document.addEventListener(
       "keydown",
       (r) => {
-        r.key === "Escape" && this.activeEditRows !== -1 && this.#z(this.activeEditRows, !0);
+        r.key === "Escape" && this.activeEditRows !== -1 && this.#D(this.activeEditRows, !0);
       },
       { capture: !0, signal: n }
     ), document.addEventListener(
@@ -1768,64 +1778,64 @@ class V extends HTMLElement {
       (r) => {
         if (this.activeEditRows === -1) return;
         const l = this.findRenderedRowElement(this.activeEditRows);
-        !l || (r.composedPath && r.composedPath() || []).includes(l) || this.#z(this.activeEditRows, !1);
+        !l || (r.composedPath && r.composedPath() || []).includes(l) || this.#D(this.activeEditRows, !1);
       },
       { signal: n }
     );
-    const s = o?.querySelector(".faux-vscroll"), i = o?.querySelector(".rows");
-    if (this.virtualization.container = s ?? this, this.#E = this.#o?.getAll().some((r) => r.onScroll) ?? !1, s && i) {
-      s.addEventListener(
+    const i = o?.querySelector(".faux-vscroll"), s = o?.querySelector(".rows");
+    if (this.virtualization.container = i ?? this, this.#C = this.#t?.getAll().some((r) => r.onScroll) ?? !1, i && s) {
+      i.addEventListener(
         "scroll",
         () => {
-          if (!this.virtualization.enabled && !this.#E) return;
-          const a = s.scrollTop, d = this.virtualization.rowHeight, h = Math.floor(a / d), p = h - h % 2, w = -(a - p * d);
-          i.style.transform = `translateY(${w}px)`, this.#C = a, this.#p || (this.#p = requestAnimationFrame(() => {
-            this.#p = 0, this.#C !== null && (this.#re(this.#C), this.#C = null);
+          if (!this.virtualization.enabled && !this.#C) return;
+          const a = i.scrollTop, d = this.virtualization.rowHeight, h = Math.floor(a / d), p = h - h % 2, b = -(a - p * d);
+          s.style.transform = `translateY(${b}px)`, this.#E = a, this.#f || (this.#f = requestAnimationFrame(() => {
+            this.#f = 0, this.#E !== null && (this.#re(this.#E), this.#E = null);
           }));
         },
         { passive: !0, signal: n }
       );
-      const r = this.#t.querySelector(".tbw-grid-content"), l = this.#t.querySelector(".tbw-scroll-area");
+      const r = this.#n.querySelector(".tbw-grid-content"), l = this.#n.querySelector(".tbw-scroll-area");
       r && (r.addEventListener(
         "wheel",
         (a) => {
-          a.preventDefault(), a.shiftKey || Math.abs(a.deltaX) > Math.abs(a.deltaY) ? l && (l.scrollLeft += a.shiftKey ? a.deltaY : a.deltaX) : s.scrollTop += a.deltaY;
+          a.preventDefault(), a.shiftKey || Math.abs(a.deltaX) > Math.abs(a.deltaY) ? l && (l.scrollLeft += a.shiftKey ? a.deltaY : a.deltaX) : i.scrollTop += a.deltaY;
         },
         { passive: !1, signal: n }
       ), r.addEventListener(
         "touchstart",
         (a) => {
-          a.touches.length === 1 && (this.#_ = a.touches[0].clientY, this.#x = a.touches[0].clientX, this.#A = s.scrollTop, this.#S = l?.scrollLeft ?? 0);
+          a.touches.length === 1 && (this.#_ = a.touches[0].clientY, this.#R = a.touches[0].clientX, this.#S = i.scrollTop, this.#x = l?.scrollLeft ?? 0);
         },
         { passive: !0, signal: n }
       ), r.addEventListener(
         "touchmove",
         (a) => {
-          if (a.touches.length === 1 && this.#_ !== null && this.#x !== null && this.#A !== null && this.#S !== null) {
-            const d = this.#_ - a.touches[0].clientY, h = this.#x - a.touches[0].clientX;
-            s.scrollTop = this.#A + d, l && (l.scrollLeft = this.#S + h), a.preventDefault();
+          if (a.touches.length === 1 && this.#_ !== null && this.#R !== null && this.#S !== null && this.#x !== null) {
+            const d = this.#_ - a.touches[0].clientY, h = this.#R - a.touches[0].clientX;
+            i.scrollTop = this.#S + d, l && (l.scrollLeft = this.#x + h), a.preventDefault();
           }
         },
         { passive: !1, signal: n }
       ), r.addEventListener(
         "touchend",
         () => {
-          this.#_ = null, this.#x = null, this.#A = null, this.#S = null;
+          this.#_ = null, this.#R = null, this.#S = null, this.#x = null;
         },
         { passive: !0, signal: n }
       ));
     }
-    this.resizeController = Ge(this), this.#t.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(() => {
+    this.resizeController = De(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 l = r.getBoundingClientRect().height;
         l && Math.abs(l - this.virtualization.rowHeight) > 0.1 && (this.virtualization.rowHeight = l, this.refreshVirtualWindow(!0));
       }
-    }), this.virtualization.viewportEl && (this.#g = new ResizeObserver(() => {
-      this.#p || (this.#p = requestAnimationFrame(() => {
-        this.#p = 0, this.refreshVirtualWindow(!0);
+    }), this.virtualization.viewportEl && (this.#b = new ResizeObserver(() => {
+      this.#f || (this.#f = requestAnimationFrame(() => {
+        this.#f = 0, this.refreshVirtualWindow(!0);
       }));
-    }), this.#g.observe(this.virtualization.viewportEl)), queueMicrotask(() => this.#Z()), requestAnimationFrame(() => requestAnimationFrame(() => this.#$?.()));
+    }), this.#b.observe(this.virtualization.viewportEl)), queueMicrotask(() => this.#Z()), requestAnimationFrame(() => requestAnimationFrame(() => this.#I?.()));
   }
   // ---------------- Event Emitters ----------------
   #i(e, o) {
@@ -1849,55 +1859,55 @@ class V extends HTMLElement {
   /** Update ARIA selection attributes on rendered rows/cells */
   #Z() {
     this.bodyEl?.querySelectorAll(".data-grid-row")?.forEach((o, n) => {
-      const s = n === this.focusRow;
-      o.setAttribute("aria-selected", String(s)), o.querySelectorAll(".cell").forEach((i, r) => {
-        i.setAttribute("aria-selected", String(s && r === this.focusCol));
+      const i = n === this.focusRow;
+      o.setAttribute("aria-selected", String(i)), o.querySelectorAll(".cell").forEach((s, r) => {
+        s.setAttribute("aria-selected", String(i && r === this.focusCol));
       });
     });
   }
   // ---------------- Watch Handlers ----------------
   #J() {
-    if (!this.#f) return;
-    this.#u(), this.#n.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, this.#V()) : (this._columns.forEach((o) => {
+    if (!this.#h) return;
+    this.#u(), this.#o.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, this.#F()) : (this._columns.forEach((o) => {
       !o.__userResized && o.__autoSized && delete o.width;
     }), this.updateTemplate());
   }
   #Q() {
-    this.#f && (this.#u(), this.rowPool.length = 0, this.bodyEl && (this.bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.refreshVirtualWindow(!0));
+    this.#h && (this.#u(), this.rowPool.length = 0, this.bodyEl && (this.bodyEl.innerHTML = ""), this.__rowRenderEpoch++, 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);
+    this._rows = Array.isArray(this.#s) ? [...this.#s] : [], this.#L(), !this.#r || Array.isArray(this.#r) && this.#r.length === 0 ? this.#c() : this.refreshVirtualWindow(!0);
   }
   #te() {
-    j(this), this.#f && (this.#u(), this.#d());
+    X(this), this.#h && (this.#u(), this.#c());
   }
   #oe() {
-    this.#f && (this.#u(), this.#W(), this.#k(), this.#O(), this.#L(), this.updateTemplate(), this.refreshVirtualWindow(!0));
+    this.#h && (this.#u(), this.#W(), this.#L(), this.#M(), this.#T(), this.updateTemplate(), this.refreshVirtualWindow(!0));
   }
   // ---------------- Helper Wrappers ----------------
   #ne() {
-    qe(this);
+    Te(this);
   }
-  #L() {
-    Q(this);
+  #T() {
+    K(this);
   }
   updateTemplate() {
-    be(this);
+    ce(this);
   }
-  #V() {
-    Ie(this);
-  }
-  #O() {
-    if (this.#o) {
-      const e = this.#D.length > 0 ? this.#D : this._columns, o = e.filter((i) => !i.hidden), n = e.filter((i) => i.hidden), s = this.#o.processColumns([...o]);
-      if (s !== o) {
-        const i = new Map(s.map((l, a) => [l.field, { col: l, order: a }]));
-        if (!o.some((l) => i.has(l.field)) && s.length > 0)
-          this._columns = [...s, ...n];
+  #F() {
+    Le(this);
+  }
+  #M() {
+    if (this.#t) {
+      const e = this.#H.length > 0 ? this.#H : this._columns, o = e.filter((s) => !s.hidden), n = e.filter((s) => s.hidden), i = this.#t.processColumns([...o]);
+      if (i !== o) {
+        const s = new Map(i.map((l, a) => [l.field, { col: l, order: a }]));
+        if (!o.some((l) => s.has(l.field)) && i.length > 0)
+          this._columns = [...i, ...n];
         else {
           const l = e.map((a) => {
             if (a.hidden) return a;
-            const d = i.get(a.field);
+            const d = s.get(a.field);
             return d ? d.col : a;
           });
           this._columns = l;
@@ -1907,13 +1917,13 @@ class V extends HTMLElement {
     }
   }
   /** Execute all plugin afterRender hooks */
-  #b() {
-    this.#o?.afterRender();
+  #w() {
+    this.#t?.afterRender();
   }
   /** Recompute row model via plugin hooks (grouping, tree, filtering, etc.). */
-  #k() {
-    j(this);
-    const e = Array.isArray(this.#r) ? [...this.#r] : [], o = this.#o?.processRows(e) ?? e;
+  #L() {
+    X(this);
+    const e = Array.isArray(this.#s) ? [...this.#s] : [], o = this.#t?.processRows(e) ?? e;
     this._rows = o;
   }
   /**
@@ -1935,74 +1945,74 @@ class V extends HTMLElement {
    * - Plugins receive config via their attach() method
    */
   #u() {
-    const e = this.#w ? { ...this.#w } : {};
+    const e = this.#p ? { ...this.#p } : {};
     let o = Array.isArray(e.columns) ? [...e.columns] : [];
-    const n = (this.__lightDomColumnsCache || []).map((s) => ({
-      ...s
+    const n = (this.__lightDomColumnsCache || []).map((i) => ({
+      ...i
     }));
     if (n.length) {
-      const s = {};
-      o.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)) : (o.push(i), s[i.field] = i);
+      const i = {};
+      o.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)) : (o.push(s), i[s.field] = s);
       });
     }
-    if (this.#l && this.#l.length && (o = [...this.#l]), (!o || o.length === 0) && this._rows.length && (o = we(this._rows).columns), o.length) {
+    if (this.#r && this.#r.length && (o = [...this.#r]), (!o || o.length === 0) && this._rows.length && (o = le(this._rows).columns), o.length) {
       o.forEach((r) => {
         r.sortable === void 0 && (r.sortable = !0), r.resizable === void 0 && (r.resizable = !0);
       });
-      const s = this.#n.columns;
-      s?.some((r) => r.__compiledView || r.__compiledEditor) ? e.columns = s : e.columns = o;
+      const i = this.#o.columns;
+      i?.some((r) => r.__compiledView || r.__compiledEditor) ? e.columns = i : e.columns = o;
     } else {
-      const s = this.#n.columns;
-      s?.some((i) => i.__compiledView || i.__compiledEditor) && (e.columns = s);
+      const i = this.#o.columns;
+      i?.some((s) => s.__compiledView || s.__compiledEditor) && (e.columns = i);
     }
-    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.#n = e, e.fitMode === "fixed" && this._columns.forEach((s) => {
-      s.width == null && (s.width = 80);
+    this.#m && (e.fitMode = this.#m), e.fitMode || (e.fitMode = "stretch"), this.#v && (e.editOn = this.#v), e.columnState && !this.#d && (this.#d = e.columnState), this.#o = e, e.fitMode === "fixed" && this._columns.forEach((i) => {
+      i.width == null && (i.width = 80);
     });
   }
   // ---------------- Delegate Wrappers ----------------
-  #H(e, o, n = this.__rowRenderEpoch) {
-    this.#P || (this.#P = (s, i, r) => this.#o?.renderRow(s, i, r) ?? !1), Fe(this, e, o, n, this.#P);
+  #z(e, o, n = this.__rowRenderEpoch) {
+    this.#P || (this.#P = (i, s, r) => this.#t?.renderRow(i, s, r) ?? !1), Me(this, e, o, n, this.#P);
   }
-  #se(e, o) {
-    H(this, e, o);
+  #ie(e, o) {
+    z(this, e, o);
   }
-  #z(e, o) {
+  #D(e, o) {
     N(this, e, o);
   }
   // ---------------- Core Helpers ----------------
-  #d() {
+  #c() {
     if (!this.isConnected || !this.headerRowEl || !this.bodyEl)
       return;
-    const e = this.#w?.columns || this.#l || [];
+    const e = this.#p?.columns || this.#r || [];
     if (e.length) {
-      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
+      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
       }));
-      this._columns = s;
+      this._columns = i;
     }
-    if (this.#ne(), this.#u(), this.#W(), this.#D = [...this._columns], this.#k(), this.#O(), this.#h) {
-      const n = this.#h;
-      this.#h = void 0, this.#G(n);
+    if (this.#ne(), this.#u(), this.#W(), this.#H = [...this._columns], this.#L(), this.#M(), this.#d) {
+      const n = this.#d;
+      this.#d = void 0, this.#U(n);
     }
-    this.#L(), this.updateTemplate(), this.refreshVirtualWindow(!0), this.#n.fitMode === "fixed" && !this.__didInitialAutoSize && requestAnimationFrame(() => this.#V()), this.bodyEl && (this.bodyEl.style.display = "", this.bodyEl.style.gridTemplateColumns = ""), queueMicrotask(() => this.#b());
+    this.#T(), 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.#w());
   }
   /** Internal method to apply column state without triggering setup loop */
-  #G(e) {
-    const o = this.#n.columns ?? [], n = this.#o?.getAll() ?? [];
-    Re(this, e, o, n);
-    for (const s of e.columns) {
-      const i = o.find((r) => r.field === s.field);
-      i && (i.hidden = !s.visible);
+  #U(e) {
+    const o = this.#o.columns ?? [], n = this.#t?.getAll() ?? [];
+    fe(this, e, o, n);
+    for (const i of e.columns) {
+      const s = o.find((r) => r.field === i.field);
+      s && (s.hidden = !i.visible);
     }
   }
-  #ie() {
+  #se() {
     return this._rows.length <= this.virtualization.bypassThreshold;
   }
   #re(e) {
-    if (this.refreshVirtualWindow(!1), this.#o?.onScrollRender(), this.#E) {
+    if (this.refreshVirtualWindow(!1), this.#t?.onScrollRender(), this.#C) {
       const o = this.virtualization.container, n = {
         scrollTop: e,
         scrollLeft: o?.scrollLeft ?? 0,
@@ -2012,11 +2022,11 @@ class V extends HTMLElement {
         clientWidth: o?.clientWidth ?? 0,
         originalEvent: new Event("scroll")
       };
-      this.#o?.onScroll(n);
+      this.#t?.onScroll(n);
     }
   }
   findHeaderRow() {
-    return this.#t.querySelector(".header-row");
+    return this.#n.querySelector(".header-row");
   }
   findRenderedRowElement(e) {
     return Array.from(this.bodyEl.querySelectorAll(".data-grid-row")).find((o) => {
@@ -2028,42 +2038,42 @@ class V extends HTMLElement {
    * Dispatch a cell click event to the plugin system.
    * Returns true if any plugin handled the event.
    */
-  dispatchCellClick(e, o, n, s) {
-    const i = this._rows[o], r = this._columns[n];
-    if (!i || !r) return !1;
+  dispatchCellClick(e, o, n, i) {
+    const s = this._rows[o], r = this._columns[n];
+    if (!s || !r) return !1;
     const l = {
-      row: i,
+      row: s,
       rowIndex: o,
       colIndex: n,
       field: r.field,
-      value: i[r.field],
-      cellEl: s,
+      value: s[r.field],
+      cellEl: i,
       originalEvent: e
     };
-    return this.#o?.onCellClick(l) ?? !1;
+    return this.#t?.onCellClick(l) ?? !1;
   }
   /**
    * Dispatch a header click event to the plugin system.
    * Returns true if any plugin handled the event.
    */
   dispatchHeaderClick(e, o, n) {
-    const s = this._columns[o];
-    if (!s) return !1;
-    const i = {
+    const i = this._columns[o];
+    if (!i) return !1;
+    const s = {
       colIndex: o,
-      field: s.field,
-      column: s,
+      field: i.field,
+      column: i,
       headerEl: n,
       originalEvent: e
     };
-    return this.#o?.onHeaderClick(i) ?? !1;
+    return this.#t?.onHeaderClick(s) ?? !1;
   }
   /**
    * Dispatch a keyboard event to the plugin system.
    * Returns true if any plugin handled the event.
    */
   dispatchKeyDown(e) {
-    return this.#o?.onKeyDown(e) ?? !1;
+    return this.#t?.onKeyDown(e) ?? !1;
   }
   /**
    * Build a CellMouseEvent from a native MouseEvent.
@@ -2071,23 +2081,23 @@ class V extends HTMLElement {
    */
   #N(e, o) {
     let n = null;
-    const s = e.composedPath?.();
-    if (s && s.length > 0 ? n = s[0] : n = e.target, n && !this.#t.contains(n)) {
-      const u = this.#t.elementFromPoint(e.clientX, e.clientY);
+    const i = e.composedPath?.();
+    if (i && i.length > 0 ? n = i[0] : n = e.target, n && !this.#n.contains(n)) {
+      const u = this.#n.elementFromPoint(e.clientX, e.clientY);
       u && (n = u);
     }
-    const i = n?.closest?.("[data-col]"), r = n?.closest?.(".data-grid-row"), l = n?.closest?.(".header-row");
-    let a, d, h, p, w, c;
-    return i && (a = parseInt(i.getAttribute("data-row") ?? "-1", 10), d = parseInt(i.getAttribute("data-col") ?? "-1", 10), a >= 0 && d >= 0 && (h = this._rows[a], c = this._columns[d], p = c?.field, w = h && p ? h[p] : void 0)), {
+    const s = n?.closest?.("[data-col]"), r = n?.closest?.(".data-grid-row"), l = n?.closest?.(".header-row");
+    let a, d, h, p, b, c;
+    return s && (a = parseInt(s.getAttribute("data-row") ?? "-1", 10), d = parseInt(s.getAttribute("data-col") ?? "-1", 10), a >= 0 && d >= 0 && (h = this._rows[a], c = this._columns[d], p = c?.field, b = h && p ? h[p] : void 0)), {
       type: o,
       row: h,
       rowIndex: a !== void 0 && a >= 0 ? a : void 0,
       colIndex: d !== void 0 && d >= 0 ? d : void 0,
       field: p,
-      value: w,
+      value: b,
       column: c,
       originalEvent: e,
-      cellElement: i ?? void 0,
+      cellElement: s ?? void 0,
       rowElement: r ?? void 0,
       isHeader: !!l,
       cell: a !== void 0 && d !== void 0 && a >= 0 && d >= 0 ? { row: a, col: d } : void 0
@@ -2098,23 +2108,23 @@ class V extends HTMLElement {
    */
   #le(e) {
     const o = this.#N(e, "mousedown");
-    (this.#o?.onCellMouseDown(o) ?? !1) && (this.#R = !0);
+    (this.#t?.onCellMouseDown(o) ?? !1) && (this.#y = !0);
   }
   /**
    * Handle mousemove events (only when dragging).
    */
   #ae(e) {
-    if (!this.#R) return;
+    if (!this.#y) return;
     const o = this.#N(e, "mousemove");
-    this.#o?.onCellMouseMove(o);
+    this.#t?.onCellMouseMove(o);
   }
   /**
    * Handle mouseup events.
    */
   #ce(e) {
-    if (!this.#R) return;
+    if (!this.#y) return;
     const o = this.#N(e, "mouseup");
-    this.#o?.onCellMouseUp(o), this.#R = !1;
+    this.#t?.onCellMouseUp(o), this.#y = !1;
   }
   // API consumed by internal utils (rows.ts)
   get changedRows() {
@@ -2127,20 +2137,20 @@ class V extends HTMLElement {
     this._changedRowIndices.clear(), e || this.#i("changed-rows-reset", { rows: this.changedRows, indices: this.changedRowIndices }), this.rowPool.forEach((o) => o.classList.remove("changed"));
   }
   async beginBulkEdit(e) {
-    if (!this._columns.some((i) => i.editable)) return;
+    if (!this._columns.some((s) => s.editable)) return;
     const n = this._rows[e];
-    this.#se(e, n);
-    const s = this.findRenderedRowElement?.(e);
-    s && (Array.from(s.children).forEach((i, r) => {
+    this.#ie(e, n);
+    const i = this.findRenderedRowElement?.(e);
+    i && (Array.from(i.children).forEach((s, r) => {
       const l = this.visibleColumns[r];
       if (l?.editable) {
-        const a = i;
-        a.classList.contains("editing") || M(this, n, e, l, a);
+        const a = s;
+        a.classList.contains("editing") || O(this, n, e, l, a);
       }
     }), queueMicrotask(() => {
-      const i = s.querySelector(`.cell[data-col="${this.focusCol}"]`);
-      if (i?.classList.contains("editing")) {
-        const r = i.querySelector(
+      const s = i.querySelector(`.cell[data-col="${this.focusCol}"]`);
+      if (s?.classList.contains("editing")) {
+        const r = s.querySelector(
           'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])'
         );
         try {
@@ -2151,17 +2161,17 @@ class V extends HTMLElement {
     }));
   }
   async commitActiveRowEdit() {
-    this.activeEditRows !== -1 && this.#z(this.activeEditRows, !1);
+    this.activeEditRows !== -1 && this.#D(this.activeEditRows, !1);
   }
   async ready() {
-    return this.#I;
+    return this.#$;
   }
   async forceLayout() {
-    this.#d(), await new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
+    this.#c(), 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 ----------------
   /**
@@ -2171,15 +2181,15 @@ class V extends HTMLElement {
    * @returns True if visibility was changed, false if column not found or locked
    */
   setColumnVisible(e, o) {
-    const n = this.#n.columns, s = n?.find((l) => l.field === e);
-    if (!s || !o && s.lockVisible || !o && (n ?? []).filter((a) => !a.hidden && a.field !== e).length === 0)
+    const n = this.#o.columns, i = n?.find((l) => l.field === e);
+    if (!i || !o && i.lockVisible || !o && (n ?? []).filter((a) => !a.hidden && a.field !== e).length === 0)
       return !1;
-    const i = !!s.hidden, r = !o;
-    return i !== r ? (s.hidden = r, this.#i("column-visibility", {
+    const s = !!i.hidden, r = !o;
+    return s !== r ? (i.hidden = r, this.#i("column-visibility", {
       field: e,
       visible: o,
       visibleColumns: (n ?? []).filter((l) => !l.hidden).map((l) => l.field)
-    }), this.rowPool.length = 0, this.bodyEl && (this.bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.#d(), this.requestStateChange(), !0) : !1;
+    }), this.rowPool.length = 0, this.bodyEl && (this.bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.#c(), this.requestStateChange(), !0) : !1;
   }
   /**
    * Toggle the visibility of a column.
@@ -2187,8 +2197,8 @@ class V extends HTMLElement {
    * @returns True if visibility was toggled, false if column not found or locked
    */
   toggleColumnVisibility(e) {
-    const s = !!this.#n.columns?.find((i) => i.field === e)?.hidden;
-    return this.setColumnVisible(e, s);
+    const i = !!this.#o.columns?.find((s) => s.field === e)?.hidden;
+    return this.setColumnVisible(e, i);
   }
   /**
    * Check if a column is currently visible.
@@ -2196,19 +2206,19 @@ class V extends HTMLElement {
    * @returns True if visible, false if hidden or not found
    */
   isColumnVisible(e) {
-    const n = this.#n.columns?.find((s) => s.field === e);
+    const n = this.#o.columns?.find((i) => i.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.#i("column-visibility", {
       visibleColumns: (e ?? []).map((n) => n.field)
-    }), this.rowPool.length = 0, this.bodyEl && (this.bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.#d(), this.requestStateChange());
+    }), this.rowPool.length = 0, this.bodyEl && (this.bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.#c(), this.requestStateChange());
   }
   /**
    * Get list of all column fields (including hidden).
@@ -2217,7 +2227,7 @@ class V extends HTMLElement {
    * @returns Array of all field names with their visibility status
    */
   getAllColumns() {
-    return (this.#n.columns ?? []).map((o) => ({
+    return (this.#o.columns ?? []).map((o) => ({
       field: o.field,
       header: o.header || o.field,
       visible: !o.hidden,
@@ -2231,14 +2241,14 @@ class V extends HTMLElement {
    */
   setColumnOrder(e) {
     if (!e.length) return;
-    const o = new Map(this._columns.map((s) => [s.field, s])), n = [];
-    for (const s of e) {
-      const i = o.get(s);
-      i && (n.push(i), o.delete(s));
+    const o = new Map(this._columns.map((i) => [i.field, i])), n = [];
+    for (const i of e) {
+      const s = o.get(i);
+      s && (n.push(s), o.delete(i));
     }
-    for (const s of o.values())
-      n.push(s);
-    this._columns = n, this.#L(), this.updateTemplate(), this.refreshVirtualWindow(!0);
+    for (const i of o.values())
+      n.push(i);
+    this._columns = n, this.#T(), this.updateTemplate(), this.refreshVirtualWindow(!0);
   }
   /**
    * Get the current column order as an array of field names.
@@ -2253,15 +2263,15 @@ class V extends HTMLElement {
    * Returns a serializable object suitable for localStorage or database storage.
    */
   getColumnState() {
-    const e = this.#o?.getAll() ?? [];
-    return pe(this, e);
+    const e = this.#t?.getAll() ?? [];
+    return re(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.#s && this.#de(e));
+    e && (this.#d = e, this.#k && this.#de(e));
   }
   /**
    * Get the current column state.
@@ -2273,9 +2283,9 @@ class V extends HTMLElement {
    * Apply column state internally.
    */
   #de(e) {
-    (this.#n.columns ?? []).forEach((n) => {
+    (this.#o.columns ?? []).forEach((n) => {
       n.hidden = !1;
-    }), this.#G(e), this.#d();
+    }), this.#U(e), this.#c();
   }
   /**
    * Request a state change event to be emitted.
@@ -2284,26 +2294,26 @@ class V extends HTMLElement {
    * The event is debounced to avoid excessive events during drag operations.
    */
   requestStateChange() {
-    this.#M || (this.#M = _e(
+    this.#O || (this.#O = pe(
       this,
-      () => this.#o?.getAll() ?? [],
+      () => this.#t?.getAll() ?? [],
       (e) => this.#i("column-state-change", e)
-    )), this.#M();
+    )), this.#O();
   }
   /**
    * 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.#d = void 0, (this.#o.columns ?? []).forEach((n) => {
       n.hidden = !1;
-    }), this.sortState = null, this.__originalOrder = [], this.#u(), this.#d();
-    const o = this.#o?.getAll() ?? [];
+    }), this.sortState = null, this.__originalOrder = [], this.#u(), this.#c();
+    const o = this.#t?.getAll() ?? [];
     for (const n of o)
       if (n.applyColumnState)
-        for (const s of this._columns)
-          n.applyColumnState(s.field, {
-            field: s.field,
+        for (const i of this._columns)
+          n.applyColumnState(i.field, {
+            field: i.field,
             order: 0,
             visible: !0
           });
@@ -2336,16 +2346,16 @@ class V extends HTMLElement {
     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)
+        (i, s) => (i.order ?? 100) - (s.order ?? 100)
       )[0];
       n && this.#e.expandedSections.add(n.id);
     }
-    ae(this.#t, this.#e), ce(this.#t, this.#e);
+    ne(this.#n, this.#e), ie(this.#n, this.#e);
     const e = {
-      expand: this.#n?.icons?.expand ?? P.expand,
-      collapse: this.#n?.icons?.collapse ?? P.collapse
+      expand: this.#o?.icons?.expand ?? P.expand,
+      collapse: this.#o?.icons?.collapse ?? P.collapse
     };
-    et(this.#t, this.#e, e), this.#i("tool-panel-open", { sections: this.expandedToolPanelSections });
+    Ge(this.#n, this.#e, e), this.#i("tool-panel-open", { sections: this.expandedToolPanelSections });
   }
   /**
    * Close the tool panel.
@@ -2357,7 +2367,7 @@ class V extends HTMLElement {
       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, ae(this.#t, this.#e), ce(this.#t, this.#e), this.#i("tool-panel-close", {});
+      this.#e.isPanelOpen = !1, ne(this.#n, this.#e), ie(this.#n, this.#e), this.#i("tool-panel-close", {});
     }
   }
   /**
@@ -2381,17 +2391,17 @@ class V extends HTMLElement {
       return;
     const n = this.#e.expandedSections.has(e);
     if (n) {
-      const s = this.#e.panelCleanups.get(e);
-      s && (s(), this.#e.panelCleanups.delete(e)), o.onClose?.(), this.#e.expandedSections.delete(e), this.#q(e, !1);
+      const i = this.#e.panelCleanups.get(e);
+      i && (i(), this.#e.panelCleanups.delete(e)), o.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 l = this.#t.querySelector(`[data-section="${s}"] .tbw-accordion-content`);
+      for (const [i, s] of this.#e.toolPanels)
+        if (i !== e && this.#e.expandedSections.has(i)) {
+          const r = this.#e.panelCleanups.get(i);
+          r && (r(), this.#e.panelCleanups.delete(i)), s.onClose?.(), this.#e.expandedSections.delete(i), this.#q(i, !1);
+          const l = this.#n.querySelector(`[data-section="${i}"] .tbw-accordion-content`);
           l && (l.innerHTML = "");
         }
-      this.#e.expandedSections.add(e), this.#q(e, !0), this.#he(e);
+      this.#e.expandedSections.add(e), this.#q(e, !0), this.#ue(e);
     }
     this.#i("tool-panel-section-toggle", { id: e, expanded: !n });
   }
@@ -2399,19 +2409,19 @@ class V extends HTMLElement {
    * Update accordion section visual state.
    */
   #q(e, o) {
-    const n = this.#t.querySelector(`[data-section="${e}"]`);
+    const n = this.#n.querySelector(`[data-section="${e}"]`);
     n && n.classList.toggle("expanded", o);
   }
   /**
    * Render content for a single accordion section.
    */
-  #he(e) {
+  #ue(e) {
     const o = this.#e.toolPanels.get(e);
     if (!o?.render) return;
-    const n = this.#t.querySelector(`[data-section="${e}"] .tbw-accordion-content`);
+    const n = this.#n.querySelector(`[data-section="${e}"] .tbw-accordion-content`);
     if (!n) return;
-    const s = o.render(n);
-    s && this.#e.panelCleanups.set(e, s);
+    const i = o.render(n);
+    i && this.#e.panelCleanups.set(e, i);
   }
   /**
    * Get registered tool panel definitions.
@@ -2427,13 +2437,13 @@ class V extends HTMLElement {
       console.warn(`[tbw-grid] Tool panel "${e.id}" already registered`);
       return;
     }
-    this.#e.toolPanels.set(e.id, e), this.#c && this.#m();
+    this.#e.toolPanels.set(e.id, e), this.#a && this.#g();
   }
   /**
    * Unregister a custom tool panel.
    */
   unregisterToolPanel(e) {
-    this.#e.activePanel === e && this.closeToolPanel(), this.#e.toolPanels.delete(e), this.#c && this.#m();
+    this.#e.activePanel === e && this.closeToolPanel(), this.#e.toolPanels.delete(e), this.#a && this.#g();
   }
   /**
    * Get registered header content definitions.
@@ -2449,20 +2459,20 @@ class V extends HTMLElement {
       console.warn(`[tbw-grid] Header content "${e.id}" already registered`);
       return;
     }
-    this.#e.headerContents.set(e.id, e), this.#c && le(this.#t, this.#e);
+    this.#e.headerContents.set(e.id, e), this.#a && oe(this.#n, this.#e);
   }
   /**
    * Unregister custom header content.
    */
   unregisterHeaderContent(e) {
     const o = this.#e.headerContentCleanups.get(e);
-    o && (o(), this.#e.headerContentCleanups.delete(e)), this.#e.headerContents.get(e)?.onDestroy?.(), this.#e.headerContents.delete(e), this.#t.querySelector(`[data-header-content="${e}"]`)?.remove();
+    o && (o(), 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 tt(this.#n?.shell, this.#e);
+    return Fe(this.#o?.shell, this.#e);
   }
   /**
    * Register a custom toolbar button programmatically.
@@ -2472,14 +2482,14 @@ class V extends HTMLElement {
       console.warn(`[tbw-grid] Toolbar button "${e.id}" already registered`);
       return;
     }
-    this.#e.toolbarButtons.set(e.id, e), this.#c && this.#m();
+    this.#e.toolbarButtons.set(e.id, e), this.#a && this.#g();
   }
   /**
    * Unregister a custom toolbar button.
    */
   unregisterToolbarButton(e) {
     const o = this.#e.toolbarButtonCleanups.get(e);
-    o && (o(), this.#e.toolbarButtonCleanups.delete(e)), this.#e.toolbarButtons.delete(e), this.#c && this.#m();
+    o && (o(), this.#e.toolbarButtonCleanups.delete(e)), this.#e.toolbarButtons.delete(e), this.#a && this.#g();
   }
   /**
    * Enable/disable a toolbar button by ID.
@@ -2487,21 +2497,21 @@ class V extends HTMLElement {
   setToolbarButtonDisabled(e, o) {
     const n = this.#e.toolbarButtons.get(e);
     n && (n.disabled = o);
-    const s = this.#t.querySelector(`[data-btn="${e}"]`);
-    s && (s.disabled = o);
+    const i = this.#n.querySelector(`[data-btn="${e}"]`);
+    i && (i.disabled = o);
   }
   /**
    * Re-parse light DOM shell elements and refresh shell header.
    * Call this after dynamically modifying <tbw-grid-header> children.
    */
   refreshShellHeader() {
-    this.#m();
+    this.#g();
   }
   /**
    * Internal shell header refresh.
    */
-  #m() {
-    re(this, this.#e), this.#U(), this.#F();
+  #g() {
+    te(this, this.#e), this.#X(), this.#G();
   }
   // ---------------- Virtual Window ----------------
   /**
@@ -2512,40 +2522,40 @@ class V extends HTMLElement {
     if (!this.bodyEl) return;
     const o = this._rows.length;
     if (!this.virtualization.enabled) {
-      this.#H(0, o), this.#b();
+      this.#z(0, o), this.#w();
       return;
     }
-    if (this.#ie()) {
-      this.virtualization.start = 0, this.virtualization.end = o, this.bodyEl.style.transform = "translateY(0px)", this.#H(0, o, this.__rowRenderEpoch), this.virtualization.totalHeightEl && (this.virtualization.totalHeightEl.style.height = `${o * this.virtualization.rowHeight}px`);
-      const _ = this.#t.querySelector(".rows-body");
-      _?.setAttribute("aria-rowcount", String(o)), _?.setAttribute("aria-colcount", String(this.visibleColumns.length)), this.#b();
+    if (this.#se()) {
+      this.virtualization.start = 0, this.virtualization.end = o, this.bodyEl.style.transform = "translateY(0px)", this.#z(0, o, this.__rowRenderEpoch), this.virtualization.totalHeightEl && (this.virtualization.totalHeightEl.style.height = `${o * this.virtualization.rowHeight}px`);
+      const R = this.#n.querySelector(".rows-body");
+      R?.setAttribute("aria-rowcount", String(o)), R?.setAttribute("aria-colcount", String(this.visibleColumns.length)), this.#w();
       return;
     }
-    const n = this.virtualization.container ?? this, i = (this.virtualization.viewportEl ?? n).clientHeight, r = this.virtualization.rowHeight, l = n.scrollTop;
+    const n = this.virtualization.container ?? this, s = (this.virtualization.viewportEl ?? n).clientHeight, r = this.virtualization.rowHeight, l = n.scrollTop;
     let a = Math.floor(l / r), d = 0;
     const h = 10;
     for (; d < h; ) {
-      const _ = this.#o?.getExtraHeightBefore?.(a) ?? 0, T = Math.floor((l - _) / r);
+      const R = this.#t?.getExtraHeightBefore?.(a) ?? 0, T = Math.floor((l - R) / r);
       if (T >= a || T < 0) break;
       a = T, d++;
     }
     a = a - a % 2, a < 0 && (a = 0);
-    const p = this.#o?.adjustVirtualStart(a, l, r);
+    const p = this.#t?.adjustVirtualStart(a, l, r);
     p !== void 0 && p < a && (a = p, a = a - a % 2, a < 0 && (a = 0));
-    const w = Math.ceil(i / r) + 3;
-    let c = a + w;
+    const b = Math.ceil(s / r) + 3;
+    let c = a + b;
     c > o && (c = o), this.virtualization.start = a, this.virtualization.end = c;
-    const f = this.#t.querySelector(".tbw-footer")?.offsetHeight ?? 0, g = this.#o?.getExtraHeight() ?? 0;
-    this.virtualization.totalHeightEl && (this.virtualization.totalHeightEl.style.height = `${o * r + r + f + g}px`);
-    const b = this.#o?.getExtraHeightBefore?.(a) ?? 0, x = -(l - a * r - b);
-    this.bodyEl.style.transform = `translateY(${x}px)`, this.#H(a, c, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch);
-    const A = this.#t.querySelector(".rows-body");
-    A?.setAttribute("aria-rowcount", String(o)), A?.setAttribute("aria-colcount", String(this.visibleColumns.length)), e && this.#b();
+    const f = this.#n.querySelector(".tbw-footer")?.offsetHeight ?? 0, w = this.#t?.getExtraHeight() ?? 0;
+    this.virtualization.totalHeightEl && (this.virtualization.totalHeightEl.style.height = `${o * r + r + f + w}px`);
+    const v = this.#t?.getExtraHeightBefore?.(a) ?? 0, S = -(l - a * r - v);
+    this.bodyEl.style.transform = `translateY(${S}px)`, this.#z(a, c, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch);
+    const x = this.#n.querySelector(".rows-body");
+    x?.setAttribute("aria-rowcount", String(o)), x?.setAttribute("aria-colcount", String(this.visibleColumns.length)), e && this.#w();
   }
   // ---------------- Render ----------------
-  #U() {
-    re(this, this.#e);
-    const e = this.#n?.shell, o = Xe(e, this.#e), n = `
+  #X() {
+    te(this, this.#e);
+    const e = this.#o?.shell, o = qe(e, this.#e), n = `
       <div class="tbw-scroll-area">
         <div class="rows-body-wrapper">
           <div class="rows-body" role="grid">
@@ -2565,18 +2575,18 @@ class V extends HTMLElement {
       </div>
     `;
     if (o) {
-      const s = this.#n?.icons?.toolPanel ?? P.toolPanel, i = {
-        expand: this.#n?.icons?.expand ?? P.expand,
-        collapse: this.#n?.icons?.collapse ?? P.collapse
-      }, r = je(e, this.#e, s), l = Ye(e, this.#e, n, i);
-      this.#t.innerHTML = `
+      const i = this.#o?.icons?.toolPanel ?? P.toolPanel, s = {
+        expand: this.#o?.icons?.expand ?? P.expand,
+        collapse: this.#o?.icons?.collapse ?? P.collapse
+      }, r = $e(e, this.#e, i), l = Ie(e, this.#e, n, s);
+      this.#n.innerHTML = `
         <div class="tbw-grid-root has-shell">
           ${r}
           ${l}
         </div>
-      `, this.#ue(), this.#c = !0;
+      `, this.#he(), this.#a = !0;
     } else
-      this.#t.innerHTML = `
+      this.#n.innerHTML = `
         <div class="tbw-grid-root">
           <div class="tbw-grid-content">
             ${n}
@@ -2587,12 +2597,12 @@ class V extends HTMLElement {
   /**
    * Set up shell event listeners after render.
    */
-  #ue() {
-    Ze(this.#t, this.#n?.shell, this.#e, {
+  #he() {
+    Be(this.#n, this.#o?.shell, this.#e, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e),
       onToolbarButtonClick: (e) => this.#fe(e)
-    }), this.#T?.(), this.#T = Je(this.#t, this.#n?.shell, (e) => {
+    }), this.#A?.(), this.#A = Ve(this.#n, this.#o?.shell, (e) => {
       this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
     });
   }
@@ -2600,17 +2610,17 @@ class V extends HTMLElement {
    * Handle toolbar button click (for config buttons with action).
    */
   #fe(e) {
-    const n = (this.#n?.shell?.header?.toolbarButtons ?? []).find((i) => i.id === e);
+    const n = (this.#o?.shell?.header?.toolbarButtons ?? []).find((s) => s.id === e);
     if (n?.action) {
       n.action();
       return;
     }
-    const s = this.#e.toolbarButtons.get(e);
-    s?.action && s.action();
+    const i = this.#e.toolbarButtons.get(e);
+    i?.action && i.action();
   }
 }
-customElements.get(V.tagName) || customElements.define(V.tagName, V);
-class me {
+customElements.get(I.tagName) || customElements.define(I.tagName, I);
+class Ke {
   /** Plugin version - override in subclass if needed */
   version = "1.0.0";
   /** CSS styles to inject into the grid's shadow DOM */
@@ -2764,541 +2774,9 @@ class me {
   warn(e) {
     console.warn(`[tbw-grid:${this.name}] ${e}`);
   }
+  // #endregion
 }
-function W(t) {
-  return {
-    startRow: Math.min(t.startRow, t.endRow),
-    startCol: Math.min(t.startCol, t.endCol),
-    endRow: Math.max(t.startRow, t.endRow),
-    endCol: Math.max(t.startCol, t.endCol)
-  };
-}
-function st(t) {
-  const e = W(t);
-  return {
-    from: { row: e.startRow, col: e.startCol },
-    to: { row: e.endRow, col: e.endCol }
-  };
-}
-function Y(t) {
-  return t.map(st);
-}
-function it(t, e, o) {
-  const n = W(o);
-  return t >= n.startRow && t <= n.endRow && e >= n.startCol && e <= n.endCol;
-}
-function de(t, e, o) {
-  return o.some((n) => it(t, e, n));
-}
-function rt(t) {
-  const e = [], o = W(t);
-  for (let n = o.startRow; n <= o.endRow; n++)
-    for (let s = o.startCol; s <= o.endCol; s++)
-      e.push({ row: n, col: s });
-  return e;
-}
-function lt(t) {
-  const e = /* @__PURE__ */ new Map();
-  for (const o of t)
-    for (const n of rt(o))
-      e.set(`${n.row},${n.col}`, n);
-  return [...e.values()];
-}
-function G(t, e) {
-  return {
-    startRow: t.row,
-    startCol: t.col,
-    endRow: e.row,
-    endCol: e.col
-  };
-}
-const at = ':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 ct(t, e, o) {
-  if (t === "cell" && e.selectedCell)
-    return {
-      mode: t,
-      ranges: [
-        {
-          from: { row: e.selectedCell.row, col: e.selectedCell.col },
-          to: { row: e.selectedCell.row, col: e.selectedCell.col }
-        }
-      ]
-    };
-  if (t === "row" && e.selected.size > 0) {
-    const n = [...e.selected].map((s) => ({
-      from: { row: s, col: 0 },
-      to: { row: s, col: o - 1 }
-    }));
-    return { mode: t, ranges: n };
-  }
-  return t === "range" && e.ranges.length > 0 ? { mode: t, ranges: Y(e.ranges) } : { mode: t, ranges: [] };
-}
-class wt extends me {
-  name = "selection";
-  version = "1.0.0";
-  get defaultConfig() {
-    return {
-      mode: "cell"
-    };
-  }
-  // ===== Internal State =====
-  /** Row selection state (row mode) */
-  selected = /* @__PURE__ */ new Set();
-  lastSelected = null;
-  anchor = null;
-  /** Range selection state (range mode) */
-  ranges = [];
-  activeRange = null;
-  cellAnchor = null;
-  isDragging = !1;
-  /** Cell selection state (cell mode) */
-  selectedCell = null;
-  // ===== Lifecycle =====
-  detach() {
-    this.selected.clear(), this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.isDragging = !1, this.selectedCell = null;
-  }
-  // ===== Event Handlers =====
-  onCellClick(e) {
-    const { rowIndex: o, colIndex: n, originalEvent: s } = e, { mode: i } = this.config;
-    if (i === "cell")
-      return this.selectedCell = { row: o, col: n }, this.emit("selection-change", this.#s()), this.requestAfterRender(), !1;
-    if (i === "row")
-      return this.selected.clear(), this.selected.add(o), this.lastSelected = o, this.emit("selection-change", this.#s()), this.requestAfterRender(), !1;
-    if (i === "range") {
-      const r = s.shiftKey, l = s.ctrlKey || s.metaKey;
-      if (r && this.cellAnchor) {
-        const a = G(this.cellAnchor, { row: o, col: n });
-        l ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = a : this.ranges.push(a) : this.ranges = [a], this.activeRange = a;
-      } else if (l) {
-        const a = {
-          startRow: o,
-          startCol: n,
-          endRow: o,
-          endCol: n
-        };
-        this.ranges.push(a), this.activeRange = a, this.cellAnchor = { row: o, col: n };
-      } else {
-        const a = {
-          startRow: o,
-          startCol: n,
-          endRow: o,
-          endCol: n
-        };
-        this.ranges = [a], this.activeRange = a, this.cellAnchor = { row: o, col: n };
-      }
-      return this.emit("selection-change", this.#s()), this.requestAfterRender(), !1;
-    }
-    return !1;
-  }
-  onKeyDown(e) {
-    const { mode: o } = this.config, s = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "Tab", "Home", "End", "PageUp", "PageDown"].includes(e.key);
-    if (e.key === "Escape")
-      return o === "cell" ? this.selectedCell = null : o === "row" ? (this.selected.clear(), this.anchor = null) : o === "range" && (this.ranges = [], this.activeRange = null, this.cellAnchor = null), this.emit("selection-change", this.#s()), this.requestAfterRender(), !0;
-    if (o === "cell" && s)
-      return queueMicrotask(() => {
-        const i = this.grid;
-        this.selectedCell = { row: i.focusRow, col: i.focusCol }, this.emit("selection-change", this.#s()), this.requestAfterRender();
-      }), !1;
-    if (o === "row" && (e.key === "ArrowUp" || e.key === "ArrowDown"))
-      return queueMicrotask(() => {
-        const i = this.grid;
-        this.selected.clear(), this.selected.add(i.focusRow), this.lastSelected = i.focusRow, this.emit("selection-change", this.#s()), this.requestAfterRender();
-      }), !1;
-    if (o === "range" && s) {
-      const i = e.shiftKey;
-      return queueMicrotask(() => {
-        const r = this.grid, l = r.focusRow, a = r.focusCol;
-        if (i) {
-          this.cellAnchor || (this.cellAnchor = { row: l, col: a });
-          const d = G(this.cellAnchor, { row: l, col: a });
-          this.ranges = [d], this.activeRange = d;
-        } else
-          this.ranges = [], this.activeRange = null, this.cellAnchor = { row: l, col: a };
-        this.emit("selection-change", this.#s()), this.requestAfterRender();
-      }), !1;
-    }
-    if (o === "range" && e.key === "a" && (e.ctrlKey || e.metaKey)) {
-      const i = this.rows.length, r = this.columns.length;
-      if (i > 0 && r > 0) {
-        const l = {
-          startRow: 0,
-          startCol: 0,
-          endRow: i - 1,
-          endCol: r - 1
-        };
-        return this.ranges = [l], this.activeRange = l, this.emit("selection-change", this.#s()), this.requestAfterRender(), !0;
-      }
-    }
-    return !1;
-  }
-  onCellMouseDown(e) {
-    if (this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0 || e.originalEvent.shiftKey && this.cellAnchor)
-      return;
-    this.isDragging = !0;
-    const o = e.rowIndex, n = e.colIndex;
-    this.cellAnchor = { row: o, col: n }, e.originalEvent.ctrlKey || e.originalEvent.metaKey || (this.ranges = []);
-    const i = {
-      startRow: o,
-      startCol: n,
-      endRow: o,
-      endCol: n
-    };
-    return this.ranges.push(i), this.activeRange = i, this.emit("selection-change", this.#s()), 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 o = G(this.cellAnchor, { row: e.rowIndex, col: e.colIndex });
-    return this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = o : this.ranges.push(o), this.activeRange = o, this.emit("selection-change", this.#s()), this.requestAfterRender(), !0;
-  }
-  onCellMouseUp(e) {
-    if (this.config.mode === "range" && this.isDragging)
-      return this.isDragging = !1, !0;
-  }
-  /**
-   * Apply selection classes to visible cells/rows.
-   * Shared by afterRender and onScrollRender.
-   */
-  #t() {
-    const e = this.shadowRoot;
-    if (!e) return;
-    const { mode: o } = this.config;
-    e.querySelectorAll(".cell").forEach((i) => {
-      i.classList.remove("selected", "top", "bottom", "first", "last");
-    });
-    const s = e.querySelectorAll(".data-grid-row");
-    if (s.forEach((i) => {
-      i.classList.remove("selected", "row-focus");
-    }), o === "row" && (e.querySelectorAll(".cell-focus").forEach((i) => i.classList.remove("cell-focus")), s.forEach((i) => {
-      const r = i.querySelector(".cell[data-row]"), l = parseInt(r?.getAttribute("data-row") ?? "-1", 10);
-      l >= 0 && this.selected.has(l) && i.classList.add("selected", "row-focus");
-    })), o === "range" && this.ranges.length > 0) {
-      const i = this.activeRange ? W(this.activeRange) : null;
-      e.querySelectorAll(".cell[data-row][data-col]").forEach((l) => {
-        const a = parseInt(l.getAttribute("data-row") ?? "-1", 10), d = parseInt(l.getAttribute("data-col") ?? "-1", 10);
-        a >= 0 && d >= 0 && de(a, d, this.ranges) && (l.classList.add("selected"), l.classList.remove("cell-focus"), i && (a === i.startRow && l.classList.add("top"), a === i.endRow && l.classList.add("bottom"), d === i.startCol && l.classList.add("first"), d === i.endCol && l.classList.add("last")));
-      });
-    }
-    o === "cell" && this.selectedCell && e.querySelectorAll(".cell-focus").forEach((i) => i.classList.remove("cell-focus"));
-  }
-  afterRender() {
-    const e = this.shadowRoot;
-    if (!e) return;
-    const o = e.children[0], { mode: n } = this.config;
-    this.grid.setAttribute("data-selection-mode", n), o && o.classList.toggle("selecting", this.isDragging), this.#t();
-  }
-  /**
-   * Called after scroll-triggered row rendering.
-   * Reapplies selection classes to recycled DOM elements.
-   */
-  onScrollRender() {
-    this.#t();
-  }
-  // ===== Public API =====
-  /**
-   * Get the selected cell (cell mode only).
-   */
-  getSelectedCell() {
-    return this.selectedCell;
-  }
-  /**
-   * Get all selected row indices (row mode).
-   */
-  getSelectedRows() {
-    return [...this.selected];
-  }
-  /**
-   * Get all selected cell ranges in public format.
-   */
-  getRanges() {
-    return Y(this.ranges);
-  }
-  /**
-   * Get all selected cells across all ranges.
-   */
-  getSelectedCells() {
-    return lt(this.ranges);
-  }
-  /**
-   * Check if a specific cell is in range selection.
-   */
-  isCellSelected(e, o) {
-    return de(e, o, this.ranges);
-  }
-  /**
-   * Clear all selection.
-   */
-  clearSelection() {
-    this.selectedCell = null, this.selected.clear(), this.anchor = null, this.ranges = [], this.activeRange = null, this.cellAnchor = null, this.emit("selection-change", { mode: this.config.mode, ranges: [] }), this.requestAfterRender();
-  }
-  /**
-   * Set selected ranges programmatically.
-   */
-  setRanges(e) {
-    this.ranges = e.map((o) => ({
-      startRow: o.from.row,
-      startCol: o.from.col,
-      endRow: o.to.row,
-      endCol: o.to.col
-    })), this.activeRange = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null, this.emit("selection-change", {
-      mode: this.config.mode,
-      ranges: Y(this.ranges)
-    }), this.requestAfterRender();
-  }
-  // ===== Private Helpers =====
-  #s() {
-    return ct(
-      this.config.mode,
-      {
-        selectedCell: this.selectedCell,
-        selected: this.selected,
-        ranges: this.ranges
-      },
-      this.columns.length
-    );
-  }
-  // ===== Styles =====
-  styles = at;
-}
-function ee(t, e, o) {
-  return t.id !== void 0 ? String(t.id) : o ? `${o}-${e}` : String(e);
-}
-function ve(t, e, o, n = null, s = 0) {
-  const i = e.childrenField ?? "children", r = [];
-  for (let l = 0; l < t.length; l++) {
-    const a = t[l], d = ee(a, l, n), h = a[i], p = Array.isArray(h) && h.length > 0, w = o.has(d);
-    if (r.push({
-      key: d,
-      data: a,
-      depth: s,
-      hasChildren: p,
-      isExpanded: w,
-      parentKey: n
-    }), p && w) {
-      const c = ve(h, e, o, d, s + 1);
-      r.push(...c);
-    }
-  }
-  return r;
-}
-function he(t, e) {
-  const o = new Set(t);
-  return o.has(e) ? o.delete(e) : o.add(e), o;
-}
-function Z(t, e, o = null, n = 0) {
-  const s = e.childrenField ?? "children", i = /* @__PURE__ */ new Set();
-  for (let r = 0; r < t.length; r++) {
-    const l = t[r], a = ee(l, r, o), d = l[s];
-    if (Array.isArray(d) && d.length > 0) {
-      i.add(a);
-      const h = Z(d, e, a, n + 1);
-      for (const p of h) i.add(p);
-    }
-  }
-  return i;
-}
-function dt() {
-  return /* @__PURE__ */ new Set();
-}
-function ye(t, e, o, n = null, s = 0) {
-  const i = o.childrenField ?? "children";
-  for (let r = 0; r < t.length; r++) {
-    const l = t[r], a = ee(l, r, n);
-    if (a === e)
-      return [a];
-    const d = l[i];
-    if (Array.isArray(d) && d.length > 0) {
-      const h = ye(d, e, o, a, s + 1);
-      if (h)
-        return [a, ...h];
-    }
-  }
-  return null;
-}
-function ht(t, e, o, n) {
-  const s = ye(t, e, o);
-  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 ue(t, e = "children") {
-  if (!Array.isArray(t) || t.length === 0) return !1;
-  for (const o of t)
-    if (o && Array.isArray(o[e]) && o[e].length > 0)
-      return !0;
-  return !1;
-}
-function ut(t) {
-  if (!Array.isArray(t) || t.length === 0) return null;
-  const e = ["children", "items", "nodes", "subRows", "nested"];
-  for (const o of t)
-    if (!(!o || typeof o != "object")) {
-      for (const n of e)
-        if (Array.isArray(o[n]) && o[n].length > 0)
-          return n;
-    }
-  return null;
-}
-const ft = ".tree-toggle{cursor:pointer;user-select:none;transition:transform .2s}.tree-toggle:hover{color:var(--tbw-tree-accent, var(--tbw-color-accent))}";
-class gt extends me {
-  name = "tree";
-  version = "1.0.0";
-  get defaultConfig() {
-    return {
-      childrenField: "children",
-      autoDetect: !0,
-      defaultExpanded: !1,
-      indentWidth: 20,
-      showExpandIcons: !0
-    };
-  }
-  // ===== Internal State =====
-  /** Set of expanded row keys */
-  expandedKeys = /* @__PURE__ */ new Set();
-  /** Whether initial expansion (based on defaultExpanded config) has been applied */
-  initialExpansionDone = !1;
-  /** Flattened tree rows for rendering */
-  flattenedRows = [];
-  /** Map from key to flattened row for quick lookup */
-  rowKeyMap = /* @__PURE__ */ new Map();
-  // ===== Lifecycle =====
-  detach() {
-    this.expandedKeys.clear(), this.initialExpansionDone = !1, this.flattenedRows = [], this.rowKeyMap.clear();
-  }
-  // ===== Auto-Detection =====
-  /**
-   * Detects if tree functionality should be enabled based on data structure.
-   * Called by the grid during plugin initialization.
-   */
-  detect(e) {
-    if (!this.config.autoDetect) return !1;
-    const o = this.config.childrenField ?? ut(e) ?? "children";
-    return ue(e, o);
-  }
-  // ===== Data Processing =====
-  processRows(e) {
-    const o = this.config.childrenField ?? "children";
-    if (!ue(e, o))
-      return this.flattenedRows = [], this.rowKeyMap.clear(), [...e];
-    this.config.defaultExpanded && !this.initialExpansionDone && (this.expandedKeys = Z(e, this.config), this.initialExpansionDone = !0), this.flattenedRows = ve(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) => ({
-      ...n.data,
-      __treeKey: n.key,
-      __treeDepth: n.depth,
-      __treeHasChildren: n.hasChildren,
-      __treeExpanded: n.isExpanded
-    }));
-  }
-  processColumns(e) {
-    if (this.flattenedRows.length === 0) return [...e];
-    const o = 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 s;
-      const l = (a) => {
-        const { value: d, row: h, column: p } = a, w = h.__treeDepth ?? 0, c = h.__treeHasChildren ?? !1, u = h.__treeExpanded ?? !1, f = document.createElement("span");
-        if (f.style.display = "flex", f.style.alignItems = "center", f.style.paddingLeft = `${w * o}px`, c && n) {
-          const b = document.createElement("span");
-          b.className = "tree-toggle", this.setIcon(b, this.resolveIcon(u ? "collapse" : "expand")), b.style.cursor = "pointer", b.style.marginRight = "4px", b.style.fontSize = "10px", b.setAttribute("data-tree-key", h.__treeKey), f.appendChild(b);
-        } else if (n) {
-          const b = document.createElement("span");
-          b.style.width = "14px", b.style.display = "inline-block", f.appendChild(b);
-        }
-        const g = document.createElement("span");
-        if (r) {
-          const b = r(a);
-          b instanceof Node ? g.appendChild(b) : g.textContent = String(b ?? d ?? "");
-        } else
-          g.textContent = String(d ?? "");
-        return f.appendChild(g), f;
-      };
-      l.__treeWrapped = !0, i.viewRenderer = l, s[0] = i;
-    }
-    return s;
-  }
-  // ===== Event Handlers =====
-  onCellClick(e) {
-    const o = e.originalEvent?.target;
-    if (!o?.classList.contains("tree-toggle")) return !1;
-    const n = o.getAttribute("data-tree-key");
-    if (!n) return !1;
-    const s = this.rowKeyMap.get(n);
-    return s ? (this.expandedKeys = he(this.expandedKeys, n), this.emit("tree-expand", {
-      key: n,
-      row: s.data,
-      expanded: this.expandedKeys.has(n),
-      depth: s.depth
-    }), this.requestRender(), !0) : !1;
-  }
-  // ===== Public API =====
-  /**
-   * Expand a specific node by key.
-   */
-  expand(e) {
-    this.expandedKeys.add(e), this.requestRender();
-  }
-  /**
-   * Collapse a specific node by key.
-   */
-  collapse(e) {
-    this.expandedKeys.delete(e), this.requestRender();
-  }
-  /**
-   * Toggle the expansion state of a node.
-   */
-  toggle(e) {
-    this.expandedKeys = he(this.expandedKeys, e), this.requestRender();
-  }
-  /**
-   * Expand all nodes in the tree.
-   */
-  expandAll() {
-    this.expandedKeys = Z(this.rows, this.config), this.requestRender();
-  }
-  /**
-   * Collapse all nodes in the tree.
-   */
-  collapseAll() {
-    this.expandedKeys = dt(), this.requestRender();
-  }
-  /**
-   * Check if a node is currently expanded.
-   */
-  isExpanded(e) {
-    return this.expandedKeys.has(e);
-  }
-  /**
-   * Get all currently expanded keys.
-   */
-  getExpandedKeys() {
-    return [...this.expandedKeys];
-  }
-  /**
-   * Get the flattened tree rows with metadata.
-   */
-  getFlattenedRows() {
-    return [...this.flattenedRows];
-  }
-  /**
-   * Get a row's original data by its key.
-   */
-  getRowByKey(e) {
-    return this.rowKeyMap.get(e)?.data;
-  }
-  /**
-   * Expand all ancestors of a node to make it visible.
-   */
-  expandToKey(e) {
-    this.expandedKeys = ht(this.rows, e, this.config, this.expandedKeys), this.requestRender();
-  }
-  // ===== Styles =====
-  styles = ft;
-}
-const S = {
+const A = {
   // Root structure
   ROOT: "tbw-grid-root",
   HEADER: "header",
@@ -3343,31 +2821,31 @@ const S = {
   // Selection
   RANGE_SELECTION: "range-selection",
   SELECTION_OVERLAY: "selection-overlay"
-}, B = {
+}, V = {
   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"
-}, bt = {
-  ROOT: `.${S.ROOT}`,
-  HEADER: `.${S.HEADER}`,
-  HEADER_ROW: `.${S.HEADER_ROW}`,
-  HEADER_CELL: `.${S.HEADER_CELL}`,
-  ROWS_VIEWPORT: `.${S.ROWS_VIEWPORT}`,
-  ROWS_CONTAINER: `.${S.ROWS_CONTAINER}`,
-  DATA_ROW: `.${S.DATA_ROW}`,
-  DATA_CELL: `.${S.DATA_CELL}`,
-  GROUP_ROW: `.${S.GROUP_ROW}`,
+}, Ye = {
+  ROOT: `.${A.ROOT}`,
+  HEADER: `.${A.HEADER}`,
+  HEADER_ROW: `.${A.HEADER_ROW}`,
+  HEADER_CELL: `.${A.HEADER_CELL}`,
+  ROWS_VIEWPORT: `.${A.ROWS_VIEWPORT}`,
+  ROWS_CONTAINER: `.${A.ROWS_CONTAINER}`,
+  DATA_ROW: `.${A.DATA_ROW}`,
+  DATA_CELL: `.${A.DATA_CELL}`,
+  GROUP_ROW: `.${A.GROUP_ROW}`,
   // By data attribute
-  ROW_BY_INDEX: (t) => `.${S.DATA_ROW}[${B.ROW_INDEX}="${t}"]`,
-  CELL_BY_FIELD: (t) => `.${S.DATA_CELL}[${B.FIELD}="${t}"]`,
-  CELL_AT: (t, e) => `.${S.DATA_ROW}[${B.ROW_INDEX}="${t}"] .${S.DATA_CELL}[${B.COL_INDEX}="${e}"]`,
+  ROW_BY_INDEX: (t) => `.${A.DATA_ROW}[${V.ROW_INDEX}="${t}"]`,
+  CELL_BY_FIELD: (t) => `.${A.DATA_CELL}[${V.FIELD}="${t}"]`,
+  CELL_AT: (t, e) => `.${A.DATA_ROW}[${V.ROW_INDEX}="${t}"] .${A.DATA_CELL}[${V.COL_INDEX}="${e}"]`,
   // State selectors
-  SELECTED_ROWS: `.${S.DATA_ROW}.${S.SELECTED}`,
-  EDITING_CELL: `.${S.DATA_CELL}.${S.EDITING}`
-}, mt = {
+  SELECTED_ROWS: `.${A.DATA_ROW}.${A.SELECTED}`,
+  EDITING_CELL: `.${A.DATA_CELL}.${A.EDITING}`
+}, Ze = {
   // Colors
   COLOR_BG: "--tbw-color-bg",
   COLOR_FG: "--tbw-color-fg",
@@ -3389,7 +2867,7 @@ const S = {
   // Borders
   BORDER_RADIUS: "--tbw-border-radius",
   FOCUS_OUTLINE: "--tbw-focus-outline"
-}, vt = {
+}, Je = {
   CELL_COMMIT: "cell-commit",
   ROW_COMMIT: "row-commit",
   CHANGED_ROWS_RESET: "changed-rows-reset",
@@ -3400,7 +2878,7 @@ const S = {
   ACTIVATE_CELL: "activate-cell",
   GROUP_TOGGLE: "group-toggle",
   COLUMN_STATE_CHANGE: "column-state-change"
-}, yt = {
+}, Qe = {
   // Selection plugin
   SELECTION_CHANGE: "selection-change",
   // Tree plugin
@@ -3431,10 +2909,10 @@ const S = {
   DETAIL_EXPAND: "detail-expand",
   // Grouping rows plugin
   GROUP_EXPAND: "group-expand"
-}, U = {
+}, F = {
   sum: (t, e) => t.reduce((o, n) => o + (Number(n[e]) || 0), 0),
   avg: (t, e) => {
-    const o = t.reduce((n, s) => n + (Number(s[e]) || 0), 0);
+    const o = t.reduce((n, i) => n + (Number(i[e]) || 0), 0);
     return t.length ? o / t.length : 0;
   },
   count: (t) => t.length,
@@ -3442,46 +2920,46 @@ const S = {
   max: (t, e) => Math.max(...t.map((o) => Number(o[e]) || -1 / 0)),
   first: (t, e) => t[0]?.[e],
   last: (t, e) => t[t.length - 1]?.[e]
-}, z = /* @__PURE__ */ new Map(), D = {
+}, D = /* @__PURE__ */ new Map(), H = {
   /**
    * Register a custom aggregator function.
    */
   register(t, e) {
-    z.set(t, e);
+    D.set(t, e);
   },
   /**
    * Unregister a custom aggregator function.
    */
   unregister(t) {
-    z.delete(t);
+    D.delete(t);
   },
   /**
    * Get an aggregator function by reference.
    */
   get(t) {
     if (t !== void 0)
-      return typeof t == "function" ? t : z.get(t) ?? U[t];
+      return typeof t == "function" ? t : D.get(t) ?? F[t];
   },
   /**
    * Run an aggregator on a set of rows.
    */
   run(t, e, o, n) {
-    const s = this.get(t);
-    return s ? s(e, o, n) : void 0;
+    const i = this.get(t);
+    return i ? i(e, o, n) : void 0;
   },
   /**
    * Check if an aggregator exists.
    */
   has(t) {
-    return z.has(t) || t in U;
+    return D.has(t) || t in F;
   },
   /**
    * List all available aggregator names.
    */
   list() {
-    return [...Object.keys(U), ...z.keys()];
+    return [...Object.keys(F), ...D.keys()];
   }
-}, fe = {
+}, se = {
   sum: (t) => t.reduce((e, o) => e + o, 0),
   avg: (t) => t.length ? t.reduce((e, o) => e + o, 0) / t.length : 0,
   count: (t) => t.length,
@@ -3490,35 +2968,33 @@ const S = {
   first: (t) => t[0] ?? 0,
   last: (t) => t[t.length - 1] ?? 0
 };
-function pt(t) {
-  return fe[t] ?? fe.sum;
+function je(t) {
+  return se[t] ?? se.sum;
 }
-function Ct(t, e) {
-  return pt(t)(e);
+function et(t, e) {
+  return je(t)(e);
 }
-const Et = D.register.bind(D), Rt = D.unregister.bind(D), _t = D.get.bind(D), xt = D.run.bind(D), At = D.list.bind(D);
+const tt = H.register.bind(H), ot = H.unregister.bind(H), nt = H.get.bind(H), it = H.run.bind(H), st = H.list.bind(H);
 export {
-  me as BaseGridPlugin,
+  Ke as BaseGridPlugin,
   P as DEFAULT_GRID_ICONS,
-  vt as DGEvents,
-  V as DataGridElement,
+  Je as DGEvents,
+  I as DataGridElement,
   q as FitModeEnum,
-  mt as GridCSSVars,
-  S as GridClasses,
-  B as GridDataAttrs,
-  V as GridElement,
-  bt as GridSelectors,
-  yt as PluginEvents,
-  nt as PluginManager,
-  wt as SelectionPlugin,
-  gt as TreePlugin,
-  D as aggregatorRegistry,
-  _t as getAggregator,
-  pt as getValueAggregator,
-  At as listAggregators,
-  Et as registerAggregator,
-  xt as runAggregator,
-  Ct as runValueAggregator,
-  Rt as unregisterAggregator
+  Ze as GridCSSVars,
+  A as GridClasses,
+  V as GridDataAttrs,
+  I as GridElement,
+  Ye as GridSelectors,
+  Qe as PluginEvents,
+  Xe as PluginManager,
+  H as aggregatorRegistry,
+  nt as getAggregator,
+  je as getValueAggregator,
+  st as listAggregators,
+  tt as registerAggregator,
+  it as runAggregator,
+  et as runValueAggregator,
+  ot as unregisterAggregator
 };
 //# sourceMappingURL=index.js.map