@toolbox-web/grid 1.1.0 → 1.1.2

package/index.js

@@ -1,11 +1,11 @@
-const le = '@layer tbw-base,tbw-plugins,tbw-theme;@layer tbw-base{:root{color-scheme:light dark}tbw-grid{--tbw-base-icon-size: 1em;--tbw-base-radius: .25em;--tbw-font-size: 1em;--tbw-font-size-sm: .9285em;--tbw-font-size-xs: .7857em;--tbw-font-size-2xs: .7142em;--tbw-spacing-xs: .25em;--tbw-spacing-sm: .375em;--tbw-spacing-md: .5em;--tbw-spacing-lg: .75em;--tbw-spacing-xl: 1em;--tbw-icon-size: var(--tbw-base-icon-size);--tbw-icon-size-sm: .875em;--tbw-checkbox-size: var(--tbw-base-icon-size);--tbw-toggle-size: 1.25em;--tbw-border-radius: var(--tbw-base-radius);--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-error: light-dark(hsl(0, 65%, 51%), hsl(0, 65%, 55%));--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, #666666);--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-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding-input: var(--tbw-spacing-xs) var(--tbw-spacing-sm);--tbw-row-height: 1.75em;--tbw-header-height: 1.875em;--tbw-cell-white-space: nowrap;--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: var(--tbw-spacing-sm);--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-resize-indicator-width: 2px;--tbw-resize-indicator-color: var(--tbw-color-accent);--tbw-resize-indicator-opacity: .6;--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-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-density-scale: 1;--tbw-shell-header-height: 2.75em;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: var(--tbw-font-size);--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 17.5em;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 2.5em;--tbw-tool-panel-transition: var(--tbw-animation-duration) var(--tbw-animation-easing);--tbw-toolbar-button-size: 2em;--tbw-toolbar-button-gap: var(--tbw-spacing-xs);--tbw-panel-padding: var(--tbw-spacing-lg);--tbw-panel-gap: var(--tbw-spacing-md);--tbw-menu-item-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-menu-item-gap: var(--tbw-spacing-md);--tbw-menu-min-width: 10rem;--tbw-button-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-button-padding-sm: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-input-height: var(--tbw-row-height);--tbw-input-padding: 0 var(--tbw-spacing-md);--tbw-detail-padding: var(--tbw-spacing-xl);--tbw-detail-max-height: 31.25rem;--tbw-indicator-size: var(--tbw-spacing-sm);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;&,*{box-sizing:border-box}.header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}.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)}.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));&:not(:last-child){border-right:2px solid var(--tbw-color-border)}}.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);>.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:visible;min-width:0;>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>span[part~=sort-indicator]{flex-shrink:0;opacity:.6}&:last-child{border-right:0}&.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}&.resizable{position:relative}&.sticky-left,&.sticky-right{background:var(--tbw-color-header-bg);z-index:35}}}.tbw-grid-root{display:flex;flex-direction:column;height:100%;&.has-shell{display:flex;flex-direction:column;height:100%}}.rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}.rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}.rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}.rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip;.rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}}.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)}.faux-vscroll-spacer{width:1px}.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);&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}>.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;>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}&:last-child{border-right:0}&[data-type=boolean]{text-align:center;input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}}&.selected:focus-visible,&:focus-visible:not(.cell-focus){outline:none}&.sticky-left,&.sticky-right{background:var(--tbw-color-panel-bg)}}}.selecting .data-grid-row>.cell{user-select:none}.sortable{cursor:pointer;user-select:none}.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);&:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:var(--tbw-resize-indicator-width, 2px);height:0;background:var(--tbw-resize-indicator-color, var(--tbw-color-accent));opacity:0;pointer-events:none;transition:opacity .12s ease,height 0s .12s;z-index:1000}&:hover{background:var(--tbw-resize-handle-color-hover);&:after{height:100vh;opacity:var(--tbw-resize-indicator-opacity, .6);transition:opacity .12s ease,height 0s}}}&[data-has-focus]{.cell-focus,.row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}}.sticky-left,.sticky-right{position:sticky;z-index:25}.sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}.sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}.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}.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}.tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}.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);&:hover{background:var(--tbw-color-row-hover)}&:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}&.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}&:disabled{opacity:.5;cursor:not-allowed}}.tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}.tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}.tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}.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}.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);&[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)}&.open{width:var(--tbw-tool-panel-width)}}.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);&[data-handle-position=left]{left:0}&[data-handle-position=right]{right:0}&:hover,&.resizing{background:var(--tbw-color-accent)}}.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}.tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;&:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}}.tbw-tool-panel-content{flex:1;overflow:auto}.tbw-accordion{display:flex;flex-direction:column;gap:0}.tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border);&:last-child{border-bottom:none}&.single .tbw-accordion-header{cursor:default;&:hover{background:transparent}}&.expanded{.tbw-accordion-chevron{transform:rotate(90deg)}.tbw-accordion-content{display:block}}}.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;&:hover{background:var(--tbw-color-row-hover)}}.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}.tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}.tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbw-accordion-content{display:none}.tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}.tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}&[data-animation-mode=off]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms}}@media(forced-colors:active){tbw-grid{--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;.cell:focus,.cell.active-cell{outline:2px solid Highlight!important;outline-offset:-2px}.data-grid-row[aria-selected=true]{background:Highlight!important;color:HighlightText!important}}}@media(prefers-reduced-motion:reduce){tbw-grid[data-animation-mode=reduced-motion]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms}}@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)}}}', V = {
+const ae = '@layer tbw-base,tbw-plugins,tbw-theme;@layer tbw-base{:root{color-scheme:light dark}tbw-grid{--tbw-base-icon-size: 1em;--tbw-base-radius: .25em;--tbw-font-size: 1em;--tbw-font-size-sm: .9285em;--tbw-font-size-xs: .7857em;--tbw-font-size-2xs: .7142em;--tbw-spacing-xs: .25em;--tbw-spacing-sm: .375em;--tbw-spacing-md: .5em;--tbw-spacing-lg: .75em;--tbw-spacing-xl: 1em;--tbw-icon-size: var(--tbw-base-icon-size);--tbw-icon-size-sm: .875em;--tbw-checkbox-size: var(--tbw-base-icon-size);--tbw-toggle-size: 1.25em;--tbw-border-radius: var(--tbw-base-radius);--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-error: light-dark(hsl(0, 65%, 51%), hsl(0, 65%, 55%));--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, #666666);--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-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding-input: var(--tbw-spacing-xs) var(--tbw-spacing-sm);--tbw-row-height: 1.75em;--tbw-header-height: 1.875em;--tbw-cell-white-space: nowrap;--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: var(--tbw-spacing-sm);--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-resize-indicator-width: 2px;--tbw-resize-indicator-color: var(--tbw-color-accent);--tbw-resize-indicator-opacity: .6;--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-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-density-scale: 1;--tbw-shell-header-height: 2.75em;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: var(--tbw-font-size);--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 17.5em;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 2.5em;--tbw-tool-panel-transition: var(--tbw-animation-duration) var(--tbw-animation-easing);--tbw-toolbar-button-size: 2em;--tbw-toolbar-button-gap: var(--tbw-spacing-xs);--tbw-panel-padding: var(--tbw-spacing-lg);--tbw-panel-gap: var(--tbw-spacing-md);--tbw-menu-item-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-menu-item-gap: var(--tbw-spacing-md);--tbw-menu-min-width: 10rem;--tbw-button-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-button-padding-sm: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-input-height: var(--tbw-row-height);--tbw-input-padding: 0 var(--tbw-spacing-md);--tbw-detail-padding: var(--tbw-spacing-xl);--tbw-detail-max-height: 31.25rem;--tbw-indicator-size: var(--tbw-spacing-sm);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;&,*{box-sizing:border-box}.header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}.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)}.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));&:not(:last-child){border-right:2px solid var(--tbw-color-border)}}.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);>.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:visible;min-width:0;>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>span[part~=sort-indicator]{flex-shrink:0;opacity:.6}&:last-child{border-right:0}&.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}&.resizable{position:relative}&.sticky-left,&.sticky-right{background:var(--tbw-color-header-bg);z-index:35}}}.tbw-grid-root{display:flex;flex-direction:column;height:100%;&.has-shell{display:flex;flex-direction:column;height:100%}}.rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}.rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}.rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}.rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip;.rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}}.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)}.faux-vscroll-spacer{width:1px}.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);&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}>.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;>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}&:last-child{border-right:0}&[data-type=boolean]{text-align:center;input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}}&.selected:focus-visible,&:focus-visible:not(.cell-focus){outline:none}&.sticky-left,&.sticky-right{background:var(--tbw-color-panel-bg)}}}.selecting .data-grid-row>.cell{user-select:none}.sortable{cursor:pointer;user-select:none}.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);&:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:var(--tbw-resize-indicator-width, 2px);height:0;background:var(--tbw-resize-indicator-color, var(--tbw-color-accent));opacity:0;pointer-events:none;transition:opacity .12s ease,height 0s .12s;z-index:1000}&:hover{background:var(--tbw-resize-handle-color-hover);&:after{height:100vh;opacity:var(--tbw-resize-indicator-opacity, .6);transition:opacity .12s ease,height 0s}}}&[data-has-focus]{.cell-focus,.row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}}.sticky-left,.sticky-right{position:sticky;z-index:25}.sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}.sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}.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}.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}.tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}.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);&:hover{background:var(--tbw-color-row-hover)}&:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}&.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}&:disabled{opacity:.5;cursor:not-allowed}}.tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}.tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}.tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}.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}.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);&[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)}&.open{width:var(--tbw-tool-panel-width)}}.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);&[data-handle-position=left]{left:0}&[data-handle-position=right]{right:0}&:hover,&.resizing{background:var(--tbw-color-accent)}}.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}.tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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;&:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}}.tbw-tool-panel-content{flex:1;overflow:auto}.tbw-accordion{display:flex;flex-direction:column;gap:0}.tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border);&:last-child{border-bottom:none}&.single .tbw-accordion-header{cursor:default;&:hover{background:transparent}}&.expanded{.tbw-accordion-chevron{transform:rotate(90deg)}.tbw-accordion-content{display:block}}}.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;&:hover{background:var(--tbw-color-row-hover)}}.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}.tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}.tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbw-accordion-content{display:none}.tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}.tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}&[data-animation-mode=off]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms}}@media(forced-colors:active){tbw-grid{--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;.cell:focus,.cell.active-cell{outline:2px solid Highlight!important;outline-offset:-2px}.data-grid-row[aria-selected=true]{background:Highlight!important;color:HighlightText!important}}}@media(prefers-reduced-motion:reduce){tbw-grid[data-animation-mode=reduced-motion]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms}}@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)}}}', V = {
   STRETCH: "stretch",
   FIXED: "fixed"
-}, qe = {
+}, Fe = {
   mode: "reduced-motion",
   duration: 200,
   easing: "ease-out"
-}, D = {
+}, M = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -15,44 +15,44 @@ const le = '@layer tbw-base,tbw-plugins,tbw-theme;@layer tbw-base{:root{color-sc
   dragHandle: "⋮⋮",
   toolPanel: "☰"
 };
-function We(t) {
+function Ue(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, s = i && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select"])).has(i) ? i : void 0, l = o.getAttribute("header") || void 0, a = o.hasAttribute("sortable"), c = o.hasAttribute("editable"), h = { field: n, type: s, header: l, 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"])).has(i) ? i : void 0, l = o.getAttribute("header") || void 0, c = o.hasAttribute("sortable"), a = o.hasAttribute("editable"), h = { field: n, type: s, header: l, sortable: c, editable: a }, d = o.getAttribute("width");
     if (d) {
       const _ = parseFloat(d);
       !isNaN(_) && /^\d+(\.\d+)?$/.test(d.trim()) ? h.width = _ : h.width = d;
     }
-    const u = o.getAttribute("minWidth") || o.getAttribute("min-width");
-    if (u) {
-      const _ = parseFloat(u);
+    const f = o.getAttribute("minWidth") || o.getAttribute("min-width");
+    if (f) {
+      const _ = parseFloat(f);
       isNaN(_) || (h.minWidth = _);
     }
     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 p = o.getAttribute("editor"), u = o.getAttribute("renderer");
+    p && (h.__editorName = p), u && (h.__rendererName = u);
     const g = o.getAttribute("options");
     g && (h.options = g.split(",").map((_) => {
       const [E, T] = _.includes(":") ? _.split(":") : [_.trim(), _.trim()];
       return { value: E.trim(), label: T?.trim() || E.trim() };
     }));
-    const m = o.querySelector("tbw-grid-column-view"), v = o.querySelector("tbw-grid-column-editor"), R = o.querySelector("tbw-grid-column-header");
-    m && (h.__viewTemplate = m), v && (h.__editorTemplate = v), R && (h.__headerTemplate = R);
-    const w = globalThis.DataGridElement?.getAdapters?.() ?? [], y = m ?? o, S = w.find((_) => _.canHandle(y));
+    const m = o.querySelector("tbw-grid-column-view"), y = o.querySelector("tbw-grid-column-editor"), R = o.querySelector("tbw-grid-column-header");
+    m && (h.__viewTemplate = m), y && (h.__editorTemplate = y), R && (h.__headerTemplate = R);
+    const w = globalThis.DataGridElement?.getAdapters?.() ?? [], v = m ?? o, S = w.find((_) => _.canHandle(v));
     if (S) {
-      const _ = S.createRenderer(y);
+      const _ = S.createRenderer(v);
       _ && (h.viewRenderer = _);
     }
-    const C = v ?? o, M = w.find((_) => _.canHandle(C));
-    if (M) {
-      const _ = M.createEditor(C);
+    const b = y ?? o, z = w.find((_) => _.canHandle(b));
+    if (z) {
+      const _ = z.createEditor(b);
       _ && (h.editor = _);
     }
     return h;
   }).filter((o) => !!o);
 }
-function ae(t, e) {
+function ce(t, e) {
   if ((!t || !t.length) && (!e || !e.length)) return [];
   if (!t || !t.length) return e || [];
   if (!e || !e.length) return t;
@@ -71,12 +71,12 @@ function ae(t, e) {
     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;
+    const l = r.renderer || r.viewRenderer, c = s.renderer || s.viewRenderer;
+    return l && !c && (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;
 }
-function ce(t, e) {
+function de(t, e) {
   try {
     t.part?.add?.(e);
   } catch {
@@ -84,7 +84,7 @@ function ce(t, e) {
   const o = t.getAttribute("part");
   o ? o.split(/\s+/).includes(e) || t.setAttribute("part", o + " " + e) : t.setAttribute("part", e);
 }
-function de(t) {
+function he(t) {
   const e = t.effectiveConfig?.fitMode || t.fitMode || V.STRETCH;
   if (e !== V.STRETCH && e !== V.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
   const o = Array.from(t._headerRowEl?.children || []);
@@ -94,10 +94,10 @@ function de(t) {
     if (i.width) return;
     const s = o[r];
     let l = s ? s.scrollWidth : 0;
-    for (const a of t._rowPool) {
-      const c = a.children[r];
-      if (c) {
-        const h = c.scrollWidth;
+    for (const c of t._rowPool) {
+      const a = c.children[r];
+      if (a) {
+        const h = a.scrollWidth;
         h > l && (l = h);
       }
     }
@@ -111,23 +111,23 @@ function F(t) {
     return n != null ? `minmax(${n}px, 1fr)` : "1fr";
   }).join(" ").trim() : t._gridTemplate = t._visibleColumns.map((o) => o.width ? `${o.width}px` : "max-content").join(" "), t.style.setProperty("--tbw-column-template", t._gridTemplate);
 }
-function $e(t) {
+function Ve(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 Fe(t, e) {
+function Be(t, e) {
   const o = t[0] || {}, n = Object.keys(o).map((r) => {
-    const s = o[r], l = $e(s);
+    const s = o[r], l = Ve(s);
     return { field: r, header: r.charAt(0).toUpperCase() + r.slice(1), type: l };
   }), i = {};
   return n.forEach((r) => {
     i[r.field] = r.type || "string";
   }), { columns: n, typeMap: i };
 }
-const Ue = /{{\s*([^}]+)\s*}}/g, H = "__DG_EMPTY__", Ve = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, Be = /__(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/;
-function Ge(t) {
+const Ge = /{{\s*([^}]+)\s*}}/g, H = "__DG_EMPTY__", Xe = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, Ye = /__(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/;
+function je(t) {
   return !t || typeof t != "string" ? "" : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-const Xe = /* @__PURE__ */ new Set([
+const Ke = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -152,23 +152,23 @@ const Xe = /* @__PURE__ */ new Set([
   "plaintext",
   "xmp",
   "listing"
-]), he = /^on\w+$/i, Ye = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), je = /^\s*(javascript|vbscript|data|blob):/i;
+]), ue = /^on\w+$/i, Ze = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), Je = /^\s*(javascript|vbscript|data|blob):/i;
 function j(t) {
   if (!t || typeof t != "string") return "";
   if (t.indexOf("<") === -1) return t;
   const e = document.createElement("template");
-  return e.innerHTML = t, Ke(e.content), e.innerHTML;
+  return e.innerHTML = t, Qe(e.content), e.innerHTML;
 }
-function Ke(t) {
+function Qe(t) {
   const e = [], o = t.querySelectorAll("*");
   for (const n of o) {
     const i = n.tagName.toLowerCase();
-    if (Xe.has(i)) {
+    if (Ke.has(i)) {
       e.push(n);
       continue;
     }
     if ((i === "svg" || n.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(n.attributes).some(
-      (l) => he.test(l.name) || l.name === "href" || l.name === "xlink:href"
+      (l) => ue.test(l.name) || l.name === "href" || l.name === "xlink:href"
     )) {
       e.push(n);
       continue;
@@ -176,11 +176,11 @@ function Ke(t) {
     const r = [];
     for (const s of n.attributes) {
       const l = s.name.toLowerCase();
-      if (he.test(l)) {
+      if (ue.test(l)) {
         r.push(s.name);
         continue;
       }
-      if (Ye.has(l) && je.test(s.value)) {
+      if (Ze.has(l) && Je.test(s.value)) {
         r.push(s.name);
         continue;
       }
@@ -193,22 +193,22 @@ function Ke(t) {
   }
   e.forEach((n) => n.remove());
 }
-function Se(t, e) {
+function xe(t, e) {
   if (!t || t.indexOf("{{") === -1) return t;
-  const o = [], n = t.replace(Ue, (l, a) => {
-    const c = Ze(a, e);
-    return o.push({ expr: a.trim(), result: c }), c;
-  }), i = Je(n), r = o.length && o.every((l) => l.result === "" || l.result === H);
+  const o = [], n = t.replace(Ge, (l, c) => {
+    const a = et(c, e);
+    return o.push({ expr: c.trim(), result: a }), a;
+  }), i = tt(n), r = o.length && o.every((l) => l.result === "" || l.result === H);
   return /Reflect\.|\bProxy\b|ownKeys\(/.test(t) || r ? "" : i;
 }
-function Ze(t, e) {
+function et(t, e) {
   if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return H;
   if (t === "value") return e.value == null ? H : 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 ? H : String(i);
   }
-  if (t.length > 80 || !Ve.test(t) || Be.test(t)) return H;
+  if (t.length > 80 || !Xe.test(t) || Ye.test(t)) return H;
   const o = t.match(/\./g);
   if (o && o.length > 1) return H;
   try {
@@ -218,10 +218,10 @@ function Ze(t, e) {
     return H;
   }
 }
-function Je(t) {
+function tt(t) {
   return t && t.replace(new RegExp(H, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
 }
-function Qe(t) {
+function ot(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 = "");
@@ -233,18 +233,18 @@ function Qe(t) {
     (t.textContent || "").trim().length === 0 && (t.textContent = "");
   }
 }
-function ue(t) {
-  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = ((n) => e ? "" : Se(t, n));
+function fe(t) {
+  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = ((n) => e ? "" : xe(t, n));
   return o.__blocked = e, o;
 }
-const et = 100;
-class tt {
-  #n;
+const nt = 100;
+class it {
+  #o;
   #c;
   #f;
   #d;
   #s;
-  #o = {};
+  #n = {};
   #h = {};
   #u = !0;
   #m = [];
@@ -257,7 +257,7 @@ class tt {
     this.#r = e;
   }
   get original() {
-    return this.#o;
+    return this.#n;
   }
   get effective() {
     return this.#h;
@@ -299,10 +299,10 @@ class tt {
     this.#u = !0;
   }
   setGridConfig(e) {
-    this.#n = e, this.#u = !0, this.#d = void 0;
+    this.#o = e, this.#u = !0, this.#d = void 0;
   }
   getGridConfig() {
-    return this.#n;
+    return this.#o;
   }
   setColumns(e) {
     this.#c = e, this.#u = !0;
@@ -321,7 +321,7 @@ class tt {
     if (!this.#u && e)
       return;
     const o = this.#v();
-    this.#u = !1, this.#o = o, Object.freeze(this.#o), this.#o.columns && Object.freeze(this.#o.columns), this.#h = this.#A(this.#o), this.#p();
+    this.#u = !1, this.#n = o, Object.freeze(this.#n), this.#n.columns && Object.freeze(this.#n.columns), this.#h = this.#A(this.#n), this.#p();
   }
   #A(e) {
     const o = { ...e };
@@ -340,22 +340,22 @@ class tt {
     }), this.#r.applyAnimationConfig(e);
   }
   #v() {
-    const e = this.#n ? { ...this.#n } : {}, o = Array.isArray(e.columns) ? [...e.columns] : [], n = (this.#d ?? []).map((s) => ({
+    const e = this.#o ? { ...this.#o } : {}, o = Array.isArray(e.columns) ? [...e.columns] : [], n = (this.#d ?? []).map((s) => ({
       ...s
     }));
-    let i = ae(
+    let i = ce(
       o,
       n
     );
-    this.#c && this.#c.length && (i = ae(
+    this.#c && this.#c.length && (i = ce(
       this.#c,
       n
     ));
     const r = this.#r.getRows();
-    return i.length === 0 && r.length && (i = Fe(r).columns), i.length && (i.forEach((s) => {
+    return i.length === 0 && r.length && (i = Be(r).columns), i.length && (i.forEach((s) => {
       s.sortable === void 0 && (s.sortable = !0), s.resizable === void 0 && (s.resizable = !0), s.__originalWidth === void 0 && typeof s.width == "number" && (s.__originalWidth = s.width);
     }), i.forEach((s) => {
-      s.__viewTemplate && !s.__compiledView && (s.__compiledView = ue(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = ue(s.__editorTemplate.innerHTML));
+      s.__viewTemplate && !s.__compiledView && (s.__compiledView = fe(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = fe(s.__editorTemplate.innerHTML));
     }), e.columns = i), this.#f && (e.fitMode = this.#f), e.fitMode || (e.fitMode = "stretch"), this.#y(e), e.columnState && !this.#w && (this.#w = e.columnState), e;
   }
   #y(e) {
@@ -367,17 +367,17 @@ class tt {
     const i = this.#r.getShellToolPanels();
     if (i.size > 0) {
       const d = Array.from(i.values());
-      d.sort((u, p) => (u.order ?? 100) - (p.order ?? 100)), e.shell.toolPanels = d;
+      d.sort((f, p) => (f.order ?? 100) - (p.order ?? 100)), e.shell.toolPanels = d;
     }
     const r = this.#r.getShellHeaderContents();
     if (r.size > 0) {
       const d = Array.from(r.values());
-      d.sort((u, p) => (u.order ?? 100) - (p.order ?? 100)), e.shell.headerContents = d;
+      d.sort((f, p) => (f.order ?? 100) - (p.order ?? 100)), e.shell.headerContents = d;
     }
-    const s = this.#r.getShellToolbarContents(), l = Array.from(s.values()), a = this.#n?.shell?.header?.toolbarContents ?? [], c = new Set(a.map((d) => d.id)), h = [...a];
+    const s = this.#r.getShellToolbarContents(), l = Array.from(s.values()), c = this.#o?.shell?.header?.toolbarContents ?? [], a = new Set(c.map((d) => d.id)), h = [...c];
     for (const d of l)
-      c.has(d.id) || h.push(d);
-    h.sort((d, u) => (d.order ?? 0) - (u.order ?? 0)), e.shell.header.toolbarContents = h;
+      a.has(d.id) || h.push(d);
+    h.sort((d, f) => (d.order ?? 0) - (f.order ?? 0)), e.shell.header.toolbarContents = h;
   }
   collectState(e) {
     const o = this.columns, n = this.#C();
@@ -389,11 +389,11 @@ class tt {
           visible: !i.hidden
         }, 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 && (s.sort = a);
-        for (const c of e)
-          if (c.getColumnState) {
-            const h = c.getColumnState(i.field);
+        const c = n.get(i.field);
+        c && (s.sort = c);
+        for (const a of e)
+          if (a.getColumnState) {
+            const h = a.getColumnState(i.field);
             h && Object.assign(s, h);
           }
         return s;
@@ -403,16 +403,16 @@ class tt {
   applyState(e, o) {
     if (!e.columns || e.columns.length === 0) return;
     const n = this.columns, i = new Map(e.columns.map((l) => [l.field, l])), r = n.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;
+      const c = i.get(l.field);
+      if (!c) return l;
+      const a = { ...l };
+      return c.width !== void 0 && (a.width = c.width, a.__renderedWidth = c.width), c.visible !== void 0 && (a.hidden = !c.visible), a;
     });
-    r.sort((l, a) => {
-      const c = i.get(l.field)?.order ?? 1 / 0, h = i.get(a.field)?.order ?? 1 / 0;
-      return c - h;
+    r.sort((l, c) => {
+      const a = i.get(l.field)?.order ?? 1 / 0, h = i.get(c.field)?.order ?? 1 / 0;
+      return a - h;
     }), this.columns = r;
-    const s = e.columns.filter((l) => l.sort !== void 0).sort((l, a) => (l.sort?.priority ?? 0) - (a.sort?.priority ?? 0));
+    const s = e.columns.filter((l) => l.sort !== void 0).sort((l, c) => (l.sort?.priority ?? 0) - (c.sort?.priority ?? 0));
     if (s.length > 0) {
       const l = s[0];
       l.sort && this.#r.setSortState({
@@ -423,11 +423,11 @@ class tt {
       this.#r.setSortState(null);
     for (const l of o)
       if (l.applyColumnState)
-        for (const a of e.columns)
-          l.applyColumnState(a.field, a);
+        for (const c of e.columns)
+          l.applyColumnState(c.field, c);
   }
   resetState(e) {
-    this.#w = void 0, this.#r.setSortState(null), this.#h = this.#A(this.#o), this.#p();
+    this.#w = void 0, this.#r.setSortState(null), this.#h = this.#A(this.#n), this.#p();
     for (const o of e)
       if (o.applyColumnState)
         for (const n of this.columns)
@@ -450,7 +450,7 @@ class tt {
       this.#g = void 0;
       const o = this.collectState(e);
       this.#r.emit("column-state-change", o);
-    }, et);
+    }, nt);
   }
   setColumnVisible(e, o) {
     const n = this.columns, i = n.find((s) => s.field === e);
@@ -498,7 +498,7 @@ class tt {
     this.columns = n, this.#r.renderHeader(), this.#r.updateTemplate(), this.#r.refreshVirtualWindow();
   }
   parseLightDomColumns(e) {
-    this.#d || (this.#s = Array.from(e.querySelectorAll("tbw-grid-column")), this.#d = this.#s.length ? We(e) : []);
+    this.#d || (this.#s = Array.from(e.querySelectorAll("tbw-grid-column")), this.#d = this.#s.length ? Ue(e) : []);
   }
   clearLightDomCache() {
     this.#d = void 0;
@@ -524,12 +524,12 @@ class tt {
       for (const s of r) {
         for (const l of s.addedNodes) {
           if (l.nodeType !== Node.ELEMENT_NODE) continue;
-          const c = l.tagName.toLowerCase();
-          this.#E.has(c) && o.add(c);
+          const a = l.tagName.toLowerCase();
+          this.#E.has(a) && o.add(a);
         }
         if (s.type === "attributes" && s.target.nodeType === Node.ELEMENT_NODE) {
-          const a = s.target.tagName.toLowerCase();
-          this.#E.has(a) && o.add(a);
+          const c = s.target.tagName.toLowerCase();
+          this.#E.has(c) && o.add(c);
         }
       }
       o.size > 0 && !n && (n = setTimeout(i, 0));
@@ -551,10 +551,10 @@ class tt {
     this.#l?.disconnect(), this.#m = [], this.#g && clearTimeout(this.#g);
   }
 }
-function Re(t) {
+function Ae(t) {
   return `<span role="checkbox" aria-checked="${t}" aria-label="${t}">${t ? "&#x1F5F9;" : "&#9744;"}</span>`;
 }
-function Te(t) {
+function Pe(t) {
   if (t == null || t === "") return "";
   if (t instanceof Date)
     return isNaN(t.getTime()) ? "" : t.toLocaleDateString();
@@ -564,7 +564,7 @@ function Te(t) {
   }
   return "";
 }
-function xe(t) {
+function Le(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-row");
   if (e) return parseInt(e, 10);
@@ -577,15 +577,15 @@ function xe(t) {
     if (i[r] === o) return r;
   return -1;
 }
-function ot(t) {
+function rt(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-col");
   return e ? parseInt(e, 10) : -1;
 }
-function re(t) {
+function se(t) {
   t && t.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
 }
-function Ae(t, e) {
+function He(t, e) {
   const o = e.renderer || e.viewRenderer;
   if (o) return o;
   if (!e.type) return;
@@ -599,173 +599,173 @@ function Ae(t, e) {
       return r.renderer;
   }
 }
-const Pe = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
+const Oe = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
 function Q(t) {
   return (t.__editingCellCount ?? 0) > 0;
 }
 function ee(t) {
   t.__editingCellCount = 0, t.removeAttribute("data-has-editing"), t.querySelectorAll(".cell.editing").forEach((o) => o.classList.remove("editing"));
 }
-const Le = document.createElement("template");
-Le.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
-const He = document.createElement("template");
-He.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
-function nt() {
-  return Le.content.firstElementChild.cloneNode(!0);
+const De = document.createElement("template");
+De.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
+const Me = document.createElement("template");
+Me.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
+function st() {
+  return De.content.firstElementChild.cloneNode(!0);
 }
-function it() {
-  return He.content.firstElementChild.cloneNode(!0);
+function lt() {
+  return Me.content.firstElementChild.cloneNode(!0);
 }
 function G(t) {
   t.__cellDisplayCache = void 0, t.__cellCacheEpoch = void 0, t.__hasSpecialColumns = void 0;
 }
-function rt(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.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = c); t._rowPool.length < r; ) {
-    const d = it();
+function at(t, e, o, n, i) {
+  const r = Math.max(0, o - e), s = t._bodyEl, l = t._visibleColumns, c = l.length;
+  let a = t.__cachedHeaderRowCount;
+  for (a === void 0 && (a = t.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = a); t._rowPool.length < r; ) {
+    const d = lt();
     t._rowPool.push(d);
   }
   if (t._rowPool.length > r) {
     for (let d = r; d < t._rowPool.length; d++) {
-      const u = t._rowPool[d];
-      u.parentNode === s && u.remove();
+      const f = t._rowPool[d];
+      f.parentNode === s && f.remove();
     }
     t._rowPool.length = r;
   }
   const h = i && t.__hasRenderRowPlugins !== !1;
   for (let d = 0; d < r; 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 !== s && s.appendChild(f);
+    const f = e + d, p = t._rows[f], u = t._rowPool[d];
+    if (u.setAttribute("aria-rowindex", String(f + a + 1)), h && i(p, u, f)) {
+      u.__epoch = n, u.__rowDataRef = p, u.parentNode !== s && s.appendChild(u);
       continue;
     }
-    const g = f.__epoch, m = f.__rowDataRef, v = f.children.length, b = g === n && v === a, w = m !== p;
-    let y = !1;
-    if (b && w) {
-      for (let E = 0; E < a; E++)
-        if (l[E].externalView && !f.querySelector(`.cell[data-col="${E}"] [data-external-view]`)) {
-          y = !0;
+    const g = u.__epoch, m = u.__rowDataRef, y = u.children.length, C = g === n && y === c, w = m !== p;
+    let v = !1;
+    if (C && w) {
+      for (let E = 0; E < c; E++)
+        if (l[E].externalView && !u.querySelector(`.cell[data-col="${E}"] [data-external-view]`)) {
+          v = !0;
           break;
         }
     }
-    if (!b || y) {
-      const E = Q(f), T = t._activeEditRows === u;
-      E && !T ? (f.__isCustomRow && (f.className = "data-grid-row", f.setAttribute("role", "row"), f.__isCustomRow = !1), ee(f), U(t, f, p, u), f.__epoch = n, f.__rowDataRef = p) : E && T ? (te(t, f, p, u), f.__rowDataRef = p) : (f.__isCustomRow && (f.className = "data-grid-row", f.setAttribute("role", "row"), f.__isCustomRow = !1), U(t, f, p, u), f.__epoch = n, f.__rowDataRef = p);
+    if (!C || v) {
+      const E = Q(u), T = t._activeEditRows === f;
+      E && !T ? (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), ee(u), U(t, u, p, f), u.__epoch = n, u.__rowDataRef = p) : E && T ? (te(t, u, p, f), u.__rowDataRef = p) : (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), U(t, u, p, f), u.__epoch = n, u.__rowDataRef = p);
     } else if (w) {
-      const E = Q(f), T = t._activeEditRows === u;
-      E && !T ? (ee(f), U(t, f, p, u), f.__epoch = n, f.__rowDataRef = p) : (te(t, f, p, u), f.__rowDataRef = p);
+      const E = Q(u), T = t._activeEditRows === f;
+      E && !T ? (ee(u), U(t, u, p, f), u.__epoch = n, u.__rowDataRef = p) : (te(t, u, p, f), u.__rowDataRef = p);
     } else {
-      const E = Q(f), T = t._activeEditRows === u;
-      E && !T ? (ee(f), U(t, f, p, u), f.__epoch = n, f.__rowDataRef = p) : te(t, f, p, u);
+      const E = Q(u), T = t._activeEditRows === f;
+      E && !T ? (ee(u), U(t, u, p, f), u.__epoch = n, u.__rowDataRef = p) : te(t, u, p, f);
     }
     let S = !1;
-    const C = t.changedRowIds;
-    if (C && C.length > 0)
+    const b = t.changedRowIds;
+    if (b && b.length > 0)
       try {
         const E = t.getRowId?.(p);
-        E && (S = C.includes(E));
+        E && (S = b.includes(E));
       } catch {
       }
-    const M = f.classList.contains("changed");
-    S !== M && f.classList.toggle("changed", S);
+    const z = u.classList.contains("changed");
+    S !== z && u.classList.toggle("changed", S);
     const _ = t.effectiveConfig?.rowClass;
     if (_) {
-      const E = f.getAttribute("data-dynamic-classes");
-      E && E.split(" ").forEach((T) => T && f.classList.remove(T));
+      const E = u.getAttribute("data-dynamic-classes");
+      E && E.split(" ").forEach((T) => T && u.classList.remove(T));
       try {
         const T = _(p);
         if (T && T.length > 0) {
           const J = T.filter((B) => B && typeof B == "string");
-          J.forEach((B) => f.classList.add(B)), f.setAttribute("data-dynamic-classes", J.join(" "));
+          J.forEach((B) => u.classList.add(B)), u.setAttribute("data-dynamic-classes", J.join(" "));
         } else
-          f.removeAttribute("data-dynamic-classes");
+          u.removeAttribute("data-dynamic-classes");
       } catch (T) {
-        console.warn("[tbw-grid] rowClass callback error:", T), f.removeAttribute("data-dynamic-classes");
+        console.warn("[tbw-grid] rowClass callback error:", T), u.removeAttribute("data-dynamic-classes");
       }
     }
-    f.parentNode !== s && s.appendChild(f);
+    u.parentNode !== s && s.appendChild(u);
   }
 }
 function te(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, h = t._focusCol;
+  const i = e.children, r = t._visibleColumns, s = r.length, l = i.length, c = s < l ? s : l, a = t._focusRow, h = t._focusCol;
   let d = t.__hasSpecialColumns;
   if (d === void 0) {
     d = !1;
-    const p = t.effectiveConfig?.typeDefaults, f = t.__frameworkAdapter;
+    const p = t.effectiveConfig?.typeDefaults, u = t.__frameworkAdapter;
     for (let g = 0; g < s; g++) {
       const m = r[g];
-      if (m.__viewTemplate || m.__compiledView || m.renderer || m.viewRenderer || m.externalView || m.format || m.type === "date" || m.type === "boolean" || m.type && p?.[m.type]?.renderer || m.type && f?.getTypeDefault?.(m.type)?.renderer) {
+      if (m.__viewTemplate || m.__compiledView || m.renderer || m.viewRenderer || m.externalView || m.format || m.type === "date" || m.type === "boolean" || m.type && p?.[m.type]?.renderer || m.type && u?.getTypeDefault?.(m.type)?.renderer) {
         d = !0;
         break;
       }
     }
     t.__hasSpecialColumns = d;
   }
-  const u = String(n);
+  const f = String(n);
   if (!d) {
-    for (let p = 0; p < a; p++) {
-      const f = i[p];
-      if (f.classList.contains("editing")) continue;
+    for (let p = 0; p < c; p++) {
+      const u = i[p];
+      if (u.classList.contains("editing")) continue;
       const g = o[r[p].field];
-      f.textContent = g == null ? "" : String(g), f.getAttribute("data-row") !== u && f.setAttribute("data-row", u);
-      const m = c === n && h === p, v = f.classList.contains("cell-focus");
-      m !== v && (f.classList.toggle("cell-focus", m), f.setAttribute("aria-selected", String(m)));
+      u.textContent = g == null ? "" : String(g), u.getAttribute("data-row") !== f && u.setAttribute("data-row", f);
+      const m = a === n && h === p, y = u.classList.contains("cell-focus");
+      m !== y && (u.classList.toggle("cell-focus", m), u.setAttribute("aria-selected", String(m)));
     }
     return;
   }
-  for (let p = 0; p < a; p++)
+  for (let p = 0; p < c; p++)
     if (r[p].externalView && !i[p].querySelector("[data-external-view]")) {
       U(t, e, o, n);
       return;
     }
-  for (let p = 0; p < a; p++) {
-    const f = r[p], g = i[p];
-    g.getAttribute("data-row") !== u && g.setAttribute("data-row", u);
-    const m = c === n && h === p, v = g.classList.contains("cell-focus");
-    m !== v && (g.classList.toggle("cell-focus", m), g.setAttribute("aria-selected", String(m)));
-    const R = f.cellClass;
+  for (let p = 0; p < c; p++) {
+    const u = r[p], g = i[p];
+    g.getAttribute("data-row") !== f && g.setAttribute("data-row", f);
+    const m = a === n && h === p, y = g.classList.contains("cell-focus");
+    m !== y && (g.classList.toggle("cell-focus", m), g.setAttribute("aria-selected", String(m)));
+    const R = u.cellClass;
     if (R) {
       const S = g.getAttribute("data-dynamic-classes");
-      S && S.split(" ").forEach((C) => C && g.classList.remove(C));
+      S && S.split(" ").forEach((b) => b && g.classList.remove(b));
       try {
-        const C = o[f.field], M = R(C, o, f);
-        if (M && M.length > 0) {
-          const _ = M.filter((E) => E && typeof E == "string");
+        const b = o[u.field], z = R(b, o, u);
+        if (z && z.length > 0) {
+          const _ = z.filter((E) => E && typeof E == "string");
           _.forEach((E) => g.classList.add(E)), g.setAttribute("data-dynamic-classes", _.join(" "));
         } else
           g.removeAttribute("data-dynamic-classes");
-      } catch (C) {
-        console.warn(`[tbw-grid] cellClass callback error for column '${f.field}':`, C), g.removeAttribute("data-dynamic-classes");
+      } catch (b) {
+        console.warn(`[tbw-grid] cellClass callback error for column '${u.field}':`, b), g.removeAttribute("data-dynamic-classes");
       }
     }
     if (g.classList.contains("editing")) continue;
-    const b = Ae(t, f);
-    if (b) {
-      const S = o[f.field], C = b({ row: o, value: S, field: f.field, column: f, cellEl: g });
-      typeof C == "string" ? g.innerHTML = j(C) : C instanceof Node ? C.parentElement !== g && (g.innerHTML = "", g.appendChild(C)) : C == null && (g.textContent = S == null ? "" : String(S));
+    const C = He(t, u);
+    if (C) {
+      const S = o[u.field], b = C({ row: o, value: S, field: u.field, column: u, cellEl: g });
+      typeof b == "string" ? g.innerHTML = j(b) : b instanceof Node ? b.parentElement !== g && (g.innerHTML = "", g.appendChild(b)) : b == null && (g.textContent = S == null ? "" : String(S));
       continue;
     }
-    if (f.__viewTemplate || f.__compiledView || f.externalView)
+    if (u.__viewTemplate || u.__compiledView || u.externalView)
       continue;
-    const w = o[f.field];
-    let y;
-    if (f.format)
+    const w = o[u.field];
+    let v;
+    if (u.format)
       try {
-        const S = f.format(w, o);
-        y = S == null ? "" : String(S);
+        const S = u.format(w, o);
+        v = S == null ? "" : String(S);
       } catch (S) {
-        console.warn(`[tbw-grid] Format error in column '${f.field}':`, S), y = w == null ? "" : String(w);
+        console.warn(`[tbw-grid] Format error in column '${u.field}':`, S), v = w == null ? "" : String(w);
       }
-    else f.type === "date" ? (y = Te(w), g.textContent = y) : f.type === "boolean" ? g.innerHTML = Re(!!w) : (y = w == null ? "" : String(w), g.textContent = y);
+    else u.type === "date" ? (v = Pe(w), g.textContent = v) : u.type === "boolean" ? g.innerHTML = Ae(!!w) : (v = w == null ? "" : String(w), g.textContent = v);
   }
 }
 function U(t, e, o, n) {
   e.innerHTML = "";
-  const i = t._visibleColumns, r = i.length, s = t._focusRow, l = t._focusCol, a = t, c = document.createDocumentFragment();
+  const i = t._visibleColumns, r = i.length, s = t._focusRow, l = t._focusCol, c = t, a = document.createDocumentFragment();
   for (let h = 0; h < r; h++) {
-    const d = i[h], u = nt();
-    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), u.setAttribute("data-header", d.header ?? d.field), d.type && u.setAttribute("data-type", d.type);
+    const d = i[h], f = st();
+    f.setAttribute("aria-colindex", String(h + 1)), f.setAttribute("data-col", String(h)), f.setAttribute("data-row", String(n)), f.setAttribute("data-field", d.field), f.setAttribute("data-header", d.header ?? d.field), d.type && f.setAttribute("data-type", d.type);
     let p = o[d.field];
     if (d.format)
       try {
@@ -773,68 +773,68 @@ function U(t, e, o, n) {
       } catch (w) {
         console.warn(`[tbw-grid] Format error in column '${d.field}':`, w);
       }
-    const f = d.__compiledView, g = d.__viewTemplate, m = Ae(t, d), v = d.externalView;
+    const u = d.__compiledView, g = d.__viewTemplate, m = He(t, d), y = d.externalView;
     let R = !1;
     if (m) {
-      const w = m({ row: o, value: p, field: d.field, column: d, cellEl: u });
-      typeof w == "string" ? (u.innerHTML = j(w), R = !0) : w instanceof Node ? w.parentElement !== u && (u.textContent = "", u.appendChild(w)) : w == null && (u.textContent = p == null ? "" : String(p));
-    } else if (v) {
-      const w = v, y = document.createElement("div");
-      y.setAttribute("data-external-view", ""), y.setAttribute("data-field", d.field), u.appendChild(y);
+      const w = m({ row: o, value: p, field: d.field, column: d, cellEl: f });
+      typeof w == "string" ? (f.innerHTML = j(w), R = !0) : w instanceof Node ? w.parentElement !== f && (f.textContent = "", f.appendChild(w)) : w == null && (f.textContent = p == null ? "" : String(p));
+    } else if (y) {
+      const w = y, v = document.createElement("div");
+      v.setAttribute("data-external-view", ""), v.setAttribute("data-field", d.field), f.appendChild(v);
       const S = { row: o, value: p, field: d.field, column: d };
       if (w.mount)
         try {
-          w.mount({ placeholder: y, context: S, spec: w });
-        } catch (C) {
-          console.warn(`[tbw-grid] External view mount error for column '${d.field}':`, C);
+          w.mount({ placeholder: v, context: S, spec: w });
+        } catch (b) {
+          console.warn(`[tbw-grid] External view mount error for column '${d.field}':`, b);
         }
       else
         queueMicrotask(() => {
           try {
-            a.dispatchEvent(
+            c.dispatchEvent(
               new CustomEvent("mount-external-view", {
                 bubbles: !0,
                 composed: !0,
-                detail: { placeholder: y, spec: w, context: S }
+                detail: { placeholder: v, spec: w, context: S }
               })
             );
-          } catch (C) {
-            console.warn(`[tbw-grid] External view event dispatch error for column '${d.field}':`, C);
+          } catch (b) {
+            console.warn(`[tbw-grid] External view event dispatch error for column '${d.field}':`, b);
           }
         });
-      y.setAttribute("data-mounted", "");
-    } else if (f) {
-      const w = f({ row: o, value: p, field: d.field, column: d }), y = f.__blocked;
-      u.innerHTML = y ? "" : j(w), R = !0, y && (u.textContent = "", u.setAttribute("data-blocked-template", ""));
+      v.setAttribute("data-mounted", "");
+    } else if (u) {
+      const w = u({ row: o, value: p, field: d.field, column: d }), v = u.__blocked;
+      f.innerHTML = v ? "" : j(w), R = !0, v && (f.textContent = "", f.setAttribute("data-blocked-template", ""));
     } else if (g) {
       const w = g.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(w) ? (u.textContent = "", u.setAttribute("data-blocked-template", "")) : (u.innerHTML = j(Se(w, { row: o, value: p })), R = !0);
+      /Reflect\.|\bProxy\b|ownKeys\(/.test(w) ? (f.textContent = "", f.setAttribute("data-blocked-template", "")) : (f.innerHTML = j(xe(w, { row: o, value: p })), R = !0);
     } else
-      d.type === "date" ? u.textContent = Te(p) : d.type === "boolean" ? u.innerHTML = Re(!!p) : u.textContent = p == null ? "" : String(p);
+      d.type === "date" ? f.textContent = Pe(p) : d.type === "boolean" ? f.innerHTML = Ae(!!p) : f.textContent = p == null ? "" : String(p);
     if (R) {
-      Qe(u);
-      const w = u.textContent || "";
-      /Proxy|Reflect\.ownKeys/.test(w) && (u.textContent = w.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(u.textContent || "") && (u.textContent = ""));
+      ot(f);
+      const w = f.textContent || "";
+      /Proxy|Reflect\.ownKeys/.test(w) && (f.textContent = w.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(f.textContent || "") && (f.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)), s === n && l === h ? (u.classList.add("cell-focus"), u.setAttribute("aria-selected", "true")) : u.setAttribute("aria-selected", "false");
-    const b = d.cellClass;
-    if (b)
+    f.hasAttribute("data-blocked-template") && (f.textContent || "").trim().length && (f.textContent = ""), d.editable ? f.tabIndex = 0 : d.type === "boolean" && (f.hasAttribute("tabindex") || (f.tabIndex = 0)), s === n && l === h ? (f.classList.add("cell-focus"), f.setAttribute("aria-selected", "true")) : f.setAttribute("aria-selected", "false");
+    const C = d.cellClass;
+    if (C)
       try {
-        const w = o[d.field], y = b(w, o, d);
-        if (y && y.length > 0) {
-          const S = y.filter((C) => C && typeof C == "string");
-          S.forEach((C) => u.classList.add(C)), u.setAttribute("data-dynamic-classes", S.join(" "));
+        const w = o[d.field], v = C(w, o, d);
+        if (v && v.length > 0) {
+          const S = v.filter((b) => b && typeof b == "string");
+          S.forEach((b) => f.classList.add(b)), f.setAttribute("data-dynamic-classes", S.join(" "));
         }
       } catch (w) {
         console.warn(`[tbw-grid] cellClass callback error for column '${d.field}':`, w);
       }
-    c.appendChild(u);
+    a.appendChild(f);
   }
-  e.appendChild(c);
+  e.appendChild(a);
 }
-function fe(t, e, o) {
+function pe(t, e, o) {
   if (e.target?.closest(".resize-handle")) return;
-  const n = o.querySelector(".cell[data-row]"), i = xe(n);
+  const n = o.querySelector(".cell[data-row]"), i = Le(n);
   if (i < 0) return;
   const r = t._rows[i];
   if (!r || t._dispatchRowClick?.(e, i, r, o))
@@ -845,12 +845,12 @@ function fe(t, e, o) {
     if (!isNaN(l)) {
       if (t._dispatchCellClick?.(e, i, l, s))
         return;
-      const a = t._focusRow !== i || t._focusCol !== l;
+      const c = t._focusRow !== i || t._focusCol !== l;
       if (t._focusRow = i, t._focusCol = l, s.classList.contains("editing")) {
-        a && (re(t._bodyEl ?? t), s.classList.add("cell-focus"));
-        const c = s.querySelector(Pe);
+        c && (se(t._bodyEl ?? t), s.classList.add("cell-focus"));
+        const a = s.querySelector(Oe);
         try {
-          c?.focus({ preventScroll: !0 });
+          a?.focus({ preventScroll: !0 });
         } catch {
         }
         return;
@@ -859,15 +859,15 @@ function fe(t, e, o) {
     }
   }
 }
-function st(t, e) {
+function ct(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, s = t._visibleColumns[t._focusCol]?.type, l = e.composedPath?.() ?? [], a = l.length ? l[0] : e.target, c = (h) => {
+  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?.() ?? [], c = l.length ? l[0] : e.target, a = (h) => {
     if (!h) return !1;
     const d = h.tagName;
     return !!(d === "INPUT" || d === "SELECT" || d === "TEXTAREA" || h.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 && s === "select" && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
+  if (!(a(c) && (e.key === "Home" || e.key === "End")) && !(a(c) && (e.key === "ArrowUp" || e.key === "ArrowDown") && c.tagName === "INPUT" && c.type === "number") && !(a(c) && (e.key === "ArrowLeft" || e.key === "ArrowRight")) && !(a(c) && (e.key === "Enter" || e.key === "Escape")) && !(i && s === "select" && (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), W(t);
@@ -898,12 +898,12 @@ function st(t, e) {
         t._focusRow = Math.max(0, t._focusRow - 20), e.preventDefault();
         break;
       case "Enter": {
-        const h = t._focusRow, d = t._focusCol, u = t._visibleColumns[d], p = t._rows[h], f = u?.field ?? "", g = f && p ? p[f] : void 0, m = t.querySelector(
+        const h = t._focusRow, d = t._focusCol, f = t._visibleColumns[d], p = t._rows[h], u = f?.field ?? "", g = u && p ? p[u] : void 0, m = t.querySelector(
           `[data-row="${h}"][data-col="${d}"]`
-        ), v = {
+        ), y = {
           rowIndex: h,
           colIndex: d,
-          field: f,
+          field: u,
           value: g,
           row: p,
           cellEl: m,
@@ -911,14 +911,14 @@ function st(t, e) {
           originalEvent: e
         }, R = new CustomEvent("cell-activate", {
           cancelable: !0,
-          detail: v
+          detail: y
         });
         t.dispatchEvent(R);
-        const b = new CustomEvent("activate-cell", {
+        const C = new CustomEvent("activate-cell", {
           cancelable: !0,
           detail: { row: h, col: d }
         });
-        if (t.dispatchEvent(b), R.defaultPrevented || b.defaultPrevented) {
+        if (t.dispatchEvent(C), R.defaultPrevented || C.defaultPrevented) {
           e.preventDefault();
           return;
         }
@@ -932,14 +932,14 @@ function st(t, e) {
 }
 function W(t, e) {
   if (t._virtualization?.enabled) {
-    const { rowHeight: s, container: l, viewportEl: a } = t._virtualization, c = l, h = a?.clientHeight ?? c?.clientHeight ?? 0;
-    if (c && h > 0) {
+    const { rowHeight: s, container: l, viewportEl: c } = t._virtualization, a = l, h = c?.clientHeight ?? a?.clientHeight ?? 0;
+    if (a && h > 0) {
       const d = t._focusRow * s;
-      d < c.scrollTop ? c.scrollTop = d : d + s > c.scrollTop + h && (c.scrollTop = d - h + s);
+      d < a.scrollTop ? a.scrollTop = d : d + s > a.scrollTop + h && (a.scrollTop = d - h + s);
     }
   }
   const o = t._activeEditRows !== void 0 && t._activeEditRows !== -1;
-  o || t.refreshVirtualWindow(!1), re(t._bodyEl), Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((s) => {
+  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, r = t._virtualization.end ?? t._rows.length;
@@ -948,24 +948,24 @@ function W(t, e) {
     let l = s?.children[t._focusCol];
     if ((!l || !l.classList?.contains("cell")) && (l = s?.querySelector(`.cell[data-col="${t._focusCol}"]`) ?? s?.querySelector(".cell[data-col]")), l) {
       l.classList.add("cell-focus"), l.setAttribute("aria-selected", "true");
-      const a = t.querySelector(".tbw-scroll-area");
-      if (a && l && !o)
+      const c = t.querySelector(".tbw-scroll-area");
+      if (c && l && !o)
         if (e?.forceScrollLeft)
-          a.scrollLeft = 0;
+          c.scrollLeft = 0;
         else if (e?.forceScrollRight)
-          a.scrollLeft = a.scrollWidth - a.clientWidth;
+          c.scrollLeft = c.scrollWidth - c.clientWidth;
         else {
-          const c = t._getHorizontalScrollOffsets?.(s ?? void 0, l) ?? { left: 0, right: 0 };
-          if (!c.skipScroll) {
-            const h = l.getBoundingClientRect(), d = a.getBoundingClientRect(), u = h.left - d.left + a.scrollLeft, p = u + h.width, f = a.scrollLeft + c.left, g = a.scrollLeft + a.clientWidth - c.right;
-            u < f ? a.scrollLeft = u - c.left : p > g && (a.scrollLeft = p - a.clientWidth + c.right);
+          const a = t._getHorizontalScrollOffsets?.(s ?? void 0, l) ?? { left: 0, right: 0 };
+          if (!a.skipScroll) {
+            const h = l.getBoundingClientRect(), d = c.getBoundingClientRect(), f = h.left - d.left + c.scrollLeft, p = f + h.width, u = c.scrollLeft + a.left, g = c.scrollLeft + c.clientWidth - a.right;
+            f < u ? c.scrollLeft = f - a.left : p > g && (c.scrollLeft = p - c.clientWidth + a.right);
           }
         }
       if (t._activeEditRows !== void 0 && t._activeEditRows !== -1 && l.classList.contains("editing")) {
-        const c = l.querySelector(Pe);
-        if (c && document.activeElement !== c)
+        const a = l.querySelector(Oe);
+        if (a && document.activeElement !== a)
           try {
-            c.focus({ preventScroll: !0 });
+            a.focus({ preventScroll: !0 });
           } catch {
           }
       } else if (!l.contains(document.activeElement)) {
@@ -979,102 +979,102 @@ function W(t, e) {
   }
 }
 const K = /* @__PURE__ */ new WeakMap();
-function lt(t, e) {
-  const o = xe(e), n = ot(e);
-  o < 0 || n < 0 || (t._focusRow = o, t._focusCol = n, re(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true"));
+function dt(t, e) {
+  const o = Le(e), n = rt(e);
+  o < 0 || n < 0 || (t._focusRow = o, t._focusCol = n, se(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true"));
 }
-function se(t, e, o, n) {
+function le(t, e, o, n) {
   let i = null;
   const r = o.composedPath?.();
   if (r && r.length > 0 ? i = r[0] : i = o.target, i && !e.contains(i)) {
     const g = document.elementFromPoint(o.clientX, o.clientY);
     g && (i = g);
   }
-  const s = i?.closest?.("[data-col]"), l = i?.closest?.(".data-grid-row"), a = i?.closest?.(".header-row");
-  let c, h, d, u, p, f;
-  return s && (c = parseInt(s.getAttribute("data-row") ?? "-1", 10), h = parseInt(s.getAttribute("data-col") ?? "-1", 10), c >= 0 && h >= 0 && (d = t._rows[c], f = t._columns[h], u = f?.field, p = d && u ? d[u] : void 0)), {
+  const s = i?.closest?.("[data-col]"), l = i?.closest?.(".data-grid-row"), c = i?.closest?.(".header-row");
+  let a, h, d, f, p, u;
+  return s && (a = parseInt(s.getAttribute("data-row") ?? "-1", 10), h = parseInt(s.getAttribute("data-col") ?? "-1", 10), a >= 0 && h >= 0 && (d = t._rows[a], u = t._columns[h], f = u?.field, p = d && f ? d[f] : void 0)), {
     type: n,
     row: d,
-    rowIndex: c !== void 0 && c >= 0 ? c : void 0,
+    rowIndex: a !== void 0 && a >= 0 ? a : void 0,
     colIndex: h !== void 0 && h >= 0 ? h : void 0,
-    field: u,
+    field: f,
     value: p,
-    column: f,
+    column: u,
     originalEvent: o,
     cellElement: s ?? void 0,
     rowElement: l ?? void 0,
-    isHeader: !!a,
-    cell: c !== void 0 && h !== void 0 && c >= 0 && h >= 0 ? { row: c, col: h } : void 0
+    isHeader: !!c,
+    cell: a !== void 0 && h !== void 0 && a >= 0 && h >= 0 ? { row: a, col: h } : void 0
   };
 }
-function at(t, e, o) {
-  const n = se(t, e, o, "mousedown");
+function ht(t, e, o) {
+  const n = le(t, e, o, "mousedown");
   (t._dispatchCellMouseDown?.(n) ?? !1) && K.set(t, !0);
 }
-function ct(t, e, o) {
+function ut(t, e, o) {
   if (!K.get(t)) return;
-  const n = se(t, e, o, "mousemove");
+  const n = le(t, e, o, "mousemove");
   t._dispatchCellMouseMove?.(n);
 }
-function dt(t, e, o) {
+function ft(t, e, o) {
   if (!K.get(t)) return;
-  const n = se(t, e, o, "mouseup");
+  const n = le(t, e, o, "mouseup");
   t._dispatchCellMouseUp?.(n), K.set(t, !1);
 }
-function ht(t, e, o) {
+function pt(t, e, o) {
   e.addEventListener(
     "mousedown",
     (n) => {
       const i = n.target.closest(".cell[data-col]");
-      i && (i.classList.contains("editing") || lt(t, i));
+      i && (i.classList.contains("editing") || dt(t, i));
     },
     { signal: o }
   ), e.addEventListener(
     "click",
     (n) => {
       const i = n.target.closest(".data-grid-row");
-      i && fe(t, n, i);
+      i && pe(t, n, i);
     },
     { signal: o }
   ), e.addEventListener(
     "dblclick",
     (n) => {
       const i = n.target.closest(".data-grid-row");
-      i && fe(t, n, i);
+      i && pe(t, n, i);
     },
     { signal: o }
   );
 }
-function ut(t, e, o, n) {
-  e.addEventListener("keydown", (i) => st(t, i), { signal: n }), o.addEventListener("mousedown", (i) => at(t, o, i), { signal: n }), document.addEventListener("mousemove", (i) => ct(t, o, i), { signal: n }), document.addEventListener("mouseup", (i) => dt(t, o, i), { signal: n });
+function gt(t, e, o, n) {
+  e.addEventListener("keydown", (i) => ct(t, i), { signal: n }), o.addEventListener("mousedown", (i) => ht(t, o, i), { signal: n }), document.addEventListener("mousemove", (i) => ut(t, o, i), { signal: n }), document.addEventListener("mouseup", (i) => ft(t, o, i), { signal: n });
 }
-function ft(t, e) {
+function wt(t, e) {
   return t == null && e == null ? 0 : t == null ? -1 : e == null || t > e ? 1 : t < e ? -1 : 0;
 }
-function pt(t, e, o) {
-  const i = o.find((l) => l.field === e.field)?.sortComparator ?? ft, { field: r, direction: s } = e;
-  return [...t].sort((l, a) => i(l[r], a[r], l, a) * s);
+function mt(t, e, o) {
+  const i = o.find((l) => l.field === e.field)?.sortComparator ?? wt, { field: r, direction: s } = e;
+  return [...t].sort((l, c) => i(l[r], c[r], l, c) * s);
 }
-function pe(t, e, o, n) {
+function ge(t, e, o, n) {
   t._rows = e, t.__rowRenderEpoch++, t._rowPool.forEach((i) => i.__epoch = -1), Z(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: o.field, direction: n } })
   ), t.requestStateChange?.();
 }
-function ge(t, e) {
-  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), we(t, e, 1)) : t._sortState.direction === 1 ? we(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), t._rows = t.__originalOrder.slice(), Z(t), t._headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((n) => {
+function we(t, e) {
+  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), me(t, e, 1)) : t._sortState.direction === 1 ? me(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), t._rows = t.__originalOrder.slice(), Z(t), t._headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((n) => {
     n.getAttribute("aria-sort") ? (n.getAttribute("aria-sort") === "ascending" || n.getAttribute("aria-sort") === "descending") && (t._sortState || n.setAttribute("aria-sort", "none")) : n.setAttribute("aria-sort", "none");
   }), t.refreshVirtualWindow(!0), t.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: e.field, direction: 0 } })
   ), t.requestStateChange?.());
 }
-function we(t, e, o) {
+function me(t, e, o) {
   t._sortState = { field: e.field, direction: o };
-  const n = { field: e.field, direction: o }, i = t._columns, s = (t.effectiveConfig?.sortHandler ?? pt)(t._rows, n, i);
+  const n = { field: e.field, direction: o }, i = t._columns, s = (t.effectiveConfig?.sortHandler ?? mt)(t._rows, n, i);
   s && typeof s.then == "function" ? s.then((l) => {
-    pe(t, l, e, o);
-  }) : pe(t, s, e, o);
+    ge(t, l, e, o);
+  }) : ge(t, s, e, o);
 }
-function gt(t, e) {
+function bt(t, e) {
   typeof e == "string" ? t.textContent = e : e instanceof HTMLElement && (t.innerHTML = "", t.appendChild(e.cloneNode(!0)));
 }
 function Z(t) {
@@ -1082,7 +1082,7 @@ function Z(t) {
   const e = t._headerRowEl;
   e && (e.innerHTML = "", t._visibleColumns.forEach((o, n) => {
     const i = document.createElement("div");
-    i.className = "cell", ce(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));
+    i.className = "cell", de(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 r = o.__headerTemplate;
     if (r) Array.from(r.childNodes).forEach((s) => i.appendChild(s.cloneNode(!0)));
     else {
@@ -1092,14 +1092,14 @@ function Z(t) {
     if (o.sortable) {
       i.classList.add("sortable"), i.tabIndex = 0;
       const s = document.createElement("span");
-      ce(s, "sort-indicator");
-      const l = t._sortState?.field === o.field ? t._sortState.direction : 0, a = { ...D, ...t.icons }, c = l === 1 ? a.sortAsc : l === -1 ? a.sortDesc : a.sortNone;
-      gt(s, c), i.appendChild(s), i.setAttribute("aria-sort", l === 0 ? "none" : l === 1 ? "ascending" : "descending"), i.addEventListener("click", (h) => {
-        t._resizeController?.isResizing || t._dispatchHeaderClick?.(h, n, i) || ge(t, o);
+      de(s, "sort-indicator");
+      const l = t._sortState?.field === o.field ? t._sortState.direction : 0, c = { ...M, ...t.icons }, a = l === 1 ? c.sortAsc : l === -1 ? c.sortDesc : c.sortNone;
+      bt(s, a), i.appendChild(s), i.setAttribute("aria-sort", l === 0 ? "none" : l === 1 ? "ascending" : "descending"), i.addEventListener("click", (h) => {
+        t._resizeController?.isResizing || t._dispatchHeaderClick?.(h, n, i) || we(t, o);
       }), i.addEventListener("keydown", (h) => {
         if (h.key === "Enter" || h.key === " ") {
           if (h.preventDefault(), t._dispatchHeaderClick?.(h, n, i)) return;
-          ge(t, o);
+          we(t, o);
         }
       });
     }
@@ -1117,9 +1117,9 @@ function Z(t) {
     o.getAttribute("aria-sort") || o.setAttribute("aria-sort", "none");
   }), e.children.length > 0 ? (e.setAttribute("role", "row"), e.setAttribute("aria-rowindex", "1")) : (e.removeAttribute("role"), e.removeAttribute("aria-rowindex")));
 }
-const Oe = typeof requestIdleCallback == "function";
-function wt(t, e) {
-  return Oe ? requestIdleCallback(t, e) : window.setTimeout(() => {
+const ze = typeof requestIdleCallback == "function";
+function Ct(t, e) {
+  return ze ? requestIdleCallback(t, e) : window.setTimeout(() => {
     const o = Date.now();
     t({
       didTimeout: !1,
@@ -1127,20 +1127,20 @@ function wt(t, e) {
     });
   }, 1);
 }
-function me(t) {
-  Oe ? cancelIdleCallback(t) : clearTimeout(t);
+function be(t) {
+  ze ? cancelIdleCallback(t) : clearTimeout(t);
 }
 var x = ((t) => (t[t.STYLE = 1] = "STYLE", t[t.VIRTUALIZATION = 2] = "VIRTUALIZATION", t[t.HEADER = 3] = "HEADER", t[t.ROWS = 4] = "ROWS", t[t.COLUMNS = 5] = "COLUMNS", t[t.FULL = 6] = "FULL", t))(x || {});
-class mt {
-  #n;
+class vt {
+  #o;
   #c = 0;
   #f = 0;
   #d = null;
   #s = null;
-  #o = null;
+  #n = null;
   #h = !1;
   constructor(e) {
-    this.#n = e;
+    this.#o = e;
   }
   requestPhase(e, o) {
     e > this.#c && (this.#c = e), this.#f === 0 && (this.#u(), this.#f = requestAnimationFrame(() => this.#m()));
@@ -1149,7 +1149,7 @@ class mt {
     return this.#d ? this.#d : Promise.resolve();
   }
   setInitialReadyResolver(e) {
-    this.#o = e;
+    this.#n = e;
   }
   cancel() {
     this.#f !== 0 && (cancelAnimationFrame(this.#f), this.#f = 0), this.#c = 0, this.#s && (this.#s(), this.#s = null, this.#d = null);
@@ -1166,19 +1166,19 @@ class mt {
     }));
   }
   #m() {
-    if (this.#f = 0, !this.#n.isConnected()) {
+    if (this.#f = 0, !this.#o.isConnected()) {
       this.#c = 0, this.#s && (this.#s(), this.#s = null, this.#d = null);
       return;
     }
     const e = this.#c;
-    this.#c = 0, e >= 5 && this.#n.mergeConfig(), e >= 4 && this.#n.processRows(), e >= 5 && (this.#n.processColumns(), this.#n.updateTemplate()), e >= 3 && this.#n.renderHeader(), e >= 2 && this.#n.renderVirtualWindow(), e >= 1 && this.#n.afterRender(), !this.#h && this.#o && (this.#h = !0, this.#o()), this.#s && (this.#s(), this.#s = null, this.#d = null);
+    this.#c = 0, e >= 5 && this.#o.mergeConfig(), e >= 4 && this.#o.processRows(), e >= 5 && (this.#o.processColumns(), this.#o.updateTemplate()), e >= 3 && this.#o.renderHeader(), e >= 2 && this.#o.renderVirtualWindow(), e >= 1 && this.#o.afterRender(), !this.#h && this.#n && (this.#h = !0, this.#n()), this.#s && (this.#s(), this.#s = null, this.#d = null);
   }
 }
-function bt(t) {
+function Ce(t) {
   let e = null, o = null, n = null, i = null;
-  const r = (a) => {
+  const r = (c) => {
     if (!e) return;
-    const c = a.clientX - e.startX, h = Math.max(40, e.startWidth + c), d = t._visibleColumns[e.colIndex];
+    const a = c.clientX - e.startX, h = Math.max(40, e.startWidth + a), d = t._visibleColumns[e.colIndex];
     d.width = h, d.__userResized = !0, d.__renderedWidth = h, o == null && (o = requestAnimationFrame(() => {
       o = null, t.updateTemplate?.();
     })), t.dispatchEvent(
@@ -1187,24 +1187,24 @@ function bt(t) {
   };
   let s = !1;
   const l = () => {
-    const a = e !== null;
-    a && (s = !0, requestAnimationFrame(() => {
+    const c = e !== null;
+    c && (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();
+    })), 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, c && t.requestStateChange && t.requestStateChange();
   };
   return {
     get isResizing() {
       return e !== null || s;
     },
-    start(a, c, h) {
-      a.preventDefault();
-      const d = t._visibleColumns[c], u = typeof d?.width == "number" ? d.width : void 0, p = d?.__renderedWidth ?? u ?? h.getBoundingClientRect().width;
-      e = { startX: a.clientX, colIndex: c, startWidth: p }, 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";
+    start(c, a, h) {
+      c.preventDefault();
+      const d = t._visibleColumns[a], f = typeof d?.width == "number" ? d.width : void 0, p = d?.__renderedWidth ?? f ?? h.getBoundingClientRect().width;
+      e = { startX: c.clientX, colIndex: a, startWidth: p }, 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];
-      c && (c.__userResized = !1, c.__renderedWidth = void 0, c.width = c.__originalWidth, t.updateTemplate?.(), t.requestStateChange?.(), t.dispatchEvent(
-        new CustomEvent("column-resize-reset", { detail: { field: c.field, width: c.width } })
+    resetColumn(c) {
+      const a = t._visibleColumns[c];
+      a && (a.__userResized = !1, a.__renderedWidth = void 0, a.width = a.__originalWidth, t.updateTemplate?.(), t.requestStateChange?.(), t.dispatchEvent(
+        new CustomEvent("column-resize-reset", { detail: { field: a.field, width: a.width } })
       ));
     },
     dispose() {
@@ -1230,7 +1230,7 @@ function P(t, e) {
     }
   return o;
 }
-function De(t, e, o) {
+function Ne(t, e, o) {
   const n = document.createElement("button");
   if (t && (n.className = t), e)
     for (const i in e) {
@@ -1239,8 +1239,8 @@ function De(t, e, o) {
     }
   return n;
 }
-const Me = document.createElement("template");
-Me.innerHTML = `
+const Ie = document.createElement("template");
+Ie.innerHTML = `
   <div class="tbw-scroll-area">
     <div class="rows-body-wrapper">
       <div class="rows-body" role="grid">
@@ -1259,20 +1259,20 @@ Me.innerHTML = `
     <div class="faux-vscroll-spacer"></div>
   </div>
 `;
-function ze() {
-  return Me.content.cloneNode(!0);
+function ke() {
+  return Ie.content.cloneNode(!0);
 }
-function be(t) {
+function ve(t) {
   const e = document.createDocumentFragment(), o = P(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 = P("tbw-grid-content");
-    n.appendChild(ze()), o.appendChild(n);
+    n.appendChild(ke()), o.appendChild(n);
   }
   return e.appendChild(o), e;
 }
-function Ct(t) {
+function yt(t) {
   const e = P("tbw-shell-header", { part: "shell-header", role: "presentation" });
   if (t.title) {
     const r = P("tbw-shell-title");
@@ -1290,7 +1290,7 @@ function Ct(t) {
   for (const r of t.apiButtons)
     r.hasRender && n.appendChild(P("tbw-toolbar-content-slot", { "data-toolbar-content": r.id }));
   if ((t.configButtons.some((r) => r.hasRender) || t.apiButtons.some((r) => r.hasRender)) && t.hasPanels && n.appendChild(P("tbw-toolbar-separator")), t.hasPanels) {
-    const r = De(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
+    const r = Ne(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
       "data-panel-toggle": "",
       title: "Settings",
       "aria-label": "Toggle settings panel",
@@ -1301,9 +1301,9 @@ function Ct(t) {
   }
   return e.appendChild(n), e;
 }
-function vt(t) {
+function _t(t) {
   const e = P("tbw-shell-body"), o = t.panels.length > 0, n = t.panels.length === 1, i = P("tbw-grid-content");
-  i.appendChild(ze());
+  i.appendChild(ke());
   let r = null;
   if (o) {
     r = X("aside", {
@@ -1321,36 +1321,36 @@ function vt(t) {
         "aria-hidden": "true"
       })
     );
-    const l = P("tbw-tool-panel-content", { role: "presentation" }), a = P("tbw-accordion");
-    for (const c of t.panels) {
-      const h = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${n ? " single" : ""}`, d = P(h, { "data-section": c.id }), u = De("tbw-accordion-header", {
-        "aria-expanded": String(c.isExpanded),
-        "aria-controls": `tbw-section-${c.id}`
+    const l = P("tbw-tool-panel-content", { role: "presentation" }), c = P("tbw-accordion");
+    for (const a of t.panels) {
+      const h = `tbw-accordion-section${a.isExpanded ? " expanded" : ""}${n ? " single" : ""}`, d = P(h, { "data-section": a.id }), f = Ne("tbw-accordion-header", {
+        "aria-expanded": String(a.isExpanded),
+        "aria-controls": `tbw-section-${a.id}`
       });
-      if (n && u.setAttribute("aria-disabled", "true"), c.icon) {
-        const f = X("span", { class: "tbw-accordion-icon" });
-        f.innerHTML = c.icon, u.appendChild(f);
+      if (n && f.setAttribute("aria-disabled", "true"), a.icon) {
+        const u = X("span", { class: "tbw-accordion-icon" });
+        u.innerHTML = a.icon, f.appendChild(u);
       }
       const p = X("span", { class: "tbw-accordion-title" });
-      if (p.textContent = c.title, u.appendChild(p), !n) {
-        const f = X("span", { class: "tbw-accordion-chevron" });
-        f.innerHTML = c.isExpanded ? t.collapseIcon : t.expandIcon, u.appendChild(f);
+      if (p.textContent = a.title, f.appendChild(p), !n) {
+        const u = X("span", { class: "tbw-accordion-chevron" });
+        u.innerHTML = a.isExpanded ? t.collapseIcon : t.expandIcon, f.appendChild(u);
       }
-      d.appendChild(u), d.appendChild(
+      d.appendChild(f), d.appendChild(
         P("tbw-accordion-content", {
-          id: `tbw-section-${c.id}`,
+          id: `tbw-section-${a.id}`,
           role: "presentation"
         })
-      ), a.appendChild(d);
+      ), c.appendChild(d);
     }
-    l.appendChild(a), r.appendChild(l);
+    l.appendChild(c), r.appendChild(l);
   }
   return t.position === "left" && r ? (e.appendChild(r), e.appendChild(i)) : (e.appendChild(i), r && e.appendChild(r)), e;
 }
 function N(t) {
   return t ? typeof t == "string" ? t : t.outerHTML : "";
 }
-function yt() {
+function Et() {
   return {
     toolPanels: /* @__PURE__ */ new Map(),
     headerContents: /* @__PURE__ */ new Map(),
@@ -1369,27 +1369,27 @@ function yt() {
     lightDomContentMoved: !1
   };
 }
-function Ne(t) {
+function qe(t) {
   return !!(t?.header?.title || t?.header?.toolbarContents?.length || t?.toolPanels?.length || t?.headerContents?.length || t?.header?.lightDomContent?.length || t?.header?.hasToolButtonsContainer);
 }
-function Ce(t, e, o = "☰") {
-  const n = t?.header?.title ?? e.lightDomTitle ?? "", i = !!n, r = N(o), s = t?.header?.toolbarContents ?? [], l = [...e.toolbarContents.values()], a = new Set(s.map((g) => g.id)), c = [...s];
+function ye(t, e, o = "☰") {
+  const n = t?.header?.title ?? e.lightDomTitle ?? "", i = !!n, r = N(o), s = t?.header?.toolbarContents ?? [], l = [...e.toolbarContents.values()], c = new Set(s.map((g) => g.id)), a = [...s];
   for (const g of l)
-    a.has(g.id) || c.push(g);
-  const h = c.length > 0, d = e.toolPanels.size > 0, u = h && d, p = [...c].sort((g, m) => (g.order ?? 0) - (m.order ?? 0));
-  let f = "";
+    c.has(g.id) || a.push(g);
+  const h = a.length > 0, d = e.toolPanels.size > 0, f = h && d, p = [...a].sort((g, m) => (g.order ?? 0) - (m.order ?? 0));
+  let u = "";
   for (const g of p)
-    f += `<div class="tbw-toolbar-content-slot" data-toolbar-content="${g.id}"></div>`;
-  if (u && (f += '<div class="tbw-toolbar-separator"></div>'), d) {
+    u += `<div class="tbw-toolbar-content-slot" data-toolbar-content="${g.id}"></div>`;
+  if (f && (u += '<div class="tbw-toolbar-separator"></div>'), d) {
     const g = e.isPanelOpen;
-    f += `<button class="${g ? "tbw-toolbar-btn active" : "tbw-toolbar-btn"}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${g}" aria-controls="tbw-tool-panel">${r}</button>`;
+    u += `<button class="${g ? "tbw-toolbar-btn active" : "tbw-toolbar-btn"}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${g}" aria-controls="tbw-tool-panel">${r}</button>`;
   }
   return `
     <div class="tbw-shell-header" part="shell-header" role="presentation">
-      ${i ? `<div class="tbw-shell-title">${Ge(n)}</div>` : ""}
+      ${i ? `<div class="tbw-shell-title">${je(n)}</div>` : ""}
       <div class="tbw-shell-content" part="shell-content" role="presentation" data-light-dom-header-content></div>
       <div class="tbw-shell-toolbar" part="shell-toolbar" role="presentation">
-        ${f}
+        ${u}
       </div>
     </div>
   `;
@@ -1429,39 +1429,39 @@ function q(t, e, o) {
       );
       return;
     }
-    const a = r.getAttribute("icon") ?? void 0, c = r.getAttribute("tooltip") ?? void 0, h = parseInt(r.getAttribute("order") ?? "100", 10);
+    const c = r.getAttribute("icon") ?? void 0, a = r.getAttribute("tooltip") ?? void 0, h = parseInt(r.getAttribute("order") ?? "100", 10);
     let d;
-    const u = o?.(r);
-    if (u)
-      d = u;
+    const f = o?.(r);
+    if (f)
+      d = f;
     else {
       const g = r.innerHTML.trim();
       d = (m) => {
-        const v = document.createElement("div");
-        return v.innerHTML = g, m.appendChild(v), () => v.remove();
+        const y = document.createElement("div");
+        return y.innerHTML = g, m.appendChild(y), () => y.remove();
       };
     }
     const p = e.toolPanels.get(s);
     if (p) {
-      if (u) {
-        p.render = d, p.order = h, p.icon = a, p.tooltip = c;
+      if (f) {
+        p.render = d, p.order = h, p.icon = c, p.tooltip = a;
         const g = e.panelCleanups.get(s);
         g && (g(), e.panelCleanups.delete(s));
       }
       return;
     }
-    const f = {
+    const u = {
       id: s,
       title: l,
-      icon: a,
-      tooltip: c,
+      icon: c,
+      tooltip: a,
       order: h,
       render: d
     };
-    e.toolPanels.set(s, f), e.lightDomToolPanelIds.add(s), r.style.display = "none";
+    e.toolPanels.set(s, u), e.lightDomToolPanelIds.add(s), r.style.display = "none";
   });
 }
-function _t(t, e, o, n) {
+function St(t, e, o, n) {
   const i = t.querySelector(".tbw-shell-toolbar");
   i && i.addEventListener("click", (s) => {
     if (s.target.closest("[data-panel-toggle]")) {
@@ -1471,50 +1471,50 @@ function _t(t, e, o, n) {
   });
   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");
+    const c = s.target.closest(".tbw-accordion-header");
+    if (c) {
+      const h = c.closest("[data-section]")?.getAttribute("data-section");
       h && n.onSectionToggle(h);
     }
   });
 }
-function Et(t, e, o) {
+function Rt(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 s = e?.toolPanel?.position ?? "right", l = 200;
-  let a = 0, c = 0, h = 0, d = !1;
-  const u = (g) => {
+  let c = 0, a = 0, h = 0, d = !1;
+  const f = (g) => {
     if (!d) return;
     g.preventDefault();
-    const m = s === "left" ? g.clientX - a : a - g.clientX, v = Math.min(h, Math.max(l, c + m));
-    n.style.width = `${v}px`;
+    const m = s === "left" ? g.clientX - c : c - g.clientX, y = Math.min(h, Math.max(l, a + m));
+    n.style.width = `${y}px`;
   }, p = () => {
     if (!d) return;
     d = !1, i.classList.remove("resizing"), n.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
     const g = n.getBoundingClientRect().width;
-    o(g), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", p);
-  }, f = (g) => {
-    g.preventDefault(), d = !0, a = g.clientX, c = n.getBoundingClientRect().width, h = 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", p);
+    o(g), document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", p);
+  }, u = (g) => {
+    g.preventDefault(), d = !0, c = g.clientX, a = n.getBoundingClientRect().width, h = 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", f), document.addEventListener("mouseup", p);
   };
-  return i.addEventListener("mousedown", f), () => {
-    i.removeEventListener("mousedown", f), document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", p);
+  return i.addEventListener("mousedown", u), () => {
+    i.removeEventListener("mousedown", u), document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", p);
   };
 }
-function St(t, e, o) {
+function _e(t, e, o) {
   const n = e?.header?.toolbarContents ?? [], i = [...o.toolbarContents.values()], r = new Set(n.map((l) => l.id)), s = [...n];
   for (const l of i)
     r.has(l.id) || s.push(l);
   for (const l of s) {
     if (o.toolbarContentCleanups.has(l.id) || !l.render) continue;
-    const a = t.querySelector(`[data-toolbar-content="${l.id}"]`);
-    if (!a) continue;
-    const c = l.render(a);
-    c && o.toolbarContentCleanups.set(l.id, c);
+    const c = t.querySelector(`[data-toolbar-content="${l.id}"]`);
+    if (!c) continue;
+    const a = l.render(c);
+    a && o.toolbarContentCleanups.set(l.id, a);
   }
 }
-function Ie(t, e) {
+function ie(t, e) {
   const o = e.lightDomHeaderContent.length > 0 && !e.lightDomContentMoved, n = e.headerContents.size > 0;
   if (!o && !n) return;
   const i = t.querySelector(".tbw-shell-content");
@@ -1528,42 +1528,42 @@ function Ie(t, e) {
   for (const s of r) {
     const l = e.headerContentCleanups.get(s.id);
     l && (l(), e.headerContentCleanups.delete(s.id));
-    let a = i.querySelector(`[data-header-content="${s.id}"]`);
-    a || (a = document.createElement("div"), a.setAttribute("data-header-content", s.id), i.appendChild(a));
-    const c = s.render(a);
-    c && e.headerContentCleanups.set(s.id, c);
+    let c = i.querySelector(`[data-header-content="${s.id}"]`);
+    c || (c = document.createElement("div"), c.setAttribute("data-header-content", s.id), i.appendChild(c));
+    const a = s.render(c);
+    a && e.headerContentCleanups.set(s.id, a);
   }
 }
-function Rt(t, e, o) {
+function Tt(t, e, o) {
   if (!e.isPanelOpen) return;
-  const n = N(o?.expand ?? D.expand), i = N(o?.collapse ?? D.collapse);
+  const n = N(o?.expand ?? M.expand), i = N(o?.collapse ?? M.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", l);
-    const h = a.querySelector(".tbw-accordion-header");
+    const l = e.expandedSections.has(r), c = t.querySelector(`[data-section="${r}"]`), a = c?.querySelector(".tbw-accordion-content");
+    if (!c || !a) continue;
+    c.classList.toggle("expanded", l);
+    const h = c.querySelector(".tbw-accordion-header");
     h && h.setAttribute("aria-expanded", String(l));
-    const d = a.querySelector(".tbw-accordion-chevron");
+    const d = c.querySelector(".tbw-accordion-chevron");
     if (d && (d.innerHTML = l ? i : n), l) {
-      if (c.children.length === 0) {
-        const u = s.render(c);
-        u && e.panelCleanups.set(r, u);
+      if (a.children.length === 0) {
+        const f = s.render(a);
+        f && e.panelCleanups.set(r, f);
       }
     } else {
-      const u = e.panelCleanups.get(r);
-      u && (u(), e.panelCleanups.delete(r)), c.innerHTML = "";
+      const f = e.panelCleanups.get(r);
+      f && (f(), e.panelCleanups.delete(r)), a.innerHTML = "";
     }
   }
 }
-function ve(t, e) {
+function Ee(t, e) {
   const o = t.querySelector("[data-panel-toggle]");
   o && (o.classList.toggle("active", e.isPanelOpen), o.setAttribute("aria-pressed", String(e.isPanelOpen)));
 }
-function ye(t, e) {
+function Se(t, e) {
   const o = t.querySelector(".tbw-tool-panel");
   o && (o.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (o.style.width = ""));
 }
-function Tt(t) {
+function xt(t) {
   for (const e of t.headerContentCleanups.values())
     e();
   t.headerContentCleanups.clear();
@@ -1580,7 +1580,7 @@ function Tt(t) {
       t.toolPanels.get(e)?.onClose?.();
   t.isPanelOpen = !1, t.expandedSections.clear(), t.toolPanels.clear(), t.headerContents.clear(), t.toolbarContents.clear(), t.lightDomHeaderContent = [], t.lightDomToolPanelIds.clear(), t.lightDomToolbarContentIds.clear(), t.lightDomContentMoved = !1;
 }
-function xt(t, e) {
+function At(t, e) {
   let o = !1;
   const n = {
     get isInitialized() {
@@ -1605,11 +1605,11 @@ function xt(t, e) {
         return;
       }
       if (t.isPanelOpen = !0, t.expandedSections.size === 0 && t.toolPanels.size > 0) {
-        const s = [...t.toolPanels.values()].sort((l, a) => (l.order ?? 100) - (a.order ?? 100))[0];
+        const s = [...t.toolPanels.values()].sort((l, c) => (l.order ?? 100) - (c.order ?? 100))[0];
         s && t.expandedSections.add(s.id);
       }
       const i = e.getShadow();
-      ve(i, t), ye(i, t), Rt(i, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: n.expandedSections });
+      Ee(i, t), Se(i, t), Tt(i, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: n.expandedSections });
     },
     closeToolPanel() {
       if (!t.isPanelOpen) return;
@@ -1620,7 +1620,7 @@ function xt(t, e) {
         r.onClose?.();
       t.isPanelOpen = !1;
       const i = e.getShadow();
-      ve(i, t), ye(i, t), e.emit("tool-panel-close", {});
+      Ee(i, t), Se(i, t), e.emit("tool-panel-close", {});
     },
     toggleToolPanel() {
       t.isPanelOpen ? n.closeToolPanel() : n.openToolPanel();
@@ -1635,17 +1635,17 @@ function xt(t, e) {
         return;
       const s = e.getShadow(), l = t.expandedSections.has(i);
       if (l) {
-        const a = t.panelCleanups.get(i);
-        a && (a(), t.panelCleanups.delete(i)), r.onClose?.(), t.expandedSections.delete(i), oe(s, i, !1);
+        const c = t.panelCleanups.get(i);
+        c && (c(), t.panelCleanups.delete(i)), r.onClose?.(), t.expandedSections.delete(i), oe(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), oe(s, a, !1);
-            const d = s.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
+        for (const [c, a] of t.toolPanels)
+          if (c !== i && t.expandedSections.has(c)) {
+            const h = t.panelCleanups.get(c);
+            h && (h(), t.panelCleanups.delete(c)), a.onClose?.(), t.expandedSections.delete(c), oe(s, c, !1);
+            const d = s.querySelector(`[data-section="${c}"] .tbw-accordion-content`);
             d && (d.innerHTML = "");
           }
-        t.expandedSections.add(i), oe(s, i, !0), At(s, t, i);
+        t.expandedSections.add(i), oe(s, i, !0), Pt(s, t, i);
       }
       e.emit("tool-panel-section-toggle", { id: i, expanded: !l });
     },
@@ -1674,7 +1674,7 @@ function xt(t, e) {
         console.warn(`[tbw-grid] Header content "${i.id}" already registered`);
         return;
       }
-      t.headerContents.set(i.id, i), o && Ie(e.getShadow(), t);
+      t.headerContents.set(i.id, i), o && ie(e.getShadow(), t);
     },
     unregisterHeaderContent(i) {
       const r = t.headerContentCleanups.get(i);
@@ -1703,7 +1703,7 @@ function oe(t, e, o) {
   const n = t.querySelector(`[data-section="${e}"]`);
   n && n.classList.toggle("expanded", o);
 }
-function At(t, e, o) {
+function Pt(t, e, o) {
   const n = e.toolPanels.get(o);
   if (!n?.render) return;
   const i = t.querySelector(`[data-section="${o}"] .tbw-accordion-content`);
@@ -1711,49 +1711,49 @@ function At(t, e, o) {
   const r = n.render(i);
   r && e.panelCleanups.set(o, r);
 }
-function Pt(t, e, o, n) {
-  const i = Ne(e), r = [], s = ["tbw-grid-header", "tbw-grid-tool-buttons", "tbw-grid-tool-panel", "tbw-grid-column"];
+function Lt(t, e, o, n) {
+  const i = qe(e), r = [], s = ["tbw-grid-header", "tbw-grid-tool-buttons", "tbw-grid-tool-panel", "tbw-grid-column"];
   for (const l of s)
-    t.querySelectorAll(`:scope > ${l}`).forEach((c) => r.push(c));
+    t.querySelectorAll(`:scope > ${l}`).forEach((a) => r.push(a));
   t.replaceChildren();
   for (const l of r)
     t.appendChild(l);
   if (i) {
-    const l = N(n?.toolPanel ?? D.toolPanel), a = N(n?.expand ?? D.expand), c = N(n?.collapse ?? D.collapse), d = [...e?.header?.toolbarContents ?? []].sort((b, w) => (b.order ?? 0) - (w.order ?? 0)), p = [...e?.toolPanels ?? []].sort((b, w) => (b.order ?? 100) - (w.order ?? 100)), f = {
+    const l = N(n?.toolPanel ?? M.toolPanel), c = N(n?.expand ?? M.expand), a = N(n?.collapse ?? M.collapse), d = [...e?.header?.toolbarContents ?? []].sort((C, w) => (C.order ?? 0) - (w.order ?? 0)), p = [...e?.toolPanels ?? []].sort((C, w) => (C.order ?? 100) - (w.order ?? 100)), u = {
       title: e?.header?.title ?? void 0,
       hasPanels: p.length > 0,
       isPanelOpen: o.isPanelOpen,
       toolPanelIcon: l,
-      configButtons: d.map((b) => ({
-        id: b.id,
+      configButtons: d.map((C) => ({
+        id: C.id,
         hasElement: !1,
-        hasRender: !!b.render
+        hasRender: !!C.render
       })),
       apiButtons: []
     }, g = {
       position: e?.toolPanel?.position ?? "right",
       isPanelOpen: o.isPanelOpen,
-      expandIcon: a,
-      collapseIcon: c,
-      panels: p.map((b) => ({
-        id: b.id,
-        title: b.title,
-        icon: N(b.icon),
-        isExpanded: o.expandedSections.has(b.id)
+      expandIcon: c,
+      collapseIcon: a,
+      panels: p.map((C) => ({
+        id: C.id,
+        title: C.title,
+        icon: N(C.icon),
+        isExpanded: o.expandedSections.has(C.id)
       }))
-    }, m = Ct(f), v = vt(g), R = be({
+    }, m = yt(u), y = _t(g), R = ve({
       hasShell: !0,
       shellHeader: m,
-      shellBody: v
+      shellBody: y
     });
     t.appendChild(R);
   } else {
-    const l = be({ hasShell: !1 });
+    const l = ve({ hasShell: !1 });
     t.appendChild(l);
   }
   return i;
 }
-function Lt() {
+function Ht() {
   return {
     startY: null,
     startX: null,
@@ -1767,39 +1767,39 @@ function Lt() {
     momentumRaf: 0
   };
 }
-function Ht(t) {
+function Ot(t) {
   t.startY = null, t.startX = null, t.scrollTop = null, t.scrollLeft = null, t.lastY = null, t.lastX = null, t.lastTime = null;
 }
-function ke(t) {
+function We(t) {
   t.momentumRaf && (cancelAnimationFrame(t.momentumRaf), t.momentumRaf = 0);
 }
-function Ot(t, e, o) {
+function Dt(t, e, o) {
   if (t.touches.length !== 1) return;
-  ke(e);
+  We(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 Dt(t, e, o) {
+function Mt(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, r = n.clientX, s = performance.now(), l = e.startY - i, a = e.startX - r;
+  const n = t.touches[0], i = n.clientY, r = n.clientX, s = performance.now(), l = e.startY - i, c = e.startX - r;
   if (e.lastTime !== null && e.lastY !== null && e.lastX !== null) {
     const g = s - e.lastTime;
     g > 0 && (e.velocityY = (e.lastY - i) / g, e.velocityX = (e.lastX - r) / g);
   }
   e.lastY = i, e.lastX = r, e.lastTime = s;
-  const { scrollTop: c, scrollHeight: h, clientHeight: d } = o.fauxScrollbar, u = h - d, p = l > 0 && c < u || l < 0 && c > 0;
-  let f = !1;
+  const { scrollTop: a, scrollHeight: h, clientHeight: d } = o.fauxScrollbar, f = h - d, p = l > 0 && a < f || l < 0 && a > 0;
+  let u = !1;
   if (o.scrollArea) {
-    const { scrollLeft: g, scrollWidth: m, clientWidth: v } = o.scrollArea, R = m - v;
-    f = a > 0 && g < R || a < 0 && g > 0;
+    const { scrollLeft: g, scrollWidth: m, clientWidth: y } = o.scrollArea, R = m - y;
+    u = c > 0 && g < R || c < 0 && g > 0;
   }
-  return p && (o.fauxScrollbar.scrollTop = e.scrollTop + l), f && o.scrollArea && (o.scrollArea.scrollLeft = e.scrollLeft + a), p || f;
-}
-function Mt(t, e) {
-  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && zt(t, e), Ht(t);
+  return p && (o.fauxScrollbar.scrollTop = e.scrollTop + l), u && o.scrollArea && (o.scrollArea.scrollLeft = e.scrollLeft + c), p || u;
 }
 function zt(t, e) {
+  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Nt(t, e), Ot(t);
+}
+function Nt(t, e) {
   const i = () => {
     t.velocityY *= 0.95, t.velocityX *= 0.95;
     const r = t.velocityY * 16, s = t.velocityX * 16;
@@ -1807,19 +1807,19 @@ function zt(t, e) {
   };
   t.momentumRaf = requestAnimationFrame(i);
 }
-function Nt(t, e, o, n) {
-  t.addEventListener("touchstart", (i) => Ot(i, e, o), {
+function It(t, e, o, n) {
+  t.addEventListener("touchstart", (i) => Dt(i, e, o), {
     passive: !0,
     signal: n
   }), t.addEventListener(
     "touchmove",
     (i) => {
-      Dt(i, e, o) && i.preventDefault();
+      Mt(i, e, o) && i.preventDefault();
     },
     { passive: !1, signal: n }
-  ), t.addEventListener("touchend", () => Mt(e, o), { passive: !0, signal: n });
+  ), t.addEventListener("touchend", () => zt(e, o), { passive: !0, signal: n });
 }
-const It = [
+const kt = [
   {
     property: "editable",
     pluginName: "editing",
@@ -1857,7 +1857,7 @@ const It = [
     importHint: "import { PinnedColumnsPlugin } from '@toolbox-web/grid/plugins/pinned-columns';",
     isUsed: (t) => t === "left" || t === "right"
   }
-], kt = [
+], qt = [
   {
     property: "columnGroups",
     pluginName: "groupingColumns",
@@ -1866,7 +1866,7 @@ const It = [
     importHint: "import { GroupingColumnsPlugin } from '@toolbox-web/grid/plugins/grouping-columns';",
     isUsed: (t) => Array.isArray(t) && t.length > 0
   }
-], qt = {
+], Wt = {
   editing: "import { EditingPlugin } from '@toolbox-web/grid/plugins/editing';",
   selection: "import { SelectionPlugin } from '@toolbox-web/grid/plugins/selection';",
   reorder: "import { ReorderPlugin } from '@toolbox-web/grid/plugins/reorder';",
@@ -1887,10 +1887,10 @@ const It = [
   serverSide: "import { ServerSidePlugin } from '@toolbox-web/grid/plugins/server-side';",
   columnVirtualization: "import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';"
 };
-function ie(t) {
-  return qt[t] ?? `import { ${z(t)}Plugin } from '@toolbox-web/grid/plugins/${t}';`;
+function re(t) {
+  return Wt[t] ?? `import { ${O(t)}Plugin } from '@toolbox-web/grid/plugins/${t}';`;
 }
-function Wt() {
+function $e() {
   if (typeof window < "u" && window.location) {
     const t = window.location.hostname;
     if (t === "localhost" || t === "127.0.0.1" || t === "::1")
@@ -1898,50 +1898,50 @@ function Wt() {
   }
   return typeof process < "u" && process.env?.NODE_ENV !== "production";
 }
-function z(t) {
+function O(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function _e(t, e) {
+function Re(t, e) {
   return t.some((o) => o.name === e);
 }
 function $t(t, e) {
-  const o = It, n = kt, i = /* @__PURE__ */ new Map();
-  function r(l, a, c, h, d = !1) {
-    i.has(l) || i.set(l, { description: a, importHint: c, fields: [], isConfigProperty: d });
-    const u = i.get(l);
-    u.fields.includes(h) || u.fields.push(h);
+  const o = kt, n = qt, i = /* @__PURE__ */ new Map();
+  function r(l, c, a, h, d = !1) {
+    i.has(l) || i.set(l, { description: c, importHint: a, fields: [], isConfigProperty: d });
+    const f = i.get(l);
+    f.fields.includes(h) || f.fields.push(h);
   }
   for (const l of n) {
-    const a = t[l.property];
-    (l.isUsed ? l.isUsed(a) : a !== void 0) && !_e(e, l.pluginName) && r(l.pluginName, l.description, l.importHint ?? ie(l.pluginName), l.property, !0);
+    const c = t[l.property];
+    (l.isUsed ? l.isUsed(c) : c !== void 0) && !Re(e, l.pluginName) && r(l.pluginName, l.description, l.importHint ?? re(l.pluginName), l.property, !0);
   }
   const s = t.columns;
   if (s && s.length > 0)
     for (const l of s)
-      for (const a of o) {
-        const c = l[a.property];
-        if ((a.isUsed ? a.isUsed(c) : c !== void 0) && !_e(e, a.pluginName)) {
+      for (const c of o) {
+        const a = l[c.property];
+        if ((c.isUsed ? c.isUsed(a) : a !== void 0) && !Re(e, c.pluginName)) {
           const d = l.field || "<unknown>";
-          r(a.pluginName, a.description, a.importHint ?? ie(a.pluginName), d);
+          r(c.pluginName, c.description, c.importHint ?? re(c.pluginName), d);
         }
       }
   if (i.size > 0) {
     const l = [];
-    for (const [a, { description: c, importHint: h, fields: d, isConfigProperty: u }] of i)
-      if (u)
+    for (const [c, { description: a, importHint: h, fields: d, isConfigProperty: f }] of i)
+      if (f)
         l.push(
-          `Config uses ${c}, but the required plugin is not loaded.
+          `Config uses ${a}, but the required plugin is not loaded.
   → Add the plugin to your gridConfig.plugins array:
     ${h}
-    plugins: [new ${a.charAt(0).toUpperCase() + a.slice(1)}Plugin(), ...]`
+    plugins: [new ${c.charAt(0).toUpperCase() + c.slice(1)}Plugin(), ...]`
         );
       else {
         const p = d.slice(0, 3).join(", ") + (d.length > 3 ? `, ... (${d.length} total)` : "");
         l.push(
-          `Column(s) [${p}] use ${c}, but the required plugin is not loaded.
+          `Column(s) [${p}] use ${a}, but the required plugin is not loaded.
   → Add the plugin to your gridConfig.plugins array:
     ${h}
-    plugins: [new ${a.charAt(0).toUpperCase() + a.slice(1)}Plugin(), ...]`
+    plugins: [new ${c.charAt(0).toUpperCase() + c.slice(1)}Plugin(), ...]`
         );
       }
     throw new Error(
@@ -1963,12 +1963,12 @@ function Ft(t) {
       for (const s of r.configRules) {
         const l = n.config;
         if (s.check(l)) {
-          const c = `${`[tbw-grid:${z(n.name)}Plugin]`} Configuration warning: ${s.message}`;
-          s.severity === "error" ? e.push(c) : o.push(c);
+          const a = `${`[tbw-grid:${O(n.name)}Plugin]`} Configuration warning: ${s.message}`;
+          s.severity === "error" ? e.push(a) : o.push(a);
         }
       }
   }
-  if (o.length > 0 && Wt())
+  if (o.length > 0 && $e())
     for (const n of o)
       console.warn(n);
   if (e.length > 0)
@@ -1981,26 +1981,49 @@ ${e.join(`
 function Ut(t, e) {
   const o = t.name, i = t.constructor.dependencies ?? [];
   for (const r of i) {
-    const s = r.name, l = r.required ?? !0, a = r.reason;
+    const s = r.name, l = r.required ?? !0, c = r.reason;
     if (!e.some((h) => h.name === s)) {
-      const h = a ?? `${z(o)}Plugin requires ${z(s)}Plugin`, d = ie(s);
+      const h = c ?? `${O(o)}Plugin requires ${O(s)}Plugin`, d = re(s);
       if (l)
         throw new Error(
           `[tbw-grid] Plugin dependency error:
 
 ${h}.
 
-  → Add the plugin to your gridConfig.plugins array BEFORE ${z(o)}Plugin:
+  → Add the plugin to your gridConfig.plugins array BEFORE ${O(o)}Plugin:
     ${d}
-    plugins: [new ${z(s)}Plugin(), new ${z(o)}Plugin()]`
+    plugins: [new ${O(s)}Plugin(), new ${O(o)}Plugin()]`
         );
       console.info(
-        `[tbw-grid] ${z(o)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
+        `[tbw-grid] ${O(o)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
       );
     }
   }
 }
-class Vt {
+function Vt(t) {
+  if (!$e()) return;
+  const e = new Set(t.map((n) => n.name)), o = /* @__PURE__ */ new Set();
+  for (const n of t) {
+    const r = n.constructor.manifest;
+    if (r?.incompatibleWith) {
+      for (const s of r.incompatibleWith)
+        if (e.has(s.name)) {
+          const l = [n.name, s.name].sort().join("↔");
+          if (o.has(l)) continue;
+          o.add(l), console.warn(
+            `[tbw-grid] Plugin incompatibility warning:
+
+${O(n.name)}Plugin and ${O(s.name)}Plugin are both loaded, but they are currently incompatible.
+
+  → ${s.reason}
+
+  Consider removing one of these plugins to avoid unexpected behavior.`
+          );
+        }
+    }
+  }
+}
+class Bt {
   constructor(e) {
     this.grid = e;
   }
@@ -2095,6 +2118,12 @@ class Vt {
       typeof o.getExtraHeight == "function" && (e += o.getExtraHeight());
     return e;
   }
+  hasExtraHeight() {
+    for (const e of this.plugins)
+      if (typeof e.getExtraHeight == "function" && e.getExtraHeight() > 0)
+        return !0;
+    return !1;
+  }
   getExtraHeightBefore(e) {
     let o = 0;
     for (const n of this.plugins)
@@ -2197,7 +2226,7 @@ class Vt {
 }
 class L extends HTMLElement {
   static tagName = "tbw-grid";
-  static version = "1.1.0";
+  static version = "1.1.2";
   static adapters = [];
   static registerAdapter(e) {
     this.adapters.push(e);
@@ -2211,14 +2240,14 @@ class L extends HTMLElement {
   static get observedAttributes() {
     return ["rows", "columns", "grid-config", "fit-mode"];
   }
-  get #n() {
+  get #o() {
     return this;
   }
   #c = !1;
   #f;
   #d;
   #s = [];
-  get #o() {
+  get #n() {
     return this.#t?.effective ?? {};
   }
   #h = !1;
@@ -2234,7 +2263,7 @@ class L extends HTMLElement {
   #w = null;
   #r = !1;
   #b;
-  #A = Lt();
+  #A = Ht();
   #p;
   #v;
   #y;
@@ -2253,17 +2282,17 @@ class L extends HTMLElement {
   #P;
   #L;
   #t;
-  #e = yt();
+  #e = Et();
   #a;
   #D;
   #H = /* @__PURE__ */ new Map();
   _rows = [];
   #k = [];
   get _columns() {
-    return this.#o.columns ?? [];
+    return this.#n.columns ?? [];
   }
   set _columns(e) {
-    this.#o.columns = e;
+    this.#n.columns = e;
   }
   get _visibleColumns() {
     return this._columns.filter((e) => !e.hidden);
@@ -2322,49 +2351,49 @@ class L extends HTMLElement {
     this.#t?.setColumns(e), o !== e && this.#I("columns");
   }
   get gridConfig() {
-    return this.#o;
+    return this.#n;
   }
   set gridConfig(e) {
     const o = this.#t?.getGridConfig();
     this.#t?.setGridConfig(e), o !== e && (this.#t.clearLightDomCache(), this.#I("gridConfig"));
   }
   get fitMode() {
-    return this.#o.fitMode ?? "stretch";
+    return this.#n.fitMode ?? "stretch";
   }
   set fitMode(e) {
     const o = this.#t?.getFitMode();
     this.#t?.setFitMode(e), o !== e && this.#I("fitMode");
   }
   get effectiveConfig() {
-    return this.#o;
+    return this.#n;
   }
   get disconnectSignal() {
     return this.#p || (this.#p = new AbortController()), this.#p.signal;
   }
   constructor() {
-    super(), this.#re(), this.#f = new Promise((e) => this.#d = e), this.#l = new mt({
+    super(), this.#le(), this.#f = new Promise((e) => this.#d = e), this.#l = new vt({
       mergeConfig: () => {
-        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#Z(), $t(this.#o, this.#i?.getPlugins() ?? []), Ft(this.#i?.getPlugins() ?? []), this.#k = [...this._columns];
+        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#K(), $t(this.#n, this.#i?.getPlugins() ?? []), Ft(this.#i?.getPlugins() ?? []), Vt(this.#i?.getPlugins() ?? []), this.#k = [...this._columns];
       },
-      processColumns: () => this.#we(),
-      processRows: () => this.#me(),
+      processColumns: () => this.#me(),
+      processRows: () => this.#be(),
       renderHeader: () => Z(this),
       updateTemplate: () => F(this),
-      renderVirtualWindow: () => this.refreshVirtualWindow(!0),
+      renderVirtualWindow: () => this.refreshVirtualWindow(!0, !0),
       afterRender: () => {
-        this.#i?.afterRender(), this.#o.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, de(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, W(this)), this._virtualization.enabled && !this.#N && this.#ae();
+        this.#i?.afterRender(), this.#n.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, he(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, W(this)), this._virtualization.enabled && !this.#N && this.#ce();
       },
       isConnected: () => this.isConnected && this.#h
-    }), this.#l.setInitialReadyResolver(() => this.#d?.()), this.#a = xt(this.#e, {
-      getShadow: () => this.#n,
-      getShellConfig: () => this.#o?.shell,
+    }), this.#l.setInitialReadyResolver(() => this.#d?.()), this.#a = At(this.#e, {
+      getShadow: () => this.#o,
+      getShellConfig: () => this.#n?.shell,
       getAccordionIcons: () => ({
-        expand: this.#o?.icons?.expand ?? D.expand,
-        collapse: this.#o?.icons?.collapse ?? D.collapse
+        expand: this.#n?.icons?.expand ?? M.expand,
+        collapse: this.#n?.icons?.collapse ?? M.collapse
       }),
       emit: (e, o) => this.#T(e, o),
       refreshShellHeader: () => this.refreshShellHeader()
-    }), this.#t = new tt({
+    }), this.#t = new it({
       getRows: () => this.#s,
       getSortState: () => this._sortState,
       setSortState: (e) => {
@@ -2385,7 +2414,7 @@ class L extends HTMLElement {
       setRowHeight: (e) => {
         this._virtualization.rowHeight = e;
       },
-      applyAnimationConfig: (e) => this.#be(e),
+      applyAnimationConfig: (e) => this.#Ce(e),
       getShellLightDomTitle: () => this.#e.lightDomTitle,
       getShellToolPanels: () => this.#e.toolPanels,
       getShellHeaderContents: () => this.#e.headerContents,
@@ -2394,25 +2423,25 @@ class L extends HTMLElement {
       getShellHasToolButtonsContainer: () => this.#e.hasToolButtonsContainer
     });
   }
-  static #j = "tbw-grid-styles";
+  static #Y = "tbw-grid-styles";
   static #M = "";
   static #q = /* @__PURE__ */ new Map();
-  static #ie() {
-    let e = document.getElementById(this.#j);
-    return e || (e = document.createElement("style"), e.id = this.#j, e.setAttribute("data-tbw-grid", "true"), document.head.appendChild(e)), e;
+  static #se() {
+    let e = document.getElementById(this.#Y);
+    return e || (e = document.createElement("style"), e.id = this.#Y, e.setAttribute("data-tbw-grid", "true"), document.head.appendChild(e)), e;
   }
   static #W() {
-    const e = this.#ie(), o = Array.from(this.#q.values()).join(`
+    const e = this.#se(), o = Array.from(this.#q.values()).join(`
 `);
     e.textContent = `${this.#M}
 
 /* Plugin Styles */
 ${o}`;
   }
-  async #re() {
+  async #le() {
     if (!L.#M) {
-      if (le.length > 0) {
-        L.#M = le, L.#W();
+      if (ae.length > 0) {
+        L.#M = ae, L.#W();
         return;
       }
       await new Promise((e) => setTimeout(e, 50));
@@ -2457,9 +2486,9 @@ ${o}`;
   requestAfterRender() {
     this.#l.requestPhase(x.STYLE, "plugin:requestAfterRender");
   }
-  #K() {
-    this.#i = new Vt(this);
-    const e = this.#o?.plugins, o = Array.isArray(e) ? e : [];
+  #j() {
+    this.#i = new Bt(this);
+    const e = this.#n?.plugins, o = Array.isArray(e) ? e : [];
     this.#i.attachAll(o);
   }
   #z() {
@@ -2469,8 +2498,8 @@ ${o}`;
       L.#q.has(n) || (L.#q.set(n, i), o = !0);
     o && L.#W();
   }
-  #Z() {
-    const e = this.#o?.plugins, o = Array.isArray(e) ? e : [];
+  #K() {
+    const e = this.#n?.plugins, o = Array.isArray(e) ? e : [];
     if (this.#_ !== o) {
       if (this.#_ && this.#_.length === o.length && this.#_.every((n, i) => n === o[i])) {
         this.#_ = o;
@@ -2488,13 +2517,13 @@ ${o}`;
         const i = this.#e.headerContentCleanups.get(n);
         i && (i(), this.#e.headerContentCleanups.delete(n)), this.#e.headerContents.delete(n);
       }
-      this.#K(), this.#z(), this.#_ = o, this.#J(), this.#r = this.#i?.getAll().some((n) => n.onScroll) ?? !1;
+      this.#j(), this.#z(), this.#_ = o, this.#Z(), this.#r = this.#i?.getAll().some((n) => n.onScroll) ?? !1;
     }
   }
-  #se() {
+  #ae() {
     this.#i?.detachAll();
   }
-  #J() {
+  #Z() {
     if (!this.#i) return;
     const e = this.#i.getToolPanels();
     for (const { panel: n } of e)
@@ -2520,17 +2549,17 @@ ${o}`;
     };
   }
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", L.version), this._rows = Array.isArray(this.#s) ? [...this.#s] : [], this.#p && (this.#p.abort(), this.#O = !1), this.#p = new AbortController(), this.#C && (me(this.#C), this.#C = void 0), I(this, this.#e), k(this, this.#e), q(this, this.#e, this.#R()), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#K();
-    const e = this.#o?.plugins;
-    this.#_ = Array.isArray(e) ? e : [], this.#J(), this.#c || (this.#X(), this.#z(), this.#c = !0), this.#$(), this.#C = wt(
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", L.version), this._rows = Array.isArray(this.#s) ? [...this.#s] : [], this.#p && (this.#p.abort(), this.#O = !1), this.#p = new AbortController(), this.#C && (be(this.#C), this.#C = void 0), I(this, this.#e), k(this, this.#e), q(this, this.#e, this.#R()), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#j();
+    const e = this.#n?.plugins;
+    this.#_ = Array.isArray(e) ? e : [], this.#Z(), this.#c || (this.#G(), this.#z(), this.#c = !0), this.#J(), this.#C = Ct(
       () => {
-        this.#ye();
+        this.#Ee();
       },
       { timeout: 100 }
     );
   }
   disconnectedCallback() {
-    this.#C && (me(this.#C), this.#C = void 0), this.#se(), Tt(this.#e), this.#a.setInitialized(!1), this.#D?.(), this.#D = void 0, ke(this.#A), this.#p && (this.#p.abort(), this.#p = void 0), this.#P?.abort(), this.#P = void 0, this.#O = !1, this._resizeController && this._resizeController.dispose(), this.#v && (this.#v.disconnect(), this.#v = void 0), this.#y && (this.#y.disconnect(), this.#y = void 0, this.#N = !1), G(this), this.#S.clear(), this.#_ = void 0;
+    this.#C && (be(this.#C), this.#C = void 0), this.#ae(), xt(this.#e), this.#a.setInitialized(!1), this.#D?.(), this.#D = void 0, We(this.#A), this.#p && (this.#p.abort(), this.#p = void 0), this.#P?.abort(), this.#P = void 0, this.#O = !1, this._resizeController && this._resizeController.dispose(), this.#v && (this.#v.disconnect(), this.#v = void 0), this.#y && (this.#y.disconnect(), this.#y = void 0, this.#N = !1), G(this), this.#S.clear(), this.#_ = void 0;
     for (const e of this._rowPool)
       e.remove();
     this._rowPool.length = 0, this.__rowsBodyEl = null, this.#h = !1;
@@ -2546,22 +2575,24 @@ ${o}`;
         }
       else e === "fit-mode" && (this.fitMode = n);
   }
-  #$() {
-    const o = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
+  #J() {
+    const o = this.#o.querySelector(".tbw-grid-content") ?? this.#o.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.#a.isInitialized) {
-      Ie(this.#n, this.#e), St(this.#n, this.#o?.shell, this.#e);
-      const r = this.#o?.shell?.toolPanel?.defaultOpen;
+      ie(this.#o, this.#e), _e(this.#o, this.#n?.shell, this.#e);
+      const r = this.#n?.shell?.toolPanel?.defaultOpen;
       r && this.#e.toolPanels.has(r) && (this.openToolPanel(), this.#e.expandedSections.add(r));
     }
-    if (this.setAttribute("data-upgraded", ""), this.#h = !0, this._resizeController = bt(this), this.#x(), this.#le(o), this.#O)
+    if (this.setAttribute("data-upgraded", ""), this.#h = !0, this._resizeController = Ce(this), this.#x(), this.#ee(o), this.#O)
       return;
     this.#O = !0;
     const n = this.disconnectSignal;
-    ut(this, this, this.#n, n);
-    const i = this.#o.rowHeight;
-    i && i > 0 ? this._virtualization.rowHeight = i : requestAnimationFrame(() => this.#F()), queueMicrotask(() => this.#ce()), this.#l.requestPhase(x.FULL, "afterConnect");
+    gt(this, this, this.#o, n);
+    const i = this.#n.rowHeight;
+    i && i > 0 ? this._virtualization.rowHeight = i : requestAnimationFrame(() => this.#Q()), queueMicrotask(() => this.#de()), this.#l.requestPhase(x.FULL, "afterConnect");
   }
-  #F() {
+  #Q() {
+    if (this.#i.hasExtraHeight())
+      return;
     const e = this._bodyEl?.querySelector(".data-grid-row");
     if (!e) return;
     const o = e.querySelectorAll(".cell");
@@ -2571,9 +2602,9 @@ ${o}`;
       l > n && (n = l);
     });
     const i = e.getBoundingClientRect(), r = Math.max(i.height, n);
-    r > 0 && r !== this._virtualization.rowHeight && (this._virtualization.rowHeight = r, this.#l.requestPhase(x.VIRTUALIZATION, "measureRowHeight"));
+    r > 0 && Math.abs(r - this._virtualization.rowHeight) > 1 && (this._virtualization.rowHeight = r, this.#l.requestPhase(x.VIRTUALIZATION, "measureRowHeight"));
   }
-  #le(e) {
+  #ee(e) {
     this.#P?.abort(), this.#P = new AbortController();
     const o = this.#P.signal, n = e?.querySelector(".faux-vscroll"), i = e?.querySelector(".rows");
     if (this._virtualization.container = n ?? this, this.#r = this.#i?.getAll().some((r) => r.onScroll) ?? !1, n && i) {
@@ -2581,66 +2612,64 @@ ${o}`;
         "scroll",
         () => {
           if (!this._virtualization.enabled && !this.#r) return;
-          const l = n.scrollTop, a = this._virtualization.rowHeight;
+          const l = n.scrollTop, c = this._virtualization.rowHeight;
           if (this._rows.length <= this._virtualization.bypassThreshold)
             i.style.transform = `translateY(${-l}px)`;
           else {
-            const c = Math.floor(l / a), h = c - c % 2, d = -(l - h * a);
+            const a = Math.floor(l / c), h = a - a % 2, d = -(l - h * c);
             i.style.transform = `translateY(${d}px)`;
           }
           this.#w = l, this.#g || (this.#g = requestAnimationFrame(() => {
-            this.#g = 0, this.#w !== null && (this.#Ce(this.#w), this.#w = null);
+            this.#g = 0, this.#w !== null && (this.#ve(this.#w), this.#w = null);
           }));
         },
         { passive: !0, signal: o }
       );
-      const r = this.#n.querySelector(".tbw-grid-content"), s = this.#n.querySelector(".tbw-scroll-area");
+      const r = this.#o.querySelector(".tbw-grid-content"), s = this.#o.querySelector(".tbw-scroll-area");
       r && (r.addEventListener(
         "wheel",
         (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: h, scrollWidth: d, clientWidth: u } = s;
-            (c > 0 && h < d - u || c < 0 && h > 0) && (l.preventDefault(), s.scrollLeft += c);
-          } else if (!a) {
-            const { scrollTop: c, scrollHeight: h, clientHeight: d } = n;
-            (l.deltaY > 0 && c < h - d || l.deltaY < 0 && c > 0) && (l.preventDefault(), n.scrollTop += l.deltaY);
+          const c = l.shiftKey || Math.abs(l.deltaX) > Math.abs(l.deltaY);
+          if (c && s) {
+            const a = l.shiftKey ? l.deltaY : l.deltaX, { scrollLeft: h, scrollWidth: d, clientWidth: f } = s;
+            (a > 0 && h < d - f || a < 0 && h > 0) && (l.preventDefault(), s.scrollLeft += a);
+          } else if (!c) {
+            const { scrollTop: a, scrollHeight: h, clientHeight: d } = n;
+            (l.deltaY > 0 && a < h - d || l.deltaY < 0 && a > 0) && (l.preventDefault(), n.scrollTop += l.deltaY);
           }
         },
         { passive: !1, signal: o }
-      ), Nt(r, this.#A, { fauxScrollbar: n, scrollArea: s }, o));
+      ), It(r, this.#A, { fauxScrollbar: n, scrollArea: s }, o));
     }
-    this._bodyEl && ht(this, this._bodyEl, o), this.#v?.disconnect(), this._virtualization.viewportEl && (this.#v = new ResizeObserver(() => {
+    this._bodyEl && pt(this, this._bodyEl, o), this.#v?.disconnect(), this._virtualization.viewportEl && (this.#v = new ResizeObserver(() => {
       this.#l.requestPhase(x.VIRTUALIZATION, "resize-observer");
-    }), this.#v.observe(this._virtualization.viewportEl)), this._virtualization.enabled && this.#l.requestPhase(x.VIRTUALIZATION, "init-virtualization"), this.#n.addEventListener(
+    }), this.#v.observe(this._virtualization.viewportEl)), this.#o.addEventListener(
       "focusin",
       () => {
         this.dataset.hasFocus = "";
       },
       { signal: o }
-    ), this.#n.addEventListener(
+    ), this.#o.addEventListener(
       "focusout",
       (r) => {
         const s = r.relatedTarget;
-        (!s || !this.#n.contains(s)) && delete this.dataset.hasFocus;
+        (!s || !this.#o.contains(s)) && delete this.dataset.hasFocus;
       },
       { signal: o }
     );
   }
   #N = !1;
-  #ae() {
+  #ce() {
     if (this.#N) return;
     const e = this._bodyEl?.querySelector(".data-grid-row");
     e && (this.#N = !0, this.#y?.disconnect(), this.#y = new ResizeObserver(() => {
-      this.#F();
-    }), this.#y.observe(e), requestAnimationFrame(() => {
-      this.#F();
-    }));
+      this.#Q();
+    }), this.#y.observe(e));
   }
   #T(e, o) {
     this.dispatchEvent(new CustomEvent(e, { detail: o, bubbles: !0, composed: !0 }));
   }
-  #ce() {
+  #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((r, s) => {
@@ -2649,9 +2678,9 @@ ${o}`;
     });
   }
   #I(e) {
-    this.#m[e] = !0, !this.#u && (this.#u = !0, queueMicrotask(() => this.#de()));
+    this.#m[e] = !0, !this.#u && (this.#u = !0, queueMicrotask(() => this.#he()));
   }
-  #de() {
+  #he() {
     if (!this.#u || !this.#h) {
       this.#u = !1;
       return;
@@ -2663,64 +2692,64 @@ ${o}`;
       gridConfig: !1,
       fitMode: !1
     }, e.gridConfig) {
-      this.#pe(), e.rows && this.#Q();
+      this.#ge(), e.rows && this.#te();
       return;
     }
-    e.columns && this.#ue(), e.rows && this.#Q(), e.fitMode && this.#fe();
+    e.columns && this.#fe(), e.rows && this.#te(), e.fitMode && this.#pe();
   }
-  #Q() {
-    this._rows = Array.isArray(this.#s) ? [...this.#s] : [], this.#U(), this.#l.requestPhase(x.ROWS, "applyRowsUpdate");
+  #te() {
+    this._rows = Array.isArray(this.#s) ? [...this.#s] : [], this.#$(), this.#l.requestPhase(x.ROWS, "applyRowsUpdate");
   }
-  #U() {
+  #$() {
     this.#H.clear();
-    const e = this.#o.getRowId;
+    const e = this.#n.getRowId;
     this._rows.forEach((o, n) => {
-      const i = this.#ee(o, e);
+      const i = this.#oe(o, e);
       i !== void 0 && this.#H.set(i, { row: o, index: n });
     });
   }
-  #ee(e, o) {
+  #oe(e, o) {
     if (o)
       return o(e);
     const n = e;
     if ("id" in n && n.id != null) return String(n.id);
     if ("_id" in n && n._id != null) return String(n._id);
   }
-  #he(e, o) {
-    const n = this.#ee(e, o);
+  #ue(e, o) {
+    const n = this.#oe(e, o);
     if (n === void 0)
       throw new Error(
         '[tbw-grid] Cannot determine row ID. Configure getRowId in gridConfig or ensure rows have an "id" property.'
       );
     return n;
   }
-  #ue() {
+  #fe() {
     G(this), this.#t.merge(), this.#x();
   }
-  #fe() {
-    this.#t.merge(), this.#o.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, de(this)) : (this._columns.forEach((o) => {
+  #pe() {
+    this.#t.merge(), this.#n.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, he(this)) : (this._columns.forEach((o) => {
       !o.__userResized && o.__autoSized && delete o.width;
     }), F(this));
   }
-  #pe() {
+  #ge() {
     I(this, this.#e), k(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;
-    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#Z(), q(this, this.#e, this.#R()), this.#t.markSourcesChanged(), this.#t.merge();
-    const i = Ne(this.#o?.shell), r = (this.#o?.shell?.toolPanels?.length ?? 0) > 0, s = (this.#o?.shell?.toolPanels?.length ?? 0) !== n;
+    const e = !!this.#o.querySelector(".has-shell"), o = !!this.#o.querySelector(".tbw-tool-panel"), n = this.#o.querySelectorAll(".tbw-accordion-section").length;
+    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#K(), q(this, this.#e, this.#R()), this.#t.markSourcesChanged(), this.#t.merge();
+    const i = qe(this.#n?.shell), r = (this.#n?.shell?.toolPanels?.length ?? 0) > 0, s = (this.#n?.shell?.toolPanels?.length ?? 0) !== n;
     if (e !== i || !e && i || !o && r || o && s) {
-      this.#X(), this.#z(), this.#$(), this.#U();
+      this.#G(), this.#z(), this.#J(), this.#$();
       return;
     }
-    e && this.#ge(), this.#U(), this.#l.requestPhase(x.COLUMNS, "applyGridConfigUpdate");
+    e && this.#we(), this.#$(), this.#l.requestPhase(x.COLUMNS, "applyGridConfigUpdate");
   }
-  #ge() {
-    const e = this.#n.querySelector(".tbw-shell-header");
+  #we() {
+    const e = this.#o.querySelector(".tbw-shell-header");
     if (!e) return;
-    const o = this.#o.shell?.header?.title ?? this.#e.lightDomTitle;
+    const o = this.#n.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();
   }
-  #we() {
+  #me() {
     if (this.#i) {
       const e = this.#k.length > 0 ? this.#k : this._columns, o = e.filter((r) => !r.hidden), n = e.filter((r) => r.hidden), i = this.#i.processColumns([...o]);
       if (i !== o) {
@@ -2731,29 +2760,29 @@ ${o}`;
         this._columns = [...e];
     }
   }
-  #me() {
+  #be() {
     G(this);
     const e = Array.isArray(this.#s) ? [...this.#s] : [], o = this.#i?.processRows(e) ?? e;
     this._rows = o;
   }
-  #be(e) {
+  #Ce(e) {
     const o = {
-      ...qe,
+      ...Fe,
       ...e.animation
     }, n = o.mode ?? "reduced-motion";
     let i = 1;
     n === !1 || n === "off" ? i = 0 : (n === !0 || n === "on") && (i = 1), this.style.setProperty("--tbw-animation-duration", `${o.duration}ms`), this.style.setProperty("--tbw-animation-easing", o.easing ?? "ease-out"), this.style.setProperty("--tbw-animation-enabled", String(i)), this.dataset.animationMode = typeof n == "boolean" ? n ? "on" : "off" : n;
   }
-  #V(e, o, n = this.__rowRenderEpoch) {
-    this.#b || (this.#b = (i, r, s) => this.#i?.renderRow(i, r, s) ?? !1), rt(this, e, o, n, this.#b);
+  #F(e, o, n = this.__rowRenderEpoch) {
+    this.#b || (this.#b = (i, r, s) => this.#i?.renderRow(i, r, s) ?? !1), at(this, e, o, n, this.#b);
   }
-  #B = -1;
-  #te = -1;
-  #oe(e, o) {
-    if (e === this.#B && o === this.#te)
+  #U = -1;
+  #ne = -1;
+  #ie(e, o) {
+    if (e === this.#U && o === this.#ne)
       return;
-    const n = this.#B;
-    this.#B = e, this.#te = 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"));
+    const n = this.#U;
+    this.#U = e, this.#ne = 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"));
   }
   #x() {
     if (this.isConnected && !(!this._headerRowEl || !this._bodyEl)) {
@@ -2766,14 +2795,14 @@ ${o}`;
       this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), this.#l.requestPhase(x.FULL, "setup");
     }
   }
-  #Ce(e) {
+  #ve(e) {
     if (this.refreshVirtualWindow(!1), this.#i?.onScrollRender(), this.#r) {
       const o = this._virtualization.container, n = this.#E;
       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.#i?.onScroll(n);
     }
   }
   findHeaderRow() {
-    return this.#n.querySelector(".header-row");
+    return this.#o.querySelector(".header-row");
   }
   findRenderedRowElement(e) {
     return Array.from(this._bodyEl.querySelectorAll(".data-grid-row")).find((o) => {
@@ -2784,7 +2813,7 @@ ${o}`;
   _dispatchCellClick(e, o, n, i) {
     const r = this._rows[o], s = this._columns[n];
     if (!r || !s) return !1;
-    const l = s.field, a = r[l], c = new CustomEvent("cell-activate", {
+    const l = s.field, c = r[l], a = new CustomEvent("cell-activate", {
       cancelable: !0,
       bubbles: !0,
       composed: !0,
@@ -2792,21 +2821,21 @@ ${o}`;
         rowIndex: o,
         colIndex: n,
         field: l,
-        value: a,
+        value: c,
         row: r,
         cellEl: i,
         trigger: "pointer",
         originalEvent: e
       }
     });
-    if (this.dispatchEvent(c), c.defaultPrevented)
+    if (this.dispatchEvent(a), a.defaultPrevented)
       return !0;
     const h = {
       row: r,
       rowIndex: o,
       colIndex: n,
       field: l,
-      value: a,
+      value: c,
       cellEl: i,
       originalEvent: e
     }, d = this.#i?.onCellClick(h) ?? !1;
@@ -2859,10 +2888,10 @@ ${o}`;
     return this.#l.requestPhase(x.FULL, "forceLayout"), this.#l.whenReady();
   }
   async getConfig() {
-    return Object.freeze({ ...this.#o || {} });
+    return Object.freeze({ ...this.#n || {} });
   }
   getRowId(e) {
-    return this.#he(e, this.#o.getRowId);
+    return this.#ue(e, this.#n.getRowId);
   }
   getRow(e) {
     return this.#H.get(e)?.row;
@@ -2874,17 +2903,17 @@ ${o}`;
         `[tbw-grid] Row with ID "${e}" not found. Ensure the row exists and getRowId is correctly configured.`
       );
     const { row: r, index: s } = i, l = [];
-    for (const [a, c] of Object.entries(o)) {
-      const h = r[a];
-      h !== c && (l.push({ field: a, oldValue: h, newValue: c }), r[a] = c);
+    for (const [c, a] of Object.entries(o)) {
+      const h = r[c];
+      h !== a && (l.push({ field: c, oldValue: h, newValue: a }), r[c] = a);
     }
-    for (const { field: a, oldValue: c, newValue: h } of l)
+    for (const { field: c, oldValue: a, newValue: h } of l)
       this.#T("cell-change", {
         row: r,
         rowId: e,
         rowIndex: s,
-        field: a,
-        oldValue: c,
+        field: c,
+        oldValue: a,
         newValue: h,
         changes: o,
         source: n
@@ -2899,14 +2928,14 @@ ${o}`;
         throw new Error(
           `[tbw-grid] Row with ID "${i}" not found. Ensure the row exists and getRowId is correctly configured.`
         );
-      const { row: l, index: a } = s;
-      for (const [c, h] of Object.entries(r)) {
-        const d = l[c];
-        d !== h && (n = !0, l[c] = h, this.#T("cell-change", {
+      const { row: l, index: c } = s;
+      for (const [a, h] of Object.entries(r)) {
+        const d = l[a];
+        d !== h && (n = !0, l[a] = h, this.#T("cell-change", {
           row: l,
           rowId: i,
-          rowIndex: a,
-          field: c,
+          rowIndex: c,
+          field: a,
           oldValue: d,
           newValue: h,
           changes: r,
@@ -2944,12 +2973,12 @@ ${o}`;
     return this.#t.collectState(e);
   }
   set columnState(e) {
-    e && (this.#L = e, this.#t.initialColumnState = e, this.#c && this.#ve(e));
+    e && (this.#L = e, this.#t.initialColumnState = e, this.#c && this.#ye(e));
   }
   get columnState() {
     return this.getColumnState();
   }
-  #ve(e) {
+  #ye(e) {
     const o = this.#i?.getAll() ?? [];
     this.#t.applyState(e, o), this.#x();
   }
@@ -3007,43 +3036,55 @@ ${o}`;
   unregisterToolbarContent(e) {
     this.#a.unregisterToolbarContent(e);
   }
+  #V = !1;
   refreshShellHeader() {
-    I(this, this.#e), k(this, this.#e), q(this, this.#e, this.#R()), this.#t.markSourcesChanged(), this.#t.merge(), this.#X(), this.#z(), this.#$();
+    this.#V || (this.#V = !0, queueMicrotask(() => {
+      this.#V = !1, this.isConnected && (I(this, this.#e), k(this, this.#e), q(this, this.#e, this.#R()), this.#t.markSourcesChanged(), this.#t.merge(), this.#G(), this.#z(), this.#_e());
+    }));
+  }
+  #_e() {
+    const o = this.#o.querySelector(".tbw-grid-content") ?? this.#o.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.#a.isInitialized) {
+      ie(this.#o, this.#e), _e(this.#o, this.#n?.shell, this.#e);
+      const n = this.#n?.shell?.toolPanel?.defaultOpen;
+      n && this.#e.toolPanels.has(n) && (this.openToolPanel(), this.#e.expandedSections.add(n));
+    }
+    this._resizeController = Ce(this), this.#ee(o), this.#l.requestPhase(x.VIRTUALIZATION, "shellRefresh");
   }
   #S = /* @__PURE__ */ new Map();
   registerStyles(e, o) {
     let n = this.#S.get(e);
-    n || (n = new CSSStyleSheet(), this.#S.set(e, n)), n.replaceSync(o), this.#ne();
+    n || (n = new CSSStyleSheet(), this.#S.set(e, n)), n.replaceSync(o), this.#re();
   }
   unregisterStyles(e) {
-    this.#S.delete(e) && this.#ne();
+    this.#S.delete(e) && this.#re();
   }
   getRegisteredStyles() {
     return Array.from(this.#S.keys());
   }
-  #ne() {
+  #re() {
     const e = Array.from(this.#S.values()), o = document.adoptedStyleSheets.filter(
       (n) => !Array.from(this.#S.values()).includes(n)
     );
     document.adoptedStyleSheets = [...o, ...e];
   }
-  #ye() {
+  #Ee() {
     const e = () => {
       const n = this.#e.lightDomTitle, i = this.#e.hasToolButtonsContainer;
       I(this, this.#e), k(this, this.#e), q(this, this.#e, this.#R());
       const r = this.#e.lightDomTitle, s = this.#e.hasToolButtonsContainer;
       if (r && !n || s && !i) {
         this.#t.markSourcesChanged(), this.#t.merge();
-        const l = this.#n.querySelector(".tbw-shell-header");
+        const l = this.#o.querySelector(".tbw-shell-header");
         if (l) {
-          const a = Ce(
-            this.#o.shell,
+          const c = ye(
+            this.#n.shell,
             this.#e,
-            this.#o.icons?.toolPanel
-          ), c = document.createElement("div");
-          c.innerHTML = a;
-          const h = c.firstElementChild;
-          h && (l.replaceWith(h), this.#Y());
+            this.#n.icons?.toolPanel
+          ), a = document.createElement("div");
+          a.innerHTML = c;
+          const h = a.firstElementChild;
+          h && (l.replaceWith(h), this.#X());
         }
       }
     }, o = () => {
@@ -3058,91 +3099,91 @@ ${o}`;
     const n = this.#e.lightDomTitle, i = this.#e.hasToolButtonsContainer;
     if (n && !e || i && !o) {
       this.#t.markSourcesChanged(), this.#t.merge();
-      const s = this.#n.querySelector(".tbw-shell-header");
+      const s = this.#o.querySelector(".tbw-shell-header");
       if (s) {
-        const l = Ce(
-          this.#o.shell,
+        const l = ye(
+          this.#n.shell,
           this.#e,
-          this.#o.icons?.toolPanel
-        ), a = document.createElement("div");
-        a.innerHTML = l;
-        const c = a.firstElementChild;
-        c && (s.replaceWith(c), this.#Y());
+          this.#n.icons?.toolPanel
+        ), c = document.createElement("div");
+        c.innerHTML = l;
+        const a = c.firstElementChild;
+        a && (s.replaceWith(a), this.#X());
       }
     }
     this.#l.requestPhase(x.COLUMNS, "refreshColumns");
   }
-  #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.#i?.getExtraHeight() ?? 0, p = Math.max(0, r - c);
-    return e * o + d + u + p;
+  #B(e) {
+    const o = this._virtualization.rowHeight, n = this._virtualization.container ?? this, i = this._virtualization.viewportEl ?? n, r = n.clientHeight, s = i.clientHeight, c = this.shadowRoot?.querySelector(".tbw-scroll-area"), a = c ? c.clientHeight : r, d = a - s, f = this.#i?.getExtraHeight() ?? 0, p = Math.max(0, r - a);
+    return e * o + d + f + p;
   }
-  refreshVirtualWindow(e = !1) {
+  refreshVirtualWindow(e = !1, o = !1) {
     if (!this._bodyEl) return;
-    const o = this._rows.length;
+    const n = this._rows.length;
     if (!this._virtualization.enabled) {
-      this.#V(0, o), this.#i?.afterRender();
+      this.#F(0, n), o || this.#i?.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.#V(0, o, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#G(o)}px`), this.#oe(o, this._visibleColumns.length), this.#i?.afterRender();
+      this._virtualization.start = 0, this._virtualization.end = n, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#F(0, n, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#B(n)}px`), this.#ie(n, this._visibleColumns.length), o || this.#i?.afterRender();
       return;
     }
-    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 h = 10;
-    for (; c < h; ) {
-      const R = this.#i?.getExtraHeightBefore?.(a) ?? 0, b = Math.floor((l - R) / s);
-      if (b >= a || b < 0) break;
-      a = b, c++;
+    const i = this._virtualization.container ?? this, r = this._virtualization.viewportEl ?? i, s = r.clientHeight, l = this._virtualization.rowHeight, c = i.scrollTop;
+    let a = Math.floor(c / l), h = 0;
+    const d = 10;
+    for (; h < d; ) {
+      const C = this.#i?.getExtraHeightBefore?.(a) ?? 0, w = Math.floor((c - C) / l);
+      if (w >= a || w < 0) break;
+      a = w, h++;
     }
     a = a - a % 2, a < 0 && (a = 0);
-    const d = this.#i?.adjustVirtualStart(a, l, s);
-    d !== void 0 && d < a && (a = d, a = a - a % 2, a < 0 && (a = 0));
-    const u = Math.ceil(r / s) + 3;
-    let p = a + u;
-    if (p > o && (p = o), this._virtualization.start = a, this._virtualization.end = p, n.clientHeight === 0 && r > 0) {
+    const f = this.#i?.adjustVirtualStart(a, c, l);
+    f !== void 0 && f < a && (a = f, a = a - a % 2, a < 0 && (a = 0));
+    const p = Math.ceil(s / l) + 3;
+    let u = a + p;
+    if (u > n && (u = n), this._virtualization.start = a, this._virtualization.end = u, i.clientHeight === 0 && s > 0) {
       this.#l.requestPhase(x.VIRTUALIZATION, "stale-refs-retry");
       return;
     }
-    const g = this.#G(o);
-    this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${g}px`);
-    const m = this.#i?.getExtraHeightBefore?.(a) ?? 0, v = -(l - a * s - m);
-    this._bodyEl.style.transform = `translateY(${v}px)`, this.#V(a, p, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.#oe(o, this._visibleColumns.length), e && (this.#i?.afterRender(), queueMicrotask(() => {
-      const R = n.clientHeight, b = i.clientHeight;
-      if (R === 0 && b > 0) return;
-      const w = this.#G(o);
-      this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${w}px`);
+    const m = this.#B(n);
+    this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${m}px`);
+    const y = this.#i?.getExtraHeightBefore?.(a) ?? 0, R = -(c - a * l - y);
+    this._bodyEl.style.transform = `translateY(${R}px)`, this.#F(a, u, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.#ie(n, this._visibleColumns.length), e && !o && (this.#i?.afterRender(), queueMicrotask(() => {
+      const C = i.clientHeight, w = r.clientHeight;
+      if (C === 0 && w > 0) return;
+      const v = this.#B(n);
+      this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${v}px`);
     }));
   }
-  #X() {
+  #G() {
     I(this, this.#e), k(this, this.#e), q(this, this.#e, this.#R()), this.#t.markSourcesChanged(), this.#t.merge();
-    const e = this.#o?.shell;
-    Pt(
-      this.#n,
+    const e = this.#n?.shell;
+    Lt(
+      this.#o,
       e,
       { isPanelOpen: this.#e.isPanelOpen, expandedSections: this.#e.expandedSections },
-      this.#o?.icons
-    ) && (this.#Y(), this.#a.setInitialized(!0));
+      this.#n?.icons
+    ) && (this.#X(), this.#a.setInitialized(!0));
   }
-  #Y() {
-    _t(this.#n, this.#o?.shell, this.#e, {
+  #X() {
+    St(this.#o, this.#n?.shell, this.#e, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e)
-    }), this.#D?.(), this.#D = Et(this.#n, this.#o?.shell, (e) => {
+    }), this.#D?.(), this.#D = Rt(this.#o, this.#n?.shell, (e) => {
       this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
     });
   }
 }
 customElements.get(L.tagName) || customElements.define(L.tagName, L);
 globalThis.DataGridElement = L;
-const Gt = {
+const Xt = {
   CAN_MOVE_COLUMN: "canMoveColumn",
   GET_CONTEXT_MENU_ITEMS: "getContextMenuItems"
 };
-class Xt {
+class Yt {
   static dependencies;
   static manifest;
-  version = "1.1.0";
+  version = "1.1.2";
   styles;
   cellRenderers;
   headerRenderers;
@@ -3150,7 +3191,7 @@ class Xt {
   grid;
   config;
   userConfig;
-  #n;
+  #o;
   get defaultConfig() {
     return {};
   }
@@ -3158,10 +3199,10 @@ class Xt {
     this.userConfig = e;
   }
   attach(e) {
-    this.#n?.abort(), this.#n = new AbortController(), this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
+    this.#o?.abort(), this.#o = new AbortController(), this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
   }
   detach() {
-    this.#n?.abort(), this.#n = void 0;
+    this.#o?.abort(), this.#o = void 0;
   }
   getPlugin(e) {
     return this.grid?.getPlugin(e);
@@ -3198,11 +3239,11 @@ class Xt {
     return this.grid;
   }
   get disconnectSignal() {
-    return this.#n?.signal ?? this.grid?.disconnectSignal;
+    return this.#o?.signal ?? this.grid?.disconnectSignal;
   }
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...D, ...e };
+    return { ...M, ...e };
   }
   get isAnimationEnabled() {
     const e = this.grid?.effectiveConfig?.animation?.mode ?? "reduced-motion";
@@ -3269,7 +3310,7 @@ const A = {
   GROUP_KEY: "data-group-key",
   TREE_LEVEL: "data-tree-level",
   STICKY: "data-sticky"
-}, Yt = {
+}, jt = {
   ROOT: `.${A.ROOT}`,
   HEADER: `.${A.HEADER}`,
   HEADER_ROW: `.${A.HEADER_ROW}`,
@@ -3284,7 +3325,7 @@ const A = {
   CELL_AT: (t, e) => `.${A.DATA_ROW}[${Y.ROW_INDEX}="${t}"] .${A.DATA_CELL}[${Y.COL_INDEX}="${e}"]`,
   SELECTED_ROWS: `.${A.DATA_ROW}.${A.SELECTED}`,
   EDITING_CELL: `.${A.DATA_CELL}.${A.EDITING}`
-}, jt = {
+}, Kt = {
   COLOR_BG: "--tbw-color-bg",
   COLOR_FG: "--tbw-color-fg",
   COLOR_FG_MUTED: "--tbw-color-fg-muted",
@@ -3303,14 +3344,14 @@ const A = {
   BORDER_RADIUS: "--tbw-border-radius",
   FOCUS_OUTLINE: "--tbw-focus-outline"
 };
-function Kt(t) {
+function Zt(t) {
   const e = document.createElement("tbw-grid");
   return t && (e.gridConfig = t), e;
 }
-function Zt(t, e = document) {
+function Jt(t, e = document) {
   return e.querySelector(t);
 }
-const Jt = {
+const Qt = {
   CELL_CHANGE: "cell-change",
   CELL_COMMIT: "cell-commit",
   ROW_COMMIT: "row-commit",
@@ -3323,7 +3364,7 @@ const Jt = {
   CELL_ACTIVATE: "cell-activate",
   GROUP_TOGGLE: "group-toggle",
   COLUMN_STATE_CHANGE: "column-state-change"
-}, Qt = {
+}, eo = {
   SELECTION_CHANGE: "selection-change",
   TREE_EXPAND: "tree-expand",
   FILTER_CHANGE: "filter-change",
@@ -3352,7 +3393,7 @@ const Jt = {
   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]
-}, $ = /* @__PURE__ */ new Map(), O = {
+}, $ = /* @__PURE__ */ new Map(), D = {
   register(t, e) {
     $.set(t, e);
   },
@@ -3373,7 +3414,7 @@ const Jt = {
   list() {
     return [...Object.keys(ne), ...$.keys()];
   }
-}, Ee = {
+}, 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,
@@ -3382,45 +3423,45 @@ const Jt = {
   first: (t) => t[0] ?? 0,
   last: (t) => t[t.length - 1] ?? 0
 };
-function Bt(t) {
-  return Ee[t] ?? Ee.sum;
+function Gt(t) {
+  return Te[t] ?? Te.sum;
 }
-function eo(t, e) {
-  return Bt(t)(e);
+function to(t, e) {
+  return Gt(t)(e);
 }
-const to = O.register.bind(O), oo = O.unregister.bind(O), no = O.get.bind(O), io = O.run.bind(O), ro = O.list.bind(O);
+const oo = D.register.bind(D), no = D.unregister.bind(D), io = D.get.bind(D), ro = D.run.bind(D), so = D.list.bind(D);
 export {
-  Xt as BaseGridPlugin,
-  qe as DEFAULT_ANIMATION_CONFIG,
-  D as DEFAULT_GRID_ICONS,
-  Jt as DGEvents,
+  Yt as BaseGridPlugin,
+  Fe as DEFAULT_ANIMATION_CONFIG,
+  M as DEFAULT_GRID_ICONS,
+  Qt as DGEvents,
   L as DataGridElement,
   V as FitModeEnum,
-  jt as GridCSSVars,
+  Kt as GridCSSVars,
   A as GridClasses,
   Y as GridDataAttrs,
   L as GridElement,
-  Yt as GridSelectors,
-  Gt as PLUGIN_QUERIES,
-  Qt as PluginEvents,
-  Vt as PluginManager,
+  jt as GridSelectors,
+  Xt as PLUGIN_QUERIES,
+  eo as PluginEvents,
+  Bt as PluginManager,
   x as RenderPhase,
   W as a,
-  O as aggregatorRegistry,
-  pt as builtInSort,
-  re as c,
-  Kt as createGrid,
-  ft as defaultComparator,
-  Se as e,
-  xe as g,
-  no as getAggregator,
-  Bt as getValueAggregator,
-  ro as listAggregators,
-  Zt as queryGrid,
-  to as registerAggregator,
-  io as runAggregator,
-  eo as runValueAggregator,
+  D as aggregatorRegistry,
+  mt as builtInSort,
+  se as c,
+  Zt as createGrid,
+  wt as defaultComparator,
+  xe as e,
+  Le as g,
+  io as getAggregator,
+  Gt as getValueAggregator,
+  so as listAggregators,
+  Jt as queryGrid,
+  oo as registerAggregator,
+  ro as runAggregator,
+  to as runValueAggregator,
   j as s,
-  oo as unregisterAggregator
+  no as unregisterAggregator
 };
 //# sourceMappingURL=index.js.map