@toolbox-web/grid 1.3.0 → 1.3.1

package/index.js

@@ -1,11 +1,11 @@
-const he = '@layer tbw-base,tbw-plugins,tbw-theme;@layer tbw-base{:root{color-scheme:light dark}tbw-grid{--tbw-base-icon-size: 1em;--tbw-base-radius: .25em;--tbw-font-size: 1em;--tbw-font-size-sm: .9285em;--tbw-font-size-xs: .7857em;--tbw-font-size-2xs: .7142em;--tbw-spacing-xs: .25em;--tbw-spacing-sm: .375em;--tbw-spacing-md: .5em;--tbw-spacing-lg: .75em;--tbw-spacing-xl: 1em;--tbw-icon-size: var(--tbw-base-icon-size);--tbw-icon-size-sm: .875em;--tbw-checkbox-size: var(--tbw-base-icon-size);--tbw-toggle-size: 1.25em;--tbw-border-radius: var(--tbw-base-radius);--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-error: light-dark(hsl(0, 65%, 51%), hsl(0, 65%, 55%));--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #666666);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding-input: var(--tbw-spacing-xs) var(--tbw-spacing-sm);--tbw-row-height: 1.75em;--tbw-header-height: 1.875em;--tbw-cell-white-space: nowrap;--tbw-border-input: 1px solid var(--tbw-color-border-strong);--tbw-border-header: 1px solid var(--tbw-color-border-header);--tbw-row-divider: 1px solid var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline: 2px solid var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: var(--tbw-spacing-sm);--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-resize-indicator-width: 2px;--tbw-resize-indicator-color: var(--tbw-color-accent);--tbw-resize-indicator-opacity: .6;--tbw-scrollbar-thumb: var(--tbw-color-border-strong);--tbw-scrollbar-track: var(--tbw-color-bg);--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--tbw-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-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-density-scale: 1;--tbw-shell-header-height: 2.75em;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: var(--tbw-font-size);--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 17.5em;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 2.5em;--tbw-tool-panel-transition: var(--tbw-animation-duration) var(--tbw-animation-easing);--tbw-toolbar-button-size: 2em;--tbw-toolbar-button-gap: var(--tbw-spacing-xs);--tbw-panel-padding: var(--tbw-spacing-lg);--tbw-panel-gap: var(--tbw-spacing-md);--tbw-menu-item-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-menu-item-gap: var(--tbw-spacing-md);--tbw-menu-min-width: 10rem;--tbw-button-padding: var(--tbw-spacing-sm) var(--tbw-spacing-lg);--tbw-button-padding-sm: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-input-height: var(--tbw-row-height);--tbw-input-padding: 0 var(--tbw-spacing-md);--tbw-detail-padding: var(--tbw-spacing-xl);--tbw-detail-max-height: 31.25rem;--tbw-indicator-size: var(--tbw-spacing-sm);position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none;&,*{box-sizing:border-box}.header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}.header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}.header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start));&:not(:last-child){border-right:2px solid var(--tbw-color-border)}}.header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30);>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:visible;min-width:0;>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}>span[part~=sort-indicator]{flex-shrink:0;opacity:.6}&:last-child{border-right:0}&.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}&.resizable{position:relative}&.sticky-left,&.sticky-right{background:var(--tbw-color-header-bg);z-index:35}}}.tbw-grid-root{display:flex;flex-direction:column;height:100%;&.has-shell{display:flex;flex-direction:column;height:100%}}.rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}.rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}.rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}.rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip;.rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}}.faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}.faux-vscroll-spacer{width:1px}.data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style;content-visibility:auto;contain-intrinsic-size:auto var(--tbw-row-height);&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}>.cell{display:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);line-height:calc(var(--tbw-row-height) - 5px);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis;>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}&:last-child{border-right:0}&[data-type=boolean]{text-align:center;input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}}&.selected:focus-visible,&:focus-visible:not(.cell-focus){outline:none}&.sticky-left,&.sticky-right{background:var(--tbw-color-panel-bg)}}}.selecting .data-grid-row>.cell{user-select:none}.sortable{cursor:pointer;user-select:none}.resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius);&:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:var(--tbw-resize-indicator-width, 2px);height:0;background:var(--tbw-resize-indicator-color, var(--tbw-color-accent));opacity:0;pointer-events:none;transition:opacity .12s ease,height 0s .12s;z-index:1000}&:hover{background:var(--tbw-resize-handle-color-hover);&:after{height:100vh;opacity:var(--tbw-resize-indicator-opacity, .6);transition:opacity .12s ease,height 0s}}}&[data-has-focus]{.cell-focus,.row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}}.sticky-left,.sticky-right{position:sticky;z-index:25}.sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}.sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}.tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}.tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}.tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease);&:hover{background:var(--tbw-color-row-hover)}&:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}&.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}&:disabled{opacity:.5;cursor:not-allowed}}.tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}.tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}.tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}.tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;overflow-anchor:none}.tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow);&[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}&.open{width:var(--tbw-tool-panel-width)}}.tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease);&[data-handle-position=left]{left:0}&[data-handle-position=right]{right:0}&:hover,&.resizing{background:var(--tbw-color-accent)}}.tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}.tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px;&:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}}.tbw-tool-panel-content{flex:1;overflow:auto}.tbw-accordion{display:flex;flex-direction:column;gap:0}.tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border);&:last-child{border-bottom:none}&.single .tbw-accordion-header{cursor:default;&:hover{background:transparent}}&.expanded{.tbw-accordion-chevron{transform:rotate(90deg)}.tbw-accordion-content{display:block}}}.tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:left;cursor:pointer;user-select:none;&:hover{background:var(--tbw-color-row-hover)}}.tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}.tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}.tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbw-accordion-content{display:none}.tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}.tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}&[data-animation-mode=off]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.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}}', B = {
+const he = '@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-error: light-dark(hsl(0, 65%, 51%), hsl(0, 65%, 55%));--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #666666);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding: var(--tbw-spacing-xs) var(--tbw-spacing-md);--tbw-cell-padding-input: var(--tbw-spacing-xs) var(--tbw-spacing-sm);--tbw-row-height: 1.75em;--tbw-header-height: 1.875em;--tbw-cell-white-space: nowrap;--tbw-border-input: 1px solid var(--tbw-color-border-strong);--tbw-border-header: 1px solid var(--tbw-color-border-header);--tbw-row-divider: 1px solid var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline: 2px solid var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: var(--tbw-spacing-sm);--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-resize-indicator-width: 2px;--tbw-resize-indicator-color: var(--tbw-color-accent);--tbw-resize-indicator-opacity: .6;--tbw-scrollbar-thumb: var(--tbw-color-border-strong);--tbw-scrollbar-track: var(--tbw-color-bg);--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-animation-duration: .2s;--tbw-animation-easing: ease-out;--tbw-animation-enabled: 1;--tbw-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-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);position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none;&,*{box-sizing:border-box}.header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}.header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}.header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start));&:not(:last-child){border-right:2px solid var(--tbw-color-border)}}.header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30);>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:visible;min-width:0;>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:inherit}>span[part~=sort-indicator]{flex-shrink:0;opacity:.6;visibility:var(--tbw-sort-indicator-visibility, visible)}&:last-child{border-right:0}&.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}&.resizable{position:relative}&.sticky-left,&.sticky-right{background:var(--tbw-color-header-bg);z-index:35}}}.tbw-grid-root{display:flex;flex-direction:column;height:100%;&.has-shell{display:flex;flex-direction:column;height:100%}}.rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}.rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}.rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}.rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip;.rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}}.faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}.faux-vscroll-spacer{width:1px}.data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style;content-visibility:auto;contain-intrinsic-size:auto var(--tbw-row-height);&:nth-child(2n){background:var(--tbw-color-row-alt)}&:hover{background:var(--tbw-color-row-hover)}>.cell{display:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);line-height:calc(var(--tbw-row-height) - 5px);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis;>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}&:last-child{border-right:0}&[data-type=boolean]{text-align:center;input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}}&.selected:focus-visible,&:focus-visible:not(.cell-focus){outline:none}&.sticky-left,&.sticky-right{background:var(--tbw-color-panel-bg)}}}.selecting .data-grid-row>.cell{user-select:none}.sortable{cursor:pointer;user-select:none}.resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius);&:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:var(--tbw-resize-indicator-width, 2px);height:0;background:var(--tbw-resize-indicator-color, var(--tbw-color-accent));opacity:0;pointer-events:none;transition:opacity .12s ease,height 0s .12s;z-index:1000}&:hover{background:var(--tbw-resize-handle-color-hover);&:after{height:100vh;opacity:var(--tbw-resize-indicator-opacity, .6);transition:opacity .12s ease,height 0s}}}&[data-has-focus]{.cell-focus,.row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}}.sticky-left,.sticky-right{position:sticky;z-index:25}.sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}.sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}.tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}.tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}.tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}.tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease);&:hover{background:var(--tbw-color-row-hover)}&:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}&.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}&:disabled{opacity:.5;cursor:not-allowed}}.tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}.tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}.tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}.tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden;overflow-anchor:none}.tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow);&[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}&.open{width:var(--tbw-tool-panel-width)}}.tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease);&[data-handle-position=left]{left:0}&[data-handle-position=right]{right:0}&:hover,&.resizing{background:var(--tbw-color-accent)}}.tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}.tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px;&:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}}.tbw-tool-panel-content{flex:1;overflow:auto}.tbw-accordion{display:flex;flex-direction:column;gap:0}.tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border);&:last-child{border-bottom:none}&.single .tbw-accordion-header{cursor:default;&:hover{background:transparent}}&.expanded{.tbw-accordion-chevron{transform:rotate(90deg)}.tbw-accordion-content{display:block}}}.tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:left;cursor:pointer;user-select:none;&:hover{background:var(--tbw-color-row-hover)}}.tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}.tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}.tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tbw-accordion-content{display:none}.tbw-expanding{animation:tbw-expand var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}.tbw-collapsing{animation:tbw-collapse var(--tbw-animation-duration) var(--tbw-animation-easing) forwards;overflow:hidden}&[data-animation-mode=off]{--tbw-animation-enabled: 0;--tbw-animation-duration: 0ms;.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}}', B = {
   STRETCH: "stretch",
   FIXED: "fixed"
-}, Be = {
+}, Ge = {
   mode: "reduced-motion",
   duration: 200,
   easing: "ease-out"
-}, z = {
+}, ue = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', z = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -13,9 +13,11 @@ const he = '@layer tbw-base,tbw-plugins,tbw-theme;@layer tbw-base{:root{color-sc
   sortNone: "⇅",
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
-  toolPanel: "☰"
+  toolPanel: "☰",
+  filter: ue,
+  filterActive: ue
 };
-function Ge(t) {
+function Xe(t) {
   return Array.from(t.querySelectorAll("tbw-grid-column")).map((o) => {
     const n = o.getAttribute("field") || "";
     if (!n) return null;
@@ -52,7 +54,7 @@ function Ge(t) {
     return h;
   }).filter((o) => !!o);
 }
-function ue(t, e) {
+function fe(t, e) {
   if ((!t || !t.length) && (!e || !e.length)) return [];
   if (!t || !t.length) return e || [];
   if (!e || !e.length) return t;
@@ -76,7 +78,7 @@ function ue(t, e) {
   });
   return Object.keys(o).forEach((i) => n.push(o[i])), n;
 }
-function fe(t, e) {
+function pe(t, e) {
   try {
     t.part?.add?.(e);
   } catch {
@@ -84,7 +86,7 @@ function fe(t, e) {
   const o = t.getAttribute("part");
   o ? o.split(/\s+/).includes(e) || t.setAttribute("part", o + " " + e) : t.setAttribute("part", e);
 }
-function pe(t) {
+function ge(t) {
   const e = t.effectiveConfig?.fitMode || t.fitMode || B.STRETCH;
   if (e !== B.STRETCH && e !== B.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
   const o = Array.from(t._headerRowEl?.children || []);
@@ -111,23 +113,23 @@ function U(t) {
     return n != null ? `minmax(${n}px, 1fr)` : "1fr";
   }).join(" ").trim() : t._gridTemplate = t._visibleColumns.map((o) => o.width ? `${o.width}px` : "max-content").join(" "), t.style.setProperty("--tbw-column-template", t._gridTemplate);
 }
-function Xe(t) {
+function Ye(t) {
   return t == null ? "string" : typeof t == "number" ? "number" : typeof t == "boolean" ? "boolean" : t instanceof Date || typeof t == "string" && /\d{4}-\d{2}-\d{2}/.test(t) && !isNaN(Date.parse(t)) ? "date" : "string";
 }
-function Ye(t, e) {
+function je(t, e) {
   const o = t[0] || {}, n = Object.keys(o).map((r) => {
-    const s = o[r], l = Xe(s);
+    const s = o[r], l = Ye(s);
     return { field: r, header: r.charAt(0).toUpperCase() + r.slice(1), type: l };
   }), i = {};
   return n.forEach((r) => {
     i[r.field] = r.type || "string";
   }), { columns: n, typeMap: i };
 }
-const je = /{{\s*([^}]+)\s*}}/g, O = "__DG_EMPTY__", Ke = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, Ze = /__(proto|defineGetter|defineSetter)|constructor|window|globalThis|global|process|Function|import|eval|Reflect|Proxy|Error|arguments|document|location|cookie|localStorage|sessionStorage|indexedDB|fetch|XMLHttpRequest|WebSocket|Worker|SharedWorker|ServiceWorker|opener|parent|top|frames|self|this\b/;
-function Je(t) {
+const Ke = /{{\s*([^}]+)\s*}}/g, O = "__DG_EMPTY__", Ze = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, Je = /__(proto|defineGetter|defineSetter)|constructor|window|globalThis|global|process|Function|import|eval|Reflect|Proxy|Error|arguments|document|location|cookie|localStorage|sessionStorage|indexedDB|fetch|XMLHttpRequest|WebSocket|Worker|SharedWorker|ServiceWorker|opener|parent|top|frames|self|this\b/;
+function Qe(t) {
   return !t || typeof t != "string" ? "" : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-const Qe = /* @__PURE__ */ new Set([
+const et = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -152,23 +154,23 @@ const Qe = /* @__PURE__ */ new Set([
   "plaintext",
   "xmp",
   "listing"
-]), ge = /^on\w+$/i, et = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), tt = /^\s*(javascript|vbscript|data|blob):/i;
+]), we = /^on\w+$/i, tt = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), ot = /^\s*(javascript|vbscript|data|blob):/i;
 function K(t) {
   if (!t || typeof t != "string") return "";
   if (t.indexOf("<") === -1) return t;
   const e = document.createElement("template");
-  return e.innerHTML = t, ot(e.content), e.innerHTML;
+  return e.innerHTML = t, nt(e.content), e.innerHTML;
 }
-function ot(t) {
+function nt(t) {
   const e = [], o = t.querySelectorAll("*");
   for (const n of o) {
     const i = n.tagName.toLowerCase();
-    if (Qe.has(i)) {
+    if (et.has(i)) {
       e.push(n);
       continue;
     }
     if ((i === "svg" || n.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(n.attributes).some(
-      (l) => ge.test(l.name) || l.name === "href" || l.name === "xlink:href"
+      (l) => we.test(l.name) || l.name === "href" || l.name === "xlink:href"
     )) {
       e.push(n);
       continue;
@@ -176,11 +178,11 @@ function ot(t) {
     const r = [];
     for (const s of n.attributes) {
       const l = s.name.toLowerCase();
-      if (ge.test(l)) {
+      if (we.test(l)) {
         r.push(s.name);
         continue;
       }
-      if (et.has(l) && tt.test(s.value)) {
+      if (tt.has(l) && ot.test(s.value)) {
         r.push(s.name);
         continue;
       }
@@ -193,22 +195,22 @@ function ot(t) {
   }
   e.forEach((n) => n.remove());
 }
-function Le(t, e) {
+function He(t, e) {
   if (!t || t.indexOf("{{") === -1) return t;
-  const o = [], n = t.replace(je, (l, c) => {
-    const a = nt(c, e);
+  const o = [], n = t.replace(Ke, (l, c) => {
+    const a = it(c, e);
     return o.push({ expr: c.trim(), result: a }), a;
-  }), i = it(n), r = o.length && o.every((l) => l.result === "" || l.result === O);
+  }), i = rt(n), r = o.length && o.every((l) => l.result === "" || l.result === O);
   return /Reflect\.|\bProxy\b|ownKeys\(/.test(t) || r ? "" : i;
 }
-function nt(t, e) {
+function it(t, e) {
   if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return O;
   if (t === "value") return e.value == null ? O : String(e.value);
   if (t.startsWith("row.") && !/[()?]/.test(t) && !t.includes(":")) {
     const n = t.slice(4), i = e.row ? e.row[n] : void 0;
     return i == null ? O : String(i);
   }
-  if (t.length > 80 || !Ke.test(t) || Ze.test(t)) return O;
+  if (t.length > 80 || !Ze.test(t) || Je.test(t)) return O;
   const o = t.match(/\./g);
   if (o && o.length > 1) return O;
   try {
@@ -218,10 +220,10 @@ function nt(t, e) {
     return O;
   }
 }
-function it(t) {
+function rt(t) {
   return t && t.replace(new RegExp(O, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
 }
-function rt(t) {
+function st(t) {
   if (/Reflect|Proxy|ownKeys/.test(t.textContent || "")) {
     if (Array.from(t.childNodes).forEach((e) => {
       e.nodeType === Node.TEXT_NODE && /Reflect|Proxy|ownKeys/.test(e.textContent || "") && (e.textContent = "");
@@ -233,12 +235,12 @@ function rt(t) {
     (t.textContent || "").trim().length === 0 && (t.textContent = "");
   }
 }
-function we(t) {
-  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = ((n) => e ? "" : Le(t, n));
+function me(t) {
+  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = ((n) => e ? "" : He(t, n));
   return o.__blocked = e, o;
 }
-const st = 100;
-class lt {
+const lt = 100;
+class at {
   #n;
   #c;
   #f;
@@ -343,19 +345,19 @@ class lt {
     const e = this.#n ? { ...this.#n } : {}, o = Array.isArray(e.columns) ? [...e.columns] : [], n = (this.#d ?? []).map((s) => ({
       ...s
     }));
-    let i = ue(
+    let i = fe(
       o,
       n
     );
-    this.#c && this.#c.length && (i = ue(
+    this.#c && this.#c.length && (i = fe(
       this.#c,
       n
     ));
     const r = this.#r.getRows();
-    return i.length === 0 && r.length && (i = Ye(r).columns), i.length && (i.forEach((s) => {
+    return i.length === 0 && r.length && (i = je(r).columns), i.length && (i.forEach((s) => {
       s.sortable === void 0 && (s.sortable = !0), s.resizable === void 0 && (s.resizable = !0), s.__originalWidth === void 0 && typeof s.width == "number" && (s.__originalWidth = s.width);
     }), i.forEach((s) => {
-      s.__viewTemplate && !s.__compiledView && (s.__compiledView = we(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = we(s.__editorTemplate.innerHTML));
+      s.__viewTemplate && !s.__compiledView && (s.__compiledView = me(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = me(s.__editorTemplate.innerHTML));
     }), e.columns = i), this.#f && (e.fitMode = this.#f), e.fitMode || (e.fitMode = "stretch"), this.#y(e), e.columnState && !this.#w && (this.#w = e.columnState), e;
   }
   #y(e) {
@@ -450,7 +452,7 @@ class lt {
       this.#g = void 0;
       const o = this.collectState(e);
       this.#r.emit("column-state-change", o);
-    }, st);
+    }, lt);
   }
   setColumnVisible(e, o) {
     const n = this.columns, i = n.find((s) => s.field === e);
@@ -498,7 +500,7 @@ class lt {
     this.columns = n, this.#r.renderHeader(), this.#r.updateTemplate(), this.#r.refreshVirtualWindow();
   }
   parseLightDomColumns(e) {
-    this.#d || (this.#s = Array.from(e.querySelectorAll("tbw-grid-column")), this.#d = this.#s.length ? Ge(e) : []);
+    this.#d || (this.#s = Array.from(e.querySelectorAll("tbw-grid-column")), this.#d = this.#s.length ? Xe(e) : []);
   }
   clearLightDomCache() {
     this.#d = void 0;
@@ -551,10 +553,10 @@ class lt {
     this.#l?.disconnect(), this.#m = [], this.#g && clearTimeout(this.#g);
   }
 }
-function He(t) {
+function Oe(t) {
   return `<span role="checkbox" aria-checked="${t}" aria-label="${t}">${t ? "&#x1F5F9;" : "&#9744;"}</span>`;
 }
-function Oe(t) {
+function De(t) {
   if (t == null || t === "") return "";
   if (t instanceof Date)
     return isNaN(t.getTime()) ? "" : t.toLocaleDateString();
@@ -564,7 +566,7 @@ function Oe(t) {
   }
   return "";
 }
-function De(t) {
+function Me(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-row");
   if (e) return parseInt(e, 10);
@@ -577,7 +579,7 @@ function De(t) {
     if (i[r] === o) return r;
   return -1;
 }
-function at(t) {
+function ct(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-col");
   return e ? parseInt(e, 10) : -1;
@@ -585,7 +587,7 @@ function at(t) {
 function ae(t) {
   t && t.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
 }
-function Me(t, e) {
+function ze(t, e) {
   const o = e.renderer || e.viewRenderer;
   if (o) return o;
   if (!e.type) return;
@@ -599,31 +601,31 @@ function Me(t, e) {
       return r.renderer;
   }
 }
-const ze = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
+const Ne = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
 function ee(t) {
   return (t.__editingCellCount ?? 0) > 0;
 }
 function te(t) {
   t.__editingCellCount = 0, t.removeAttribute("data-has-editing"), t.querySelectorAll(".cell.editing").forEach((o) => o.classList.remove("editing"));
 }
-const Ne = document.createElement("template");
-Ne.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
 const ke = document.createElement("template");
-ke.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
-function ct() {
-  return Ne.content.firstElementChild.cloneNode(!0);
-}
+ke.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
+const Ie = document.createElement("template");
+Ie.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
 function dt() {
   return ke.content.firstElementChild.cloneNode(!0);
 }
+function ht() {
+  return Ie.content.firstElementChild.cloneNode(!0);
+}
 function X(t) {
   t.__cellDisplayCache = void 0, t.__cellCacheEpoch = void 0, t.__hasSpecialColumns = void 0;
 }
-function ht(t, e, o, n, i) {
+function ut(t, e, o, n, i) {
   const r = Math.max(0, o - e), s = t._bodyEl, l = t._visibleColumns, c = l.length;
   let a = t.__cachedHeaderRowCount;
   for (a === void 0 && (a = t.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = a); t._rowPool.length < r; ) {
-    const p = dt();
+    const p = ht();
     t._rowPool.push(p);
   }
   if (t._rowPool.length > r) {
@@ -752,7 +754,7 @@ function oe(t, e, o, n) {
       }
     }
     if (w.classList.contains("editing")) continue;
-    const T = Me(t, d);
+    const T = ze(t, d);
     if (T) {
       const E = o[d.field], C = T({
         row: o,
@@ -783,7 +785,7 @@ function oe(t, e, o, n) {
       } catch (E) {
         console.warn(`[tbw-grid] Format error in column '${d.field}':`, E), y = b == null ? "" : String(b);
       }
-    else d.type === "date" ? (y = Oe(b), w.textContent = y) : d.type === "boolean" ? w.innerHTML = He(!!b) : (y = b == null ? "" : String(b), w.textContent = y);
+    else d.type === "date" ? (y = De(b), w.textContent = y) : d.type === "boolean" ? w.innerHTML = Oe(!!b) : (y = b == null ? "" : String(b), w.textContent = y);
     u && t._afterCellRender?.({
       row: o,
       rowIndex: n,
@@ -799,7 +801,7 @@ function V(t, e, o, n) {
   e.innerHTML = "";
   const i = t._visibleColumns, r = i.length, s = t._focusRow, l = t._focusCol, c = t, a = t._hasAfterCellRenderHook?.() ?? !1, h = document.createDocumentFragment();
   for (let u = 0; u < r; u++) {
-    const p = i[u], f = ct();
+    const p = i[u], f = dt();
     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];
     if (p.format)
@@ -808,7 +810,7 @@ function V(t, e, o, n) {
       } catch (b) {
         console.warn(`[tbw-grid] Format error in column '${p.field}':`, b);
       }
-    const d = p.__compiledView, w = p.__viewTemplate, m = Me(t, p), R = p.externalView;
+    const d = p.__compiledView, w = p.__viewTemplate, m = ze(t, p), R = p.externalView;
     let v = !1;
     if (m) {
       const b = m({ row: o, value: g, field: p.field, column: p, cellEl: f });
@@ -843,11 +845,11 @@ function V(t, e, o, n) {
       f.innerHTML = y ? "" : K(b), v = !0, y && (f.textContent = "", f.setAttribute("data-blocked-template", ""));
     } else if (w) {
       const b = w.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(b) ? (f.textContent = "", f.setAttribute("data-blocked-template", "")) : (f.innerHTML = K(Le(b, { row: o, value: g })), v = !0);
+      /Reflect\.|\bProxy\b|ownKeys\(/.test(b) ? (f.textContent = "", f.setAttribute("data-blocked-template", "")) : (f.innerHTML = K(He(b, { row: o, value: g })), v = !0);
     } else
-      p.type === "date" ? f.textContent = Oe(g) : p.type === "boolean" ? f.innerHTML = He(!!g) : f.textContent = g == null ? "" : String(g);
+      p.type === "date" ? f.textContent = De(g) : p.type === "boolean" ? f.innerHTML = Oe(!!g) : f.textContent = g == null ? "" : String(g);
     if (v) {
-      rt(f);
+      st(f);
       const b = f.textContent || "";
       /Proxy|Reflect\.ownKeys/.test(b) && (f.textContent = b.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(f.textContent || "") && (f.textContent = ""));
     }
@@ -875,9 +877,9 @@ function V(t, e, o, n) {
   }
   e.appendChild(h);
 }
-function me(t, e, o) {
+function be(t, e, o) {
   if (e.target?.closest(".resize-handle")) return;
-  const n = o.querySelector(".cell[data-row]"), i = De(n);
+  const n = o.querySelector(".cell[data-row]"), i = Me(n);
   if (i < 0) return;
   const r = t._rows[i];
   if (!r || t._dispatchRowClick?.(e, i, r, o))
@@ -891,7 +893,7 @@ function me(t, e, o) {
       const c = t._focusRow !== i || t._focusCol !== l;
       if (t._focusRow = i, t._focusCol = l, s.classList.contains("editing")) {
         c && (ae(t._bodyEl ?? t), s.classList.add("cell-focus"));
-        const a = s.querySelector(ze);
+        const a = s.querySelector(Ne);
         try {
           a?.focus({ preventScroll: !0 });
         } catch {
@@ -902,7 +904,7 @@ function me(t, e, o) {
     }
   }
 }
-function ut(t, e) {
+function ft(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?.() ?? [], c = l.length ? l[0] : e.target, a = (h) => {
@@ -1005,7 +1007,7 @@ function $(t, e) {
           }
         }
       if (t._activeEditRows !== void 0 && t._activeEditRows !== -1 && l.classList.contains("editing")) {
-        const a = l.querySelector(ze);
+        const a = l.querySelector(Ne);
         if (a && document.activeElement !== a)
           try {
             a.focus({ preventScroll: !0 });
@@ -1022,8 +1024,8 @@ function $(t, e) {
   }
 }
 const Z = /* @__PURE__ */ new WeakMap();
-function ft(t, e) {
-  const o = De(e), n = at(e);
+function pt(t, e) {
+  const o = Me(e), n = ct(e);
   o < 0 || n < 0 || (t._focusRow = o, t._focusCol = n, ae(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true"));
 }
 function ce(t, e, o, n) {
@@ -1050,74 +1052,74 @@ function ce(t, e, o, n) {
     cell: a !== void 0 && h !== void 0 && a >= 0 && h >= 0 ? { row: a, col: h } : void 0
   };
 }
-function pt(t, e, o) {
+function gt(t, e, o) {
   const n = ce(t, e, o, "mousedown");
   (t._dispatchCellMouseDown?.(n) ?? !1) && Z.set(t, !0);
 }
-function gt(t, e, o) {
+function wt(t, e, o) {
   if (!Z.get(t)) return;
   const n = ce(t, e, o, "mousemove");
   t._dispatchCellMouseMove?.(n);
 }
-function wt(t, e, o) {
+function mt(t, e, o) {
   if (!Z.get(t)) return;
   const n = ce(t, e, o, "mouseup");
   t._dispatchCellMouseUp?.(n), Z.set(t, !1);
 }
-function mt(t, e, o) {
+function bt(t, e, o) {
   e.addEventListener(
     "mousedown",
     (n) => {
       const i = n.target.closest(".cell[data-col]");
-      i && (i.classList.contains("editing") || ft(t, i));
+      i && (i.classList.contains("editing") || pt(t, i));
     },
     { signal: o }
   ), e.addEventListener(
     "click",
     (n) => {
       const i = n.target.closest(".data-grid-row");
-      i && me(t, n, i);
+      i && be(t, n, i);
     },
     { signal: o }
   ), e.addEventListener(
     "dblclick",
     (n) => {
       const i = n.target.closest(".data-grid-row");
-      i && me(t, n, i);
+      i && be(t, n, i);
     },
     { signal: o }
   );
 }
-function bt(t, e, o, n) {
-  e.addEventListener("keydown", (i) => ut(t, i), { signal: n }), o.addEventListener("mousedown", (i) => pt(t, o, i), { signal: n }), document.addEventListener("mousemove", (i) => gt(t, o, i), { signal: n }), document.addEventListener("mouseup", (i) => wt(t, o, i), { signal: n });
+function vt(t, e, o, n) {
+  e.addEventListener("keydown", (i) => ft(t, i), { signal: n }), o.addEventListener("mousedown", (i) => gt(t, o, i), { signal: n }), document.addEventListener("mousemove", (i) => wt(t, o, i), { signal: n }), document.addEventListener("mouseup", (i) => mt(t, o, i), { signal: n });
 }
-function vt(t, e) {
+function Ct(t, e) {
   return t == null && e == null ? 0 : t == null ? -1 : e == null || t > e ? 1 : t < e ? -1 : 0;
 }
-function Ct(t, e, o) {
-  const i = o.find((l) => l.field === e.field)?.sortComparator ?? vt, { field: r, direction: s } = e;
+function yt(t, e, o) {
+  const i = o.find((l) => l.field === e.field)?.sortComparator ?? Ct, { field: r, direction: s } = e;
   return [...t].sort((l, c) => i(l[r], c[r], l, c) * s);
 }
-function be(t, e, o, n) {
+function ve(t, e, o, n) {
   t._rows = e, t.__rowRenderEpoch++, t._rowPool.forEach((i) => i.__epoch = -1), J(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: o.field, direction: n } })
   ), t.requestStateChange?.();
 }
-function ve(t, e) {
-  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), Ce(t, e, 1)) : t._sortState.direction === 1 ? Ce(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), t._rows = t.__originalOrder.slice(), J(t), t._headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((n) => {
+function Ce(t, e) {
+  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), ye(t, e, 1)) : t._sortState.direction === 1 ? ye(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), t._rows = t.__originalOrder.slice(), J(t), t._headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((n) => {
     n.getAttribute("aria-sort") ? (n.getAttribute("aria-sort") === "ascending" || n.getAttribute("aria-sort") === "descending") && (t._sortState || n.setAttribute("aria-sort", "none")) : n.setAttribute("aria-sort", "none");
   }), t.refreshVirtualWindow(!0), t.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: e.field, direction: 0 } })
   ), t.requestStateChange?.());
 }
-function Ce(t, e, o) {
+function ye(t, e, o) {
   t._sortState = { field: e.field, direction: o };
-  const n = { field: e.field, direction: o }, i = t._columns, s = (t.effectiveConfig?.sortHandler ?? Ct)(t._rows, n, i);
+  const n = { field: e.field, direction: o }, i = t._columns, s = (t.effectiveConfig?.sortHandler ?? yt)(t._rows, n, i);
   s && typeof s.then == "function" ? s.then((l) => {
-    be(t, l, e, o);
-  }) : be(t, s, e, o);
+    ve(t, l, e, o);
+  }) : ve(t, s, e, o);
 }
-function yt(t, e) {
+function _t(t, e) {
   typeof e == "string" ? t.textContent = e : e instanceof HTMLElement && (t.innerHTML = "", t.appendChild(e.cloneNode(!0)));
 }
 function J(t) {
@@ -1125,7 +1127,7 @@ function J(t) {
   const e = t._headerRowEl;
   e && (e.innerHTML = "", t._visibleColumns.forEach((o, n) => {
     const i = document.createElement("div");
-    i.className = "cell", fe(i, "header-cell"), i.setAttribute("role", "columnheader"), i.setAttribute("aria-colindex", String(n + 1)), i.setAttribute("data-field", o.field), i.setAttribute("data-col", String(n));
+    i.className = "cell", pe(i, "header-cell"), i.setAttribute("role", "columnheader"), i.setAttribute("aria-colindex", String(n + 1)), i.setAttribute("data-field", o.field), i.setAttribute("data-col", String(n));
     const r = o.__headerTemplate;
     if (r) Array.from(r.childNodes).forEach((s) => i.appendChild(s.cloneNode(!0)));
     else {
@@ -1135,14 +1137,14 @@ function J(t) {
     if (o.sortable) {
       i.classList.add("sortable"), i.tabIndex = 0;
       const s = document.createElement("span");
-      fe(s, "sort-indicator");
+      pe(s, "sort-indicator");
       const l = t._sortState?.field === o.field ? t._sortState.direction : 0, c = { ...z, ...t.icons }, a = l === 1 ? c.sortAsc : l === -1 ? c.sortDesc : c.sortNone;
-      yt(s, a), i.appendChild(s), i.setAttribute("aria-sort", l === 0 ? "none" : l === 1 ? "ascending" : "descending"), i.addEventListener("click", (h) => {
-        t._resizeController?.isResizing || t._dispatchHeaderClick?.(h, n, i) || ve(t, o);
+      _t(s, a), i.appendChild(s), i.setAttribute("aria-sort", l === 0 ? "none" : l === 1 ? "ascending" : "descending"), i.addEventListener("click", (h) => {
+        t._resizeController?.isResizing || t._dispatchHeaderClick?.(h, n, i) || Ce(t, o);
       }), i.addEventListener("keydown", (h) => {
         if (h.key === "Enter" || h.key === " ") {
           if (h.preventDefault(), t._dispatchHeaderClick?.(h, n, i)) return;
-          ve(t, o);
+          Ce(t, o);
         }
       });
     }
@@ -1160,9 +1162,9 @@ function J(t) {
     o.getAttribute("aria-sort") || o.setAttribute("aria-sort", "none");
   }), e.children.length > 0 ? (e.setAttribute("role", "row"), e.setAttribute("aria-rowindex", "1")) : (e.removeAttribute("role"), e.removeAttribute("aria-rowindex")));
 }
-const Ie = typeof requestIdleCallback == "function";
-function _t(t, e) {
-  return Ie ? requestIdleCallback(t, e) : window.setTimeout(() => {
+const qe = typeof requestIdleCallback == "function";
+function Et(t, e) {
+  return qe ? requestIdleCallback(t, e) : window.setTimeout(() => {
     const o = Date.now();
     t({
       didTimeout: !1,
@@ -1170,11 +1172,11 @@ function _t(t, e) {
     });
   }, 1);
 }
-function ye(t) {
-  Ie ? cancelIdleCallback(t) : clearTimeout(t);
+function _e(t) {
+  qe ? cancelIdleCallback(t) : clearTimeout(t);
 }
 var x = ((t) => (t[t.STYLE = 1] = "STYLE", t[t.VIRTUALIZATION = 2] = "VIRTUALIZATION", t[t.HEADER = 3] = "HEADER", t[t.ROWS = 4] = "ROWS", t[t.COLUMNS = 5] = "COLUMNS", t[t.FULL = 6] = "FULL", t))(x || {});
-class Et {
+class St {
   #n;
   #c = 0;
   #f = 0;
@@ -1217,7 +1219,7 @@ class Et {
     this.#c = 0, e >= 5 && this.#n.mergeConfig(), e >= 4 && this.#n.processRows(), e >= 5 && (this.#n.processColumns(), this.#n.updateTemplate()), e >= 3 && this.#n.renderHeader(), e >= 2 && this.#n.renderVirtualWindow(), e >= 1 && this.#n.afterRender(), !this.#h && this.#i && (this.#h = !0, this.#i()), this.#s && (this.#s(), this.#s = null, this.#d = null);
   }
 }
-function _e(t) {
+function Ee(t) {
   let e = null, o = null, n = null, i = null;
   const r = (c) => {
     if (!e) return;
@@ -1255,31 +1257,31 @@ function _e(t) {
     }
   };
 }
-const ne = "data-animating", St = {
+const ne = "data-animating", Rt = {
   change: "--tbw-row-change-duration",
   insert: "--tbw-row-insert-duration",
   remove: "--tbw-row-remove-duration"
-}, Rt = {
+}, Tt = {
   change: 500,
   insert: 300,
   remove: 200
 };
-function Tt(t) {
+function xt(t) {
   const e = t.trim().toLowerCase();
   return e.endsWith("ms") ? parseFloat(e) : e.endsWith("s") ? parseFloat(e) * 1e3 : parseFloat(e);
 }
-function xt(t, e) {
-  const o = St[e], n = getComputedStyle(t).getPropertyValue(o);
+function At(t, e) {
+  const o = Rt[e], n = getComputedStyle(t).getPropertyValue(o);
   if (n) {
-    const i = Tt(n);
+    const i = xt(n);
     if (!isNaN(i) && i > 0)
       return i;
   }
-  return Rt[e];
+  return Tt[e];
 }
-function At(t, e, o) {
+function Pt(t, e, o) {
   t.removeAttribute(ne), t.offsetWidth, t.setAttribute(ne, e);
-  const n = xt(t, e);
+  const n = At(t, e);
   setTimeout(() => {
     e !== "remove" && t.removeAttribute(ne);
   }, n);
@@ -1288,15 +1290,15 @@ function de(t, e, o) {
   if (e < 0)
     return !1;
   const n = t.findRenderedRowElement?.(e);
-  return n ? (At(n, o), !0) : !1;
+  return n ? (Pt(n, o), !0) : !1;
 }
-function Pt(t, e, o) {
+function Lt(t, e, o) {
   let n = 0;
   for (const i of e)
     de(t, i, o) && n++;
   return n;
 }
-function Lt(t, e, o) {
+function Ht(t, e, o) {
   const n = t._rows ?? [], i = t.getRowId;
   if (!i)
     return !1;
@@ -1321,7 +1323,7 @@ function L(t, e) {
     }
   return o;
 }
-function qe(t, e, o) {
+function We(t, e, o) {
   const n = document.createElement("button");
   if (t && (n.className = t), e)
     for (const i in e) {
@@ -1330,8 +1332,8 @@ function qe(t, e, o) {
     }
   return n;
 }
-const We = document.createElement("template");
-We.innerHTML = `
+const $e = document.createElement("template");
+$e.innerHTML = `
   <div class="tbw-scroll-area">
     <div class="rows-body-wrapper">
       <div class="rows-body" role="grid">
@@ -1350,20 +1352,20 @@ We.innerHTML = `
     <div class="faux-vscroll-spacer"></div>
   </div>
 `;
-function $e() {
-  return We.content.cloneNode(!0);
+function Fe() {
+  return $e.content.cloneNode(!0);
 }
-function Ee(t) {
+function Se(t) {
   const e = document.createDocumentFragment(), o = L(t.hasShell ? "tbw-grid-root has-shell" : "tbw-grid-root");
   if (t.hasShell && t.shellHeader && t.shellBody)
     o.appendChild(t.shellHeader), o.appendChild(t.shellBody);
   else {
     const n = L("tbw-grid-content");
-    n.appendChild($e()), o.appendChild(n);
+    n.appendChild(Fe()), o.appendChild(n);
   }
   return e.appendChild(o), e;
 }
-function Ht(t) {
+function Ot(t) {
   const e = L("tbw-shell-header", { part: "shell-header", role: "presentation" });
   if (t.title) {
     const r = L("tbw-shell-title");
@@ -1381,7 +1383,7 @@ function Ht(t) {
   for (const r of t.apiButtons)
     r.hasRender && n.appendChild(L("tbw-toolbar-content-slot", { "data-toolbar-content": r.id }));
   if ((t.configButtons.some((r) => r.hasRender) || t.apiButtons.some((r) => r.hasRender)) && t.hasPanels && n.appendChild(L("tbw-toolbar-separator")), t.hasPanels) {
-    const r = qe(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
+    const r = We(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
       "data-panel-toggle": "",
       title: "Settings",
       "aria-label": "Toggle settings panel",
@@ -1392,9 +1394,9 @@ function Ht(t) {
   }
   return e.appendChild(n), e;
 }
-function Ot(t) {
+function Dt(t) {
   const e = L("tbw-shell-body"), o = t.panels.length > 0, n = t.panels.length === 1, i = L("tbw-grid-content");
-  i.appendChild($e());
+  i.appendChild(Fe());
   let r = null;
   if (o) {
     r = Y("aside", {
@@ -1414,7 +1416,7 @@ function Ot(t) {
     );
     const l = L("tbw-tool-panel-content", { role: "presentation" }), c = L("tbw-accordion");
     for (const a of t.panels) {
-      const h = `tbw-accordion-section${a.isExpanded ? " expanded" : ""}${n ? " single" : ""}`, u = L(h, { "data-section": a.id }), p = qe("tbw-accordion-header", {
+      const h = `tbw-accordion-section${a.isExpanded ? " expanded" : ""}${n ? " single" : ""}`, u = L(h, { "data-section": a.id }), p = We("tbw-accordion-header", {
         "aria-expanded": String(a.isExpanded),
         "aria-controls": `tbw-section-${a.id}`
       });
@@ -1441,7 +1443,7 @@ function Ot(t) {
 function k(t) {
   return t ? typeof t == "string" ? t : t.outerHTML : "";
 }
-function Dt() {
+function Mt() {
   return {
     toolPanels: /* @__PURE__ */ new Map(),
     headerContents: /* @__PURE__ */ new Map(),
@@ -1460,10 +1462,10 @@ function Dt() {
     lightDomContentMoved: !1
   };
 }
-function Fe(t) {
+function Ue(t) {
   return !!(t?.header?.title || t?.header?.toolbarContents?.length || t?.toolPanels?.length || t?.headerContents?.length || t?.header?.lightDomContent?.length || t?.header?.hasToolButtonsContainer);
 }
-function Se(t, e, o = "☰") {
+function Re(t, e, o = "☰") {
   const n = t?.header?.title ?? e.lightDomTitle ?? "", i = !!n, r = k(o), s = t?.header?.toolbarContents ?? [], l = [...e.toolbarContents.values()], c = new Set(s.map((d) => d.id)), a = [...s];
   for (const d of l)
     c.has(d.id) || a.push(d);
@@ -1477,7 +1479,7 @@ function Se(t, e, o = "☰") {
   }
   return `
     <div class="tbw-shell-header" part="shell-header" role="presentation">
-      ${i ? `<div class="tbw-shell-title">${Je(n)}</div>` : ""}
+      ${i ? `<div class="tbw-shell-title">${Qe(n)}</div>` : ""}
       <div class="tbw-shell-content" part="shell-content" role="presentation" data-light-dom-header-content></div>
       <div class="tbw-shell-toolbar" part="shell-toolbar" role="presentation">
         ${g}
@@ -1552,7 +1554,7 @@ function W(t, e, o) {
     e.toolPanels.set(s, g), e.lightDomToolPanelIds.add(s), r.style.display = "none";
   });
 }
-function Mt(t, e, o, n) {
+function zt(t, e, o, n) {
   const i = t.querySelector(".tbw-shell-toolbar");
   i && i.addEventListener("click", (s) => {
     if (s.target.closest("[data-panel-toggle]")) {
@@ -1569,7 +1571,7 @@ function Mt(t, e, o, n) {
     }
   });
 }
-function zt(t, e, o) {
+function Nt(t, e, o) {
   const n = t.querySelector(".tbw-tool-panel"), i = t.querySelector("[data-resize-handle]"), r = t.querySelector(".tbw-shell-body");
   if (!n || !i || !r)
     return () => {
@@ -1593,7 +1595,7 @@ function zt(t, e, o) {
     i.removeEventListener("mousedown", g), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", f);
   };
 }
-function Re(t, e, o) {
+function Te(t, e, o) {
   const n = e?.header?.toolbarContents ?? [], i = [...o.toolbarContents.values()], r = new Set(n.map((l) => l.id)), s = [...n];
   for (const l of i)
     r.has(l.id) || s.push(l);
@@ -1625,7 +1627,7 @@ function se(t, e) {
     a && e.headerContentCleanups.set(s.id, a);
   }
 }
-function Nt(t, e, o) {
+function kt(t, e, o) {
   if (!e.isPanelOpen) return;
   const n = k(o?.expand ?? z.expand), i = k(o?.collapse ?? z.collapse);
   for (const [r, s] of e.toolPanels) {
@@ -1646,15 +1648,15 @@ function Nt(t, e, o) {
     }
   }
 }
-function Te(t, e) {
+function xe(t, e) {
   const o = t.querySelector("[data-panel-toggle]");
   o && (o.classList.toggle("active", e.isPanelOpen), o.setAttribute("aria-pressed", String(e.isPanelOpen)));
 }
-function xe(t, e) {
+function Ae(t, e) {
   const o = t.querySelector(".tbw-tool-panel");
   o && (o.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (o.style.width = ""));
 }
-function kt(t) {
+function It(t) {
   for (const e of t.headerContentCleanups.values())
     e();
   t.headerContentCleanups.clear();
@@ -1671,7 +1673,7 @@ function kt(t) {
       t.toolPanels.get(e)?.onClose?.();
   t.isPanelOpen = !1, t.expandedSections.clear(), t.toolPanels.clear(), t.headerContents.clear(), t.toolbarContents.clear(), t.lightDomHeaderContent = [], t.lightDomToolPanelIds.clear(), t.lightDomToolbarContentIds.clear(), t.lightDomContentMoved = !1;
 }
-function It(t, e) {
+function qt(t, e) {
   let o = !1;
   const n = {
     get isInitialized() {
@@ -1700,7 +1702,7 @@ function It(t, e) {
         s && t.expandedSections.add(s.id);
       }
       const i = e.getShadow();
-      Te(i, t), xe(i, t), Nt(i, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: n.expandedSections });
+      xe(i, t), Ae(i, t), kt(i, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: n.expandedSections });
     },
     closeToolPanel() {
       if (!t.isPanelOpen) return;
@@ -1711,7 +1713,7 @@ function It(t, e) {
         r.onClose?.();
       t.isPanelOpen = !1;
       const i = e.getShadow();
-      Te(i, t), xe(i, t), e.emit("tool-panel-close", {});
+      xe(i, t), Ae(i, t), e.emit("tool-panel-close", {});
     },
     toggleToolPanel() {
       t.isPanelOpen ? n.closeToolPanel() : n.openToolPanel();
@@ -1736,7 +1738,7 @@ function It(t, e) {
             const u = s.querySelector(`[data-section="${c}"] .tbw-accordion-content`);
             u && (u.innerHTML = "");
           }
-        t.expandedSections.add(i), ie(s, i, !0), qt(s, t, i);
+        t.expandedSections.add(i), ie(s, i, !0), Wt(s, t, i);
       }
       e.emit("tool-panel-section-toggle", { id: i, expanded: !l });
     },
@@ -1794,7 +1796,7 @@ function ie(t, e, o) {
   const n = t.querySelector(`[data-section="${e}"]`);
   n && n.classList.toggle("expanded", o);
 }
-function qt(t, e, o) {
+function Wt(t, e, o) {
   const n = e.toolPanels.get(o);
   if (!n?.render) return;
   const i = t.querySelector(`[data-section="${o}"] .tbw-accordion-content`);
@@ -1802,8 +1804,8 @@ function qt(t, e, o) {
   const r = n.render(i);
   r && e.panelCleanups.set(o, r);
 }
-function Wt(t, e, o, n) {
-  const i = Fe(e), r = [], s = [
+function $t(t, e, o, n) {
+  const i = Ue(e), r = [], s = [
     "tbw-grid-header",
     "tbw-grid-tool-buttons",
     "tbw-grid-tool-panel",
@@ -1839,19 +1841,19 @@ function Wt(t, e, o, n) {
         icon: k(v.icon),
         isExpanded: o.expandedSections.has(v.id)
       }))
-    }, w = Ht(g), m = Ot(d), R = Ee({
+    }, w = Ot(g), m = Dt(d), R = Se({
       hasShell: !0,
       shellHeader: w,
       shellBody: m
     });
     t.appendChild(R);
   } else {
-    const l = Ee({ hasShell: !1 });
+    const l = Se({ hasShell: !1 });
     t.appendChild(l);
   }
   return i;
 }
-function $t() {
+function Ft() {
   return {
     startY: null,
     startX: null,
@@ -1865,19 +1867,19 @@ function $t() {
     momentumRaf: 0
   };
 }
-function Ft(t) {
+function Ut(t) {
   t.startY = null, t.startX = null, t.scrollTop = null, t.scrollLeft = null, t.lastY = null, t.lastX = null, t.lastTime = null;
 }
-function Ue(t) {
+function Ve(t) {
   t.momentumRaf && (cancelAnimationFrame(t.momentumRaf), t.momentumRaf = 0);
 }
-function Ut(t, e, o) {
+function Vt(t, e, o) {
   if (t.touches.length !== 1) return;
-  Ue(e);
+  Ve(e);
   const n = t.touches[0];
   e.startY = n.clientY, e.startX = n.clientX, e.lastY = n.clientY, e.lastX = n.clientX, e.lastTime = performance.now(), e.scrollTop = o.fauxScrollbar.scrollTop, e.scrollLeft = o.scrollArea?.scrollLeft ?? 0, e.velocityY = 0, e.velocityX = 0;
 }
-function Vt(t, e, o) {
+function Bt(t, e, o) {
   if (t.touches.length !== 1 || e.startY === null || e.startX === null || e.scrollTop === null || e.scrollLeft === null)
     return !1;
   const n = t.touches[0], i = n.clientY, r = n.clientX, s = performance.now(), l = e.startY - i, c = e.startX - r;
@@ -1894,10 +1896,10 @@ function Vt(t, e, o) {
   }
   return f && (o.fauxScrollbar.scrollTop = e.scrollTop + l), g && o.scrollArea && (o.scrollArea.scrollLeft = e.scrollLeft + c), f || g;
 }
-function Bt(t, e) {
-  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Gt(t, e), Ft(t);
-}
 function Gt(t, e) {
+  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && Xt(t, e), Ut(t);
+}
+function Xt(t, e) {
   const i = () => {
     t.velocityY *= 0.95, t.velocityX *= 0.95;
     const r = t.velocityY * 16, s = t.velocityX * 16;
@@ -1905,19 +1907,19 @@ function Gt(t, e) {
   };
   t.momentumRaf = requestAnimationFrame(i);
 }
-function Xt(t, e, o, n) {
-  t.addEventListener("touchstart", (i) => Ut(i, e, o), {
+function Yt(t, e, o, n) {
+  t.addEventListener("touchstart", (i) => Vt(i, e, o), {
     passive: !0,
     signal: n
   }), t.addEventListener(
     "touchmove",
     (i) => {
-      Vt(i, e, o) && i.preventDefault();
+      Bt(i, e, o) && i.preventDefault();
     },
     { passive: !1, signal: n }
-  ), t.addEventListener("touchend", () => Bt(e, o), { passive: !0, signal: n });
+  ), t.addEventListener("touchend", () => Gt(e, o), { passive: !0, signal: n });
 }
-const Yt = [
+const jt = [
   {
     property: "editable",
     pluginName: "editing",
@@ -1955,7 +1957,7 @@ const Yt = [
     importHint: "import { PinnedColumnsPlugin } from '@toolbox-web/grid/plugins/pinned-columns';",
     isUsed: (t) => t === "left" || t === "right"
   }
-], jt = [
+], Kt = [
   {
     property: "columnGroups",
     pluginName: "groupingColumns",
@@ -1964,7 +1966,7 @@ const Yt = [
     importHint: "import { GroupingColumnsPlugin } from '@toolbox-web/grid/plugins/grouping-columns';",
     isUsed: (t) => Array.isArray(t) && t.length > 0
   }
-], Kt = {
+], Zt = {
   editing: "import { EditingPlugin } from '@toolbox-web/grid/plugins/editing';",
   selection: "import { SelectionPlugin } from '@toolbox-web/grid/plugins/selection';",
   reorder: "import { ReorderPlugin } from '@toolbox-web/grid/plugins/reorder';",
@@ -1986,9 +1988,9 @@ const Yt = [
   columnVirtualization: "import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';"
 };
 function le(t) {
-  return Kt[t] ?? `import { ${D(t)}Plugin } from '@toolbox-web/grid/plugins/${t}';`;
+  return Zt[t] ?? `import { ${D(t)}Plugin } from '@toolbox-web/grid/plugins/${t}';`;
 }
-function Ve() {
+function Be() {
   if (typeof window < "u" && window.location) {
     const t = window.location.hostname;
     if (t === "localhost" || t === "127.0.0.1" || t === "::1")
@@ -1999,11 +2001,11 @@ function Ve() {
 function D(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function Ae(t, e) {
+function Pe(t, e) {
   return t.some((o) => o.name === e);
 }
-function Zt(t, e) {
-  const o = Yt, n = jt, i = /* @__PURE__ */ new Map();
+function Jt(t, e) {
+  const o = jt, n = Kt, i = /* @__PURE__ */ new Map();
   function r(l, c, a, h, u = !1) {
     i.has(l) || i.set(l, { description: c, importHint: a, fields: [], isConfigProperty: u });
     const p = i.get(l);
@@ -2011,14 +2013,14 @@ function Zt(t, e) {
   }
   for (const l of n) {
     const c = t[l.property];
-    (l.isUsed ? l.isUsed(c) : c !== void 0) && !Ae(e, l.pluginName) && r(l.pluginName, l.description, l.importHint ?? le(l.pluginName), l.property, !0);
+    (l.isUsed ? l.isUsed(c) : c !== void 0) && !Pe(e, l.pluginName) && r(l.pluginName, l.description, l.importHint ?? le(l.pluginName), l.property, !0);
   }
   const s = t.columns;
   if (s && s.length > 0)
     for (const l of s)
       for (const c of o) {
         const a = l[c.property];
-        if ((c.isUsed ? c.isUsed(a) : a !== void 0) && !Ae(e, c.pluginName)) {
+        if ((c.isUsed ? c.isUsed(a) : a !== void 0) && !Pe(e, c.pluginName)) {
           const u = l.field || "<unknown>";
           r(c.pluginName, c.description, c.importHint ?? le(c.pluginName), u);
         }
@@ -2053,7 +2055,7 @@ This validation helps catch misconfigurations early. The properties listed above
     );
   }
 }
-function Jt(t) {
+function Qt(t) {
   const e = [], o = [];
   for (const n of t) {
     const r = n.constructor.manifest;
@@ -2066,7 +2068,7 @@ function Jt(t) {
         }
       }
   }
-  if (o.length > 0 && Ve())
+  if (o.length > 0 && Be())
     for (const n of o)
       console.warn(n);
   if (e.length > 0)
@@ -2076,7 +2078,7 @@ ${e.join(`
 
 `)}`);
 }
-function Qt(t, e) {
+function eo(t, e) {
   const o = t.name, i = t.constructor.dependencies ?? [];
   for (const r of i) {
     const s = r.name, l = r.required ?? !0, c = r.reason;
@@ -2098,8 +2100,8 @@ ${h}.
     }
   }
 }
-function eo(t) {
-  if (!Ve()) return;
+function to(t) {
+  if (!Be()) return;
   const e = new Set(t.map((n) => n.name)), o = /* @__PURE__ */ new Set();
   for (const n of t) {
     const r = n.constructor.manifest;
@@ -2121,7 +2123,7 @@ ${D(n.name)}Plugin and ${D(s.name)}Plugin are both loaded, but they are currentl
     }
   }
 }
-class to {
+class oo {
   constructor(e) {
     this.grid = e;
   }
@@ -2138,7 +2140,7 @@ class to {
       this.attach(o);
   }
   attach(e) {
-    if (Qt(e, this.plugins), this.pluginMap.set(e.constructor, e), this.plugins.push(e), e.cellRenderers)
+    if (eo(e, this.plugins), this.pluginMap.set(e.constructor, e), this.plugins.push(e), e.cellRenderers)
       for (const [o, n] of Object.entries(e.cellRenderers))
         this.cellRenderers.set(o, n);
     if (e.headerRenderers)
@@ -2338,7 +2340,7 @@ class to {
 }
 class H extends HTMLElement {
   static tagName = "tbw-grid";
-  static version = "1.3.0";
+  static version = "1.3.1";
   static adapters = [];
   static registerAdapter(e) {
     this.adapters.push(e);
@@ -2375,7 +2377,7 @@ class H extends HTMLElement {
   #w = null;
   #r = !1;
   #b;
-  #A = $t();
+  #A = Ft();
   #p;
   #C;
   #y;
@@ -2394,7 +2396,7 @@ class H extends HTMLElement {
   #P;
   #L;
   #t;
-  #e = Dt();
+  #e = Mt();
   #a;
   #D;
   #H = /* @__PURE__ */ new Map();
@@ -2483,9 +2485,9 @@ class H extends HTMLElement {
     return this.#p || (this.#p = new AbortController()), this.#p.signal;
   }
   constructor() {
-    super(), this.#le(), this.#f = new Promise((e) => this.#d = e), this.#l = new Et({
+    super(), this.#le(), this.#f = new Promise((e) => this.#d = e), this.#l = new St({
       mergeConfig: () => {
-        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#K(), Zt(this.#i, this.#o?.getPlugins() ?? []), Jt(this.#o?.getPlugins() ?? []), eo(this.#o?.getPlugins() ?? []), this.#I = [...this._columns];
+        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#K(), Jt(this.#i, this.#o?.getPlugins() ?? []), Qt(this.#o?.getPlugins() ?? []), to(this.#o?.getPlugins() ?? []), this.#I = [...this._columns];
       },
       processColumns: () => this.#me(),
       processRows: () => this.#be(),
@@ -2493,10 +2495,10 @@ class H extends HTMLElement {
       updateTemplate: () => U(this),
       renderVirtualWindow: () => this.refreshVirtualWindow(!0, !0),
       afterRender: () => {
-        this.#o?.afterRender(), this.#i.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, pe(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, $(this)), this._virtualization.enabled && !this.#N && this.#ce();
+        this.#o?.afterRender(), this.#i.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, ge(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, $(this)), this._virtualization.enabled && !this.#N && this.#ce();
       },
       isConnected: () => this.isConnected && this.#h
-    }), this.#l.setInitialReadyResolver(() => this.#d?.()), this.#a = It(this.#e, {
+    }), this.#l.setInitialReadyResolver(() => this.#d?.()), this.#a = qt(this.#e, {
       getShadow: () => this.#n,
       getShellConfig: () => this.#i?.shell,
       getAccordionIcons: () => ({
@@ -2505,7 +2507,7 @@ class H extends HTMLElement {
       }),
       emit: (e, o) => this.#T(e, o),
       refreshShellHeader: () => this.refreshShellHeader()
-    }), this.#t = new lt({
+    }), this.#t = new at({
       getRows: () => this.#s,
       getSortState: () => this._sortState,
       setSortState: (e) => {
@@ -2599,7 +2601,7 @@ ${o}`;
     this.#l.requestPhase(x.STYLE, "plugin:requestAfterRender");
   }
   #j() {
-    this.#o = new to(this);
+    this.#o = new oo(this);
     const e = this.#i?.plugins, o = Array.isArray(e) ? e : [];
     this.#o.attachAll(o);
   }
@@ -2661,9 +2663,9 @@ ${o}`;
     };
   }
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", H.version), this._rows = Array.isArray(this.#s) ? [...this.#s] : [], this.#p && (this.#p.abort(), this.#O = !1), this.#p = new AbortController(), this.#v && (ye(this.#v), this.#v = void 0), I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#R()), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#j();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", H.version), this._rows = Array.isArray(this.#s) ? [...this.#s] : [], this.#p && (this.#p.abort(), this.#O = !1), this.#p = new AbortController(), this.#v && (_e(this.#v), this.#v = void 0), I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#R()), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#j();
     const e = this.#i?.plugins;
-    this.#_ = Array.isArray(e) ? e : [], this.#Z(), this.#c || (this.#G(), this.#z(), this.#c = !0), this.#J(), this.#v = _t(
+    this.#_ = Array.isArray(e) ? e : [], this.#Z(), this.#c || (this.#G(), this.#z(), this.#c = !0), this.#J(), this.#v = Et(
       () => {
         this.#Ee();
       },
@@ -2671,7 +2673,7 @@ ${o}`;
     );
   }
   disconnectedCallback() {
-    this.#v && (ye(this.#v), this.#v = void 0), this.#ae(), kt(this.#e), this.#a.setInitialized(!1), this.#D?.(), this.#D = void 0, Ue(this.#A), this.#p && (this.#p.abort(), this.#p = void 0), this.#P?.abort(), this.#P = void 0, this.#O = !1, this._resizeController && this._resizeController.dispose(), this.#C && (this.#C.disconnect(), this.#C = void 0), this.#y && (this.#y.disconnect(), this.#y = void 0, this.#N = !1), X(this), this.#S.clear(), this.#_ = void 0;
+    this.#v && (_e(this.#v), this.#v = void 0), this.#ae(), It(this.#e), this.#a.setInitialized(!1), this.#D?.(), this.#D = void 0, Ve(this.#A), this.#p && (this.#p.abort(), this.#p = void 0), this.#P?.abort(), this.#P = void 0, this.#O = !1, this._resizeController && this._resizeController.dispose(), this.#C && (this.#C.disconnect(), this.#C = void 0), this.#y && (this.#y.disconnect(), this.#y = void 0, this.#N = !1), X(this), this.#S.clear(), this.#_ = void 0;
     for (const e of this._rowPool)
       e.remove();
     this._rowPool.length = 0, this.__rowsBodyEl = null, this.#h = !1;
@@ -2690,15 +2692,15 @@ ${o}`;
   #J() {
     const o = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
     if (this._headerRowEl = o?.querySelector(".header-row"), this._virtualization.totalHeightEl = o?.querySelector(".faux-vscroll-spacer"), this._virtualization.viewportEl = o?.querySelector(".rows-viewport"), this._bodyEl = o?.querySelector(".rows"), this.__rowsBodyEl = o?.querySelector(".rows-body"), this.#a.isInitialized) {
-      se(this.#n, this.#e), Re(this.#n, this.#i?.shell, this.#e);
+      se(this.#n, this.#e), Te(this.#n, this.#i?.shell, this.#e);
       const r = this.#i?.shell?.toolPanel?.defaultOpen;
       r && this.#e.toolPanels.has(r) && (this.openToolPanel(), this.#e.expandedSections.add(r));
     }
-    if (this.setAttribute("data-upgraded", ""), this.#h = !0, this._resizeController = _e(this), this.#x(), this.#ee(o), this.#O)
+    if (this.setAttribute("data-upgraded", ""), this.#h = !0, this._resizeController = Ee(this), this.#x(), this.#ee(o), this.#O)
       return;
     this.#O = !0;
     const n = this.disconnectSignal;
-    bt(this, this, this.#n, n);
+    vt(this, this, this.#n, n);
     const i = this.#i.rowHeight;
     i && i > 0 ? this._virtualization.rowHeight = i : requestAnimationFrame(() => this.#Q()), queueMicrotask(() => this.#de()), this.#l.requestPhase(x.FULL, "afterConnect");
   }
@@ -2751,9 +2753,9 @@ ${o}`;
           }
         },
         { passive: !1, signal: o }
-      ), Xt(r, this.#A, { fauxScrollbar: n, scrollArea: s }, o));
+      ), Yt(r, this.#A, { fauxScrollbar: n, scrollArea: s }, o));
     }
-    this._bodyEl && mt(this, this._bodyEl, o), this.#C?.disconnect(), this._virtualization.viewportEl && (this.#C = new ResizeObserver(() => {
+    this._bodyEl && bt(this, this._bodyEl, o), this.#C?.disconnect(), this._virtualization.viewportEl && (this.#C = new ResizeObserver(() => {
       this.#l.requestPhase(x.VIRTUALIZATION, "resize-observer");
     }), this.#C.observe(this._virtualization.viewportEl)), this.#n.addEventListener(
       "focusin",
@@ -2839,7 +2841,7 @@ ${o}`;
     X(this), this.#t.merge(), this.#x();
   }
   #pe() {
-    this.#t.merge(), this.#i.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, pe(this)) : (this._columns.forEach((o) => {
+    this.#t.merge(), this.#i.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, ge(this)) : (this._columns.forEach((o) => {
       !o.__userResized && o.__autoSized && delete o.width;
     }), U(this));
   }
@@ -2847,7 +2849,7 @@ ${o}`;
     I(this, this.#e), q(this, this.#e);
     const e = !!this.#n.querySelector(".has-shell"), o = !!this.#n.querySelector(".tbw-tool-panel"), n = this.#n.querySelectorAll(".tbw-accordion-section").length;
     this.#t.parseLightDomColumns(this), this.#t.merge(), this.#K(), W(this, this.#e, this.#R()), this.#t.markSourcesChanged(), this.#t.merge();
-    const i = Fe(this.#i?.shell), r = (this.#i?.shell?.toolPanels?.length ?? 0) > 0, s = (this.#i?.shell?.toolPanels?.length ?? 0) !== n;
+    const i = Ue(this.#i?.shell), r = (this.#i?.shell?.toolPanels?.length ?? 0) > 0, s = (this.#i?.shell?.toolPanels?.length ?? 0) !== n;
     if (e !== i || !e && i || !o && r || o && s) {
       this.#G(), this.#z(), this.#J(), this.#$();
       return;
@@ -2879,14 +2881,14 @@ ${o}`;
   }
   #ve(e) {
     const o = {
-      ...Be,
+      ...Ge,
       ...e.animation
     }, n = o.mode ?? "reduced-motion";
     let i = 1;
     n === !1 || n === "off" ? i = 0 : (n === !0 || n === "on") && (i = 1), this.style.setProperty("--tbw-animation-duration", `${o.duration}ms`), this.style.setProperty("--tbw-animation-easing", o.easing ?? "ease-out"), this.style.setProperty("--tbw-animation-enabled", String(i)), this.dataset.animationMode = typeof n == "boolean" ? n ? "on" : "off" : n;
   }
   #F(e, o, n = this.__rowRenderEpoch) {
-    this.#b || (this.#b = (i, r, s) => this.#o?.renderRow(i, r, s) ?? !1), ht(this, e, o, n, this.#b);
+    this.#b || (this.#b = (i, r, s) => this.#o?.renderRow(i, r, s) ?? !1), ut(this, e, o, n, this.#b);
   }
   #U = -1;
   #ne = -1;
@@ -3073,10 +3075,10 @@ ${o}`;
     de(this, e, o);
   }
   animateRows(e, o) {
-    Pt(this, e, o);
+    Lt(this, e, o);
   }
   animateRowById(e, o) {
-    return Lt(this, e, o);
+    return Ht(this, e, o);
   }
   setColumnVisible(e, o) {
     const n = this.#t.setColumnVisible(e, o);
@@ -3178,11 +3180,11 @@ ${o}`;
   #_e() {
     const o = this.#n.querySelector(".tbw-grid-content") ?? this.#n.querySelector(".tbw-grid-root");
     if (this._headerRowEl = o?.querySelector(".header-row"), this._virtualization.totalHeightEl = o?.querySelector(".faux-vscroll-spacer"), this._virtualization.viewportEl = o?.querySelector(".rows-viewport"), this._bodyEl = o?.querySelector(".rows"), this.__rowsBodyEl = o?.querySelector(".rows-body"), this.#a.isInitialized) {
-      se(this.#n, this.#e), Re(this.#n, this.#i?.shell, this.#e);
+      se(this.#n, this.#e), Te(this.#n, this.#i?.shell, this.#e);
       const n = this.#i?.shell?.toolPanel?.defaultOpen;
       n && this.#e.toolPanels.has(n) && (this.openToolPanel(), this.#e.expandedSections.add(n));
     }
-    this._resizeController = _e(this), this.#ee(o), this.#l.requestPhase(x.COLUMNS, "shellRefresh");
+    this._resizeController = Ee(this), this.#ee(o), this.#l.requestPhase(x.COLUMNS, "shellRefresh");
   }
   #S = /* @__PURE__ */ new Map();
   registerStyles(e, o) {
@@ -3210,7 +3212,7 @@ ${o}`;
         this.#t.markSourcesChanged(), this.#t.merge();
         const l = this.#n.querySelector(".tbw-shell-header");
         if (l) {
-          const c = Se(
+          const c = Re(
             this.#i.shell,
             this.#e,
             this.#i.icons?.toolPanel
@@ -3234,7 +3236,7 @@ ${o}`;
       this.#t.markSourcesChanged(), this.#t.merge();
       const s = this.#n.querySelector(".tbw-shell-header");
       if (s) {
-        const l = Se(
+        const l = Re(
           this.#i.shell,
           this.#e,
           this.#i.icons?.toolPanel
@@ -3291,7 +3293,7 @@ ${o}`;
   #G() {
     I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#R()), this.#t.markSourcesChanged(), this.#t.merge();
     const e = this.#i?.shell;
-    Wt(
+    $t(
       this.#n,
       e,
       { isPanelOpen: this.#e.isPanelOpen, expandedSections: this.#e.expandedSections },
@@ -3299,24 +3301,24 @@ ${o}`;
     ) && (this.#X(), this.#a.setInitialized(!0));
   }
   #X() {
-    Mt(this.#n, this.#i?.shell, this.#e, {
+    zt(this.#n, this.#i?.shell, this.#e, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e)
-    }), this.#D?.(), this.#D = zt(this.#n, this.#i?.shell, (e) => {
+    }), this.#D?.(), this.#D = Nt(this.#n, this.#i?.shell, (e) => {
       this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
     });
   }
 }
 customElements.get(H.tagName) || customElements.define(H.tagName, H);
 globalThis.DataGridElement = H;
-const no = {
+const io = {
   CAN_MOVE_COLUMN: "canMoveColumn",
   GET_CONTEXT_MENU_ITEMS: "getContextMenuItems"
 };
-class io {
+class ro {
   static dependencies;
   static manifest;
-  version = "1.3.0";
+  version = "1.3.1";
   styles;
   cellRenderers;
   headerRenderers;
@@ -3443,7 +3445,7 @@ const A = {
   GROUP_KEY: "data-group-key",
   TREE_LEVEL: "data-tree-level",
   STICKY: "data-sticky"
-}, ro = {
+}, so = {
   ROOT: `.${A.ROOT}`,
   HEADER: `.${A.HEADER}`,
   HEADER_ROW: `.${A.HEADER_ROW}`,
@@ -3458,7 +3460,7 @@ const A = {
   CELL_AT: (t, e) => `.${A.DATA_ROW}[${j.ROW_INDEX}="${t}"] .${A.DATA_CELL}[${j.COL_INDEX}="${e}"]`,
   SELECTED_ROWS: `.${A.DATA_ROW}.${A.SELECTED}`,
   EDITING_CELL: `.${A.DATA_CELL}.${A.EDITING}`
-}, so = {
+}, lo = {
   COLOR_BG: "--tbw-color-bg",
   COLOR_FG: "--tbw-color-fg",
   COLOR_FG_MUTED: "--tbw-color-fg-muted",
@@ -3477,14 +3479,14 @@ const A = {
   BORDER_RADIUS: "--tbw-border-radius",
   FOCUS_OUTLINE: "--tbw-focus-outline"
 };
-function lo(t) {
+function ao(t) {
   const e = document.createElement("tbw-grid");
   return t && (e.gridConfig = t), e;
 }
-function ao(t, e = document) {
+function co(t, e = document) {
   return e.querySelector(t);
 }
-const co = {
+const ho = {
   CELL_CHANGE: "cell-change",
   CELL_COMMIT: "cell-commit",
   ROW_COMMIT: "row-commit",
@@ -3497,7 +3499,7 @@ const co = {
   CELL_ACTIVATE: "cell-activate",
   GROUP_TOGGLE: "group-toggle",
   COLUMN_STATE_CHANGE: "column-state-change"
-}, ho = {
+}, uo = {
   SELECTION_CHANGE: "selection-change",
   TREE_EXPAND: "tree-expand",
   FILTER_CHANGE: "filter-change",
@@ -3547,7 +3549,7 @@ const co = {
   list() {
     return [...Object.keys(re), ...F.keys()];
   }
-}, Pe = {
+}, Le = {
   sum: (t) => t.reduce((e, o) => e + o, 0),
   avg: (t) => t.length ? t.reduce((e, o) => e + o, 0) / t.length : 0,
   count: (t) => t.length,
@@ -3556,46 +3558,46 @@ const co = {
   first: (t) => t[0] ?? 0,
   last: (t) => t[t.length - 1] ?? 0
 };
-function oo(t) {
-  return Pe[t] ?? Pe.sum;
+function no(t) {
+  return Le[t] ?? Le.sum;
 }
-function uo(t, e) {
-  return oo(t)(e);
+function fo(t, e) {
+  return no(t)(e);
 }
-const fo = M.register.bind(M), po = M.unregister.bind(M), go = M.get.bind(M), wo = M.run.bind(M), mo = M.list.bind(M);
+const po = M.register.bind(M), go = M.unregister.bind(M), wo = M.get.bind(M), mo = M.run.bind(M), bo = M.list.bind(M);
 export {
-  io as BaseGridPlugin,
-  Be as DEFAULT_ANIMATION_CONFIG,
+  ro as BaseGridPlugin,
+  Ge as DEFAULT_ANIMATION_CONFIG,
   z as DEFAULT_GRID_ICONS,
-  co as DGEvents,
+  ho as DGEvents,
   H as DataGridElement,
   B as FitModeEnum,
-  so as GridCSSVars,
+  lo as GridCSSVars,
   A as GridClasses,
   j as GridDataAttrs,
   H as GridElement,
-  ro as GridSelectors,
-  no as PLUGIN_QUERIES,
-  ho as PluginEvents,
-  to as PluginManager,
+  so as GridSelectors,
+  io as PLUGIN_QUERIES,
+  uo as PluginEvents,
+  oo as PluginManager,
   x as RenderPhase,
-  At as a,
+  Pt as a,
   M as aggregatorRegistry,
   $ as b,
-  Ct as builtInSort,
+  yt as builtInSort,
   ae as c,
-  lo as createGrid,
-  vt as defaultComparator,
-  Le as e,
-  De as g,
-  go as getAggregator,
-  oo as getValueAggregator,
-  mo as listAggregators,
-  ao as queryGrid,
-  fo as registerAggregator,
-  wo as runAggregator,
-  uo as runValueAggregator,
+  ao as createGrid,
+  Ct as defaultComparator,
+  He as e,
+  Me as g,
+  wo as getAggregator,
+  no as getValueAggregator,
+  bo as listAggregators,
+  co as queryGrid,
+  po as registerAggregator,
+  mo as runAggregator,
+  fo as runValueAggregator,
   K as s,
-  po as unregisterAggregator
+  go as unregisterAggregator
 };
 //# sourceMappingURL=index.js.map