@toolbox-web/grid 0.4.2 → 0.6.0

package/index.js

@@ -1,11 +1,11 @@
-const te = ':root{color-scheme:light dark}:host{--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #adacac);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: 2px 8px;--tbw-cell-padding: 2px 8px;--tbw-cell-padding-input: 2px 6px;--tbw-row-height: 28px;--tbw-header-height: 30px;--tbw-cell-white-space: nowrap;--tbw-border-radius: 4px;--tbw-border-input: 1px solid var(--tbw-color-border-strong);--tbw-border-header: 1px solid var(--tbw-color-border-header);--tbw-row-divider: 1px solid var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline: 2px solid var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: 6px;--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-scrollbar-thumb: var(--tbw-color-border-strong);--tbw-scrollbar-track: var(--tbw-color-bg);--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-editing-row-bg: var(--tbw-editing-bg);--tbw-editing-row-outline-color: var(--tbw-color-accent);--tbw-editing-row-outline-width: 1px;--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-checkbox-size: 16px;--tbw-density-scale: 1}:host{position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none}:host,:host *{box-sizing:border-box}:host .header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}:host .header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}:host .header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start))}:host .header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30)}:host .header-row>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}:host .header-row>.cell>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .header-row>.cell>span[part~=sort-indicator]{flex-shrink:0;opacity:.6}:host .header-row>.cell:last-child{border-right:0}:host .header-group-cell:not(:last-child),:host .header-row>.cell.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}:host .tbw-grid-root{display:flex;flex-direction:column;height:100%}:host .rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}:host .rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}:host .rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}:host .rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip}:host .faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}:host .faux-vscroll-spacer{width:1px}:host .rows-viewport .rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}:host .data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style;content-visibility:auto;contain-intrinsic-size:auto var(--tbw-row-height)}:host .data-grid-row:has(.editing){background:var(--tbw-editing-row-bg);outline:var(--tbw-editing-row-outline-width) solid var(--tbw-editing-row-outline-color);outline-offset:calc(-1 * var(--tbw-editing-row-outline-width))}:host .selecting .data-grid-row>.cell{user-select:none}:host .data-grid-row>.cell.selected:focus-visible,:host .data-grid-row>.cell:focus-visible:not(.cell-focus){outline:none}:host .data-grid-row>.cell{display:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);line-height:calc(var(--tbw-row-height) - 5px);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis}:host .data-grid-row>.cell>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}:host .data-grid-row>.cell:last-child{border-right:0}:host .data-grid-row>.cell[data-type=boolean]{text-align:center}:host .data-grid-row>.cell[data-type=boolean] input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}:host .data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex;min-height:calc(var(--tbw-row-height) + 2px)}:host .data-grid-row>.cell.editing input:not([type=checkbox]),:host .data-grid-row>.cell.editing select,:host .data-grid-row>.cell.editing textarea{width:100%;height:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}:host .data-grid-row:nth-child(2n){background:var(--tbw-color-row-alt)}:host .data-grid-row:hover{background:var(--tbw-color-row-hover)}:host .sortable{cursor:pointer;user-select:none}:host .header-row>.cell.resizable{position:relative}:host .tbw-editor-host{display:contents}:host .resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius)}:host .resize-handle:hover{background:var(--tbw-resize-handle-color-hover)}:host([data-has-focus]) .cell-focus,:host([data-has-focus]) .row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .sticky-left,:host .sticky-right{position:sticky;z-index:25}:host .header-row>.cell.sticky-left,:host .header-row>.cell.sticky-right{background:var(--tbw-color-header-bg);z-index:35}:host .data-grid-row>.cell.sticky-left,:host .data-grid-row>.cell.sticky-right{background:var(--tbw-color-panel-bg)}:host .sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}:host .sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}:host{--tbw-shell-header-height: 44px;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: 14px;--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 280px;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 40px;--tbw-tool-panel-transition: var(--tbw-animation-duration) var(--tbw-animation-easing);--tbw-toolbar-button-size: 32px;--tbw-toolbar-button-gap: 4px}:host .tbw-grid-root.has-shell{display:flex;flex-direction:column;height:100%}:host .tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}:host .tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}:host .tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}:host .tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease)}:host .tbw-toolbar-btn:hover{background:var(--tbw-color-row-hover)}:host .tbw-toolbar-btn:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .tbw-toolbar-btn.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}:host .tbw-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}:host .tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}:host .tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}:host .tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}:host .tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;overflow-anchor:none}:host .tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow)}:host .tbw-tool-panel[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}:host .tbw-tool-panel.open{width:var(--tbw-tool-panel-width)}:host .tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease)}:host .tbw-tool-panel-resize[data-handle-position=left]{left:0}:host .tbw-tool-panel-resize[data-handle-position=right]{right:0}:host .tbw-tool-panel-resize:hover,:host .tbw-tool-panel-resize.resizing{background:var(--tbw-color-accent)}:host .tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}:host .tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px}:host .tbw-tool-panel-close:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}:host .tbw-tool-panel-content{flex:1;overflow:auto}:host .tbw-accordion{display:flex;flex-direction:column;gap:0}:host .tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border)}:host .tbw-accordion-section:last-child{border-bottom:none}:host .tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:left;cursor:pointer;user-select:none}:host .tbw-accordion-header:hover{background:var(--tbw-color-row-hover)}:host .tbw-accordion-section.single .tbw-accordion-header{cursor:default}:host .tbw-accordion-section.single .tbw-accordion-header:hover{background:transparent}:host .tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}:host .tbw-accordion-section.expanded .tbw-accordion-chevron{transform:rotate(90deg)}:host .tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}:host .tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .tbw-accordion-content{display:none}:host .tbw-accordion-section.expanded .tbw-accordion-content{display:block}@media(forced-colors:active){:host{--tbw-color-border: CanvasText;--tbw-color-border-strong: CanvasText;--tbw-color-border-cell: CanvasText;--tbw-color-border-header: CanvasText;--tbw-color-fg: CanvasText;--tbw-color-bg: Canvas;--tbw-color-panel-bg: Canvas;--tbw-color-header-bg: Canvas;--tbw-color-header-fg: CanvasText;--tbw-color-accent: Highlight;--tbw-color-accent-fg: HighlightText;--tbw-color-selection: Highlight;--tbw-color-row-hover: Highlight;--tbw-focus-outline: 2px solid Highlight;--tbw-range-border-color: Highlight}:host .cell:focus,:host .cell.active-cell{outline:2px solid Highlight!important;outline-offset:-2px}:host .data-grid-row[aria-selected=true]{background:Highlight!important;color:HighlightText!important}}@media(prefers-reduced-motion:reduce){:host([data-animation-mode="reduced-motion"]){--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms}}:host([data-animation-mode="off"]){--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms}:host .tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}:host .tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}@keyframes tbw-expand{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:500px;transform:translateY(0)}}@keyframes tbw-collapse{0%{opacity:1;max-height:500px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translateY(-8px)}}', W = {
+const re = '@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)}}}', F = {
   STRETCH: "stretch",
   FIXED: "fixed"
-}, Me = {
+}, Ne = {
   mode: "reduced-motion",
   duration: 200,
   easing: "ease-out"
-}, L = {
+}, M = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -15,44 +15,44 @@ const te = ':root{color-scheme:light dark}:host{--tbw-color-bg: transparent;--tb
   dragHandle: "⋮⋮",
   toolPanel: "☰"
 };
-function ze(t) {
+function ke(t) {
   return Array.from(t.querySelectorAll("tbw-grid-column")).map((o) => {
     const i = o.getAttribute("field") || "";
     if (!i) return null;
-    const n = o.getAttribute("type") || void 0, s = n && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select", "typeahead"])).has(n) ? n : void 0, l = o.getAttribute("header") || void 0, a = o.hasAttribute("sortable"), c = o.hasAttribute("editable"), h = { field: i, type: s, header: l, sortable: a, editable: c }, d = o.getAttribute("width");
+    const n = o.getAttribute("type") || void 0, s = n && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select", "typeahead"])).has(n) ? n : void 0, l = o.getAttribute("header") || void 0, a = o.hasAttribute("sortable"), c = o.hasAttribute("editable"), u = { field: i, type: s, header: l, sortable: a, editable: c }, d = o.getAttribute("width");
     if (d) {
-      const v = parseFloat(d);
-      !isNaN(v) && /^\d+(\.\d+)?$/.test(d.trim()) ? h.width = v : h.width = d;
+      const b = parseFloat(d);
+      !isNaN(b) && /^\d+(\.\d+)?$/.test(d.trim()) ? u.width = b : u.width = d;
     }
     const f = o.getAttribute("minWidth") || o.getAttribute("min-width");
     if (f) {
-      const v = parseFloat(f);
-      isNaN(v) || (h.minWidth = v);
+      const b = parseFloat(f);
+      isNaN(b) || (u.minWidth = b);
     }
-    o.hasAttribute("resizable") && (h.resizable = !0), o.hasAttribute("sizable") && (h.resizable = !0);
-    const p = o.getAttribute("editor"), u = o.getAttribute("renderer");
-    p && (h.__editorName = p), u && (h.__rendererName = u);
+    o.hasAttribute("resizable") && (u.resizable = !0), o.hasAttribute("sizable") && (u.resizable = !0);
+    const p = o.getAttribute("editor"), h = o.getAttribute("renderer");
+    p && (u.__editorName = p), h && (u.__rendererName = h);
     const g = o.getAttribute("options");
-    g && (h.options = g.split(",").map((v) => {
-      const [Y, De] = v.includes(":") ? v.split(":") : [v.trim(), v.trim()];
-      return { value: Y.trim(), label: De?.trim() || Y.trim() };
+    g && (u.options = g.split(",").map((b) => {
+      const [E, B] = b.includes(":") ? b.split(":") : [b.trim(), b.trim()];
+      return { value: E.trim(), label: B?.trim() || E.trim() };
     }));
-    const m = o.querySelector("tbw-grid-column-view"), b = o.querySelector("tbw-grid-column-editor"), _ = o.querySelector("tbw-grid-column-header");
-    m && (h.__viewTemplate = m), b && (h.__editorTemplate = b), _ && (h.__headerTemplate = _);
-    const C = globalThis.DataGridElement?.getAdapters?.() ?? [], y = m ?? o, R = C.find((v) => v.canHandle(y));
-    if (R) {
-      const v = R.createRenderer(y);
-      v && (h.viewRenderer = v);
+    const w = o.querySelector("tbw-grid-column-view"), _ = o.querySelector("tbw-grid-column-editor"), T = o.querySelector("tbw-grid-column-header");
+    w && (u.__viewTemplate = w), _ && (u.__editorTemplate = _), T && (u.__headerTemplate = T);
+    const m = globalThis.DataGridElement?.getAdapters?.() ?? [], y = w ?? o, S = m.find((b) => b.canHandle(y));
+    if (S) {
+      const b = S.createRenderer(y);
+      b && (u.viewRenderer = b);
     }
-    const U = b ?? o, x = C.find((v) => v.canHandle(U));
-    if (x) {
-      const v = x.createEditor(U);
-      v && (h.editor = v);
+    const C = _ ?? o, O = m.find((b) => b.canHandle(C));
+    if (O) {
+      const b = O.createEditor(C);
+      b && (u.editor = b);
     }
-    return h;
+    return u;
   }).filter((o) => !!o);
 }
-function oe(t, e) {
+function se(t, e) {
   if ((!t || !t.length) && (!e || !e.length)) return [];
   if (!t || !t.length) return e || [];
   if (!e || !e.length) return t;
@@ -76,7 +76,7 @@ function oe(t, e) {
   });
   return Object.keys(o).forEach((n) => i.push(o[n])), i;
 }
-function ie(t, e) {
+function le(t, e) {
   try {
     t.part?.add?.(e);
   } catch {
@@ -84,9 +84,9 @@ function ie(t, e) {
   const o = t.getAttribute("part");
   o ? o.split(/\s+/).includes(e) || t.setAttribute("part", o + " " + e) : t.setAttribute("part", e);
 }
-function ne(t) {
-  const e = t.effectiveConfig?.fitMode || t.fitMode || W.STRETCH;
-  if (e !== W.STRETCH && e !== W.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
+function ae(t) {
+  const e = t.effectiveConfig?.fitMode || t.fitMode || F.STRETCH;
+  if (e !== F.STRETCH && e !== F.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
   const o = Array.from(t._headerRowEl?.children || []);
   if (!o.length) return;
   let i = !1;
@@ -97,37 +97,37 @@ function ne(t) {
     for (const a of t._rowPool) {
       const c = a.children[r];
       if (c) {
-        const h = c.scrollWidth;
-        h > l && (l = h);
+        const u = c.scrollWidth;
+        u > l && (l = u);
       }
     }
     l > 0 && (n.width = l + 2, n.__autoSized = !0, i = !0);
-  }), i && q(t), t.__didInitialAutoSize = !0;
+  }), i && $(t), t.__didInitialAutoSize = !0;
 }
-function q(t) {
-  (t.effectiveConfig?.fitMode || t.fitMode || W.STRETCH) === W.STRETCH ? t._gridTemplate = t._visibleColumns.map((o) => {
+function $(t) {
+  (t.effectiveConfig?.fitMode || t.fitMode || F.STRETCH) === F.STRETCH ? t._gridTemplate = t._visibleColumns.map((o) => {
     if (o.width) return `${o.width}px`;
     const i = o.minWidth;
     return i != null ? `minmax(${i}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 Ne(t) {
+function Ie(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 ke(t, e) {
+function qe(t, e) {
   const o = t[0] || {}, i = Object.keys(o).map((r) => {
-    const s = o[r], l = Ne(s);
+    const s = o[r], l = Ie(s);
     return { field: r, header: r.charAt(0).toUpperCase() + r.slice(1), type: l };
   }), n = {};
   return i.forEach((r) => {
     n[r.field] = r.type || "string";
   }), { columns: i, typeMap: n };
 }
-const Ie = /{{\s*([^}]+)\s*}}/g, A = "__DG_EMPTY__", qe = /^[\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 We(t) {
+const Be = /{{\s*([^}]+)\s*}}/g, L = "__DG_EMPTY__", We = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, $e = /__(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 Ue(t) {
   return !t || typeof t != "string" ? "" : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-const Ue = /* @__PURE__ */ new Set([
+const Fe = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -152,23 +152,23 @@ const Ue = /* @__PURE__ */ new Set([
   "plaintext",
   "xmp",
   "listing"
-]), re = /^on\w+$/i, $e = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), Fe = /^\s*(javascript|vbscript|data|blob):/i;
-function G(t) {
+]), ce = /^on\w+$/i, Ve = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), Ge = /^\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, Ve(e.content), e.innerHTML;
+  return e.innerHTML = t, Xe(e.content), e.innerHTML;
 }
-function Ve(t) {
+function Xe(t) {
   const e = [], o = t.querySelectorAll("*");
   for (const i of o) {
     const n = i.tagName.toLowerCase();
-    if (Ue.has(n)) {
+    if (Fe.has(n)) {
       e.push(i);
       continue;
     }
     if ((n === "svg" || i.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(i.attributes).some(
-      (l) => re.test(l.name) || l.name === "href" || l.name === "xlink:href"
+      (l) => ce.test(l.name) || l.name === "href" || l.name === "xlink:href"
     )) {
       e.push(i);
       continue;
@@ -176,11 +176,11 @@ function Ve(t) {
     const r = [];
     for (const s of i.attributes) {
       const l = s.name.toLowerCase();
-      if (re.test(l)) {
+      if (ce.test(l)) {
         r.push(s.name);
         continue;
       }
-      if ($e.has(l) && Fe.test(s.value)) {
+      if (Ve.has(l) && Ge.test(s.value)) {
         r.push(s.name);
         continue;
       }
@@ -193,35 +193,35 @@ function Ve(t) {
   }
   e.forEach((i) => i.remove());
 }
-function ve(t, e) {
+function _e(t, e) {
   if (!t || t.indexOf("{{") === -1) return t;
-  const o = [], i = t.replace(Ie, (l, a) => {
-    const c = Ge(a, e);
+  const o = [], i = t.replace(Be, (l, a) => {
+    const c = Ye(a, e);
     return o.push({ expr: a.trim(), result: c }), c;
-  }), n = Xe(i), r = o.length && o.every((l) => l.result === "" || l.result === A);
+  }), n = je(i), r = o.length && o.every((l) => l.result === "" || l.result === L);
   return /Reflect\.|\bProxy\b|ownKeys\(/.test(t) || r ? "" : n;
 }
-function Ge(t, e) {
-  if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return A;
-  if (t === "value") return e.value == null ? A : String(e.value);
+function Ye(t, e) {
+  if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return L;
+  if (t === "value") return e.value == null ? L : String(e.value);
   if (t.startsWith("row.") && !/[()?]/.test(t) && !t.includes(":")) {
     const i = t.slice(4), n = e.row ? e.row[i] : void 0;
-    return n == null ? A : String(n);
+    return n == null ? L : String(n);
   }
-  if (t.length > 80 || !qe.test(t) || Be.test(t)) return A;
+  if (t.length > 80 || !We.test(t) || $e.test(t)) return L;
   const o = t.match(/\./g);
-  if (o && o.length > 1) return A;
+  if (o && o.length > 1) return L;
   try {
     const n = new Function("value", "row", `return (${t});`)(e.value, e.row), r = n == null ? "" : String(n);
-    return /Reflect|Proxy|ownKeys/.test(r) ? A : r || A;
+    return /Reflect|Proxy|ownKeys/.test(r) ? L : r || L;
   } catch {
-    return A;
+    return L;
   }
 }
-function Xe(t) {
-  return t && t.replace(new RegExp(A, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
+function je(t) {
+  return t && t.replace(new RegExp(L, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
 }
-function Ye(t) {
+function Ke(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,16 +233,16 @@ function Ye(t) {
     (t.textContent || "").trim().length === 0 && (t.textContent = "");
   }
 }
-function se(t) {
-  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = ((i) => e ? "" : ve(t, i));
+function de(t) {
+  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = ((i) => e ? "" : _e(t, i));
   return o.__blocked = e, o;
 }
-const je = 100;
-class Ke {
+const Ze = 100;
+class Je {
   // ============================================================================
   // Sources (raw input from user)
   // ============================================================================
-  #o;
+  #i;
   #c;
   #f;
   #d;
@@ -269,12 +269,12 @@ class Ke {
   // ============================================================================
   #p = !0;
   #l = [];
-  #v;
   #w;
+  #m;
   #b;
   #s;
   // Shell state (Light DOM title)
-  #m;
+  #y;
   constructor(e) {
     this.#s = e;
   }
@@ -315,11 +315,11 @@ class Ke {
   }
   /** Get light DOM title */
   get lightDomTitle() {
-    return this.#m;
+    return this.#y;
   }
   /** Set light DOM title */
   set lightDomTitle(e) {
-    this.#m = e;
+    this.#y = e;
   }
   /** Get initial column state */
   get initialColumnState() {
@@ -351,11 +351,11 @@ class Ke {
   // ============================================================================
   /** Set gridConfig source */
   setGridConfig(e) {
-    this.#o = e, this.#p = !0, this.#r = void 0;
+    this.#i = e, this.#p = !0, this.#r = void 0;
   }
   /** Get the raw gridConfig source */
   getGridConfig() {
-    return this.#o;
+    return this.#i;
   }
   /** Set columns source */
   setColumns(e) {
@@ -404,13 +404,13 @@ class Ke {
     if (!this.#p && e)
       return;
     const o = this.#_();
-    this.#p = !1, this.#h = o, Object.freeze(this.#h), this.#h.columns && Object.freeze(this.#h.columns), this.#u = this.#A(this.#h), this.#g();
+    this.#p = !1, this.#h = o, Object.freeze(this.#h), this.#h.columns && Object.freeze(this.#h.columns), this.#u = this.#g(this.#h), this.#v();
   }
   /**
    * Deep clone a config object, handling functions (renderers, editors).
    * Uses structuredClone where possible, with fallback for function properties.
    */
-  #A(e) {
+  #g(e) {
     const o = { ...e };
     return e.columns && (o.columns = e.columns.map((i) => ({ ...i }))), e.shell && (o.shell = {
       ...e.shell,
@@ -424,7 +424,7 @@ class Ke {
    * Apply operations that depend on the merged effective config.
    * These were previously in grid.ts #mergeEffectiveConfig().
    */
-  #g() {
+  #v() {
     const e = this.#u;
     e.rowHeight && e.rowHeight > 0 && this.#s.setRowHeight(e.rowHeight), e.fitMode === "fixed" && this.columns.forEach((i) => {
       i.width == null && (i.width = 80);
@@ -446,23 +446,23 @@ class Ke {
    * Runtime state (hidden, width) is NOT preserved here - that's in effectiveConfig.
    */
   #_() {
-    const e = this.#o ? { ...this.#o } : {}, o = Array.isArray(e.columns) ? [...e.columns] : [], i = (this.#r ?? []).map((s) => ({
+    const e = this.#i ? { ...this.#i } : {}, o = Array.isArray(e.columns) ? [...e.columns] : [], i = (this.#r ?? []).map((s) => ({
       ...s
     }));
-    let n = oe(
+    let n = se(
       o,
       i
     );
-    this.#c && this.#c.length && (n = oe(
+    this.#c && this.#c.length && (n = se(
       this.#c,
       i
     ));
     const r = this.#s.getRows();
-    return n.length === 0 && r.length && (n = ke(r).columns), n.length && (n.forEach((s) => {
+    return n.length === 0 && r.length && (n = qe(r).columns), n.length && (n.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);
     }), n.forEach((s) => {
-      s.__viewTemplate && !s.__compiledView && (s.__compiledView = se(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = se(s.__editorTemplate.innerHTML));
-    }), e.columns = n), this.#f && (e.fitMode = this.#f), e.fitMode || (e.fitMode = "stretch"), this.#d && (e.editOn = this.#d), this.#y(e), e.columnState && !this.#b && (this.#b = e.columnState), e;
+      s.__viewTemplate && !s.__compiledView && (s.__compiledView = de(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = de(s.__editorTemplate.innerHTML));
+    }), e.columns = n), this.#f && (e.fitMode = this.#f), e.fitMode || (e.fitMode = "stretch"), this.#d && (e.editOn = this.#d), this.#C(e), e.columnState && !this.#b && (this.#b = e.columnState), e;
   }
   /**
    * Merge shell state into base config's shell property.
@@ -471,10 +471,10 @@ class Ke {
    * IMPORTANT: This method must NOT mutate the original gridConfig.
    * We shallow-clone the shell hierarchy to avoid side effects.
    */
-  #y(e) {
+  #C(e) {
     e.shell = e.shell ? { ...e.shell } : {}, e.shell.header = e.shell.header ? { ...e.shell.header } : {};
     const o = this.#s.getShellLightDomTitle();
-    o && (this.#m = o), this.#m && !e.shell.header.title && (e.shell.header.title = this.#m);
+    o && (this.#y = o), this.#y && !e.shell.header.title && (e.shell.header.title = this.#y);
     const i = this.#s.getShellLightDomHeaderContent();
     i?.length > 0 && (e.shell.header.lightDomContent = i), this.#s.getShellHasToolButtonsContainer() && (e.shell.header.hasToolButtonsContainer = !0);
     const n = this.#s.getShellToolPanels();
@@ -487,10 +487,10 @@ class Ke {
       const d = Array.from(r.values());
       d.sort((f, p) => (f.order ?? 100) - (p.order ?? 100)), e.shell.headerContents = d;
     }
-    const s = this.#s.getShellToolbarButtons(), l = Array.from(s.values()), a = this.#o?.shell?.header?.toolbarButtons ?? [], c = new Set(a.map((d) => d.id)), h = [...a];
+    const s = this.#s.getShellToolbarButtons(), l = Array.from(s.values()), a = this.#i?.shell?.header?.toolbarButtons ?? [], c = new Set(a.map((d) => d.id)), u = [...a];
     for (const d of l)
-      c.has(d.id) || h.push(d);
-    h.sort((d, f) => (d.order ?? 100) - (f.order ?? 100)), e.shell.header.toolbarButtons = h;
+      c.has(d.id) || u.push(d);
+    u.sort((d, f) => (d.order ?? 100) - (f.order ?? 100)), e.shell.header.toolbarButtons = u;
   }
   // ============================================================================
   // State Persistence (Replaces column-state.ts)
@@ -500,7 +500,7 @@ class Ke {
    * Returns only the changes from the original configuration.
    */
   collectState(e) {
-    const o = this.columns, i = this.#C();
+    const o = this.columns, i = this.#z();
     return {
       columns: o.map((n, r) => {
         const s = {
@@ -513,8 +513,8 @@ class Ke {
         a && (s.sort = a);
         for (const c of e)
           if (c.getColumnState) {
-            const h = c.getColumnState(n.field);
-            h && Object.assign(s, h);
+            const u = c.getColumnState(n.field);
+            u && Object.assign(s, u);
           }
         return s;
       })
@@ -532,8 +532,8 @@ class Ke {
       return a.width !== void 0 && (c.width = a.width, c.__renderedWidth = a.width), a.visible !== void 0 && (c.hidden = !a.visible), c;
     });
     r.sort((l, a) => {
-      const c = n.get(l.field)?.order ?? 1 / 0, h = n.get(a.field)?.order ?? 1 / 0;
-      return c - h;
+      const c = n.get(l.field)?.order ?? 1 / 0, u = n.get(a.field)?.order ?? 1 / 0;
+      return c - u;
     }), this.columns = r;
     const s = e.columns.filter((l) => l.sort !== void 0).sort((l, a) => (l.sort?.priority ?? 0) - (a.sort?.priority ?? 0));
     if (s.length > 0) {
@@ -557,7 +557,7 @@ class Ke {
    * the state to what was compiled from sources.
    */
   resetState(e) {
-    this.#b = void 0, this.#s.setSortState(null), this.#u = this.#A(this.#h), this.#g();
+    this.#b = void 0, this.#s.setSortState(null), this.#u = this.#g(this.#h), this.#v();
     for (const o of e)
       if (o.applyColumnState)
         for (const i of this.columns)
@@ -571,7 +571,7 @@ class Ke {
   /**
    * Get sort state as a map.
    */
-  #C() {
+  #z() {
     const e = /* @__PURE__ */ new Map(), o = this.#s.getSortState();
     return o && e.set(o.field, {
       direction: o.direction === 1 ? "asc" : "desc",
@@ -582,11 +582,11 @@ class Ke {
    * Request a debounced state change event.
    */
   requestStateChange(e) {
-    this.#w && clearTimeout(this.#w), this.#w = setTimeout(() => {
-      this.#w = void 0;
+    this.#m && clearTimeout(this.#m), this.#m = setTimeout(() => {
+      this.#m = void 0;
       const o = this.collectState(e);
       this.#s.emit("column-state-change", o);
-    }, je);
+    }, Ze);
   }
   // ============================================================================
   // Column Visibility API
@@ -665,7 +665,7 @@ class Ke {
    * Parse light DOM columns from host element.
    */
   parseLightDomColumns(e) {
-    this.#r || (this.#n = Array.from(e.querySelectorAll("tbw-grid-column")), this.#r = this.#n.length ? ze(e) : []);
+    this.#r || (this.#n = Array.from(e.querySelectorAll("tbw-grid-column")), this.#r = this.#n.length ? ke(e) : []);
   }
   /**
    * Clear the light DOM columns cache.
@@ -680,7 +680,7 @@ class Ke {
    * This is a generic mechanism - plugins (or future ShellPlugin) register
    * what elements they care about and handle parsing themselves.
    */
-  #S = /* @__PURE__ */ new Map();
+  #o = /* @__PURE__ */ new Map();
   /**
    * Register a handler for Light DOM element changes.
    * When elements matching the tag name are added/removed/changed,
@@ -690,13 +690,13 @@ class Ke {
    * @param callback - Called when matching elements change
    */
   registerLightDomHandler(e, o) {
-    this.#S.set(e.toLowerCase(), o);
+    this.#o.set(e.toLowerCase(), o);
   }
   /**
    * Unregister a Light DOM element handler.
    */
   unregisterLightDomHandler(e) {
-    this.#S.delete(e.toLowerCase());
+    this.#o.delete(e.toLowerCase());
   }
   /**
    * Set up MutationObserver to watch for Light DOM changes.
@@ -713,29 +713,29 @@ class Ke {
    * @param host - The host element to observe (the grid element)
    */
   observeLightDOM(e) {
-    this.#v && this.#v.disconnect();
+    this.#w && this.#w.disconnect();
     const o = /* @__PURE__ */ new Set();
     let i = null;
     const n = () => {
       i = null;
       for (const r of o)
-        this.#S.get(r)?.();
+        this.#o.get(r)?.();
       o.clear();
     };
-    this.#v = new MutationObserver((r) => {
+    this.#w = new MutationObserver((r) => {
       for (const s of r) {
         for (const l of s.addedNodes) {
           if (l.nodeType !== Node.ELEMENT_NODE) continue;
           const c = l.tagName.toLowerCase();
-          this.#S.has(c) && o.add(c);
+          this.#o.has(c) && o.add(c);
         }
         if (s.type === "attributes" && s.target.nodeType === Node.ELEMENT_NODE) {
           const a = s.target.tagName.toLowerCase();
-          this.#S.has(a) && o.add(a);
+          this.#o.has(a) && o.add(a);
         }
       }
       o.size > 0 && !i && (i = setTimeout(n, 0));
-    }), this.#v.observe(e, {
+    }), this.#w.observe(e, {
       childList: !0,
       subtree: !0,
       attributes: !0,
@@ -765,13 +765,13 @@ class Ke {
    * Dispose of the ConfigManager and clean up resources.
    */
   dispose() {
-    this.#v?.disconnect(), this.#l = [], this.#w && clearTimeout(this.#w);
+    this.#w?.disconnect(), this.#l = [], this.#m && clearTimeout(this.#m);
   }
 }
-function Ce(t) {
+function Ee(t) {
   return `<span role="checkbox" aria-checked="${t}" aria-label="${t}">${t ? "&#x1F5F9;" : "&#9744;"}</span>`;
 }
-function _e(t) {
+function Se(t) {
   if (t == null || t === "") return "";
   if (t instanceof Date)
     return isNaN(t.getTime()) ? "" : t.toLocaleDateString();
@@ -781,7 +781,7 @@ function _e(t) {
   }
   return "";
 }
-function ye(t) {
+function Te(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-row");
   if (e) return parseInt(e, 10);
@@ -794,136 +794,40 @@ function ye(t) {
     if (n[r] === o) return r;
   return -1;
 }
-function Ze(t) {
+function Qe(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-col");
   return e ? parseInt(e, 10) : -1;
 }
-function ee(t) {
+function ie(t) {
   t && t.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
 }
-function Je(t, e) {
-  const o = ye(e), i = Ze(e);
-  o < 0 || i < 0 || (t._focusRow = o, t._focusCol = i, ee(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true"));
-}
-function Qe(t, e, o) {
-  e.addEventListener(
-    "mousedown",
-    (i) => {
-      const n = i.target.closest(".cell[data-col]");
-      n && (n.classList.contains("editing") || Je(t, n));
-    },
-    { signal: o }
-  );
-}
-function et(t, e) {
-  return t == null && e == null ? 0 : t == null ? -1 : e == null || t > e ? 1 : t < e ? -1 : 0;
-}
-function tt(t, e, o) {
-  const n = o.find((l) => l.field === e.field)?.sortComparator ?? et, { field: r, direction: s } = e;
-  return [...t].sort((l, a) => n(l[r], a[r], l, a) * s);
-}
-function le(t, e, o, i) {
-  t._rows = e, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), X(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
-    new CustomEvent("sort-change", { detail: { field: o.field, direction: i } })
-  ), t.requestStateChange?.();
-}
-function ae(t, e) {
-  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), ce(t, e, 1)) : t._sortState.direction === 1 ? ce(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((i) => i.__epoch = -1), t._rows = t.__originalOrder.slice(), X(t), t._headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((i) => {
-    i.getAttribute("aria-sort") ? (i.getAttribute("aria-sort") === "ascending" || i.getAttribute("aria-sort") === "descending") && (t._sortState || i.setAttribute("aria-sort", "none")) : i.setAttribute("aria-sort", "none");
-  }), t.refreshVirtualWindow(!0), t.dispatchEvent(
-    new CustomEvent("sort-change", { detail: { field: e.field, direction: 0 } })
-  ), t.requestStateChange?.());
-}
-function ce(t, e, o) {
-  t._sortState = { field: e.field, direction: o };
-  const i = { field: e.field, direction: o }, n = t._columns, s = (t.effectiveConfig?.sortHandler ?? tt)(t._rows, i, n);
-  s && typeof s.then == "function" ? s.then((l) => {
-    le(t, l, e, o);
-  }) : le(t, s, e, o);
-}
-function ot(t, e) {
-  typeof e == "string" ? t.textContent = e : e instanceof HTMLElement && (t.innerHTML = "", t.appendChild(e.cloneNode(!0)));
-}
-function X(t) {
-  t._headerRowEl = t.findHeaderRow();
-  const e = t._headerRowEl;
-  e.innerHTML = "", t._visibleColumns.forEach((o, i) => {
-    const n = document.createElement("div");
-    n.className = "cell", ie(n, "header-cell"), n.setAttribute("role", "columnheader"), n.setAttribute("aria-colindex", String(i + 1)), n.setAttribute("data-field", o.field), n.setAttribute("data-col", String(i));
-    const r = o.__headerTemplate;
-    if (r) Array.from(r.childNodes).forEach((s) => n.appendChild(s.cloneNode(!0)));
-    else {
-      const s = o.header || o.field, l = document.createElement("span");
-      l.textContent = s, n.appendChild(l);
-    }
-    if (o.sortable) {
-      n.classList.add("sortable"), n.tabIndex = 0;
-      const s = document.createElement("span");
-      ie(s, "sort-indicator");
-      const l = t._sortState?.field === o.field ? t._sortState.direction : 0, a = { ...L, ...t.icons }, c = l === 1 ? a.sortAsc : l === -1 ? a.sortDesc : a.sortNone;
-      ot(s, c), n.appendChild(s), n.setAttribute("aria-sort", l === 0 ? "none" : l === 1 ? "ascending" : "descending"), n.addEventListener("click", (h) => {
-        t._resizeController?.isResizing || t._dispatchHeaderClick?.(h, i, n) || ae(t, o);
-      }), n.addEventListener("keydown", (h) => {
-        if (h.key === "Enter" || h.key === " ") {
-          if (h.preventDefault(), t._dispatchHeaderClick?.(h, i, n)) return;
-          ae(t, o);
-        }
-      });
-    }
-    if (o.resizable) {
-      n.classList.add("resizable");
-      const s = document.createElement("div");
-      s.className = "resize-handle", s.setAttribute("aria-hidden", "true"), s.addEventListener("mousedown", (l) => {
-        l.stopPropagation(), l.preventDefault(), t._resizeController.start(l, i, n);
-      }), s.addEventListener("dblclick", (l) => {
-        l.stopPropagation(), l.preventDefault(), t._resizeController.resetColumn(i);
-      }), n.appendChild(s);
-    }
-    e.appendChild(n);
-  }), e.querySelectorAll(".cell.sortable").forEach((o) => {
-    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 Ee = typeof requestIdleCallback == "function";
-function it(t, e) {
-  return Ee ? requestIdleCallback(t, e) : window.setTimeout(() => {
-    const o = Date.now();
-    t({
-      didTimeout: !1,
-      timeRemaining: () => Math.max(0, 50 - (Date.now() - o))
-    });
-  }, 1);
-}
-function de(t) {
-  Ee ? cancelIdleCallback(t) : clearTimeout(t);
-}
-const Se = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
-function j(t) {
+const Re = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
+function J(t) {
   return (t.__editingCellCount ?? 0) > 0;
 }
-function K(t) {
+function Q(t) {
   t.__editingCellCount = 0, t.removeAttribute("data-has-editing"), t.querySelectorAll(".cell.editing").forEach((o) => o.classList.remove("editing"));
 }
-const Re = document.createElement("template");
-Re.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
-const Te = document.createElement("template");
-Te.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
-function nt() {
-  return Re.content.firstElementChild.cloneNode(!0);
+const xe = document.createElement("template");
+xe.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
+const Ae = document.createElement("template");
+Ae.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
+function et() {
+  return xe.content.firstElementChild.cloneNode(!0);
 }
-function rt() {
-  return Te.content.firstElementChild.cloneNode(!0);
+function tt() {
+  return Ae.content.firstElementChild.cloneNode(!0);
 }
-function $(t) {
+function G(t) {
   t.__cellDisplayCache = void 0, t.__cellCacheEpoch = void 0, t.__hasSpecialColumns = void 0;
 }
-function st(t, e, o, i, n) {
+function ot(t, e, o, i, n) {
   const r = Math.max(0, o - e), s = t._bodyEl, l = t._visibleColumns, a = l.length;
   let c = t.__cachedHeaderRowCount;
-  for (c === void 0 && (c = t.shadowRoot?.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = c); t._rowPool.length < r; ) {
-    const d = rt();
-    d.addEventListener("click", (f) => he(t, f, d)), d.addEventListener("dblclick", (f) => he(t, f, d)), t._rowPool.push(d);
+  for (c === void 0 && (c = t.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = c); t._rowPool.length < r; ) {
+    const d = tt();
+    t._rowPool.push(d);
   }
   if (t._rowPool.length > r) {
     for (let d = r; d < t._rowPool.length; d++) {
@@ -932,44 +836,60 @@ function st(t, e, o, i, n) {
     }
     t._rowPool.length = r;
   }
-  const h = n && t.__hasRenderRowPlugins !== !1;
+  const u = n && t.__hasRenderRowPlugins !== !1;
   for (let d = 0; d < r; d++) {
-    const f = e + d, p = t._rows[f], u = t._rowPool[d];
-    if (u.setAttribute("aria-rowindex", String(f + c + 1)), h && n(p, u, f)) {
-      u.__epoch = i, u.__rowDataRef = p, u.parentNode !== s && s.appendChild(u);
+    const f = e + d, p = t._rows[f], h = t._rowPool[d];
+    if (h.setAttribute("aria-rowindex", String(f + c + 1)), u && n(p, h, f)) {
+      h.__epoch = i, h.__rowDataRef = p, h.parentNode !== s && s.appendChild(h);
       continue;
     }
-    const g = u.__epoch, m = u.__rowDataRef, b = u.children.length, w = g === i && b === a, C = m !== p;
+    const g = h.__epoch, w = h.__rowDataRef, _ = h.children.length, v = g === i && _ === a, m = w !== p;
     let y = !1;
-    if (w && C) {
-      for (let x = 0; x < a; x++)
-        if (l[x].externalView && !u.querySelector(`.cell[data-col="${x}"] [data-external-view]`)) {
+    if (v && m) {
+      for (let b = 0; b < a; b++)
+        if (l[b].externalView && !h.querySelector(`.cell[data-col="${b}"] [data-external-view]`)) {
           y = !0;
           break;
         }
     }
-    if (!w || y) {
-      const x = j(u), v = t._activeEditRows === f;
-      x && !v ? (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), K(u), B(t, u, p, f), u.__epoch = i, u.__rowDataRef = p) : x && v ? (Z(t, u, p, f), u.__rowDataRef = p) : (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), B(t, u, p, f), u.__epoch = i, u.__rowDataRef = p);
-    } else if (C) {
-      const x = j(u), v = t._activeEditRows === f;
-      x && !v ? (K(u), B(t, u, p, f), u.__epoch = i, u.__rowDataRef = p) : (Z(t, u, p, f), u.__rowDataRef = p);
+    if (!v || y) {
+      const b = J(h), E = t._activeEditRows === f;
+      b && !E ? (h.__isCustomRow && (h.className = "data-grid-row", h.setAttribute("role", "row"), h.__isCustomRow = !1), Q(h), U(t, h, p, f), h.__epoch = i, h.__rowDataRef = p) : b && E ? (ee(t, h, p, f), h.__rowDataRef = p) : (h.__isCustomRow && (h.className = "data-grid-row", h.setAttribute("role", "row"), h.__isCustomRow = !1), U(t, h, p, f), h.__epoch = i, h.__rowDataRef = p);
+    } else if (m) {
+      const b = J(h), E = t._activeEditRows === f;
+      b && !E ? (Q(h), U(t, h, p, f), h.__epoch = i, h.__rowDataRef = p) : (ee(t, h, p, f), h.__rowDataRef = p);
     } else {
-      const x = j(u), v = t._activeEditRows === f;
-      x && !v ? (K(u), B(t, u, p, f), u.__epoch = i, u.__rowDataRef = p) : Z(t, u, p, f);
+      const b = J(h), E = t._activeEditRows === f;
+      b && !E ? (Q(h), U(t, h, p, f), h.__epoch = i, h.__rowDataRef = p) : ee(t, h, p, f);
     }
-    const R = t._changedRowIndices?.has(f) ?? !1, U = u.classList.contains("changed");
-    R !== U && u.classList.toggle("changed", R), u.parentNode !== s && s.appendChild(u);
+    const S = t._changedRowIndices?.has(f) ?? !1, C = h.classList.contains("changed");
+    S !== C && h.classList.toggle("changed", S);
+    const O = t.effectiveConfig?.rowClass;
+    if (O) {
+      const b = h.getAttribute("data-dynamic-classes");
+      b && b.split(" ").forEach((E) => E && h.classList.remove(E));
+      try {
+        const E = O(p);
+        if (E && E.length > 0) {
+          const B = E.filter((V) => V && typeof V == "string");
+          B.forEach((V) => h.classList.add(V)), h.setAttribute("data-dynamic-classes", B.join(" "));
+        } else
+          h.removeAttribute("data-dynamic-classes");
+      } catch (E) {
+        console.warn("[tbw-grid] rowClass callback error:", E), h.removeAttribute("data-dynamic-classes");
+      }
+    }
+    h.parentNode !== s && s.appendChild(h);
   }
 }
-function Z(t, e, o, i) {
-  const n = e.children, r = t._visibleColumns, s = r.length, l = n.length, a = s < l ? s : l, c = t._focusRow, h = t._focusCol;
+function ee(t, e, o, i) {
+  const n = e.children, r = t._visibleColumns, s = r.length, l = n.length, a = s < l ? s : l, c = t._focusRow, u = t._focusCol;
   let d = t.__hasSpecialColumns;
   if (d === void 0) {
     d = !1;
     for (let p = 0; p < s; p++) {
-      const u = r[p];
-      if (u.__viewTemplate || u.__compiledView || u.renderer || u.viewRenderer || u.externalView || u.format || u.type === "date" || u.type === "boolean") {
+      const h = r[p];
+      if (h.__viewTemplate || h.__compiledView || h.renderer || h.viewRenderer || h.externalView || h.format || h.type === "date" || h.type === "boolean") {
         d = !0;
         break;
       }
@@ -979,70 +899,88 @@ function Z(t, e, o, i) {
   const f = String(i);
   if (!d) {
     for (let p = 0; p < a; p++) {
-      const u = n[p], g = o[r[p].field];
-      u.textContent = g == null ? "" : String(g), u.getAttribute("data-row") !== f && u.setAttribute("data-row", f);
-      const m = c === i && h === p, b = u.classList.contains("cell-focus");
-      m !== b && (u.classList.toggle("cell-focus", m), u.setAttribute("aria-selected", String(m)));
+      const h = n[p];
+      if (h.classList.contains("editing")) continue;
+      const g = o[r[p].field];
+      h.textContent = g == null ? "" : String(g), h.getAttribute("data-row") !== f && h.setAttribute("data-row", f);
+      const w = c === i && u === p, _ = h.classList.contains("cell-focus");
+      w !== _ && (h.classList.toggle("cell-focus", w), h.setAttribute("aria-selected", String(w)));
     }
     return;
   }
   for (let p = 0; p < a; p++)
     if (r[p].externalView && !n[p].querySelector("[data-external-view]")) {
-      B(t, e, o, i);
+      U(t, e, o, i);
       return;
     }
   for (let p = 0; p < a; p++) {
-    const u = r[p], g = n[p];
+    const h = r[p], g = n[p];
     g.getAttribute("data-row") !== f && g.setAttribute("data-row", f);
-    const m = c === i && h === p, b = g.classList.contains("cell-focus");
-    if (m !== b && (g.classList.toggle("cell-focus", m), g.setAttribute("aria-selected", String(m))), g.classList.contains("editing")) continue;
-    const _ = u.renderer || u.viewRenderer;
-    if (_) {
-      const y = o[u.field], R = _({ row: o, value: y, field: u.field, column: u, cellEl: g });
-      typeof R == "string" ? g.innerHTML = G(R) : R instanceof Node ? R.parentElement !== g && (g.innerHTML = "", g.appendChild(R)) : R == null && (g.textContent = y == null ? "" : String(y));
+    const w = c === i && u === p, _ = g.classList.contains("cell-focus");
+    w !== _ && (g.classList.toggle("cell-focus", w), g.setAttribute("aria-selected", String(w)));
+    const T = h.cellClass;
+    if (T) {
+      const S = g.getAttribute("data-dynamic-classes");
+      S && S.split(" ").forEach((C) => C && g.classList.remove(C));
+      try {
+        const C = o[h.field], O = T(C, o, h);
+        if (O && O.length > 0) {
+          const b = O.filter((E) => E && typeof E == "string");
+          b.forEach((E) => g.classList.add(E)), g.setAttribute("data-dynamic-classes", b.join(" "));
+        } else
+          g.removeAttribute("data-dynamic-classes");
+      } catch (C) {
+        console.warn(`[tbw-grid] cellClass callback error for column '${h.field}':`, C), g.removeAttribute("data-dynamic-classes");
+      }
+    }
+    if (g.classList.contains("editing")) continue;
+    const v = h.renderer || h.viewRenderer;
+    if (v) {
+      const S = o[h.field], C = v({ row: o, value: S, field: h.field, column: h, 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));
       continue;
     }
-    if (u.__viewTemplate || u.__compiledView || u.externalView)
+    if (h.__viewTemplate || h.__compiledView || h.externalView)
       continue;
-    const w = o[u.field];
-    let C;
-    if (u.format)
+    const m = o[h.field];
+    let y;
+    if (h.format)
       try {
-        const y = u.format(w, o);
-        C = y == null ? "" : String(y);
-      } catch (y) {
-        console.warn(`[tbw-grid] Format error in column '${u.field}':`, y), C = w == null ? "" : String(w);
+        const S = h.format(m, o);
+        y = S == null ? "" : String(S);
+      } catch (S) {
+        console.warn(`[tbw-grid] Format error in column '${h.field}':`, S), y = m == null ? "" : String(m);
       }
-    else u.type === "date" ? (C = _e(w), g.textContent = C) : u.type === "boolean" ? g.innerHTML = Ce(!!w) : (C = w == null ? "" : String(w), g.textContent = C);
+    else h.type === "date" ? (y = Se(m), g.textContent = y) : h.type === "boolean" ? g.innerHTML = Ee(!!m) : (y = m == null ? "" : String(m), g.textContent = y);
   }
 }
-function B(t, e, o, i) {
+function U(t, e, o, i) {
   e.innerHTML = "";
   const n = t._visibleColumns, r = n.length, s = t._focusRow, l = t._focusCol, a = t, c = document.createDocumentFragment();
-  for (let h = 0; h < r; h++) {
-    const d = n[h], f = nt();
-    f.setAttribute("aria-colindex", String(h + 1)), f.setAttribute("data-col", String(h)), f.setAttribute("data-row", String(i)), f.setAttribute("data-field", d.field), d.type && f.setAttribute("data-type", d.type);
+  for (let u = 0; u < r; u++) {
+    const d = n[u], f = et();
+    f.setAttribute("aria-colindex", String(u + 1)), f.setAttribute("data-col", String(u)), f.setAttribute("data-row", String(i)), f.setAttribute("data-field", d.field), d.type && f.setAttribute("data-type", d.type);
     let p = o[d.field];
     if (d.format)
       try {
         p = d.format(p, o);
-      } catch (w) {
-        console.warn(`[tbw-grid] Format error in column '${d.field}':`, w);
+      } catch (m) {
+        console.warn(`[tbw-grid] Format error in column '${d.field}':`, m);
       }
-    const u = d.__compiledView, g = d.__viewTemplate, m = d.renderer || d.viewRenderer, b = d.externalView;
-    let _ = !1;
-    if (m) {
-      const w = m({ row: o, value: p, field: d.field, column: d, cellEl: f });
-      typeof w == "string" ? (f.innerHTML = G(w), _ = !0) : w instanceof Node ? w.parentElement !== f && (f.textContent = "", f.appendChild(w)) : w == null && (f.textContent = p == null ? "" : String(p));
-    } else if (b) {
-      const w = b, C = document.createElement("div");
-      C.setAttribute("data-external-view", ""), C.setAttribute("data-field", d.field), f.appendChild(C);
-      const y = { row: o, value: p, field: d.field, column: d };
-      if (w.mount)
+    const h = d.__compiledView, g = d.__viewTemplate, w = d.renderer || d.viewRenderer, _ = d.externalView;
+    let T = !1;
+    if (w) {
+      const m = w({ row: o, value: p, field: d.field, column: d, cellEl: f });
+      typeof m == "string" ? (f.innerHTML = j(m), T = !0) : m instanceof Node ? m.parentElement !== f && (f.textContent = "", f.appendChild(m)) : m == null && (f.textContent = p == null ? "" : String(p));
+    } else if (_) {
+      const m = _, y = document.createElement("div");
+      y.setAttribute("data-external-view", ""), y.setAttribute("data-field", d.field), f.appendChild(y);
+      const S = { row: o, value: p, field: d.field, column: d };
+      if (m.mount)
         try {
-          w.mount({ placeholder: C, context: y, spec: w });
-        } catch (R) {
-          console.warn(`[tbw-grid] External view mount error for column '${d.field}':`, R);
+          m.mount({ placeholder: y, context: S, spec: m });
+        } catch (C) {
+          console.warn(`[tbw-grid] External view mount error for column '${d.field}':`, C);
         }
       else
         queueMicrotask(() => {
@@ -1051,70 +989,82 @@ function B(t, e, o, i) {
               new CustomEvent("mount-external-view", {
                 bubbles: !0,
                 composed: !0,
-                detail: { placeholder: C, spec: w, context: y }
+                detail: { placeholder: y, spec: m, context: S }
               })
             );
-          } catch (R) {
-            console.warn(`[tbw-grid] External view event dispatch error for column '${d.field}':`, R);
+          } catch (C) {
+            console.warn(`[tbw-grid] External view event dispatch error for column '${d.field}':`, C);
           }
         });
-      C.setAttribute("data-mounted", "");
-    } else if (u) {
-      const w = u({ row: o, value: p, field: d.field, column: d }), C = u.__blocked;
-      f.innerHTML = C ? "" : G(w), _ = !0, C && (f.textContent = "", f.setAttribute("data-blocked-template", ""));
+      y.setAttribute("data-mounted", "");
+    } else if (h) {
+      const m = h({ row: o, value: p, field: d.field, column: d }), y = h.__blocked;
+      f.innerHTML = y ? "" : j(m), T = !0, y && (f.textContent = "", f.setAttribute("data-blocked-template", ""));
     } else if (g) {
-      const w = g.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(w) ? (f.textContent = "", f.setAttribute("data-blocked-template", "")) : (f.innerHTML = G(ve(w, { row: o, value: p })), _ = !0);
+      const m = g.innerHTML;
+      /Reflect\.|\bProxy\b|ownKeys\(/.test(m) ? (f.textContent = "", f.setAttribute("data-blocked-template", "")) : (f.innerHTML = j(_e(m, { row: o, value: p })), T = !0);
     } else
-      d.type === "date" ? f.textContent = _e(p) : d.type === "boolean" ? f.innerHTML = Ce(!!p) : f.textContent = p == null ? "" : String(p);
-    if (_) {
-      Ye(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 = ""));
+      d.type === "date" ? f.textContent = Se(p) : d.type === "boolean" ? f.innerHTML = Ee(!!p) : f.textContent = p == null ? "" : String(p);
+    if (T) {
+      Ke(f);
+      const m = f.textContent || "";
+      /Proxy|Reflect\.ownKeys/.test(m) && (f.textContent = m.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(f.textContent || "") && (f.textContent = ""));
     }
-    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 === i && l === h ? (f.classList.add("cell-focus"), f.setAttribute("aria-selected", "true")) : f.setAttribute("aria-selected", "false"), c.appendChild(f);
+    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 === i && l === u ? (f.classList.add("cell-focus"), f.setAttribute("aria-selected", "true")) : f.setAttribute("aria-selected", "false");
+    const v = d.cellClass;
+    if (v)
+      try {
+        const m = o[d.field], y = v(m, o, d);
+        if (y && y.length > 0) {
+          const S = y.filter((C) => C && typeof C == "string");
+          S.forEach((C) => f.classList.add(C)), f.setAttribute("data-dynamic-classes", S.join(" "));
+        }
+      } catch (m) {
+        console.warn(`[tbw-grid] cellClass callback error for column '${d.field}':`, m);
+      }
+    c.appendChild(f);
   }
   e.appendChild(c);
 }
-function he(t, e, o, i) {
+function he(t, e, o) {
   if (e.target?.closest(".resize-handle")) return;
-  const n = o.querySelector(".cell[data-row]"), r = ye(n);
-  if (r < 0) return;
-  const s = t._rows[r];
-  if (!s || t._dispatchRowClick?.(e, r, s, o))
+  const i = o.querySelector(".cell[data-row]"), n = Te(i);
+  if (n < 0) return;
+  const r = t._rows[n];
+  if (!r || t._dispatchRowClick?.(e, n, r, o))
     return;
-  const l = e.target?.closest(".cell[data-col]");
-  if (l) {
-    const a = Number(l.getAttribute("data-col"));
-    if (!isNaN(a)) {
-      if (t._dispatchCellClick?.(e, r, a, l))
+  const s = e.target?.closest(".cell[data-col]");
+  if (s) {
+    const l = Number(s.getAttribute("data-col"));
+    if (!isNaN(l)) {
+      if (t._dispatchCellClick?.(e, n, l, s))
         return;
-      const c = t._focusRow !== r || t._focusCol !== a;
-      if (t._focusRow = r, t._focusCol = a, l.classList.contains("editing")) {
-        c && (ee(t.shadowRoot ?? t._bodyEl), l.classList.add("cell-focus"));
-        const h = l.querySelector(Se);
+      const a = t._focusRow !== n || t._focusCol !== l;
+      if (t._focusRow = n, t._focusCol = l, s.classList.contains("editing")) {
+        a && (ie(t._bodyEl ?? t), s.classList.add("cell-focus"));
+        const c = s.querySelector(Re);
         try {
-          h?.focus({ preventScroll: !0 });
+          c?.focus({ preventScroll: !0 });
         } catch {
         }
         return;
       }
-      k(t);
+      q(t);
     }
   }
 }
-function lt(t, e) {
+function it(t, e) {
   if (t._dispatchKeyDown?.(e))
     return;
-  const o = t._rows.length - 1, i = t._visibleColumns.length - 1, n = 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) => {
-    if (!h) return !1;
-    const d = h.tagName;
-    return !!(d === "INPUT" || d === "SELECT" || d === "TEXTAREA" || h.isContentEditable);
+  const o = t._rows.length - 1, i = t._visibleColumns.length - 1, n = t._activeEditRows !== void 0 && t._activeEditRows !== -1, s = t._visibleColumns[t._focusCol]?.type, l = e.composedPath?.() ?? [], a = l.length ? l[0] : e.target, c = (u) => {
+    if (!u) return !1;
+    const d = u.tagName;
+    return !!(d === "INPUT" || d === "SELECT" || d === "TEXTAREA" || u.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")) && !(n && (s === "select" || s === "typeahead") && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
     switch (e.key) {
       case "Tab": {
-        e.preventDefault(), !e.shiftKey ? t._focusCol < i ? 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 = i), k(t);
+        e.preventDefault(), !e.shiftKey ? t._focusCol < i ? 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 = i), q(t);
         return;
       }
       case "ArrowDown":
@@ -1130,10 +1080,10 @@ function lt(t, e) {
         t._focusCol = Math.max(0, t._focusCol - 1), e.preventDefault();
         break;
       case "Home":
-        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), k(t, { forceScrollLeft: !0 });
+        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), q(t, { forceScrollLeft: !0 });
         return;
       case "End":
-        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = o), t._focusCol = i, e.preventDefault(), k(t, { forceScrollRight: !0 });
+        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = o), t._focusCol = i, e.preventDefault(), q(t, { forceScrollRight: !0 });
         return;
       case "PageDown":
         t._focusRow = Math.min(o, t._focusRow + 20), e.preventDefault();
@@ -1144,11 +1094,11 @@ function lt(t, e) {
       // NOTE: Enter key is handled by EditingPlugin. If no plugin handles it,
       // we dispatch a cancelable activate-cell event for custom handling.
       case "Enter": {
-        const h = new CustomEvent("activate-cell", {
+        const u = new CustomEvent("activate-cell", {
           cancelable: !0,
           detail: { row: t._focusRow, col: t._focusCol }
         });
-        if (t.dispatchEvent(h), h.defaultPrevented) {
+        if (t.dispatchEvent(u), u.defaultPrevented) {
           e.preventDefault();
           return;
         }
@@ -1157,19 +1107,19 @@ function lt(t, e) {
       default:
         return;
     }
-    k(t);
+    q(t);
   }
 }
-function k(t, e) {
+function q(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: a } = t._virtualization, c = l, u = a?.clientHeight ?? c?.clientHeight ?? 0;
+    if (c && u > 0) {
       const d = t._focusRow * s;
-      d < c.scrollTop ? c.scrollTop = d : d + s > c.scrollTop + h && (c.scrollTop = d - h + s);
+      d < c.scrollTop ? c.scrollTop = d : d + s > c.scrollTop + u && (c.scrollTop = d - u + s);
     }
   }
   const o = t._activeEditRows !== void 0 && t._activeEditRows !== -1;
-  o || t.refreshVirtualWindow(!1), ee(t._bodyEl), Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((s) => {
+  o || t.refreshVirtualWindow(!1), ie(t._bodyEl), Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((s) => {
     s.setAttribute("aria-selected", "false");
   });
   const i = t._focusRow, n = t._virtualization.start ?? 0, r = t._virtualization.end ?? t._rows.length;
@@ -1178,7 +1128,7 @@ function k(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.shadowRoot?.querySelector(".tbw-scroll-area");
+      const a = t.querySelector(".tbw-scroll-area");
       if (a && l && !o)
         if (e?.forceScrollLeft)
           a.scrollLeft = 0;
@@ -1187,12 +1137,12 @@ function k(t, e) {
         else {
           const c = t._getHorizontalScrollOffsets?.(s ?? void 0, l) ?? { left: 0, right: 0 };
           if (!c.skipScroll) {
-            const h = l.getBoundingClientRect(), d = a.getBoundingClientRect(), f = h.left - d.left + a.scrollLeft, p = f + h.width, u = a.scrollLeft + c.left, g = a.scrollLeft + a.clientWidth - c.right;
-            f < u ? a.scrollLeft = f - c.left : p > g && (a.scrollLeft = p - a.clientWidth + c.right);
+            const u = l.getBoundingClientRect(), d = a.getBoundingClientRect(), f = u.left - d.left + a.scrollLeft, p = f + u.width, h = a.scrollLeft + c.left, g = a.scrollLeft + a.clientWidth - c.right;
+            f < h ? a.scrollLeft = f - c.left : p > g && (a.scrollLeft = p - a.clientWidth + c.right);
           }
         }
       if (t._activeEditRows !== void 0 && t._activeEditRows !== -1 && l.classList.contains("editing")) {
-        const c = l.querySelector(Se);
+        const c = l.querySelector(Re);
         if (c && document.activeElement !== c)
           try {
             c.focus({ preventScroll: !0 });
@@ -1208,9 +1158,161 @@ function k(t, e) {
     }
   }
 }
-var S = /* @__PURE__ */ ((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))(S || {});
-class at {
-  #o;
+const K = /* @__PURE__ */ new WeakMap();
+function nt(t, e) {
+  const o = Te(e), i = Qe(e);
+  o < 0 || i < 0 || (t._focusRow = o, t._focusCol = i, ie(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true"));
+}
+function ne(t, e, o, i) {
+  let n = null;
+  const r = o.composedPath?.();
+  if (r && r.length > 0 ? n = r[0] : n = o.target, n && !e.contains(n)) {
+    const g = document.elementFromPoint(o.clientX, o.clientY);
+    g && (n = g);
+  }
+  const s = n?.closest?.("[data-col]"), l = n?.closest?.(".data-grid-row"), a = n?.closest?.(".header-row");
+  let c, u, d, f, p, h;
+  return s && (c = parseInt(s.getAttribute("data-row") ?? "-1", 10), u = parseInt(s.getAttribute("data-col") ?? "-1", 10), c >= 0 && u >= 0 && (d = t._rows[c], h = t._columns[u], f = h?.field, p = d && f ? d[f] : void 0)), {
+    type: i,
+    row: d,
+    rowIndex: c !== void 0 && c >= 0 ? c : void 0,
+    colIndex: u !== void 0 && u >= 0 ? u : void 0,
+    field: f,
+    value: p,
+    column: h,
+    originalEvent: o,
+    cellElement: s ?? void 0,
+    rowElement: l ?? void 0,
+    isHeader: !!a,
+    cell: c !== void 0 && u !== void 0 && c >= 0 && u >= 0 ? { row: c, col: u } : void 0
+  };
+}
+function rt(t, e, o) {
+  const i = ne(t, e, o, "mousedown");
+  (t._dispatchCellMouseDown?.(i) ?? !1) && K.set(t, !0);
+}
+function st(t, e, o) {
+  if (!K.get(t)) return;
+  const i = ne(t, e, o, "mousemove");
+  t._dispatchCellMouseMove?.(i);
+}
+function lt(t, e, o) {
+  if (!K.get(t)) return;
+  const i = ne(t, e, o, "mouseup");
+  t._dispatchCellMouseUp?.(i), K.set(t, !1);
+}
+function at(t, e, o) {
+  e.addEventListener(
+    "mousedown",
+    (i) => {
+      const n = i.target.closest(".cell[data-col]");
+      n && (n.classList.contains("editing") || nt(t, n));
+    },
+    { signal: o }
+  ), e.addEventListener(
+    "click",
+    (i) => {
+      const n = i.target.closest(".data-grid-row");
+      n && he(t, i, n);
+    },
+    { signal: o }
+  ), e.addEventListener(
+    "dblclick",
+    (i) => {
+      const n = i.target.closest(".data-grid-row");
+      n && he(t, i, n);
+    },
+    { signal: o }
+  );
+}
+function ct(t, e, o, i) {
+  e.addEventListener("keydown", (n) => it(t, n), { signal: i }), o.addEventListener("mousedown", (n) => rt(t, o, n), { signal: i }), document.addEventListener("mousemove", (n) => st(t, o, n), { signal: i }), document.addEventListener("mouseup", (n) => lt(t, o, n), { signal: i });
+}
+function dt(t, e) {
+  return t == null && e == null ? 0 : t == null ? -1 : e == null || t > e ? 1 : t < e ? -1 : 0;
+}
+function ht(t, e, o) {
+  const n = o.find((l) => l.field === e.field)?.sortComparator ?? dt, { field: r, direction: s } = e;
+  return [...t].sort((l, a) => n(l[r], a[r], l, a) * s);
+}
+function ue(t, e, o, i) {
+  t._rows = e, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), Z(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
+    new CustomEvent("sort-change", { detail: { field: o.field, direction: i } })
+  ), t.requestStateChange?.();
+}
+function fe(t, e) {
+  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), pe(t, e, 1)) : t._sortState.direction === 1 ? pe(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((i) => i.__epoch = -1), t._rows = t.__originalOrder.slice(), Z(t), t._headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((i) => {
+    i.getAttribute("aria-sort") ? (i.getAttribute("aria-sort") === "ascending" || i.getAttribute("aria-sort") === "descending") && (t._sortState || i.setAttribute("aria-sort", "none")) : i.setAttribute("aria-sort", "none");
+  }), t.refreshVirtualWindow(!0), t.dispatchEvent(
+    new CustomEvent("sort-change", { detail: { field: e.field, direction: 0 } })
+  ), t.requestStateChange?.());
+}
+function pe(t, e, o) {
+  t._sortState = { field: e.field, direction: o };
+  const i = { field: e.field, direction: o }, n = t._columns, s = (t.effectiveConfig?.sortHandler ?? ht)(t._rows, i, n);
+  s && typeof s.then == "function" ? s.then((l) => {
+    ue(t, l, e, o);
+  }) : ue(t, s, e, o);
+}
+function ut(t, e) {
+  typeof e == "string" ? t.textContent = e : e instanceof HTMLElement && (t.innerHTML = "", t.appendChild(e.cloneNode(!0)));
+}
+function Z(t) {
+  t._headerRowEl = t.findHeaderRow();
+  const e = t._headerRowEl;
+  e && (e.innerHTML = "", t._visibleColumns.forEach((o, i) => {
+    const n = document.createElement("div");
+    n.className = "cell", le(n, "header-cell"), n.setAttribute("role", "columnheader"), n.setAttribute("aria-colindex", String(i + 1)), n.setAttribute("data-field", o.field), n.setAttribute("data-col", String(i));
+    const r = o.__headerTemplate;
+    if (r) Array.from(r.childNodes).forEach((s) => n.appendChild(s.cloneNode(!0)));
+    else {
+      const s = o.header ?? o.field, l = document.createElement("span");
+      l.textContent = s, n.appendChild(l);
+    }
+    if (o.sortable) {
+      n.classList.add("sortable"), n.tabIndex = 0;
+      const s = document.createElement("span");
+      le(s, "sort-indicator");
+      const l = t._sortState?.field === o.field ? t._sortState.direction : 0, a = { ...M, ...t.icons }, c = l === 1 ? a.sortAsc : l === -1 ? a.sortDesc : a.sortNone;
+      ut(s, c), n.appendChild(s), n.setAttribute("aria-sort", l === 0 ? "none" : l === 1 ? "ascending" : "descending"), n.addEventListener("click", (u) => {
+        t._resizeController?.isResizing || t._dispatchHeaderClick?.(u, i, n) || fe(t, o);
+      }), n.addEventListener("keydown", (u) => {
+        if (u.key === "Enter" || u.key === " ") {
+          if (u.preventDefault(), t._dispatchHeaderClick?.(u, i, n)) return;
+          fe(t, o);
+        }
+      });
+    }
+    if (o.resizable) {
+      n.classList.add("resizable");
+      const s = document.createElement("div");
+      s.className = "resize-handle", s.setAttribute("aria-hidden", "true"), s.addEventListener("mousedown", (l) => {
+        l.stopPropagation(), l.preventDefault(), t._resizeController.start(l, i, n);
+      }), s.addEventListener("dblclick", (l) => {
+        l.stopPropagation(), l.preventDefault(), t._resizeController.resetColumn(i);
+      }), n.appendChild(s);
+    }
+    e.appendChild(n);
+  }), e.querySelectorAll(".cell.sortable").forEach((o) => {
+    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 Pe = typeof requestIdleCallback == "function";
+function ft(t, e) {
+  return Pe ? requestIdleCallback(t, e) : window.setTimeout(() => {
+    const o = Date.now();
+    t({
+      didTimeout: !1,
+      timeRemaining: () => Math.max(0, 50 - (Date.now() - o))
+    });
+  }, 1);
+}
+function ge(t) {
+  Pe ? cancelIdleCallback(t) : clearTimeout(t);
+}
+var x = /* @__PURE__ */ ((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 pt {
+  #i;
   /** Current pending phase (0 = none pending) */
   #c = 0;
   /** RAF handle for cancellation */
@@ -1222,7 +1324,7 @@ class at {
   #n = null;
   #h = !1;
   constructor(e) {
-    this.#o = e;
+    this.#i = e;
   }
   /**
    * Request a render at the specified phase.
@@ -1280,23 +1382,23 @@ class at {
    * This is the single RAF callback that does all rendering.
    */
   #p() {
-    if (this.#f = 0, !this.#o.isConnected()) {
+    if (this.#f = 0, !this.#i.isConnected()) {
       this.#c = 0, this.#r && (this.#r(), this.#r = null, this.#d = null);
       return;
     }
     const e = this.#c;
-    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.#r && (this.#r(), this.#r = null, this.#d = null);
+    this.#c = 0, e >= 5 && this.#i.mergeConfig(), e >= 4 && this.#i.processRows(), e >= 5 && (this.#i.processColumns(), this.#i.updateTemplate()), e >= 3 && this.#i.renderHeader(), e >= 2 && this.#i.renderVirtualWindow(), e >= 1 && this.#i.afterRender(), !this.#h && this.#n && (this.#h = !0, this.#n()), this.#r && (this.#r(), this.#r = null, this.#d = null);
   }
 }
-function ct(t) {
+function gt(t) {
   let e = null, o = null, i = null, n = null;
   const r = (a) => {
     if (!e) return;
-    const c = a.clientX - e.startX, h = Math.max(40, e.startWidth + c), d = t._visibleColumns[e.colIndex];
-    d.width = h, d.__userResized = !0, d.__renderedWidth = h, o == null && (o = requestAnimationFrame(() => {
+    const c = a.clientX - e.startX, u = Math.max(40, e.startWidth + c), d = t._visibleColumns[e.colIndex];
+    d.width = u, d.__userResized = !0, d.__renderedWidth = u, o == null && (o = requestAnimationFrame(() => {
       o = null, t.updateTemplate?.();
     })), t.dispatchEvent(
-      new CustomEvent("column-resize", { detail: { field: d.field, width: h } })
+      new CustomEvent("column-resize", { detail: { field: d.field, width: u } })
     );
   };
   let s = !1;
@@ -1310,10 +1412,10 @@ function ct(t) {
     get isResizing() {
       return e !== null || s;
     },
-    start(a, c, h) {
+    start(a, c, u) {
       a.preventDefault();
-      const d = h.getBoundingClientRect();
-      e = { startX: a.clientX, colIndex: c, startWidth: d.width }, window.addEventListener("mousemove", r), window.addEventListener("mouseup", l), i === null && (i = document.documentElement.style.cursor), document.documentElement.style.cursor = "e-resize", n === null && (n = document.body.style.userSelect), document.body.style.userSelect = "none";
+      const d = t._visibleColumns[c], f = typeof d?.width == "number" ? d.width : void 0, p = d?.__renderedWidth ?? f ?? u.getBoundingClientRect().width;
+      e = { startX: a.clientX, colIndex: c, startWidth: p }, window.addEventListener("mousemove", r), window.addEventListener("mouseup", l), i === null && (i = document.documentElement.style.cursor), document.documentElement.style.cursor = "e-resize", n === null && (n = document.body.style.userSelect), document.body.style.userSelect = "none";
     },
     resetColumn(a) {
       const c = t._visibleColumns[a];
@@ -1326,7 +1428,7 @@ function ct(t) {
     }
   };
 }
-function F(t, e, o) {
+function X(t, e, o) {
   const i = document.createElement(t);
   if (e)
     for (const n in e) {
@@ -1335,7 +1437,7 @@ function F(t, e, o) {
     }
   return i;
 }
-function T(t, e) {
+function A(t, e) {
   const o = document.createElement("div");
   if (t && (o.className = t), e)
     for (const i in e) {
@@ -1344,7 +1446,7 @@ function T(t, e) {
     }
   return o;
 }
-function xe(t, e, o) {
+function Le(t, e, o) {
   const i = document.createElement("button");
   if (t && (i.className = t), e)
     for (const n in e) {
@@ -1353,12 +1455,8 @@ function xe(t, e, o) {
     }
   return i;
 }
-function ue(t) {
-  const e = document.createElement("slot");
-  return t && (e.name = t), e;
-}
-const Ae = document.createElement("template");
-Ae.innerHTML = `
+const He = document.createElement("template");
+He.innerHTML = `
   <div class="tbw-scroll-area">
     <div class="rows-body-wrapper">
       <div class="rows-body" role="grid">
@@ -1377,34 +1475,38 @@ Ae.innerHTML = `
     <div class="faux-vscroll-spacer"></div>
   </div>
 `;
-function Pe() {
-  return Ae.content.cloneNode(!0);
+function Oe() {
+  return He.content.cloneNode(!0);
 }
-function fe(t) {
-  const e = document.createDocumentFragment(), o = T(t.hasShell ? "tbw-grid-root has-shell" : "tbw-grid-root");
+function me(t) {
+  const e = document.createDocumentFragment(), o = A(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 i = T("tbw-grid-content");
-    i.appendChild(Pe()), o.appendChild(i);
+    const i = A("tbw-grid-content");
+    i.appendChild(Oe()), o.appendChild(i);
   }
   return e.appendChild(o), e;
 }
-function dt(t) {
-  const e = T("tbw-shell-header", { part: "shell-header", role: "presentation" });
+function mt(t) {
+  const e = A("tbw-shell-header", { part: "shell-header", role: "presentation" });
   if (t.title) {
-    const r = T("tbw-shell-title");
+    const r = A("tbw-shell-title");
     r.textContent = t.title, e.appendChild(r);
   }
-  const o = T("tbw-shell-content", { part: "shell-content", role: "presentation" });
-  o.appendChild(ue("header-content")), e.appendChild(o);
-  const i = T("tbw-shell-toolbar", { part: "shell-toolbar", role: "presentation" });
+  const o = A("tbw-shell-content", {
+    part: "shell-content",
+    role: "presentation",
+    "data-light-dom-header-content": ""
+  });
+  e.appendChild(o);
+  const i = A("tbw-shell-toolbar", { part: "shell-toolbar", role: "presentation" });
   for (const r of t.configButtons)
-    (r.hasElement || r.hasRender) && i.appendChild(T("tbw-toolbar-btn-slot", { "data-btn-slot": r.id }));
+    (r.hasElement || r.hasRender) && i.appendChild(A("tbw-toolbar-btn-slot", { "data-btn-slot": r.id }));
   for (const r of t.apiButtons)
-    (r.hasElement || r.hasRender) && i.appendChild(T("tbw-toolbar-btn-slot", { "data-btn-slot": r.id }));
-  if (i.appendChild(ue("toolbar")), (t.configButtons.some((r) => r.hasElement || r.hasRender) || t.apiButtons.some((r) => r.hasElement || r.hasRender)) && t.hasPanels && i.appendChild(T("tbw-toolbar-separator")), t.hasPanels) {
-    const r = xe(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
+    (r.hasElement || r.hasRender) && i.appendChild(A("tbw-toolbar-btn-slot", { "data-btn-slot": r.id }));
+  if (i.appendChild(A("tbw-toolbar-light-dom", { "data-light-dom-toolbar": "" })), (t.configButtons.some((r) => r.hasElement || r.hasRender) || t.apiButtons.some((r) => r.hasElement || r.hasRender)) && t.hasPanels && i.appendChild(A("tbw-toolbar-separator")), t.hasPanels) {
+    const r = Le(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
       "data-panel-toggle": "",
       title: "Settings",
       "aria-label": "Toggle settings panel",
@@ -1415,12 +1517,12 @@ function dt(t) {
   }
   return e.appendChild(i), e;
 }
-function ht(t) {
-  const e = T("tbw-shell-body"), o = t.panels.length > 0, i = t.panels.length === 1, n = T("tbw-grid-content");
-  n.appendChild(Pe());
+function bt(t) {
+  const e = A("tbw-shell-body"), o = t.panels.length > 0, i = t.panels.length === 1, n = A("tbw-grid-content");
+  n.appendChild(Oe());
   let r = null;
   if (o) {
-    r = F("aside", {
+    r = X("aside", {
       class: t.isPanelOpen ? "tbw-tool-panel open" : "tbw-tool-panel",
       part: "tool-panel",
       "data-position": t.position,
@@ -1429,29 +1531,29 @@ function ht(t) {
     });
     const s = t.position === "left" ? "right" : "left";
     r.appendChild(
-      T("tbw-tool-panel-resize", {
+      A("tbw-tool-panel-resize", {
         "data-resize-handle": "",
         "data-handle-position": s,
         "aria-hidden": "true"
       })
     );
-    const l = T("tbw-tool-panel-content", { role: "presentation" }), a = T("tbw-accordion");
+    const l = A("tbw-tool-panel-content", { role: "presentation" }), a = A("tbw-accordion");
     for (const c of t.panels) {
-      const h = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${i ? " single" : ""}`, d = T(h, { "data-section": c.id }), f = xe("tbw-accordion-header", {
+      const u = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${i ? " single" : ""}`, d = A(u, { "data-section": c.id }), f = Le("tbw-accordion-header", {
         "aria-expanded": String(c.isExpanded),
         "aria-controls": `tbw-section-${c.id}`
       });
       if (i && f.setAttribute("aria-disabled", "true"), c.icon) {
-        const u = F("span", { class: "tbw-accordion-icon" });
-        u.innerHTML = c.icon, f.appendChild(u);
+        const h = X("span", { class: "tbw-accordion-icon" });
+        h.innerHTML = c.icon, f.appendChild(h);
       }
-      const p = F("span", { class: "tbw-accordion-title" });
+      const p = X("span", { class: "tbw-accordion-title" });
       if (p.textContent = c.title, f.appendChild(p), !i) {
-        const u = F("span", { class: "tbw-accordion-chevron" });
-        u.innerHTML = c.isExpanded ? t.collapseIcon : t.expandIcon, f.appendChild(u);
+        const h = X("span", { class: "tbw-accordion-chevron" });
+        h.innerHTML = c.isExpanded ? t.collapseIcon : t.expandIcon, f.appendChild(h);
       }
       d.appendChild(f), d.appendChild(
-        T("tbw-accordion-content", {
+        A("tbw-accordion-content", {
           id: `tbw-section-${c.id}`,
           role: "presentation"
         })
@@ -1461,10 +1563,10 @@ function ht(t) {
   }
   return t.position === "left" && r ? (e.appendChild(r), e.appendChild(n)) : (e.appendChild(n), r && e.appendChild(r)), e;
 }
-function O(t) {
+function z(t) {
   return t ? typeof t == "string" ? t : t.outerHTML : "";
 }
-function ut() {
+function wt() {
   return {
     toolPanels: /* @__PURE__ */ new Map(),
     headerContents: /* @__PURE__ */ new Map(),
@@ -1478,36 +1580,36 @@ function ut() {
     expandedSections: /* @__PURE__ */ new Set(),
     headerContentCleanups: /* @__PURE__ */ new Map(),
     panelCleanups: /* @__PURE__ */ new Map(),
-    toolbarButtonCleanups: /* @__PURE__ */ new Map()
+    toolbarButtonCleanups: /* @__PURE__ */ new Map(),
+    lightDomContentMoved: !1,
+    lightDomToolButtonsMoved: !1
   };
 }
-function Le(t) {
+function Me(t) {
   return !!(t?.header?.title || t?.header?.toolbarButtons?.length || t?.toolPanels?.length || t?.headerContents?.length || t?.header?.lightDomContent?.length || t?.header?.hasToolButtonsContainer);
 }
-function pe(t, e, o = "☰") {
-  const i = t?.header?.title ?? e.lightDomTitle ?? "", n = !!i, r = O(o), s = t?.header?.toolbarButtons ?? [], l = s.some((g) => g.element || g.render), a = [...e.toolbarButtons.values()].some((g) => g.element || g.render), c = e.toolPanels.size > 0, d = (l || a) && c, f = [...s].sort((g, m) => (g.order ?? 100) - (m.order ?? 100)), p = [...e.toolbarButtons.values()].sort((g, m) => (g.order ?? 100) - (m.order ?? 100));
-  let u = "";
+function be(t, e, o = "☰") {
+  const i = t?.header?.title ?? e.lightDomTitle ?? "", n = !!i, r = z(o), s = t?.header?.toolbarButtons ?? [], l = s.some((g) => g.element || g.render), a = [...e.toolbarButtons.values()].some((g) => g.element || g.render), c = e.toolPanels.size > 0, d = (l || a) && c, f = [...s].sort((g, w) => (g.order ?? 100) - (w.order ?? 100)), p = [...e.toolbarButtons.values()].sort((g, w) => (g.order ?? 100) - (w.order ?? 100));
+  let h = "";
   for (const g of f)
-    (g.element || g.render) && (u += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${g.id}"></div>`);
+    (g.element || g.render) && (h += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${g.id}"></div>`);
   for (const g of p)
-    (g.element || g.render) && (u += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${g.id}"></div>`);
-  if (u += '<slot name="toolbar"></slot>', d && (u += '<div class="tbw-toolbar-separator"></div>'), c) {
+    (g.element || g.render) && (h += `<div class="tbw-toolbar-btn-slot" data-btn-slot="${g.id}"></div>`);
+  if (h += '<div class="tbw-toolbar-light-dom" data-light-dom-toolbar></div>', d && (h += '<div class="tbw-toolbar-separator"></div>'), c) {
     const g = e.isPanelOpen;
-    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>`;
+    h += `<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">
-      ${n ? `<div class="tbw-shell-title">${We(i)}</div>` : ""}
-      <div class="tbw-shell-content" part="shell-content" role="presentation">
-        <slot name="header-content"></slot>
-      </div>
+      ${n ? `<div class="tbw-shell-title">${Ue(i)}</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">
-        ${u}
+        ${h}
       </div>
     </div>
   `;
 }
-function M(t, e) {
+function N(t, e) {
   const o = t.querySelector("tbw-grid-header");
   if (!o) return;
   if (!e.lightDomTitle) {
@@ -1515,15 +1617,13 @@ function M(t, e) {
     n && (e.lightDomTitle = n);
   }
   const i = o.querySelectorAll("tbw-grid-header-content");
-  i.length > 0 && e.lightDomHeaderContent.length === 0 && (e.lightDomHeaderContent = Array.from(i), e.lightDomHeaderContent.forEach((n) => {
-    n.setAttribute("slot", "header-content");
-  })), o.style.display = "none";
+  i.length > 0 && e.lightDomHeaderContent.length === 0 && (e.lightDomHeaderContent = Array.from(i)), o.style.display = "none";
 }
-function z(t, e) {
+function k(t, e) {
   const o = t.querySelector(":scope > tbw-grid-tool-buttons");
-  o && (e.hasToolButtonsContainer = !0, o.setAttribute("slot", "toolbar"));
+  o && (e.hasToolButtonsContainer = !0, o.style.display = "none");
 }
-function N(t, e, o) {
+function I(t, e, o) {
   t.querySelectorAll(":scope > tbw-grid-tool-panel").forEach((n) => {
     const r = n, s = r.getAttribute("id"), l = r.getAttribute("title");
     if (!s || !l) {
@@ -1532,39 +1632,39 @@ function N(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 a = r.getAttribute("icon") ?? void 0, c = r.getAttribute("tooltip") ?? void 0, u = parseInt(r.getAttribute("order") ?? "100", 10);
     let d;
     const f = o?.(r);
     if (f)
       d = f;
     else {
       const g = r.innerHTML.trim();
-      d = (m) => {
-        const b = document.createElement("div");
-        return b.innerHTML = g, m.appendChild(b), () => b.remove();
+      d = (w) => {
+        const _ = document.createElement("div");
+        return _.innerHTML = g, w.appendChild(_), () => _.remove();
       };
     }
     const p = e.toolPanels.get(s);
     if (p) {
       if (f) {
-        p.render = d, p.order = h, p.icon = a, p.tooltip = c;
+        p.render = d, p.order = u, p.icon = a, p.tooltip = c;
         const g = e.panelCleanups.get(s);
         g && (g(), e.panelCleanups.delete(s));
       }
       return;
     }
-    const u = {
+    const h = {
       id: s,
       title: l,
       icon: a,
       tooltip: c,
-      order: h,
+      order: u,
       render: d
     };
-    e.toolPanels.set(s, u), e.lightDomToolPanelIds.add(s), r.style.display = "none";
+    e.toolPanels.set(s, h), e.lightDomToolPanelIds.add(s), r.style.display = "none";
   });
 }
-function ft(t, e, o, i) {
+function vt(t, e, o, i) {
   const n = t.querySelector(".tbw-shell-toolbar");
   n && n.addEventListener("click", (s) => {
     const l = s.target;
@@ -1574,79 +1674,95 @@ function ft(t, e, o, i) {
     }
     const c = l.closest("[data-btn]");
     if (c) {
-      const h = c.getAttribute("data-btn");
-      h && i.onToolbarButtonClick(h);
+      const u = c.getAttribute("data-btn");
+      u && i.onToolbarButtonClick(u);
     }
   });
   const r = t.querySelector(".tbw-accordion");
   r && r.addEventListener("click", (s) => {
     const a = s.target.closest(".tbw-accordion-header");
     if (a) {
-      const h = a.closest("[data-section]")?.getAttribute("data-section");
-      h && i.onSectionToggle(h);
+      const u = a.closest("[data-section]")?.getAttribute("data-section");
+      u && i.onSectionToggle(u);
     }
   });
 }
-function pt(t, e, o) {
+function Ct(t, e, o) {
   const i = t.querySelector(".tbw-tool-panel"), n = t.querySelector("[data-resize-handle]"), r = t.querySelector(".tbw-shell-body");
   if (!i || !n || !r)
     return () => {
     };
   const s = e?.toolPanel?.position ?? "right", l = 200;
-  let a = 0, c = 0, h = 0, d = !1;
+  let a = 0, c = 0, u = 0, d = !1;
   const f = (g) => {
     if (!d) return;
     g.preventDefault();
-    const m = s === "left" ? g.clientX - a : a - g.clientX, b = Math.min(h, Math.max(l, c + m));
-    i.style.width = `${b}px`;
+    const w = s === "left" ? g.clientX - a : a - g.clientX, _ = Math.min(u, Math.max(l, c + w));
+    i.style.width = `${_}px`;
   }, p = () => {
     if (!d) return;
     d = !1, n.classList.remove("resizing"), i.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
     const g = i.getBoundingClientRect().width;
     o(g), document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", p);
-  }, u = (g) => {
-    g.preventDefault(), d = !0, a = g.clientX, c = i.getBoundingClientRect().width, h = r.getBoundingClientRect().width - 20, n.classList.add("resizing"), i.style.transition = "none", document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", f), document.addEventListener("mouseup", p);
+  }, h = (g) => {
+    g.preventDefault(), d = !0, a = g.clientX, c = i.getBoundingClientRect().width, u = r.getBoundingClientRect().width - 20, n.classList.add("resizing"), i.style.transition = "none", document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", f), document.addEventListener("mouseup", p);
   };
-  return n.addEventListener("mousedown", u), () => {
-    n.removeEventListener("mousedown", u), document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", p);
+  return n.addEventListener("mousedown", h), () => {
+    n.removeEventListener("mousedown", h), document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", p);
   };
 }
-function gt(t, e, o) {
-  const i = [...e?.header?.toolbarButtons ?? [], ...o.toolbarButtons.values()];
-  for (const n of i) {
-    const r = t.querySelector(`[data-btn-slot="${n.id}"]`);
-    if (!r) continue;
-    const s = o.toolbarButtonCleanups.get(n.id);
-    if (s && (s(), o.toolbarButtonCleanups.delete(n.id)), n.element)
-      r.appendChild(n.element);
-    else if (n.render) {
-      const l = n.render(r);
-      l && o.toolbarButtonCleanups.set(n.id, l);
+function yt(t, e, o, i) {
+  const n = [...e?.header?.toolbarButtons ?? [], ...o.toolbarButtons.values()];
+  for (const r of n) {
+    if (r.element?.parentNode || o.toolbarButtonCleanups.has(r.id)) continue;
+    const s = t.querySelector(`[data-btn-slot="${r.id}"]`);
+    if (s) {
+      if (r.element)
+        s.appendChild(r.element);
+      else if (r.render) {
+        const l = r.render(s);
+        l && o.toolbarButtonCleanups.set(r.id, l);
+      }
+    }
+  }
+  if (i && o.hasToolButtonsContainer && !o.lightDomToolButtonsMoved) {
+    const r = t.querySelector("[data-light-dom-toolbar]"), s = i.querySelector(":scope > tbw-grid-tool-buttons");
+    if (r && s && s.firstChild) {
+      for (; s.firstChild; )
+        r.appendChild(s.firstChild);
+      o.lightDomToolButtonsMoved = !0;
     }
   }
 }
-function He(t, e) {
-  const o = t.querySelector(".tbw-shell-content");
-  if (!o) return;
-  const i = [...e.headerContents.values()].sort((r, s) => (r.order ?? 100) - (s.order ?? 100)), n = o.querySelector('slot[name="header-content"]');
-  for (const r of i) {
-    const s = e.headerContentCleanups.get(r.id);
-    s && (s(), e.headerContentCleanups.delete(r.id));
-    let l = o.querySelector(`[data-header-content="${r.id}"]`);
-    l || (l = document.createElement("div"), l.setAttribute("data-header-content", r.id), n ? o.insertBefore(l, n) : o.appendChild(l));
-    const a = r.render(l);
-    a && e.headerContentCleanups.set(r.id, a);
+function De(t, e) {
+  const o = e.lightDomHeaderContent.length > 0 && !e.lightDomContentMoved, i = e.headerContents.size > 0;
+  if (!o && !i) return;
+  const n = t.querySelector(".tbw-shell-content");
+  if (!n) return;
+  if (o) {
+    for (const s of e.lightDomHeaderContent)
+      s.style.display = "", n.appendChild(s);
+    e.lightDomContentMoved = !0;
+  }
+  const r = [...e.headerContents.values()].sort((s, l) => (s.order ?? 100) - (l.order ?? 100));
+  for (const s of r) {
+    const l = e.headerContentCleanups.get(s.id);
+    l && (l(), e.headerContentCleanups.delete(s.id));
+    let a = n.querySelector(`[data-header-content="${s.id}"]`);
+    a || (a = document.createElement("div"), a.setAttribute("data-header-content", s.id), n.appendChild(a));
+    const c = s.render(a);
+    c && e.headerContentCleanups.set(s.id, c);
   }
 }
-function wt(t, e, o) {
+function _t(t, e, o) {
   if (!e.isPanelOpen) return;
-  const i = O(o?.expand ?? L.expand), n = O(o?.collapse ?? L.collapse);
+  const i = z(o?.expand ?? M.expand), n = z(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");
-    h && h.setAttribute("aria-expanded", String(l));
+    const u = a.querySelector(".tbw-accordion-header");
+    u && u.setAttribute("aria-expanded", String(l));
     const d = a.querySelector(".tbw-accordion-chevron");
     if (d && (d.innerHTML = l ? n : i), l) {
       if (c.children.length === 0) {
@@ -1659,15 +1775,15 @@ function wt(t, e, o) {
     }
   }
 }
-function ge(t, e) {
+function we(t, e) {
   const o = t.querySelector("[data-panel-toggle]");
   o && (o.classList.toggle("active", e.isPanelOpen), o.setAttribute("aria-pressed", String(e.isPanelOpen)));
 }
-function we(t, e) {
+function ve(t, e) {
   const o = t.querySelector(".tbw-tool-panel");
   o && (o.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (o.style.width = ""));
 }
-function bt(t, e) {
+function Et(t, e) {
   const o = [];
   for (const i of t?.header?.toolbarButtons ?? [])
     o.push({
@@ -1690,7 +1806,7 @@ function bt(t, e) {
     });
   return o;
 }
-function mt(t) {
+function St(t) {
   for (const e of t.headerContentCleanups.values())
     e();
   t.headerContentCleanups.clear();
@@ -1702,9 +1818,9 @@ function mt(t) {
   if (t.toolbarButtonCleanups.clear(), t.isPanelOpen)
     for (const e of t.expandedSections)
       t.toolPanels.get(e)?.onClose?.();
-  t.isPanelOpen = !1, t.expandedSections.clear(), t.toolPanels.clear(), t.headerContents.clear(), t.toolbarButtons.clear(), t.lightDomHeaderContent = [];
+  t.isPanelOpen = !1, t.expandedSections.clear(), t.toolPanels.clear(), t.headerContents.clear(), t.toolbarButtons.clear(), t.lightDomHeaderContent = [], t.lightDomContentMoved = !1, t.lightDomToolButtonsMoved = !1;
 }
-function vt(t, e) {
+function Tt(t, e) {
   let o = !1;
   const i = {
     get isInitialized() {
@@ -1733,7 +1849,7 @@ function vt(t, e) {
         s && t.expandedSections.add(s.id);
       }
       const n = e.getShadow();
-      ge(n, t), we(n, t), wt(n, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: i.expandedSections });
+      we(n, t), ve(n, t), _t(n, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: i.expandedSections });
     },
     closeToolPanel() {
       if (!t.isPanelOpen) return;
@@ -1744,7 +1860,7 @@ function vt(t, e) {
         r.onClose?.();
       t.isPanelOpen = !1;
       const n = e.getShadow();
-      ge(n, t), we(n, t), e.emit("tool-panel-close", {});
+      we(n, t), ve(n, t), e.emit("tool-panel-close", {});
     },
     toggleToolPanel() {
       t.isPanelOpen ? i.closeToolPanel() : i.openToolPanel();
@@ -1760,16 +1876,16 @@ function vt(t, e) {
       const s = e.getShadow(), l = t.expandedSections.has(n);
       if (l) {
         const a = t.panelCleanups.get(n);
-        a && (a(), t.panelCleanups.delete(n)), r.onClose?.(), t.expandedSections.delete(n), J(s, n, !1);
+        a && (a(), t.panelCleanups.delete(n)), r.onClose?.(), t.expandedSections.delete(n), te(s, n, !1);
       } else {
         for (const [a, c] of t.toolPanels)
           if (a !== n && t.expandedSections.has(a)) {
-            const h = t.panelCleanups.get(a);
-            h && (h(), t.panelCleanups.delete(a)), c.onClose?.(), t.expandedSections.delete(a), J(s, a, !1);
+            const u = t.panelCleanups.get(a);
+            u && (u(), t.panelCleanups.delete(a)), c.onClose?.(), t.expandedSections.delete(a), te(s, a, !1);
             const d = s.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
             d && (d.innerHTML = "");
           }
-        t.expandedSections.add(n), J(s, n, !0), Ct(s, t, n);
+        t.expandedSections.add(n), te(s, n, !0), Rt(s, t, n);
       }
       e.emit("tool-panel-section-toggle", { id: n, expanded: !l });
     },
@@ -1798,14 +1914,14 @@ function vt(t, e) {
         console.warn(`[tbw-grid] Header content "${n.id}" already registered`);
         return;
       }
-      t.headerContents.set(n.id, n), o && He(e.getShadow(), t);
+      t.headerContents.set(n.id, n), o && De(e.getShadow(), t);
     },
     unregisterHeaderContent(n) {
       const r = t.headerContentCleanups.get(n);
       r && (r(), t.headerContentCleanups.delete(n)), t.headerContents.get(n)?.onDestroy?.(), t.headerContents.delete(n), e.getShadow().querySelector(`[data-header-content="${n}"]`)?.remove();
     },
     getToolbarButtons() {
-      return bt(e.getShellConfig(), t);
+      return Et(e.getShellConfig(), t);
     },
     registerToolbarButton(n) {
       if (t.toolbarButtons.has(n.id)) {
@@ -1829,11 +1945,11 @@ function vt(t, e) {
   };
   return i;
 }
-function J(t, e, o) {
+function te(t, e, o) {
   const i = t.querySelector(`[data-section="${e}"]`);
   i && i.classList.toggle("expanded", o);
 }
-function Ct(t, e, o) {
+function Rt(t, e, o) {
   const i = e.toolPanels.get(o);
   if (!i?.render) return;
   const n = t.querySelector(`[data-section="${o}"] .tbw-accordion-content`);
@@ -1841,46 +1957,51 @@ function Ct(t, e, o) {
   const r = i.render(n);
   r && e.panelCleanups.set(o, r);
 }
-function _t(t, e, o, i) {
-  const n = Le(e);
-  if (t.replaceChildren(), n) {
-    const r = O(i?.toolPanel ?? L.toolPanel), s = O(i?.expand ?? L.expand), l = O(i?.collapse ?? L.collapse), c = [...e?.header?.toolbarButtons ?? []].sort((b, _) => (b.order ?? 100) - (_.order ?? 100)), d = [...e?.toolPanels ?? []].sort((b, _) => (b.order ?? 100) - (_.order ?? 100)), f = {
+function xt(t, e, o, i) {
+  const n = Me(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.replaceChildren();
+  for (const l of r)
+    t.appendChild(l);
+  if (n) {
+    const l = z(i?.toolPanel ?? M.toolPanel), a = z(i?.expand ?? M.expand), c = z(i?.collapse ?? M.collapse), d = [...e?.header?.toolbarButtons ?? []].sort((v, m) => (v.order ?? 100) - (m.order ?? 100)), p = [...e?.toolPanels ?? []].sort((v, m) => (v.order ?? 100) - (m.order ?? 100)), h = {
       title: e?.header?.title ?? void 0,
-      hasPanels: d.length > 0,
+      hasPanels: p.length > 0,
       isPanelOpen: o.isPanelOpen,
-      toolPanelIcon: r,
+      toolPanelIcon: l,
       // All buttons are now in config (no more separate config vs API distinction for rendering)
-      configButtons: c.map((b) => ({
-        id: b.id,
-        hasElement: !!b.element,
-        hasRender: !!b.render
+      configButtons: d.map((v) => ({
+        id: v.id,
+        hasElement: !!v.element,
+        hasRender: !!v.render
       })),
       apiButtons: []
       // No longer needed - all buttons merged into configButtons
-    }, p = {
+    }, g = {
       position: e?.toolPanel?.position ?? "right",
       isPanelOpen: o.isPanelOpen,
-      expandIcon: s,
-      collapseIcon: l,
-      panels: d.map((b) => ({
-        id: b.id,
-        title: b.title,
-        icon: O(b.icon),
-        isExpanded: o.expandedSections.has(b.id)
+      expandIcon: a,
+      collapseIcon: c,
+      panels: p.map((v) => ({
+        id: v.id,
+        title: v.title,
+        icon: z(v.icon),
+        isExpanded: o.expandedSections.has(v.id)
       }))
-    }, u = dt(f), g = ht(p), m = fe({
+    }, w = mt(h), _ = bt(g), T = me({
       hasShell: !0,
-      shellHeader: u,
-      shellBody: g
+      shellHeader: w,
+      shellBody: _
     });
-    t.appendChild(m);
+    t.appendChild(T);
   } else {
-    const r = fe({ hasShell: !1 });
-    t.appendChild(r);
+    const l = me({ hasShell: !1 });
+    t.appendChild(l);
   }
   return n;
 }
-function yt() {
+function At() {
   return {
     startY: null,
     startX: null,
@@ -1894,19 +2015,19 @@ function yt() {
     momentumRaf: 0
   };
 }
-function Et(t) {
+function Pt(t) {
   t.startY = null, t.startX = null, t.scrollTop = null, t.scrollLeft = null, t.lastY = null, t.lastX = null, t.lastTime = null;
 }
-function Oe(t) {
+function ze(t) {
   t.momentumRaf && (cancelAnimationFrame(t.momentumRaf), t.momentumRaf = 0);
 }
-function St(t, e, o) {
+function Lt(t, e, o) {
   if (t.touches.length !== 1) return;
-  Oe(e);
+  ze(e);
   const i = t.touches[0];
   e.startY = i.clientY, e.startX = i.clientX, e.lastY = i.clientY, e.lastX = i.clientX, e.lastTime = performance.now(), e.scrollTop = o.fauxScrollbar.scrollTop, e.scrollLeft = o.scrollArea?.scrollLeft ?? 0, e.velocityY = 0, e.velocityX = 0;
 }
-function Rt(t, e, o) {
+function Ht(t, e, o) {
   if (t.touches.length !== 1 || e.startY === null || e.startX === null || e.scrollTop === null || e.scrollLeft === null)
     return !1;
   const i = t.touches[0], n = i.clientY, r = i.clientX, s = performance.now(), l = e.startY - n, a = e.startX - r;
@@ -1915,18 +2036,18 @@ function Rt(t, e, o) {
     g > 0 && (e.velocityY = (e.lastY - n) / g, e.velocityX = (e.lastX - r) / g);
   }
   e.lastY = n, e.lastX = r, e.lastTime = s;
-  const { scrollTop: c, scrollHeight: h, clientHeight: d } = o.fauxScrollbar, f = h - d, p = l > 0 && c < f || l < 0 && c > 0;
-  let u = !1;
+  const { scrollTop: c, scrollHeight: u, clientHeight: d } = o.fauxScrollbar, f = u - d, p = l > 0 && c < f || l < 0 && c > 0;
+  let h = !1;
   if (o.scrollArea) {
-    const { scrollLeft: g, scrollWidth: m, clientWidth: b } = o.scrollArea, _ = m - b;
-    u = a > 0 && g < _ || a < 0 && g > 0;
+    const { scrollLeft: g, scrollWidth: w, clientWidth: _ } = o.scrollArea, T = w - _;
+    h = a > 0 && g < T || a < 0 && g > 0;
   }
-  return p && (o.fauxScrollbar.scrollTop = e.scrollTop + l), u && o.scrollArea && (o.scrollArea.scrollLeft = e.scrollLeft + a), p || u;
+  return p && (o.fauxScrollbar.scrollTop = e.scrollTop + l), h && o.scrollArea && (o.scrollArea.scrollLeft = e.scrollLeft + a), p || h;
 }
-function Tt(t, e) {
-  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && xt(t, e), Et(t);
+function Ot(t, e) {
+  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Mt(t, e), Pt(t);
 }
-function xt(t, e) {
+function Mt(t, e) {
   const n = () => {
     t.velocityY *= 0.95, t.velocityX *= 0.95;
     const r = t.velocityY * 16, s = t.velocityX * 16;
@@ -1934,19 +2055,19 @@ function xt(t, e) {
   };
   t.momentumRaf = requestAnimationFrame(n);
 }
-function At(t, e, o, i) {
-  t.addEventListener("touchstart", (n) => St(n, e, o), {
+function Dt(t, e, o, i) {
+  t.addEventListener("touchstart", (n) => Lt(n, e, o), {
     passive: !0,
     signal: i
   }), t.addEventListener(
     "touchmove",
     (n) => {
-      Rt(n, e, o) && n.preventDefault();
+      Ht(n, e, o) && n.preventDefault();
     },
     { passive: !1, signal: i }
-  ), t.addEventListener("touchend", () => Tt(e, o), { passive: !0, signal: i });
+  ), t.addEventListener("touchend", () => Ot(e, o), { passive: !0, signal: i });
 }
-const Pt = [
+const zt = [
   // EditingPlugin
   {
     property: "editable",
@@ -1976,7 +2097,7 @@ const Pt = [
     importHint: "import { PinnedColumnsPlugin } from '@toolbox-web/grid/plugins/pinned-columns';",
     isUsed: (t) => t === "left" || t === "right"
   }
-], Lt = [
+], Nt = [
   // GroupingColumnsPlugin
   {
     property: "columnGroups",
@@ -1986,37 +2107,37 @@ const Pt = [
     isUsed: (t) => Array.isArray(t) && t.length > 0
   }
 ];
-function H(t) {
+function D(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function be(t, e) {
+function Ce(t, e) {
   return t.some((o) => o.name === e);
 }
-function Ht(t, e) {
+function kt(t, e) {
   const o = /* @__PURE__ */ new Map();
   function i(r, s, l, a, c = !1) {
     o.has(r) || o.set(r, { description: s, importHint: l, fields: [], isConfigProperty: c });
-    const h = o.get(r);
-    h.fields.includes(a) || h.fields.push(a);
+    const u = o.get(r);
+    u.fields.includes(a) || u.fields.push(a);
   }
-  for (const r of Lt) {
+  for (const r of Nt) {
     const s = t[r.property];
-    (r.isUsed ? r.isUsed(s) : s !== void 0) && !be(e, r.pluginName) && i(r.pluginName, r.description, r.importHint, r.property, !0);
+    (r.isUsed ? r.isUsed(s) : s !== void 0) && !Ce(e, r.pluginName) && i(r.pluginName, r.description, r.importHint, r.property, !0);
   }
   const n = t.columns;
   if (n && n.length > 0)
     for (const r of n)
-      for (const s of Pt) {
+      for (const s of zt) {
         const l = r[s.property];
-        if ((s.isUsed ? s.isUsed(l) : l !== void 0) && !be(e, s.pluginName)) {
+        if ((s.isUsed ? s.isUsed(l) : l !== void 0) && !Ce(e, s.pluginName)) {
           const c = r.field || "<unknown>";
           i(s.pluginName, s.description, s.importHint, c);
         }
       }
   if (o.size > 0) {
     const r = [];
-    for (const [s, { description: l, importHint: a, fields: c, isConfigProperty: h }] of o)
-      if (h)
+    for (const [s, { description: l, importHint: a, fields: c, isConfigProperty: u }] of o)
+      if (u)
         r.push(
           `Config uses ${l}, but the required plugin is not loaded.
   → Add the plugin to your gridConfig.plugins array:
@@ -2043,7 +2164,7 @@ This validation helps catch misconfigurations early. The properties listed above
     );
   }
 }
-const Ot = {
+const It = {
   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';",
@@ -2064,32 +2185,32 @@ const Ot = {
   serverSide: "import { ServerSidePlugin } from '@toolbox-web/grid/plugins/server-side';",
   columnVirtualization: "import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';"
 };
-function Dt(t) {
-  return Ot[t] ?? `import { ${H(t)}Plugin } from '@toolbox-web/grid/plugins/${t}';`;
+function qt(t) {
+  return It[t] ?? `import { ${D(t)}Plugin } from '@toolbox-web/grid/plugins/${t}';`;
 }
-function Mt(t, e) {
+function Bt(t, e) {
   const o = t.name, n = t.constructor.dependencies ?? [];
   for (const r of n) {
     const s = r.name, l = r.required ?? !0, a = r.reason;
-    if (!e.some((h) => h.name === s)) {
-      const h = a ?? `${H(o)}Plugin requires ${H(s)}Plugin`, d = Dt(s);
+    if (!e.some((u) => u.name === s)) {
+      const u = a ?? `${D(o)}Plugin requires ${D(s)}Plugin`, d = qt(s);
       if (l)
         throw new Error(
           `[tbw-grid] Plugin dependency error:
 
-${h}.
+${u}.
 
-  → Add the plugin to your gridConfig.plugins array BEFORE ${H(o)}Plugin:
+  → Add the plugin to your gridConfig.plugins array BEFORE ${D(o)}Plugin:
     ${d}
-    plugins: [new ${H(s)}Plugin(), new ${H(o)}Plugin()]`
+    plugins: [new ${D(s)}Plugin(), new ${D(o)}Plugin()]`
         );
       console.info(
-        `[tbw-grid] ${H(o)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
+        `[tbw-grid] ${D(o)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
       );
     }
   }
 }
-class zt {
+class Wt {
   constructor(e) {
     this.grid = e;
   }
@@ -2119,7 +2240,7 @@ class zt {
    * Validates dependencies and notifies other plugins of the new attachment.
    */
   attach(e) {
-    if (Mt(e, this.plugins), this.pluginMap.set(e.constructor, e), this.plugins.push(e), e.cellRenderers)
+    if (Bt(e, this.plugins), this.pluginMap.set(e.constructor, e), this.plugins.push(e), e.cellRenderers)
       for (const [o, i] of Object.entries(e.cellRenderers))
         this.cellRenderers.set(o, i);
     if (e.headerRenderers)
@@ -2193,11 +2314,11 @@ class zt {
     return this.cellEditors.get(e);
   }
   /**
-   * Get all CSS styles from all plugins.
+   * Get all CSS styles from all plugins as structured data.
+   * Returns an array of { name, styles } for each plugin with styles.
    */
-  getAllStyles() {
-    return this.plugins.filter((e) => e.styles).map((e) => e.styles).join(`
-`);
+  getPluginStyles() {
+    return this.plugins.filter((e) => e.styles).map((e) => ({ name: e.name, styles: e.styles }));
   }
   // #region Hook execution methods
   /**
@@ -2423,10 +2544,10 @@ class zt {
   }
   // #endregion
 }
-class D extends HTMLElement {
+class P extends HTMLElement {
   // TODO: Rename to 'data-grid' when migration is complete
   static tagName = "tbw-grid";
-  static version = "0.4.2";
+  static version = "0.6.0";
   // ---------------- Framework Adapters ----------------
   /**
    * Registry of framework adapters that handle converting light DOM elements
@@ -2467,7 +2588,26 @@ class D extends HTMLElement {
   static get observedAttributes() {
     return ["rows", "columns", "grid-config", "fit-mode", "edit-on"];
   }
-  #o;
+  /**
+   * The render root for the grid. Without Shadow DOM, this is the element itself.
+   * This abstraction allows internal code to work the same way regardless of DOM mode.
+   */
+  get #i() {
+    return this;
+  }
+  /**
+   * Access the grid's ShadowRoot.
+   *
+   * Note: The grid renders into its light DOM and does not attach a shadow root,
+   * so this getter returns `null`. Use `grid.querySelector()` directly for DOM queries.
+   *
+   * @deprecated This property returns `null` since Shadow DOM was removed.
+   *             Use `grid.querySelector()` or `grid.querySelectorAll()` directly.
+   * @returns null (no shadow root is attached)
+   */
+  get shadowRoot() {
+    return super.shadowRoot;
+  }
   #c = !1;
   // ---------------- Ready Promise ----------------
   #f;
@@ -2497,22 +2637,21 @@ class D extends HTMLElement {
   // ---------------- Render Scheduler ----------------
   // Centralizes all rendering through a single RAF-based pipeline
   #l;
-  #v = 0;
-  #w = null;
+  #w = 0;
+  #m = null;
   #b = !1;
   // Cached flag for plugin scroll handlers
   #s;
   // Cached hook to avoid closures
-  #m = !1;
-  #A = yt();
+  #y = At();
   #g;
+  #v;
   #_;
-  #y;
   // Watches first row for size changes (CSS loading, custom renderers)
   #C;
   // Handle for cancelling deferred idle work
   // Pooled scroll event object (reused to avoid GC pressure during scroll)
-  #S = {
+  #z = {
     scrollTop: 0,
     scrollLeft: 0,
     scrollHeight: 0,
@@ -2521,22 +2660,22 @@ class D extends HTMLElement {
     clientWidth: 0
   };
   // ---------------- Plugin System ----------------
-  #i;
+  #o;
   #E;
   // Track last attached plugins to avoid unnecessary re-initialization
   // ---------------- Event Listeners ----------------
-  #O = !1;
+  #L = !1;
   // Guard against adding duplicate component-level listeners
-  #P;
+  #x;
   // Separate controller for DOM scroll listeners (recreated on DOM changes)
   // ---------------- Column State ----------------
-  #L;
+  #A;
   // ---------------- Config Manager ----------------
   #t;
   // ---------------- Shell State ----------------
-  #e = ut();
+  #e = wt();
   #a;
-  #D;
+  #H;
   // #endregion
   // #region Derived State
   // _rows: result of applying plugin processRows hooks
@@ -2622,7 +2761,7 @@ class D extends HTMLElement {
   }
   set rows(e) {
     const o = this.#r;
-    this.#r = e, o !== e && this.#H("rows");
+    this.#r = e, o !== e && this.#P("rows");
   }
   /**
    * Get the original unfiltered/unprocessed rows.
@@ -2636,28 +2775,28 @@ class D extends HTMLElement {
   }
   set columns(e) {
     const o = this.#t?.getColumns();
-    this.#t?.setColumns(e), o !== e && this.#H("columns");
+    this.#t?.setColumns(e), o !== e && this.#P("columns");
   }
   get gridConfig() {
     return this.#n;
   }
   set gridConfig(e) {
     const o = this.#t?.getGridConfig();
-    this.#t?.setGridConfig(e), o !== e && (this.#t.clearLightDomCache(), this.#H("gridConfig"));
+    this.#t?.setGridConfig(e), o !== e && (this.#t.clearLightDomCache(), this.#P("gridConfig"));
   }
   get fitMode() {
     return this.#n.fitMode ?? "stretch";
   }
   set fitMode(e) {
     const o = this.#t?.getFitMode();
-    this.#t?.setFitMode(e), o !== e && this.#H("fitMode");
+    this.#t?.setFitMode(e), o !== e && this.#P("fitMode");
   }
   get editOn() {
     return this.#n.editOn;
   }
   set editOn(e) {
     const o = this.#t?.getEditOn();
-    this.#t?.setEditOn(e), o !== e && this.#H("editMode");
+    this.#t?.setEditOn(e), o !== e && this.#P("editMode");
   }
   /**
    * Effective config accessor for internal modules and plugins.
@@ -2681,50 +2820,50 @@ class D extends HTMLElement {
   }
   // #endregion
   constructor() {
-    super(), this.#o = this.attachShadow({ mode: "open" }), this.#J(), this.#f = new Promise((e) => this.#d = e), this.#l = new at({
+    super(), this.#te(), this.#f = new Promise((e) => this.#d = e), this.#l = new pt({
       mergeConfig: () => {
-        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#G(), Ht(this.#n, this.#i?.getPlugins() ?? []), this.#N = [...this._columns];
+        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#Y(), kt(this.#n, this.#o?.getPlugins() ?? []), this.#N = [...this._columns];
       },
-      processColumns: () => this.#de(),
-      processRows: () => this.#he(),
-      renderHeader: () => X(this),
-      updateTemplate: () => q(this),
+      processColumns: () => this.#fe(),
+      processRows: () => this.#pe(),
+      renderHeader: () => Z(this),
+      updateTemplate: () => $(this),
       renderVirtualWindow: () => this.refreshVirtualWindow(!0),
       afterRender: () => {
-        this.#i?.afterRender(), this.#n.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, ne(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, k(this)), this._virtualization.enabled && !this.#z && this.#te();
+        this.#o?.afterRender(), this.#n.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, ae(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, q(this)), this._virtualization.enabled && !this.#D && this.#ne();
       },
       isConnected: () => this.isConnected && this.#h
-    }), this.#l.setInitialReadyResolver(() => this.#d?.()), this.#a = vt(this.#e, {
-      getShadow: () => this.#o,
+    }), this.#l.setInitialReadyResolver(() => this.#d?.()), this.#a = Tt(this.#e, {
+      getShadow: () => this.#i,
       getShellConfig: () => this.#n?.shell,
       getAccordionIcons: () => ({
-        expand: this.#n?.icons?.expand ?? L.expand,
-        collapse: this.#n?.icons?.collapse ?? L.collapse
+        expand: this.#n?.icons?.expand ?? M.expand,
+        collapse: this.#n?.icons?.collapse ?? M.collapse
       }),
-      emit: (e, o) => this.#Y(e, o),
+      emit: (e, o) => this.#K(e, o),
       refreshShellHeader: () => this.refreshShellHeader()
-    }), this.#t = new Ke({
+    }), this.#t = new Je({
       getRows: () => this.#r,
       getSortState: () => this._sortState,
       setSortState: (e) => {
         this._sortState = e;
       },
       onConfigChange: () => {
-        this.#l.requestPhase(S.FULL, "configChange");
+        this.#l.requestPhase(x.FULL, "configChange");
       },
-      emit: (e, o) => this.#Y(e, o),
+      emit: (e, o) => this.#K(e, o),
       clearRowPool: () => {
         this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++;
       },
-      setup: () => this.#T(),
-      renderHeader: () => X(this),
-      updateTemplate: () => q(this),
-      refreshVirtualWindow: () => this.#l.requestPhase(S.VIRTUALIZATION, "configManager"),
+      setup: () => this.#R(),
+      renderHeader: () => Z(this),
+      updateTemplate: () => $(this),
+      refreshVirtualWindow: () => this.#l.requestPhase(x.VIRTUALIZATION, "configManager"),
       getVirtualization: () => this._virtualization,
       setRowHeight: (e) => {
         this._virtualization.rowHeight = e;
       },
-      applyAnimationConfig: (e) => this.#ue(e),
+      applyAnimationConfig: (e) => this.#ge(e),
       getShellLightDomTitle: () => this.#e.lightDomTitle,
       getShellToolPanels: () => this.#e.toolPanels,
       getShellHeaderContents: () => this.#e.headerContents,
@@ -2733,33 +2872,64 @@ class D extends HTMLElement {
       getShellHasToolButtonsContainer: () => this.#e.hasToolButtonsContainer
     });
   }
-  async #J() {
-    const e = new CSSStyleSheet();
-    if (te.length > 0) {
-      e.replaceSync(te), this.#o.adoptedStyleSheets = [e];
-      return;
-    }
-    await new Promise((o) => setTimeout(o, 50));
-    try {
-      let o = "";
-      for (const i of Array.from(document.styleSheets))
-        try {
-          const r = Array.from(i.cssRules || []).map((s) => s.cssText).join(`
+  /** ID for the consolidated grid stylesheet in document.head */
+  static #G = "tbw-grid-styles";
+  /** Track injected base styles CSS text */
+  static #O = "";
+  /** Track injected plugin styles by plugin name (accumulates across all grid instances) */
+  static #k = /* @__PURE__ */ new Map();
+  /**
+   * Get or create the consolidated style element in document.head.
+   * All grid and plugin styles are combined into this single element.
+   */
+  static #ee() {
+    let e = document.getElementById(this.#G);
+    return e || (e = document.createElement("style"), e.id = this.#G, e.setAttribute("data-tbw-grid", "true"), document.head.appendChild(e)), e;
+  }
+  /**
+   * Update the consolidated stylesheet with current base + plugin styles.
+   */
+  static #I() {
+    const e = this.#ee(), o = Array.from(this.#k.values()).join(`
+`);
+    e.textContent = `${this.#O}
+
+/* Plugin Styles */
+${o}`;
+  }
+  /**
+   * Inject grid styles into the document.
+   * All styles go into a single <style id="tbw-grid-styles"> element in document.head.
+   * Uses a singleton pattern to avoid duplicate injection across multiple grid instances.
+   */
+  async #te() {
+    if (!P.#O) {
+      if (re.length > 0) {
+        P.#O = re, P.#I();
+        return;
+      }
+      await new Promise((e) => setTimeout(e, 50));
+      try {
+        let e = "";
+        for (const o of Array.from(document.styleSheets))
+          try {
+            const n = Array.from(o.cssRules || []).map((r) => r.cssText).join(`
 `);
-          if (r.includes(".tbw-grid-root") && r.includes(":host")) {
-            o = r;
-            break;
+            if (n.includes(".tbw-grid-root") && n.includes("tbw-grid")) {
+              e = n;
+              break;
+            }
+          } catch {
+            continue;
           }
-        } catch {
-          continue;
-        }
-      o ? (e.replaceSync(o), this.#o.adoptedStyleSheets = [e]) : (typeof process > "u" || process.env?.NODE_ENV !== "test") && console.warn(
-        "[tbw-grid] Could not find grid.css in document.styleSheets. Grid styling will not work.",
-        "Available stylesheets:",
-        Array.from(document.styleSheets).map((i) => i.href || "(inline)")
-      );
-    } catch (o) {
-      console.warn("[tbw-grid] Failed to extract grid.css from document stylesheets:", o);
+        e ? (P.#O = e, P.#I()) : (typeof process > "u" || process.env?.NODE_ENV !== "test") && console.warn(
+          "[tbw-grid] Could not find grid.css in document.styleSheets. Grid styling will not work.",
+          "Available stylesheets:",
+          Array.from(document.styleSheets).map((o) => o.href || "(inline)")
+        );
+      } catch (e) {
+        console.warn("[tbw-grid] Failed to extract grid.css from document stylesheets:", e);
+      }
     }
   }
   // ---------------- Plugin System ----------------
@@ -2769,7 +2939,7 @@ class D extends HTMLElement {
    * @internal Plugin API
    */
   getPlugin(e) {
-    return this.#i?.getPlugin(e);
+    return this.#o?.getPlugin(e);
   }
   /**
    * Get a plugin instance by its name.
@@ -2777,7 +2947,7 @@ class D extends HTMLElement {
    * @internal Plugin API
    */
   getPluginByName(e) {
-    return this.#i?.getPluginByName(e);
+    return this.#o?.getPluginByName(e);
   }
   /**
    * Request a full re-render of the grid.
@@ -2786,7 +2956,7 @@ class D extends HTMLElement {
    * @internal Plugin API
    */
   requestRender() {
-    this.#l.requestPhase(S.ROWS, "plugin:requestRender");
+    this.#l.requestPhase(x.ROWS, "plugin:requestRender");
   }
   /**
    * Request a full re-render and restore focus styling afterward.
@@ -2795,7 +2965,7 @@ class D extends HTMLElement {
    * @internal Plugin API
    */
   requestRenderWithFocus() {
-    this._restoreFocusAfterRender = !0, this.#l.requestPhase(S.ROWS, "plugin:requestRenderWithFocus");
+    this._restoreFocusAfterRender = !0, this.#l.requestPhase(x.ROWS, "plugin:requestRenderWithFocus");
   }
   /**
    * Update the grid's column template CSS.
@@ -2803,7 +2973,7 @@ class D extends HTMLElement {
    * @internal
    */
   updateTemplate() {
-    q(this);
+    $(this);
   }
   /**
    * Request a lightweight style update without rebuilding DOM.
@@ -2812,41 +2982,42 @@ class D extends HTMLElement {
    * @internal Plugin API
    */
   requestAfterRender() {
-    this.#l.requestPhase(S.STYLE, "plugin:requestAfterRender");
+    this.#l.requestPhase(x.STYLE, "plugin:requestAfterRender");
   }
   /**
    * Initialize plugin system with instances from config.
    * Plugins are class instances passed in gridConfig.plugins[].
    */
-  #V() {
-    this.#i = new zt(this);
+  #X() {
+    this.#o = new Wt(this);
     const e = this.#n?.plugins, o = Array.isArray(e) ? e : [];
-    this.#i.attachAll(o);
+    this.#o.attachAll(o);
   }
   /**
-   * Inject all plugin styles into the shadow DOM.
-   * Must be called after #render() since innerHTML wipes existing content.
+   * Inject all plugin styles into the consolidated style element.
+   * Plugin styles are appended after base grid styles in the same <style> element.
+   * Uses a Map to accumulate styles from all grid instances on the page.
    */
   #M() {
-    const e = this.#i?.getAllStyles() ?? "";
-    if (e) {
-      const o = document.createElement("style");
-      o.setAttribute("data-plugin", "all"), o.textContent = e, this.#o.appendChild(o);
-    }
+    const e = this.#o?.getPluginStyles() ?? [];
+    let o = !1;
+    for (const { name: i, styles: n } of e)
+      P.#k.has(i) || (P.#k.set(i, n), o = !0);
+    o && P.#I();
   }
   /**
    * Update plugins when grid config changes.
    * With class-based plugins, we need to detach old and attach new.
    * Skips re-initialization if the plugins array hasn't changed.
    */
-  #G() {
+  #Y() {
     const e = this.#n?.plugins, o = Array.isArray(e) ? e : [];
     if (this.#E !== o) {
       if (this.#E && this.#E.length === o.length && this.#E.every((i, n) => i === o[n])) {
         this.#E = o;
         return;
       }
-      this.#i && this.#i.detachAll();
+      this.#o && this.#o.detachAll();
       for (const i of this.#e.toolPanels.keys()) {
         const n = this.#e.lightDomToolPanelIds.has(i), r = this.#e.apiToolPanelIds.has(i);
         if (!n && !r) {
@@ -2858,25 +3029,25 @@ class D extends HTMLElement {
         const n = this.#e.headerContentCleanups.get(i);
         n && (n(), this.#e.headerContentCleanups.delete(i)), this.#e.headerContents.delete(i);
       }
-      this.#V(), this.#M(), this.#E = o, this.#X(), this.#b = this.#i?.getAll().some((i) => i.onScroll) ?? !1;
+      this.#X(), this.#M(), this.#E = o, this.#j(), this.#b = this.#o?.getAll().some((i) => i.onScroll) ?? !1;
     }
   }
   /**
    * Clean up plugin states when grid disconnects.
    */
-  #Q() {
-    this.#i?.detachAll();
+  #oe() {
+    this.#o?.detachAll();
   }
   /**
    * Collect tool panels and header content from all plugins.
    * Called after plugins are attached but before render.
    */
-  #X() {
-    if (!this.#i) return;
-    const e = this.#i.getToolPanels();
+  #j() {
+    if (!this.#o) return;
+    const e = this.#o.getToolPanels();
     for (const { panel: i } of e)
       this.#e.toolPanels.has(i.id) || this.#e.toolPanels.set(i.id, i);
-    const o = this.#i.getHeaderContents();
+    const o = this.#o.getHeaderContents();
     for (const { content: i } of o)
       this.#e.headerContents.has(i.id) || this.#e.headerContents.set(i.id, i);
   }
@@ -2884,8 +3055,8 @@ class D extends HTMLElement {
    * Gets a renderer factory for tool panels from registered framework adapters.
    * Returns a factory function that tries each adapter in order until one handles the element.
    */
-  #R() {
-    const e = D.getAdapters();
+  #T() {
+    const e = P.getAdapters();
     if (e.length === 0 && !this.__frameworkAdapter) return;
     const o = this.__frameworkAdapter;
     return (i) => {
@@ -2902,17 +3073,17 @@ class D extends HTMLElement {
   }
   // ---------------- Lifecycle ----------------
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", D.version), this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#g && (this.#g.abort(), this.#O = !1), this.#g = new AbortController(), this.#C && (de(this.#C), this.#C = void 0), M(this, this.#e), z(this, this.#e), N(this, this.#e, this.#R()), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#V();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", P.version), this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#g && (this.#g.abort(), this.#L = !1), this.#g = new AbortController(), this.#C && (ge(this.#C), this.#C = void 0), N(this, this.#e), k(this, this.#e), I(this, this.#e, this.#T()), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#X();
     const e = this.#n?.plugins;
-    this.#E = Array.isArray(e) ? e : [], this.#X(), this.#c || (this.#$(), this.#M(), this.#c = !0), this.#k(), this.#C = it(
+    this.#E = Array.isArray(e) ? e : [], this.#j(), this.#c || (this.#F(), this.#M(), this.#c = !0), this.#q(), this.#C = ft(
       () => {
-        this.#me();
+        this.#we();
       },
       { timeout: 100 }
     );
   }
   disconnectedCallback() {
-    this.#C && (de(this.#C), this.#C = void 0), this.#Q(), mt(this.#e), this.#a.setInitialized(!1), this.#D?.(), this.#D = void 0, Oe(this.#A), this.#g && (this.#g.abort(), this.#g = void 0), this.#P?.abort(), this.#P = void 0, this.#O = !1, this._resizeController && this._resizeController.dispose(), this.#_ && (this.#_.disconnect(), this.#_ = void 0), this.#y && (this.#y.disconnect(), this.#y = void 0, this.#z = !1), $(this), this.#x.clear(), this.#E = void 0;
+    this.#C && (ge(this.#C), this.#C = void 0), this.#oe(), St(this.#e), this.#a.setInitialized(!1), this.#H?.(), this.#H = void 0, ze(this.#y), this.#g && (this.#g.abort(), this.#g = void 0), this.#x?.abort(), this.#x = void 0, this.#L = !1, this._resizeController && this._resizeController.dispose(), this.#v && (this.#v.disconnect(), this.#v = void 0), this.#_ && (this.#_.disconnect(), this.#_ = void 0, this.#D = !1), G(this), this.#S.clear(), this.#E = void 0;
     for (const e of this._rowPool)
       e.remove();
     this._rowPool.length = 0, this.__rowsBodyEl = null, this.#h = !1;
@@ -2933,26 +3104,26 @@ class D extends HTMLElement {
         }
       else e === "fit-mode" ? this.fitMode = i : e === "edit-on" && (this.editOn = i);
   }
-  #k() {
-    const o = this.#o.querySelector(".tbw-grid-content") ?? this.#o.querySelector(".tbw-grid-root");
+  #q() {
+    const o = this.#i.querySelector(".tbw-grid-content") ?? this.#i.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) {
-      He(this.#o, this.#e), gt(this.#o, this.#n?.shell, this.#e);
+      De(this.#i, this.#e), yt(this.#i, this.#n?.shell, this.#e, this);
       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 = ct(this), this.#T(), this.#ee(o), this.#O)
+    if (this.setAttribute("data-upgraded", ""), this.#h = !0, this._resizeController = gt(this), this.#R(), this.#ie(o), this.#L)
       return;
-    this.#O = !0;
+    this.#L = !0;
     const i = this.disconnectSignal;
-    this.addEventListener("keydown", (r) => lt(this, r), { signal: i }), this.#o.addEventListener("mousedown", (r) => this.#pe(r), { signal: i }), document.addEventListener("mousemove", (r) => this.#ge(r), { signal: i }), document.addEventListener("mouseup", (r) => this.#we(r), { signal: i });
+    ct(this, this, this.#i, i);
     const n = this.#n.rowHeight;
-    n && n > 0 ? this._virtualization.rowHeight = n : requestAnimationFrame(() => this.#I()), queueMicrotask(() => this.#oe()), this.#l.requestPhase(S.FULL, "afterConnect");
+    n && n > 0 ? this._virtualization.rowHeight = n : requestAnimationFrame(() => this.#B()), queueMicrotask(() => this.#re()), this.#l.requestPhase(x.FULL, "afterConnect");
   }
   /**
    * Measure actual row height from DOM.
    * Finds the tallest cell to account for custom renderers that may push height.
    */
-  #I() {
+  #B() {
     const e = this._bodyEl?.querySelector(".data-grid-row");
     if (!e) return;
     const o = e.querySelectorAll(".cell");
@@ -2962,17 +3133,17 @@ class D extends HTMLElement {
       l > i && (i = l);
     });
     const n = e.getBoundingClientRect(), r = Math.max(n.height, i);
-    r > 0 && r !== this._virtualization.rowHeight && (this._virtualization.rowHeight = r, this.#l.requestPhase(S.VIRTUALIZATION, "measureRowHeight"));
+    r > 0 && r !== this._virtualization.rowHeight && (this._virtualization.rowHeight = r, this.#l.requestPhase(x.VIRTUALIZATION, "measureRowHeight"));
   }
   /**
    * Set up scroll-related event listeners on DOM elements.
    * These need to be re-attached when the DOM is recreated (e.g., shell toggle).
    * Uses a separate AbortController that is recreated each time.
    */
-  #ee(e) {
-    this.#P?.abort(), this.#P = new AbortController();
-    const o = this.#P.signal, i = e?.querySelector(".faux-vscroll"), n = e?.querySelector(".rows");
-    if (this._virtualization.container = i ?? this, this.#b = this.#i?.getAll().some((r) => r.onScroll) ?? !1, i && n) {
+  #ie(e) {
+    this.#x?.abort(), this.#x = new AbortController();
+    const o = this.#x.signal, i = e?.querySelector(".faux-vscroll"), n = e?.querySelector(".rows");
+    if (this._virtualization.container = i ?? this, this.#b = this.#o?.getAll().some((r) => r.onScroll) ?? !1, i && n) {
       i.addEventListener(
         "scroll",
         () => {
@@ -2981,44 +3152,44 @@ class D extends HTMLElement {
           if (this._rows.length <= this._virtualization.bypassThreshold)
             n.style.transform = `translateY(${-l}px)`;
           else {
-            const c = Math.floor(l / a), h = c - c % 2, d = -(l - h * a);
+            const c = Math.floor(l / a), u = c - c % 2, d = -(l - u * a);
             n.style.transform = `translateY(${d}px)`;
           }
-          this.#w = l, this.#v || (this.#v = requestAnimationFrame(() => {
-            this.#v = 0, this.#w !== null && (this.#fe(this.#w), this.#w = null);
+          this.#m = l, this.#w || (this.#w = requestAnimationFrame(() => {
+            this.#w = 0, this.#m !== null && (this.#me(this.#m), this.#m = null);
           }));
         },
         { passive: !0, signal: o }
       );
-      const r = this.#o.querySelector(".tbw-grid-content"), s = this.#o.querySelector(".tbw-scroll-area");
+      const r = this.#i.querySelector(".tbw-grid-content"), s = this.#i.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: f } = s;
-            (c > 0 && h < d - f || c < 0 && h > 0) && (l.preventDefault(), s.scrollLeft += c);
+            const c = l.shiftKey ? l.deltaY : l.deltaX, { scrollLeft: u, scrollWidth: d, clientWidth: f } = s;
+            (c > 0 && u < d - f || c < 0 && u > 0) && (l.preventDefault(), s.scrollLeft += c);
           } else if (!a) {
-            const { scrollTop: c, scrollHeight: h, clientHeight: d } = i;
-            (l.deltaY > 0 && c < h - d || l.deltaY < 0 && c > 0) && (l.preventDefault(), i.scrollTop += l.deltaY);
+            const { scrollTop: c, scrollHeight: u, clientHeight: d } = i;
+            (l.deltaY > 0 && c < u - d || l.deltaY < 0 && c > 0) && (l.preventDefault(), i.scrollTop += l.deltaY);
           }
         },
         { passive: !1, signal: o }
-      ), At(r, this.#A, { fauxScrollbar: i, scrollArea: s }, o));
+      ), Dt(r, this.#y, { fauxScrollbar: i, scrollArea: s }, o));
     }
-    this._bodyEl && Qe(this, this._bodyEl, o), this.#_?.disconnect(), this._virtualization.viewportEl && (this.#_ = new ResizeObserver(() => {
-      this.#l.requestPhase(S.VIRTUALIZATION, "resize-observer");
-    }), this.#_.observe(this._virtualization.viewportEl)), this._virtualization.enabled && this.#l.requestPhase(S.VIRTUALIZATION, "init-virtualization"), this.#o.addEventListener(
+    this._bodyEl && at(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.#i.addEventListener(
       "focusin",
       () => {
         this.dataset.hasFocus = "";
       },
       { signal: o }
-    ), this.#o.addEventListener(
+    ), this.#i.addEventListener(
       "focusout",
       (r) => {
         const s = r.relatedTarget;
-        (!s || !this.#o.contains(s)) && delete this.dataset.hasFocus;
+        (!s || !this.#i.contains(s)) && delete this.dataset.hasFocus;
       },
       { signal: o }
     );
@@ -3028,23 +3199,23 @@ class D extends HTMLElement {
    * Called after rows are rendered to observe the actual content.
    * Handles dynamic CSS loading, lazy images, font loading, column virtualization, etc.
    */
-  #z = !1;
+  #D = !1;
   // Only set up once per lifecycle
-  #te() {
-    if (this.#z) return;
+  #ne() {
+    if (this.#D) return;
     const e = this._bodyEl?.querySelector(".data-grid-row");
-    e && (this.#z = !0, this.#y?.disconnect(), this.#y = new ResizeObserver(() => {
-      this.#I();
-    }), this.#y.observe(e), requestAnimationFrame(() => {
-      this.#I();
+    e && (this.#D = !0, this.#_?.disconnect(), this.#_ = new ResizeObserver(() => {
+      this.#B();
+    }), this.#_.observe(e), requestAnimationFrame(() => {
+      this.#B();
     }));
   }
   // ---------------- Event Emitters ----------------
-  #Y(e, o) {
+  #K(e, o) {
     this.dispatchEvent(new CustomEvent(e, { detail: o, bubbles: !0, composed: !0 }));
   }
   /** Update ARIA selection attributes on rendered rows/cells */
-  #oe() {
+  #re() {
     this._bodyEl?.querySelectorAll(".data-grid-row")?.forEach((o, i) => {
       const n = i === this._focusRow;
       o.setAttribute("aria-selected", String(n)), o.querySelectorAll(".cell").forEach((r, s) => {
@@ -3059,14 +3230,14 @@ class D extends HTMLElement {
    * Queue an update for a specific property type.
    * All updates queued within the same microtask are batched together.
    */
-  #H(e) {
-    this.#p[e] = !0, !this.#u && (this.#u = !0, queueMicrotask(() => this.#ie()));
+  #P(e) {
+    this.#p[e] = !0, !this.#u && (this.#u = !0, queueMicrotask(() => this.#se()));
   }
   /**
    * Process all pending updates in optimal order.
    * Priority: gridConfig first (may affect all), then columns, rows, fitMode, editMode
    */
-  #ie() {
+  #se() {
     if (!this.#u || !this.#h) {
       this.#u = !1;
       return;
@@ -3079,43 +3250,43 @@ class D extends HTMLElement {
       fitMode: !1,
       editMode: !1
     }, e.gridConfig) {
-      this.#ae();
+      this.#he();
       return;
     }
-    e.columns && this.#re(), e.rows && this.#ne(), e.fitMode && this.#se(), e.editMode && this.#le();
+    e.columns && this.#ae(), e.rows && this.#le(), e.fitMode && this.#ce(), e.editMode && this.#de();
   }
   // Individual update applicators - these do the actual work
-  #ne() {
-    this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#l.requestPhase(S.ROWS, "applyRowsUpdate");
+  #le() {
+    this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#l.requestPhase(x.ROWS, "applyRowsUpdate");
   }
-  #re() {
-    $(this), this.#t.merge(), this.#T();
+  #ae() {
+    G(this), this.#t.merge(), this.#R();
   }
-  #se() {
-    this.#t.merge(), this.#n.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, ne(this)) : (this._columns.forEach((o) => {
+  #ce() {
+    this.#t.merge(), this.#n.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, ae(this)) : (this._columns.forEach((o) => {
       !o.__userResized && o.__autoSized && delete o.width;
-    }), q(this));
+    }), $(this));
   }
-  #le() {
-    this.#t.merge(), this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.#l.requestPhase(S.VIRTUALIZATION, "applyEditModeUpdate");
+  #de() {
+    this.#t.merge(), this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.#l.requestPhase(x.VIRTUALIZATION, "applyEditModeUpdate");
   }
-  #ae() {
-    M(this, this.#e), z(this, this.#e);
-    const e = !!this.#o.querySelector(".has-shell"), o = !!this.#o.querySelector(".tbw-tool-panel"), i = this.#o.querySelectorAll(".tbw-accordion-section").length;
-    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#G(), N(this, this.#e, this.#R()), this.#t.markSourcesChanged(), this.#t.merge();
-    const n = Le(this.#n?.shell), r = (this.#n?.shell?.toolPanels?.length ?? 0) > 0, s = (this.#n?.shell?.toolPanels?.length ?? 0) !== i;
+  #he() {
+    N(this, this.#e), k(this, this.#e);
+    const e = !!this.#i.querySelector(".has-shell"), o = !!this.#i.querySelector(".tbw-tool-panel"), i = this.#i.querySelectorAll(".tbw-accordion-section").length;
+    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#Y(), I(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge();
+    const n = Me(this.#n?.shell), r = (this.#n?.shell?.toolPanels?.length ?? 0) > 0, s = (this.#n?.shell?.toolPanels?.length ?? 0) !== i;
     if (e !== n || !e && n || !o && r || o && s) {
-      this.#$(), this.#M(), this.#k();
+      this.#F(), this.#M(), this.#q();
       return;
     }
-    e && this.#ce(), this.#l.requestPhase(S.COLUMNS, "applyGridConfigUpdate");
+    e && this.#ue(), this.#l.requestPhase(x.COLUMNS, "applyGridConfigUpdate");
   }
   /**
    * Update the shell header DOM in place without a full re-render.
    * Handles title, toolbar buttons, and other shell header changes.
    */
-  #ce() {
-    const e = this.#o.querySelector(".tbw-shell-header");
+  #ue() {
+    const e = this.#i.querySelector(".tbw-shell-header");
     if (!e) return;
     const o = this.#n.shell?.header?.title ?? this.#e.lightDomTitle;
     let i = e.querySelector(".tbw-shell-title");
@@ -3125,9 +3296,9 @@ class D extends HTMLElement {
   // The #queueUpdate() method schedules updates which are processed by #flushPendingUpdates()
   // and individual #apply*Update() methods. This coalesces rapid property changes
   // (e.g., setting rows, columns, gridConfig in quick succession) into a single update cycle.
-  #de() {
-    if (this.#i) {
-      const e = this.#N.length > 0 ? this.#N : this._columns, o = e.filter((r) => !r.hidden), i = e.filter((r) => r.hidden), n = this.#i.processColumns([...o]);
+  #fe() {
+    if (this.#o) {
+      const e = this.#N.length > 0 ? this.#N : this._columns, o = e.filter((r) => !r.hidden), i = e.filter((r) => r.hidden), n = this.#o.processColumns([...o]);
       if (n !== o) {
         new Set(o.map((l) => l.field));
         const r = new Set(n.map((l) => l.field));
@@ -3137,9 +3308,9 @@ class D extends HTMLElement {
     }
   }
   /** Recompute row model via plugin hooks. */
-  #he() {
-    $(this);
-    const e = Array.isArray(this.#r) ? [...this.#r] : [], o = this.#i?.processRows(e) ?? e;
+  #pe() {
+    G(this);
+    const e = Array.isArray(this.#r) ? [...this.#r] : [], o = this.#o?.processRows(e) ?? e;
     this._rows = o;
   }
   /**
@@ -3147,31 +3318,31 @@ class D extends HTMLElement {
    * This makes the grid's animation settings available to plugins via CSS variables.
    * Called by ConfigManager after merge.
    */
-  #ue(e) {
+  #ge(e) {
     const o = {
-      ...Me,
+      ...Ne,
       ...e.animation
     }, i = o.mode ?? "reduced-motion";
     let n = 1;
     i === !1 || i === "off" ? n = 0 : (i === !0 || i === "on") && (n = 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(n)), this.dataset.animationMode = typeof i == "boolean" ? i ? "on" : "off" : i;
   }
   // ---------------- Delegate Wrappers ----------------
-  #q(e, o, i = this.__rowRenderEpoch) {
-    this.#s || (this.#s = (n, r, s) => this.#i?.renderRow(n, r, s) ?? !1), st(this, e, o, i, this.#s);
+  #W(e, o, i = this.__rowRenderEpoch) {
+    this.#s || (this.#s = (n, r, s) => this.#o?.renderRow(n, r, s) ?? !1), ot(this, e, o, i, this.#s);
   }
   // Cache for ARIA counts to avoid redundant DOM writes on scroll (hot path)
-  #B = -1;
-  #j = -1;
+  #$ = -1;
+  #Z = -1;
   /**
    * Updates ARIA row/col counts on the grid container.
    * Also sets role="rowgroup" on .rows container only when there are rows.
    * Uses caching to avoid redundant DOM writes on every scroll frame.
    */
-  #K(e, o) {
-    if (e === this.#B && o === this.#j)
+  #J(e, o) {
+    if (e === this.#$ && o === this.#Z)
       return;
-    const i = this.#B;
-    this.#B = e, this.#j = o, this.__rowsBodyEl && (this.__rowsBodyEl.setAttribute("aria-rowcount", String(e)), this.__rowsBodyEl.setAttribute("aria-colcount", String(o))), e !== i && this._bodyEl && (e > 0 ? this._bodyEl.setAttribute("role", "rowgroup") : this._bodyEl.removeAttribute("role"));
+    const i = this.#$;
+    this.#$ = e, this.#Z = o, this.__rowsBodyEl && (this.__rowsBodyEl.setAttribute("aria-rowcount", String(e)), this.__rowsBodyEl.setAttribute("aria-colcount", String(o))), e !== i && this._bodyEl && (e > 0 ? this._bodyEl.setAttribute("role", "rowgroup") : this._bodyEl.removeAttribute("role"));
   }
   // ---------------- Core Helpers ----------------
   /**
@@ -3182,21 +3353,21 @@ class D extends HTMLElement {
    * Previously this method executed rendering synchronously, but that caused race
    * conditions with framework adapters that also schedule their own render work.
    */
-  #T() {
+  #R() {
     if (this.isConnected && !(!this._headerRowEl || !this._bodyEl)) {
-      if (this.#t.parseLightDomColumns(this), this.#L) {
-        const e = this.#L;
-        this.#L = void 0, this.#t.merge();
-        const o = this.#i?.getAll() ?? [];
+      if (this.#t.parseLightDomColumns(this), this.#A) {
+        const e = this.#A;
+        this.#A = void 0, this.#t.merge();
+        const o = this.#o?.getAll() ?? [];
         this.#t.applyState(e, o);
       }
-      this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), this.#l.requestPhase(S.FULL, "setup");
+      this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), this.#l.requestPhase(x.FULL, "setup");
     }
   }
-  #fe(e) {
-    if (this.refreshVirtualWindow(!1), this.#i?.onScrollRender(), this.#b) {
-      const o = this._virtualization.container, i = this.#S;
-      i.scrollTop = e, i.scrollLeft = o?.scrollLeft ?? 0, i.scrollHeight = o?.scrollHeight ?? 0, i.scrollWidth = o?.scrollWidth ?? 0, i.clientHeight = o?.clientHeight ?? 0, i.clientWidth = o?.clientWidth ?? 0, this.#i?.onScroll(i);
+  #me(e) {
+    if (this.refreshVirtualWindow(!1), this.#o?.onScrollRender(), this.#b) {
+      const o = this._virtualization.container, i = this.#z;
+      i.scrollTop = e, i.scrollLeft = o?.scrollLeft ?? 0, i.scrollHeight = o?.scrollHeight ?? 0, i.scrollWidth = o?.scrollWidth ?? 0, i.clientHeight = o?.clientHeight ?? 0, i.clientWidth = o?.clientWidth ?? 0, this.#o?.onScroll(i);
     }
   }
   /**
@@ -3205,7 +3376,7 @@ class D extends HTMLElement {
    * @internal Plugin API
    */
   findHeaderRow() {
-    return this.#o.querySelector(".header-row");
+    return this.#i.querySelector(".header-row");
   }
   /**
    * Find a rendered row element by its data row index.
@@ -3236,7 +3407,7 @@ class D extends HTMLElement {
       cellEl: n,
       originalEvent: e
     };
-    return this.#i?.onCellClick(l) ?? !1;
+    return this.#o?.onCellClick(l) ?? !1;
   }
   /**
    * Dispatch a row click event to the plugin system.
@@ -3250,7 +3421,7 @@ class D extends HTMLElement {
       rowEl: n,
       originalEvent: e
     };
-    return this.#i?.onRowClick(r) ?? !1;
+    return this.#o?.onRowClick(r) ?? !1;
   }
   /**
    * Dispatch a header click event to the plugin system.
@@ -3266,14 +3437,14 @@ class D extends HTMLElement {
       headerEl: i,
       originalEvent: e
     };
-    return this.#i?.onHeaderClick(r) ?? !1;
+    return this.#o?.onHeaderClick(r) ?? !1;
   }
   /**
    * Dispatch a keyboard event to the plugin system.
    * Returns true if any plugin handled the event.
    */
   _dispatchKeyDown(e) {
-    return this.#i?.onKeyDown(e) ?? !1;
+    return this.#o?.onKeyDown(e) ?? !1;
   }
   /**
    * Get horizontal scroll boundary offsets from plugins.
@@ -3281,7 +3452,7 @@ class D extends HTMLElement {
    * when plugins like pinned columns obscure part of the scroll area.
    */
   _getHorizontalScrollOffsets(e, o) {
-    return this.#i?.getHorizontalScrollOffsets(e, o) ?? { left: 0, right: 0 };
+    return this.#o?.getHorizontalScrollOffsets(e, o) ?? { left: 0, right: 0 };
   }
   /**
    * Query all plugins with a generic query and collect responses.
@@ -3294,64 +3465,35 @@ class D extends HTMLElement {
    * const canMove = !responses.includes(false);
    */
   queryPlugins(e) {
-    return this.#i?.queryPlugins(e) ?? [];
+    return this.#o?.queryPlugins(e) ?? [];
   }
   /**
-   * Build a CellMouseEvent from a native MouseEvent.
-   * Extracts cell/row information from the event target.
+   * Dispatch cell mouse events for drag operations.
+   * Returns true if any plugin started a drag.
+   * @internal Plugin API - called by event-delegation.ts
    */
-  #W(e, o) {
-    let i = null;
-    const n = e.composedPath?.();
-    if (n && n.length > 0 ? i = n[0] : i = e.target, i && !this.#o.contains(i)) {
-      const u = this.#o.elementFromPoint(e.clientX, e.clientY);
-      u && (i = u);
-    }
-    const r = i?.closest?.("[data-col]"), s = i?.closest?.(".data-grid-row"), l = i?.closest?.(".header-row");
-    let a, c, h, d, f, p;
-    return r && (a = parseInt(r.getAttribute("data-row") ?? "-1", 10), c = parseInt(r.getAttribute("data-col") ?? "-1", 10), a >= 0 && c >= 0 && (h = this._rows[a], p = this._columns[c], d = p?.field, f = h && d ? h[d] : void 0)), {
-      type: o,
-      row: h,
-      rowIndex: a !== void 0 && a >= 0 ? a : void 0,
-      colIndex: c !== void 0 && c >= 0 ? c : void 0,
-      field: d,
-      value: f,
-      column: p,
-      originalEvent: e,
-      cellElement: r ?? void 0,
-      rowElement: s ?? void 0,
-      isHeader: !!l,
-      cell: a !== void 0 && c !== void 0 && a >= 0 && c >= 0 ? { row: a, col: c } : void 0
-    };
+  _dispatchCellMouseDown(e) {
+    return this.#o?.onCellMouseDown(e) ?? !1;
   }
   /**
-   * Handle mousedown events and dispatch to plugin system.
+   * Dispatch cell mouse move during drag.
+   * @internal Plugin API - called by event-delegation.ts
    */
-  #pe(e) {
-    const o = this.#W(e, "mousedown");
-    (this.#i?.onCellMouseDown(o) ?? !1) && (this.#m = !0);
+  _dispatchCellMouseMove(e) {
+    this.#o?.onCellMouseMove(e);
   }
   /**
-   * Handle mousemove events (only when dragging).
+   * Dispatch cell mouse up to end drag.
+   * @internal Plugin API - called by event-delegation.ts
    */
-  #ge(e) {
-    if (!this.#m) return;
-    const o = this.#W(e, "mousemove");
-    this.#i?.onCellMouseMove(o);
-  }
-  /**
-   * Handle mouseup events.
-   */
-  #we(e) {
-    if (!this.#m) return;
-    const o = this.#W(e, "mouseup");
-    this.#i?.onCellMouseUp(o), this.#m = !1;
+  _dispatchCellMouseUp(e) {
+    this.#o?.onCellMouseUp(e);
   }
   async ready() {
     return this.#f;
   }
   async forceLayout() {
-    return this.#l.requestPhase(S.FULL, "forceLayout"), this.#l.whenReady();
+    return this.#l.requestPhase(x.FULL, "forceLayout"), this.#l.whenReady();
   }
   /**
    * Trim the internal row pool to match the current visible window size.
@@ -3395,7 +3537,7 @@ class D extends HTMLElement {
    * Returns a serializable object suitable for localStorage or database storage.
    */
   getColumnState() {
-    const e = this.#i?.getAll() ?? [];
+    const e = this.#o?.getAll() ?? [];
     return this.#t.collectState(e);
   }
   /**
@@ -3403,7 +3545,7 @@ class D extends HTMLElement {
    * Use this to restore previously saved column state.
    */
   set columnState(e) {
-    e && (this.#L = e, this.#t.initialColumnState = e, this.#c && this.#be(e));
+    e && (this.#A = e, this.#t.initialColumnState = e, this.#c && this.#be(e));
   }
   /**
    * Get the current column state.
@@ -3415,8 +3557,8 @@ class D extends HTMLElement {
    * Apply column state internally.
    */
   #be(e) {
-    const o = this.#i?.getAll() ?? [];
-    this.#t.applyState(e, o), this.#T();
+    const o = this.#o?.getAll() ?? [];
+    this.#t.applyState(e, o), this.#R();
   }
   /**
    * Request a state change event to be emitted.
@@ -3426,7 +3568,7 @@ class D extends HTMLElement {
    * @internal Plugin API
    */
   requestStateChange() {
-    const e = this.#i?.getAll() ?? [];
+    const e = this.#o?.getAll() ?? [];
     this.#t.requestStateChange(e);
   }
   /**
@@ -3434,9 +3576,9 @@ class D extends HTMLElement {
    * Clears all user modifications (order, width, visibility, sort).
    */
   resetColumnState() {
-    this.#L = void 0, this.__originalOrder = [];
-    const e = this.#i?.getAll() ?? [];
-    this.#t.resetState(e), this.#t.merge(), this.#T();
+    this.#A = void 0, this.__originalOrder = [];
+    const e = this.#o?.getAll() ?? [];
+    this.#t.resetState(e), this.#t.merge(), this.#R();
   }
   // ---------------- Shell / Tool Panel API ----------------
   // These methods delegate to ShellController for implementation.
@@ -3518,11 +3660,11 @@ class D extends HTMLElement {
    * Call this after dynamically modifying <tbw-grid-header> children.
    */
   refreshShellHeader() {
-    M(this, this.#e), z(this, this.#e), N(this, this.#e, this.#R()), this.#t.markSourcesChanged(), this.#t.merge(), this.#$(), this.#M(), this.#k();
+    N(this, this.#e), k(this, this.#e), I(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge(), this.#F(), this.#M(), this.#q();
   }
   // #region Custom Styles API
   /** Map of registered custom stylesheets by ID - uses adoptedStyleSheets which survive DOM rebuilds */
-  #x = /* @__PURE__ */ new Map();
+  #S = /* @__PURE__ */ new Map();
   /**
    * Register custom CSS styles to be injected into the grid's shadow DOM.
    * Use this to style custom cell renderers, editors, or detail panels.
@@ -3548,28 +3690,31 @@ class D extends HTMLElement {
    * ```
    */
   registerStyles(e, o) {
-    let i = this.#x.get(e);
-    i || (i = new CSSStyleSheet(), this.#x.set(e, i)), i.replaceSync(o), this.#Z();
+    let i = this.#S.get(e);
+    i || (i = new CSSStyleSheet(), this.#S.set(e, i)), i.replaceSync(o), this.#Q();
   }
   /**
    * Remove previously registered custom styles.
    * @param id - The ID used when registering the styles
    */
   unregisterStyles(e) {
-    this.#x.delete(e) && this.#Z();
+    this.#S.delete(e) && this.#Q();
   }
   /**
    * Get list of registered custom style IDs.
    */
   getRegisteredStyles() {
-    return Array.from(this.#x.keys());
+    return Array.from(this.#S.keys());
   }
   /**
-   * Update the shadow root's adoptedStyleSheets to include base + custom sheets.
+   * Update document.adoptedStyleSheets to include custom sheets.
+   * Without Shadow DOM, all custom styles go into the document.
    */
-  #Z() {
-    const e = this.#o.adoptedStyleSheets[0], o = Array.from(this.#x.values());
-    this.#o.adoptedStyleSheets = e ? [e, ...o] : o;
+  #Q() {
+    const e = Array.from(this.#S.values()), o = document.adoptedStyleSheets.filter(
+      (i) => !Array.from(this.#S.values()).includes(i)
+    );
+    document.adoptedStyleSheets = [...o, ...e];
   }
   // #endregion
   /**
@@ -3582,27 +3727,27 @@ class D extends HTMLElement {
    * This separation allows plugins to register their own Light DOM elements
    * and handle parsing themselves.
    */
-  #me() {
+  #we() {
     const e = () => {
       const i = this.#e.lightDomTitle, n = this.#e.hasToolButtonsContainer;
-      M(this, this.#e), z(this, this.#e), N(this, this.#e, this.#R());
+      N(this, this.#e), k(this, this.#e), I(this, this.#e, this.#T());
       const r = this.#e.lightDomTitle, s = this.#e.hasToolButtonsContainer;
       if (r && !i || s && !n) {
         this.#t.markSourcesChanged(), this.#t.merge();
-        const l = this.#o.querySelector(".tbw-shell-header");
+        const l = this.#i.querySelector(".tbw-shell-header");
         if (l) {
-          const a = pe(
+          const a = be(
             this.#n.shell,
             this.#e,
             this.#n.icons?.toolPanel
           ), c = document.createElement("div");
           c.innerHTML = a;
-          const h = c.firstElementChild;
-          h && (l.replaceWith(h), this.#F());
+          const u = c.firstElementChild;
+          u && (l.replaceWith(u), this.#V());
         }
       }
     }, o = () => {
-      this.__lightDomColumnsCache = void 0, this.#T();
+      this.__lightDomColumnsCache = void 0, this.#R();
     };
     this.#t.registerLightDomHandler("tbw-grid-header", e), this.#t.registerLightDomHandler("tbw-grid-tool-buttons", e), this.#t.registerLightDomHandler("tbw-grid-tool-panel", e), this.#t.registerLightDomHandler("tbw-grid-column", o), this.#t.registerLightDomHandler("tbw-grid-detail", o), this.#t.observeLightDOM(this);
   }
@@ -3613,25 +3758,25 @@ class D extends HTMLElement {
    * @internal Used by framework integration libraries (Angular, React, Vue)
    */
   refreshColumns() {
-    this.__lightDomColumnsCache = void 0, $(this), this.#t.parseLightDomColumns(this);
+    this.__lightDomColumnsCache = void 0, G(this), this.#t.parseLightDomColumns(this);
     const e = this.#e.lightDomTitle, o = this.#e.hasToolButtonsContainer;
-    M(this, this.#e), z(this, this.#e), N(this, this.#e, this.#R());
+    N(this, this.#e), k(this, this.#e), I(this, this.#e, this.#T());
     const i = this.#e.lightDomTitle, n = this.#e.hasToolButtonsContainer;
     if (i && !e || n && !o) {
       this.#t.markSourcesChanged(), this.#t.merge();
-      const s = this.#o.querySelector(".tbw-shell-header");
+      const s = this.#i.querySelector(".tbw-shell-header");
       if (s) {
-        const l = pe(
+        const l = be(
           this.#n.shell,
           this.#e,
           this.#n.icons?.toolPanel
         ), a = document.createElement("div");
         a.innerHTML = l;
         const c = a.firstElementChild;
-        c && (s.replaceWith(c), this.#F());
+        c && (s.replaceWith(c), this.#V());
       }
     }
-    this.#l.requestPhase(S.COLUMNS, "refreshColumns");
+    this.#l.requestPhase(x.COLUMNS, "refreshColumns");
   }
   // ---------------- Virtual Window ----------------
   /**
@@ -3639,7 +3784,7 @@ class D extends HTMLElement {
    * Used by both bypass and virtualized rendering paths to ensure consistent scroll behavior.
    */
   #U(e) {
-    const o = this._virtualization.rowHeight, i = this._virtualization.container ?? this, n = this._virtualization.viewportEl ?? i, r = i.clientHeight, s = n.clientHeight, a = this.shadowRoot?.querySelector(".tbw-scroll-area"), c = a ? a.clientHeight : r, d = c - s, f = this.#i?.getExtraHeight() ?? 0, p = Math.max(0, r - c);
+    const o = this._virtualization.rowHeight, i = this._virtualization.container ?? this, n = this._virtualization.viewportEl ?? i, r = i.clientHeight, s = n.clientHeight, a = this.shadowRoot?.querySelector(".tbw-scroll-area"), c = a ? a.clientHeight : r, d = c - s, f = this.#o?.getExtraHeight() ?? 0, p = Math.max(0, r - c);
     return e * o + d + f + p;
   }
   /**
@@ -3651,60 +3796,60 @@ class D extends HTMLElement {
     if (!this._bodyEl) return;
     const o = this._rows.length;
     if (!this._virtualization.enabled) {
-      this.#q(0, o), this.#i?.afterRender();
+      this.#W(0, o), this.#o?.afterRender();
       return;
     }
     if (this._rows.length <= this._virtualization.bypassThreshold) {
-      this._virtualization.start = 0, this._virtualization.end = o, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#q(0, o, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#U(o)}px`), this.#K(o, this._visibleColumns.length), this.#i?.afterRender();
+      this._virtualization.start = 0, this._virtualization.end = o, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#W(0, o, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#U(o)}px`), this.#J(o, this._visibleColumns.length), this.#o?.afterRender();
       return;
     }
     const i = this._virtualization.container ?? this, n = this._virtualization.viewportEl ?? i, r = n.clientHeight, s = this._virtualization.rowHeight, l = i.scrollTop;
     let a = Math.floor(l / s), c = 0;
-    const h = 10;
-    for (; c < h; ) {
-      const _ = this.#i?.getExtraHeightBefore?.(a) ?? 0, w = Math.floor((l - _) / s);
-      if (w >= a || w < 0) break;
-      a = w, c++;
+    const u = 10;
+    for (; c < u; ) {
+      const T = this.#o?.getExtraHeightBefore?.(a) ?? 0, v = Math.floor((l - T) / s);
+      if (v >= a || v < 0) break;
+      a = v, c++;
     }
     a = a - a % 2, a < 0 && (a = 0);
-    const d = this.#i?.adjustVirtualStart(a, l, s);
+    const d = this.#o?.adjustVirtualStart(a, l, s);
     d !== void 0 && d < a && (a = d, a = a - a % 2, a < 0 && (a = 0));
     const f = Math.ceil(r / s) + 3;
     let p = a + f;
     if (p > o && (p = o), this._virtualization.start = a, this._virtualization.end = p, i.clientHeight === 0 && r > 0) {
-      this.#l.requestPhase(S.VIRTUALIZATION, "stale-refs-retry");
+      this.#l.requestPhase(x.VIRTUALIZATION, "stale-refs-retry");
       return;
     }
     const g = this.#U(o);
     this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${g}px`);
-    const m = this.#i?.getExtraHeightBefore?.(a) ?? 0, b = -(l - a * s - m);
-    this._bodyEl.style.transform = `translateY(${b}px)`, this.#q(a, p, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.#K(o, this._visibleColumns.length), e && (this.#i?.afterRender(), queueMicrotask(() => {
-      const _ = i.clientHeight, w = n.clientHeight;
-      if (_ === 0 && w > 0) return;
-      const C = this.#U(o);
-      this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${C}px`);
+    const w = this.#o?.getExtraHeightBefore?.(a) ?? 0, _ = -(l - a * s - w);
+    this._bodyEl.style.transform = `translateY(${_}px)`, this.#W(a, p, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.#J(o, this._visibleColumns.length), e && (this.#o?.afterRender(), queueMicrotask(() => {
+      const T = i.clientHeight, v = n.clientHeight;
+      if (T === 0 && v > 0) return;
+      const m = this.#U(o);
+      this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${m}px`);
     }));
   }
   // ---------------- Render ----------------
-  #$() {
-    M(this, this.#e), z(this, this.#e), N(this, this.#e, this.#R()), this.#t.markSourcesChanged(), this.#t.merge();
+  #F() {
+    N(this, this.#e), k(this, this.#e), I(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge();
     const e = this.#n?.shell;
-    _t(
-      this.#o,
+    xt(
+      this.#i,
       e,
       { isPanelOpen: this.#e.isPanelOpen, expandedSections: this.#e.expandedSections },
       this.#n?.icons
-    ) && (this.#F(), this.#a.setInitialized(!0));
+    ) && (this.#V(), this.#a.setInitialized(!0));
   }
   /**
    * Set up shell event listeners after render.
    */
-  #F() {
-    ft(this.#o, this.#n?.shell, this.#e, {
+  #V() {
+    vt(this.#i, this.#n?.shell, this.#e, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e),
       onToolbarButtonClick: (e) => this.#ve(e)
-    }), this.#D?.(), this.#D = pt(this.#o, this.#n?.shell, (e) => {
+    }), this.#H?.(), this.#H = Ct(this.#i, this.#n?.shell, (e) => {
       this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
     });
   }
@@ -3717,15 +3862,15 @@ class D extends HTMLElement {
   #ve(e) {
   }
 }
-customElements.get(D.tagName) || customElements.define(D.tagName, D);
-globalThis.DataGridElement = D;
-const kt = {
+customElements.get(P.tagName) || customElements.define(P.tagName, P);
+globalThis.DataGridElement = P;
+const Ut = {
   /** Ask if a column can be moved. Context: ColumnConfig. Response: boolean | undefined */
   CAN_MOVE_COLUMN: "canMoveColumn",
   /** Get context menu items. Context: ContextMenuParams. Response: ContextMenuItem[] */
   GET_CONTEXT_MENU_ITEMS: "getContextMenuItems"
 };
-class It {
+class Ft {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -3746,7 +3891,7 @@ class It {
    * Plugin version - defaults to grid version for built-in plugins.
    * Third-party plugins can override with their own semver.
    */
-  version = "0.4.2";
+  version = "0.6.0";
   /** CSS styles to inject into the grid's shadow DOM */
   styles;
   /** Custom cell renderers keyed by type name */
@@ -3766,7 +3911,7 @@ class It {
    * Created fresh in attach(), aborted in detach().
    * This ensures event listeners are properly cleaned up when plugins are re-attached.
    */
-  #o;
+  #i;
   /**
    * Default configuration - subclasses should override this getter.
    * Note: This must be a getter (not property initializer) for proper inheritance
@@ -3794,7 +3939,7 @@ class It {
    * ```
    */
   attach(e) {
-    this.#o?.abort(), this.#o = new AbortController(), this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
+    this.#i?.abort(), this.#i = new AbortController(), this.grid = e, this.config = { ...this.defaultConfig, ...this.userConfig };
   }
   /**
    * Called when the plugin is detached from a grid.
@@ -3810,7 +3955,7 @@ class It {
    * ```
    */
   detach() {
-    this.#o?.abort(), this.#o = void 0;
+    this.#i?.abort(), this.#i = void 0;
   }
   /**
    * Get another plugin instance from the same grid.
@@ -3902,10 +4047,21 @@ class It {
     return this.grid;
   }
   /**
-   * Get the shadow root of the grid.
+   * Get the render root of the grid for DOM queries.
+   * @deprecated Use `gridElement` instead. This getter exists only for backward compatibility.
+   *
+   * With Shadow DOM removed, the grid element itself is the render root.
+   * All new code should use `this.gridElement` for DOM queries.
+   *
+   * @example
+   * // OLD (deprecated)
+   * const rows = this.shadowRoot?.querySelector('.rows');
+   *
+   * // NEW (preferred)
+   * const rows = this.gridElement.querySelector('.rows');
    */
   get shadowRoot() {
-    return this.grid?.shadowRoot ?? null;
+    return this.gridElement;
   }
   /**
    * Get the disconnect signal for event listener cleanup.
@@ -3925,7 +4081,7 @@ class It {
    * document.addEventListener('keydown', handler, { signal: this.disconnectSignal });
    */
   get disconnectSignal() {
-    return this.#o?.signal ?? this.grid?.disconnectSignal;
+    return this.#i?.signal ?? this.grid?.disconnectSignal;
   }
   /**
    * Get the grid-level icons configuration.
@@ -3933,7 +4089,7 @@ class It {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...L, ...e };
+    return { ...M, ...e };
   }
   // #region Animation Helpers
   /**
@@ -3956,7 +4112,7 @@ class It {
     const e = this.grid?.effectiveConfig?.animation?.mode ?? "reduced-motion";
     if (e === !1 || e === "off") return !1;
     if (e === !0 || e === "on") return !0;
-    const o = this.shadowRoot?.host;
+    const o = this.gridElement;
     return o ? getComputedStyle(o).getPropertyValue("--tbw-animation-enabled").trim() !== "0" : !0;
   }
   /**
@@ -3972,7 +4128,7 @@ class It {
    * ```
    */
   get animationDuration() {
-    const e = this.shadowRoot?.host;
+    const e = this.gridElement;
     if (e) {
       const o = getComputedStyle(e).getPropertyValue("--tbw-animation-duration").trim(), i = parseInt(o, 10);
       if (!isNaN(i)) return i;
@@ -4009,7 +4165,7 @@ class It {
   }
   // #endregion
 }
-const E = {
+const R = {
   // ─── Core Structure ───────────────────────────────────────────────
   ROOT: "tbw-grid-root",
   HEADER: "header",
@@ -4057,7 +4213,7 @@ const E = {
   // Selection (SelectionPlugin applies, core CSS styles)
   RANGE_SELECTION: "range-selection",
   SELECTION_OVERLAY: "selection-overlay"
-}, V = {
+}, Y = {
   // ─── Core Attributes ──────────────────────────────────────────────
   ROW_INDEX: "data-row-index",
   COL_INDEX: "data-col-index",
@@ -4069,24 +4225,24 @@ const E = {
   // TreePlugin
   STICKY: "data-sticky"
   // PinnedColumnsPlugin
-}, qt = {
-  ROOT: `.${E.ROOT}`,
-  HEADER: `.${E.HEADER}`,
-  HEADER_ROW: `.${E.HEADER_ROW}`,
-  HEADER_CELL: `.${E.HEADER_CELL}`,
-  ROWS_VIEWPORT: `.${E.ROWS_VIEWPORT}`,
-  ROWS_CONTAINER: `.${E.ROWS_CONTAINER}`,
-  DATA_ROW: `.${E.DATA_ROW}`,
-  DATA_CELL: `.${E.DATA_CELL}`,
-  GROUP_ROW: `.${E.GROUP_ROW}`,
+}, Vt = {
+  ROOT: `.${R.ROOT}`,
+  HEADER: `.${R.HEADER}`,
+  HEADER_ROW: `.${R.HEADER_ROW}`,
+  HEADER_CELL: `.${R.HEADER_CELL}`,
+  ROWS_VIEWPORT: `.${R.ROWS_VIEWPORT}`,
+  ROWS_CONTAINER: `.${R.ROWS_CONTAINER}`,
+  DATA_ROW: `.${R.DATA_ROW}`,
+  DATA_CELL: `.${R.DATA_CELL}`,
+  GROUP_ROW: `.${R.GROUP_ROW}`,
   // By data attribute
-  ROW_BY_INDEX: (t) => `.${E.DATA_ROW}[${V.ROW_INDEX}="${t}"]`,
-  CELL_BY_FIELD: (t) => `.${E.DATA_CELL}[${V.FIELD}="${t}"]`,
-  CELL_AT: (t, e) => `.${E.DATA_ROW}[${V.ROW_INDEX}="${t}"] .${E.DATA_CELL}[${V.COL_INDEX}="${e}"]`,
+  ROW_BY_INDEX: (t) => `.${R.DATA_ROW}[${Y.ROW_INDEX}="${t}"]`,
+  CELL_BY_FIELD: (t) => `.${R.DATA_CELL}[${Y.FIELD}="${t}"]`,
+  CELL_AT: (t, e) => `.${R.DATA_ROW}[${Y.ROW_INDEX}="${t}"] .${R.DATA_CELL}[${Y.COL_INDEX}="${e}"]`,
   // State selectors
-  SELECTED_ROWS: `.${E.DATA_ROW}.${E.SELECTED}`,
-  EDITING_CELL: `.${E.DATA_CELL}.${E.EDITING}`
-}, Bt = {
+  SELECTED_ROWS: `.${R.DATA_ROW}.${R.SELECTED}`,
+  EDITING_CELL: `.${R.DATA_CELL}.${R.EDITING}`
+}, Gt = {
   // Colors
   COLOR_BG: "--tbw-color-bg",
   COLOR_FG: "--tbw-color-fg",
@@ -4108,7 +4264,15 @@ const E = {
   // Borders
   BORDER_RADIUS: "--tbw-border-radius",
   FOCUS_OUTLINE: "--tbw-focus-outline"
-}, Wt = {
+};
+function Xt(t) {
+  const e = document.createElement("tbw-grid");
+  return t && (e.gridConfig = t), e;
+}
+function Yt(t, e = document) {
+  return e.querySelector(t);
+}
+const jt = {
   CELL_COMMIT: "cell-commit",
   ROW_COMMIT: "row-commit",
   CHANGED_ROWS_RESET: "changed-rows-reset",
@@ -4119,7 +4283,7 @@ const E = {
   ACTIVATE_CELL: "activate-cell",
   GROUP_TOGGLE: "group-toggle",
   COLUMN_STATE_CHANGE: "column-state-change"
-}, Ut = {
+}, Kt = {
   // Selection plugin
   SELECTION_CHANGE: "selection-change",
   // Tree plugin
@@ -4150,7 +4314,7 @@ const E = {
   DETAIL_EXPAND: "detail-expand",
   // Grouping rows plugin
   GROUP_EXPAND: "group-expand"
-}, Q = {
+}, oe = {
   sum: (t, e) => t.reduce((o, i) => o + (Number(i[e]) || 0), 0),
   avg: (t, e) => {
     const o = t.reduce((i, n) => i + (Number(n[e]) || 0), 0);
@@ -4161,25 +4325,25 @@ const E = {
   max: (t, e) => Math.max(...t.map((o) => Number(o[e]) || -1 / 0)),
   first: (t, e) => t[0]?.[e],
   last: (t, e) => t[t.length - 1]?.[e]
-}, I = /* @__PURE__ */ new Map(), P = {
+}, W = /* @__PURE__ */ new Map(), H = {
   /**
    * Register a custom aggregator function.
    */
   register(t, e) {
-    I.set(t, e);
+    W.set(t, e);
   },
   /**
    * Unregister a custom aggregator function.
    */
   unregister(t) {
-    I.delete(t);
+    W.delete(t);
   },
   /**
    * Get an aggregator function by reference.
    */
   get(t) {
     if (t !== void 0)
-      return typeof t == "function" ? t : I.get(t) ?? Q[t];
+      return typeof t == "function" ? t : W.get(t) ?? oe[t];
   },
   /**
    * Run an aggregator on a set of rows.
@@ -4192,15 +4356,15 @@ const E = {
    * Check if an aggregator exists.
    */
   has(t) {
-    return I.has(t) || t in Q;
+    return W.has(t) || t in oe;
   },
   /**
    * List all available aggregator names.
    */
   list() {
-    return [...Object.keys(Q), ...I.keys()];
+    return [...Object.keys(oe), ...W.keys()];
   }
-}, me = {
+}, ye = {
   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,
@@ -4209,43 +4373,45 @@ const E = {
   first: (t) => t[0] ?? 0,
   last: (t) => t[t.length - 1] ?? 0
 };
-function Nt(t) {
-  return me[t] ?? me.sum;
+function $t(t) {
+  return ye[t] ?? ye.sum;
 }
-function $t(t, e) {
-  return Nt(t)(e);
+function Zt(t, e) {
+  return $t(t)(e);
 }
-const Ft = P.register.bind(P), Vt = P.unregister.bind(P), Gt = P.get.bind(P), Xt = P.run.bind(P), Yt = P.list.bind(P);
+const Jt = H.register.bind(H), Qt = H.unregister.bind(H), eo = H.get.bind(H), to = H.run.bind(H), oo = H.list.bind(H);
 export {
-  It as BaseGridPlugin,
-  Me as DEFAULT_ANIMATION_CONFIG,
-  L as DEFAULT_GRID_ICONS,
-  Wt as DGEvents,
-  D as DataGridElement,
-  W as FitModeEnum,
-  Bt as GridCSSVars,
-  E as GridClasses,
-  V as GridDataAttrs,
-  D as GridElement,
-  qt as GridSelectors,
-  kt as PLUGIN_QUERIES,
-  Ut as PluginEvents,
-  zt as PluginManager,
-  S as RenderPhase,
-  k as a,
-  P as aggregatorRegistry,
-  tt as builtInSort,
-  ee as c,
-  et as defaultComparator,
-  ve as e,
-  ye as g,
-  Gt as getAggregator,
-  Nt as getValueAggregator,
-  Yt as listAggregators,
-  Ft as registerAggregator,
-  Xt as runAggregator,
-  $t as runValueAggregator,
-  G as s,
-  Vt as unregisterAggregator
+  Ft as BaseGridPlugin,
+  Ne as DEFAULT_ANIMATION_CONFIG,
+  M as DEFAULT_GRID_ICONS,
+  jt as DGEvents,
+  P as DataGridElement,
+  F as FitModeEnum,
+  Gt as GridCSSVars,
+  R as GridClasses,
+  Y as GridDataAttrs,
+  P as GridElement,
+  Vt as GridSelectors,
+  Ut as PLUGIN_QUERIES,
+  Kt as PluginEvents,
+  Wt as PluginManager,
+  x as RenderPhase,
+  q as a,
+  H as aggregatorRegistry,
+  ht as builtInSort,
+  ie as c,
+  Xt as createGrid,
+  dt as defaultComparator,
+  _e as e,
+  Te as g,
+  eo as getAggregator,
+  $t as getValueAggregator,
+  oo as listAggregators,
+  Yt as queryGrid,
+  Jt as registerAggregator,
+  to as runAggregator,
+  Zt as runValueAggregator,
+  j as s,
+  Qt as unregisterAggregator
 };
 //# sourceMappingURL=index.js.map