@toolbox-web/grid 0.3.0 → 0.3.2

package/index.js

@@ -1,92 +1,92 @@
-const de = ':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-cell-white-space: nowrap;--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: 6px;--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-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--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;opacity:.6}:host .header-row>.cell:last-child{border-right:0}:host .header-group-cell:not(:last-child),:host .header-row>.cell.grouped.group-end:not(:last-child){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:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);line-height:calc(var(--tbw-row-height) - 5px);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis}:host .data-grid-row>.cell>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}:host .data-grid-row>.cell:last-child{border-right:0}:host .data-grid-row>.cell[data-type=boolean]{text-align:center}:host .data-grid-row>.cell[data-type=boolean] input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}:host .data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex;min-height:calc(var(--tbw-row-height) + 2px)}: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%;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 .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: var(--tbw-animation-duration) var(--tbw-animation-easing);--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;overflow-anchor:none}: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 var(--tbw-transition-duration) var(--tbw-transition-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}@media(prefers-reduced-motion:reduce){:host([data-animation-mode="reduced-motion"]){--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms}}:host([data-animation-mode="off"]){--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms}:host .tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}:host .tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}@keyframes tbw-expand{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes tbw-collapse{0%{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-8px)}}:host .tbw-fade-in{animation:tbw-fade-in var(--tbw-animation-duration) var(--tbw-animation-easing) forwards}:host .tbw-fade-out{animation:tbw-fade-out var(--tbw-animation-duration) var(--tbw-animation-easing) forwards}@keyframes tbw-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tbw-fade-out{0%{opacity:1}to{opacity:0}}:host .tbw-flip-animating{will-change:transform;z-index:1}:host .tbw-toggle-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--tbw-animation-duration) var(--tbw-animation-easing)}:host .tbw-toggle-icon.tbw-expanded{transform:rotate(90deg)}';
-function Ve(t) {
+const de = ':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-cell-white-space: nowrap;--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: 6px;--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-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--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-editing-row-bg: var(--tbw-editing-bg);--tbw-editing-row-outline-color: var(--tbw-color-accent);--tbw-editing-row-outline-width: 1px;--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;opacity:.6}:host .header-row>.cell:last-child{border-right:0}:host .header-group-cell:not(:last-child),:host .header-row>.cell.grouped.group-end:not(:last-child){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;content-visibility:auto;contain-intrinsic-size:auto var(--tbw-row-height)}:host .data-grid-row:has(.editing){background:var(--tbw-editing-row-bg);outline:var(--tbw-editing-row-outline-width) solid var(--tbw-editing-row-outline-color);outline-offset:calc(-1 * var(--tbw-editing-row-outline-width))}: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:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);line-height:calc(var(--tbw-row-height) - 5px);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis}:host .data-grid-row>.cell>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}:host .data-grid-row>.cell:last-child{border-right:0}:host .data-grid-row>.cell[data-type=boolean]{text-align:center}:host .data-grid-row>.cell[data-type=boolean] input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}:host .data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex;min-height:calc(var(--tbw-row-height) + 2px)}: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%;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 .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: var(--tbw-animation-duration) var(--tbw-animation-easing);--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;overflow-anchor:none}: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 var(--tbw-transition-duration) var(--tbw-transition-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}@media(forced-colors:active){:host{--tbw-color-border: CanvasText;--tbw-color-border-strong: CanvasText;--tbw-color-border-cell: CanvasText;--tbw-color-border-header: CanvasText;--tbw-color-fg: CanvasText;--tbw-color-bg: Canvas;--tbw-color-panel-bg: Canvas;--tbw-color-header-bg: Canvas;--tbw-color-header-fg: CanvasText;--tbw-color-accent: Highlight;--tbw-color-accent-fg: HighlightText;--tbw-color-selection: Highlight;--tbw-color-row-hover: Highlight;--tbw-focus-outline: 2px solid Highlight;--tbw-range-border-color: Highlight}:host .cell:focus,:host .cell.active-cell{outline:2px solid Highlight!important;outline-offset:-2px}:host .data-grid-row[aria-selected=true]{background:Highlight!important;color:HighlightText!important}}@media(prefers-reduced-motion:reduce){:host([data-animation-mode="reduced-motion"]){--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms}}:host([data-animation-mode="off"]){--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms}:host .tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}:host .tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}@keyframes tbw-expand{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes tbw-collapse{0%{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-8px)}}:host .tbw-fade-in{animation:tbw-fade-in var(--tbw-animation-duration) var(--tbw-animation-easing) forwards}:host .tbw-fade-out{animation:tbw-fade-out var(--tbw-animation-duration) var(--tbw-animation-easing) forwards}@keyframes tbw-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tbw-fade-out{0%{opacity:1}to{opacity:0}}:host .tbw-flip-animating{will-change:transform;z-index:1}:host .tbw-toggle-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform var(--tbw-animation-duration) var(--tbw-animation-easing)}:host .tbw-toggle-icon.tbw-expanded{transform:rotate(90deg)}';
+function Fe(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 Te(t, e) {
-  const o = t._columns, n = Ve(t);
+function xe(t, e) {
+  const o = t._columns, n = Fe(t);
   return {
-    columns: o.map((i, l) => {
-      const r = {
+    columns: o.map((i, r) => {
+      const s = {
         field: i.field,
-        order: l,
+        order: r,
         visible: !0
         // If it's in _columns, it's visible (hidden columns are filtered out)
-      }, s = i;
-      s.__renderedWidth !== void 0 ? r.width = s.__renderedWidth : i.width !== void 0 && (r.width = typeof i.width == "string" ? parseFloat(i.width) : i.width);
+      }, l = i;
+      l.__renderedWidth !== void 0 ? s.width = l.__renderedWidth : i.width !== void 0 && (s.width = typeof i.width == "string" ? parseFloat(i.width) : i.width);
       const a = n.get(i.field);
-      a && (r.sort = a);
+      a && (s.sort = a);
       for (const c of e)
         if (c.getColumnState) {
-          const h = c.getColumnState(i.field);
-          h && Object.assign(r, h);
+          const f = c.getColumnState(i.field);
+          f && Object.assign(s, f);
         }
-      return r;
+      return s;
     })
   };
 }
-function Fe(t, e, o, n) {
+function Ge(t, e, o, n) {
   if (!e.columns || e.columns.length === 0) return;
-  const i = new Map(e.columns.map((s) => [s.field, s])), l = o.map((s) => {
-    const a = i.get(s.field);
-    if (!a) return s;
-    const c = { ...s };
+  const i = new Map(e.columns.map((l) => [l.field, l])), r = o.map((l) => {
+    const a = i.get(l.field);
+    if (!a) return l;
+    const c = { ...l };
     return a.width !== void 0 && (c.width = a.width, c.__renderedWidth = a.width), a.visible !== void 0 && (c.hidden = !a.visible), c;
   });
-  l.sort((s, a) => {
-    const c = i.get(s.field)?.order ?? 1 / 0, h = i.get(a.field)?.order ?? 1 / 0;
-    return c - h;
-  }), t._columns = l;
-  const r = e.columns.filter((s) => s.sort !== void 0).sort((s, a) => (s.sort?.priority ?? 0) - (a.sort?.priority ?? 0));
-  if (r.length > 0) {
-    const s = r[0];
-    s.sort && (t._sortState = {
-      field: s.field,
-      direction: s.sort.direction === "asc" ? 1 : -1
+  r.sort((l, a) => {
+    const c = i.get(l.field)?.order ?? 1 / 0, f = i.get(a.field)?.order ?? 1 / 0;
+    return c - f;
+  }), t._columns = r;
+  const s = e.columns.filter((l) => l.sort !== void 0).sort((l, a) => (l.sort?.priority ?? 0) - (a.sort?.priority ?? 0));
+  if (s.length > 0) {
+    const l = s[0];
+    l.sort && (t._sortState = {
+      field: l.field,
+      direction: l.sort.direction === "asc" ? 1 : -1
     });
   } else
     t._sortState = null;
-  for (const s of n)
-    if (s.applyColumnState)
+  for (const l of n)
+    if (l.applyColumnState)
       for (const a of e.columns)
-        s.applyColumnState(a.field, a);
+        l.applyColumnState(a.field, a);
 }
-function Ge(t, e, o) {
+function Ue(t, e, o) {
   let n = null;
   return () => {
     n !== null && clearTimeout(n), n = setTimeout(() => {
       n = null;
-      const i = Te(t, e());
+      const i = xe(t, e());
       o(i);
     }, 100);
   };
 }
-function xe(t, e, o, n) {
-  const i = t.effectiveConfig?.columns ?? [], l = i.find((s) => s.field === e);
-  return !l || !o && l.lockVisible || !o && i.filter((a) => !a.hidden && a.field !== e).length === 0 || !!l.hidden === !o ? !1 : (l.hidden = !o, n.emit("column-visibility", {
+function Ae(t, e, o, n) {
+  const i = t.effectiveConfig?.columns ?? [], r = i.find((l) => l.field === e);
+  return !r || !o && r.lockVisible || !o && i.filter((a) => !a.hidden && a.field !== e).length === 0 || !!r.hidden === !o ? !1 : (r.hidden = !o, n.emit("column-visibility", {
     field: e,
     visible: o,
-    visibleColumns: i.filter((s) => !s.hidden).map((s) => s.field)
+    visibleColumns: i.filter((l) => !l.hidden).map((l) => l.field)
   }), n.clearRowPool(), n.setup(), n.requestStateChange(), !0);
 }
-function Ue(t, e, o) {
-  const i = (t.effectiveConfig?.columns ?? []).find((l) => l.field === e);
-  return i ? xe(t, e, !!i.hidden, o) : !1;
+function Xe(t, e, o) {
+  const i = (t.effectiveConfig?.columns ?? []).find((r) => r.field === e);
+  return i ? Ae(t, e, !!i.hidden, o) : !1;
 }
-function Xe(t, e) {
+function Ye(t, e) {
   const n = (t.effectiveConfig?.columns ?? []).find((i) => i.field === e);
   return n ? !n.hidden : !1;
 }
-function Ye(t, e) {
+function je(t, e) {
   const o = t.effectiveConfig?.columns ?? [];
   o.some((n) => n.hidden) && (o.forEach((n) => n.hidden = !1), e.emit("column-visibility", {
     visibleColumns: o.map((n) => n.field)
   }), e.clearRowPool(), e.setup(), e.requestStateChange());
 }
-function je(t) {
+function Ke(t) {
   return (t.effectiveConfig?.columns ?? []).map((o) => ({
     field: o.field,
     header: o.header || o.field,
@@ -94,24 +94,24 @@ function je(t) {
     lockVisible: o.lockVisible
   }));
 }
-function Ke(t) {
+function Ze(t) {
   return t._columns.map((e) => e.field);
 }
-function Ze(t, e, o) {
+function Je(t, e, o) {
   if (!e.length) return;
-  const n = new Map(t._columns.map((l) => [l.field, l])), i = [];
-  for (const l of e) {
-    const r = n.get(l);
-    r && (i.push(r), n.delete(l));
+  const n = new Map(t._columns.map((r) => [r.field, r])), i = [];
+  for (const r of e) {
+    const s = n.get(r);
+    s && (i.push(s), n.delete(r));
   }
-  for (const l of n.values())
-    i.push(l);
+  for (const r of n.values())
+    i.push(r);
   t._columns = i, o.renderHeader(), o.updateTemplate(), o.refreshVirtualWindow();
 }
-const X = {
+const j = {
   STRETCH: "stretch",
   FIXED: "fixed"
-}, Je = {
+}, Qe = {
   mode: "reduced-motion",
   duration: 200,
   easing: "ease-out"
@@ -125,25 +125,25 @@ const X = {
   dragHandle: "⋮⋮",
   toolPanel: "☰"
 };
-function Qe(t) {
+function et(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 Le(t, e) {
   if (e && e.length) {
-    const l = {};
-    return e.forEach((r) => {
-      r.type && (l[r.field] = r.type);
-    }), { columns: e, typeMap: l };
-  }
-  const o = t[0] || {}, n = Object.keys(o).map((l) => {
-    const r = o[l], s = Qe(r);
-    return { field: l, header: l.charAt(0).toUpperCase() + l.slice(1), type: s };
+    const r = {};
+    return e.forEach((s) => {
+      s.type && (r[s.field] = s.type);
+    }), { columns: e, typeMap: r };
+  }
+  const o = t[0] || {}, n = Object.keys(o).map((r) => {
+    const s = o[r], l = et(s);
+    return { field: r, header: r.charAt(0).toUpperCase() + r.slice(1), type: l };
   }), i = {};
-  return n.forEach((l) => {
-    i[l.field] = l.type || "string";
+  return n.forEach((r) => {
+    i[r.field] = r.type || "string";
   }), { columns: n, typeMap: i };
 }
-const et = /{{\s*([^}]+)\s*}}/g, A = "__DG_EMPTY__", tt = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, ot = /__(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/, nt = /* @__PURE__ */ new Set([
+const tt = /{{\s*([^}]+)\s*}}/g, L = "__DG_EMPTY__", ot = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, nt = /__(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/, it = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -168,76 +168,76 @@ const et = /{{\s*([^}]+)\s*}}/g, A = "__DG_EMPTY__", tt = /^[\w$. '?+\-*/%:()!<>
   "plaintext",
   "xmp",
   "listing"
-]), ue = /^on\w+$/i, it = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), lt = /^\s*(javascript|vbscript|data|blob):/i;
-function K(t) {
+]), ue = /^on\w+$/i, rt = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), st = /^\s*(javascript|vbscript|data|blob):/i;
+function Q(t) {
   if (!t || typeof t != "string") return "";
   if (t.indexOf("<") === -1) return t;
   const e = document.createElement("template");
-  return e.innerHTML = t, rt(e.content), e.innerHTML;
+  return e.innerHTML = t, lt(e.content), e.innerHTML;
 }
-function rt(t) {
+function lt(t) {
   const e = [], o = t.querySelectorAll("*");
   for (const n of o) {
     const i = n.tagName.toLowerCase();
-    if (nt.has(i)) {
+    if (it.has(i)) {
       e.push(n);
       continue;
     }
     if ((i === "svg" || n.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(n.attributes).some(
-      (s) => ue.test(s.name) || s.name === "href" || s.name === "xlink:href"
+      (l) => ue.test(l.name) || l.name === "href" || l.name === "xlink:href"
     )) {
       e.push(n);
       continue;
     }
-    const l = [];
-    for (const r of n.attributes) {
-      const s = r.name.toLowerCase();
-      if (ue.test(s)) {
-        l.push(r.name);
+    const r = [];
+    for (const s of n.attributes) {
+      const l = s.name.toLowerCase();
+      if (ue.test(l)) {
+        r.push(s.name);
         continue;
       }
-      if (it.has(s) && lt.test(r.value)) {
-        l.push(r.name);
+      if (rt.has(l) && st.test(s.value)) {
+        r.push(s.name);
         continue;
       }
-      if (s === "style" && /expression\s*\(|javascript:|behavior\s*:/i.test(r.value)) {
-        l.push(r.name);
+      if (l === "style" && /expression\s*\(|javascript:|behavior\s*:/i.test(s.value)) {
+        r.push(s.name);
         continue;
       }
     }
-    l.forEach((r) => n.removeAttribute(r));
+    r.forEach((s) => n.removeAttribute(s));
   }
   e.forEach((n) => n.remove());
 }
 function Pe(t, e) {
   if (!t || t.indexOf("{{") === -1) return t;
-  const o = [], n = t.replace(et, (s, a) => {
-    const c = st(a, e);
+  const o = [], n = t.replace(tt, (l, a) => {
+    const c = at(a, e);
     return o.push({ expr: a.trim(), result: c }), c;
-  }), i = at(n), l = o.length && o.every((s) => s.result === "" || s.result === A);
-  return /Reflect\.|\bProxy\b|ownKeys\(/.test(t) || l ? "" : i;
+  }), i = ct(n), r = o.length && o.every((l) => l.result === "" || l.result === L);
+  return /Reflect\.|\bProxy\b|ownKeys\(/.test(t) || r ? "" : i;
 }
-function st(t, e) {
-  if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return A;
-  if (t === "value") return e.value == null ? A : String(e.value);
+function at(t, e) {
+  if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return L;
+  if (t === "value") return e.value == null ? L : String(e.value);
   if (t.startsWith("row.") && !/[()?]/.test(t) && !t.includes(":")) {
     const n = t.slice(4), i = e.row ? e.row[n] : void 0;
-    return i == null ? A : String(i);
+    return i == null ? L : String(i);
   }
-  if (t.length > 80 || !tt.test(t) || ot.test(t)) return A;
+  if (t.length > 80 || !ot.test(t) || nt.test(t)) return L;
   const o = t.match(/\./g);
-  if (o && o.length > 1) return A;
+  if (o && o.length > 1) return L;
   try {
-    const i = new Function("value", "row", `return (${t});`)(e.value, e.row), l = i == null ? "" : String(i);
-    return /Reflect|Proxy|ownKeys/.test(l) ? A : l || A;
+    const i = new Function("value", "row", `return (${t});`)(e.value, e.row), r = i == null ? "" : String(i);
+    return /Reflect|Proxy|ownKeys/.test(r) ? L : r || L;
   } catch {
-    return A;
+    return L;
   }
 }
-function at(t) {
-  return t && t.replace(new RegExp(A, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
-}
 function ct(t) {
+  return t && t.replace(new RegExp(L, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
+}
+function dt(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 = "");
@@ -253,51 +253,64 @@ function he(t) {
   const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = (n) => e ? "" : Pe(t, n);
   return o.__blocked = e, o;
 }
-function dt(t) {
+function ut(t) {
   return Array.from(t.querySelectorAll("tbw-grid-column")).map((o) => {
     const n = o.getAttribute("field") || "";
     if (!n) return null;
-    const i = o.getAttribute("type") || void 0, r = i && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select", "typeahead"])).has(i) ? i : void 0, s = o.getAttribute("header") || void 0, a = o.hasAttribute("sortable"), c = o.hasAttribute("editable"), h = { field: n, type: r, header: s, sortable: a, editable: c }, d = o.getAttribute("width");
+    const i = o.getAttribute("type") || void 0, s = 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"), c = o.hasAttribute("editable"), f = { field: n, type: s, header: l, sortable: a, editable: c }, d = o.getAttribute("width");
     if (d) {
-      const m = parseFloat(d);
-      !isNaN(m) && /^\d+(\.\d+)?$/.test(d.trim()) ? h.width = m : h.width = d;
+      const C = parseFloat(d);
+      !isNaN(C) && /^\d+(\.\d+)?$/.test(d.trim()) ? f.width = C : f.width = d;
     }
     const u = o.getAttribute("minWidth") || o.getAttribute("min-width");
     if (u) {
-      const m = parseFloat(u);
-      isNaN(m) || (h.minWidth = m);
-    }
-    o.hasAttribute("resizable") && (h.resizable = !0), o.hasAttribute("sizable") && (h.resizable = !0);
-    const p = o.getAttribute("editor"), f = o.getAttribute("renderer");
-    p && (h.__editorName = p), f && (h.__rendererName = f);
-    const b = o.getAttribute("options");
-    b && (h.options = b.split(",").map((m) => {
-      const [v, C] = m.includes(":") ? m.split(":") : [m.trim(), m.trim()];
-      return { value: v.trim(), label: C?.trim() || v.trim() };
+      const C = parseFloat(u);
+      isNaN(C) || (f.minWidth = C);
+    }
+    o.hasAttribute("resizable") && (f.resizable = !0), o.hasAttribute("sizable") && (f.resizable = !0);
+    const w = o.getAttribute("editor"), h = o.getAttribute("renderer");
+    w && (f.__editorName = w), h && (f.__rendererName = h);
+    const p = o.getAttribute("options");
+    p && (f.options = p.split(",").map((C) => {
+      const [A, R] = C.includes(":") ? C.split(":") : [C.trim(), C.trim()];
+      return { value: A.trim(), label: R?.trim() || A.trim() };
     }));
-    const g = o.querySelector("tbw-grid-column-view"), w = o.querySelector("tbw-grid-column-editor"), _ = o.querySelector("tbw-grid-column-header");
-    if (g && (h.__viewTemplate = g), w && (h.__editorTemplate = w), _ && (h.__headerTemplate = _), g) {
-      const v = (globalThis.DataGridElement?.getAdapters?.() ?? []).find((C) => C.canHandle(g));
-      v && (h.viewRenderer = v.createRenderer(g));
-    }
-    if (w) {
-      const v = (globalThis.DataGridElement?.getAdapters?.() ?? []).find((C) => C.canHandle(w));
-      v && (h.editor = v.createEditor(w));
-    }
-    return h;
+    const g = o.querySelector("tbw-grid-column-view"), b = o.querySelector("tbw-grid-column-editor"), _ = o.querySelector("tbw-grid-column-header");
+    g && (f.__viewTemplate = g), b && (f.__editorTemplate = b), _ && (f.__headerTemplate = _);
+    const m = globalThis.DataGridElement?.getAdapters?.() ?? [], E = g ?? o, x = m.find((C) => C.canHandle(E));
+    if (x) {
+      const C = x.createRenderer(E);
+      C && (f.viewRenderer = C);
+    }
+    const K = b ?? o, S = m.find((C) => C.canHandle(K));
+    if (S) {
+      const C = S.createEditor(K);
+      C && (f.editor = C);
+    }
+    return f;
   }).filter((o) => !!o);
 }
-function ut(t, e) {
+function ht(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((i) => o[i.field] = i);
+  e.forEach((i) => {
+    const r = o[i.field];
+    if (r) {
+      i.header && !r.header && (r.header = i.header), i.type && !r.type && (r.type = i.type), i.sortable && (r.sortable = !0), i.editable && (r.editable = !0), i.resizable && (r.resizable = !0), i.width != null && r.width == null && (r.width = i.width), i.minWidth != null && r.minWidth == null && (r.minWidth = i.minWidth), i.__viewTemplate && (r.__viewTemplate = i.__viewTemplate), i.__editorTemplate && (r.__editorTemplate = i.__editorTemplate), i.__headerTemplate && (r.__headerTemplate = i.__headerTemplate);
+      const s = i.renderer || i.viewRenderer, l = r.renderer || r.viewRenderer;
+      s && !l && (r.viewRenderer = s, i.renderer && (r.renderer = s)), i.editor && !r.editor && (r.editor = i.editor);
+    } else
+      o[i.field] = { ...i };
+  });
   const n = t.map((i) => {
-    const l = o[i.field];
-    if (!l) return i;
-    const r = { ...i };
-    return l.header && !r.header && (r.header = l.header), l.type && !r.type && (r.type = l.type), r.sortable = i.sortable || l.sortable, (i.resizable === !0 || l.resizable === !0) && (r.resizable = !0), r.editable = i.editable || l.editable, l.width != null && r.width == null && (r.width = l.width), l.minWidth != null && r.minWidth == null && (r.minWidth = l.minWidth), l.__viewTemplate && (r.__viewTemplate = l.__viewTemplate), l.__editorTemplate && (r.__editorTemplate = l.__editorTemplate), l.__headerTemplate && (r.__headerTemplate = l.__headerTemplate), l.viewRenderer && !r.viewRenderer && (r.viewRenderer = l.viewRenderer), l.editor && !r.editor && (r.editor = l.editor), delete o[i.field], r;
+    const r = o[i.field];
+    if (!r) return i;
+    const s = { ...i };
+    r.header && !s.header && (s.header = r.header), r.type && !s.type && (s.type = r.type), s.sortable = i.sortable || r.sortable, (i.resizable === !0 || r.resizable === !0) && (s.resizable = !0), s.editable = i.editable || r.editable, r.width != null && s.width == null && (s.width = r.width), r.minWidth != null && s.minWidth == null && (s.minWidth = r.minWidth), r.__viewTemplate && (s.__viewTemplate = r.__viewTemplate), r.__editorTemplate && (s.__editorTemplate = r.__editorTemplate), r.__headerTemplate && (s.__headerTemplate = r.__headerTemplate);
+    const l = r.renderer || r.viewRenderer, a = s.renderer || s.viewRenderer;
+    return l && !a && (s.viewRenderer = l, r.renderer && (s.renderer = l)), r.editor && !s.editor && (s.editor = r.editor), delete o[i.field], s;
   });
   return Object.keys(o).forEach((i) => n.push(o[i])), n;
 }
@@ -312,42 +325,42 @@ function fe(t, e) {
 function pe(t) {
   t.__lightDomColumnsCache || (t.__originalColumnNodes = Array.from(
     t.querySelectorAll("tbw-grid-column")
-  ), t.__lightDomColumnsCache = t.__originalColumnNodes.length ? dt(t) : []);
-  const e = t.__lightDomColumnsCache, o = ut(t._columns, e);
+  ), t.__lightDomColumnsCache = t.__originalColumnNodes.length ? ut(t) : []);
+  const e = t.__lightDomColumnsCache, o = ht(t._columns, e);
   o.forEach((i) => {
     i.__viewTemplate && !i.__compiledView && (i.__compiledView = he(i.__viewTemplate.innerHTML)), i.__editorTemplate && !i.__compiledEditor && (i.__compiledEditor = he(i.__editorTemplate.innerHTML));
   });
   const { columns: n } = Le(t._rows, o);
   t._columns = n;
 }
-function be(t) {
-  const e = t.effectiveConfig?.fitMode || t.fitMode || X.STRETCH;
-  if (e !== X.STRETCH && e !== X.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
+function we(t) {
+  const e = t.effectiveConfig?.fitMode || t.fitMode || j.STRETCH;
+  if (e !== j.STRETCH && e !== j.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
   const o = t._headerRowEl?.children || [];
   if (!o.length) return;
   let n = !1;
-  t._visibleColumns.forEach((i, l) => {
+  t._visibleColumns.forEach((i, r) => {
     if (i.width) return;
-    const r = o[l];
-    let s = r ? r.scrollWidth : 0;
+    const s = o[r];
+    let l = s ? s.scrollWidth : 0;
     for (const a of t._rowPool) {
-      const c = a.children[l];
+      const c = a.children[r];
       if (c) {
-        const h = c.scrollWidth;
-        h > s && (s = h);
+        const f = c.scrollWidth;
+        f > l && (l = f);
       }
     }
-    s > 0 && (i.width = s + 2, i.__autoSized = !0, n = !0);
+    l > 0 && (i.width = l + 2, i.__autoSized = !0, n = !0);
   }), n && z(t), t.__didInitialAutoSize = !0;
 }
 function z(t) {
-  (t.effectiveConfig?.fitMode || t.fitMode || X.STRETCH) === X.STRETCH ? t._gridTemplate = t._visibleColumns.map((o) => {
+  (t.effectiveConfig?.fitMode || t.fitMode || j.STRETCH) === j.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 ht(t) {
+function ft(t) {
   switch (t.type) {
     case "number":
       return (e) => {
@@ -372,21 +385,21 @@ function ht(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((l) => {
-          const r = document.createElement("option");
-          r.value = String(l.value), r.textContent = l.label, (e.column.multi && Array.isArray(e.value) && e.value.includes(l.value) || !e.column.multi && e.value === l.value) && (r.selected = !0), o.appendChild(r);
+        e.column.multi && (o.multiple = !0), (typeof e.column.options == "function" ? e.column.options() : e.column.options || []).forEach((r) => {
+          const s = document.createElement("option");
+          s.value = String(r.value), s.textContent = r.label, (e.column.multi && Array.isArray(e.value) && e.value.includes(r.value) || !e.column.multi && e.value === r.value) && (s.selected = !0), o.appendChild(s);
         });
         const i = () => {
           if (e.column.multi) {
-            const l = [];
-            Array.from(o.selectedOptions).forEach((r) => {
-              l.push(r.value);
-            }), e.commit(l);
+            const r = [];
+            Array.from(o.selectedOptions).forEach((s) => {
+              r.push(s.value);
+            }), e.commit(r);
           } else
             e.commit(o.value);
         };
-        return o.addEventListener("change", i), o.addEventListener("blur", i), o.addEventListener("keydown", (l) => {
-          l.key === "Escape" && e.cancel();
+        return o.addEventListener("change", i), o.addEventListener("blur", i), o.addEventListener("keydown", (r) => {
+          r.key === "Escape" && e.cancel();
         }), o;
       };
     default:
@@ -416,23 +429,23 @@ function Me(t) {
   const e = t.getAttribute("data-row");
   return e ? parseInt(e, 10) : -1;
 }
-function U(t) {
+function X(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-col");
   return e ? parseInt(e, 10) : -1;
 }
-function le(t) {
+function se(t) {
   t && t.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
 }
-function ft(t, e) {
+function pt(t, e) {
   if (t._dispatchKeyDown?.(e))
     return;
-  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, s = e.composedPath ? e.composedPath() : [], a = s && s.length ? s[0] : e.target, c = (h) => {
-    if (!h) return !1;
-    const d = h.tagName;
-    return !!(d === "INPUT" || d === "SELECT" || d === "TEXTAREA" || h.isContentEditable);
+  const o = t._rows.length - 1, n = t._visibleColumns.length - 1, i = t._activeEditRows !== void 0 && t._activeEditRows !== -1, s = t._visibleColumns[t._focusCol]?.type, l = e.composedPath ? e.composedPath() : [], a = l && l.length ? l[0] : e.target, c = (f) => {
+    if (!f) return !1;
+    const d = f.tagName;
+    return !!(d === "INPUT" || d === "SELECT" || d === "TEXTAREA" || f.isContentEditable);
   };
-  if (!(c(a) && (e.key === "Home" || e.key === "End")) && !(c(a) && (e.key === "ArrowUp" || e.key === "ArrowDown") && a.tagName === "INPUT" && a.type === "number") && !(c(a) && (e.key === "ArrowLeft" || e.key === "ArrowRight")) && !(c(a) && (e.key === "Enter" || e.key === "Escape")) && !(i && (r === "select" || r === "typeahead") && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
+  if (!(c(a) && (e.key === "Home" || e.key === "End")) && !(c(a) && (e.key === "ArrowUp" || e.key === "ArrowDown") && a.tagName === "INPUT" && a.type === "number") && !(c(a) && (e.key === "ArrowLeft" || e.key === "ArrowRight")) && !(c(a) && (e.key === "Enter" || e.key === "Escape")) && !(i && (s === "select" || s === "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), k(t);
@@ -479,45 +492,45 @@ function ft(t, e) {
 }
 function k(t, e) {
   if (t._virtualization?.enabled) {
-    const { rowHeight: r, container: s, viewportEl: a } = t._virtualization, c = s, h = a?.clientHeight ?? c?.clientHeight ?? 0;
-    if (c && h > 0) {
-      const d = t._focusRow * r;
-      d < c.scrollTop ? c.scrollTop = d : d + r > c.scrollTop + h && (c.scrollTop = d - h + r);
+    const { rowHeight: s, container: l, viewportEl: a } = t._virtualization, c = l, f = a?.clientHeight ?? c?.clientHeight ?? 0;
+    if (c && f > 0) {
+      const d = t._focusRow * s;
+      d < c.scrollTop ? c.scrollTop = d : d + s > c.scrollTop + f && (c.scrollTop = d - f + s);
     }
   }
   const o = t._activeEditRows !== void 0 && t._activeEditRows !== -1;
-  o || t.refreshVirtualWindow(!1), le(t._bodyEl), Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((r) => {
-    r.setAttribute("aria-selected", "false");
+  o || t.refreshVirtualWindow(!1), se(t._bodyEl), Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((s) => {
+    s.setAttribute("aria-selected", "false");
   });
-  const n = t._focusRow, i = t._virtualization.start ?? 0, l = t._virtualization.end ?? t._rows.length;
-  if (n >= i && n < l) {
-    const r = t._bodyEl.querySelectorAll(".data-grid-row")[n - i], s = r?.children[t._focusCol];
-    if (s) {
-      s.classList.add("cell-focus"), s.setAttribute("aria-selected", "true");
+  const n = t._focusRow, i = t._virtualization.start ?? 0, r = t._virtualization.end ?? t._rows.length;
+  if (n >= i && n < r) {
+    const s = t._bodyEl.querySelectorAll(".data-grid-row")[n - i], l = s?.children[t._focusCol];
+    if (l) {
+      l.classList.add("cell-focus"), l.setAttribute("aria-selected", "true");
       const a = t.shadowRoot?.querySelector(".tbw-scroll-area");
-      if (a && s && !o)
+      if (a && l && !o)
         if (e?.forceScrollLeft)
           a.scrollLeft = 0;
         else if (e?.forceScrollRight)
           a.scrollLeft = a.scrollWidth - a.clientWidth;
         else {
-          const c = t._getHorizontalScrollOffsets?.(r ?? void 0, s) ?? { left: 0, right: 0 };
+          const c = t._getHorizontalScrollOffsets?.(s ?? void 0, l) ?? { left: 0, right: 0 };
           if (!c.skipScroll) {
-            const h = s.getBoundingClientRect(), d = a.getBoundingClientRect(), u = h.left - d.left + a.scrollLeft, p = u + h.width, f = a.scrollLeft + c.left, b = a.scrollLeft + a.clientWidth - c.right;
-            u < f ? a.scrollLeft = u - c.left : p > b && (a.scrollLeft = p - a.clientWidth + c.right);
+            const f = l.getBoundingClientRect(), d = a.getBoundingClientRect(), u = f.left - d.left + a.scrollLeft, w = u + f.width, h = a.scrollLeft + c.left, p = a.scrollLeft + a.clientWidth - c.right;
+            u < h ? a.scrollLeft = u - c.left : w > p && (a.scrollLeft = w - a.clientWidth + c.right);
           }
         }
-      if (t._activeEditRows !== void 0 && t._activeEditRows !== -1 && s.classList.contains("editing")) {
-        const c = s.querySelector(B);
+      if (t._activeEditRows !== void 0 && t._activeEditRows !== -1 && l.classList.contains("editing")) {
+        const c = l.querySelector(B);
         if (c && document.activeElement !== c)
           try {
             c.focus({ preventScroll: !0 });
           } catch {
           }
-      } else if (!s.contains(document.activeElement)) {
-        s.hasAttribute("tabindex") || s.setAttribute("tabindex", "-1");
+      } else if (!l.contains(document.activeElement)) {
+        l.hasAttribute("tabindex") || l.setAttribute("tabindex", "-1");
         try {
-          s.focus({ preventScroll: !0 });
+          l.focus({ preventScroll: !0 });
         } catch {
         }
       }
@@ -528,94 +541,94 @@ const Oe = document.createElement("template");
 Oe.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
 const ke = document.createElement("template");
 ke.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
-function pt() {
+function wt() {
   return Oe.content.firstElementChild.cloneNode(!0);
 }
 function bt() {
   return ke.content.firstElementChild.cloneNode(!0);
 }
-const wt = "__cellDisplayCache", gt = "__cellCacheEpoch";
-function Z(t) {
-  t[wt] = void 0, t[gt] = void 0, t.__hasSpecialColumns = void 0;
+const gt = "__cellDisplayCache", mt = "__cellCacheEpoch";
+function Y(t) {
+  t[gt] = void 0, t[mt] = void 0, t.__hasSpecialColumns = void 0;
 }
-function mt(t, e, o, n, i) {
-  const l = Math.max(0, o - e), r = t._bodyEl, s = t._visibleColumns, a = s.length;
+function vt(t, e, o, n, i) {
+  const r = Math.max(0, o - e), s = t._bodyEl, l = t._visibleColumns, a = l.length;
   let c = t.__cachedHeaderRowCount;
-  for (c === void 0 && (c = t.shadowRoot?.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = c); t._rowPool.length < l; ) {
+  for (c === void 0 && (c = t.shadowRoot?.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = c); t._rowPool.length < r; ) {
     const d = bt();
-    d.addEventListener("click", (u) => we(t, u, d, !1)), d.addEventListener("dblclick", (u) => we(t, u, d, !0)), t._rowPool.push(d);
+    d.addEventListener("click", (u) => be(t, u, d, !1)), d.addEventListener("dblclick", (u) => be(t, u, d, !0)), t._rowPool.push(d);
   }
-  if (t._rowPool.length > l) {
-    for (let d = l; d < t._rowPool.length; d++) {
+  if (t._rowPool.length > r) {
+    for (let d = r; d < t._rowPool.length; d++) {
       const u = t._rowPool[d];
-      u.parentNode === r && u.remove();
+      u.parentNode === s && u.remove();
     }
-    t._rowPool.length = l;
+    t._rowPool.length = r;
   }
-  const h = i && t.__hasRenderRowPlugins !== !1;
-  for (let d = 0; d < l; d++) {
-    const u = e + d, p = t._rows[u], f = t._rowPool[d];
-    if (f.setAttribute("aria-rowindex", String(u + c + 1)), h && i(p, f, u)) {
-      f.__epoch = n, f.__rowDataRef = p, f.parentNode !== r && r.appendChild(f);
+  const f = i && t.__hasRenderRowPlugins !== !1;
+  for (let d = 0; d < r; d++) {
+    const u = e + d, w = t._rows[u], h = t._rowPool[d];
+    if (h.setAttribute("aria-rowindex", String(u + c + 1)), f && i(w, h, u)) {
+      h.__epoch = n, h.__rowDataRef = w, h.parentNode !== s && s.appendChild(h);
       continue;
     }
-    const b = f.__epoch, g = f.__rowDataRef, w = f.children.length, m = b === n && w === a, v = g !== p;
-    let C = !1;
-    if (m && v) {
-      for (let R = 0; R < a; R++)
-        if (s[R].externalView && !f.querySelector(`.cell[data-col="${R}"] [data-external-view]`)) {
-          C = !0;
+    const p = h.__epoch, g = h.__rowDataRef, b = h.children.length, v = p === n && b === a, m = g !== w;
+    let E = !1;
+    if (v && m) {
+      for (let S = 0; S < a; S++)
+        if (l[S].externalView && !h.querySelector(`.cell[data-col="${S}"] [data-external-view]`)) {
+          E = !0;
           break;
         }
     }
-    if (!m || C) {
-      const R = J(f), x = t._activeEditRows === u;
-      if (R && !x)
-        f.__isCustomRow && (f.className = "data-grid-row", f.setAttribute("role", "row"), f.__isCustomRow = !1), Q(f), I(t, f, p, u), f.__epoch = n, f.__rowDataRef = p;
-      else if (R && x)
-        oe(t, f, p, u), f.__rowDataRef = p;
-      else if (f.__isCustomRow && (f.className = "data-grid-row", f.setAttribute("role", "row"), f.__isCustomRow = !1), I(t, f, p, u), f.__epoch = n, f.__rowDataRef = p, x) {
-        const H = f.children;
-        for (let S = 0; S < H.length; S++) {
-          const T = t._visibleColumns[S];
-          T && T.editable && L(t, p, u, T, H[S], !0);
+    if (!v || E) {
+      const S = ee(h), C = t._activeEditRows === u;
+      if (S && !C)
+        h.__isCustomRow && (h.className = "data-grid-row", h.setAttribute("role", "row"), h.__isCustomRow = !1), te(h), $(t, h, w, u), h.__epoch = n, h.__rowDataRef = w;
+      else if (S && C)
+        ne(t, h, w, u), h.__rowDataRef = w;
+      else if (h.__isCustomRow && (h.className = "data-grid-row", h.setAttribute("role", "row"), h.__isCustomRow = !1), $(t, h, w, u), h.__epoch = n, h.__rowDataRef = w, C) {
+        const A = h.children;
+        for (let R = 0; R < A.length; R++) {
+          const P = t._visibleColumns[R];
+          P && P.editable && H(t, w, u, P, A[R], !0);
         }
       }
-    } else if (v) {
-      const R = J(f), x = t._activeEditRows === u;
-      if (R && !x)
-        Q(f), I(t, f, p, u), f.__epoch = n, f.__rowDataRef = p;
-      else if (oe(t, f, p, u), f.__rowDataRef = p, x && !R) {
-        const H = f.children;
-        for (let S = 0; S < H.length; S++) {
-          const T = t._visibleColumns[S];
-          T && T.editable && L(t, p, u, T, H[S], !0);
+    } else if (m) {
+      const S = ee(h), C = t._activeEditRows === u;
+      if (S && !C)
+        te(h), $(t, h, w, u), h.__epoch = n, h.__rowDataRef = w;
+      else if (ne(t, h, w, u), h.__rowDataRef = w, C && !S) {
+        const A = h.children;
+        for (let R = 0; R < A.length; R++) {
+          const P = t._visibleColumns[R];
+          P && P.editable && H(t, w, u, P, A[R], !0);
         }
       }
     } else {
-      const R = J(f), x = t._activeEditRows === u;
-      if (R && !x)
-        Q(f), I(t, f, p, u), f.__epoch = n, f.__rowDataRef = p;
-      else if (oe(t, f, p, u), x && !R) {
-        const H = f.children;
-        for (let S = 0; S < H.length; S++) {
-          const T = t._visibleColumns[S];
-          T && T.editable && L(t, p, u, T, H[S], !0);
+      const S = ee(h), C = t._activeEditRows === u;
+      if (S && !C)
+        te(h), $(t, h, w, u), h.__epoch = n, h.__rowDataRef = w;
+      else if (ne(t, h, w, u), C && !S) {
+        const A = h.children;
+        for (let R = 0; R < A.length; R++) {
+          const P = t._visibleColumns[R];
+          P && P.editable && H(t, w, u, P, A[R], !0);
         }
       }
     }
-    const $ = t._changedRowIndices.has(u), $e = f.classList.contains("changed");
-    $ !== $e && f.classList.toggle("changed", $), f.parentNode !== r && r.appendChild(f);
+    const x = t._changedRowIndices.has(u), K = h.classList.contains("changed");
+    x !== K && h.classList.toggle("changed", x), h.parentNode !== s && s.appendChild(h);
   }
 }
-function oe(t, e, o, n) {
-  const i = e.children, l = t._visibleColumns, r = l.length, s = i.length, a = r < s ? r : s, c = t._focusRow, h = t._focusCol;
+function ne(t, e, o, n) {
+  const i = e.children, r = t._visibleColumns, s = r.length, l = i.length, a = s < l ? s : l, c = t._focusRow, f = t._focusCol;
   let d = t.__hasSpecialColumns;
   if (d === void 0) {
     d = !1;
-    for (let p = 0; p < r; p++) {
-      const f = l[p];
-      if (f.__viewTemplate || f.__compiledView || f.viewRenderer || f.externalView || f.format || f.type === "date" || f.type === "boolean") {
+    for (let w = 0; w < s; w++) {
+      const h = r[w];
+      if (h.__viewTemplate || h.__compiledView || h.renderer || h.viewRenderer || h.externalView || h.format || h.type === "date" || h.type === "boolean") {
         d = !0;
         break;
       }
@@ -624,70 +637,71 @@ function oe(t, e, o, n) {
   }
   const u = String(n);
   if (!d) {
-    for (let p = 0; p < a; p++) {
-      const f = i[p], b = o[l[p].field];
-      f.textContent = b == null ? "" : String(b), f.getAttribute("data-row") !== u && f.setAttribute("data-row", u);
-      const g = c === n && h === p, w = f.classList.contains("cell-focus");
-      g !== w && (f.classList.toggle("cell-focus", g), f.setAttribute("aria-selected", String(g)));
+    for (let w = 0; w < a; w++) {
+      const h = i[w], p = o[r[w].field];
+      h.textContent = p == null ? "" : String(p), h.getAttribute("data-row") !== u && h.setAttribute("data-row", u);
+      const g = c === n && f === w, b = h.classList.contains("cell-focus");
+      g !== b && (h.classList.toggle("cell-focus", g), h.setAttribute("aria-selected", String(g)));
     }
     return;
   }
-  for (let p = 0; p < a; p++)
-    if (l[p].externalView && !i[p].querySelector("[data-external-view]")) {
-      I(t, e, o, n);
+  for (let w = 0; w < a; w++)
+    if (r[w].externalView && !i[w].querySelector("[data-external-view]")) {
+      $(t, e, o, n);
       return;
     }
-  for (let p = 0; p < a; p++) {
-    const f = l[p], b = i[p];
-    b.getAttribute("data-row") !== u && b.setAttribute("data-row", u);
-    const g = c === n && h === p, w = b.classList.contains("cell-focus");
-    if (g !== w && (b.classList.toggle("cell-focus", g), b.setAttribute("aria-selected", String(g))), b.classList.contains("editing")) continue;
-    if (f.viewRenderer) {
-      const v = o[f.field], C = f.viewRenderer({ row: o, value: v, field: f.field, column: f });
-      typeof C == "string" ? b.innerHTML = K(C) : C ? (b.innerHTML = "", b.appendChild(C)) : b.textContent = v == null ? "" : String(v);
+  for (let w = 0; w < a; w++) {
+    const h = r[w], p = i[w];
+    p.getAttribute("data-row") !== u && p.setAttribute("data-row", u);
+    const g = c === n && f === w, b = p.classList.contains("cell-focus");
+    if (g !== b && (p.classList.toggle("cell-focus", g), p.setAttribute("aria-selected", String(g))), p.classList.contains("editing")) continue;
+    const _ = h.renderer || h.viewRenderer;
+    if (_) {
+      const E = o[h.field], x = _({ row: o, value: E, field: h.field, column: h, cellEl: p });
+      typeof x == "string" ? p.innerHTML = Q(x) : x ? x.parentElement !== p && (p.innerHTML = "", p.appendChild(x)) : p.textContent = E == null ? "" : String(E);
       continue;
     }
-    if (f.__viewTemplate || f.__compiledView || f.externalView)
+    if (h.__viewTemplate || h.__compiledView || h.externalView)
       continue;
-    const _ = o[f.field];
+    const v = o[h.field];
     let m;
-    if (f.format)
+    if (h.format)
       try {
-        const v = f.format(_, o);
-        m = v == null ? "" : String(v);
+        const E = h.format(v, o);
+        m = E == null ? "" : String(E);
       } catch {
-        m = _ == null ? "" : String(_);
+        m = v == null ? "" : String(v);
       }
-    else f.type === "date" ? (m = He(_), b.textContent = m) : f.type === "boolean" ? b.innerHTML = ae(!!_) : (m = _ == null ? "" : String(_), b.textContent = m);
+    else h.type === "date" ? (m = He(v), p.textContent = m) : h.type === "boolean" ? p.innerHTML = ae(!!v) : (m = v == null ? "" : String(v), p.textContent = m);
   }
 }
-function I(t, e, o, n) {
+function $(t, e, o, n) {
   e.innerHTML = "";
-  const i = t._visibleColumns, l = i.length, r = t._focusRow, s = t._focusCol;
+  const i = t._visibleColumns, r = i.length, s = t._focusRow, l = t._focusCol;
   t.effectiveConfig?.editOn || t.editOn;
   const a = t, c = document.createDocumentFragment();
-  for (let h = 0; h < l; h++) {
-    const d = i[h], u = pt();
-    u.setAttribute("aria-colindex", String(h + 1)), u.setAttribute("data-col", String(h)), u.setAttribute("data-row", String(n)), u.setAttribute("data-field", d.field), d.type, d.type && u.setAttribute("data-type", d.type);
-    let p = o[d.field];
-    const f = d.format;
-    if (f)
+  for (let f = 0; f < r; f++) {
+    const d = i[f], u = wt();
+    u.setAttribute("aria-colindex", String(f + 1)), u.setAttribute("data-col", String(f)), u.setAttribute("data-row", String(n)), u.setAttribute("data-field", d.field), d.type, d.type && u.setAttribute("data-type", d.type);
+    let w = o[d.field];
+    const h = d.format;
+    if (h)
       try {
-        p = f(p, o);
+        w = h(w, o);
       } catch {
       }
-    const b = d.__compiledView, g = d.__viewTemplate, w = d.viewRenderer, _ = d.externalView;
-    let m = !1;
-    if (w) {
-      const v = w({ row: o, value: p, field: d.field, column: d });
-      typeof v == "string" ? (u.innerHTML = K(v), m = !0) : v ? u.appendChild(v) : u.textContent = p == null ? "" : String(p);
+    const p = d.__compiledView, g = d.__viewTemplate, b = d.renderer || d.viewRenderer, _ = d.externalView;
+    let v = !1;
+    if (b) {
+      const m = b({ row: o, value: w, field: d.field, column: d, cellEl: u });
+      typeof m == "string" ? (u.innerHTML = Q(m), v = !0) : m ? m.parentElement !== u && (u.textContent = "", u.appendChild(m)) : u.textContent = w == null ? "" : String(w);
     } else if (_) {
-      const v = _, C = document.createElement("div");
-      C.setAttribute("data-external-view", ""), C.setAttribute("data-field", d.field), u.appendChild(C);
-      const $ = { row: o, value: p, field: d.field, column: d };
-      if (v.mount)
+      const m = _, E = document.createElement("div");
+      E.setAttribute("data-external-view", ""), E.setAttribute("data-field", d.field), u.appendChild(E);
+      const x = { row: o, value: w, field: d.field, column: d };
+      if (m.mount)
         try {
-          v.mount({ placeholder: C, context: $, spec: v });
+          m.mount({ placeholder: E, context: x, spec: m });
         } catch {
         }
       else
@@ -697,85 +711,85 @@ function I(t, e, o, n) {
               new CustomEvent("mount-external-view", {
                 bubbles: !0,
                 composed: !0,
-                detail: { placeholder: C, spec: v, context: $ }
+                detail: { placeholder: E, spec: m, context: x }
               })
             );
           } catch {
           }
         });
-      C.setAttribute("data-mounted", "");
-    } else if (b) {
-      const v = b({ row: o, value: p, field: d.field, column: d }), C = b.__blocked;
-      u.innerHTML = C ? "" : K(v), m = !0, C && (u.textContent = "", u.setAttribute("data-blocked-template", ""));
+      E.setAttribute("data-mounted", "");
+    } else if (p) {
+      const m = p({ row: o, value: w, field: d.field, column: d }), E = p.__blocked;
+      u.innerHTML = E ? "" : Q(m), v = !0, E && (u.textContent = "", u.setAttribute("data-blocked-template", ""));
     } else if (g) {
-      const v = g.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(v) ? (u.textContent = "", u.setAttribute("data-blocked-template", "")) : (u.innerHTML = K(Pe(v, { row: o, value: p })), m = !0);
+      const m = g.innerHTML;
+      /Reflect\.|\bProxy\b|ownKeys\(/.test(m) ? (u.textContent = "", u.setAttribute("data-blocked-template", "")) : (u.innerHTML = Q(Pe(m, { row: o, value: w })), v = !0);
     } else
-      d.type === "date" ? u.textContent = He(p) : d.type === "boolean" ? u.innerHTML = ae(!!p) : u.textContent = p == null ? "" : String(p);
-    if (m) {
-      ct(u);
-      const v = u.textContent || "";
-      /Proxy|Reflect\.ownKeys/.test(v) && (u.textContent = v.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(u.textContent || "") && (u.textContent = ""));
+      d.type === "date" ? u.textContent = He(w) : d.type === "boolean" ? u.innerHTML = ae(!!w) : u.textContent = w == null ? "" : String(w);
+    if (v) {
+      dt(u);
+      const m = u.textContent || "";
+      /Proxy|Reflect\.ownKeys/.test(m) && (u.textContent = m.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(u.textContent || "") && (u.textContent = ""));
     }
-    u.hasAttribute("data-blocked-template") && (u.textContent || "").trim().length && (u.textContent = ""), d.editable ? u.tabIndex = 0 : d.type === "boolean" && (u.hasAttribute("tabindex") || (u.tabIndex = 0)), r === n && s === h ? (u.classList.add("cell-focus"), u.setAttribute("aria-selected", "true")) : u.setAttribute("aria-selected", "false"), c.appendChild(u);
+    u.hasAttribute("data-blocked-template") && (u.textContent || "").trim().length && (u.textContent = ""), d.editable ? u.tabIndex = 0 : d.type === "boolean" && (u.hasAttribute("tabindex") || (u.tabIndex = 0)), s === n && l === f ? (u.classList.add("cell-focus"), u.setAttribute("aria-selected", "true")) : u.setAttribute("aria-selected", "false"), c.appendChild(u);
   }
   e.appendChild(c);
 }
-function we(t, e, o, n) {
+function be(t, e, o, n) {
   if (e.target?.closest(".resize-handle")) return;
-  const i = o.querySelector(".cell[data-row]"), l = Me(i);
-  if (l < 0) return;
-  const r = t._rows[l];
-  if (!r || t._dispatchRowClick?.(e, l, r, o))
+  const i = o.querySelector(".cell[data-row]"), r = Me(i);
+  if (r < 0) return;
+  const s = t._rows[r];
+  if (!s || t._dispatchRowClick?.(e, r, s, o))
     return;
-  const s = e.target?.closest(".cell[data-col]");
-  if (s) {
-    const d = Number(s.getAttribute("data-col"));
+  const l = e.target?.closest(".cell[data-col]");
+  if (l) {
+    const d = Number(l.getAttribute("data-col"));
     if (!isNaN(d)) {
-      if (t._dispatchCellClick?.(e, l, d, s))
+      if (t._dispatchCellClick?.(e, r, d, l))
         return;
-      const u = t._focusRow !== l || t._focusCol !== d;
-      if (t._focusRow = l, t._focusCol = d, s.classList.contains("editing")) {
-        u && (le(t.shadowRoot ?? t._bodyEl), s.classList.add("cell-focus"));
+      const u = t._focusRow !== r || t._focusCol !== d;
+      if (t._focusRow = r, t._focusCol = d, l.classList.contains("editing")) {
+        u && (se(t.shadowRoot ?? t._bodyEl), l.classList.add("cell-focus"));
         return;
       }
       k(t);
     }
   }
-  if (t._activeEditRows === l) {
-    s && (le(t.shadowRoot ?? t._bodyEl), s.classList.add("cell-focus"), queueMicrotask(() => {
-      const d = Number(s.getAttribute("data-col")), u = t._visibleColumns[d];
-      if (u && u.editable && s.classList.contains("editing")) {
-        const p = s.querySelector(B);
+  if (t._activeEditRows === r) {
+    l && (se(t.shadowRoot ?? t._bodyEl), l.classList.add("cell-focus"), queueMicrotask(() => {
+      const d = Number(l.getAttribute("data-col")), u = t._visibleColumns[d];
+      if (u && u.editable && l.classList.contains("editing")) {
+        const w = l.querySelector(B);
         try {
-          p?.focus({ preventScroll: !0 });
+          w?.focus({ preventScroll: !0 });
         } catch {
         }
       }
     }));
     return;
   }
-  if (J(o)) {
+  if (ee(o)) {
     if (!n) return;
     const d = o.children;
     for (let u = 0; u < d.length; u++)
       d[u].classList.remove("editing");
-    Q(o);
+    te(o);
   }
   const c = t.effectiveConfig?.editOn ?? t.editOn ?? "dblClick";
   if (c === !1) return;
-  const h = c === "dblclick" ? "dblClick" : c;
-  if (h === "click" || h === "dblClick" && n) {
+  const f = c === "dblclick" ? "dblClick" : c;
+  if (f === "click" || f === "dblClick" && n) {
     if (typeof t.beginBulkEdit == "function") {
-      t.beginBulkEdit(l);
+      t.beginBulkEdit(r);
       return;
     }
-    W(t, l, r);
+    G(t, r, s);
   } else return;
   Array.from(o.children).forEach((d, u) => {
-    const p = t._visibleColumns[u];
-    p && p.editable && L(t, r, l, p, d, !0);
-  }), s && queueMicrotask(() => {
+    const w = t._visibleColumns[u];
+    w && w.editable && H(t, s, r, w, d, !0);
+  }), l && queueMicrotask(() => {
     const d = o.querySelector(`.cell[data-col="${t._focusCol}"]`);
     if (d?.classList.contains("editing")) {
       const u = d.querySelector(B);
@@ -787,59 +801,74 @@ function we(t, e, o, n) {
   });
 }
 const B = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
-function re(t) {
+function le(t) {
   return !(t === "__proto__" || t === "constructor" || t === "prototype");
 }
-function J(t) {
+function ee(t) {
   return (t.__editingCellCount ?? 0) > 0;
 }
-function vt(t) {
+function _t(t) {
   const e = (t.__editingCellCount ?? 0) + 1;
   t.__editingCellCount = e, t.setAttribute("data-has-editing", "");
 }
-function Q(t) {
+function te(t) {
   t.__editingCellCount = 0, t.removeAttribute("data-has-editing");
 }
-function W(t, e, o) {
+function Ct(t, e, o, n, i) {
+  const r = t.querySelector("input,textarea,select");
+  if (!r) return;
+  const s = () => {
+    if (r instanceof HTMLInputElement) {
+      if (r.type === "checkbox") return r.checked;
+      if (r.type === "number") return r.value === "" ? null : Number(r.value);
+      if (r.type === "date") return r.valueAsDate;
+    }
+    return e.type === "number" && r.value !== "" ? Number(r.value) : r.value;
+  };
+  r.addEventListener("blur", () => {
+    o(s());
+  }), r instanceof HTMLInputElement && r.type === "checkbox" ? r.addEventListener("change", () => o(r.checked)) : r instanceof HTMLSelectElement && r.addEventListener("change", () => o(s()));
+}
+function G(t, e, o) {
   t._activeEditRows !== e && (t._rowEditSnapshots.set(e, { ...o }), t._activeEditRows = e);
 }
 function D(t, e, o) {
   if (t._activeEditRows !== e) return;
-  const n = t._rowEditSnapshots.get(e), i = t._rows[e], l = t.findRenderedRowElement?.(e);
-  if (!o && l && i && l.querySelectorAll(".cell.editing").forEach((s) => {
-    const a = Number(s.getAttribute("data-col"));
+  const n = t._rowEditSnapshots.get(e), i = t._rows[e], r = t.findRenderedRowElement?.(e);
+  if (!o && r && i && r.querySelectorAll(".cell.editing").forEach((l) => {
+    const a = Number(l.getAttribute("data-col"));
     if (isNaN(a)) return;
     const c = t._visibleColumns[a];
     if (!c) return;
-    const h = s.querySelector("input,textarea,select");
-    if (h) {
+    const f = l.querySelector("input,textarea,select");
+    if (f) {
       let d;
-      h instanceof HTMLInputElement && h.type === "checkbox" ? d = h.checked : (d = h.value, c.type === "number" && d !== "" && (d = Number(d))), i[c.field] !== d && ce(t, e, c, d, i);
+      f instanceof HTMLInputElement && f.type === "checkbox" ? d = f.checked : (d = f.value, c.type === "number" && d !== "" && (d = Number(d))), i[c.field] !== d && ce(t, e, c, d, i);
     }
   }), o && n && i)
-    Object.keys(n).forEach((r) => i[r] = n[r]), t._changedRowIndices.delete(e), Z(t);
+    Object.keys(n).forEach((s) => i[s] = n[s]), t._changedRowIndices.delete(e), Y(t);
   else if (!o) {
-    const r = t._changedRowIndices.has(e);
+    const s = t._changedRowIndices.has(e);
     t.dispatchEvent(
       new CustomEvent("row-commit", {
         detail: {
           rowIndex: e,
           row: i,
-          changed: r,
+          changed: s,
           changedRows: t.changedRows,
           changedRowIndices: t.changedRowIndices
         }
       })
     );
   }
-  t._rowEditSnapshots.delete(e), t._activeEditRows = -1, l && (I(t, l, t._rows[e], e), t._changedRowIndices.has(e) ? l.classList.add("changed") : l.classList.remove("changed")), queueMicrotask(() => {
+  t._rowEditSnapshots.delete(e), t._activeEditRows = -1, r && ($(t, r, t._rows[e], e), t._changedRowIndices.has(e) ? r.classList.add("changed") : r.classList.remove("changed")), queueMicrotask(() => {
     try {
-      const r = t._focusRow, s = t._focusCol, a = t.findRenderedRowElement?.(r);
+      const s = t._focusRow, l = t._focusCol, a = t.findRenderedRowElement?.(s);
       if (a) {
         Array.from(t._bodyEl.querySelectorAll(".cell-focus")).forEach(
-          (h) => h.classList.remove("cell-focus")
+          (f) => f.classList.remove("cell-focus")
         );
-        const c = a.querySelector(`.cell[data-row="${r}"][data-col="${s}"]`);
+        const c = a.querySelector(`.cell[data-row="${s}"][data-col="${l}"]`);
         c && (c.classList.add("cell-focus"), c.setAttribute("aria-selected", "true"), c.hasAttribute("tabindex") || c.setAttribute("tabindex", "-1"), c.focus({ preventScroll: !0 }));
       }
     } catch {
@@ -847,97 +876,97 @@ function D(t, e, o) {
   });
 }
 function ce(t, e, o, n, i) {
-  const l = o.field;
-  if (!re(l) || i[l] === n) return;
-  i[l] = n;
-  const s = !t._changedRowIndices.has(e);
+  const r = o.field;
+  if (!le(r) || i[r] === n) return;
+  i[r] = 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: i,
-        field: l,
+        field: r,
         value: n,
         rowIndex: e,
         changedRows: t.changedRows,
         changedRowIndices: t.changedRowIndices,
-        firstTimeForRow: s
+        firstTimeForRow: l
       }
     })
   );
 }
-function L(t, e, o, n, i, l = !1) {
-  if (!n.editable || (t._activeEditRows !== o && W(t, o, e), i.classList.contains("editing"))) return;
-  const r = re(n.field) ? e[n.field] : void 0;
+function H(t, e, o, n, i, r = !1) {
+  if (!n.editable || (t._activeEditRows !== o && G(t, o, e), i.classList.contains("editing"))) return;
+  const s = le(n.field) ? e[n.field] : void 0;
   i.classList.add("editing");
-  const s = i.parentElement;
-  s && vt(s);
+  const l = i.parentElement;
+  l && _t(l);
   let a = !1;
-  const c = (b) => {
-    a || t._activeEditRows === -1 || ce(t, o, n, b, e);
-  }, h = () => {
-    a = !0, e[n.field] = re(n.field) ? r : void 0;
-    const b = i.querySelector("input,textarea,select");
-    b && (typeof HTMLInputElement < "u" && b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked = !!r : "value" in b && (b.value = r ?? ""));
+  const c = (p) => {
+    a || t._activeEditRows === -1 || ce(t, o, n, p, e);
+  }, f = () => {
+    a = !0, e[n.field] = le(n.field) ? s : void 0;
+    const p = i.querySelector("input,textarea,select");
+    p && (typeof HTMLInputElement < "u" && p instanceof HTMLInputElement && p.type === "checkbox" ? p.checked = !!s : "value" in p && (p.value = s ?? ""));
   }, d = document.createElement("div");
-  d.style.display = "contents", i.innerHTML = "", i.appendChild(d), d.addEventListener("keydown", (b) => {
-    b.key === "Enter" && (b.stopPropagation(), b.preventDefault(), a = !0, D(t, o, !1)), b.key === "Escape" && (b.stopPropagation(), b.preventDefault(), h(), D(t, o, !0));
+  d.style.display = "contents", i.innerHTML = "", i.appendChild(d), d.addEventListener("keydown", (p) => {
+    p.key === "Enter" && (p.stopPropagation(), p.preventDefault(), a = !0, D(t, o, !1)), p.key === "Escape" && (p.stopPropagation(), p.preventDefault(), f(), D(t, o, !0));
   });
-  const u = n.__editorTemplate, p = n.editor || (u ? "template" : ht(n)), f = r;
-  if (p === "template" && u) {
-    const b = u.cloneNode(!0), g = n.__compiledEditor;
-    g ? b.innerHTML = g({ row: e, value: r, field: n.field, column: n }) : b.querySelectorAll("*").forEach((_) => {
-      _.childNodes.length === 1 && _.firstChild?.nodeType === Node.TEXT_NODE && (_.textContent = _.textContent?.replace(/{{\s*value\s*}}/g, r == null ? "" : String(r)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (m, v) => {
-        const C = e[v];
-        return C == null ? "" : String(C);
+  const u = n.__editorTemplate, w = n.editor || (u ? "template" : ft(n)), h = s;
+  if (w === "template" && u) {
+    const p = u.cloneNode(!0), g = n.__compiledEditor;
+    g ? p.innerHTML = g({ row: e, value: s, field: n.field, column: n }) : p.querySelectorAll("*").forEach((_) => {
+      _.childNodes.length === 1 && _.firstChild?.nodeType === Node.TEXT_NODE && (_.textContent = _.textContent?.replace(/{{\s*value\s*}}/g, s == null ? "" : String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (v, m) => {
+        const E = e[m];
+        return E == null ? "" : String(E);
       }) || "");
     });
-    const w = b.querySelector("input,textarea,select");
-    if (w) {
+    const b = p.querySelector("input,textarea,select");
+    if (b) {
       const _ = typeof HTMLInputElement < "u";
-      _ && w instanceof HTMLInputElement && w.type === "checkbox" ? w.checked = !!r : "value" in w && (w.value = r ?? ""), w.addEventListener("blur", () => {
-        const m = _ && w instanceof HTMLInputElement && w.type === "checkbox" ? w.checked : w.value;
-        c(m);
-      }), w.addEventListener("keydown", (m) => {
-        if (m.key === "Enter") {
-          m.stopPropagation(), m.preventDefault(), a = !0;
-          const v = _ && w instanceof HTMLInputElement && w.type === "checkbox" ? w.checked : w.value;
-          c(v), D(t, o, !1);
+      _ && b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked = !!s : "value" in b && (b.value = s ?? ""), b.addEventListener("blur", () => {
+        const v = _ && b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked : b.value;
+        c(v);
+      }), b.addEventListener("keydown", (v) => {
+        if (v.key === "Enter") {
+          v.stopPropagation(), v.preventDefault(), a = !0;
+          const m = _ && b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked : b.value;
+          c(m), D(t, o, !1);
         }
-        m.key === "Escape" && (m.stopPropagation(), m.preventDefault(), h(), D(t, o, !0));
-      }), _ && w instanceof HTMLInputElement && w.type === "checkbox" && w.addEventListener("change", () => {
-        const m = w.checked;
-        c(m);
-      }), l || setTimeout(() => w.focus({ preventScroll: !0 }), 0);
-    }
-    d.appendChild(b);
-  } else if (typeof p == "string") {
-    const b = document.createElement(p);
-    b.value = f, b.addEventListener("change", () => c(b.value)), d.appendChild(b), l || queueMicrotask(() => {
+        v.key === "Escape" && (v.stopPropagation(), v.preventDefault(), f(), D(t, o, !0));
+      }), _ && b instanceof HTMLInputElement && b.type === "checkbox" && b.addEventListener("change", () => {
+        const v = b.checked;
+        c(v);
+      }), r || setTimeout(() => b.focus({ preventScroll: !0 }), 0);
+    }
+    d.appendChild(p);
+  } else if (typeof w == "string") {
+    const p = document.createElement(w);
+    p.value = h, p.addEventListener("change", () => c(p.value)), d.appendChild(p), r || queueMicrotask(() => {
       d.querySelector(B)?.focus({ preventScroll: !0 });
     });
-  } else if (typeof p == "function") {
-    const b = p({ row: e, value: f, field: n.field, column: n, commit: c, cancel: h });
-    typeof b == "string" ? d.innerHTML = b : d.appendChild(b), l || queueMicrotask(() => {
+  } else if (typeof w == "function") {
+    const p = w({ row: e, value: h, field: n.field, column: n, commit: c, cancel: f });
+    typeof p == "string" ? (d.innerHTML = p, Ct(d, n, c)) : d.appendChild(p), r || queueMicrotask(() => {
       d.querySelector(B)?.focus({ preventScroll: !0 });
     });
-  } else if (p && typeof p == "object") {
-    const b = document.createElement("div");
-    b.setAttribute("data-external-editor", ""), b.setAttribute("data-field", n.field), d.appendChild(b);
-    const g = { row: e, value: f, field: n.field, column: n, commit: c, cancel: h };
-    if (p.mount)
+  } else if (w && typeof w == "object") {
+    const p = document.createElement("div");
+    p.setAttribute("data-external-editor", ""), p.setAttribute("data-field", n.field), d.appendChild(p);
+    const g = { row: e, value: h, field: n.field, column: n, commit: c, cancel: f };
+    if (w.mount)
       try {
-        p.mount({ placeholder: b, context: g, spec: p });
+        w.mount({ placeholder: p, context: g, spec: w });
       } catch {
       }
     else
       t.dispatchEvent(
-        new CustomEvent("mount-external-editor", { detail: { placeholder: b, spec: p, context: g } })
+        new CustomEvent("mount-external-editor", { detail: { placeholder: p, spec: w, context: g } })
       );
   }
 }
-function _t(t, e, o) {
+function Et(t, e, o) {
   t.dispatchEvent(new CustomEvent(e, { detail: o, bubbles: !0 }));
 }
 function De(t) {
@@ -946,90 +975,90 @@ function De(t) {
 function ze(t) {
   return Array.from(t._changedRowIndices);
 }
-function Ct(t, e) {
-  t._changedRowIndices.clear(), e || _t(t, "changed-rows-reset", {
+function yt(t, e) {
+  t._changedRowIndices.clear(), e || Et(t, "changed-rows-reset", {
     rows: De(t),
     indices: ze(t)
   }), t._rowPool.forEach((o) => o.classList.remove("changed"));
 }
-function Et(t, e, o) {
-  if (t.effectiveConfig?.editOn === !1 || !t._columns.some((r) => r.editable)) return;
+function St(t, e, o) {
+  if (t.effectiveConfig?.editOn === !1 || !t._columns.some((s) => s.editable)) return;
   const i = t._rows[e];
-  W(t, e, i);
-  const l = o.findRenderedRowElement(e);
-  l && (Array.from(l.children).forEach((r, s) => {
-    const a = t._visibleColumns[s];
+  G(t, e, i);
+  const r = o.findRenderedRowElement(e);
+  r && (Array.from(r.children).forEach((s, l) => {
+    const a = t._visibleColumns[l];
     if (a?.editable) {
-      const c = r;
-      c.classList.contains("editing") || L(t, i, e, a, c, !0);
+      const c = s;
+      c.classList.contains("editing") || H(t, i, e, a, c, !0);
     }
   }), setTimeout(() => {
-    let r = l.querySelector(`.cell[data-col="${t._focusCol}"]`);
-    if (r?.classList.contains("editing") || (r = l.querySelector(".cell.editing")), r?.classList.contains("editing")) {
-      const s = r.querySelector(B);
+    let s = r.querySelector(`.cell[data-col="${t._focusCol}"]`);
+    if (s?.classList.contains("editing") || (s = r.querySelector(".cell.editing")), s?.classList.contains("editing")) {
+      const l = s.querySelector(B);
       try {
-        s?.focus({ preventScroll: !0 });
+        l?.focus({ preventScroll: !0 });
       } catch {
       }
     }
   }, 0));
 }
-function yt(t) {
+function Rt(t) {
   t._activeEditRows !== -1 && D(t, t._activeEditRows, !1);
 }
-function St(t) {
+function Tt(t) {
   t._activeEditRows !== -1 && D(t, t._activeEditRows, !0);
 }
-function te(t, e) {
-  const o = Me(e), n = U(e);
+function oe(t, e) {
+  const o = Me(e), n = X(e);
   if (o < 0 || n < 0) return null;
-  const i = t._rows[o], l = t._visibleColumns[n];
-  return !i || !l ? null : { rowIndex: o, colIndex: n, rowData: i, col: l };
+  const i = t._rows[o], r = t._visibleColumns[n];
+  return !i || !r ? null : { rowIndex: o, colIndex: n, rowData: i, col: r };
 }
-function Rt(t, e) {
+function xt(t, e) {
   if (e.classList.contains("editing")) return;
-  const o = te(t, e);
+  const o = oe(t, e);
   o && (t._focusRow = o.rowIndex, t._focusCol = o.colIndex, k(t));
 }
 function At(t, e, o) {
   if (e.classList.contains("editing")) return;
-  const n = te(t, e);
-  n && (o.stopPropagation(), t._focusRow = n.rowIndex, t._focusCol = n.colIndex, L(t, n.rowData, n.rowIndex, n.col, e));
+  const n = oe(t, e);
+  n && (o.stopPropagation(), t._focusRow = n.rowIndex, t._focusCol = n.colIndex, H(t, n.rowData, n.rowIndex, n.col, e));
 }
-function Tt(t, e, o) {
+function Lt(t, e, o) {
   o.stopPropagation();
-  const n = te(t, e);
+  const n = oe(t, e);
   if (!n) return;
   if (typeof t.beginBulkEdit == "function") {
     t._focusRow = n.rowIndex, t._focusCol = n.colIndex, t.beginBulkEdit(n.rowIndex);
     return;
   }
-  W(t, n.rowIndex, n.rowData);
+  G(t, n.rowIndex, n.rowData);
   const i = t.findRenderedRowElement?.(n.rowIndex);
   if (i) {
-    const l = i.children;
-    for (let r = 0; r < l.length; r++) {
-      const s = t._visibleColumns[r];
-      s && s.editable && L(t, n.rowData, n.rowIndex, s, l[r], !0);
+    const r = i.children;
+    for (let s = 0; s < r.length; s++) {
+      const l = t._visibleColumns[s];
+      l && l.editable && H(t, n.rowData, n.rowIndex, l, r[s], !0);
     }
     queueMicrotask(() => {
-      const r = i.querySelector(`.cell[data-col="${t._focusCol}"]`);
-      if (r?.classList.contains("editing")) {
-        const s = r.querySelector(B);
+      const s = i.querySelector(`.cell[data-col="${t._focusCol}"]`);
+      if (s?.classList.contains("editing")) {
+        const l = s.querySelector(B);
         try {
-          s?.focus({ preventScroll: !0 });
+          l?.focus({ preventScroll: !0 });
         } catch {
         }
       }
     });
   }
 }
-function xt(t, e, o) {
-  const n = te(t, e);
+function Pt(t, e, o) {
+  const n = oe(t, e);
   if (!n) return;
-  const { rowIndex: i, colIndex: l, rowData: r, col: s } = n, a = e.classList.contains("editing");
-  if ((s.type === "select" || s.type === "typeahead") && !a && o.key === "Enter") {
-    o.preventDefault(), t._activeEditRows !== i && W(t, i, r), L(t, r, i, s, e), setTimeout(() => {
+  const { rowIndex: i, colIndex: r, rowData: s, col: l } = n, a = e.classList.contains("editing");
+  if ((l.type === "select" || l.type === "typeahead") && !a && o.key === "Enter") {
+    o.preventDefault(), t._activeEditRows !== i && G(t, i, s), H(t, s, i, l, e), setTimeout(() => {
       const c = e.querySelector("select");
       try {
         c?.showPicker?.();
@@ -1039,86 +1068,86 @@ function xt(t, e, o) {
     }, 0);
     return;
   }
-  if (s.type === "boolean" && o.key === " " && !a) {
-    o.preventDefault(), t._activeEditRows !== i && W(t, i, r);
-    const c = !r[s.field];
-    ce(t, i, s, c, r), e.innerHTML = ae(!!c);
+  if (l.type === "boolean" && o.key === " " && !a) {
+    o.preventDefault(), t._activeEditRows !== i && G(t, i, s);
+    const c = !s[l.field];
+    ce(t, i, l, c, s), e.innerHTML = ae(!!c);
     return;
   }
   if (o.key === "Enter" && !a) {
-    o.preventDefault(), o.stopPropagation(), t._focusRow = i, t._focusCol = l, typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(i) : L(t, r, i, s, e);
+    o.preventDefault(), o.stopPropagation(), t._focusRow = i, t._focusCol = r, typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(i) : H(t, s, i, l, e);
     return;
   }
   if (o.key === "F2" && !a) {
-    o.preventDefault(), L(t, r, i, s, e);
+    o.preventDefault(), H(t, s, i, l, e);
     return;
   }
 }
-function Lt(t, e, o) {
+function Ht(t, e, o) {
   const n = () => t.effectiveConfig?.editOn || t.editOn;
   e.addEventListener(
     "mousedown",
     (i) => {
-      const l = i.target.closest(".cell[data-col]");
-      if (!l) return;
-      const r = U(l);
-      if (r < 0) return;
-      const s = t._visibleColumns[r];
-      s && s.editable && Rt(t, l);
+      const r = i.target.closest(".cell[data-col]");
+      if (!r) return;
+      const s = X(r);
+      if (s < 0) return;
+      const l = t._visibleColumns[s];
+      l && l.editable && xt(t, r);
     },
     { signal: o }
   ), e.addEventListener(
     "click",
     (i) => {
       if (n() !== "click") return;
-      const r = i.target.closest(".cell[data-col]");
-      if (!r) return;
-      const s = U(r);
-      if (s < 0) return;
-      const a = t._visibleColumns[s];
-      a && a.editable && At(t, r, i);
+      const s = i.target.closest(".cell[data-col]");
+      if (!s) return;
+      const l = X(s);
+      if (l < 0) return;
+      const a = t._visibleColumns[l];
+      a && a.editable && At(t, s, i);
     },
     { signal: o }
   ), e.addEventListener(
     "dblclick",
     (i) => {
-      const l = n();
-      if ((l === "dblclick" ? "dblClick" : l) === "click" || l === !1) return;
-      const s = i.target.closest(".cell[data-col]");
-      if (!s) return;
-      const a = U(s);
+      const r = n();
+      if ((r === "dblclick" ? "dblClick" : r) === "click" || r === !1) return;
+      const l = i.target.closest(".cell[data-col]");
+      if (!l) return;
+      const a = X(l);
       if (a < 0) return;
       const c = t._visibleColumns[a];
-      c && c.editable && Tt(t, s, i);
+      c && c.editable && Lt(t, l, i);
     },
     { signal: o }
   ), e.addEventListener(
     "keydown",
     (i) => {
-      const l = i.target.closest(".cell[data-col]");
-      if (!l) return;
-      const r = U(l);
-      if (r < 0) return;
-      const s = t._visibleColumns[r];
-      s && s.editable && xt(t, l, i);
+      const r = i.target.closest(".cell[data-col]");
+      if (!r) return;
+      const s = X(r);
+      if (s < 0) return;
+      const l = t._visibleColumns[s];
+      l && l.editable && Pt(t, r, i);
     },
     { signal: o }
   );
 }
-function Pt(t, e) {
+function Mt(t, e) {
   return t == null && e == null ? 0 : t == null ? -1 : e == null || t > e ? 1 : t < e ? -1 : 0;
 }
-function Ht(t, e, o) {
-  const i = o.find((s) => s.field === e.field)?.sortComparator ?? Pt, { field: l, direction: r } = e;
-  return [...t].sort((s, a) => i(s[l], a[l], s, a) * r);
+function Ot(t, e, o) {
+  const i = o.find((l) => l.field === e.field)?.sortComparator ?? Mt, { field: r, direction: s } = e;
+  return [...t].sort((l, a) => i(l[r], a[r], l, a) * s);
 }
 function ge(t, e, o, n) {
-  t._rows = e, t.__rowRenderEpoch++, t._rowPool.forEach((i) => i.__epoch = -1), q(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
+  t._rows = e, t.__rowRenderEpoch++, t._rowPool.forEach((i) => i.__epoch = -1), F(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: o.field, direction: n } })
   ), t.requestStateChange?.();
 }
 function me(t, e) {
-  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), ve(t, e, 1)) : t._sortState.direction === 1 ? ve(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) => {
+  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), ve(t, e, 1)) : t._sortState.direction === 1 ? ve(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), t._rows = t.__originalOrder.slice(), F(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 } })
@@ -1126,48 +1155,48 @@ function me(t, e) {
 }
 function ve(t, e, o) {
   t._sortState = { field: e.field, direction: o };
-  const n = { field: e.field, direction: o }, i = t._columns, r = (t.effectiveConfig?.sortHandler ?? Ht)(t._rows, n, i);
-  r && typeof r.then == "function" ? r.then((s) => {
-    ge(t, s, e, o);
-  }) : ge(t, r, e, o);
+  const n = { field: e.field, direction: o }, i = t._columns, s = (t.effectiveConfig?.sortHandler ?? Ot)(t._rows, n, i);
+  s && typeof s.then == "function" ? s.then((l) => {
+    ge(t, l, e, o);
+  }) : ge(t, s, e, o);
 }
-function Mt(t, e) {
+function kt(t, e) {
   typeof e == "string" ? t.textContent = e : e instanceof HTMLElement && (t.innerHTML = "", t.appendChild(e.cloneNode(!0)));
 }
-function q(t) {
+function F(t) {
   t._headerRowEl = t.findHeaderRow();
   const e = t._headerRowEl;
   e.innerHTML = "", t._visibleColumns.forEach((o, n) => {
     const i = document.createElement("div");
     i.className = "cell", fe(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));
-    const l = o.__headerTemplate;
-    if (l) Array.from(l.childNodes).forEach((r) => i.appendChild(r.cloneNode(!0)));
+    const r = o.__headerTemplate;
+    if (r) Array.from(r.childNodes).forEach((s) => i.appendChild(s.cloneNode(!0)));
     else {
-      const r = o.header || o.field, s = document.createElement("span");
-      s.textContent = r, i.appendChild(s);
+      const s = o.header || o.field, l = document.createElement("span");
+      l.textContent = s, i.appendChild(l);
     }
     if (o.sortable) {
       i.classList.add("sortable"), i.tabIndex = 0;
-      const r = document.createElement("span");
-      fe(r, "sort-indicator");
-      const s = t._sortState?.field === o.field ? t._sortState.direction : 0, a = { ...O, ...t.icons }, c = s === 1 ? a.sortAsc : s === -1 ? a.sortDesc : a.sortNone;
-      Mt(r, c), i.appendChild(r), i.setAttribute("aria-sort", s === 0 ? "none" : s === 1 ? "ascending" : "descending"), i.addEventListener("click", (h) => {
-        t._resizeController?.isResizing || t._dispatchHeaderClick?.(h, n, i) || me(t, o);
-      }), i.addEventListener("keydown", (h) => {
-        if (h.key === "Enter" || h.key === " ") {
-          if (h.preventDefault(), t._dispatchHeaderClick?.(h, n, i)) return;
+      const s = document.createElement("span");
+      fe(s, "sort-indicator");
+      const l = t._sortState?.field === o.field ? t._sortState.direction : 0, a = { ...O, ...t.icons }, c = l === 1 ? a.sortAsc : l === -1 ? a.sortDesc : a.sortNone;
+      kt(s, c), i.appendChild(s), i.setAttribute("aria-sort", l === 0 ? "none" : l === 1 ? "ascending" : "descending"), i.addEventListener("click", (f) => {
+        t._resizeController?.isResizing || t._dispatchHeaderClick?.(f, n, i) || me(t, o);
+      }), i.addEventListener("keydown", (f) => {
+        if (f.key === "Enter" || f.key === " ") {
+          if (f.preventDefault(), t._dispatchHeaderClick?.(f, n, i)) return;
           me(t, o);
         }
       });
     }
     if (o.resizable) {
       i.style.position = "relative";
-      const r = document.createElement("div");
-      r.className = "resize-handle", r.setAttribute("aria-hidden", "true"), r.addEventListener("mousedown", (s) => {
-        s.stopPropagation(), s.preventDefault(), t._resizeController.start(s, n, i);
-      }), r.addEventListener("dblclick", (s) => {
-        s.stopPropagation(), s.preventDefault(), t._resizeController.resetColumn(n);
-      }), i.appendChild(r);
+      const s = document.createElement("div");
+      s.className = "resize-handle", s.setAttribute("aria-hidden", "true"), s.addEventListener("mousedown", (l) => {
+        l.stopPropagation(), l.preventDefault(), t._resizeController.start(l, n, i);
+      }), s.addEventListener("dblclick", (l) => {
+        l.stopPropagation(), l.preventDefault(), t._resizeController.resetColumn(n);
+      }), i.appendChild(s);
     }
     e.appendChild(i);
   }), e.querySelectorAll(".cell.sortable").forEach((o) => {
@@ -1175,7 +1204,7 @@ function q(t) {
   }), e.children.length > 0 ? (e.setAttribute("role", "row"), e.setAttribute("aria-rowindex", "1")) : (e.removeAttribute("role"), e.removeAttribute("aria-rowindex"));
 }
 const Ne = typeof requestIdleCallback == "function";
-function Ot(t, e) {
+function Dt(t, e) {
   return Ne ? requestIdleCallback(t, e) : window.setTimeout(() => {
     const o = Date.now();
     t({
@@ -1187,32 +1216,32 @@ function Ot(t, e) {
 function _e(t) {
   Ne ? cancelIdleCallback(t) : clearTimeout(t);
 }
-function kt(t) {
+function zt(t) {
   let e = null, o = null, n = null, i = null;
-  const l = (a) => {
+  const r = (a) => {
     if (!e) return;
-    const c = a.clientX - e.startX, h = Math.max(40, e.startWidth + c), d = t._visibleColumns[e.colIndex];
-    d.width = h, d.__userResized = !0, d.__renderedWidth = h, o == null && (o = requestAnimationFrame(() => {
+    const c = a.clientX - e.startX, f = Math.max(40, e.startWidth + c), d = t._visibleColumns[e.colIndex];
+    d.width = f, d.__userResized = !0, d.__renderedWidth = f, o == null && (o = requestAnimationFrame(() => {
       o = null, t.updateTemplate?.();
     })), t.dispatchEvent(
-      new CustomEvent("column-resize", { detail: { field: d.field, width: h } })
+      new CustomEvent("column-resize", { detail: { field: d.field, width: f } })
     );
   };
-  let r = !1;
-  const s = () => {
+  let s = !1;
+  const l = () => {
     const a = e !== null;
-    a && (r = !0, requestAnimationFrame(() => {
-      r = !1;
-    })), window.removeEventListener("mousemove", l), window.removeEventListener("mouseup", s), 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();
+    a && (s = !0, requestAnimationFrame(() => {
+      s = !1;
+    })), window.removeEventListener("mousemove", r), 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() {
-      return e !== null || r;
+      return e !== null || s;
     },
-    start(a, c, h) {
+    start(a, c, f) {
       a.preventDefault();
-      const d = h.getBoundingClientRect();
-      e = { startX: a.clientX, colIndex: c, startWidth: d.width }, window.addEventListener("mousemove", l), window.addEventListener("mouseup", s), n === null && (n = document.documentElement.style.cursor), document.documentElement.style.cursor = "e-resize", i === null && (i = document.body.style.userSelect), document.body.style.userSelect = "none";
+      const d = f.getBoundingClientRect();
+      e = { startX: a.clientX, colIndex: c, startWidth: d.width }, window.addEventListener("mousemove", r), 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";
     },
     resetColumn(a) {
       const c = t._visibleColumns[a];
@@ -1221,20 +1250,20 @@ function kt(t) {
       ));
     },
     dispose() {
-      s();
+      l();
     }
   };
 }
-function Y(t, e, o) {
+function Z(t, e, o) {
   const n = document.createElement(t);
   if (e)
     for (const i in e) {
-      const l = e[i];
-      l != null && n.setAttribute(i, l);
+      const r = e[i];
+      r != null && n.setAttribute(i, r);
     }
   return n;
 }
-function y(t, e) {
+function T(t, e) {
   const o = document.createElement("div");
   if (t && (o.className = t), e)
     for (const n in e) {
@@ -1243,12 +1272,12 @@ function y(t, e) {
     }
   return o;
 }
-function ee(t, e, o) {
+function Ie(t, e, o) {
   const n = document.createElement("button");
   if (t && (n.className = t), e)
     for (const i in e) {
-      const l = e[i];
-      l != null && n.setAttribute(i, l);
+      const r = e[i];
+      r != null && n.setAttribute(i, r);
     }
   return n;
 }
@@ -1261,11 +1290,11 @@ Be.innerHTML = `
   <div class="tbw-scroll-area">
     <div class="rows-body-wrapper">
       <div class="rows-body" role="grid">
-        <div class="header">
-          <div class="header-row" part="header-row"></div>
+        <div class="header" role="rowgroup">
+          <div class="header-row" role="row" part="header-row"></div>
         </div>
-        <div class="rows-container">
-          <div class="rows-viewport">
+        <div class="rows-container" role="presentation">
+          <div class="rows-viewport" role="presentation">
             <div class="rows"></div>
           </div>
         </div>
@@ -1276,147 +1305,123 @@ Be.innerHTML = `
     <div class="faux-vscroll-spacer"></div>
   </div>
 `;
-function Ie() {
+function qe() {
   return Be.content.cloneNode(!0);
 }
 function Ee(t) {
-  const e = document.createDocumentFragment(), o = y(t.hasShell ? "tbw-grid-root has-shell" : "tbw-grid-root");
+  const e = document.createDocumentFragment(), o = T(t.hasShell ? "tbw-grid-root has-shell" : "tbw-grid-root");
   if (t.hasShell && t.shellHeader && t.shellBody)
     o.appendChild(t.shellHeader), o.appendChild(t.shellBody);
   else {
-    const n = y("tbw-grid-content");
-    n.appendChild(Ie()), o.appendChild(n);
+    const n = T("tbw-grid-content");
+    n.appendChild(qe()), o.appendChild(n);
   }
   return e.appendChild(o), e;
 }
-function Dt(t) {
-  const e = y("tbw-shell-header", { part: "shell-header", role: "presentation" });
+function Nt(t) {
+  const e = T("tbw-shell-header", { part: "shell-header", role: "presentation" });
   if (t.title) {
-    const l = y("tbw-shell-title");
-    l.textContent = t.title, e.appendChild(l);
+    const r = T("tbw-shell-title");
+    r.textContent = t.title, e.appendChild(r);
   }
-  const o = y("tbw-shell-content", { part: "shell-content", role: "presentation" });
+  const o = T("tbw-shell-content", { part: "shell-content", role: "presentation" });
   o.appendChild(Ce("header-content")), e.appendChild(o);
-  const n = y("tbw-shell-toolbar", { part: "shell-toolbar", role: "presentation" });
-  for (const l of t.configButtons)
-    if (l.icon && l.action) {
-      const r = ee("tbw-toolbar-btn", {
-        "data-btn": l.id,
-        title: l.label,
-        "aria-label": l.label
-      });
-      l.disabled && (r.disabled = !0), r.innerHTML = l.icon, n.appendChild(r);
-    }
-  for (const l of t.apiButtons)
-    if (l.icon && l.action) {
-      const r = ee("tbw-toolbar-btn", {
-        "data-btn": l.id,
-        title: l.label,
-        "aria-label": l.label
-      });
-      l.disabled && (r.disabled = !0), r.innerHTML = l.icon, n.appendChild(r);
-    }
-  for (const l of t.configButtons)
-    (l.hasElement || l.hasRender) && n.appendChild(y("tbw-toolbar-btn-slot", { "data-btn-slot": l.id }));
-  for (const l of t.apiButtons)
-    (l.hasElement || l.hasRender) && n.appendChild(y("tbw-toolbar-btn-slot", { "data-btn-slot": l.id }));
-  if (t.hasLightDomButtons && n.appendChild(Ce("toolbar")), (t.configButtons.length > 0 || t.apiButtons.length > 0 || t.hasLightDomButtons) && t.hasPanels && n.appendChild(y("tbw-toolbar-separator")), t.hasPanels) {
-    const l = ee(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
+  const n = T("tbw-shell-toolbar", { part: "shell-toolbar", role: "presentation" });
+  for (const r of t.configButtons)
+    (r.hasElement || r.hasRender) && n.appendChild(T("tbw-toolbar-btn-slot", { "data-btn-slot": r.id }));
+  for (const r of t.apiButtons)
+    (r.hasElement || r.hasRender) && n.appendChild(T("tbw-toolbar-btn-slot", { "data-btn-slot": r.id }));
+  if (n.appendChild(Ce("toolbar")), (t.configButtons.some((r) => r.hasElement || r.hasRender) || t.apiButtons.some((r) => r.hasElement || r.hasRender)) && t.hasPanels && n.appendChild(T("tbw-toolbar-separator")), t.hasPanels) {
+    const r = Ie(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
       "data-panel-toggle": "",
       title: "Settings",
       "aria-label": "Toggle settings panel",
       "aria-pressed": String(t.isPanelOpen),
       "aria-controls": "tbw-tool-panel"
     });
-    l.innerHTML = t.toolPanelIcon, n.appendChild(l);
+    r.innerHTML = t.toolPanelIcon, n.appendChild(r);
   }
   return e.appendChild(n), e;
 }
-function zt(t) {
-  const e = y("tbw-shell-body"), o = t.panels.length > 0, n = t.panels.length === 1, i = y("tbw-grid-content");
-  i.appendChild(Ie());
-  let l = null;
+function It(t) {
+  const e = T("tbw-shell-body"), o = t.panels.length > 0, n = t.panels.length === 1, i = T("tbw-grid-content");
+  i.appendChild(qe());
+  let r = null;
   if (o) {
-    l = Y("aside", {
+    r = Z("aside", {
       class: t.isPanelOpen ? "tbw-tool-panel open" : "tbw-tool-panel",
       part: "tool-panel",
       "data-position": t.position,
       role: "presentation",
       id: "tbw-tool-panel"
     });
-    const r = t.position === "left" ? "right" : "left";
-    l.appendChild(
-      y("tbw-tool-panel-resize", {
+    const s = t.position === "left" ? "right" : "left";
+    r.appendChild(
+      T("tbw-tool-panel-resize", {
         "data-resize-handle": "",
-        "data-handle-position": r,
+        "data-handle-position": s,
         "aria-hidden": "true"
       })
     );
-    const s = y("tbw-tool-panel-content", { role: "presentation" }), a = y("tbw-accordion");
+    const l = T("tbw-tool-panel-content", { role: "presentation" }), a = T("tbw-accordion");
     for (const c of t.panels) {
-      const h = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${n ? " single" : ""}`, d = y(h, { "data-section": c.id }), u = ee("tbw-accordion-header", {
+      const f = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${n ? " single" : ""}`, d = T(f, { "data-section": c.id }), u = Ie("tbw-accordion-header", {
         "aria-expanded": String(c.isExpanded),
         "aria-controls": `tbw-section-${c.id}`
       });
       if (n && u.setAttribute("aria-disabled", "true"), c.icon) {
-        const f = Y("span", { class: "tbw-accordion-icon" });
-        f.innerHTML = c.icon, u.appendChild(f);
+        const h = Z("span", { class: "tbw-accordion-icon" });
+        h.innerHTML = c.icon, u.appendChild(h);
       }
-      const p = Y("span", { class: "tbw-accordion-title" });
-      if (p.textContent = c.title, u.appendChild(p), !n) {
-        const f = Y("span", { class: "tbw-accordion-chevron" });
-        f.innerHTML = c.isExpanded ? t.collapseIcon : t.expandIcon, u.appendChild(f);
+      const w = Z("span", { class: "tbw-accordion-title" });
+      if (w.textContent = c.title, u.appendChild(w), !n) {
+        const h = Z("span", { class: "tbw-accordion-chevron" });
+        h.innerHTML = c.isExpanded ? t.collapseIcon : t.expandIcon, u.appendChild(h);
       }
       d.appendChild(u), d.appendChild(
-        y("tbw-accordion-content", {
+        T("tbw-accordion-content", {
           id: `tbw-section-${c.id}`,
           role: "presentation"
         })
       ), a.appendChild(d);
     }
-    s.appendChild(a), l.appendChild(s);
+    l.appendChild(a), r.appendChild(l);
   }
-  return t.position === "left" && l ? (e.appendChild(l), e.appendChild(i)) : (e.appendChild(i), l && e.appendChild(l)), e;
+  return t.position === "left" && r ? (e.appendChild(r), e.appendChild(i)) : (e.appendChild(i), r && e.appendChild(r)), e;
 }
-function M(t) {
+function N(t) {
   return t ? typeof t == "string" ? t : t.outerHTML : "";
 }
-function Nt() {
+function Bt() {
   return {
     toolPanels: /* @__PURE__ */ new Map(),
     headerContents: /* @__PURE__ */ new Map(),
     toolbarButtons: /* @__PURE__ */ new Map(),
-    lightDomButtons: [],
+    hasToolButtonsContainer: !1,
     lightDomHeaderContent: [],
     lightDomTitle: null,
     lightDomToolPanelIds: /* @__PURE__ */ new Set(),
+    apiToolPanelIds: /* @__PURE__ */ new Set(),
     isPanelOpen: !1,
     expandedSections: /* @__PURE__ */ new Set(),
     headerContentCleanups: /* @__PURE__ */ new Map(),
     panelCleanups: /* @__PURE__ */ new Map(),
-    toolbarButtonCleanups: /* @__PURE__ */ new Map(),
-    // Deprecated - kept for backward compatibility
-    activePanel: null,
-    activePanelCleanup: null
+    toolbarButtonCleanups: /* @__PURE__ */ new Map()
   };
 }
-function se(t, e) {
-  return !!(t?.header?.title || e.lightDomTitle || 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 We(t, e) {
+  return !!(t?.header?.title || e.lightDomTitle || t?.header?.toolbarButtons?.length || e.toolPanels.size > 0 || e.headerContents.size > 0 || e.toolbarButtons.size > 0 || e.lightDomHeaderContent.length > 0 || e.hasToolButtonsContainer);
 }
 function ye(t, e, o = "☰") {
-  const n = t?.header?.title ?? "", i = !!n, l = M(o), r = t?.header?.toolbarButtons ?? [], s = r.length > 0, a = e.toolbarButtons.size > 0, c = e.lightDomButtons.length > 0, h = e.toolPanels.size > 0, u = (s || a || c) && h, p = [...r].sort((g, w) => (g.order ?? 100) - (w.order ?? 100)), f = [...e.toolbarButtons.values()].sort((g, w) => (g.order ?? 100) - (w.order ?? 100));
-  let b = "";
-  for (const g of p)
-    g.icon && g.action && (b += `<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 f)
-    g.icon && g.action && (b += `<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 p)
-    (g.element || g.render) && (b += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${g.id}"></div>`);
-  for (const g of f)
-    (g.element || g.render) && (b += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${g.id}"></div>`);
-  if (c && (b += '<slot name="toolbar"></slot>'), u && (b += '<div class="tbw-toolbar-separator"></div>'), h) {
-    const g = e.isPanelOpen;
-    b += `<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">${l}</button>`;
+  const n = t?.header?.title ?? e.lightDomTitle ?? "", i = !!n, r = N(o), s = t?.header?.toolbarButtons ?? [], l = s.some((p) => p.element || p.render), a = [...e.toolbarButtons.values()].some((p) => p.element || p.render), c = e.toolPanels.size > 0, d = (l || a) && c, u = [...s].sort((p, g) => (p.order ?? 100) - (g.order ?? 100)), w = [...e.toolbarButtons.values()].sort((p, g) => (p.order ?? 100) - (g.order ?? 100));
+  let h = "";
+  for (const p of u)
+    (p.element || p.render) && (h += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${p.id}"></div>`);
+  for (const p of w)
+    (p.element || p.render) && (h += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${p.id}"></div>`);
+  if (h += '<slot name="toolbar"></slot>', d && (h += '<div class="tbw-toolbar-separator"></div>'), c) {
+    const p = e.isPanelOpen;
+    h += `<button class="${p ? "tbw-toolbar-btn active" : "tbw-toolbar-btn"}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${p}" aria-controls="tbw-tool-panel">${r}</button>`;
   }
   return `
     <div class="tbw-shell-header" part="shell-header" role="presentation">
@@ -1425,171 +1430,160 @@ function ye(t, e, o = "☰") {
         <slot name="header-content"></slot>
       </div>
       <div class="tbw-shell-toolbar" part="shell-toolbar" role="presentation">
-        ${b}
+        ${h}
       </div>
     </div>
   `;
 }
-function V(t, e) {
+function q(t, e) {
   const o = t.querySelector("tbw-grid-header");
   if (!o) return;
   if (!e.lightDomTitle) {
-    const r = o.getAttribute("title");
-    r && (e.lightDomTitle = r);
+    const i = o.getAttribute("title");
+    i && (e.lightDomTitle = i);
   }
   const n = o.querySelectorAll("tbw-grid-header-content");
-  n.length > 0 && e.lightDomHeaderContent.length === 0 && (e.lightDomHeaderContent = Array.from(n), e.lightDomHeaderContent.forEach((r) => {
-    r.setAttribute("slot", "header-content");
-  }));
-  const i = o.querySelectorAll("tbw-grid-tool-button"), l = o.querySelectorAll('button.tbw-toolbar-btn[slot="toolbar"]');
-  i.length > 0 && e.lightDomButtons.length === 0 ? (e.lightDomButtons = Array.from(i).map((r) => {
-    const s = document.createElement("button");
-    s.className = "tbw-toolbar-btn";
-    const a = r.getAttribute("id") ?? "", c = r.getAttribute("label") ?? "", h = r.getAttribute("icon") ?? "", d = r.getAttribute("order") ?? "100";
-    return s.setAttribute("data-btn", a), s.setAttribute("title", c), s.setAttribute("aria-label", c), s.setAttribute("data-order", d), s.textContent = h, s.setAttribute("slot", "toolbar"), r.replaceWith(s), s;
-  }), e.lightDomButtons.sort((r, s) => {
-    const a = parseInt(r.getAttribute("data-order") ?? "100", 10), c = parseInt(s.getAttribute("data-order") ?? "100", 10);
-    return a - c;
-  })) : l.length > 0 && e.lightDomButtons.length === 0 && (e.lightDomButtons = Array.from(l), e.lightDomButtons.sort((r, s) => {
-    const a = parseInt(r.getAttribute("data-order") ?? "100", 10), c = parseInt(s.getAttribute("data-order") ?? "100", 10);
-    return a - c;
-  })), e.lightDomButtons.forEach((r) => {
-    r.parentElement === o && t.appendChild(r);
-  }), o.style.display = "none";
-}
-function F(t, e, o) {
+  n.length > 0 && e.lightDomHeaderContent.length === 0 && (e.lightDomHeaderContent = Array.from(n), e.lightDomHeaderContent.forEach((i) => {
+    i.setAttribute("slot", "header-content");
+  })), o.style.display = "none";
+}
+function W(t, e) {
+  const o = t.querySelector(":scope > tbw-grid-tool-buttons");
+  o && (e.hasToolButtonsContainer = !0, o.setAttribute("slot", "toolbar"));
+}
+function V(t, e, o) {
   t.querySelectorAll(":scope > tbw-grid-tool-panel").forEach((i) => {
-    const l = i, r = l.getAttribute("id"), s = l.getAttribute("title");
-    if (!r || !s) {
+    const r = i, s = r.getAttribute("id"), l = r.getAttribute("title");
+    if (!s || !l) {
       console.warn(
-        `[parseLightDomToolPanels] Tool panel missing required id or title attribute: id="${r ?? ""}", title="${s ?? ""}"`
+        `[parseLightDomToolPanels] Tool panel missing required id or title attribute: id="${s ?? ""}", title="${l ?? ""}"`
       );
       return;
     }
-    const a = l.getAttribute("icon") ?? void 0, c = l.getAttribute("tooltip") ?? void 0, h = parseInt(l.getAttribute("order") ?? "100", 10);
+    const a = r.getAttribute("icon") ?? void 0, c = r.getAttribute("tooltip") ?? void 0, f = parseInt(r.getAttribute("order") ?? "100", 10);
     let d;
-    const u = o?.(l);
+    const u = o?.(r);
     if (u)
       d = u;
     else {
-      const b = l.innerHTML.trim();
+      const p = r.innerHTML.trim();
       d = (g) => {
-        const w = document.createElement("div");
-        return w.innerHTML = b, g.appendChild(w), () => w.remove();
+        const b = document.createElement("div");
+        return b.innerHTML = p, g.appendChild(b), () => b.remove();
       };
     }
-    const p = e.toolPanels.get(r);
-    if (p) {
+    const w = e.toolPanels.get(s);
+    if (w) {
       if (u) {
-        p.render = d, p.order = h, p.icon = a, p.tooltip = c;
-        const b = e.panelCleanups.get(r);
-        b && (b(), e.panelCleanups.delete(r));
+        w.render = d, w.order = f, w.icon = a, w.tooltip = c;
+        const p = e.panelCleanups.get(s);
+        p && (p(), e.panelCleanups.delete(s));
       }
       return;
     }
-    const f = {
-      id: r,
-      title: s,
+    const h = {
+      id: s,
+      title: l,
       icon: a,
       tooltip: c,
-      order: h,
+      order: f,
       render: d
     };
-    e.toolPanels.set(r, f), e.lightDomToolPanelIds.add(r), l.style.display = "none";
+    e.toolPanels.set(s, h), e.lightDomToolPanelIds.add(s), r.style.display = "none";
   });
 }
-function Bt(t, e, o, n) {
+function qt(t, e, o, n) {
   const i = t.querySelector(".tbw-shell-toolbar");
-  i && i.addEventListener("click", (r) => {
-    const s = r.target;
-    if (s.closest("[data-panel-toggle]")) {
+  i && i.addEventListener("click", (s) => {
+    const l = s.target;
+    if (l.closest("[data-panel-toggle]")) {
       n.onPanelToggle();
       return;
     }
-    const c = s.closest("[data-btn]");
+    const c = l.closest("[data-btn]");
     if (c) {
-      const h = c.getAttribute("data-btn");
-      h && n.onToolbarButtonClick(h);
+      const f = c.getAttribute("data-btn");
+      f && n.onToolbarButtonClick(f);
     }
   });
-  const l = t.querySelector(".tbw-accordion");
-  l && l.addEventListener("click", (r) => {
-    const a = r.target.closest(".tbw-accordion-header");
+  const r = t.querySelector(".tbw-accordion");
+  r && r.addEventListener("click", (s) => {
+    const a = s.target.closest(".tbw-accordion-header");
     if (a) {
-      const h = a.closest("[data-section]")?.getAttribute("data-section");
-      h && n.onSectionToggle(h);
+      const f = a.closest("[data-section]")?.getAttribute("data-section");
+      f && n.onSectionToggle(f);
     }
   });
 }
-function It(t, e, o) {
-  const n = t.querySelector(".tbw-tool-panel"), i = t.querySelector("[data-resize-handle]"), l = t.querySelector(".tbw-shell-body");
-  if (!n || !i || !l)
+function Wt(t, e, o) {
+  const n = t.querySelector(".tbw-tool-panel"), i = t.querySelector("[data-resize-handle]"), r = t.querySelector(".tbw-shell-body");
+  if (!n || !i || !r)
     return () => {
     };
-  const r = e?.toolPanel?.position ?? "right", s = 200;
-  let a = 0, c = 0, h = 0, d = !1;
-  const u = (b) => {
+  const s = e?.toolPanel?.position ?? "right", l = 200;
+  let a = 0, c = 0, f = 0, d = !1;
+  const u = (p) => {
     if (!d) return;
-    b.preventDefault();
-    const g = r === "left" ? b.clientX - a : a - b.clientX, w = Math.min(h, Math.max(s, c + g));
-    n.style.width = `${w}px`;
-  }, p = () => {
+    p.preventDefault();
+    const g = s === "left" ? p.clientX - a : a - p.clientX, b = Math.min(f, Math.max(l, c + g));
+    n.style.width = `${b}px`;
+  }, w = () => {
     if (!d) return;
     d = !1, i.classList.remove("resizing"), n.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
-    const b = n.getBoundingClientRect().width;
-    o(b), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", p);
-  }, f = (b) => {
-    b.preventDefault(), d = !0, a = b.clientX, c = n.getBoundingClientRect().width, h = l.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", u), document.addEventListener("mouseup", p);
+    const p = n.getBoundingClientRect().width;
+    o(p), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", w);
+  }, h = (p) => {
+    p.preventDefault(), d = !0, a = p.clientX, c = n.getBoundingClientRect().width, f = r.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", u), document.addEventListener("mouseup", w);
   };
-  return i.addEventListener("mousedown", f), () => {
-    i.removeEventListener("mousedown", f), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", p);
+  return i.addEventListener("mousedown", h), () => {
+    i.removeEventListener("mousedown", h), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", w);
   };
 }
-function qt(t, e, o) {
+function Vt(t, e, o) {
   const n = [...e?.header?.toolbarButtons ?? [], ...o.toolbarButtons.values()];
   for (const i of n) {
-    const l = t.querySelector(`[data-btn-slot="${i.id}"]`);
-    if (!l) continue;
-    const r = o.toolbarButtonCleanups.get(i.id);
-    if (r && (r(), o.toolbarButtonCleanups.delete(i.id)), i.element)
-      l.appendChild(i.element);
+    const r = t.querySelector(`[data-btn-slot="${i.id}"]`);
+    if (!r) continue;
+    const s = o.toolbarButtonCleanups.get(i.id);
+    if (s && (s(), o.toolbarButtonCleanups.delete(i.id)), i.element)
+      r.appendChild(i.element);
     else if (i.render) {
-      const s = i.render(l);
-      s && o.toolbarButtonCleanups.set(i.id, s);
+      const l = i.render(r);
+      l && o.toolbarButtonCleanups.set(i.id, l);
     }
   }
 }
-function qe(t, e) {
+function Ve(t, e) {
   const o = t.querySelector(".tbw-shell-content");
   if (!o) return;
-  const n = [...e.headerContents.values()].sort((l, r) => (l.order ?? 100) - (r.order ?? 100)), i = o.querySelector('slot[name="header-content"]');
-  for (const l of n) {
-    const r = e.headerContentCleanups.get(l.id);
-    r && (r(), e.headerContentCleanups.delete(l.id));
-    let s = o.querySelector(`[data-header-content="${l.id}"]`);
-    s || (s = document.createElement("div"), s.setAttribute("data-header-content", l.id), i ? o.insertBefore(s, i) : o.appendChild(s));
-    const a = l.render(s);
-    a && e.headerContentCleanups.set(l.id, a);
+  const n = [...e.headerContents.values()].sort((r, s) => (r.order ?? 100) - (s.order ?? 100)), i = o.querySelector('slot[name="header-content"]');
+  for (const r of n) {
+    const s = e.headerContentCleanups.get(r.id);
+    s && (s(), e.headerContentCleanups.delete(r.id));
+    let l = o.querySelector(`[data-header-content="${r.id}"]`);
+    l || (l = document.createElement("div"), l.setAttribute("data-header-content", r.id), i ? o.insertBefore(l, i) : o.appendChild(l));
+    const a = r.render(l);
+    a && e.headerContentCleanups.set(r.id, a);
   }
 }
-function Wt(t, e, o) {
+function $t(t, e, o) {
   if (!e.isPanelOpen) return;
-  const n = M(o?.expand ?? O.expand), i = M(o?.collapse ?? O.collapse);
-  for (const [l, r] of e.toolPanels) {
-    const s = e.expandedSections.has(l), a = t.querySelector(`[data-section="${l}"]`), c = a?.querySelector(".tbw-accordion-content");
+  const n = N(o?.expand ?? O.expand), i = N(o?.collapse ?? O.collapse);
+  for (const [r, s] of e.toolPanels) {
+    const l = e.expandedSections.has(r), a = t.querySelector(`[data-section="${r}"]`), c = a?.querySelector(".tbw-accordion-content");
     if (!a || !c) continue;
-    a.classList.toggle("expanded", s);
-    const h = a.querySelector(".tbw-accordion-header");
-    h && h.setAttribute("aria-expanded", String(s));
+    a.classList.toggle("expanded", l);
+    const f = a.querySelector(".tbw-accordion-header");
+    f && f.setAttribute("aria-expanded", String(l));
     const d = a.querySelector(".tbw-accordion-chevron");
-    if (d && (d.innerHTML = s ? i : n), s) {
+    if (d && (d.innerHTML = l ? i : n), l) {
       if (c.children.length === 0) {
-        const u = r.render(c);
-        u && e.panelCleanups.set(l, u);
+        const u = s.render(c);
+        u && e.panelCleanups.set(r, u);
       }
     } else {
-      const u = e.panelCleanups.get(l);
-      u && (u(), e.panelCleanups.delete(l)), c.innerHTML = "";
+      const u = e.panelCleanups.get(r);
+      u && (u(), e.panelCleanups.delete(r)), c.innerHTML = "";
     }
   }
 }
@@ -1601,50 +1595,44 @@ function Re(t, e) {
   const o = t.querySelector(".tbw-tool-panel");
   o && (o.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (o.style.width = ""));
 }
-function $t(t, e) {
+function Ft(t, e) {
   const o = [];
   for (const n of t?.header?.toolbarButtons ?? [])
     o.push({
       id: n.id,
-      label: n.label,
-      disabled: n.disabled ?? !1,
+      label: n.label ?? "",
       source: "config"
     });
   for (const n of e.toolbarButtons.values())
     o.push({
       id: n.id,
-      label: n.label,
-      disabled: n.disabled ?? !1,
+      label: n.label ?? "",
       source: "config"
     });
-  for (let n = 0; n < e.lightDomButtons.length; n++) {
-    const l = e.lightDomButtons[n].querySelector("button");
-    o.push({
-      id: `light-dom-${n}`,
-      label: l?.getAttribute("title") ?? l?.getAttribute("aria-label") ?? "",
-      disabled: l?.disabled ?? !1,
-      source: "light-dom"
-    });
-  }
   for (const n of e.toolPanels.values())
     o.push({
       id: `panel-toggle-${n.id}`,
       label: n.tooltip ?? n.title,
-      disabled: !1,
       source: "panel-toggle",
       panelId: n.id
     });
   return o;
 }
-function Vt(t) {
+function Gt(t) {
   for (const e of t.headerContentCleanups.values())
     e();
-  t.headerContentCleanups.clear(), t.activePanelCleanup && (t.activePanelCleanup(), t.activePanelCleanup = null);
+  t.headerContentCleanups.clear();
+  for (const e of t.panelCleanups.values())
+    e();
+  t.panelCleanups.clear();
   for (const e of t.toolbarButtonCleanups.values())
     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;
+  if (t.toolbarButtonCleanups.clear(), t.isPanelOpen)
+    for (const e of t.expandedSections)
+      t.toolPanels.get(e)?.onClose?.();
+  t.isPanelOpen = !1, t.expandedSections.clear(), t.toolPanels.clear(), t.headerContents.clear(), t.toolbarButtons.clear(), t.lightDomHeaderContent = [];
 }
-function Ft(t, e) {
+function Ut(t, e) {
   let o = !1;
   const n = {
     get isInitialized() {
@@ -1669,19 +1657,19 @@ function Ft(t, e) {
         return;
       }
       if (t.isPanelOpen = !0, t.expandedSections.size === 0 && t.toolPanels.size > 0) {
-        const r = [...t.toolPanels.values()].sort((s, a) => (s.order ?? 100) - (a.order ?? 100))[0];
-        r && t.expandedSections.add(r.id);
+        const s = [...t.toolPanels.values()].sort((l, a) => (l.order ?? 100) - (a.order ?? 100))[0];
+        s && t.expandedSections.add(s.id);
       }
       const i = e.getShadow();
-      Se(i, t), Re(i, t), Wt(i, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: n.expandedSections });
+      Se(i, t), Re(i, t), $t(i, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: n.expandedSections });
     },
     closeToolPanel() {
       if (!t.isPanelOpen) return;
-      for (const l of t.panelCleanups.values())
-        l();
-      t.panelCleanups.clear(), t.activePanelCleanup && (t.activePanelCleanup(), t.activePanelCleanup = null);
-      for (const l of t.toolPanels.values())
-        l.onClose?.();
+      for (const r of t.panelCleanups.values())
+        r();
+      t.panelCleanups.clear();
+      for (const r of t.toolPanels.values())
+        r.onClose?.();
       t.isPanelOpen = !1;
       const i = e.getShadow();
       Se(i, t), Re(i, t), e.emit("tool-panel-close", {});
@@ -1690,28 +1678,28 @@ function Ft(t, e) {
       t.isPanelOpen ? n.closeToolPanel() : n.openToolPanel();
     },
     toggleToolPanelSection(i) {
-      const l = t.toolPanels.get(i);
-      if (!l) {
+      const r = t.toolPanels.get(i);
+      if (!r) {
         console.warn(`[tbw-grid] Tool panel section "${i}" not found`);
         return;
       }
       if (t.toolPanels.size === 1)
         return;
-      const r = e.getShadow(), s = t.expandedSections.has(i);
-      if (s) {
+      const s = e.getShadow(), l = t.expandedSections.has(i);
+      if (l) {
         const a = t.panelCleanups.get(i);
-        a && (a(), t.panelCleanups.delete(i)), l.onClose?.(), t.expandedSections.delete(i), ne(r, i, !1);
+        a && (a(), t.panelCleanups.delete(i)), r.onClose?.(), t.expandedSections.delete(i), ie(s, i, !1);
       } else {
         for (const [a, c] of t.toolPanels)
           if (a !== i && t.expandedSections.has(a)) {
-            const h = t.panelCleanups.get(a);
-            h && (h(), t.panelCleanups.delete(a)), c.onClose?.(), t.expandedSections.delete(a), ne(r, a, !1);
-            const d = r.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
+            const f = t.panelCleanups.get(a);
+            f && (f(), t.panelCleanups.delete(a)), c.onClose?.(), t.expandedSections.delete(a), ie(s, a, !1);
+            const d = s.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
             d && (d.innerHTML = "");
           }
-        t.expandedSections.add(i), ne(r, i, !0), Gt(r, t, i);
+        t.expandedSections.add(i), ie(s, i, !0), Xt(s, t, i);
       }
-      e.emit("tool-panel-section-toggle", { id: i, expanded: !s });
+      e.emit("tool-panel-section-toggle", { id: i, expanded: !l });
     },
     getToolPanels() {
       return [...t.toolPanels.values()];
@@ -1725,8 +1713,8 @@ function Ft(t, e) {
     },
     unregisterToolPanel(i) {
       if (t.expandedSections.has(i)) {
-        const l = t.panelCleanups.get(i);
-        l && (l(), t.panelCleanups.delete(i)), t.expandedSections.delete(i);
+        const r = t.panelCleanups.get(i);
+        r && (r(), t.panelCleanups.delete(i)), t.expandedSections.delete(i);
       }
       t.toolPanels.delete(i), o && e.refreshShellHeader();
     },
@@ -1738,14 +1726,14 @@ function Ft(t, e) {
         console.warn(`[tbw-grid] Header content "${i.id}" already registered`);
         return;
       }
-      t.headerContents.set(i.id, i), o && qe(e.getShadow(), t);
+      t.headerContents.set(i.id, i), o && Ve(e.getShadow(), t);
     },
     unregisterHeaderContent(i) {
-      const l = t.headerContentCleanups.get(i);
-      l && (l(), t.headerContentCleanups.delete(i)), t.headerContents.get(i)?.onDestroy?.(), t.headerContents.delete(i), e.getShadow().querySelector(`[data-header-content="${i}"]`)?.remove();
+      const r = t.headerContentCleanups.get(i);
+      r && (r(), t.headerContentCleanups.delete(i)), t.headerContents.get(i)?.onDestroy?.(), t.headerContents.delete(i), e.getShadow().querySelector(`[data-header-content="${i}"]`)?.remove();
     },
     getToolbarButtons() {
-      return $t(e.getShellConfig(), t);
+      return Ft(e.getShellConfig(), t);
     },
     registerToolbarButton(i) {
       if (t.toolbarButtons.has(i.id)) {
@@ -1755,81 +1743,74 @@ function Ft(t, e) {
       t.toolbarButtons.set(i.id, i), o && e.refreshShellHeader();
     },
     unregisterToolbarButton(i) {
-      const l = t.toolbarButtonCleanups.get(i);
-      l && (l(), t.toolbarButtonCleanups.delete(i)), t.toolbarButtons.delete(i), o && e.refreshShellHeader();
+      const r = t.toolbarButtonCleanups.get(i);
+      r && (r(), t.toolbarButtonCleanups.delete(i)), t.toolbarButtons.delete(i), o && e.refreshShellHeader();
     },
-    setToolbarButtonDisabled(i, l) {
-      const r = t.toolbarButtons.get(i);
-      r && (r.disabled = l);
-      const s = e.getShadow().querySelector(`[data-btn="${i}"]`);
-      s && (s.disabled = l);
+    /**
+     * Note: Toolbar button disabled state is now managed by the user.
+     * This method is kept for backward compatibility but is a no-op.
+     * Users should control their button's disabled state directly in their HTML.
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    setToolbarButtonDisabled(i, r) {
     }
   };
   return n;
 }
-function ne(t, e, o) {
+function ie(t, e, o) {
   const n = t.querySelector(`[data-section="${e}"]`);
   n && n.classList.toggle("expanded", o);
 }
-function Gt(t, e, o) {
+function Xt(t, e, o) {
   const n = e.toolPanels.get(o);
   if (!n?.render) return;
   const i = t.querySelector(`[data-section="${o}"] .tbw-accordion-content`);
   if (!i) return;
-  const l = n.render(i);
-  l && e.panelCleanups.set(o, l);
+  const r = n.render(i);
+  r && e.panelCleanups.set(o, r);
 }
-function Ut(t, e, o, n) {
-  const i = se(e, o);
+function Yt(t, e, o, n) {
+  const i = We(e, o);
   if (t.replaceChildren(), i) {
-    const l = M(n?.toolPanel ?? O.toolPanel), r = M(n?.expand ?? O.expand), s = M(n?.collapse ?? O.collapse), c = [...e?.header?.toolbarButtons ?? []].sort((w, _) => (w.order ?? 100) - (_.order ?? 100)), h = [...o.toolbarButtons.values()].sort((w, _) => (w.order ?? 100) - (_.order ?? 100)), d = {
+    const r = N(n?.toolPanel ?? O.toolPanel), s = N(n?.expand ?? O.expand), l = N(n?.collapse ?? O.collapse), c = [...e?.header?.toolbarButtons ?? []].sort((b, _) => (b.order ?? 100) - (_.order ?? 100)), f = [...o.toolbarButtons.values()].sort((b, _) => (b.order ?? 100) - (_.order ?? 100)), d = {
       title: e?.header?.title ?? o.lightDomTitle ?? void 0,
-      hasLightDomButtons: o.lightDomButtons.length > 0,
       hasPanels: o.toolPanels.size > 0,
       isPanelOpen: o.isPanelOpen,
-      toolPanelIcon: l,
-      configButtons: c.map((w) => ({
-        id: w.id,
-        label: w.label,
-        icon: M(w.icon),
-        disabled: w.disabled,
-        hasElement: !!w.element,
-        hasRender: !!w.render,
-        action: w.action
+      toolPanelIcon: r,
+      configButtons: c.map((b) => ({
+        id: b.id,
+        hasElement: !!b.element,
+        hasRender: !!b.render
       })),
-      apiButtons: h.map((w) => ({
-        id: w.id,
-        label: w.label,
-        icon: M(w.icon),
-        disabled: w.disabled,
-        hasElement: !!w.element,
-        hasRender: !!w.render,
-        action: w.action
+      apiButtons: f.map((b) => ({
+        id: b.id,
+        hasElement: !!b.element,
+        hasRender: !!b.render
       }))
-    }, u = [...o.toolPanels.values()].sort((w, _) => (w.order ?? 100) - (_.order ?? 100)), p = {
+    }, u = [...o.toolPanels.values()].sort((b, _) => (b.order ?? 100) - (_.order ?? 100)), w = {
       position: e?.toolPanel?.position ?? "right",
       isPanelOpen: o.isPanelOpen,
-      expandIcon: r,
-      collapseIcon: s,
-      panels: u.map((w) => ({
-        id: w.id,
-        title: w.title,
-        icon: M(w.icon),
-        isExpanded: o.expandedSections.has(w.id)
+      expandIcon: s,
+      collapseIcon: l,
+      panels: u.map((b) => ({
+        id: b.id,
+        title: b.title,
+        icon: N(b.icon),
+        isExpanded: o.expandedSections.has(b.id)
       }))
-    }, f = Dt(d), b = zt(p), g = Ee({
+    }, h = Nt(d), p = It(w), g = Ee({
       hasShell: !0,
-      shellHeader: f,
-      shellBody: b
+      shellHeader: h,
+      shellBody: p
     });
     t.appendChild(g);
   } else {
-    const l = Ee({ hasShell: !1 });
-    t.appendChild(l);
+    const r = Ee({ hasShell: !1 });
+    t.appendChild(r);
   }
   return i;
 }
-function Xt() {
+function jt() {
   return {
     startY: null,
     startX: null,
@@ -1843,59 +1824,59 @@ function Xt() {
     momentumRaf: 0
   };
 }
-function Yt(t) {
+function Kt(t) {
   t.startY = null, t.startX = null, t.scrollTop = null, t.scrollLeft = null, t.lastY = null, t.lastX = null, t.lastTime = null;
 }
-function We(t) {
+function $e(t) {
   t.momentumRaf && (cancelAnimationFrame(t.momentumRaf), t.momentumRaf = 0);
 }
-function jt(t, e, o) {
+function Zt(t, e, o) {
   if (t.touches.length !== 1) return;
-  We(e);
+  $e(e);
   const n = t.touches[0];
   e.startY = n.clientY, e.startX = n.clientX, e.lastY = n.clientY, e.lastX = n.clientX, e.lastTime = performance.now(), e.scrollTop = o.fauxScrollbar.scrollTop, e.scrollLeft = o.scrollArea?.scrollLeft ?? 0, e.velocityY = 0, e.velocityX = 0;
 }
-function Kt(t, e, o) {
+function Jt(t, e, o) {
   if (t.touches.length !== 1 || e.startY === null || e.startX === null || e.scrollTop === null || e.scrollLeft === null)
     return !1;
-  const n = t.touches[0], i = n.clientY, l = n.clientX, r = performance.now(), s = e.startY - i, a = e.startX - l;
+  const n = t.touches[0], i = n.clientY, r = n.clientX, s = performance.now(), l = e.startY - i, a = e.startX - r;
   if (e.lastTime !== null && e.lastY !== null && e.lastX !== null) {
-    const b = r - e.lastTime;
-    b > 0 && (e.velocityY = (e.lastY - i) / b, e.velocityX = (e.lastX - l) / b);
+    const p = s - e.lastTime;
+    p > 0 && (e.velocityY = (e.lastY - i) / p, e.velocityX = (e.lastX - r) / p);
   }
-  e.lastY = i, e.lastX = l, e.lastTime = r;
-  const { scrollTop: c, scrollHeight: h, clientHeight: d } = o.fauxScrollbar, u = h - d, p = s > 0 && c < u || s < 0 && c > 0;
-  let f = !1;
+  e.lastY = i, e.lastX = r, e.lastTime = s;
+  const { scrollTop: c, scrollHeight: f, clientHeight: d } = o.fauxScrollbar, u = f - d, w = l > 0 && c < u || l < 0 && c > 0;
+  let h = !1;
   if (o.scrollArea) {
-    const { scrollLeft: b, scrollWidth: g, clientWidth: w } = o.scrollArea, _ = g - w;
-    f = a > 0 && b < _ || a < 0 && b > 0;
+    const { scrollLeft: p, scrollWidth: g, clientWidth: b } = o.scrollArea, _ = g - b;
+    h = a > 0 && p < _ || a < 0 && p > 0;
   }
-  return p && (o.fauxScrollbar.scrollTop = e.scrollTop + s), f && o.scrollArea && (o.scrollArea.scrollLeft = e.scrollLeft + a), p || f;
+  return w && (o.fauxScrollbar.scrollTop = e.scrollTop + l), h && o.scrollArea && (o.scrollArea.scrollLeft = e.scrollLeft + a), w || h;
 }
-function Zt(t, e) {
-  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Jt(t, e), Yt(t);
+function Qt(t, e) {
+  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && eo(t, e), Kt(t);
 }
-function Jt(t, e) {
+function eo(t, e) {
   const i = () => {
     t.velocityY *= 0.95, t.velocityX *= 0.95;
-    const l = t.velocityY * 16, r = t.velocityX * 16;
-    Math.abs(t.velocityY) > 0.01 && (e.fauxScrollbar.scrollTop += l), Math.abs(t.velocityX) > 0.01 && e.scrollArea && (e.scrollArea.scrollLeft += r), Math.abs(t.velocityY) > 0.01 || Math.abs(t.velocityX) > 0.01 ? t.momentumRaf = requestAnimationFrame(i) : t.momentumRaf = 0;
+    const r = t.velocityY * 16, s = t.velocityX * 16;
+    Math.abs(t.velocityY) > 0.01 && (e.fauxScrollbar.scrollTop += r), Math.abs(t.velocityX) > 0.01 && e.scrollArea && (e.scrollArea.scrollLeft += s), Math.abs(t.velocityY) > 0.01 || Math.abs(t.velocityX) > 0.01 ? t.momentumRaf = requestAnimationFrame(i) : t.momentumRaf = 0;
   };
   t.momentumRaf = requestAnimationFrame(i);
 }
-function Qt(t, e, o, n) {
-  t.addEventListener("touchstart", (i) => jt(i, e, o), {
+function to(t, e, o, n) {
+  t.addEventListener("touchstart", (i) => Zt(i, e, o), {
     passive: !0,
     signal: n
   }), t.addEventListener(
     "touchmove",
     (i) => {
-      Kt(i, e, o) && i.preventDefault();
+      Jt(i, e, o) && i.preventDefault();
     },
     { passive: !1, signal: n }
-  ), t.addEventListener("touchend", () => Zt(e, o), { passive: !0, signal: n });
+  ), t.addEventListener("touchend", () => Qt(e, o), { passive: !0, signal: n });
 }
-class eo {
+class oo {
   constructor(e) {
     this.grid = e;
   }
@@ -2055,10 +2036,10 @@ class eo {
    */
   adjustVirtualStart(e, o, n) {
     let i = e;
-    for (const l of this.plugins)
-      if (typeof l.adjustVirtualStart == "function") {
-        const r = l.adjustVirtualStart(e, o, n);
-        r < i && (i = r);
+    for (const r of this.plugins)
+      if (typeof r.adjustVirtualStart == "function") {
+        const s = r.adjustVirtualStart(e, o, n);
+        s < i && (i = s);
       }
     return i;
   }
@@ -2177,12 +2158,12 @@ class eo {
    * @returns Combined left and right pixel offsets, plus skipScroll if any plugin requests it
    */
   getHorizontalScrollOffsets(e, o) {
-    let n = 0, i = 0, l = !1;
-    for (const r of this.plugins) {
-      const s = r.getHorizontalScrollOffsets?.(e, o);
-      s && (n += s.left, i += s.right, s.skipScroll && (l = !0));
+    let n = 0, i = 0, r = !1;
+    for (const s of this.plugins) {
+      const l = s.getHorizontalScrollOffsets?.(e, o);
+      l && (n += l.left, i += l.right, l.skipScroll && (r = !0));
     }
-    return { left: n, right: i, skipScroll: l };
+    return { left: n, right: i, skipScroll: r };
   }
   // #endregion
   // #region Shell Integration Hooks
@@ -2212,10 +2193,10 @@ class eo {
   }
   // #endregion
 }
-class N extends HTMLElement {
+class I extends HTMLElement {
   // TODO: Rename to 'data-grid' when migration is complete
   static tagName = "tbw-grid";
-  static version = "0.3.0";
+  static version = "0.3.2";
   // ---------------- Framework Adapters ----------------
   /**
    * Registry of framework adapters that handle converting light DOM elements
@@ -2257,53 +2238,55 @@ class N extends HTMLElement {
     return ["rows", "columns", "grid-config", "fit-mode", "edit-on"];
   }
   #n;
-  #M = !1;
+  #H = !1;
   // ---------------- Ready Promise ----------------
-  #U;
-  #X;
+  #Y;
+  #j;
   // #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 = [];
+  #s = [];
   #c;
   #g;
+  #E;
   #y;
-  #S;
   // #endregion
   // #region Private properties
   // All input sources converge here. This is the canonical config
   // that all rendering and logic should read from.
-  #t = {};
-  #O = !1;
+  #o = {};
+  #M = !1;
   // ---------------- Batched Updates ----------------
   // When multiple properties are set in rapid succession (within same microtask),
   // we batch them into a single update to avoid redundant re-renders.
   #m = !1;
-  #k = {
+  #O = {
     rows: !1,
     columns: !1,
     gridConfig: !1,
     fitMode: !1,
     editMode: !1
   };
-  #p = 0;
-  #R = null;
-  #A = !1;
+  #f = 0;
+  #S = null;
+  #R = !1;
   // Cached flag for plugin scroll handlers
-  #D;
+  #k;
   // Cached hook to avoid closures
   #T = !1;
-  #Y = Xt();
-  #s;
-  #b;
+  #K = jt();
+  #l;
+  #p;
   #w;
   // Watches first row for size changes (CSS loading, custom renderers)
+  #D = 0;
+  // RAF handle for debounced refreshColumns
+  #d;
   #u;
-  #h;
   // Handle for cancelling deferred idle work
   // Pooled scroll event object (reused to avoid GC pressure during scroll)
-  #te = {
+  #re = {
     scrollTop: 0,
     scrollLeft: 0,
     scrollHeight: 0,
@@ -2312,7 +2295,7 @@ class N extends HTMLElement {
     clientWidth: 0
   };
   // ---------------- Plugin System ----------------
-  #e;
+  #t;
   // ---------------- Event Listeners ----------------
   #x = !1;
   // Guard against adding duplicate component-level listeners
@@ -2320,11 +2303,11 @@ class N extends HTMLElement {
   // Separate controller for DOM scroll listeners (recreated on DOM changes)
   // ---------------- Column State ----------------
   #z;
-  #f;
+  #h;
   // ---------------- Shell State ----------------
-  #o = Nt();
+  #e = Bt();
   #i;
-  #L;
+  #A;
   // #endregion
   // #region Derived State
   // _rows: result of applying plugin processRows hooks
@@ -2336,10 +2319,10 @@ class N extends HTMLElement {
   // This ensures effectiveConfig.columns is the single source of truth for columns
   // _columns always contains ALL columns (including hidden)
   get _columns() {
-    return this.#t.columns ?? [];
+    return this.#o.columns ?? [];
   }
   set _columns(e) {
-    this.#t.columns = e;
+    this.#o.columns = e;
   }
   // visibleColumns returns only visible columns for rendering
   // This is what header/row rendering should use
@@ -2384,8 +2367,6 @@ class N extends HTMLElement {
   __originalOrder = [];
   // Cached DOM refs for hot path (refreshVirtualWindow) - avoid querySelector per scroll
   __rowsBodyEl = null;
-  __scrollAreaEl = null;
-  __footerEl = null;
   // #endregion
   // #region Public API Props (getters/setters)
   // Getters return the EFFECTIVE value (after merging), not the raw input.
@@ -2395,43 +2376,43 @@ class N extends HTMLElement {
     return this._rows;
   }
   set rows(e) {
-    const o = this.#r;
-    this.#r = e, o !== e && this.#C("rows");
+    const o = this.#s;
+    this.#s = e, o !== e && this.#_("rows");
   }
   /**
    * 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.#c;
-    this.#c = e, o !== e && this.#C("columns");
+    this.#c = e, o !== e && this.#_("columns");
   }
   get gridConfig() {
-    return this.#t;
+    return this.#o;
   }
   set gridConfig(e) {
     const o = this.#g;
-    this.#g = e, o !== e && (this.__lightDomColumnsCache = void 0, this.#C("gridConfig"));
+    this.#g = e, o !== e && (this.__lightDomColumnsCache = void 0, this.#_("gridConfig"));
   }
   get fitMode() {
-    return this.#t.fitMode ?? "stretch";
+    return this.#o.fitMode ?? "stretch";
   }
   set fitMode(e) {
-    const o = this.#y;
-    this.#y = e, o !== e && this.#C("fitMode");
+    const o = this.#E;
+    this.#E = e, o !== e && this.#_("fitMode");
   }
   get editOn() {
-    return this.#t.editOn;
+    return this.#o.editOn;
   }
   set editOn(e) {
-    const o = this.#S;
-    this.#S = e, o !== e && this.#C("editMode");
+    const o = this.#y;
+    this.#y = e, o !== e && this.#_("editMode");
   }
   /**
    * Effective config accessor for internal modules and plugins.
@@ -2440,7 +2421,7 @@ class N extends HTMLElement {
    * @internal Plugin API
    */
   get effectiveConfig() {
-    return this.#t;
+    return this.#o;
   }
   /**
    * Get the disconnect signal for event listener cleanup.
@@ -2451,22 +2432,22 @@ class N extends HTMLElement {
    * element.addEventListener('click', handler, { signal: this.grid.disconnectSignal });
    */
   get disconnectSignal() {
-    return this.#s || (this.#s = new AbortController()), this.#s.signal;
+    return this.#l || (this.#l = new AbortController()), this.#l.signal;
   }
   // #endregion
   constructor() {
-    super(), this.#n = this.attachShadow({ mode: "open" }), this.#oe(), this.#U = new Promise((e) => this.#X = e), this.#i = Ft(this.#o, {
+    super(), this.#n = this.attachShadow({ mode: "open" }), this.#se(), this.#Y = new Promise((e) => this.#j = e), this.#i = Ut(this.#e, {
       getShadow: () => this.#n,
-      getShellConfig: () => this.#t?.shell,
+      getShellConfig: () => this.#o?.shell,
       getAccordionIcons: () => ({
-        expand: this.#t?.icons?.expand ?? O.expand,
-        collapse: this.#t?.icons?.collapse ?? O.collapse
+        expand: this.#o?.icons?.expand ?? O.expand,
+        collapse: this.#o?.icons?.collapse ?? O.collapse
       }),
-      emit: (e, o) => this.#d(e, o),
+      emit: (e, o) => this.#q(e, o),
       refreshShellHeader: () => this.refreshShellHeader()
     });
   }
-  async #oe() {
+  async #se() {
     const e = new CSSStyleSheet();
     if (de.length > 0) {
       e.replaceSync(de), this.#n.adoptedStyleSheets = [e];
@@ -2477,10 +2458,10 @@ class N extends HTMLElement {
       let o = "";
       for (const n of Array.from(document.styleSheets))
         try {
-          const l = Array.from(n.cssRules || []).map((r) => r.cssText).join(`
+          const r = Array.from(n.cssRules || []).map((s) => s.cssText).join(`
 `);
-          if (l.includes(".tbw-grid-root") && l.includes(":host")) {
-            o = l;
+          if (r.includes(".tbw-grid-root") && r.includes(":host")) {
+            o = r;
             break;
           }
         } catch {
@@ -2502,7 +2483,7 @@ class N extends HTMLElement {
    * @internal Plugin API
    */
   getPlugin(e) {
-    return this.#e?.getPlugin(e);
+    return this.#t?.getPlugin(e);
   }
   /**
    * Get a plugin instance by its name.
@@ -2510,7 +2491,7 @@ class N extends HTMLElement {
    * @internal Plugin API
    */
   getPluginByName(e) {
-    return this.#e?.getPluginByName(e);
+    return this.#t?.getPluginByName(e);
   }
   /**
    * Request a full re-render of the grid.
@@ -2519,7 +2500,7 @@ class N extends HTMLElement {
    * @internal Plugin API
    */
   requestRender() {
-    this.#H(), this.#P(), q(this), z(this), this.refreshVirtualWindow(!0);
+    this.#P(), this.#L(), F(this), z(this), this.refreshVirtualWindow(!0);
   }
   /**
    * Update the grid's column template CSS.
@@ -2536,23 +2517,23 @@ class N extends HTMLElement {
    * @internal Plugin API
    */
   requestAfterRender() {
-    this.#e?.afterRender();
+    this.#t?.afterRender();
   }
   /**
    * Initialize plugin system with instances from config.
    * Plugins are class instances passed in gridConfig.plugins[].
    */
-  #j() {
-    this.#e = new eo(this);
-    const e = this.#t?.plugins, o = Array.isArray(e) ? e : [];
-    this.#e.attachAll(o);
+  #Z() {
+    this.#t = new oo(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.#e?.getAllStyles() ?? "";
+  #J() {
+    const e = this.#t?.getAllStyles() ?? "";
     if (e) {
       const o = document.createElement("style");
       o.setAttribute("data-plugin", "all"), o.textContent = e, this.#n.appendChild(o);
@@ -2562,34 +2543,46 @@ class N extends HTMLElement {
    * Update plugins when grid config changes.
    * With class-based plugins, we need to detach old and attach new.
    */
-  #Z() {
-    this.#e && this.#e.detachAll(), this.#j(), this.#K(), this.#J(), this.#A = this.#e?.getAll().some((e) => e.onScroll) ?? !1;
+  #Q() {
+    this.#t && this.#t.detachAll();
+    for (const e of this.#e.toolPanels.keys()) {
+      const o = this.#e.lightDomToolPanelIds.has(e), n = this.#e.apiToolPanelIds.has(e);
+      if (!o && !n) {
+        const i = this.#e.panelCleanups.get(e);
+        i && (i(), this.#e.panelCleanups.delete(e)), this.#e.toolPanels.delete(e);
+      }
+    }
+    for (const e of this.#e.headerContents.keys()) {
+      const o = this.#e.headerContentCleanups.get(e);
+      o && (o(), this.#e.headerContentCleanups.delete(e)), this.#e.headerContents.delete(e);
+    }
+    this.#Z(), this.#J(), this.#ee(), this.#R = this.#t?.getAll().some((e) => e.onScroll) ?? !1;
   }
   /**
    * Clean up plugin states when grid disconnects.
    */
-  #ne() {
-    this.#e?.detachAll();
+  #le() {
+    this.#t?.detachAll();
   }
   /**
    * Collect tool panels and header content from all plugins.
    * Called after plugins are attached but before render.
    */
-  #J() {
-    if (!this.#e) return;
-    const e = this.#e.getToolPanels();
+  #ee() {
+    if (!this.#t) return;
+    const e = this.#t.getToolPanels();
     for (const { panel: n } of e)
-      this.#o.toolPanels.has(n.id) || this.#o.toolPanels.set(n.id, n);
-    const o = this.#e.getHeaderContents();
+      this.#e.toolPanels.has(n.id) || this.#e.toolPanels.set(n.id, n);
+    const o = this.#t.getHeaderContents();
     for (const { content: n } of o)
-      this.#o.headerContents.has(n.id) || this.#o.headerContents.set(n.id, n);
+      this.#e.headerContents.has(n.id) || this.#e.headerContents.set(n.id, n);
   }
   /**
    * Gets a renderer factory for tool panels from registered framework adapters.
    * Returns a factory function that tries each adapter in order until one handles the element.
    */
-  #_() {
-    const e = N.getAdapters();
+  #b() {
+    const e = I.getAdapters();
     if (e.length === 0 && !this.__frameworkAdapter) return;
     const o = this.__frameworkAdapter;
     return (n) => {
@@ -2599,25 +2592,25 @@ class N extends HTMLElement {
       }
       for (const i of e)
         if (i.createToolPanelRenderer) {
-          const l = i.createToolPanelRenderer(n);
-          if (l) return l;
+          const r = i.createToolPanelRenderer(n);
+          if (r) return r;
         }
     };
   }
   // ---------------- Lifecycle ----------------
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", N.version), this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#s && (this.#s.abort(), this.#x = !1), this.#s = new AbortController(), this.#h && (_e(this.#h), this.#h = void 0), V(this, this.#o), F(this, this.#o, this.#_()), this.#l(), this.#j(), this.#J(), this.#M || (this.#F(), this.#K(), this.#M = !0), this.#B(), this.#h = Ot(
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", I.version), this._rows = Array.isArray(this.#s) ? [...this.#s] : [], this.#l && (this.#l.abort(), this.#x = !1), this.#l = new AbortController(), this.#u && (_e(this.#u), this.#u = void 0), q(this, this.#e), W(this, this.#e), V(this, this.#e, this.#b()), this.#r(), this.#Z(), this.#ee(), this.#H || (this.#U(), this.#J(), this.#H = !0), this.#I(), this.#u = Dt(
       () => {
-        this.#ve();
+        this.#Se();
       },
       { timeout: 100 }
     );
   }
   disconnectedCallback() {
-    this.#h && (_e(this.#h), this.#h = void 0), this.#ne(), Vt(this.#o), this.#i.setInitialized(!1), this.#L?.(), this.#L = void 0, We(this.#Y), this.#s && (this.#s.abort(), this.#s = void 0), this.#v?.abort(), this.#v = void 0, this.#x = !1, this._resizeController && this._resizeController.dispose(), this.#b && (this.#b.disconnect(), this.#b = void 0), this.#w && (this.#w.disconnect(), this.#w = void 0, this.#I = !1), this.#u && (this.#u.disconnect(), this.#u = void 0), Z(this), this._rowEditSnapshots.clear(), this._changedRowIndices.clear(), this.#E.clear();
+    this.#u && (_e(this.#u), this.#u = void 0), this.#le(), Gt(this.#e), this.#i.setInitialized(!1), this.#A?.(), this.#A = void 0, $e(this.#K), this.#l && (this.#l.abort(), this.#l = void 0), this.#v?.abort(), this.#v = void 0, this.#x = !1, this._resizeController && this._resizeController.dispose(), this.#p && (this.#p.disconnect(), this.#p = void 0), this.#w && (this.#w.disconnect(), this.#w = void 0, this.#B = !1), this.#d && (this.#d.disconnect(), this.#d = void 0), Y(this), this._rowEditSnapshots.clear(), this._changedRowIndices.clear(), this.#C.clear();
     for (const e of this._rowPool)
       e.remove();
-    this._rowPool.length = 0, this.__rowsBodyEl = null, this.__scrollAreaEl = null, this.__footerEl = null, this.#O = !1;
+    this._rowPool.length = 0, this.__rowsBodyEl = null, this.#M = !1;
   }
   /**
    * Handle HTML attribute changes.
@@ -2626,116 +2619,116 @@ class N extends HTMLElement {
    */
   attributeChangedCallback(e, o, n) {
     if (o === n || !n || n === "null" || n === "undefined") return;
-    const l = {
+    const r = {
       rows: "rows",
       columns: "columns",
       "grid-config": "gridConfig",
       "fit-mode": "fitMode",
       "edit-on": "editOn"
     }[e];
-    if (l)
+    if (r)
       if (e === "rows" || e === "columns" || e === "grid-config")
         try {
-          this[l] = JSON.parse(n);
+          this[r] = JSON.parse(n);
         } catch {
           console.warn(`[tbw-grid] Invalid JSON for '${e}' attribute:`, n);
         }
       else
-        this[l] = n;
+        this[r] = n;
   }
-  #B() {
+  #I() {
     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.__rowsBodyEl = o?.querySelector(".rows-body"), this.__scrollAreaEl = o?.querySelector(".tbw-scroll-area"), this.__footerEl = o?.querySelector(".tbw-footer"), this.#i.isInitialized) {
-      qe(this.#n, this.#o), qt(this.#n, this.#t?.shell, this.#o);
-      const l = this.#t?.shell?.toolPanel?.defaultOpen;
-      l && this.#o.toolPanels.has(l) && (this.openToolPanel(), this.#o.expandedSections.add(l));
+    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.__rowsBodyEl = o?.querySelector(".rows-body"), this.#i.isInitialized) {
+      Ve(this.#n, this.#e), Vt(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));
     }
-    if (this.setAttribute("data-upgraded", ""), this.#O = !0, this._resizeController = kt(this), this.#a(), this.#ie(o), this.#x)
+    if (this.setAttribute("data-upgraded", ""), this.#M = !0, this._resizeController = zt(this), this.#a(), this.#ae(o), this.#x)
       return;
     this.#x = !0;
     const n = this.disconnectSignal;
-    this.addEventListener("keydown", (l) => ft(this, l), { signal: n }), document.addEventListener(
+    this.addEventListener("keydown", (r) => pt(this, r), { signal: n }), document.addEventListener(
       "keydown",
-      (l) => {
-        l.key === "Escape" && this._activeEditRows !== -1 && D(this, this._activeEditRows, !0);
+      (r) => {
+        r.key === "Escape" && this._activeEditRows !== -1 && D(this, this._activeEditRows, !0);
       },
       { capture: !0, signal: n }
     ), document.addEventListener(
       "mousedown",
-      (l) => {
+      (r) => {
         if (this._activeEditRows === -1) return;
-        const r = this.findRenderedRowElement(this._activeEditRows);
-        !r || (l.composedPath && l.composedPath() || []).includes(r) || D(this, this._activeEditRows, !1);
+        const s = this.findRenderedRowElement(this._activeEditRows);
+        !s || (r.composedPath && r.composedPath() || []).includes(s) || D(this, this._activeEditRows, !1);
       },
       { signal: n }
-    ), this.#n.addEventListener("mousedown", (l) => this.#be(l), { signal: n }), document.addEventListener("mousemove", (l) => this.#we(l), { signal: n }), document.addEventListener("mouseup", (l) => this.#ge(l), { signal: n });
-    const i = this.#t.rowHeight;
-    i && i > 0 ? this._virtualization.rowHeight = i : requestAnimationFrame(() => this.#Q()), queueMicrotask(() => this.#re()), requestAnimationFrame(() => requestAnimationFrame(() => this.#X?.()));
+    ), this.#n.addEventListener("mousedown", (r) => this.#_e(r), { signal: n }), document.addEventListener("mousemove", (r) => this.#Ce(r), { signal: n }), document.addEventListener("mouseup", (r) => this.#Ee(r), { signal: n });
+    const i = this.#o.rowHeight;
+    i && i > 0 ? this._virtualization.rowHeight = i : requestAnimationFrame(() => this.#te()), queueMicrotask(() => this.#de()), requestAnimationFrame(() => requestAnimationFrame(() => this.#j?.()));
   }
   /**
    * Measure actual row height from DOM.
    * Finds the tallest cell to account for custom renderers that may push height.
    */
-  #Q() {
+  #te() {
     const e = this._bodyEl?.querySelector(".data-grid-row");
     if (!e) return;
     const o = e.querySelectorAll(".cell");
     let n = 0;
-    o.forEach((r) => {
-      const s = r.offsetHeight;
-      s > n && (n = s);
+    o.forEach((s) => {
+      const l = s.offsetHeight;
+      l > n && (n = l);
     });
-    const i = e.getBoundingClientRect(), l = Math.max(i.height, n);
-    l > 0 && l !== this._virtualization.rowHeight && (this._virtualization.rowHeight = l, this.refreshVirtualWindow(!0));
+    const i = e.getBoundingClientRect(), r = Math.max(i.height, n);
+    r > 0 && r !== this._virtualization.rowHeight && (this._virtualization.rowHeight = r, this.refreshVirtualWindow(!0));
   }
   /**
    * Set up scroll-related event listeners on DOM elements.
    * These need to be re-attached when the DOM is recreated (e.g., shell toggle).
    * Uses a separate AbortController that is recreated each time.
    */
-  #ie(e) {
+  #ae(e) {
     this.#v?.abort(), this.#v = new AbortController();
     const o = this.#v.signal, n = e?.querySelector(".faux-vscroll"), i = e?.querySelector(".rows");
-    if (this._virtualization.container = n ?? this, this.#A = this.#e?.getAll().some((l) => l.onScroll) ?? !1, n && i) {
+    if (this._virtualization.container = n ?? this, this.#R = this.#t?.getAll().some((r) => r.onScroll) ?? !1, n && i) {
       n.addEventListener(
         "scroll",
         () => {
-          if (!this._virtualization.enabled && !this.#A) return;
-          const s = n.scrollTop, a = this._virtualization.rowHeight;
+          if (!this._virtualization.enabled && !this.#R) return;
+          const l = n.scrollTop, a = this._virtualization.rowHeight;
           if (this._rows.length <= this._virtualization.bypassThreshold)
-            i.style.transform = `translateY(${-s}px)`;
+            i.style.transform = `translateY(${-l}px)`;
           else {
-            const c = Math.floor(s / a), h = c - c % 2, d = -(s - h * a);
+            const c = Math.floor(l / a), f = c - c % 2, d = -(l - f * a);
             i.style.transform = `translateY(${d}px)`;
           }
-          this.#R = s, this.#p || (this.#p = requestAnimationFrame(() => {
-            this.#p = 0, this.#R !== null && (this.#pe(this.#R), this.#R = null);
+          this.#S = l, this.#f || (this.#f = requestAnimationFrame(() => {
+            this.#f = 0, this.#S !== null && (this.#ve(this.#S), this.#S = null);
           }));
         },
         { passive: !0, signal: o }
       );
-      const l = this.#n.querySelector(".tbw-grid-content"), r = this.#n.querySelector(".tbw-scroll-area");
-      l && (l.addEventListener(
+      const r = this.#n.querySelector(".tbw-grid-content"), s = this.#n.querySelector(".tbw-scroll-area");
+      r && (r.addEventListener(
         "wheel",
-        (s) => {
-          const a = s.shiftKey || Math.abs(s.deltaX) > Math.abs(s.deltaY);
-          if (a && r) {
-            const c = s.shiftKey ? s.deltaY : s.deltaX, { scrollLeft: h, scrollWidth: d, clientWidth: u } = r;
-            (c > 0 && h < d - u || c < 0 && h > 0) && (s.preventDefault(), r.scrollLeft += c);
+        (l) => {
+          const a = l.shiftKey || Math.abs(l.deltaX) > Math.abs(l.deltaY);
+          if (a && s) {
+            const c = l.shiftKey ? l.deltaY : l.deltaX, { scrollLeft: f, scrollWidth: d, clientWidth: u } = s;
+            (c > 0 && f < d - u || c < 0 && f > 0) && (l.preventDefault(), s.scrollLeft += c);
           } else if (!a) {
-            const { scrollTop: c, scrollHeight: h, clientHeight: d } = n;
-            (s.deltaY > 0 && c < h - d || s.deltaY < 0 && c > 0) && (s.preventDefault(), n.scrollTop += s.deltaY);
+            const { scrollTop: c, scrollHeight: f, clientHeight: d } = n;
+            (l.deltaY > 0 && c < f - d || l.deltaY < 0 && c > 0) && (l.preventDefault(), n.scrollTop += l.deltaY);
           }
         },
         { passive: !1, signal: o }
-      ), Qt(l, this.#Y, { fauxScrollbar: n, scrollArea: r }, o));
+      ), to(r, this.#K, { fauxScrollbar: n, scrollArea: s }, o));
     }
-    this._bodyEl && Lt(this, this._bodyEl, o), this.#b?.disconnect(), this._virtualization.viewportEl && (this.#b = new ResizeObserver(() => {
-      this.#p || (this.#p = requestAnimationFrame(() => {
-        this.#p = 0, this.refreshVirtualWindow(!0), k(this);
+    this._bodyEl && Ht(this, this._bodyEl, o), this.#p?.disconnect(), this._virtualization.viewportEl && (this.#p = new ResizeObserver(() => {
+      this.#f || (this.#f = requestAnimationFrame(() => {
+        this.#f = 0, this.refreshVirtualWindow(!0), k(this);
       }));
-    }), this.#b.observe(this._virtualization.viewportEl)), this._virtualization.enabled && requestAnimationFrame(() => {
-      this.refreshVirtualWindow(!0), this.#le();
+    }), this.#p.observe(this._virtualization.viewportEl)), this._virtualization.enabled && requestAnimationFrame(() => {
+      this.refreshVirtualWindow(!0), this.#ce();
     });
   }
   /**
@@ -2743,43 +2736,28 @@ class N extends HTMLElement {
    * Called after rows are rendered to observe the actual content cells.
    * Handles dynamic CSS loading, lazy images, font loading, etc.
    */
-  #I = !1;
+  #B = !1;
   // Only set up once per lifecycle
-  #le() {
-    if (this.#I) return;
+  #ce() {
+    if (this.#B) return;
     const e = this._bodyEl?.querySelector(".data-grid-row");
     if (!e) return;
-    this.#I = !0, this.#w?.disconnect();
+    this.#B = !0, this.#w?.disconnect();
     const o = e.querySelectorAll(".cell");
     o.length > 0 && (this.#w = new ResizeObserver(() => {
-      this.#Q();
+      this.#te();
     }), o.forEach((n) => this.#w.observe(n)));
   }
   // ---------------- Event Emitters ----------------
-  #d(e, o) {
+  #q(e, o) {
     this.dispatchEvent(new CustomEvent(e, { detail: o, bubbles: !0, composed: !0 }));
   }
-  _emitCellCommit(e) {
-    this.#d("cell-commit", e);
-  }
-  _emitRowCommit(e) {
-    this.#d("row-commit", e);
-  }
-  _emitSortChange(e) {
-    this.#d("sort-change", e);
-  }
-  _emitColumnResize(e) {
-    this.#d("column-resize", e);
-  }
-  _emitActivateCell(e) {
-    this.#d("activate-cell", e);
-  }
   /** Update ARIA selection attributes on rendered rows/cells */
-  #re() {
+  #de() {
     this._bodyEl?.querySelectorAll(".data-grid-row")?.forEach((o, n) => {
       const i = n === this._focusRow;
-      o.setAttribute("aria-selected", String(i)), o.querySelectorAll(".cell").forEach((l, r) => {
-        l.setAttribute("aria-selected", String(i && r === this._focusCol));
+      o.setAttribute("aria-selected", String(i)), o.querySelectorAll(".cell").forEach((r, s) => {
+        r.setAttribute("aria-selected", String(i && s === this._focusCol));
       });
     });
   }
@@ -2790,83 +2768,95 @@ class N extends HTMLElement {
    * Queue an update for a specific property type.
    * All updates queued within the same microtask are batched together.
    */
-  #C(e) {
-    this.#k[e] = !0, !this.#m && (this.#m = !0, queueMicrotask(() => this.#se()));
+  #_(e) {
+    this.#O[e] = !0, !this.#m && (this.#m = !0, queueMicrotask(() => this.#ue()));
   }
   /**
    * Process all pending updates in optimal order.
    * Priority: gridConfig first (may affect all), then columns, rows, fitMode, editMode
    */
-  #se() {
-    if (!this.#m || !this.#O) {
+  #ue() {
+    if (!this.#m || !this.#M) {
       this.#m = !1;
       return;
     }
-    const e = this.#k;
-    if (this.#m = !1, this.#k = {
+    const e = this.#O;
+    if (this.#m = !1, this.#O = {
       rows: !1,
       columns: !1,
       gridConfig: !1,
       fitMode: !1,
       editMode: !1
     }, e.gridConfig) {
-      this.#he();
+      this.#be();
       return;
     }
-    e.columns && this.#ce(), e.rows && this.#ae(), e.fitMode && this.#de(), e.editMode && this.#ue();
+    e.columns && this.#fe(), e.rows && this.#he(), e.fitMode && this.#pe(), e.editMode && this.#we();
   }
   // Individual update applicators - these do the actual work
-  #ae() {
-    this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#H(), this._columns.length > 0 || Array.isArray(this.#t?.columns) && this.#t.columns.length > 0 || Array.isArray(this.#c) && this.#c.length > 0 ? (this.#P(), this.refreshVirtualWindow(!0)) : this.#a();
+  #he() {
+    this._rows = Array.isArray(this.#s) ? [...this.#s] : [], this.#P(), this._columns.length > 0 || Array.isArray(this.#o?.columns) && this.#o.columns.length > 0 || Array.isArray(this.#c) && this.#c.length > 0 ? (this.#L(), this.refreshVirtualWindow(!0)) : this.#a();
   }
-  #ce() {
-    Z(this), this.#l(), this.#a();
+  #fe() {
+    Y(this), this.#r(), this.#a();
   }
-  #de() {
-    this.#l(), this.#t.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, be(this)) : (this._columns.forEach((o) => {
+  #pe() {
+    this.#r(), this.#o.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, we(this)) : (this._columns.forEach((o) => {
       !o.__userResized && o.__autoSized && delete o.width;
     }), z(this));
   }
-  #ue() {
-    this.#l(), this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.refreshVirtualWindow(!0);
+  #we() {
+    this.#r(), this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.refreshVirtualWindow(!0);
   }
-  #he() {
-    const e = !!this.#n.querySelector(".has-shell");
-    se(this.#t, this.#o), pe(this), this.#l(), this.#Z();
-    const o = se(this.#t, this.#o);
-    if (e !== o || !e && o) {
-      this.#F(), this.#B();
+  #be() {
+    q(this, this.#e), W(this, this.#e);
+    const e = !!this.#n.querySelector(".has-shell"), o = !!this.#n.querySelector(".tbw-tool-panel"), n = this.#n.querySelectorAll(".tbw-accordion-section").length;
+    pe(this), this.#r(), this.#Q(), V(this, this.#e, this.#b());
+    const i = We(this.#o, this.#e), r = this.#e.toolPanels.size > 0, s = this.#e.toolPanels.size !== n;
+    if (e !== i || !e && i || !o && r || o && s) {
+      this.#U(), this.#I();
       return;
     }
-    this.#H(), this.#P(), q(this), z(this), this.refreshVirtualWindow(!0);
+    e && this.#ge(), this.#P(), this.#L(), F(this), z(this), this.refreshVirtualWindow(!0);
+  }
+  /**
+   * Update the shell header DOM in place without a full re-render.
+   * Handles title, toolbar buttons, and other shell header changes.
+   */
+  #ge() {
+    const e = this.#n.querySelector(".tbw-shell-header");
+    if (!e) return;
+    const o = this.#o.shell?.header?.title ?? this.#e.lightDomTitle;
+    let n = e.querySelector(".tbw-shell-title");
+    o ? (n || (n = document.createElement("h2"), n.className = "tbw-shell-title", n.setAttribute("part", "shell-title"), e.insertBefore(n, e.firstChild)), n.textContent = o) : n && n.remove();
   }
   // NOTE: Legacy watch handlers have been replaced by the batched update system.
   // The #queueUpdate() method schedules updates which are processed by #flushPendingUpdates()
   // and individual #apply*Update() methods. This coalesces rapid property changes
   // (e.g., setting rows, columns, gridConfig in quick succession) into a single update cycle.
-  #P() {
-    if (this.#e) {
-      const e = this.#N.length > 0 ? this.#N : this._columns, o = e.filter((l) => !l.hidden), n = e.filter((l) => l.hidden), i = this.#e.processColumns([...o]);
+  #L() {
+    if (this.#t) {
+      const e = this.#N.length > 0 ? this.#N : this._columns, o = e.filter((r) => !r.hidden), n = e.filter((r) => r.hidden), i = this.#t.processColumns([...o]);
       if (i !== o) {
-        const l = new Map(i.map((s, a) => [s.field, { col: s, order: a }]));
-        if (!o.some((s) => l.has(s.field)) && i.length > 0)
+        const r = new Map(i.map((l, a) => [l.field, { col: l, order: a }]));
+        if (!o.some((l) => r.has(l.field)) && i.length > 0)
           this._columns = [...i, ...n];
         else {
-          const s = e.map((a) => {
+          const l = e.map((a) => {
             if (a.hidden) return a;
-            const c = l.get(a.field);
+            const c = r.get(a.field);
             return c ? c.col : a;
           });
-          this._columns = s;
+          this._columns = l;
         }
       } else
         this._columns = [...e];
     }
   }
   /** Recompute row model via plugin hooks. */
-  #H() {
-    Z(this);
-    const e = Array.isArray(this.#r) ? [...this.#r] : [], o = this.#e?.processRows(e) ?? e;
+  #P() {
+    Y(this);
+    const e = Array.isArray(this.#s) ? [...this.#s] : [], o = this.#t?.processRows(e) ?? e;
     this._rows = o;
   }
   /**
@@ -2887,7 +2877,7 @@ class N extends HTMLElement {
    * - `_columns` is NOT set here (done by #getColumnConfiguration + #processColumns)
    * - Plugins receive config via their attach() method
    */
-  #l() {
+  #r() {
     const e = this.#g ? { ...this.#g } : {};
     let o = Array.isArray(e.columns) ? [...e.columns] : [];
     const n = (this.__lightDomColumnsCache || []).map((i) => ({
@@ -2895,42 +2885,62 @@ class N extends HTMLElement {
     }));
     if (n.length) {
       const i = {};
-      o.forEach((l) => i[l.field] = l), n.forEach((l) => {
-        const r = i[l.field];
-        r ? (l.header && !r.header && (r.header = l.header), l.type && !r.type && (r.type = l.type), r.sortable = r.sortable || l.sortable, l.resizable && (r.resizable = !0), l.editable && (r.editable = !0)) : (o.push(l), i[l.field] = l);
+      o.forEach((r) => i[r.field] = r), n.forEach((r) => {
+        const s = i[r.field];
+        if (!s)
+          o.push(r), i[r.field] = r;
+        else {
+          r.header && !s.header && (s.header = r.header), r.type && !s.type && (s.type = r.type), s.sortable = s.sortable || r.sortable, r.resizable && (s.resizable = !0), r.editable && (s.editable = !0);
+          const l = r.renderer || r.viewRenderer, a = s.renderer || s.viewRenderer;
+          l && !a && (s.viewRenderer = l, r.renderer && (s.renderer = l)), r.editor && !s.editor && (s.editor = r.editor);
+        }
       });
     }
     if (this.#c && this.#c.length && (o = [...this.#c]), (!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 = r;
-        s.__originalWidth === void 0 && typeof r.width == "number" && (s.__originalWidth = r.width);
+      o.forEach((s) => {
+        s.sortable === void 0 && (s.sortable = !0), s.resizable === void 0 && (s.resizable = !0);
+        const l = s;
+        l.__originalWidth === void 0 && typeof s.width == "number" && (l.__originalWidth = s.width);
       });
-      const i = this.#t.columns;
-      i?.some((r) => r.__compiledView || r.__compiledEditor) ? e.columns = i : e.columns = o;
+      const i = this.#o.columns;
+      i?.some((s) => s.__compiledView || s.__compiledEditor) ? e.columns = i : e.columns = o;
     } else {
-      const i = this.#t.columns;
-      i?.some((l) => l.__compiledView || l.__compiledEditor) && (e.columns = i);
+      const i = this.#o.columns;
+      i?.some((r) => r.__compiledView || r.__compiledEditor) && (e.columns = i);
     }
-    this.#y && (e.fitMode = this.#y), e.fitMode || (e.fitMode = "stretch"), this.#S && (e.editOn = this.#S), this.#o.lightDomTitle && (e.shell || (e.shell = {}), e.shell.header || (e.shell.header = {}), e.shell.header.title || (e.shell.header.title = this.#o.lightDomTitle)), e.rowHeight && e.rowHeight > 0 && (this._virtualization.rowHeight = e.rowHeight), e.columnState && !this.#f && (this.#f = e.columnState), this.#t = e, e.fitMode === "fixed" && this._columns.forEach((i) => {
+    this.#E && (e.fitMode = this.#E), e.fitMode || (e.fitMode = "stretch"), this.#y && (e.editOn = this.#y), this.#e.lightDomTitle && (e.shell || (e.shell = {}), e.shell.header || (e.shell.header = {}), e.shell.header.title || (e.shell.header.title = this.#e.lightDomTitle)), e.rowHeight && e.rowHeight > 0 && (this._virtualization.rowHeight = e.rowHeight), e.columnState && !this.#h && (this.#h = e.columnState), this.#o = e, e.fitMode === "fixed" && this._columns.forEach((i) => {
       i.width == null && (i.width = 80);
-    }), this.#fe();
+    }), this.#me();
   }
   /**
    * Apply animation configuration to CSS custom properties on the host element.
    * This makes the grid's animation settings available to plugins via CSS variables.
    */
-  #fe() {
+  #me() {
     const e = {
-      ...Je,
-      ...this.#t.animation
+      ...Qe,
+      ...this.#o.animation
     }, o = e.mode ?? "reduced-motion";
     let n = 1;
     o === !1 || o === "off" ? n = 0 : (o === !0 || o === "on") && (n = 1), this.style.setProperty("--tbw-animation-duration", `${e.duration}ms`), this.style.setProperty("--tbw-animation-easing", e.easing ?? "ease-out"), this.style.setProperty("--tbw-animation-enabled", String(n)), this.dataset.animationMode = typeof o == "boolean" ? o ? "on" : "off" : o;
   }
   // ---------------- Delegate Wrappers ----------------
-  #q(e, o, n = this.__rowRenderEpoch) {
-    this.#D || (this.#D = (i, l, r) => this.#e?.renderRow(i, l, r) ?? !1), mt(this, e, o, n, this.#D);
+  #W(e, o, n = this.__rowRenderEpoch) {
+    this.#k || (this.#k = (i, r, s) => this.#t?.renderRow(i, r, s) ?? !1), vt(this, e, o, n, this.#k);
+  }
+  // Cache for ARIA counts to avoid redundant DOM writes on scroll (hot path)
+  #V = -1;
+  #oe = -1;
+  /**
+   * Updates ARIA row/col counts on the grid container.
+   * Also sets role="rowgroup" on .rows container only when there are rows.
+   * Uses caching to avoid redundant DOM writes on every scroll frame.
+   */
+  #ne(e, o) {
+    if (e === this.#V && o === this.#oe)
+      return;
+    const n = this.#V;
+    this.#V = e, this.#oe = o, this.__rowsBodyEl && (this.__rowsBodyEl.setAttribute("aria-rowcount", String(e)), this.__rowsBodyEl.setAttribute("aria-colcount", String(o))), e !== n && this._bodyEl && (e > 0 ? this._bodyEl.setAttribute("role", "rowgroup") : this._bodyEl.removeAttribute("role"));
   }
   // ---------------- Core Helpers ----------------
   #a() {
@@ -2938,31 +2948,31 @@ class N extends HTMLElement {
       return;
     const e = this.#g?.columns || this.#c || [];
     if (e.length) {
-      const n = new Map(this._columns.filter((l) => l.hidden).map((l) => [l.field, !0])), i = e.map((l) => ({
-        ...l,
-        hidden: n.get(l.field) ?? l.hidden
+      const n = new Map(this._columns.filter((r) => r.hidden).map((r) => [r.field, !0])), i = e.map((r) => ({
+        ...r,
+        hidden: n.get(r.field) ?? r.hidden
       }));
       this._columns = i;
     }
-    if (pe(this), this.#l(), this.#Z(), this.#N = [...this._columns], this.#H(), this.#P(), this.#f) {
-      const n = this.#f;
-      this.#f = void 0, this.#ee(n);
+    if (pe(this), this.#r(), this.#Q(), this.#N = [...this._columns], this.#P(), this.#L(), this.#h) {
+      const n = this.#h;
+      this.#h = void 0, this.#ie(n);
     }
-    q(this), z(this), this.refreshVirtualWindow(!0), this.#t.fitMode === "fixed" && !this.__didInitialAutoSize && requestAnimationFrame(() => be(this)), this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), queueMicrotask(() => this.#e?.afterRender());
+    F(this), z(this), this.refreshVirtualWindow(!0), this.#o.fitMode === "fixed" && !this.__didInitialAutoSize && requestAnimationFrame(() => we(this)), this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), queueMicrotask(() => this.#t?.afterRender());
   }
   /** Internal method to apply column state without triggering setup loop */
-  #ee(e) {
-    const o = this.#t.columns ?? [], n = this.#e?.getAll() ?? [];
-    Fe(this, e, o, n);
+  #ie(e) {
+    const o = this.#o.columns ?? [], n = this.#t?.getAll() ?? [];
+    Ge(this, e, o, n);
     for (const i of e.columns) {
-      const l = o.find((r) => r.field === i.field);
-      l && (l.hidden = !i.visible);
+      const r = o.find((s) => s.field === i.field);
+      r && (r.hidden = !i.visible);
     }
   }
-  #pe(e) {
-    if (this.refreshVirtualWindow(!1), this.#e?.onScrollRender(), this.#A) {
-      const o = this._virtualization.container, n = this.#te;
-      n.scrollTop = e, n.scrollLeft = o?.scrollLeft ?? 0, n.scrollHeight = o?.scrollHeight ?? 0, n.scrollWidth = o?.scrollWidth ?? 0, n.clientHeight = o?.clientHeight ?? 0, n.clientWidth = o?.clientWidth ?? 0, this.#e?.onScroll(n);
+  #ve(e) {
+    if (this.refreshVirtualWindow(!1), this.#t?.onScrollRender(), this.#R) {
+      const o = this._virtualization.container, n = this.#re;
+      n.scrollTop = e, n.scrollLeft = o?.scrollLeft ?? 0, n.scrollHeight = o?.scrollHeight ?? 0, n.scrollWidth = o?.scrollWidth ?? 0, n.clientHeight = o?.clientHeight ?? 0, n.clientWidth = o?.clientWidth ?? 0, this.#t?.onScroll(n);
     }
   }
   /**
@@ -2991,18 +3001,18 @@ class N extends HTMLElement {
    * Returns true if any plugin handled the event.
    */
   _dispatchCellClick(e, o, n, i) {
-    const l = this._rows[o], r = this._columns[n];
-    if (!l || !r) return !1;
-    const s = {
-      row: l,
+    const r = this._rows[o], s = this._columns[n];
+    if (!r || !s) return !1;
+    const l = {
+      row: r,
       rowIndex: o,
       colIndex: n,
-      field: r.field,
-      value: l[r.field],
+      field: s.field,
+      value: r[s.field],
       cellEl: i,
       originalEvent: e
     };
-    return this.#e?.onCellClick(s) ?? !1;
+    return this.#t?.onCellClick(l) ?? !1;
   }
   /**
    * Dispatch a row click event to the plugin system.
@@ -3010,13 +3020,13 @@ class N extends HTMLElement {
    */
   _dispatchRowClick(e, o, n, i) {
     if (!n) return !1;
-    const l = {
+    const r = {
       rowIndex: o,
       row: n,
       rowEl: i,
       originalEvent: e
     };
-    return this.#e?.onRowClick(l) ?? !1;
+    return this.#t?.onRowClick(r) ?? !1;
   }
   /**
    * Dispatch a header click event to the plugin system.
@@ -3025,21 +3035,21 @@ class N extends HTMLElement {
   _dispatchHeaderClick(e, o, n) {
     const i = this._columns[o];
     if (!i) return !1;
-    const l = {
+    const r = {
       colIndex: o,
       field: i.field,
       column: i,
       headerEl: n,
       originalEvent: e
     };
-    return this.#e?.onHeaderClick(l) ?? !1;
+    return this.#t?.onHeaderClick(r) ?? !1;
   }
   /**
    * Dispatch a keyboard event to the plugin system.
    * Returns true if any plugin handled the event.
    */
   _dispatchKeyDown(e) {
-    return this.#e?.onKeyDown(e) ?? !1;
+    return this.#t?.onKeyDown(e) ?? !1;
   }
   /**
    * Get horizontal scroll boundary offsets from plugins.
@@ -3047,7 +3057,7 @@ class N extends HTMLElement {
    * when plugins like pinned columns obscure part of the scroll area.
    */
   _getHorizontalScrollOffsets(e, o) {
-    return this.#e?.getHorizontalScrollOffsets(e, o) ?? { left: 0, right: 0 };
+    return this.#t?.getHorizontalScrollOffsets(e, o) ?? { left: 0, right: 0 };
   }
   /**
    * Query all plugins with a generic query and collect responses.
@@ -3060,59 +3070,58 @@ class N extends HTMLElement {
    * const canMove = !responses.includes(false);
    */
   queryPlugins(e) {
-    return this.#e?.queryPlugins(e) ?? [];
+    return this.#t?.queryPlugins(e) ?? [];
   }
   /**
    * Build a CellMouseEvent from a native MouseEvent.
    * Extracts cell/row information from the event target.
    */
-  #W(e, o) {
+  #$(e, o) {
     let n = null;
     const i = e.composedPath?.();
     if (i && i.length > 0 ? n = i[0] : n = e.target, n && !this.#n.contains(n)) {
-      const f = this.#n.elementFromPoint(e.clientX, e.clientY);
-      f && (n = f);
+      const h = this.#n.elementFromPoint(e.clientX, e.clientY);
+      h && (n = h);
     }
-    const l = n?.closest?.("[data-col]"), r = n?.closest?.(".data-grid-row"), s = n?.closest?.(".header-row");
-    let a, c, h, d, u, p;
-    return l && (a = parseInt(l.getAttribute("data-row") ?? "-1", 10), c = parseInt(l.getAttribute("data-col") ?? "-1", 10), a >= 0 && c >= 0 && (h = this._rows[a], p = this._columns[c], d = p?.field, u = h && d ? h[d] : void 0)), {
+    const r = n?.closest?.("[data-col]"), s = n?.closest?.(".data-grid-row"), l = n?.closest?.(".header-row");
+    let a, c, f, d, u, w;
+    return r && (a = parseInt(r.getAttribute("data-row") ?? "-1", 10), c = parseInt(r.getAttribute("data-col") ?? "-1", 10), a >= 0 && c >= 0 && (f = this._rows[a], w = this._columns[c], d = w?.field, u = f && d ? f[d] : void 0)), {
       type: o,
-      row: h,
+      row: f,
       rowIndex: a !== void 0 && a >= 0 ? a : void 0,
       colIndex: c !== void 0 && c >= 0 ? c : void 0,
       field: d,
       value: u,
-      column: p,
+      column: w,
       originalEvent: e,
-      cellElement: l ?? void 0,
-      rowElement: r ?? void 0,
-      isHeader: !!s,
+      cellElement: r ?? void 0,
+      rowElement: s ?? void 0,
+      isHeader: !!l,
       cell: a !== void 0 && c !== void 0 && a >= 0 && c >= 0 ? { row: a, col: c } : void 0
     };
   }
-  /**
   /**
    * Handle mousedown events and dispatch to plugin system.
    */
-  #be(e) {
-    const o = this.#W(e, "mousedown");
-    (this.#e?.onCellMouseDown(o) ?? !1) && (this.#T = !0);
+  #_e(e) {
+    const o = this.#$(e, "mousedown");
+    (this.#t?.onCellMouseDown(o) ?? !1) && (this.#T = !0);
   }
   /**
    * Handle mousemove events (only when dragging).
    */
-  #we(e) {
+  #Ce(e) {
     if (!this.#T) return;
-    const o = this.#W(e, "mousemove");
-    this.#e?.onCellMouseMove(o);
+    const o = this.#$(e, "mousemove");
+    this.#t?.onCellMouseMove(o);
   }
   /**
    * Handle mouseup events.
    */
-  #ge(e) {
+  #Ee(e) {
     if (!this.#T) return;
-    const o = this.#W(e, "mouseup");
-    this.#e?.onCellMouseUp(o), this.#T = !1;
+    const o = this.#$(e, "mouseup");
+    this.#t?.onCellMouseUp(o), this.#T = !1;
   }
   // API consumed by internal utils (rows.ts) - delegates to editing.ts
   get changedRows() {
@@ -3122,34 +3131,34 @@ class N extends HTMLElement {
     return ze(this);
   }
   async resetChangedRows(e) {
-    Ct(this, e);
+    yt(this, e);
   }
   async beginBulkEdit(e) {
-    Et(this, e, {
+    St(this, e, {
       findRenderedRowElement: (o) => this.findRenderedRowElement?.(o) ?? null
     });
   }
   async commitActiveRowEdit() {
-    yt(this);
+    Rt(this);
   }
   async cancelActiveRowEdit() {
-    St(this);
+    Tt(this);
   }
   async ready() {
-    return this.#U;
+    return this.#Y;
   }
   async forceLayout() {
     this.#a(), await new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
   }
   /** Public method: returns a frozen snapshot of the merged effective configuration */
   async getConfig() {
-    return Object.freeze({ ...this.#t || {} });
+    return Object.freeze({ ...this.#o || {} });
   }
   // ---------------- Column Visibility API ----------------
   // Delegates to column-state.ts pure functions
   /** Visibility callbacks for column-state.ts functions */
-  #$ = {
-    emit: (e, o) => this.#d(e, o),
+  #F = {
+    emit: (e, o) => this.#q(e, o),
     clearRowPool: () => {
       this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++;
     },
@@ -3157,29 +3166,29 @@ class N extends HTMLElement {
     requestStateChange: () => this.requestStateChange()
   };
   setColumnVisible(e, o) {
-    return xe(this, e, o, this.#$);
+    return Ae(this, e, o, this.#F);
   }
   toggleColumnVisibility(e) {
-    return Ue(this, e, this.#$);
+    return Xe(this, e, this.#F);
   }
   isColumnVisible(e) {
-    return Xe(this, e);
+    return Ye(this, e);
   }
   showAllColumns() {
-    Ye(this, this.#$);
+    je(this, this.#F);
   }
   getAllColumns() {
-    return je(this);
+    return Ke(this);
   }
   setColumnOrder(e) {
-    Ze(this, e, {
-      renderHeader: () => q(this),
+    Je(this, e, {
+      renderHeader: () => F(this),
       updateTemplate: () => z(this),
       refreshVirtualWindow: () => this.refreshVirtualWindow(!0)
     });
   }
   getColumnOrder() {
-    return Ke(this);
+    return Ze(this);
   }
   // ---------------- Column State API ----------------
   /**
@@ -3187,15 +3196,15 @@ class N extends HTMLElement {
    * Returns a serializable object suitable for localStorage or database storage.
    */
   getColumnState() {
-    const e = this.#e?.getAll() ?? [];
-    return Te(this, e);
+    const e = this.#t?.getAll() ?? [];
+    return xe(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.#f = e, this.#M && this.#me(e));
+    e && (this.#h = e, this.#H && this.#ye(e));
   }
   /**
    * Get the current column state.
@@ -3206,10 +3215,10 @@ class N extends HTMLElement {
   /**
    * Apply column state internally.
    */
-  #me(e) {
-    (this.#t.columns ?? []).forEach((n) => {
+  #ye(e) {
+    (this.#o.columns ?? []).forEach((n) => {
       n.hidden = !1;
-    }), this.#ee(e), this.#a();
+    }), this.#ie(e), this.#a();
   }
   /**
    * Request a state change event to be emitted.
@@ -3219,10 +3228,10 @@ class N extends HTMLElement {
    * @internal Plugin API
    */
   requestStateChange() {
-    this.#z || (this.#z = Ge(
+    this.#z || (this.#z = Ue(
       this,
-      () => this.#e?.getAll() ?? [],
-      (e) => this.#d("column-state-change", e)
+      () => this.#t?.getAll() ?? [],
+      (e) => this.#q("column-state-change", e)
     )), this.#z();
   }
   /**
@@ -3230,10 +3239,10 @@ class N extends HTMLElement {
    * Clears all user modifications (order, width, visibility, sort).
    */
   resetColumnState() {
-    this.#f = void 0, (this.#t.columns ?? []).forEach((n) => {
+    this.#h = void 0, (this.#o.columns ?? []).forEach((n) => {
       n.hidden = !1;
-    }), this._sortState = null, this.__originalOrder = [], this.#l(), this.#a();
-    const o = this.#e?.getAll() ?? [];
+    }), this._sortState = null, this.__originalOrder = [], this.#r(), this.#a();
+    const o = this.#t?.getAll() ?? [];
     for (const n of o)
       if (n.applyColumnState)
         for (const i of this._columns)
@@ -3285,11 +3294,11 @@ class N extends HTMLElement {
   }
   /** Register a custom tool panel (without creating a plugin). */
   registerToolPanel(e) {
-    this.#i.registerToolPanel(e);
+    this.#e.apiToolPanelIds.add(e.id), this.#i.registerToolPanel(e);
   }
   /** Unregister a custom tool panel. */
   unregisterToolPanel(e) {
-    this.#i.unregisterToolPanel(e);
+    this.#e.apiToolPanelIds.delete(e), this.#i.unregisterToolPanel(e);
   }
   /** Get registered header content definitions. */
   getHeaderContents() {
@@ -3324,11 +3333,11 @@ class N extends HTMLElement {
    * Call this after dynamically modifying <tbw-grid-header> children.
    */
   refreshShellHeader() {
-    V(this, this.#o), F(this, this.#o, this.#_()), this.#F(), this.#B();
+    q(this, this.#e), W(this, this.#e), V(this, this.#e, this.#b()), this.#U(), this.#I();
   }
   // #region Custom Styles API
   /** Map of registered custom style elements by ID */
-  #E = /* @__PURE__ */ new Map();
+  #C = /* @__PURE__ */ new Map();
   /**
    * Register custom CSS styles to be injected into the grid's shadow DOM.
    * Use this to style custom cell renderers, editors, or detail panels.
@@ -3354,21 +3363,21 @@ class N extends HTMLElement {
   registerStyles(e, o) {
     this.unregisterStyles(e);
     const n = document.createElement("style");
-    n.id = `tbw-custom-${e}`, n.textContent = o, this.#n.appendChild(n), this.#E.set(e, n);
+    n.id = `tbw-custom-${e}`, n.textContent = o, this.#n.appendChild(n), this.#C.set(e, n);
   }
   /**
    * Remove previously registered custom styles.
    * @param id - The ID used when registering the styles
    */
   unregisterStyles(e) {
-    const o = this.#E.get(e);
-    o && (o.remove(), this.#E.delete(e));
+    const o = this.#C.get(e);
+    o && (o.remove(), this.#C.delete(e));
   }
   /**
    * Get list of registered custom style IDs.
    */
   getRegisteredStyles() {
-    return Array.from(this.#E.keys());
+    return Array.from(this.#C.keys());
   }
   // #endregion
   /**
@@ -3376,44 +3385,46 @@ class N extends HTMLElement {
    * This handles frameworks like Angular that project content asynchronously.
    * When shell-related elements are added/changed, the shell header is updated.
    */
-  #ve() {
-    this.#u && this.#u.disconnect();
+  #Se() {
+    this.#d && this.#d.disconnect();
     let e = null, o = !1, n = !1;
     const i = () => {
       if (e = null, o) {
-        const l = this.#o.lightDomTitle;
-        if (V(this, this.#o), F(this, this.#o, this.#_()), this.#o.lightDomTitle && !l) {
-          this.#l();
-          const s = this.#n.querySelector(".tbw-shell-header");
-          if (s) {
-            const a = ye(
-              this.#t.shell,
-              this.#o,
-              this.#t.icons?.toolPanel
-            ), c = document.createElement("div");
-            c.innerHTML = a;
-            const h = c.firstElementChild;
-            h && (s.replaceWith(h), this.#G());
+        const r = this.#e.lightDomTitle, s = this.#e.hasToolButtonsContainer;
+        q(this, this.#e), W(this, this.#e), V(this, this.#e, this.#b());
+        const l = this.#e.lightDomTitle, a = this.#e.hasToolButtonsContainer;
+        if (l && !r || a && !s) {
+          this.#r();
+          const c = this.#n.querySelector(".tbw-shell-header");
+          if (c) {
+            const f = ye(
+              this.#o.shell,
+              this.#e,
+              this.#o.icons?.toolPanel
+            ), d = document.createElement("div");
+            d.innerHTML = f;
+            const u = d.firstElementChild;
+            u && (c.replaceWith(u), this.#X());
           }
         }
         o = !1;
       }
       n && (this.__lightDomColumnsCache = void 0, this.#a(), n = !1);
     };
-    this.#u = new MutationObserver((l) => {
-      for (const r of l) {
-        for (const s of r.addedNodes) {
-          if (s.nodeType !== Node.ELEMENT_NODE) continue;
-          const c = s.tagName.toLowerCase();
+    this.#d = new MutationObserver((r) => {
+      for (const s of r) {
+        for (const l of s.addedNodes) {
+          if (l.nodeType !== Node.ELEMENT_NODE) continue;
+          const c = l.tagName.toLowerCase();
           c === "tbw-grid-header" ? o = !0 : (c === "tbw-grid-column" || c === "tbw-grid-detail") && (n = !0);
         }
-        if (r.type === "attributes" && r.target.nodeType === Node.ELEMENT_NODE) {
-          const a = r.target.tagName.toLowerCase();
+        if (s.type === "attributes" && s.target.nodeType === Node.ELEMENT_NODE) {
+          const a = s.target.tagName.toLowerCase();
           a === "tbw-grid-header" ? o = !0 : a === "tbw-grid-column" && (n = !0);
         }
       }
       (o || n) && !e && (e = setTimeout(i, 0));
-    }), this.#u.observe(this, {
+    }), this.#d.observe(this, {
       childList: !0,
       subtree: !0,
       attributes: !0,
@@ -3423,23 +3434,34 @@ class N extends HTMLElement {
   /**
    * Re-parse light DOM column elements and refresh the grid.
    * Call this after framework adapters have registered their templates.
+   * Debounced to coalesce multiple calls (e.g., from React StrictMode double-mounting).
    * @internal Used by framework integration libraries (Angular, React, Vue)
    */
   refreshColumns() {
-    this.__lightDomColumnsCache = void 0;
-    const e = this.#o.lightDomTitle;
-    if (V(this, this.#o), F(this, this.#o, this.#_()), this.#o.lightDomTitle && !e) {
-      this.#l();
-      const n = this.#n.querySelector(".tbw-shell-header");
-      if (n) {
-        const i = ye(
-          this.#t.shell,
-          this.#o,
-          this.#t.icons?.toolPanel
-        ), l = document.createElement("div");
-        l.innerHTML = i;
-        const r = l.firstElementChild;
-        r && (n.replaceWith(r), this.#G());
+    this.#D || (this.#D = requestAnimationFrame(() => {
+      this.#D = 0, this.#Re();
+    }));
+  }
+  /**
+   * Internal implementation of refreshColumns, called after debounce.
+   */
+  #Re() {
+    this.__lightDomColumnsCache = void 0, Y(this);
+    const e = this.#e.lightDomTitle, o = this.#e.hasToolButtonsContainer;
+    q(this, this.#e), W(this, this.#e), V(this, this.#e, this.#b());
+    const n = this.#e.lightDomTitle, i = this.#e.hasToolButtonsContainer;
+    if (n && !e || i && !o) {
+      this.#r();
+      const s = this.#n.querySelector(".tbw-shell-header");
+      if (s) {
+        const l = ye(
+          this.#o.shell,
+          this.#e,
+          this.#o.icons?.toolPanel
+        ), a = document.createElement("div");
+        a.innerHTML = l;
+        const c = a.firstElementChild;
+        c && (s.replaceWith(c), this.#X());
       }
     }
     this.#a();
@@ -3449,9 +3471,9 @@ class N extends HTMLElement {
    * Calculate total height for the faux scrollbar spacer element.
    * Used by both bypass and virtualized rendering paths to ensure consistent scroll behavior.
    */
-  #V(e) {
-    const o = this._virtualization.rowHeight, n = this._virtualization.container ?? this, i = this._virtualization.viewportEl ?? n, l = n.clientHeight, r = i.clientHeight, a = this.shadowRoot?.querySelector(".tbw-scroll-area"), c = a ? a.clientHeight : l, d = c - r, u = this.#e?.getExtraHeight() ?? 0, p = Math.max(0, l - c);
-    return e * o + d + u + p;
+  #G(e) {
+    const o = this._virtualization.rowHeight, n = this._virtualization.container ?? this, i = this._virtualization.viewportEl ?? n, r = n.clientHeight, s = i.clientHeight, a = this.shadowRoot?.querySelector(".tbw-scroll-area"), c = a ? a.clientHeight : r, d = c - s, u = this.#t?.getExtraHeight() ?? 0, w = Math.max(0, r - c);
+    return e * o + d + u + w;
   }
   /**
    * Core virtualization routine. Chooses between bypass (small datasets), grouped window rendering,
@@ -3462,80 +3484,76 @@ class N extends HTMLElement {
     if (!this._bodyEl) return;
     const o = this._rows.length;
     if (!this._virtualization.enabled) {
-      this.#q(0, o), this.#e?.afterRender();
+      this.#W(0, o), this.#t?.afterRender();
       return;
     }
     if (this._rows.length <= this._virtualization.bypassThreshold) {
-      this._virtualization.start = 0, this._virtualization.end = o, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#q(0, o, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#V(o)}px`), this.__rowsBodyEl?.setAttribute("aria-rowcount", String(o)), this.__rowsBodyEl?.setAttribute("aria-colcount", String(this._visibleColumns.length)), this.#e?.afterRender();
+      this._virtualization.start = 0, this._virtualization.end = o, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#W(0, o, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#G(o)}px`), this.#ne(o, this._visibleColumns.length), this.#t?.afterRender();
       return;
     }
-    const n = this._virtualization.container ?? this, i = this._virtualization.viewportEl ?? n, l = i.clientHeight, r = this._virtualization.rowHeight, s = n.scrollTop;
-    let a = Math.floor(s / r), c = 0;
-    const h = 10;
-    for (; c < h; ) {
-      const _ = this.#e?.getExtraHeightBefore?.(a) ?? 0, m = Math.floor((s - _) / r);
-      if (m >= a || m < 0) break;
-      a = m, c++;
+    const n = this._virtualization.container ?? this, i = this._virtualization.viewportEl ?? n, r = i.clientHeight, s = this._virtualization.rowHeight, l = n.scrollTop;
+    let a = Math.floor(l / s), c = 0;
+    const f = 10;
+    for (; c < f; ) {
+      const _ = this.#t?.getExtraHeightBefore?.(a) ?? 0, v = Math.floor((l - _) / s);
+      if (v >= a || v < 0) break;
+      a = v, c++;
     }
     a = a - a % 2, a < 0 && (a = 0);
-    const d = this.#e?.adjustVirtualStart(a, s, r);
+    const d = this.#t?.adjustVirtualStart(a, l, s);
     d !== void 0 && d < a && (a = d, a = a - a % 2, a < 0 && (a = 0));
-    const u = Math.ceil(l / r) + 3;
-    let p = a + u;
-    if (p > o && (p = o), this._virtualization.start = a, this._virtualization.end = p, n.clientHeight === 0 && l > 0) {
+    const u = Math.ceil(r / s) + 3;
+    let w = a + u;
+    if (w > o && (w = o), this._virtualization.start = a, this._virtualization.end = w, n.clientHeight === 0 && r > 0) {
       requestAnimationFrame(() => this.refreshVirtualWindow(e));
       return;
     }
-    const b = this.#V(o);
-    this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${b}px`);
-    const g = this.#e?.getExtraHeightBefore?.(a) ?? 0, w = -(s - a * r - g);
-    this._bodyEl.style.transform = `translateY(${w}px)`, this.#q(a, p, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.__rowsBodyEl?.setAttribute("aria-rowcount", String(o)), this.__rowsBodyEl?.setAttribute("aria-colcount", String(this._visibleColumns.length)), e && (this.#e?.afterRender(), queueMicrotask(() => {
-      const _ = n.clientHeight, m = i.clientHeight;
-      if (_ === 0 && m > 0) return;
-      const v = this.#V(o);
-      this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${v}px`);
+    const p = this.#G(o);
+    this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${p}px`);
+    const g = this.#t?.getExtraHeightBefore?.(a) ?? 0, b = -(l - a * s - g);
+    this._bodyEl.style.transform = `translateY(${b}px)`, this.#W(a, w, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.#ne(o, this._visibleColumns.length), e && (this.#t?.afterRender(), queueMicrotask(() => {
+      const _ = n.clientHeight, v = i.clientHeight;
+      if (_ === 0 && v > 0) return;
+      const m = this.#G(o);
+      this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${m}px`);
     }));
   }
   // ---------------- Render ----------------
-  #F() {
-    V(this, this.#o), F(this, this.#o, this.#_()), this.#l();
-    const e = this.#t?.shell;
-    Ut(this.#n, e, this.#o, this.#t?.icons) && (this.#G(), this.#i.setInitialized(!0));
+  #U() {
+    q(this, this.#e), W(this, this.#e), V(this, this.#e, this.#b()), this.#r();
+    const e = this.#o?.shell;
+    Yt(this.#n, e, this.#e, this.#o?.icons) && (this.#X(), this.#i.setInitialized(!0));
   }
   /**
    * Set up shell event listeners after render.
    */
-  #G() {
-    Bt(this.#n, this.#t?.shell, this.#o, {
+  #X() {
+    qt(this.#n, this.#o?.shell, this.#e, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e),
-      onToolbarButtonClick: (e) => this.#_e(e)
-    }), this.#L?.(), this.#L = It(this.#n, this.#t?.shell, (e) => {
+      onToolbarButtonClick: (e) => this.#Te(e)
+    }), this.#A?.(), this.#A = Wt(this.#n, this.#o?.shell, (e) => {
       this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
     });
   }
   /**
-   * Handle toolbar button click (for config buttons with action).
+   * Handle toolbar button click.
+   * Note: Config/API buttons use element or render, so they handle their own clicks.
+   * This method is kept for backwards compatibility but may emit an event in the future.
    */
-  #_e(e) {
-    const n = (this.#t?.shell?.header?.toolbarButtons ?? []).find((l) => l.id === e);
-    if (n?.action) {
-      n.action();
-      return;
-    }
-    const i = this.#o.toolbarButtons.get(e);
-    i?.action && i.action();
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  #Te(e) {
   }
 }
-customElements.get(N.tagName) || customElements.define(N.tagName, N);
-globalThis.DataGridElement = N;
-const oo = {
+customElements.get(I.tagName) || customElements.define(I.tagName, I);
+globalThis.DataGridElement = I;
+const io = {
   /** Ask if a column can be moved. Context: ColumnConfig. Response: boolean | undefined */
   CAN_MOVE_COLUMN: "canMoveColumn",
   /** Get context menu items. Context: ContextMenuParams. Response: ContextMenuItem[] */
   GET_CONTEXT_MENU_ITEMS: "getContextMenuItems"
 };
-class no {
+class ro {
   /** Plugin version - override in subclass if needed */
   version = "1.0.0";
   /** CSS styles to inject into the grid's shadow DOM */
@@ -3691,7 +3709,7 @@ class no {
   }
   // #endregion
 }
-const E = {
+const y = {
   // ─── Core Structure ───────────────────────────────────────────────
   ROOT: "tbw-grid-root",
   HEADER: "header",
@@ -3739,7 +3757,7 @@ const E = {
   // Selection (SelectionPlugin applies, core CSS styles)
   RANGE_SELECTION: "range-selection",
   SELECTION_OVERLAY: "selection-overlay"
-}, j = {
+}, J = {
   // ─── Core Attributes ──────────────────────────────────────────────
   ROW_INDEX: "data-row-index",
   COL_INDEX: "data-col-index",
@@ -3751,23 +3769,23 @@ const E = {
   // TreePlugin
   STICKY: "data-sticky"
   // PinnedColumnsPlugin
-}, io = {
-  ROOT: `.${E.ROOT}`,
-  HEADER: `.${E.HEADER}`,
-  HEADER_ROW: `.${E.HEADER_ROW}`,
-  HEADER_CELL: `.${E.HEADER_CELL}`,
-  ROWS_VIEWPORT: `.${E.ROWS_VIEWPORT}`,
-  ROWS_CONTAINER: `.${E.ROWS_CONTAINER}`,
-  DATA_ROW: `.${E.DATA_ROW}`,
-  DATA_CELL: `.${E.DATA_CELL}`,
-  GROUP_ROW: `.${E.GROUP_ROW}`,
+}, so = {
+  ROOT: `.${y.ROOT}`,
+  HEADER: `.${y.HEADER}`,
+  HEADER_ROW: `.${y.HEADER_ROW}`,
+  HEADER_CELL: `.${y.HEADER_CELL}`,
+  ROWS_VIEWPORT: `.${y.ROWS_VIEWPORT}`,
+  ROWS_CONTAINER: `.${y.ROWS_CONTAINER}`,
+  DATA_ROW: `.${y.DATA_ROW}`,
+  DATA_CELL: `.${y.DATA_CELL}`,
+  GROUP_ROW: `.${y.GROUP_ROW}`,
   // By data attribute
-  ROW_BY_INDEX: (t) => `.${E.DATA_ROW}[${j.ROW_INDEX}="${t}"]`,
-  CELL_BY_FIELD: (t) => `.${E.DATA_CELL}[${j.FIELD}="${t}"]`,
-  CELL_AT: (t, e) => `.${E.DATA_ROW}[${j.ROW_INDEX}="${t}"] .${E.DATA_CELL}[${j.COL_INDEX}="${e}"]`,
+  ROW_BY_INDEX: (t) => `.${y.DATA_ROW}[${J.ROW_INDEX}="${t}"]`,
+  CELL_BY_FIELD: (t) => `.${y.DATA_CELL}[${J.FIELD}="${t}"]`,
+  CELL_AT: (t, e) => `.${y.DATA_ROW}[${J.ROW_INDEX}="${t}"] .${y.DATA_CELL}[${J.COL_INDEX}="${e}"]`,
   // State selectors
-  SELECTED_ROWS: `.${E.DATA_ROW}.${E.SELECTED}`,
-  EDITING_CELL: `.${E.DATA_CELL}.${E.EDITING}`
+  SELECTED_ROWS: `.${y.DATA_ROW}.${y.SELECTED}`,
+  EDITING_CELL: `.${y.DATA_CELL}.${y.EDITING}`
 }, lo = {
   // Colors
   COLOR_BG: "--tbw-color-bg",
@@ -3790,7 +3808,7 @@ const E = {
   // Borders
   BORDER_RADIUS: "--tbw-border-radius",
   FOCUS_OUTLINE: "--tbw-focus-outline"
-}, ro = {
+}, ao = {
   CELL_COMMIT: "cell-commit",
   ROW_COMMIT: "row-commit",
   CHANGED_ROWS_RESET: "changed-rows-reset",
@@ -3801,7 +3819,7 @@ const E = {
   ACTIVATE_CELL: "activate-cell",
   GROUP_TOGGLE: "group-toggle",
   COLUMN_STATE_CHANGE: "column-state-change"
-}, so = {
+}, co = {
   // Selection plugin
   SELECTION_CHANGE: "selection-change",
   // Tree plugin
@@ -3832,7 +3850,7 @@ const E = {
   DETAIL_EXPAND: "detail-expand",
   // Grouping rows plugin
   GROUP_EXPAND: "group-expand"
-}, ie = {
+}, re = {
   sum: (t, e) => t.reduce((o, n) => o + (Number(n[e]) || 0), 0),
   avg: (t, e) => {
     const o = t.reduce((n, i) => n + (Number(i[e]) || 0), 0);
@@ -3843,25 +3861,25 @@ const E = {
   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]
-}, G = /* @__PURE__ */ new Map(), P = {
+}, U = /* @__PURE__ */ new Map(), M = {
   /**
    * Register a custom aggregator function.
    */
   register(t, e) {
-    G.set(t, e);
+    U.set(t, e);
   },
   /**
    * Unregister a custom aggregator function.
    */
   unregister(t) {
-    G.delete(t);
+    U.delete(t);
   },
   /**
    * Get an aggregator function by reference.
    */
   get(t) {
     if (t !== void 0)
-      return typeof t == "function" ? t : G.get(t) ?? ie[t];
+      return typeof t == "function" ? t : U.get(t) ?? re[t];
   },
   /**
    * Run an aggregator on a set of rows.
@@ -3874,15 +3892,15 @@ const E = {
    * Check if an aggregator exists.
    */
   has(t) {
-    return G.has(t) || t in ie;
+    return U.has(t) || t in re;
   },
   /**
    * List all available aggregator names.
    */
   list() {
-    return [...Object.keys(ie), ...G.keys()];
+    return [...Object.keys(re), ...U.keys()];
   }
-}, Ae = {
+}, Te = {
   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,
@@ -3891,42 +3909,42 @@ const E = {
   first: (t) => t[0] ?? 0,
   last: (t) => t[t.length - 1] ?? 0
 };
-function to(t) {
-  return Ae[t] ?? Ae.sum;
+function no(t) {
+  return Te[t] ?? Te.sum;
 }
-function ao(t, e) {
-  return to(t)(e);
+function uo(t, e) {
+  return no(t)(e);
 }
-const co = P.register.bind(P), uo = P.unregister.bind(P), ho = P.get.bind(P), fo = P.run.bind(P), po = P.list.bind(P);
+const ho = M.register.bind(M), fo = M.unregister.bind(M), po = M.get.bind(M), wo = M.run.bind(M), bo = M.list.bind(M);
 export {
-  no as BaseGridPlugin,
-  Je as DEFAULT_ANIMATION_CONFIG,
+  ro as BaseGridPlugin,
+  Qe as DEFAULT_ANIMATION_CONFIG,
   O as DEFAULT_GRID_ICONS,
-  ro as DGEvents,
-  N as DataGridElement,
-  X as FitModeEnum,
+  ao as DGEvents,
+  I as DataGridElement,
+  j as FitModeEnum,
   lo as GridCSSVars,
-  E as GridClasses,
-  j as GridDataAttrs,
-  N as GridElement,
-  io as GridSelectors,
-  oo as PLUGIN_QUERIES,
-  so as PluginEvents,
-  eo as PluginManager,
+  y as GridClasses,
+  J as GridDataAttrs,
+  I as GridElement,
+  so as GridSelectors,
+  io as PLUGIN_QUERIES,
+  co as PluginEvents,
+  oo as PluginManager,
   k as a,
-  P as aggregatorRegistry,
-  Ht as builtInSort,
-  le as c,
-  Pt as defaultComparator,
+  M as aggregatorRegistry,
+  Ot as builtInSort,
+  se as c,
+  Mt as defaultComparator,
   Pe as e,
   Me as g,
-  ho as getAggregator,
-  to as getValueAggregator,
-  po as listAggregators,
-  co as registerAggregator,
-  fo as runAggregator,
-  ao as runValueAggregator,
-  K as s,
-  uo as unregisterAggregator
+  po as getAggregator,
+  no as getValueAggregator,
+  bo as listAggregators,
+  ho as registerAggregator,
+  wo as runAggregator,
+  uo as runValueAggregator,
+  Q as s,
+  fo as unregisterAggregator
 };
 //# sourceMappingURL=index.js.map