@toolbox-web/grid 1.9.0 → 1.9.2

package/index.js

@@ -1,4 +1,4 @@
-const we = '@layer tbw-base,tbw-plugins,tbw-theme;@layer tbw-base{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-warning: light-dark(hsl(38, 92%, 50%), hsl(38, 92%, 50%));--tbw-color-error: light-dark(hsl(0, 65%, 51%), hsl(0, 65%, 55%));--tbw-color-danger: var(--tbw-color-error);--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-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--tbw-row-change-duration: .5s;--tbw-row-insert-duration: .3s;--tbw-row-remove-duration: .2s;--tbw-row-change-color: rgba(from var(--tbw-color-accent) r g b / 25%);--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-sort-indicator-display: inline-flex;--tbw-sort-indicator-visibility: visible;--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);color-scheme:light dark;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);font-feature-settings:"tnum","lnum";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);text-transform:var(--tbw-header-text-transform);letter-spacing:var(--tbw-header-letter-spacing);>.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;font-weight:inherit}>span[part~=sort-indicator]{flex-shrink:0;opacity:.6;color:var(--tbw-sort-indicator-color);display:var(--tbw-sort-indicator-display, inline-flex);visibility:var(--tbw-sort-indicator-visibility, visible);transition:opacity .15s,visibility 0s,display 0s allow-discrete;transition-behavior:allow-discrete}&:hover>span[part~=sort-indicator]{display:inline-flex;visibility:visible}&[aria-sort=ascending]>span[part~=sort-indicator],&[aria-sort=descending]>span[part~=sort-indicator]{display:inline-flex;visibility:visible;opacity:1;color:var(--tbw-sort-indicator-active-color)}&: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{position:relative;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:start;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;.data-grid-row[data-animating]{animation:none}}}@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;.data-grid-row[data-animating]{animation:none}}}@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)}}@keyframes tbw-row-change{0%{background-color:transparent}20%{background-color:var(--tbw-row-change-color)}to{background-color:transparent}}@keyframes tbw-row-insert{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:var(--tbw-row-height, 28px);overflow:hidden}}@keyframes tbw-row-remove{0%{opacity:1;transform:translateY(0);max-height:var(--tbw-row-height, 28px)}to{opacity:0;max-height:0;transform:translateY(-8px)}}tbw-grid .data-grid-row[data-animating=change]{animation:tbw-row-change var(--tbw-row-change-duration) ease-out}tbw-grid .data-grid-row[data-animating=insert]{animation:tbw-row-insert var(--tbw-row-insert-duration) ease-out;will-change:max-height,opacity}tbw-grid .data-grid-row[data-animating=remove]{animation:tbw-row-remove var(--tbw-row-remove-duration) ease-out forwards;will-change:max-height,opacity,transform;pointer-events:none}@keyframes tbw-spin{to{transform:rotate(360deg)}}.tbw-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:1000;pointer-events:all;animation:tbw-fade-in .15s ease-out}@keyframes tbw-fade-in{0%{opacity:0}to{opacity:1}}.tbw-spinner{--tbw-spinner-size: 48px;--tbw-spinner-border-width: 3px;--tbw-spinner-color: var(--tbw-color-accent);--tbw-spinner-track-color: var(--tbw-color-border);width:var(--tbw-spinner-size);height:var(--tbw-spinner-size);border:var(--tbw-spinner-border-width) solid var(--tbw-spinner-track-color);border-top-color:var(--tbw-spinner-color);border-radius:50%;animation:tbw-spin .8s linear infinite}.tbw-spinner--large{--tbw-spinner-size: min(48px, calc(100% - 16px) )}.tbw-spinner--small{--tbw-spinner-size: calc(var(--tbw-row-height, 28px) * .6);--tbw-spinner-border-width: 2px}.data-grid-row.tbw-row-loading{position:relative;pointer-events:none;&:before{content:"";position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:10;animation:tbw-fade-in .15s ease-out}&:after{--_spinner-size: calc(var(--tbw-row-height, 28px) * .6);content:"";position:absolute;left:var(--tbw-spacing-md);top:0;bottom:0;margin:auto 0;width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite;z-index:11}}.cell.tbw-cell-loading{position:relative;pointer-events:none;&:before{content:"";position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:10;animation:tbw-fade-in .15s ease-out}&:after{--_spinner-size: calc(var(--tbw-row-height, 28px) * .5);content:"";position:absolute;left:var(--tbw-spacing-sm);top:0;bottom:0;margin:auto 0;width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite;z-index:11}}}', X = {
+const we = '@layer tbw-base,tbw-plugins,tbw-theme;@layer tbw-base{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-warning: light-dark(hsl(38, 92%, 50%), hsl(38, 92%, 50%));--tbw-color-error: light-dark(hsl(0, 65%, 51%), hsl(0, 65%, 55%));--tbw-color-danger: var(--tbw-color-error);--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-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--tbw-row-change-duration: .5s;--tbw-row-insert-duration: .3s;--tbw-row-remove-duration: .2s;--tbw-row-change-color: rgba(from var(--tbw-color-accent) r g b / 25%);--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-sort-indicator-display: inline-flex;--tbw-sort-indicator-visibility: visible;--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);color-scheme:inherit;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);font-feature-settings:"tnum","lnum";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);text-transform:var(--tbw-header-text-transform);letter-spacing:var(--tbw-header-letter-spacing);>.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;font-weight:inherit}>span[part~=sort-indicator]{flex-shrink:0;opacity:.6;color:var(--tbw-sort-indicator-color);display:var(--tbw-sort-indicator-display, inline-flex);visibility:var(--tbw-sort-indicator-visibility, visible);transition:opacity .15s,visibility 0s,display 0s allow-discrete;transition-behavior:allow-discrete}&:hover>span[part~=sort-indicator]{display:inline-flex;visibility:visible}&[aria-sort=ascending]>span[part~=sort-indicator],&[aria-sort=descending]>span[part~=sort-indicator]{display:inline-flex;visibility:visible;opacity:1;color:var(--tbw-sort-indicator-active-color)}&:last-child{border-right:0;.resize-handle{right:0;width:calc(var(--tbw-resize-handle-width) / 2)}}&.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{position:relative;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:start;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;.data-grid-row[data-animating]{animation:none}}}@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;.data-grid-row[data-animating]{animation:none}}}@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)}}@keyframes tbw-row-change{0%{background-color:transparent}20%{background-color:var(--tbw-row-change-color)}to{background-color:transparent}}@keyframes tbw-row-insert{0%{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:var(--tbw-row-height, 28px);overflow:hidden}}@keyframes tbw-row-remove{0%{opacity:1;transform:translateY(0);max-height:var(--tbw-row-height, 28px)}to{opacity:0;max-height:0;transform:translateY(-8px)}}tbw-grid .data-grid-row[data-animating=change]{animation:tbw-row-change var(--tbw-row-change-duration) ease-out}tbw-grid .data-grid-row[data-animating=insert]{animation:tbw-row-insert var(--tbw-row-insert-duration) ease-out;will-change:max-height,opacity}tbw-grid .data-grid-row[data-animating=remove]{animation:tbw-row-remove var(--tbw-row-remove-duration) ease-out forwards;will-change:max-height,opacity,transform;pointer-events:none}@keyframes tbw-spin{to{transform:rotate(360deg)}}.tbw-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:1000;pointer-events:all;animation:tbw-fade-in .15s ease-out}@keyframes tbw-fade-in{0%{opacity:0}to{opacity:1}}.tbw-spinner{--tbw-spinner-size: 48px;--tbw-spinner-border-width: 3px;--tbw-spinner-color: var(--tbw-color-accent);--tbw-spinner-track-color: var(--tbw-color-border);width:var(--tbw-spinner-size);height:var(--tbw-spinner-size);border:var(--tbw-spinner-border-width) solid var(--tbw-spinner-track-color);border-top-color:var(--tbw-spinner-color);border-radius:50%;animation:tbw-spin .8s linear infinite}.tbw-spinner--large{--tbw-spinner-size: min(48px, calc(100% - 16px) )}.tbw-spinner--small{--tbw-spinner-size: calc(var(--tbw-row-height, 28px) * .6);--tbw-spinner-border-width: 2px}.data-grid-row.tbw-row-loading{position:relative;pointer-events:none;&:before{content:"";position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:10;animation:tbw-fade-in .15s ease-out}&:after{--_spinner-size: calc(var(--tbw-row-height, 28px) * .6);content:"";position:absolute;left:var(--tbw-spacing-md);top:0;bottom:0;margin:auto 0;width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite;z-index:11}}.cell.tbw-cell-loading{position:relative;pointer-events:none;&:before{content:"";position:absolute;inset:0;background:light-dark(rgba(255,255,255,.7),rgba(0,0,0,.5));z-index:10;animation:tbw-fade-in .15s ease-out}&:after{--_spinner-size: calc(var(--tbw-row-height, 28px) * .5);content:"";position:absolute;left:var(--tbw-spacing-sm);top:0;bottom:0;margin:auto 0;width:var(--_spinner-size);height:var(--_spinner-size);border:2px solid var(--tbw-spinner-track-color, var(--tbw-color-border));border-top-color:var(--tbw-spinner-color, var(--tbw-color-accent));border-radius:50%;animation:tbw-spin .8s linear infinite;z-index:11}}}', X = {
   STRETCH: "stretch",
   FIXED: "fixed"
 }, Je = {
@@ -22,37 +22,37 @@ function et(t) {
   return Array.from(t.querySelectorAll("tbw-grid-column")).map((o) => {
     const n = o.getAttribute("field") || "";
     if (!n) return null;
-    const i = o.getAttribute("type") || void 0, s = i && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select"])).has(i) ? i : void 0, l = o.getAttribute("header") || void 0, a = o.hasAttribute("sortable"), c = o.hasAttribute("editable"), h = { field: n, type: s, header: l, sortable: a, editable: c }, u = o.getAttribute("width");
+    const i = o.getAttribute("type") || void 0, s = i && (/* @__PURE__ */ new Set(["number", "string", "date", "boolean", "select"])).has(i) ? i : void 0, l = o.getAttribute("header") || void 0, a = o.hasAttribute("sortable"), c = o.hasAttribute("editable"), d = { field: n, type: s, header: l, sortable: a, editable: c }, u = o.getAttribute("width");
     if (u) {
       const m = parseFloat(u);
-      !isNaN(m) && /^\d+(\.\d+)?$/.test(u.trim()) ? h.width = m : h.width = u;
+      !isNaN(m) && /^\d+(\.\d+)?$/.test(u.trim()) ? d.width = m : d.width = u;
     }
     const p = o.getAttribute("minWidth") || o.getAttribute("min-width");
     if (p) {
       const m = parseFloat(p);
-      isNaN(m) || (h.minWidth = m);
+      isNaN(m) || (d.minWidth = m);
     }
-    o.hasAttribute("resizable") && (h.resizable = !0), o.hasAttribute("sizable") && (h.resizable = !0);
+    o.hasAttribute("resizable") && (d.resizable = !0), o.hasAttribute("sizable") && (d.resizable = !0);
     const f = o.getAttribute("editor"), g = o.getAttribute("renderer");
-    f && (h.__editorName = f), g && (h.__rendererName = g);
-    const d = o.getAttribute("options");
-    d && (h.options = d.split(",").map((m) => {
+    f && (d.__editorName = f), g && (d.__rendererName = g);
+    const h = o.getAttribute("options");
+    h && (d.options = h.split(",").map((m) => {
       const [z, R] = m.includes(":") ? m.split(":") : [m.trim(), m.trim()];
       return { value: z.trim(), label: R?.trim() || z.trim() };
     }));
     const w = o.querySelector("tbw-grid-column-view"), b = o.querySelector("tbw-grid-column-editor"), S = o.querySelector("tbw-grid-column-header");
-    w && (h.__viewTemplate = w), b && (h.__editorTemplate = b), S && (h.__headerTemplate = S);
+    w && (d.__viewTemplate = w), b && (d.__editorTemplate = b), S && (d.__headerTemplate = S);
     const _ = globalThis.DataGridElement?.getAdapters?.() ?? [], A = w ?? o, v = _.find((m) => m.canHandle(A));
     if (v) {
       const m = v.createRenderer(A);
-      m && (h.viewRenderer = m);
+      m && (d.viewRenderer = m);
     }
     const E = b ?? o, y = _.find((m) => m.canHandle(E));
     if (y) {
       const m = y.createEditor(E);
-      m && (h.editor = m);
+      m && (d.editor = m);
     }
-    return h;
+    return d;
   }).filter((o) => !!o);
 }
 function me(t, e) {
@@ -100,8 +100,8 @@ function ve(t) {
     for (const a of t._rowPool) {
       const c = a.children[r];
       if (c) {
-        const h = c.scrollWidth;
-        h > l && (l = h);
+        const d = c.scrollWidth;
+        d > l && (l = d);
       }
     }
     l > 0 && (i.width = l + 2, i.__autoSized = !0, n = !0);
@@ -255,7 +255,7 @@ class gt {
   #s;
   #v;
   #r;
-  #b;
+  #w;
   constructor(e) {
     this.#r = e;
   }
@@ -284,10 +284,10 @@ class gt {
     this.#h = e;
   }
   get lightDomTitle() {
-    return this.#b;
+    return this.#w;
   }
   set lightDomTitle(e) {
-    this.#b = e;
+    this.#w = e;
   }
   get initialColumnState() {
     return this.#v;
@@ -323,7 +323,7 @@ class gt {
     const e = (this.#n.columns?.length ?? 0) > 0;
     if (!this.#f && e)
       return;
-    const o = this.#w();
+    const o = this.#b();
     this.#f = !1, this.#a = o, Object.freeze(this.#a), this.#a.columns && Object.freeze(this.#a.columns), this.#n = this.#R(this.#a), this.#H();
   }
   #R(e) {
@@ -342,7 +342,7 @@ class gt {
       n.width == null && (n.width = 80);
     }), this.#r.applyAnimationConfig(e);
   }
-  #w() {
+  #b() {
     const e = this.#l ? { ...this.#l } : {}, o = Array.isArray(e.columns) ? [...e.columns] : [], n = (this.#d ?? []).map((s) => ({
       ...s
     }));
@@ -364,7 +364,7 @@ class gt {
   #C(e) {
     e.shell = e.shell ? { ...e.shell } : {}, e.shell.header = e.shell.header ? { ...e.shell.header } : {};
     const o = this.#r.getShellLightDomTitle();
-    o && (this.#b = o), this.#b && !e.shell.header.title && (e.shell.header.title = this.#b);
+    o && (this.#w = o), this.#w && !e.shell.header.title && (e.shell.header.title = this.#w);
     const n = this.#r.getShellLightDomHeaderContent();
     n?.length > 0 && (e.shell.header.lightDomContent = n), this.#r.getShellHasToolButtonsContainer() && (e.shell.header.hasToolButtonsContainer = !0);
     const i = this.#r.getShellToolPanels();
@@ -377,10 +377,10 @@ class gt {
       const u = Array.from(r.values());
       u.sort((p, f) => (p.order ?? 100) - (f.order ?? 100)), e.shell.headerContents = u;
     }
-    const s = this.#r.getShellToolbarContents(), l = Array.from(s.values()), a = this.#l?.shell?.header?.toolbarContents ?? [], c = new Set(a.map((u) => u.id)), h = [...a];
+    const s = this.#r.getShellToolbarContents(), l = Array.from(s.values()), a = this.#l?.shell?.header?.toolbarContents ?? [], c = new Set(a.map((u) => u.id)), d = [...a];
     for (const u of l)
-      c.has(u.id) || h.push(u);
-    h.sort((u, p) => (u.order ?? 0) - (p.order ?? 0)), e.shell.header.toolbarContents = h;
+      c.has(u.id) || d.push(u);
+    d.sort((u, p) => (u.order ?? 0) - (p.order ?? 0)), e.shell.header.toolbarContents = d;
   }
   collectState(e) {
     const o = this.columns, n = this.#y();
@@ -396,8 +396,8 @@ class gt {
         a && (s.sort = a);
         for (const c of e)
           if (c.getColumnState) {
-            const h = c.getColumnState(i.field);
-            h && Object.assign(s, h);
+            const d = c.getColumnState(i.field);
+            d && Object.assign(s, d);
           }
         return s;
       })
@@ -412,8 +412,8 @@ class gt {
       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 = i.get(l.field)?.order ?? 1 / 0, h = i.get(a.field)?.order ?? 1 / 0;
-      return c - h;
+      const c = i.get(l.field)?.order ?? 1 / 0, d = i.get(a.field)?.order ?? 1 / 0;
+      return c - d;
     }), 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) {
@@ -666,31 +666,31 @@ function Ct(t, e, o, n, i) {
     }
     t._rowPool.length = r;
   }
-  const h = i && t.__hasRenderRowPlugins !== !1, u = t._hasAfterRowRenderHook?.() ?? !1;
+  const d = i && t.__hasRenderRowPlugins !== !1, u = t._hasAfterRowRenderHook?.() ?? !1;
   for (let p = 0; p < r; p++) {
-    const f = e + p, g = t._rows[f], d = t._rowPool[p];
-    if (d.setAttribute("aria-rowindex", String(f + c + 1)), h && i(g, d, f)) {
-      d.__epoch = n, d.__rowDataRef = g, d.parentNode !== s && s.appendChild(d);
+    const f = e + p, g = t._rows[f], h = t._rowPool[p];
+    if (h.setAttribute("aria-rowindex", String(f + c + 1)), d && i(g, h, f)) {
+      h.__epoch = n, h.__rowDataRef = g, h.parentNode !== s && s.appendChild(h);
       continue;
     }
-    const w = d.__epoch, b = d.__rowDataRef, S = d.children.length, _ = w === n && S === a, A = b !== g;
+    const w = h.__epoch, b = h.__rowDataRef, S = h.children.length, _ = w === n && S === a, A = b !== g;
     let v = !1;
     if (_ && A) {
       for (let R = 0; R < a; R++)
-        if (l[R].externalView && !d.querySelector(`.cell[data-col="${R}"] [data-external-view]`)) {
+        if (l[R].externalView && !h.querySelector(`.cell[data-col="${R}"] [data-external-view]`)) {
           v = !0;
           break;
         }
     }
     if (!_ || v) {
-      const R = re(d), x = t._activeEditRows === f;
-      R && !x ? (d.__isCustomRow && (d.className = "data-grid-row", d.setAttribute("role", "row"), d.__isCustomRow = !1), se(d), G(t, d, g, f), d.__epoch = n, d.__rowDataRef = g) : R && x ? (le(t, d, g, f), d.__rowDataRef = g) : (d.__isCustomRow && (d.className = "data-grid-row", d.setAttribute("role", "row"), d.__isCustomRow = !1), G(t, d, g, f), d.__epoch = n, d.__rowDataRef = g);
+      const R = re(h), x = t._activeEditRows === f;
+      R && !x ? (h.__isCustomRow && (h.className = "data-grid-row", h.setAttribute("role", "row"), h.__isCustomRow = !1), se(h), G(t, h, g, f), h.__epoch = n, h.__rowDataRef = g) : R && x ? (le(t, h, g, f), h.__rowDataRef = g) : (h.__isCustomRow && (h.className = "data-grid-row", h.setAttribute("role", "row"), h.__isCustomRow = !1), G(t, h, g, f), h.__epoch = n, h.__rowDataRef = g);
     } else if (A) {
-      const R = re(d), x = t._activeEditRows === f;
-      R && !x ? (se(d), G(t, d, g, f), d.__epoch = n, d.__rowDataRef = g) : (le(t, d, g, f), d.__rowDataRef = g);
+      const R = re(h), x = t._activeEditRows === f;
+      R && !x ? (se(h), G(t, h, g, f), h.__epoch = n, h.__rowDataRef = g) : (le(t, h, g, f), h.__rowDataRef = g);
     } else {
-      const R = re(d), x = t._activeEditRows === f;
-      R && !x ? (se(d), G(t, d, g, f), d.__epoch = n, d.__rowDataRef = g) : le(t, d, g, f);
+      const R = re(h), x = t._activeEditRows === f;
+      R && !x ? (se(h), G(t, h, g, f), h.__epoch = n, h.__rowDataRef = g) : le(t, h, g, f);
     }
     let E = !1;
     const y = t.changedRowIds;
@@ -700,39 +700,39 @@ function Ct(t, e, o, n, i) {
         R && (E = y.includes(R));
       } catch {
       }
-    const m = d.classList.contains("changed");
-    E !== m && d.classList.toggle("changed", E);
+    const m = h.classList.contains("changed");
+    E !== m && h.classList.toggle("changed", E);
     const z = t.effectiveConfig?.rowClass;
     if (z) {
-      const R = d.getAttribute("data-dynamic-classes");
-      R && R.split(" ").forEach((x) => x && d.classList.remove(x));
+      const R = h.getAttribute("data-dynamic-classes");
+      R && R.split(" ").forEach((x) => x && h.classList.remove(x));
       try {
         const x = z(g);
         if (x && x.length > 0) {
           const ie = x.filter((Y) => Y && typeof Y == "string");
-          ie.forEach((Y) => d.classList.add(Y)), d.setAttribute("data-dynamic-classes", ie.join(" "));
+          ie.forEach((Y) => h.classList.add(Y)), h.setAttribute("data-dynamic-classes", ie.join(" "));
         } else
-          d.removeAttribute("data-dynamic-classes");
+          h.removeAttribute("data-dynamic-classes");
       } catch (x) {
-        console.warn("[tbw-grid] rowClass callback error:", x), d.removeAttribute("data-dynamic-classes");
+        console.warn("[tbw-grid] rowClass callback error:", x), h.removeAttribute("data-dynamic-classes");
       }
     }
     u && t._afterRowRender?.({
       row: g,
       rowIndex: f,
-      rowElement: d
-    }), d.parentNode !== s && s.appendChild(d);
+      rowElement: h
+    }), h.parentNode !== s && s.appendChild(h);
   }
 }
 function le(t, e, o, n) {
-  const i = e.children, r = t._visibleColumns, s = r.length, l = i.length, a = s < l ? s : l, c = t._focusRow, h = t._focusCol, u = t._hasAfterCellRenderHook?.() ?? !1;
+  const i = e.children, r = t._visibleColumns, s = r.length, l = i.length, a = s < l ? s : l, c = t._focusRow, d = t._focusCol, u = t._hasAfterCellRenderHook?.() ?? !1;
   let p = t.__hasSpecialColumns;
   if (p === void 0) {
     p = !1;
-    const g = t.effectiveConfig?.typeDefaults, d = t.__frameworkAdapter;
+    const g = t.effectiveConfig?.typeDefaults, h = t.__frameworkAdapter;
     for (let w = 0; w < s; w++) {
       const b = r[w];
-      if (b.__viewTemplate || b.__compiledView || b.renderer || b.viewRenderer || b.externalView || b.format || b.type === "date" || b.type === "boolean" || b.type && g?.[b.type]?.renderer || b.type && g?.[b.type]?.format || b.type && d?.getTypeDefault?.(b.type)?.renderer || b.type && d?.getTypeDefault?.(b.type)?.format) {
+      if (b.__viewTemplate || b.__compiledView || b.renderer || b.viewRenderer || b.externalView || b.format || b.type === "date" || b.type === "boolean" || b.type && g?.[b.type]?.renderer || b.type && g?.[b.type]?.format || b.type && h?.getTypeDefault?.(b.type)?.renderer || b.type && h?.getTypeDefault?.(b.type)?.format) {
         p = !0;
         break;
       }
@@ -742,18 +742,18 @@ function le(t, e, o, n) {
   const f = String(n);
   if (!p) {
     for (let g = 0; g < a; g++) {
-      const d = i[g];
-      if (d.classList.contains("editing")) continue;
+      const h = i[g];
+      if (h.classList.contains("editing")) continue;
       const w = r[g], b = o[w.field];
-      d.textContent = b == null ? "" : String(b), d.getAttribute("data-row") !== f && d.setAttribute("data-row", f);
-      const S = c === n && h === g, C = d.classList.contains("cell-focus");
-      S !== C && (d.classList.toggle("cell-focus", S), d.setAttribute("aria-selected", String(S))), u && t._afterCellRender?.({
+      h.textContent = b == null ? "" : String(b), h.getAttribute("data-row") !== f && h.setAttribute("data-row", f);
+      const S = c === n && d === g, C = h.classList.contains("cell-focus");
+      S !== C && (h.classList.toggle("cell-focus", S), h.setAttribute("aria-selected", String(S))), u && t._afterCellRender?.({
         row: o,
         rowIndex: n,
         column: w,
         colIndex: g,
         value: b,
-        cellElement: d,
+        cellElement: h,
         rowElement: e
       });
     }
@@ -765,39 +765,39 @@ function le(t, e, o, n) {
       return;
     }
   for (let g = 0; g < a; g++) {
-    const d = r[g], w = i[g];
+    const h = r[g], w = i[g];
     w.getAttribute("data-row") !== f && w.setAttribute("data-row", f);
-    const b = c === n && h === g, S = w.classList.contains("cell-focus");
+    const b = c === n && d === g, S = w.classList.contains("cell-focus");
     b !== S && (w.classList.toggle("cell-focus", b), w.setAttribute("aria-selected", String(b)));
-    const C = d.cellClass;
+    const C = h.cellClass;
     if (C) {
       const y = w.getAttribute("data-dynamic-classes");
       y && y.split(" ").forEach((m) => m && w.classList.remove(m));
       try {
-        const m = o[d.field], z = C(m, o, d);
+        const m = o[h.field], z = C(m, o, h);
         if (z && z.length > 0) {
           const R = z.filter((x) => x && typeof x == "string");
           R.forEach((x) => w.classList.add(x)), w.setAttribute("data-dynamic-classes", R.join(" "));
         } else
           w.removeAttribute("data-dynamic-classes");
       } catch (m) {
-        console.warn(`[tbw-grid] cellClass callback error for column '${d.field}':`, m), w.removeAttribute("data-dynamic-classes");
+        console.warn(`[tbw-grid] cellClass callback error for column '${h.field}':`, m), w.removeAttribute("data-dynamic-classes");
       }
     }
     if (w.classList.contains("editing")) continue;
-    const _ = $e(t, d);
+    const _ = $e(t, h);
     if (_) {
-      const y = o[d.field], m = _({
+      const y = o[h.field], m = _({
         row: o,
         value: y,
-        field: d.field,
-        column: d,
+        field: h.field,
+        column: h,
         cellEl: w
       });
       typeof m == "string" ? w.innerHTML = F(m) : m instanceof Node ? m.parentElement !== w && (w.innerHTML = "", w.appendChild(m)) : m == null && (w.textContent = y == null ? "" : String(y)), u && t._afterCellRender?.({
         row: o,
         rowIndex: n,
-        column: d,
+        column: h,
         colIndex: g,
         value: y,
         cellElement: w,
@@ -805,24 +805,24 @@ function le(t, e, o, n) {
       });
       continue;
     }
-    if (d.__viewTemplate || d.__compiledView || d.externalView)
+    if (h.__viewTemplate || h.__compiledView || h.externalView)
       continue;
-    const A = o[d.field];
+    const A = o[h.field];
     let v;
-    const E = Fe(t, d);
+    const E = Fe(t, h);
     if (E) {
       try {
         const y = E(A, o);
         v = y == null ? "" : String(y);
       } catch (y) {
-        console.warn(`[tbw-grid] Format error in column '${d.field}':`, y), v = A == null ? "" : String(A);
+        console.warn(`[tbw-grid] Format error in column '${h.field}':`, y), v = A == null ? "" : String(A);
       }
       w.textContent = v;
-    } else d.type === "date" ? (v = qe(A), w.textContent = v) : d.type === "boolean" ? w.innerHTML = Ie(!!A) : (v = A == null ? "" : String(A), w.textContent = v);
+    } else h.type === "date" ? (v = qe(A), w.textContent = v) : h.type === "boolean" ? w.innerHTML = Ie(!!A) : (v = A == null ? "" : String(A), w.textContent = v);
     u && t._afterCellRender?.({
       row: o,
       rowIndex: n,
-      column: d,
+      column: h,
       colIndex: g,
       value: A,
       cellElement: w,
@@ -832,15 +832,15 @@ function le(t, e, o, n) {
 }
 function G(t, e, o, n) {
   e.innerHTML = "";
-  const i = t._visibleColumns, r = i.length, s = t._focusRow, l = t._focusCol, a = t, c = t._hasAfterCellRenderHook?.() ?? !1, h = document.createDocumentFragment();
+  const i = t._visibleColumns, r = i.length, s = t._focusRow, l = t._focusCol, a = t, c = t._hasAfterCellRenderHook?.() ?? !1, d = document.createDocumentFragment();
   for (let u = 0; u < r; u++) {
     const p = i[u], f = mt();
     f.setAttribute("aria-colindex", String(u + 1)), f.setAttribute("data-col", String(u)), f.setAttribute("data-row", String(n)), f.setAttribute("data-field", p.field), f.setAttribute("data-header", p.header ?? p.field), p.type && f.setAttribute("data-type", p.type);
     let g = o[p.field];
-    const d = Fe(t, p);
-    if (d)
+    const h = Fe(t, p);
+    if (h)
       try {
-        g = d(g, o);
+        g = h(g, o);
       } catch (v) {
         console.warn(`[tbw-grid] Format error in column '${p.field}':`, v);
       }
@@ -881,7 +881,7 @@ function G(t, e, o, n) {
       const v = b.innerHTML;
       /Reflect\.|\bProxy\b|ownKeys\(/.test(v) ? (f.textContent = "", f.setAttribute("data-blocked-template", "")) : (f.innerHTML = F(Ne(v, { row: o, value: g })), _ = !0);
     } else
-      d ? f.textContent = g == null ? "" : String(g) : p.type === "date" ? f.textContent = qe(g) : p.type === "boolean" ? f.innerHTML = Ie(!!g) : f.textContent = g == null ? "" : String(g);
+      h ? f.textContent = g == null ? "" : String(g) : p.type === "date" ? f.textContent = qe(g) : p.type === "boolean" ? f.innerHTML = Ie(!!g) : f.textContent = g == null ? "" : String(g);
     if (_) {
       ft(f);
       const v = f.textContent || "";
@@ -907,9 +907,9 @@ function G(t, e, o, n) {
       value: g,
       cellElement: f,
       rowElement: e
-    }), h.appendChild(f);
+    }), d.appendChild(f);
   }
-  e.appendChild(h);
+  e.appendChild(d);
 }
 function Ee(t, e, o) {
   if (e.target?.closest(".resize-handle")) return;
@@ -941,10 +941,10 @@ function Ee(t, e, o) {
 function yt(t, e) {
   if (t._dispatchKeyDown?.(e))
     return;
-  const o = t._rows.length - 1, n = t._visibleColumns.length - 1, i = t._activeEditRows !== void 0 && t._activeEditRows !== -1, s = t._visibleColumns[t._focusCol]?.type, l = e.composedPath?.() ?? [], a = l.length ? l[0] : e.target, c = (h) => {
-    if (!h) return !1;
-    const u = h.tagName;
-    return !!(u === "INPUT" || u === "SELECT" || u === "TEXTAREA" || h.isContentEditable);
+  const o = t._rows.length - 1, n = t._visibleColumns.length - 1, i = t._activeEditRows !== void 0 && t._activeEditRows !== -1, s = t._visibleColumns[t._focusCol]?.type, l = e.composedPath?.() ?? [], a = l.length ? l[0] : e.target, c = (d) => {
+    if (!d) return !1;
+    const u = d.tagName;
+    return !!(u === "INPUT" || u === "SELECT" || u === "TEXTAREA" || d.isContentEditable);
   };
   if (!(c(a) && (e.key === "Home" || e.key === "End")) && !(c(a) && (e.key === "ArrowUp" || e.key === "ArrowDown") && a.tagName === "INPUT" && a.type === "number") && !(c(a) && (e.key === "ArrowLeft" || e.key === "ArrowRight")) && !(c(a) && (e.key === "Enter" || e.key === "Escape")) && !(i && s === "select" && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
     switch (e.key) {
@@ -979,13 +979,13 @@ function yt(t, e) {
         t._focusRow = Math.max(0, t._focusRow - 20), e.preventDefault();
         break;
       case "Enter": {
-        const h = t._focusRow, u = t._focusCol, p = t._visibleColumns[u], f = t._rows[h], g = p?.field ?? "", d = g && f ? f[g] : void 0, w = t.querySelector(
-          `[data-row="${h}"][data-col="${u}"]`
+        const d = t._focusRow, u = t._focusCol, p = t._visibleColumns[u], f = t._rows[d], g = p?.field ?? "", h = g && f ? f[g] : void 0, w = t.querySelector(
+          `[data-row="${d}"][data-col="${u}"]`
         ), b = {
-          rowIndex: h,
+          rowIndex: d,
           colIndex: u,
           field: g,
-          value: d,
+          value: h,
           row: f,
           cellEl: w,
           trigger: "keyboard",
@@ -997,7 +997,7 @@ function yt(t, e) {
         t.dispatchEvent(S);
         const C = new CustomEvent("activate-cell", {
           cancelable: !0,
-          detail: { row: h, col: u }
+          detail: { row: d, col: u }
         });
         if (t.dispatchEvent(C), S.defaultPrevented || C.defaultPrevented) {
           e.preventDefault();
@@ -1013,10 +1013,10 @@ function yt(t, e) {
 }
 function $(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, d = a?.clientHeight ?? c?.clientHeight ?? 0;
+    if (c && d > 0) {
       const u = t._focusRow * s;
-      u < c.scrollTop ? c.scrollTop = u : u + s > c.scrollTop + h && (c.scrollTop = u - h + s);
+      u < c.scrollTop ? c.scrollTop = u : u + s > c.scrollTop + d && (c.scrollTop = u - d + s);
     }
   }
   const o = t._activeEditRows !== void 0 && t._activeEditRows !== -1;
@@ -1038,8 +1038,8 @@ function $(t, e) {
         else {
           const c = t._getHorizontalScrollOffsets?.(s ?? void 0, l) ?? { left: 0, right: 0 };
           if (!c.skipScroll) {
-            const h = l.getBoundingClientRect(), u = a.getBoundingClientRect(), p = h.left - u.left + a.scrollLeft, f = p + h.width, g = a.scrollLeft + c.left, d = a.scrollLeft + a.clientWidth - c.right;
-            p < g ? a.scrollLeft = p - c.left : f > d && (a.scrollLeft = f - a.clientWidth + c.right);
+            const d = l.getBoundingClientRect(), u = a.getBoundingClientRect(), p = d.left - u.left + a.scrollLeft, f = p + d.width, g = a.scrollLeft + c.left, h = a.scrollLeft + a.clientWidth - c.right;
+            p < g ? a.scrollLeft = p - c.left : f > h && (a.scrollLeft = f - a.clientWidth + c.right);
           }
         }
       if (t._activeEditRows !== void 0 && t._activeEditRows !== -1 && l.classList.contains("editing")) {
@@ -1068,16 +1068,16 @@ function pe(t, e, o, n) {
   let i = null;
   const r = o.composedPath?.();
   if (r && r.length > 0 ? i = r[0] : i = o.target, i && !e.contains(i)) {
-    const d = document.elementFromPoint(o.clientX, o.clientY);
-    d && (i = d);
+    const h = document.elementFromPoint(o.clientX, o.clientY);
+    h && (i = h);
   }
   const s = i?.closest?.("[data-col]"), l = i?.closest?.(".data-grid-row"), a = i?.closest?.(".header-row");
-  let c, h, u, p, f, g;
-  return s && (c = parseInt(s.getAttribute("data-row") ?? "-1", 10), h = parseInt(s.getAttribute("data-col") ?? "-1", 10), c >= 0 && h >= 0 && (u = t._rows[c], g = t._columns[h], p = g?.field, f = u && p ? u[p] : void 0)), {
+  let c, d, u, p, f, g;
+  return s && (c = parseInt(s.getAttribute("data-row") ?? "-1", 10), d = parseInt(s.getAttribute("data-col") ?? "-1", 10), c >= 0 && d >= 0 && (u = t._rows[c], g = t._columns[d], p = g?.field, f = u && p ? u[p] : void 0)), {
     type: n,
     row: u,
     rowIndex: c !== void 0 && c >= 0 ? c : void 0,
-    colIndex: h !== void 0 && h >= 0 ? h : void 0,
+    colIndex: d !== void 0 && d >= 0 ? d : void 0,
     field: p,
     value: f,
     column: g,
@@ -1085,7 +1085,7 @@ function pe(t, e, o, n) {
     cellElement: s ?? void 0,
     rowElement: l ?? void 0,
     isHeader: !!a,
-    cell: c !== void 0 && h !== void 0 && c >= 0 && h >= 0 ? { row: c, col: h } : void 0
+    cell: c !== void 0 && d !== void 0 && c >= 0 && d >= 0 ? { row: c, col: d } : void 0
   };
 }
 function Et(t, e, o) {
@@ -1220,8 +1220,8 @@ function ne(t) {
       const a = {
         column: o,
         value: r
-      }, c = o.headerLabelRenderer(a), h = document.createElement("span");
-      c == null ? h.textContent = r : typeof c == "string" ? h.innerHTML = F(c) : c instanceof Node && h.appendChild(c), i.appendChild(h), U(t, o) && (J(t, o, n, i), i.appendChild(Q(t, o))), K(t, o) && (i.classList.add("resizable"), i.appendChild(Z(t, n, i)));
+      }, c = o.headerLabelRenderer(a), d = document.createElement("span");
+      c == null ? d.textContent = r : typeof c == "string" ? d.innerHTML = F(c) : c instanceof Node && d.appendChild(c), i.appendChild(d), U(t, o) && (J(t, o, n, i), i.appendChild(Q(t, o))), K(t, o) && (i.classList.add("resizable"), i.appendChild(Z(t, n, i)));
     } else if (o.__headerTemplate)
       Array.from(o.__headerTemplate.childNodes).forEach((a) => i.appendChild(a.cloneNode(!0))), U(t, o) && (J(t, o, n, i), i.appendChild(Q(t, o))), K(t, o) && (i.classList.add("resizable"), i.appendChild(Z(t, n, i)));
     else {
@@ -1294,11 +1294,11 @@ function Te(t) {
   let e = null, o = null, n = null, i = null;
   const r = (a) => {
     if (!e) return;
-    const c = a.clientX - e.startX, h = Math.max(40, e.startWidth + c), u = t._visibleColumns[e.colIndex];
-    u.width = h, u.__userResized = !0, u.__renderedWidth = h, o == null && (o = requestAnimationFrame(() => {
+    const c = a.clientX - e.startX, d = Math.max(40, e.startWidth + c), u = t._visibleColumns[e.colIndex];
+    u.width = d, u.__userResized = !0, u.__renderedWidth = d, o == null && (o = requestAnimationFrame(() => {
       o = null, t.updateTemplate?.();
     })), t.dispatchEvent(
-      new CustomEvent("column-resize", { detail: { field: u.field, width: h } })
+      new CustomEvent("column-resize", { detail: { field: u.field, width: d } })
     );
   };
   let s = !1;
@@ -1312,9 +1312,9 @@ function Te(t) {
     get isResizing() {
       return e !== null || s;
     },
-    start(a, c, h) {
+    start(a, c, d) {
       a.preventDefault();
-      const u = t._visibleColumns[c], p = typeof u?.width == "number" ? u.width : void 0, f = u?.__renderedWidth ?? p ?? h.getBoundingClientRect().width;
+      const u = t._visibleColumns[c], p = typeof u?.width == "number" ? u.width : void 0, f = u?.__renderedWidth ?? p ?? d.getBoundingClientRect().width;
       e = { startX: a.clientX, colIndex: c, startWidth: f }, window.addEventListener("mousemove", r), window.addEventListener("mouseup", l), n === null && (n = document.documentElement.style.cursor), document.documentElement.style.cursor = "e-resize", i === null && (i = document.body.style.userSelect), document.body.style.userSelect = "none";
     },
     resetColumn(a) {
@@ -1487,7 +1487,7 @@ function Ft(t) {
     );
     const l = H("tbw-tool-panel-content", { role: "presentation" }), a = H("tbw-accordion");
     for (const c of t.panels) {
-      const h = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${n ? " single" : ""}`, u = H(h, { "data-section": c.id }), p = Xe("tbw-accordion-header", {
+      const d = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${n ? " single" : ""}`, u = H(d, { "data-section": c.id }), p = Xe("tbw-accordion-header", {
         "aria-expanded": String(c.isExpanded),
         "aria-controls": `tbw-section-${c.id}`
       });
@@ -1537,16 +1537,16 @@ function Ke(t) {
   return !!(t?.header?.title || t?.header?.toolbarContents?.length || t?.toolPanels?.length || t?.headerContents?.length || t?.header?.lightDomContent?.length || t?.header?.hasToolButtonsContainer);
 }
 function Le(t, e, o = "☰") {
-  const n = t?.header?.title ?? e.lightDomTitle ?? "", i = !!n, r = N(o), s = t?.header?.toolbarContents ?? [], l = [...e.toolbarContents.values()], a = new Set(s.map((d) => d.id)), c = [...s];
-  for (const d of l)
-    a.has(d.id) || c.push(d);
-  const h = c.length > 0, u = e.toolPanels.size > 0, p = h && u, f = [...c].sort((d, w) => (d.order ?? 0) - (w.order ?? 0));
+  const n = t?.header?.title ?? e.lightDomTitle ?? "", i = !!n, r = N(o), s = t?.header?.toolbarContents ?? [], l = [...e.toolbarContents.values()], a = new Set(s.map((h) => h.id)), c = [...s];
+  for (const h of l)
+    a.has(h.id) || c.push(h);
+  const d = c.length > 0, u = e.toolPanels.size > 0, p = d && u, f = [...c].sort((h, w) => (h.order ?? 0) - (w.order ?? 0));
   let g = "";
-  for (const d of f)
-    g += `<div class="tbw-toolbar-content-slot" data-toolbar-content="${d.id}"></div>`;
+  for (const h of f)
+    g += `<div class="tbw-toolbar-content-slot" data-toolbar-content="${h.id}"></div>`;
   if (p && (g += '<div class="tbw-toolbar-separator"></div>'), u) {
-    const d = e.isPanelOpen;
-    g += `<button class="${d ? "tbw-toolbar-btn active" : "tbw-toolbar-btn"}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${d}" aria-controls="tbw-tool-panel">${r}</button>`;
+    const h = e.isPanelOpen;
+    g += `<button class="${h ? "tbw-toolbar-btn active" : "tbw-toolbar-btn"}" data-panel-toggle title="Settings" aria-label="Toggle settings panel" aria-pressed="${h}" aria-controls="tbw-tool-panel">${r}</button>`;
   }
   return `
     <div class="tbw-shell-header" part="shell-header" role="presentation">
@@ -1593,24 +1593,24 @@ function W(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, d = parseInt(r.getAttribute("order") ?? "100", 10);
     let u;
     const p = o?.(r);
     if (p)
       u = p;
     else {
-      const d = r.innerHTML.trim();
+      const h = r.innerHTML.trim();
       u = (w) => {
         const b = document.createElement("div");
-        return b.innerHTML = d, w.appendChild(b), () => b.remove();
+        return b.innerHTML = h, w.appendChild(b), () => b.remove();
       };
     }
     const f = e.toolPanels.get(s);
     if (f) {
       if (p) {
-        f.render = u, f.order = h, f.icon = a, f.tooltip = c;
-        const d = e.panelCleanups.get(s);
-        d && (d(), e.panelCleanups.delete(s));
+        f.render = u, f.order = d, f.icon = a, f.tooltip = c;
+        const h = e.panelCleanups.get(s);
+        h && (h(), e.panelCleanups.delete(s));
       }
       return;
     }
@@ -1619,7 +1619,7 @@ function W(t, e, o) {
       title: l,
       icon: a,
       tooltip: c,
-      order: h,
+      order: d,
       render: u
     };
     e.toolPanels.set(s, g), e.lightDomToolPanelIds.add(s), r.style.display = "none";
@@ -1637,8 +1637,8 @@ function Vt(t, e, o, n) {
   r && r.addEventListener("click", (s) => {
     const a = s.target.closest(".tbw-accordion-header");
     if (a) {
-      const h = a.closest("[data-section]")?.getAttribute("data-section");
-      h && n.onSectionToggle(h);
+      const d = a.closest("[data-section]")?.getAttribute("data-section");
+      d && n.onSectionToggle(d);
     }
   });
 }
@@ -1648,19 +1648,19 @@ function Bt(t, e, o) {
     return () => {
     };
   const s = e?.toolPanel?.position ?? "right", l = 200;
-  let a = 0, c = 0, h = 0, u = !1;
-  const p = (d) => {
+  let a = 0, c = 0, d = 0, u = !1;
+  const p = (h) => {
     if (!u) return;
-    d.preventDefault();
-    const w = s === "left" ? d.clientX - a : a - d.clientX, b = Math.min(h, Math.max(l, c + w));
+    h.preventDefault();
+    const w = s === "left" ? h.clientX - a : a - h.clientX, b = Math.min(d, Math.max(l, c + w));
     n.style.width = `${b}px`;
   }, f = () => {
     if (!u) return;
     u = !1, i.classList.remove("resizing"), n.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
-    const d = n.getBoundingClientRect().width;
-    o(d), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", f);
-  }, g = (d) => {
-    d.preventDefault(), u = !0, a = d.clientX, c = n.getBoundingClientRect().width, h = r.getBoundingClientRect().width - 20, i.classList.add("resizing"), n.style.transition = "none", document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", p), document.addEventListener("mouseup", f);
+    const h = n.getBoundingClientRect().width;
+    o(h), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", f);
+  }, g = (h) => {
+    h.preventDefault(), u = !0, a = h.clientX, c = n.getBoundingClientRect().width, d = r.getBoundingClientRect().width - 20, i.classList.add("resizing"), n.style.transition = "none", document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", p), document.addEventListener("mouseup", f);
   };
   return i.addEventListener("mousedown", g), () => {
     i.removeEventListener("mousedown", g), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", f);
@@ -1705,8 +1705,8 @@ function Gt(t, e, o) {
     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 d = a.querySelector(".tbw-accordion-header");
+    d && d.setAttribute("aria-expanded", String(l));
     const u = a.querySelector(".tbw-accordion-chevron");
     if (u && (u.innerHTML = l ? i : n), l) {
       if (c.children.length === 0) {
@@ -1804,8 +1804,8 @@ function Yt(t, e) {
       } else {
         for (const [a, c] of t.toolPanels)
           if (a !== i && t.expandedSections.has(a)) {
-            const h = t.panelCleanups.get(a);
-            h && (h(), t.panelCleanups.delete(a)), c.onClose?.(), t.expandedSections.delete(a), ce(s, a, !1);
+            const d = t.panelCleanups.get(a);
+            d && (d(), t.panelCleanups.delete(a)), c.onClose?.(), t.expandedSections.delete(a), ce(s, a, !1);
             const u = s.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
             u && (u.innerHTML = "");
           }
@@ -1901,7 +1901,7 @@ function Kt(t, e, o, n) {
         hasRender: !!C.render
       })),
       apiButtons: []
-    }, d = {
+    }, h = {
       position: e?.toolPanel?.position ?? "right",
       isPanelOpen: o.isPanelOpen,
       expandIcon: a,
@@ -1912,7 +1912,7 @@ function Kt(t, e, o, n) {
         icon: N(C.icon),
         isExpanded: o.expandedSections.has(C.id)
       }))
-    }, w = $t(g), b = Ft(d), S = Pe({
+    }, w = $t(g), b = Ft(h), S = Pe({
       hasShell: !0,
       shellHeader: w,
       shellBody: b
@@ -1955,15 +1955,15 @@ function eo(t, e, o) {
     return !1;
   const n = t.touches[0], i = n.clientY, r = n.clientX, s = performance.now(), l = e.startY - i, a = e.startX - r;
   if (e.lastTime !== null && e.lastY !== null && e.lastX !== null) {
-    const d = s - e.lastTime;
-    d > 0 && (e.velocityY = (e.lastY - i) / d, e.velocityX = (e.lastX - r) / d);
+    const h = s - e.lastTime;
+    h > 0 && (e.velocityY = (e.lastY - i) / h, e.velocityX = (e.lastX - r) / h);
   }
   e.lastY = i, e.lastX = r, e.lastTime = s;
-  const { scrollTop: c, scrollHeight: h, clientHeight: u } = o.fauxScrollbar, p = h - u, f = l > 0 && c < p || l < 0 && c > 0;
+  const { scrollTop: c, scrollHeight: d, clientHeight: u } = o.fauxScrollbar, p = d - u, f = l > 0 && c < p || l < 0 && c > 0;
   let g = !1;
   if (o.scrollArea) {
-    const { scrollLeft: d, scrollWidth: w, clientWidth: b } = o.scrollArea, S = w - b;
-    g = a > 0 && d < S || a < 0 && d > 0;
+    const { scrollLeft: h, scrollWidth: w, clientWidth: b } = o.scrollArea, S = w - b;
+    g = a > 0 && h < S || a < 0 && h > 0;
   }
   return f && (o.fauxScrollbar.scrollTop = e.scrollTop + l), g && o.scrollArea && (o.scrollArea.scrollLeft = e.scrollLeft + a), f || g;
 }
@@ -2077,10 +2077,10 @@ function Me(t, e) {
 }
 function lo(t, e) {
   const o = io, n = ro, i = /* @__PURE__ */ new Map();
-  function r(l, a, c, h, u = !1) {
+  function r(l, a, c, d, u = !1) {
     i.has(l) || i.set(l, { description: a, importHint: c, fields: [], isConfigProperty: u });
     const p = i.get(l);
-    p.fields.includes(h) || p.fields.push(h);
+    p.fields.includes(d) || p.fields.push(d);
   }
   for (const l of n) {
     const a = t[l.property];
@@ -2098,12 +2098,12 @@ function lo(t, e) {
       }
   if (i.size > 0) {
     const l = [];
-    for (const [a, { description: c, importHint: h, fields: u, isConfigProperty: p }] of i)
+    for (const [a, { description: c, importHint: d, fields: u, isConfigProperty: p }] of i)
       if (p)
         l.push(
           `Config uses ${c}, but the required plugin is not loaded.
   → Add the plugin to your gridConfig.plugins array:
-    ${h}
+    ${d}
     plugins: [new ${a.charAt(0).toUpperCase() + a.slice(1)}Plugin(), ...]`
         );
       else {
@@ -2111,7 +2111,7 @@ function lo(t, e) {
         l.push(
           `Column(s) [${f}] use ${c}, but the required plugin is not loaded.
   → Add the plugin to your gridConfig.plugins array:
-    ${h}
+    ${d}
     plugins: [new ${a.charAt(0).toUpperCase() + a.slice(1)}Plugin(), ...]`
         );
       }
@@ -2153,13 +2153,13 @@ function co(t, e) {
   const o = t.name, i = t.constructor.dependencies ?? [];
   for (const r of i) {
     const s = r.name, l = r.required ?? !0, a = r.reason;
-    if (!e.some((h) => h.name === s)) {
-      const h = a ?? `${O(o)}Plugin requires ${O(s)}Plugin`, u = ue(s);
+    if (!e.some((d) => d.name === s)) {
+      const d = a ?? `${O(o)}Plugin requires ${O(s)}Plugin`, u = ue(s);
       if (l)
         throw new Error(
           `[tbw-grid] Plugin dependency error:
 
-${h}.
+${d}.
 
   → Add the plugin to your gridConfig.plugins array BEFORE ${O(o)}Plugin:
     ${u}
@@ -2456,7 +2456,7 @@ class uo {
 }
 class L extends HTMLElement {
   static tagName = "tbw-grid";
-  static version = "1.9.0";
+  static version = "1.9.2";
   static #l = 0;
   static adapters = [];
   static registerAdapter(e) {
@@ -2492,14 +2492,14 @@ class L extends HTMLElement {
   #s;
   #v = 0;
   #r = null;
-  #b = !1;
+  #w = !1;
   #R;
   #H = Qt();
-  #w;
+  #b;
   #C;
   #y;
   #p;
-  #pe = {
+  #J = {
     scrollTop: 0,
     scrollLeft: 0,
     scrollHeight: 0,
@@ -2511,6 +2511,7 @@ class L extends HTMLElement {
   #_;
   #M = !1;
   #D;
+  #F;
   #O;
   #t;
   #e = Ut();
@@ -2522,7 +2523,7 @@ class L extends HTMLElement {
   #N;
   #E = /* @__PURE__ */ new Map();
   _rows = [];
-  #F = [];
+  #U = [];
   get _columns() {
     return this.#n.columns ?? [];
   }
@@ -2604,16 +2605,16 @@ class L extends HTMLElement {
   }
   set loading(e) {
     const o = this.#k;
-    this.#k = e, e ? this.setAttribute("loading", "") : this.removeAttribute("loading"), o !== e && this.#De();
+    this.#k = e, e ? this.setAttribute("loading", "") : this.removeAttribute("loading"), o !== e && this.#Oe();
   }
   setRowLoading(e, o) {
     const n = this.#x.has(e);
-    o ? this.#x.add(e) : this.#x.delete(e), n !== o && this.#he(e, o);
+    o ? this.#x.add(e) : this.#x.delete(e), n !== o && this.#fe(e, o);
   }
   setCellLoading(e, o, n) {
     let i = this.#A.get(e);
     const r = i?.has(o) ?? !1;
-    n ? (i || (i = /* @__PURE__ */ new Set(), this.#A.set(e, i)), i.add(o)) : (i?.delete(o), i?.size === 0 && this.#A.delete(e)), r !== n && this.#ue(e, o, n);
+    n ? (i || (i = /* @__PURE__ */ new Set(), this.#A.set(e, i)), i.add(o)) : (i?.delete(o), i?.size === 0 && this.#A.delete(e)), r !== n && this.#pe(e, o, n);
   }
   isRowLoading(e) {
     return this.#x.has(e);
@@ -2624,31 +2625,31 @@ class L extends HTMLElement {
   clearAllLoading() {
     this.loading = !1;
     for (const e of this.#x)
-      this.#he(e, !1);
+      this.#fe(e, !1);
     this.#x.clear();
     for (const [e, o] of this.#A)
       for (const n of o)
-        this.#ue(e, n, !1);
+        this.#pe(e, n, !1);
     this.#A.clear();
   }
   get effectiveConfig() {
     return this.#n;
   }
   get disconnectSignal() {
-    return this.#w || (this.#w = new AbortController()), this.#w.signal;
+    return this.#b || (this.#b = new AbortController()), this.#b.signal;
   }
   constructor() {
-    super(), this.#we(), this.#d = new Promise((e) => this.#h = e), this.#s = new Ot({
+    super(), this.#be(), this.#d = new Promise((e) => this.#h = e), this.#s = new Ot({
       mergeConfig: () => {
-        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#ee(), lo(this.#n, this.#o?.getPlugins() ?? []), ao(this.#o?.getPlugins() ?? []), ho(this.#o?.getPlugins() ?? []), this.#Pe(), this.#F = [...this._columns];
+        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#oe(), lo(this.#n, this.#o?.getPlugins() ?? []), ao(this.#o?.getPlugins() ?? []), ho(this.#o?.getPlugins() ?? []), this.#Le(), this.#U = [...this._columns];
       },
-      processColumns: () => this.#xe(),
-      processRows: () => this.#Ae(),
+      processColumns: () => this.#Ae(),
+      processRows: () => this.#Te(),
       renderHeader: () => ne(this),
       updateTemplate: () => B(this),
       renderVirtualWindow: () => this.refreshVirtualWindow(!0, !0),
       afterRender: () => {
-        this.#o?.afterRender(), this.#n.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, ve(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, $(this)), this._virtualization.enabled && !this.#W && this.#me();
+        this.#o?.afterRender(), this.#n.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, ve(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, $(this)), this._virtualization.enabled && !this.#W && this.#ve();
       },
       isConnected: () => this.isConnected && this.#f
     }), this.#s.setInitialReadyResolver(() => this.#h?.()), this.#c = Yt(this.#e, {
@@ -2681,7 +2682,7 @@ class L extends HTMLElement {
       setRowHeight: (e) => {
         this._virtualization.rowHeight = e;
       },
-      applyAnimationConfig: (e) => this.#Te(e),
+      applyAnimationConfig: (e) => this.#Pe(e),
       getShellLightDomTitle: () => this.#e.lightDomTitle,
       getShellToolPanels: () => this.#e.toolPanels,
       getShellHeaderContents: () => this.#e.headerContents,
@@ -2690,25 +2691,25 @@ class L extends HTMLElement {
       getShellHasToolButtonsContainer: () => this.#e.hasToolButtonsContainer
     });
   }
-  static #Z = "tbw-grid-styles";
+  static #ee = "tbw-grid-styles";
   static #I = "";
-  static #U = /* @__PURE__ */ new Map();
-  static #ge() {
-    let e = document.getElementById(this.#Z);
-    return e || (e = document.createElement("style"), e.id = this.#Z, e.setAttribute("data-tbw-grid", "true"), document.head.appendChild(e)), e;
+  static #V = /* @__PURE__ */ new Map();
+  static #we() {
+    let e = document.getElementById(this.#ee);
+    return e || (e = document.createElement("style"), e.id = this.#ee, e.setAttribute("data-tbw-grid", "true"), document.head.appendChild(e)), e;
   }
-  static #V() {
-    const e = this.#ge(), o = Array.from(this.#U.values()).join(`
+  static #B() {
+    const e = this.#we(), o = Array.from(this.#V.values()).join(`
 `);
     e.textContent = `${this.#I}
 
 /* Plugin Styles */
 ${o}`;
   }
-  async #we() {
+  async #be() {
     if (!L.#I) {
       if (we.length > 0) {
-        L.#I = we, L.#V();
+        L.#I = we, L.#B();
         return;
       }
       await new Promise((e) => setTimeout(e, 50));
@@ -2725,7 +2726,7 @@ ${o}`;
           } catch {
             continue;
           }
-        e ? (L.#I = e, L.#V()) : (typeof process > "u" || process.env?.NODE_ENV !== "test") && console.warn(
+        e ? (L.#I = e, L.#B()) : (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)")
@@ -2744,6 +2745,9 @@ ${o}`;
   requestRender() {
     this.#s.requestPhase(T.ROWS, "plugin:requestRender");
   }
+  requestColumnsRender() {
+    this.#s.requestPhase(T.COLUMNS, "plugin:requestColumnsRender");
+  }
   requestRenderWithFocus() {
     this._restoreFocusAfterRender = !0, this.#s.requestPhase(T.ROWS, "plugin:requestRenderWithFocus");
   }
@@ -2753,7 +2757,7 @@ ${o}`;
   requestAfterRender() {
     this.#s.requestPhase(T.STYLE, "plugin:requestAfterRender");
   }
-  #J() {
+  #te() {
     this.#o = new uo(this);
     const e = this.#n?.plugins, o = Array.isArray(e) ? e : [];
     this.#o.attachAll(o);
@@ -2762,10 +2766,10 @@ ${o}`;
     const e = this.#o?.getPluginStyles() ?? [];
     let o = !1;
     for (const { name: n, styles: i } of e)
-      L.#U.has(n) || (L.#U.set(n, i), o = !0);
-    o && L.#V();
+      L.#V.has(n) || (L.#V.set(n, i), o = !0);
+    o && L.#B();
   }
-  #ee() {
+  #oe() {
     const e = this.#n?.plugins, o = Array.isArray(e) ? e : [];
     if (this.#_ !== o) {
       if (this.#_ && this.#_.length === o.length && this.#_.every((n, i) => n === o[i])) {
@@ -2784,13 +2788,13 @@ ${o}`;
         const i = this.#e.headerContentCleanups.get(n);
         i && (i(), this.#e.headerContentCleanups.delete(n)), this.#e.headerContents.delete(n);
       }
-      this.#J(), this.#q(), this.#_ = o, this.#te(), this.#b = this.#o?.getAll().some((n) => n.onScroll) ?? !1;
+      this.#te(), this.#q(), this.#_ = o, this.#ne(), this.#w = this.#o?.getAll().some((n) => n.onScroll) ?? !1;
     }
   }
-  #be() {
+  #me() {
     this.#o?.detachAll();
   }
-  #te() {
+  #ne() {
     if (!this.#o) return;
     const e = this.#o.getToolPanels();
     for (const { panel: n } of e)
@@ -2816,17 +2820,17 @@ ${o}`;
     };
   }
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", L.version), this.id || (this.id = `tbw-grid-${++L.#l}`), this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#w && (this.#w.abort(), this.#M = !1), this.#w = new AbortController(), this.#p && (Ae(this.#p), this.#p = void 0), I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T()), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#J();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", L.version), this.id || (this.id = `tbw-grid-${++L.#l}`), this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#b && (this.#b.abort(), this.#M = !1), this.#b = new AbortController(), this.#p && (Ae(this.#p), this.#p = void 0), I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T()), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#te();
     const e = this.#n?.plugins;
-    this.#_ = Array.isArray(e) ? e : [], this.#te(), this.#u || (this.#K(), this.#q(), this.#u = !0), this.#oe(), this.#p = Dt(
+    this.#_ = Array.isArray(e) ? e : [], this.#ne(), this.#u || (this.#Q(), this.#q(), this.#u = !0), this.#ie(), this.#p = Dt(
       () => {
-        this.#ke();
+        this.#Ne();
       },
       { timeout: 100 }
     );
   }
   disconnectedCallback() {
-    this.#p && (Ae(this.#p), this.#p = void 0), this.#be(), Xt(this.#e), this.#c.setInitialized(!1), this.#z?.(), this.#z = void 0, Qe(this.#H), this.#w && (this.#w.abort(), this.#w = void 0), this.#D?.abort(), this.#D = void 0, this.#M = !1, this._resizeController && this._resizeController.dispose(), this.#C && (this.#C.disconnect(), this.#C = void 0), this.#y && (this.#y.disconnect(), this.#y = void 0, this.#W = !1), j(this), this.#S.clear(), this.#_ = void 0;
+    this.#p && (Ae(this.#p), this.#p = void 0), this.#me(), Xt(this.#e), this.#c.setInitialized(!1), this.#z?.(), this.#z = void 0, Qe(this.#H), this.#b && (this.#b.abort(), this.#b = void 0), this.#D?.abort(), this.#D = void 0, this.#M = !1, this._resizeController && this._resizeController.dispose(), this.#C && (this.#C.disconnect(), this.#C = void 0), this.#y && (this.#y.disconnect(), this.#y = void 0, this.#W = !1), j(this), this.#S.clear(), this.#_ = void 0;
     for (const e of this._rowPool)
       e.remove();
     this._rowPool.length = 0, this.__rowsBodyEl = null, this.#f = !1;
@@ -2847,22 +2851,22 @@ ${o}`;
         }
       else e === "fit-mode" && (this.fitMode = n);
   }
-  #oe() {
+  #ie() {
     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.#c.isInitialized) {
       he(this.#i, this.#e), He(this.#i, this.#n?.shell, this.#e);
       const r = this.#n?.shell?.toolPanel?.defaultOpen;
       r && this.#e.toolPanels.has(r) && (this.openToolPanel(), this.#e.expandedSections.add(r));
     }
-    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Te(this), this.#L(), this.#ie(o), this.#M)
+    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Te(this), this.#L(), this.#se(o), this.#M)
       return;
     this.#M = !0;
     const n = this.disconnectSignal;
     At(this, this, this.#i, n);
     const i = this.#n.rowHeight;
-    i && i > 0 ? this._virtualization.rowHeight = i : requestAnimationFrame(() => this.#ne()), queueMicrotask(() => this.#ve()), this.#s.requestPhase(T.FULL, "afterConnect");
+    i && i > 0 ? this._virtualization.rowHeight = i : requestAnimationFrame(() => this.#re()), queueMicrotask(() => this.#Ce()), this.#s.requestPhase(T.FULL, "afterConnect");
   }
-  #ne() {
+  #re() {
     if (this.#o.hasExtraHeight())
       return;
     const e = this._bodyEl?.querySelector(".data-grid-row");
@@ -2876,42 +2880,56 @@ ${o}`;
     const i = e.getBoundingClientRect(), r = Math.max(i.height, n);
     r > 0 && Math.abs(r - this._virtualization.rowHeight) > 1 && (this._virtualization.rowHeight = r, this.#s.requestPhase(T.VIRTUALIZATION, "measureRowHeight"));
   }
-  #ie(e) {
+  #se(e) {
     this.#D?.abort(), this.#D = new AbortController();
     const o = this.#D.signal, n = e?.querySelector(".faux-vscroll"), i = e?.querySelector(".rows");
-    if (this._virtualization.container = n ?? this, this.#b = this.#o?.getAll().some((r) => r.onScroll) ?? !1, n && i) {
+    if (this._virtualization.container = n ?? this, this.#w = this.#o?.getAll().some((r) => r.onScroll) ?? !1, n && i) {
       n.addEventListener(
         "scroll",
         () => {
-          if (!this._virtualization.enabled && !this.#b) return;
-          const l = n.scrollTop, a = this._virtualization.rowHeight;
+          if (!this._virtualization.enabled && !this.#w) return;
+          const a = n.scrollTop, c = this._virtualization.rowHeight;
           if (this._rows.length <= this._virtualization.bypassThreshold)
-            i.style.transform = `translateY(${-l}px)`;
+            i.style.transform = `translateY(${-a}px)`;
           else {
-            const c = Math.floor(l / a), h = c - c % 2, u = -(l - h * a);
-            i.style.transform = `translateY(${u}px)`;
+            const d = Math.floor(a / c), u = d - d % 2, p = -(a - u * c);
+            i.style.transform = `translateY(${p}px)`;
           }
-          this.#r = l, this.#v || (this.#v = requestAnimationFrame(() => {
-            this.#v = 0, this.#r !== null && (this.#Oe(this.#r), this.#r = null);
+          this.#r = a, this.#v || (this.#v = requestAnimationFrame(() => {
+            this.#v = 0, this.#r !== null && (this.#Me(this.#r), this.#r = null);
           }));
         },
         { passive: !0, signal: o }
       );
-      const r = this.#i.querySelector(".tbw-grid-content"), s = this.#i.querySelector(".tbw-scroll-area");
-      r && (r.addEventListener(
+      const r = this.#i.querySelector(".tbw-scroll-area");
+      this.#F = r, r && this.#w && r.addEventListener(
+        "scroll",
+        () => {
+          const a = this.#J;
+          a.scrollTop = n.scrollTop, a.scrollLeft = r.scrollLeft, a.scrollHeight = n.scrollHeight, a.scrollWidth = r.scrollWidth, a.clientHeight = n.clientHeight, a.clientWidth = r.clientWidth, this.#o?.onScroll(a);
+        },
+        { passive: !0, signal: o }
+      );
+      const s = this.#i.querySelector(".tbw-grid-content"), l = this.#F;
+      s && (s.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: u, clientWidth: p } = s;
-            (c > 0 && h < u - p || c < 0 && h > 0) && (l.preventDefault(), s.scrollLeft += c);
-          } else if (!a) {
-            const { scrollTop: c, scrollHeight: h, clientHeight: u } = n;
-            (l.deltaY > 0 && c < h - u || l.deltaY < 0 && c > 0) && (l.preventDefault(), n.scrollTop += l.deltaY);
+        (a) => {
+          const c = a.shiftKey || Math.abs(a.deltaX) > Math.abs(a.deltaY);
+          if (c && l) {
+            const d = a.shiftKey ? a.deltaY : a.deltaX, { scrollLeft: u, scrollWidth: p, clientWidth: f } = l;
+            (d > 0 && u < p - f || d < 0 && u > 0) && (a.preventDefault(), l.scrollLeft += d);
+          } else if (!c) {
+            const { scrollTop: d, scrollHeight: u, clientHeight: p } = n;
+            (a.deltaY > 0 && d < u - p || a.deltaY < 0 && d > 0) && (a.preventDefault(), n.scrollTop += a.deltaY);
           }
         },
         { passive: !1, signal: o }
-      ), no(r, this.#H, { fauxScrollbar: n, scrollArea: s }, o));
+      ), no(
+        s,
+        this.#H,
+        { fauxScrollbar: n, scrollArea: l },
+        o
+      ));
     }
     this._bodyEl && xt(this, this._bodyEl, o), this.#C?.disconnect(), this._virtualization.viewportEl && (this.#C = new ResizeObserver(() => {
       this.#s.requestPhase(T.VIRTUALIZATION, "resize-observer");
@@ -2931,17 +2949,17 @@ ${o}`;
     );
   }
   #W = !1;
-  #me() {
+  #ve() {
     if (this.#W) return;
     const e = this._bodyEl?.querySelector(".data-grid-row");
     e && (this.#W = !0, this.#y?.disconnect(), this.#y = new ResizeObserver(() => {
-      this.#ne();
+      this.#re();
     }), this.#y.observe(e));
   }
   #P(e, o) {
     this.dispatchEvent(new CustomEvent(e, { detail: o, bubbles: !0, composed: !0 }));
   }
-  #ve() {
+  #Ce() {
     this._bodyEl?.querySelectorAll(".data-grid-row")?.forEach((o, n) => {
       const i = n === this._focusRow;
       o.setAttribute("aria-selected", String(i)), o.querySelectorAll(".cell").forEach((r, s) => {
@@ -2950,9 +2968,9 @@ ${o}`;
     });
   }
   #$(e) {
-    this.#m[e] = !0, !this.#g && (this.#g = !0, queueMicrotask(() => this.#Ce()));
+    this.#m[e] = !0, !this.#g && (this.#g = !0, queueMicrotask(() => this.#ye()));
   }
-  #Ce() {
+  #ye() {
     if (!this.#g || !this.#f) {
       this.#g = !1;
       return;
@@ -2964,66 +2982,66 @@ ${o}`;
       gridConfig: !1,
       fitMode: !1
     }, e.gridConfig) {
-      this.#Se(), e.rows && this.#re();
+      this.#Re(), e.rows && this.#le();
       return;
     }
-    e.columns && this.#_e(), e.rows && this.#re(), e.fitMode && this.#Ee();
+    e.columns && this.#Ee(), e.rows && this.#le(), e.fitMode && this.#Se();
   }
-  #re() {
-    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#B(), this.#s.requestPhase(T.ROWS, "applyRowsUpdate");
+  #le() {
+    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#G(), this.#s.requestPhase(T.ROWS, "applyRowsUpdate");
   }
-  #B() {
+  #G() {
     this.#E.clear();
     const e = this.#n.getRowId;
     this._rows.forEach((o, n) => {
-      const i = this.#se(o, e);
+      const i = this.#ae(o, e);
       i !== void 0 && this.#E.set(i, { row: o, index: n });
     });
   }
-  #se(e, o) {
+  #ae(e, o) {
     if (o)
       return o(e);
     const n = e;
     if ("id" in n && n.id != null) return String(n.id);
     if ("_id" in n && n._id != null) return String(n._id);
   }
-  #ye(e, o) {
-    const n = this.#se(e, o);
+  #_e(e, o) {
+    const n = this.#ae(e, o);
     if (n === void 0)
       throw new Error(
         '[tbw-grid] Cannot determine row ID. Configure getRowId in gridConfig or ensure rows have an "id" property.'
       );
     return n;
   }
-  #_e() {
+  #Ee() {
     j(this), this.#t.merge(), this.#L();
   }
-  #Ee() {
+  #Se() {
     this.#t.merge(), this.#n.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, ve(this)) : (this._columns.forEach((o) => {
       !o.__userResized && o.__autoSized && delete o.width;
     }), B(this));
   }
-  #Se() {
+  #Re() {
     I(this, this.#e), q(this, this.#e);
     const e = !!this.#i.querySelector(".has-shell"), o = !!this.#i.querySelector(".tbw-tool-panel"), n = this.#i.querySelectorAll(".tbw-accordion-section").length;
-    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#ee(), W(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge();
+    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#oe(), W(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge();
     const i = Ke(this.#n?.shell), r = (this.#n?.shell?.toolPanels?.length ?? 0) > 0, s = (this.#n?.shell?.toolPanels?.length ?? 0) !== n;
     if (e !== i || !e && i || !o && r || o && s) {
-      this.#K(), this.#q(), this.#oe(), this.#B();
+      this.#Q(), this.#q(), this.#ie(), this.#G();
       return;
     }
-    e && this.#Re(), this.#B(), this.#s.requestPhase(T.COLUMNS, "applyGridConfigUpdate");
+    e && this.#xe(), this.#G(), this.#s.requestPhase(T.COLUMNS, "applyGridConfigUpdate");
   }
-  #Re() {
+  #xe() {
     const e = this.#i.querySelector(".tbw-shell-header");
     if (!e) return;
     const o = this.#n.shell?.header?.title ?? this.#e.lightDomTitle;
     let n = e.querySelector(".tbw-shell-title");
     o ? (n || (n = document.createElement("h2"), n.className = "tbw-shell-title", n.setAttribute("part", "shell-title"), e.insertBefore(n, e.firstChild)), n.textContent = o) : n && n.remove();
   }
-  #xe() {
+  #Ae() {
     if (this.#o) {
-      const e = this.#F.length > 0 ? this.#F : this._columns, o = e.filter((r) => !r.hidden), n = e.filter((r) => r.hidden), i = this.#o.processColumns([...o]);
+      const e = this.#U.length > 0 ? this.#U : this._columns, o = e.filter((r) => !r.hidden), n = e.filter((r) => r.hidden), i = this.#o.processColumns([...o]);
       if (i !== o) {
         new Set(o.map((l) => l.field));
         const r = new Set(i.map((l) => l.field));
@@ -3032,12 +3050,12 @@ ${o}`;
         this._columns = [...e];
     }
   }
-  #Ae() {
+  #Te() {
     j(this);
     const e = Array.isArray(this.#a) ? [...this.#a] : [], o = this.#o?.processRows(e) ?? e;
     this._rows = o;
   }
-  #Te(e) {
+  #Pe(e) {
     const o = {
       ...Je,
       ...e.animation
@@ -3045,31 +3063,31 @@ ${o}`;
     let i = 1;
     n === !1 || n === "off" ? i = 0 : (n === !0 || n === "on") && (i = 1), this.style.setProperty("--tbw-animation-duration", `${o.duration}ms`), this.style.setProperty("--tbw-animation-easing", o.easing ?? "ease-out"), this.style.setProperty("--tbw-animation-enabled", String(i)), this.dataset.animationMode = typeof n == "boolean" ? n ? "on" : "off" : n;
   }
-  #G(e, o, n = this.__rowRenderEpoch) {
+  #X(e, o, n = this.__rowRenderEpoch) {
     this.#R || (this.#R = (i, r, s) => this.#o?.renderRow(i, r, s) ?? !1), Ct(this, e, o, n, this.#R);
   }
-  #X = -1;
-  #le = -1;
-  #ae(e, o) {
-    if (e === this.#X && o === this.#le)
+  #Y = -1;
+  #ce = -1;
+  #de(e, o) {
+    if (e === this.#Y && o === this.#ce)
       return;
-    const n = this.#X;
-    this.#X = e, this.#le = o, this.__rowsBodyEl && (this.__rowsBodyEl.setAttribute("aria-rowcount", String(e)), this.__rowsBodyEl.setAttribute("aria-colcount", String(o))), e !== n && this._bodyEl && (e > 0 ? this._bodyEl.setAttribute("role", "rowgroup") : this._bodyEl.removeAttribute("role"));
+    const n = this.#Y;
+    this.#Y = e, this.#ce = o, this.__rowsBodyEl && (this.__rowsBodyEl.setAttribute("aria-rowcount", String(e)), this.__rowsBodyEl.setAttribute("aria-colcount", String(o))), e !== n && this._bodyEl && (e > 0 ? this._bodyEl.setAttribute("role", "rowgroup") : this._bodyEl.removeAttribute("role"));
   }
-  #ce;
-  #de;
-  #Pe() {
+  #he;
+  #ue;
+  #Le() {
     if (!this.__rowsBodyEl) return;
     const e = this.#n.gridAriaLabel, o = this.#n.shell?.header?.title ?? this.#e?.lightDomTitle ?? void 0, n = e ?? o;
-    n !== this.#ce && (this.#ce = n, n ? this.__rowsBodyEl.setAttribute("aria-label", n) : this.__rowsBodyEl.removeAttribute("aria-label"));
+    n !== this.#he && (this.#he = n, n ? this.__rowsBodyEl.setAttribute("aria-label", n) : this.__rowsBodyEl.removeAttribute("aria-label"));
     const i = this.#n.gridAriaDescribedBy;
-    i !== this.#de && (this.#de = i, i ? this.__rowsBodyEl.setAttribute("aria-describedby", i) : this.__rowsBodyEl.removeAttribute("aria-describedby"));
+    i !== this.#ue && (this.#ue = i, i ? this.__rowsBodyEl.setAttribute("aria-describedby", i) : this.__rowsBodyEl.removeAttribute("aria-describedby"));
   }
-  #Le(e) {
+  #He(e) {
     const o = document.createElement("div");
     return o.className = `tbw-spinner tbw-spinner--${e}`, o.setAttribute("role", "progressbar"), o.setAttribute("aria-label", "Loading"), o;
   }
-  #He(e) {
+  #De(e) {
     const o = this.#n?.loadingRenderer;
     if (o) {
       const n = o({ size: e });
@@ -3079,27 +3097,27 @@ ${o}`;
       }
       return n;
     }
-    return this.#Le(e);
+    return this.#He(e);
   }
-  #De() {
+  #Oe() {
     const e = this.querySelector(".tbw-grid-root");
     if (e)
       if (this.#k) {
         if (!this.#N) {
           const o = document.createElement("div");
-          o.className = "tbw-loading-overlay", o.setAttribute("role", "status"), o.setAttribute("aria-live", "polite"), o.appendChild(this.#He("large")), this.#N = o;
+          o.className = "tbw-loading-overlay", o.setAttribute("role", "status"), o.setAttribute("aria-live", "polite"), o.appendChild(this.#De("large")), this.#N = o;
         }
         e.appendChild(this.#N);
       } else
         this.#N?.remove();
   }
-  #he(e, o) {
+  #fe(e, o) {
     const n = this.#E.get(e);
     if (!n) return;
     const i = this.findRenderedRowElement?.(n.index);
     i && (o ? (i.classList.add("tbw-row-loading"), i.setAttribute("aria-busy", "true")) : (i.classList.remove("tbw-row-loading"), i.removeAttribute("aria-busy")));
   }
-  #ue(e, o, n) {
+  #pe(e, o, n) {
     const i = this.#E.get(e);
     if (!i) return;
     const r = this.findRenderedRowElement?.(i.index);
@@ -3120,10 +3138,10 @@ ${o}`;
       this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), this.#s.requestPhase(T.FULL, "setup");
     }
   }
-  #Oe(e) {
-    if (this.refreshVirtualWindow(!1), this.#o?.onScrollRender(), this.#b) {
-      const o = this._virtualization.container, n = this.#pe;
-      n.scrollTop = e, n.scrollLeft = o?.scrollLeft ?? 0, n.scrollHeight = o?.scrollHeight ?? 0, n.scrollWidth = o?.scrollWidth ?? 0, n.clientHeight = o?.clientHeight ?? 0, n.clientWidth = o?.clientWidth ?? 0, this.#o?.onScroll(n);
+  #Me(e) {
+    if (this.refreshVirtualWindow(!1), this.#o?.onScrollRender(), this.#w) {
+      const o = this._virtualization.container, n = this.#F, i = this.#J;
+      i.scrollTop = e, i.scrollLeft = n?.scrollLeft ?? 0, i.scrollHeight = o?.scrollHeight ?? 0, i.scrollWidth = n?.scrollWidth ?? 0, i.clientHeight = o?.clientHeight ?? 0, i.clientWidth = n?.clientWidth ?? 0, this.#o?.onScroll(i);
     }
   }
   findHeaderRow() {
@@ -3155,7 +3173,7 @@ ${o}`;
     });
     if (this.dispatchEvent(c), c.defaultPrevented)
       return !0;
-    const h = {
+    const d = {
       row: r,
       rowIndex: o,
       colIndex: n,
@@ -3163,8 +3181,8 @@ ${o}`;
       value: a,
       cellEl: i,
       originalEvent: e
-    }, u = this.#o?.onCellClick(h) ?? !1;
-    return this.#P("cell-click", h), u;
+    }, u = this.#o?.onCellClick(d) ?? !1;
+    return this.#P("cell-click", d), u;
   }
   _dispatchRowClick(e, o, n, i) {
     if (!n) return !1;
@@ -3231,7 +3249,7 @@ ${o}`;
     return Object.freeze({ ...this.#n || {} });
   }
   getRowId(e) {
-    return this.#ye(e, this.#n.getRowId);
+    return this.#_e(e, this.#n.getRowId);
   }
   getRow(e) {
     return this.#E.get(e)?.row;
@@ -3244,17 +3262,17 @@ ${o}`;
       );
     const { row: r, index: s } = i, l = [];
     for (const [a, c] of Object.entries(o)) {
-      const h = r[a];
-      h !== c && (l.push({ field: a, oldValue: h, newValue: c }), r[a] = c);
+      const d = r[a];
+      d !== c && (l.push({ field: a, oldValue: d, newValue: c }), r[a] = c);
     }
-    for (const { field: a, oldValue: c, newValue: h } of l)
+    for (const { field: a, oldValue: c, newValue: d } of l)
       this.#P("cell-change", {
         row: r,
         rowId: e,
         rowIndex: s,
         field: a,
         oldValue: c,
-        newValue: h,
+        newValue: d,
         changes: o,
         source: n
       });
@@ -3269,15 +3287,15 @@ ${o}`;
           `[tbw-grid] Row with ID "${i}" not found. Ensure the row exists and getRowId is correctly configured.`
         );
       const { row: l, index: a } = s;
-      for (const [c, h] of Object.entries(r)) {
+      for (const [c, d] of Object.entries(r)) {
         const u = l[c];
-        u !== h && (n = !0, l[c] = h, this.#P("cell-change", {
+        u !== d && (n = !0, l[c] = d, this.#P("cell-change", {
           row: l,
           rowId: i,
           rowIndex: a,
           field: c,
           oldValue: u,
-          newValue: h,
+          newValue: d,
           changes: r,
           source: o
         }));
@@ -3322,12 +3340,12 @@ ${o}`;
     return this.#t.collectState(e);
   }
   set columnState(e) {
-    e && (this.#O = e, this.#t.initialColumnState = e, this.#u && this.#Me(e));
+    e && (this.#O = e, this.#t.initialColumnState = e, this.#u && this.#ze(e));
   }
   get columnState() {
     return this.getColumnState();
   }
-  #Me(e) {
+  #ze(e) {
     const o = this.#o?.getAll() ?? [];
     this.#t.applyState(e, o), this.#L();
   }
@@ -3385,39 +3403,39 @@ ${o}`;
   unregisterToolbarContent(e) {
     this.#c.unregisterToolbarContent(e);
   }
-  #Y = !1;
+  #j = !1;
   refreshShellHeader() {
-    this.#Y || (this.#Y = !0, queueMicrotask(() => {
-      this.#Y = !1, this.isConnected && (I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge(), this.#K(), this.#q(), this.#ze());
+    this.#j || (this.#j = !0, queueMicrotask(() => {
+      this.#j = !1, this.isConnected && (I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge(), this.#Q(), this.#q(), this.#ke());
     }));
   }
-  #ze() {
+  #ke() {
     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.#c.isInitialized) {
       he(this.#i, this.#e), He(this.#i, this.#n?.shell, this.#e);
       const n = this.#n?.shell?.toolPanel?.defaultOpen;
       n && this.#e.toolPanels.has(n) && (this.openToolPanel(), this.#e.expandedSections.add(n));
     }
-    this._resizeController = Te(this), this.#ie(o), this.#s.requestPhase(T.COLUMNS, "shellRefresh");
+    this._resizeController = Te(this), this.#se(o), this.#s.requestPhase(T.COLUMNS, "shellRefresh");
   }
   #S = /* @__PURE__ */ new Map();
   registerStyles(e, o) {
     let n = this.#S.get(e);
-    n || (n = new CSSStyleSheet(), this.#S.set(e, n)), n.replaceSync(o), this.#fe();
+    n || (n = new CSSStyleSheet(), this.#S.set(e, n)), n.replaceSync(o), this.#ge();
   }
   unregisterStyles(e) {
-    this.#S.delete(e) && this.#fe();
+    this.#S.delete(e) && this.#ge();
   }
   getRegisteredStyles() {
     return Array.from(this.#S.keys());
   }
-  #fe() {
+  #ge() {
     const e = Array.from(this.#S.values()), o = document.adoptedStyleSheets.filter(
       (n) => !Array.from(this.#S.values()).includes(n)
     );
     document.adoptedStyleSheets = [...o, ...e];
   }
-  #ke() {
+  #Ne() {
     const e = () => {
       const n = this.#e.lightDomTitle, i = this.#e.hasToolButtonsContainer;
       I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T());
@@ -3432,8 +3450,8 @@ ${o}`;
             this.#n.icons?.toolPanel
           ), c = document.createElement("div");
           c.innerHTML = a;
-          const h = c.firstElementChild;
-          h && (l.replaceWith(h), this.#Q());
+          const d = c.firstElementChild;
+          d && (l.replaceWith(d), this.#Z());
         }
       }
     }, o = () => {
@@ -3457,12 +3475,12 @@ ${o}`;
         ), a = document.createElement("div");
         a.innerHTML = l;
         const c = a.firstElementChild;
-        c && (s.replaceWith(c), this.#Q());
+        c && (s.replaceWith(c), this.#Z());
       }
     }
     this.#s.requestPhase(T.COLUMNS, "refreshColumns");
   }
-  #j(e) {
+  #K(e) {
     const o = this._virtualization.rowHeight, n = this._virtualization.container ?? this, i = this._virtualization.viewportEl ?? n, r = n.clientHeight, s = i.clientHeight, a = this.shadowRoot?.querySelector(".tbw-scroll-area"), c = a ? a.clientHeight : r, u = c - s, p = this.#o?.getExtraHeight() ?? 0, f = Math.max(0, r - c);
     return e * o + u + p + f;
   }
@@ -3470,20 +3488,20 @@ ${o}`;
     if (!this._bodyEl) return;
     const n = this._rows.length;
     if (!this._virtualization.enabled) {
-      this.#G(0, n), o || this.#o?.afterRender();
+      this.#X(0, n), o || this.#o?.afterRender();
       return;
     }
     if (this._rows.length <= this._virtualization.bypassThreshold) {
-      this._virtualization.start = 0, this._virtualization.end = n, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#G(0, n, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#j(n)}px`), this.#ae(n, this._visibleColumns.length), o || this.#o?.afterRender();
+      this._virtualization.start = 0, this._virtualization.end = n, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#X(0, n, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#K(n)}px`), this.#de(n, this._visibleColumns.length), o || this.#o?.afterRender();
       return;
     }
     const i = this._virtualization.container ?? this, r = this._virtualization.viewportEl ?? i, s = r.clientHeight, l = this._virtualization.rowHeight, a = i.scrollTop;
-    let c = Math.floor(a / l), h = 0;
+    let c = Math.floor(a / l), d = 0;
     const u = 10;
-    for (; h < u; ) {
+    for (; d < u; ) {
       const C = this.#o?.getExtraHeightBefore?.(c) ?? 0, _ = Math.floor((a - C) / l);
       if (_ >= c || _ < 0) break;
-      c = _, h++;
+      c = _, d++;
     }
     c = c - c % 2, c < 0 && (c = 0);
     const p = this.#o?.adjustVirtualStart(c, a, l);
@@ -3494,17 +3512,17 @@ ${o}`;
       this.#s.requestPhase(T.VIRTUALIZATION, "stale-refs-retry");
       return;
     }
-    const w = this.#j(n);
+    const w = this.#K(n);
     this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${w}px`);
     const b = this.#o?.getExtraHeightBefore?.(c) ?? 0, S = -(a - c * l - b);
-    this._bodyEl.style.transform = `translateY(${S}px)`, this.#G(c, g, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.#ae(n, this._visibleColumns.length), e && !o && (this.#o?.afterRender(), queueMicrotask(() => {
+    this._bodyEl.style.transform = `translateY(${S}px)`, this.#X(c, g, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.#de(n, this._visibleColumns.length), e && !o && (this.#o?.afterRender(), queueMicrotask(() => {
       const C = i.clientHeight, _ = r.clientHeight;
       if (C === 0 && _ > 0) return;
-      const A = this.#j(n);
+      const A = this.#K(n);
       this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${A}px`);
     }));
   }
-  #K() {
+  #Q() {
     I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge();
     const e = this.#n?.shell;
     Kt(
@@ -3512,9 +3530,9 @@ ${o}`;
       e,
       { isPanelOpen: this.#e.isPanelOpen, expandedSections: this.#e.expandedSections },
       this.#n?.icons
-    ) && (this.#Q(), this.#c.setInitialized(!0));
+    ) && (this.#Z(), this.#c.setInitialized(!0));
   }
-  #Q() {
+  #Z() {
     Vt(this.#i, this.#n?.shell, this.#e, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e)
@@ -3532,7 +3550,7 @@ const go = {
 class wo {
   static dependencies;
   static manifest;
-  version = "1.9.0";
+  version = "1.9.2";
   styles;
   cellRenderers;
   headerRenderers;
@@ -3575,6 +3593,9 @@ class wo {
   requestRender() {
     this.grid?.requestRender?.();
   }
+  requestColumnsRender() {
+    this.grid?.requestColumnsRender?.();
+  }
   requestRenderWithFocus() {
     this.grid?.requestRenderWithFocus?.();
   }