@toolbox-web/grid 1.10.0 → 1.11.0

package/index.js

@@ -1,11 +1,11 @@
-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%}&:has(.selected){user-select:none}}.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 X = {
   STRETCH: "stretch",
   FIXED: "fixed"
-}, Je = {
+}, ot = {
   mode: "reduced-motion",
   duration: 200,
   easing: "ease-out"
-}, be = '<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>', k = {
+}, ve = '<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>', M = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -14,48 +14,48 @@ const we = '@layer tbw-base,tbw-plugins,tbw-theme;@layer tbw-base{tbw-grid{--tbw
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
   toolPanel: "☰",
-  filter: be,
-  filterActive: be,
+  filter: ve,
+  filterActive: ve,
   print: "🖨️"
 };
-function et(t) {
+function nt(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"), 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()) ? d.width = m : d.width = u;
+      const b = parseFloat(u);
+      !isNaN(b) && /^\d+(\.\d+)?$/.test(u.trim()) ? d.width = b : d.width = u;
     }
     const p = o.getAttribute("minWidth") || o.getAttribute("min-width");
     if (p) {
-      const m = parseFloat(p);
-      isNaN(m) || (d.minWidth = m);
+      const b = parseFloat(p);
+      isNaN(b) || (d.minWidth = b);
     }
     o.hasAttribute("resizable") && (d.resizable = !0), o.hasAttribute("sizable") && (d.resizable = !0);
     const f = o.getAttribute("editor"), g = o.getAttribute("renderer");
     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()];
+    h && (d.options = h.split(",").map((b) => {
+      const [z, R] = b.includes(":") ? b.split(":") : [b.trim(), b.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 && (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 && (d.viewRenderer = m);
-    }
-    const E = b ?? o, y = _.find((m) => m.canHandle(E));
+    const w = o.querySelector("tbw-grid-column-view"), v = o.querySelector("tbw-grid-column-editor"), S = o.querySelector("tbw-grid-column-header");
+    w && (d.__viewTemplate = w), v && (d.__editorTemplate = v), S && (d.__headerTemplate = S);
+    const _ = globalThis.DataGridElement?.getAdapters?.() ?? [], A = w ?? o, m = _.find((b) => b.canHandle(A));
+    if (m) {
+      const b = m.createRenderer(A);
+      b && (d.viewRenderer = b);
+    }
+    const E = v ?? o, y = _.find((b) => b.canHandle(E));
     if (y) {
-      const m = y.createEditor(E);
-      m && (d.editor = m);
+      const b = y.createEditor(E);
+      b && (d.editor = b);
     }
     return d;
   }).filter((o) => !!o);
 }
-function me(t, e) {
+function Ce(t, e) {
   if ((!t || !t.length) && (!e || !e.length)) return [];
   if (!t || !t.length) return e || [];
   if (!e || !e.length) return t;
@@ -79,7 +79,7 @@ function me(t, e) {
   });
   return Object.keys(o).forEach((i) => n.push(o[i])), n;
 }
-function ke(t, e) {
+function qe(t, e) {
   try {
     t.part?.add?.(e);
   } catch {
@@ -87,7 +87,7 @@ function ke(t, e) {
   const o = t.getAttribute("part");
   o ? o.split(/\s+/).includes(e) || t.setAttribute("part", o + " " + e) : t.setAttribute("part", e);
 }
-function ve(t) {
+function ye(t) {
   const e = t.effectiveConfig?.fitMode || t.fitMode || X.STRETCH;
   if (e !== X.STRETCH && e !== X.FIXED || t.__didInitialAutoSize || !t.isConnected) return;
   const o = Array.from(t._headerRowEl?.children || []);
@@ -114,23 +114,23 @@ function B(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 tt(t) {
+function it(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 ot(t, e) {
+function rt(t, e) {
   const o = t[0] || {}, n = Object.keys(o).map((r) => {
-    const s = o[r], l = tt(s);
+    const s = o[r], l = it(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 nt = /{{\s*([^}]+)\s*}}/g, D = "__DG_EMPTY__", it = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, rt = /__(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 st(t) {
+const st = /{{\s*([^}]+)\s*}}/g, H = "__DG_EMPTY__", lt = /^[\w$. '?+\-*/%:()!<>=,&|]+$/, at = /__(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 ct(t) {
   return !t || typeof t != "string" ? "" : t.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
-const lt = /* @__PURE__ */ new Set([
+const dt = /* @__PURE__ */ new Set([
   "script",
   "iframe",
   "object",
@@ -155,23 +155,23 @@ const lt = /* @__PURE__ */ new Set([
   "plaintext",
   "xmp",
   "listing"
-]), Ce = /^on\w+$/i, at = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), ct = /^\s*(javascript|vbscript|data|blob):/i;
+]), _e = /^on\w+$/i, ht = /* @__PURE__ */ new Set(["href", "src", "action", "formaction", "data", "srcdoc", "xlink:href", "poster", "srcset"]), ut = /^\s*(javascript|vbscript|data|blob):/i;
 function F(t) {
   if (!t || typeof t != "string") return "";
   if (t.indexOf("<") === -1) return t;
   const e = document.createElement("template");
-  return e.innerHTML = t, dt(e.content), e.innerHTML;
+  return e.innerHTML = t, ft(e.content), e.innerHTML;
 }
-function dt(t) {
+function ft(t) {
   const e = [], o = t.querySelectorAll("*");
   for (const n of o) {
     const i = n.tagName.toLowerCase();
-    if (lt.has(i)) {
+    if (dt.has(i)) {
       e.push(n);
       continue;
     }
     if ((i === "svg" || n.namespaceURI === "http://www.w3.org/2000/svg") && Array.from(n.attributes).some(
-      (l) => Ce.test(l.name) || l.name === "href" || l.name === "xlink:href"
+      (l) => _e.test(l.name) || l.name === "href" || l.name === "xlink:href"
     )) {
       e.push(n);
       continue;
@@ -179,11 +179,11 @@ function dt(t) {
     const r = [];
     for (const s of n.attributes) {
       const l = s.name.toLowerCase();
-      if (Ce.test(l)) {
+      if (_e.test(l)) {
         r.push(s.name);
         continue;
       }
-      if (at.has(l) && ct.test(s.value)) {
+      if (ht.has(l) && ut.test(s.value)) {
         r.push(s.name);
         continue;
       }
@@ -196,35 +196,35 @@ function dt(t) {
   }
   e.forEach((n) => n.remove());
 }
-function Ne(t, e) {
+function $e(t, e) {
   if (!t || t.indexOf("{{") === -1) return t;
-  const o = [], n = t.replace(nt, (l, a) => {
-    const c = ht(a, e);
+  const o = [], n = t.replace(st, (l, a) => {
+    const c = pt(a, e);
     return o.push({ expr: a.trim(), result: c }), c;
-  }), i = ut(n), r = o.length && o.every((l) => l.result === "" || l.result === D);
+  }), i = gt(n), r = o.length && o.every((l) => l.result === "" || l.result === H);
   return /Reflect\.|\bProxy\b|ownKeys\(/.test(t) || r ? "" : i;
 }
-function ht(t, e) {
-  if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return D;
-  if (t === "value") return e.value == null ? D : String(e.value);
+function pt(t, e) {
+  if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return H;
+  if (t === "value") return e.value == null ? H : String(e.value);
   if (t.startsWith("row.") && !/[()?]/.test(t) && !t.includes(":")) {
     const n = t.slice(4), i = e.row ? e.row[n] : void 0;
-    return i == null ? D : String(i);
+    return i == null ? H : String(i);
   }
-  if (t.length > 80 || !it.test(t) || rt.test(t)) return D;
+  if (t.length > 80 || !lt.test(t) || at.test(t)) return H;
   const o = t.match(/\./g);
-  if (o && o.length > 1) return D;
+  if (o && o.length > 1) return H;
   try {
     const i = new Function("value", "row", `return (${t});`)(e.value, e.row), r = i == null ? "" : String(i);
-    return /Reflect|Proxy|ownKeys/.test(r) ? D : r || D;
+    return /Reflect|Proxy|ownKeys/.test(r) ? H : r || H;
   } catch {
-    return D;
+    return H;
   }
 }
-function ut(t) {
-  return t && t.replace(new RegExp(D, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
+function gt(t) {
+  return t && t.replace(new RegExp(H, "g"), "").replace(/Reflect\.[^<>{}\s]+/g, "").replace(/\bProxy\b/g, "").replace(/ownKeys\([^)]*\)/g, "");
 }
-function ft(t) {
+function wt(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 = "");
@@ -236,12 +236,12 @@ function ft(t) {
     (t.textContent || "").trim().length === 0 && (t.textContent = "");
   }
 }
-function ye(t) {
-  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = ((n) => e ? "" : Ne(t, n));
+function Ee(t) {
+  const e = /Reflect\.|\bProxy\b|ownKeys\(/.test(t), o = ((n) => e ? "" : $e(t, n));
   return o.__blocked = e, o;
 }
-const pt = 100;
-class gt {
+const bt = 100;
+class mt {
   #l;
   #i;
   #u;
@@ -250,12 +250,12 @@ class gt {
   #a = {};
   #n = {};
   #f = !0;
-  #g = [];
-  #m;
+  #p = [];
+  #b;
   #s;
-  #v;
+  #m;
   #r;
-  #w;
+  #g;
   constructor(e) {
     this.#r = e;
   }
@@ -284,16 +284,16 @@ class gt {
     this.#h = e;
   }
   get lightDomTitle() {
-    return this.#w;
+    return this.#g;
   }
   set lightDomTitle(e) {
-    this.#w = e;
+    this.#g = e;
   }
   get initialColumnState() {
-    return this.#v;
+    return this.#m;
   }
   set initialColumnState(e) {
-    this.#v = e;
+    this.#m = e;
   }
   get sourcesChanged() {
     return this.#f;
@@ -323,10 +323,10 @@ class gt {
     const e = (this.#n.columns?.length ?? 0) > 0;
     if (!this.#f && e)
       return;
-    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();
+    const o = this.#C();
+    this.#f = !1, this.#a = o, Object.freeze(this.#a), this.#a.columns && Object.freeze(this.#a.columns), this.#n = this.#x(this.#a), this.#D();
   }
-  #R(e) {
+  #x(e) {
     const o = { ...e };
     return e.columns && (o.columns = e.columns.map((n) => ({ ...n }))), e.shell && (o.shell = {
       ...e.shell,
@@ -336,35 +336,45 @@ class gt {
       headerContents: e.shell.headerContents?.map((n) => ({ ...n }))
     }), o;
   }
-  #H() {
+  #D() {
     const e = this.#n;
-    e.rowHeight && e.rowHeight > 0 && this.#r.setRowHeight(e.rowHeight), e.fitMode === "fixed" && this.columns.forEach((n) => {
+    this.#w(), e.rowHeight && e.rowHeight > 0 && this.#r.setRowHeight(e.rowHeight), e.fitMode === "fixed" && this.columns.forEach((n) => {
       n.width == null && (n.width = 80);
     }), this.#r.applyAnimationConfig(e);
   }
-  #b() {
+  #w() {
+    const e = this.#n.typeDefaults;
+    if (!e) return;
+    const o = this.columns;
+    for (const n of o) {
+      if (!n.type) continue;
+      const i = e[n.type];
+      i && (!n.renderer && !n.viewRenderer && i.renderer && (n.renderer = i.renderer), !n.format && i.format && (n.format = i.format), !n.editor && i.editor && (n.editor = i.editor), !n.editorParams && i.editorParams && (n.editorParams = i.editorParams));
+    }
+  }
+  #C() {
     const e = this.#l ? { ...this.#l } : {}, o = Array.isArray(e.columns) ? [...e.columns] : [], n = (this.#d ?? []).map((s) => ({
       ...s
     }));
-    let i = me(
+    let i = Ce(
       o,
       n
     );
-    this.#i && this.#i.length && (i = me(
+    this.#i && this.#i.length && (i = Ce(
       this.#i,
       n
     ));
     const r = this.#r.getRows();
-    return i.length === 0 && r.length && (i = ot(r).columns), i.length && (i.forEach((s) => {
+    return i.length === 0 && r.length && (i = rt(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 = ye(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = ye(s.__editorTemplate.innerHTML));
-    }), e.columns = i), this.#u && (e.fitMode = this.#u), e.fitMode || (e.fitMode = "stretch"), this.#C(e), e.columnState && !this.#v && (this.#v = e.columnState), e;
+      s.__viewTemplate && !s.__compiledView && (s.__compiledView = Ee(s.__viewTemplate.innerHTML)), s.__editorTemplate && !s.__compiledEditor && (s.__compiledEditor = Ee(s.__editorTemplate.innerHTML));
+    }), e.columns = i), this.#u && (e.fitMode = this.#u), e.fitMode || (e.fitMode = "stretch"), this.#y(e), e.columnState && !this.#m && (this.#m = e.columnState), e;
   }
-  #C(e) {
+  #y(e) {
     e.shell = e.shell ? { ...e.shell } : {}, e.shell.header = e.shell.header ? { ...e.shell.header } : {};
     const o = this.#r.getShellLightDomTitle();
-    o && (this.#w = o), this.#w && !e.shell.header.title && (e.shell.header.title = this.#w);
+    o && (this.#g = o), this.#g && !e.shell.header.title && (e.shell.header.title = this.#g);
     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();
@@ -383,7 +393,7 @@ class gt {
     d.sort((u, p) => (u.order ?? 0) - (p.order ?? 0)), e.shell.header.toolbarContents = d;
   }
   collectState(e) {
-    const o = this.columns, n = this.#y();
+    const o = this.columns, n = this.#v();
     return {
       columns: o.map((i, r) => {
         const s = {
@@ -430,7 +440,7 @@ class gt {
           l.applyColumnState(a.field, a);
   }
   resetState(e) {
-    this.#v = void 0, this.#r.setSortState(null), this.#n = this.#R(this.#a), this.#H();
+    this.#m = void 0, this.#r.setSortState(null), this.#n = this.#x(this.#a), this.#D();
     for (const o of e)
       if (o.applyColumnState)
         for (const n of this.columns)
@@ -441,7 +451,7 @@ class gt {
           });
     this.requestStateChange(e);
   }
-  #y() {
+  #v() {
     const e = /* @__PURE__ */ new Map(), o = this.#r.getSortState();
     return o && e.set(o.field, {
       direction: o.direction === 1 ? "asc" : "desc",
@@ -453,7 +463,7 @@ class gt {
       this.#s = void 0;
       const o = this.collectState(e);
       this.#r.emit("column-state-change", o);
-    }, pt);
+    }, bt);
   }
   setColumnVisible(e, o) {
     const n = this.columns, i = n.find((s) => s.field === e);
@@ -501,42 +511,42 @@ class gt {
     this.columns = n, this.#r.renderHeader(), this.#r.updateTemplate(), this.#r.refreshVirtualWindow();
   }
   parseLightDomColumns(e) {
-    this.#d || (this.#h = Array.from(e.querySelectorAll("tbw-grid-column")), this.#d = this.#h.length ? et(e) : []);
+    this.#d || (this.#h = Array.from(e.querySelectorAll("tbw-grid-column")), this.#d = this.#h.length ? nt(e) : []);
   }
   clearLightDomCache() {
     this.#d = void 0;
   }
-  #p = /* @__PURE__ */ new Map();
+  #_ = /* @__PURE__ */ new Map();
   registerLightDomHandler(e, o) {
-    this.#p.set(e.toLowerCase(), o);
+    this.#_.set(e.toLowerCase(), o);
   }
   unregisterLightDomHandler(e) {
-    this.#p.delete(e.toLowerCase());
+    this.#_.delete(e.toLowerCase());
   }
   observeLightDOM(e) {
-    this.#m && this.#m.disconnect();
+    this.#b && this.#b.disconnect();
     const o = /* @__PURE__ */ new Set();
     let n = null;
     const i = () => {
       n = null;
       for (const r of o)
-        this.#p.get(r)?.();
+        this.#_.get(r)?.();
       o.clear();
     };
-    this.#m = new MutationObserver((r) => {
+    this.#b = new MutationObserver((r) => {
       for (const s of r) {
         for (const l of s.addedNodes) {
           if (l.nodeType !== Node.ELEMENT_NODE) continue;
           const c = l.tagName.toLowerCase();
-          this.#p.has(c) && o.add(c);
+          this.#_.has(c) && o.add(c);
         }
         if (s.type === "attributes" && s.target.nodeType === Node.ELEMENT_NODE) {
           const a = s.target.tagName.toLowerCase();
-          this.#p.has(a) && o.add(a);
+          this.#_.has(a) && o.add(a);
         }
       }
       o.size > 0 && !n && (n = setTimeout(i, 0));
-    }), this.#m.observe(e, {
+    }), this.#b.observe(e, {
       childList: !0,
       subtree: !0,
       attributes: !0,
@@ -544,20 +554,20 @@ class gt {
     });
   }
   onChange(e) {
-    this.#g.push(e);
+    this.#p.push(e);
   }
   notifyChange() {
-    for (const e of this.#g)
+    for (const e of this.#p)
       e();
   }
   dispose() {
-    this.#m?.disconnect(), this.#g = [], this.#s && clearTimeout(this.#s);
+    this.#b?.disconnect(), this.#p = [], this.#s && clearTimeout(this.#s);
   }
 }
-function Ie(t) {
+function We(t) {
   return `<span role="checkbox" aria-checked="${t}" aria-label="${t}">${t ? "&#x1F5F9;" : "&#9744;"}</span>`;
 }
-function qe(t) {
+function Fe(t) {
   if (t == null || t === "") return "";
   if (t instanceof Date)
     return isNaN(t.getTime()) ? "" : t.toLocaleDateString();
@@ -567,7 +577,7 @@ function qe(t) {
   }
   return "";
 }
-function We(t) {
+function Ue(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-row");
   if (e) return parseInt(e, 10);
@@ -580,15 +590,15 @@ function We(t) {
     if (i[r] === o) return r;
   return -1;
 }
-function wt(t) {
+function vt(t) {
   if (!t) return -1;
   const e = t.getAttribute("data-col");
   return e ? parseInt(e, 10) : -1;
 }
-function fe(t) {
+function we(t) {
   t && t.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
 }
-function bt(t) {
+function Ct(t) {
   try {
     if (getComputedStyle(t).direction === "rtl") return "rtl";
   } catch {
@@ -599,64 +609,58 @@ function bt(t) {
   }
   return "ltr";
 }
-function _e(t) {
-  return bt(t) === "rtl";
+function Se(t) {
+  return Ct(t) === "rtl";
 }
-function po(t, e) {
+function Io(t, e) {
   return t === "left" || t === "right" ? t : e === "rtl" ? t === "start" ? "right" : "left" : t === "start" ? "left" : "right";
 }
-function $e(t, e) {
+function Ve(t, e) {
   const o = e.renderer || e.viewRenderer;
   if (o) return o;
   if (!e.type) return;
-  const n = t.effectiveConfig?.typeDefaults;
-  if (n?.[e.type]?.renderer)
-    return n[e.type].renderer;
-  const i = t.__frameworkAdapter;
-  if (i?.getTypeDefault) {
-    const r = i.getTypeDefault(e.type);
-    if (r?.renderer)
-      return r.renderer;
+  const n = t.__frameworkAdapter;
+  if (n?.getTypeDefault) {
+    const i = n.getTypeDefault(e.type);
+    if (i?.renderer)
+      return i.renderer;
   }
 }
-function Fe(t, e) {
+function Be(t, e) {
   if (e.format) return e.format;
   if (!e.type) return;
-  const o = t.effectiveConfig?.typeDefaults;
-  if (o?.[e.type]?.format)
-    return o[e.type].format;
-  const n = t.__frameworkAdapter;
-  if (n?.getTypeDefault) {
-    const i = n.getTypeDefault(e.type);
-    if (i?.format)
-      return i.format;
+  const o = t.__frameworkAdapter;
+  if (o?.getTypeDefault) {
+    const n = o.getTypeDefault(e.type);
+    if (n?.format)
+      return n.format;
   }
 }
-const Ue = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
-function re(t) {
+const Ge = 'input,select,textarea,[contenteditable="true"],[contenteditable=""],[tabindex]:not([tabindex="-1"])';
+function se(t) {
   return (t.__editingCellCount ?? 0) > 0;
 }
-function se(t) {
+function le(t) {
   t.__editingCellCount = 0, t.removeAttribute("data-has-editing"), t.querySelectorAll(".cell.editing").forEach((o) => o.classList.remove("editing"));
 }
-const Ve = document.createElement("template");
-Ve.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
-const Be = document.createElement("template");
-Be.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
-function mt() {
-  return Ve.content.firstElementChild.cloneNode(!0);
+const Xe = document.createElement("template");
+Xe.innerHTML = '<div class="cell" role="gridcell" part="cell"></div>';
+const Ye = document.createElement("template");
+Ye.innerHTML = '<div class="data-grid-row" role="row" part="row"></div>';
+function yt() {
+  return Xe.content.firstElementChild.cloneNode(!0);
 }
-function vt() {
-  return Be.content.firstElementChild.cloneNode(!0);
+function _t() {
+  return Ye.content.firstElementChild.cloneNode(!0);
 }
 function j(t) {
   t.__cellDisplayCache = void 0, t.__cellCacheEpoch = void 0, t.__hasSpecialColumns = void 0;
 }
-function Ct(t, e, o, n, i) {
+function Et(t, e, o, n, i) {
   const r = Math.max(0, o - e), s = t._bodyEl, l = t._visibleColumns, a = l.length;
   let c = t.__cachedHeaderRowCount;
   for (c === void 0 && (c = t.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = c); t._rowPool.length < r; ) {
-    const p = vt();
+    const p = _t();
     t._rowPool.push(p);
   }
   if (t._rowPool.length > r) {
@@ -673,24 +677,24 @@ function Ct(t, e, o, n, i) {
       h.__epoch = n, h.__rowDataRef = g, h.parentNode !== s && s.appendChild(h);
       continue;
     }
-    const w = h.__epoch, b = h.__rowDataRef, S = h.children.length, _ = w === n && S === a, A = b !== g;
-    let v = !1;
+    const w = h.__epoch, v = h.__rowDataRef, S = h.children.length, _ = w === n && S === a, A = v !== g;
+    let m = !1;
     if (_ && A) {
       for (let R = 0; R < a; R++)
         if (l[R].externalView && !h.querySelector(`.cell[data-col="${R}"] [data-external-view]`)) {
-          v = !0;
+          m = !0;
           break;
         }
     }
-    if (!_ || v) {
-      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);
+    if (!_ || m) {
+      const R = se(h), x = t._activeEditRows === f;
+      R && !x ? (h.__isCustomRow && (h.className = "data-grid-row", h.setAttribute("role", "row"), h.__isCustomRow = !1), le(h), G(t, h, g, f), h.__epoch = n, h.__rowDataRef = g) : R && x ? (ae(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(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);
+      const R = se(h), x = t._activeEditRows === f;
+      R && !x ? (le(h), G(t, h, g, f), h.__epoch = n, h.__rowDataRef = g) : (ae(t, h, g, f), h.__rowDataRef = g);
     } else {
-      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);
+      const R = se(h), x = t._activeEditRows === f;
+      R && !x ? (le(h), G(t, h, g, f), h.__epoch = n, h.__rowDataRef = g) : ae(t, h, g, f);
     }
     let E = !1;
     const y = t.changedRowIds;
@@ -700,8 +704,8 @@ function Ct(t, e, o, n, i) {
         R && (E = y.includes(R));
       } catch {
       }
-    const m = h.classList.contains("changed");
-    E !== m && h.classList.toggle("changed", E);
+    const b = h.classList.contains("changed");
+    E !== b && h.classList.toggle("changed", E);
     const z = t.effectiveConfig?.rowClass;
     if (z) {
       const R = h.getAttribute("data-dynamic-classes");
@@ -709,8 +713,8 @@ function Ct(t, e, o, n, i) {
       try {
         const x = z(g);
         if (x && x.length > 0) {
-          const ie = x.filter((Y) => Y && typeof Y == "string");
-          ie.forEach((Y) => h.classList.add(Y)), h.setAttribute("data-dynamic-classes", ie.join(" "));
+          const re = x.filter((Y) => Y && typeof Y == "string");
+          re.forEach((Y) => h.classList.add(Y)), h.setAttribute("data-dynamic-classes", re.join(" "));
         } else
           h.removeAttribute("data-dynamic-classes");
       } catch (x) {
@@ -724,15 +728,15 @@ function Ct(t, e, o, n, i) {
     }), h.parentNode !== s && s.appendChild(h);
   }
 }
-function le(t, e, o, n) {
+function ae(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, d = t._focusCol, u = t._hasAfterCellRenderHook?.() ?? !1;
   let p = t.__hasSpecialColumns;
   if (p === void 0) {
     p = !1;
-    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 && h?.getTypeDefault?.(b.type)?.renderer || b.type && h?.getTypeDefault?.(b.type)?.format) {
+    const g = t.__frameworkAdapter;
+    for (let h = 0; h < s; h++) {
+      const w = r[h];
+      if (w.__viewTemplate || w.__compiledView || w.renderer || w.viewRenderer || w.externalView || w.format || w.type === "date" || w.type === "boolean" || w.type && g?.getTypeDefault?.(w.type)?.renderer || w.type && g?.getTypeDefault?.(w.type)?.format) {
         p = !0;
         break;
       }
@@ -744,15 +748,15 @@ function le(t, e, o, n) {
     for (let g = 0; g < a; g++) {
       const h = i[g];
       if (h.classList.contains("editing")) continue;
-      const w = r[g], b = o[w.field];
-      h.textContent = b == null ? "" : String(b), h.getAttribute("data-row") !== f && h.setAttribute("data-row", f);
+      const w = r[g], v = o[w.field];
+      h.textContent = v == null ? "" : String(v), 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,
+        value: v,
         cellElement: h,
         rowElement: e
       });
@@ -767,34 +771,34 @@ function le(t, e, o, n) {
   for (let g = 0; g < a; g++) {
     const h = r[g], w = i[g];
     w.getAttribute("data-row") !== f && w.setAttribute("data-row", f);
-    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 v = c === n && d === g, S = w.classList.contains("cell-focus");
+    v !== S && (w.classList.toggle("cell-focus", v), w.setAttribute("aria-selected", String(v)));
     const C = h.cellClass;
     if (C) {
       const y = w.getAttribute("data-dynamic-classes");
-      y && y.split(" ").forEach((m) => m && w.classList.remove(m));
+      y && y.split(" ").forEach((b) => b && w.classList.remove(b));
       try {
-        const m = o[h.field], z = C(m, o, h);
+        const b = o[h.field], z = C(b, 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 '${h.field}':`, m), w.removeAttribute("data-dynamic-classes");
+      } catch (b) {
+        console.warn(`[tbw-grid] cellClass callback error for column '${h.field}':`, b), w.removeAttribute("data-dynamic-classes");
       }
     }
     if (w.classList.contains("editing")) continue;
-    const _ = $e(t, h);
+    const _ = Ve(t, h);
     if (_) {
-      const y = o[h.field], m = _({
+      const y = o[h.field], b = _({
         row: o,
         value: y,
         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?.({
+      typeof b == "string" ? w.innerHTML = F(b) : b instanceof Node ? b.parentElement !== w && (w.innerHTML = "", w.appendChild(b)) : b == null && (w.textContent = y == null ? "" : String(y)), u && t._afterCellRender?.({
         row: o,
         rowIndex: n,
         column: h,
@@ -808,17 +812,17 @@ function le(t, e, o, n) {
     if (h.__viewTemplate || h.__compiledView || h.externalView)
       continue;
     const A = o[h.field];
-    let v;
-    const E = Fe(t, h);
+    let m;
+    const E = Be(t, h);
     if (E) {
       try {
         const y = E(A, o);
-        v = y == null ? "" : String(y);
+        m = y == null ? "" : String(y);
       } catch (y) {
-        console.warn(`[tbw-grid] Format error in column '${h.field}':`, y), v = A == null ? "" : String(A);
+        console.warn(`[tbw-grid] Format error in column '${h.field}':`, y), m = 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);
+      w.textContent = m;
+    } else h.type === "date" ? (m = Fe(A), w.textContent = m) : h.type === "boolean" ? w.innerHTML = We(!!A) : (m = A == null ? "" : String(A), w.textContent = m);
     u && t._afterCellRender?.({
       row: o,
       rowIndex: n,
@@ -834,30 +838,30 @@ 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, d = document.createDocumentFragment();
   for (let u = 0; u < r; u++) {
-    const p = i[u], f = mt();
+    const p = i[u], f = yt();
     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 h = Fe(t, p);
+    const h = Be(t, p);
     if (h)
       try {
         g = h(g, o);
-      } catch (v) {
-        console.warn(`[tbw-grid] Format error in column '${p.field}':`, v);
+      } catch (m) {
+        console.warn(`[tbw-grid] Format error in column '${p.field}':`, m);
       }
-    const w = p.__compiledView, b = p.__viewTemplate, S = $e(t, p), C = p.externalView;
+    const w = p.__compiledView, v = p.__viewTemplate, S = Ve(t, p), C = p.externalView;
     let _ = !1;
     if (S) {
-      const v = S({ row: o, value: g, field: p.field, column: p, cellEl: f });
-      typeof v == "string" ? (f.innerHTML = F(v), _ = !0) : v instanceof Node ? v.parentElement !== f && (f.textContent = "", f.appendChild(v)) : v == null && (f.textContent = g == null ? "" : String(g));
+      const m = S({ row: o, value: g, field: p.field, column: p, cellEl: f });
+      typeof m == "string" ? (f.innerHTML = F(m), _ = !0) : m instanceof Node ? m.parentElement !== f && (f.textContent = "", f.appendChild(m)) : m == null && (f.textContent = g == null ? "" : String(g));
     } else if (C) {
-      const v = C, E = document.createElement("div");
+      const m = C, E = document.createElement("div");
       E.setAttribute("data-external-view", ""), E.setAttribute("data-field", p.field), f.appendChild(E);
       const y = { row: o, value: g, field: p.field, column: p };
-      if (v.mount)
+      if (m.mount)
         try {
-          v.mount({ placeholder: E, context: y, spec: v });
-        } catch (m) {
-          console.warn(`[tbw-grid] External view mount error for column '${p.field}':`, m);
+          m.mount({ placeholder: E, context: y, spec: m });
+        } catch (b) {
+          console.warn(`[tbw-grid] External view mount error for column '${p.field}':`, b);
         }
       else
         queueMicrotask(() => {
@@ -866,38 +870,38 @@ function G(t, e, o, n) {
               new CustomEvent("mount-external-view", {
                 bubbles: !0,
                 composed: !0,
-                detail: { placeholder: E, spec: v, context: y }
+                detail: { placeholder: E, spec: m, context: y }
               })
             );
-          } catch (m) {
-            console.warn(`[tbw-grid] External view event dispatch error for column '${p.field}':`, m);
+          } catch (b) {
+            console.warn(`[tbw-grid] External view event dispatch error for column '${p.field}':`, b);
           }
         });
       E.setAttribute("data-mounted", "");
     } else if (w) {
-      const v = w({ row: o, value: g, field: p.field, column: p }), E = w.__blocked;
-      f.innerHTML = E ? "" : F(v), _ = !0, E && (f.textContent = "", f.setAttribute("data-blocked-template", ""));
-    } else if (b) {
-      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);
+      const m = w({ row: o, value: g, field: p.field, column: p }), E = w.__blocked;
+      f.innerHTML = E ? "" : F(m), _ = !0, E && (f.textContent = "", f.setAttribute("data-blocked-template", ""));
+    } else if (v) {
+      const m = v.innerHTML;
+      /Reflect\.|\bProxy\b|ownKeys\(/.test(m) ? (f.textContent = "", f.setAttribute("data-blocked-template", "")) : (f.innerHTML = F($e(m, { row: o, value: g })), _ = !0);
     } else
-      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);
+      h ? f.textContent = g == null ? "" : String(g) : p.type === "date" ? f.textContent = Fe(g) : p.type === "boolean" ? f.innerHTML = We(!!g) : f.textContent = g == null ? "" : String(g);
     if (_) {
-      ft(f);
-      const v = f.textContent || "";
-      /Proxy|Reflect\.ownKeys/.test(v) && (f.textContent = v.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(f.textContent || "") && (f.textContent = ""));
+      wt(f);
+      const m = f.textContent || "";
+      /Proxy|Reflect\.ownKeys/.test(m) && (f.textContent = m.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(f.textContent || "") && (f.textContent = ""));
     }
     f.hasAttribute("data-blocked-template") && (f.textContent || "").trim().length && (f.textContent = ""), p.editable ? f.tabIndex = 0 : p.type === "boolean" && (f.hasAttribute("tabindex") || (f.tabIndex = 0)), s === n && l === u ? (f.classList.add("cell-focus"), f.setAttribute("aria-selected", "true")) : f.setAttribute("aria-selected", "false");
     const A = p.cellClass;
     if (A)
       try {
-        const v = o[p.field], E = A(v, o, p);
+        const m = o[p.field], E = A(m, o, p);
         if (E && E.length > 0) {
-          const y = E.filter((m) => m && typeof m == "string");
-          y.forEach((m) => f.classList.add(m)), f.setAttribute("data-dynamic-classes", y.join(" "));
+          const y = E.filter((b) => b && typeof b == "string");
+          y.forEach((b) => f.classList.add(b)), f.setAttribute("data-dynamic-classes", y.join(" "));
         }
-      } catch (v) {
-        console.warn(`[tbw-grid] cellClass callback error for column '${p.field}':`, v);
+      } catch (m) {
+        console.warn(`[tbw-grid] cellClass callback error for column '${p.field}':`, m);
       }
     c && t._afterCellRender?.({
       row: o,
@@ -911,9 +915,9 @@ function G(t, e, o, n) {
   }
   e.appendChild(d);
 }
-function Ee(t, e, o) {
+function Re(t, e, o) {
   if (e.target?.closest(".resize-handle")) return;
-  const n = o.querySelector(".cell[data-row]"), i = We(n);
+  const n = o.querySelector(".cell[data-row]"), i = Ue(n);
   if (i < 0) return;
   const r = t._rows[i];
   if (!r || t._dispatchRowClick?.(e, i, r, o))
@@ -926,19 +930,19 @@ function Ee(t, e, o) {
         return;
       const a = t._focusRow !== i || t._focusCol !== l;
       if (t._focusRow = i, t._focusCol = l, s.classList.contains("editing")) {
-        a && (fe(t._bodyEl ?? t), s.classList.add("cell-focus"));
-        const c = s.querySelector(Ue);
+        a && (we(t._bodyEl ?? t), s.classList.add("cell-focus"));
+        const c = s.querySelector(Ge);
         try {
           c?.focus({ preventScroll: !0 });
         } catch {
         }
         return;
       }
-      $(t);
+      W(t);
     }
   }
 }
-function yt(t, e) {
+function St(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 = (d) => {
@@ -949,7 +953,7 @@ function yt(t, e) {
   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) {
       case "Tab": {
-        e.preventDefault(), !e.shiftKey ? t._focusCol < n ? t._focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow < o && (t._focusRow += 1, t._focusCol = 0)) : t._focusCol > 0 ? t._focusCol -= 1 : t._focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t._activeEditRows === t._focusRow && t.commitActiveRowEdit(), t._focusRow -= 1, t._focusCol = n), $(t);
+        e.preventDefault(), !e.shiftKey ? t._focusCol < n ? t._focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow < o && (t._focusRow += 1, t._focusCol = 0)) : t._focusCol > 0 ? t._focusCol -= 1 : t._focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t._activeEditRows === t._focusRow && t.commitActiveRowEdit(), t._focusRow -= 1, t._focusCol = n), W(t);
         return;
       }
       case "ArrowDown":
@@ -959,18 +963,18 @@ function yt(t, e) {
         i && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = Math.max(0, t._focusRow - 1), e.preventDefault();
         break;
       case "ArrowRight": {
-        _e(t) ? t._focusCol = Math.max(0, t._focusCol - 1) : t._focusCol = Math.min(n, t._focusCol + 1), e.preventDefault();
+        Se(t) ? t._focusCol = Math.max(0, t._focusCol - 1) : t._focusCol = Math.min(n, t._focusCol + 1), e.preventDefault();
         break;
       }
       case "ArrowLeft": {
-        _e(t) ? t._focusCol = Math.min(n, t._focusCol + 1) : t._focusCol = Math.max(0, t._focusCol - 1), e.preventDefault();
+        Se(t) ? t._focusCol = Math.min(n, t._focusCol + 1) : t._focusCol = Math.max(0, t._focusCol - 1), e.preventDefault();
         break;
       }
       case "Home":
-        (e.ctrlKey || e.metaKey) && (i && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), $(t, { forceScrollLeft: !0 });
+        (e.ctrlKey || e.metaKey) && (i && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), W(t, { forceScrollLeft: !0 });
         return;
       case "End":
-        (e.ctrlKey || e.metaKey) && (i && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = o), t._focusCol = n, e.preventDefault(), $(t, { forceScrollRight: !0 });
+        (e.ctrlKey || e.metaKey) && (i && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = o), t._focusCol = n, e.preventDefault(), W(t, { forceScrollRight: !0 });
         return;
       case "PageDown":
         t._focusRow = Math.min(o, t._focusRow + 20), e.preventDefault();
@@ -981,7 +985,7 @@ function yt(t, e) {
       case "Enter": {
         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 = {
+        ), v = {
           rowIndex: d,
           colIndex: u,
           field: g,
@@ -992,7 +996,7 @@ function yt(t, e) {
           originalEvent: e
         }, S = new CustomEvent("cell-activate", {
           cancelable: !0,
-          detail: b
+          detail: v
         });
         t.dispatchEvent(S);
         const C = new CustomEvent("activate-cell", {
@@ -1008,10 +1012,10 @@ function yt(t, e) {
       default:
         return;
     }
-    $(t);
+    W(t);
   }
 }
-function $(t, e) {
+function W(t, e) {
   if (t._virtualization?.enabled) {
     const { rowHeight: s, container: l, viewportEl: a } = t._virtualization, c = l, d = a?.clientHeight ?? c?.clientHeight ?? 0;
     if (c && d > 0) {
@@ -1020,7 +1024,7 @@ function $(t, e) {
     }
   }
   const o = t._activeEditRows !== void 0 && t._activeEditRows !== -1;
-  o || t.refreshVirtualWindow(!1), fe(t._bodyEl), Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((s) => {
+  o || t.refreshVirtualWindow(!1), we(t._bodyEl), Array.from(t._bodyEl.querySelectorAll('[aria-selected="true"]')).forEach((s) => {
     s.setAttribute("aria-selected", "false");
   });
   const n = t._focusRow, i = t._virtualization.start ?? 0, r = t._virtualization.end ?? t._rows.length;
@@ -1030,7 +1034,7 @@ function $(t, e) {
     if ((!l || !l.classList?.contains("cell")) && (l = s?.querySelector(`.cell[data-col="${t._focusCol}"]`) ?? s?.querySelector(".cell[data-col]")), l) {
       l.classList.add("cell-focus"), l.setAttribute("aria-selected", "true");
       const a = t.querySelector(".tbw-scroll-area");
-      if (a && l && !o)
+      if (a && l && (!o || e?.forceHorizontalScroll))
         if (e?.forceScrollLeft)
           a.scrollLeft = 0;
         else if (e?.forceScrollRight)
@@ -1043,7 +1047,7 @@ function $(t, e) {
           }
         }
       if (t._activeEditRows !== void 0 && t._activeEditRows !== -1 && l.classList.contains("editing")) {
-        const c = l.querySelector(Ue);
+        const c = l.querySelector(Ge);
         if (c && document.activeElement !== c)
           try {
             c.focus({ preventScroll: !0 });
@@ -1059,12 +1063,12 @@ function $(t, e) {
     }
   }
 }
-const oe = /* @__PURE__ */ new WeakMap();
-function _t(t, e) {
-  const o = We(e), n = wt(e);
-  o < 0 || n < 0 || (t._focusRow = o, t._focusCol = n, fe(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true"));
+const ne = /* @__PURE__ */ new WeakMap();
+function Rt(t, e) {
+  const o = Ue(e), n = vt(e);
+  o < 0 || n < 0 || (t._focusRow = o, t._focusCol = n, we(t._bodyEl), e.classList.add("cell-focus"), e.setAttribute("aria-selected", "true"));
 }
-function pe(t, e, o, n) {
+function be(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)) {
@@ -1088,72 +1092,72 @@ function pe(t, e, o, n) {
     cell: c !== void 0 && d !== void 0 && c >= 0 && d >= 0 ? { row: c, col: d } : void 0
   };
 }
-function Et(t, e, o) {
-  const n = pe(t, e, o, "mousedown");
-  (t._dispatchCellMouseDown?.(n) ?? !1) && oe.set(t, !0);
+function xt(t, e, o) {
+  const n = be(t, e, o, "mousedown");
+  (t._dispatchCellMouseDown?.(n) ?? !1) && ne.set(t, !0);
 }
-function St(t, e, o) {
-  if (!oe.get(t)) return;
-  const n = pe(t, e, o, "mousemove");
+function At(t, e, o) {
+  if (!ne.get(t)) return;
+  const n = be(t, e, o, "mousemove");
   t._dispatchCellMouseMove?.(n);
 }
-function Rt(t, e, o) {
-  if (!oe.get(t)) return;
-  const n = pe(t, e, o, "mouseup");
-  t._dispatchCellMouseUp?.(n), oe.set(t, !1);
+function Tt(t, e, o) {
+  if (!ne.get(t)) return;
+  const n = be(t, e, o, "mouseup");
+  t._dispatchCellMouseUp?.(n), ne.set(t, !1);
 }
-function xt(t, e, o) {
+function Pt(t, e, o) {
   e.addEventListener(
     "mousedown",
     (n) => {
       const i = n.target.closest(".cell[data-col]");
-      i && (i.classList.contains("editing") || _t(t, i));
+      i && (i.classList.contains("editing") || Rt(t, i));
     },
     { signal: o }
   ), e.addEventListener(
     "click",
     (n) => {
       const i = n.target.closest(".data-grid-row");
-      i && Ee(t, n, i);
+      i && Re(t, n, i);
     },
     { signal: o }
   ), e.addEventListener(
     "dblclick",
     (n) => {
       const i = n.target.closest(".data-grid-row");
-      i && Ee(t, n, i);
+      i && Re(t, n, i);
     },
     { signal: o }
   );
 }
-function At(t, e, o, n) {
-  e.addEventListener("keydown", (i) => yt(t, i), { signal: n }), o.addEventListener("mousedown", (i) => Et(t, o, i), { signal: n }), document.addEventListener("mousemove", (i) => St(t, o, i), { signal: n }), document.addEventListener("mouseup", (i) => Rt(t, o, i), { signal: n });
+function Lt(t, e, o, n) {
+  e.addEventListener("keydown", (i) => St(t, i), { signal: n }), o.addEventListener("mousedown", (i) => xt(t, o, i), { signal: n }), document.addEventListener("mousemove", (i) => At(t, o, i), { signal: n }), document.addEventListener("mouseup", (i) => Tt(t, o, i), { signal: n });
 }
-function Tt(t, e) {
+function Ht(t, e) {
   return t == null && e == null ? 0 : t == null ? -1 : e == null || t > e ? 1 : t < e ? -1 : 0;
 }
-function Pt(t, e, o) {
-  const i = o.find((l) => l.field === e.field)?.sortComparator ?? Tt, { field: r, direction: s } = e;
+function Dt(t, e, o) {
+  const i = o.find((l) => l.field === e.field)?.sortComparator ?? Ht, { field: r, direction: s } = e;
   return [...t].sort((l, a) => i(l[r], a[r], l, a) * s);
 }
-function Se(t, e, o, n) {
-  t._rows = e, t.__rowRenderEpoch++, t._rowPool.forEach((i) => i.__epoch = -1), ne(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
+function xe(t, e, o, n) {
+  t._rows = e, t.__rowRenderEpoch++, t._rowPool.forEach((i) => i.__epoch = -1), ie(t), t.refreshVirtualWindow(!0), t.dispatchEvent(
     new CustomEvent("sort-change", { detail: { field: o.field, direction: n } })
   ), t.requestStateChange?.();
 }
-function Re(t, e) {
-  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), xe(t, e, 1)) : t._sortState.direction === 1 ? xe(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), t._rows = t.__originalOrder.slice(), ne(t), t._headerRowEl?.querySelectorAll('[role="columnheader"].sortable')?.forEach((n) => {
+function Ae(t, e) {
+  !t._sortState || t._sortState.field !== e.field ? (t._sortState || (t.__originalOrder = t._rows.slice()), Te(t, e, 1)) : t._sortState.direction === 1 ? Te(t, e, -1) : (t._sortState = null, t.__rowRenderEpoch++, t._rowPool.forEach((n) => n.__epoch = -1), t._rows = t.__originalOrder.slice(), ie(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 xe(t, e, o) {
+function Te(t, e, o) {
   t._sortState = { field: e.field, direction: o };
-  const n = { field: e.field, direction: o }, i = t._columns, s = (t.effectiveConfig?.sortHandler ?? Pt)(t._rows, n, i);
+  const n = { field: e.field, direction: o }, i = t._columns, s = (t.effectiveConfig?.sortHandler ?? Dt)(t._rows, n, i);
   s && typeof s.then == "function" ? s.then((l) => {
-    Se(t, l, e, o);
-  }) : Se(t, s, e, o);
+    xe(t, l, e, o);
+  }) : xe(t, s, e, o);
 }
 function U(t, e) {
   return t.effectiveConfig?.sortable !== !1 && e.sortable === !0;
@@ -1161,14 +1165,14 @@ function U(t, e) {
 function K(t, e) {
   return t.effectiveConfig?.resizable !== !1 && e.resizable !== !1;
 }
-function Lt(t, e) {
+function Ot(t, e) {
   typeof e == "string" ? t.textContent = e : e instanceof HTMLElement && (t.innerHTML = "", t.appendChild(e.cloneNode(!0)));
 }
 function Q(t, e) {
   const o = document.createElement("span");
-  ke(o, "sort-indicator");
-  const n = t._sortState?.field === e.field ? t._sortState.direction : 0, i = { ...k, ...t.icons }, r = n === 1 ? i.sortAsc : n === -1 ? i.sortDesc : i.sortNone;
-  return Lt(o, r), o;
+  qe(o, "sort-indicator");
+  const n = t._sortState?.field === e.field ? t._sortState.direction : 0, i = { ...M, ...t.icons }, r = n === 1 ? i.sortAsc : n === -1 ? i.sortDesc : i.sortNone;
+  return Ot(o, r), o;
 }
 function Z(t, e, o) {
   const n = document.createElement("div");
@@ -1182,15 +1186,15 @@ function J(t, e, o, n) {
   n.classList.add("sortable"), n.tabIndex = 0;
   const i = t._sortState?.field === e.field ? t._sortState.direction : 0;
   n.setAttribute("aria-sort", i === 0 ? "none" : i === 1 ? "ascending" : "descending"), n.addEventListener("click", (r) => {
-    t._resizeController?.isResizing || t._dispatchHeaderClick?.(r, o, n) || Re(t, e);
+    t._resizeController?.isResizing || t._dispatchHeaderClick?.(r, o, n) || Ae(t, e);
   }), n.addEventListener("keydown", (r) => {
     if (r.key === "Enter" || r.key === " ") {
       if (r.preventDefault(), t._dispatchHeaderClick?.(r, o, n)) return;
-      Re(t, e);
+      Ae(t, e);
     }
   });
 }
-function Ht(t, e) {
+function zt(t, e) {
   if (e != null)
     if (typeof e == "string") {
       const o = document.createElement("span");
@@ -1198,12 +1202,12 @@ function Ht(t, e) {
         t.appendChild(o.firstChild);
     } else e instanceof Node && t.appendChild(e);
 }
-function ne(t) {
+function ie(t) {
   t._headerRowEl = t.findHeaderRow();
   const e = t._headerRowEl;
   e && (e.innerHTML = "", t._visibleColumns.forEach((o, n) => {
     const i = document.createElement("div");
-    i.className = "cell", ke(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", qe(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.header ?? o.field, s = t._sortState?.field === o.field ? t._sortState.direction : 0, l = s === 1 ? "asc" : s === -1 ? "desc" : null;
     if (o.headerRenderer) {
       const a = {
@@ -1215,7 +1219,7 @@ function ne(t) {
         renderSortIcon: () => U(t, o) ? Q(t, o) : null,
         renderFilterButton: () => null
       }, c = o.headerRenderer(a);
-      Ht(i, c), U(t, o) && J(t, o, n, i), K(t, o) && (i.classList.add("resizable"), i.appendChild(Z(t, n, i)));
+      zt(i, c), U(t, o) && J(t, o, n, i), K(t, o) && (i.classList.add("resizable"), i.appendChild(Z(t, n, i)));
     } else if (o.headerLabelRenderer) {
       const a = {
         column: o,
@@ -1233,9 +1237,9 @@ function ne(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 Ge = typeof requestIdleCallback == "function";
-function Dt(t, e) {
-  return Ge ? requestIdleCallback(t, e) : window.setTimeout(() => {
+const je = typeof requestIdleCallback == "function";
+function Mt(t, e) {
+  return je ? requestIdleCallback(t, e) : window.setTimeout(() => {
     const o = Date.now();
     t({
       didTimeout: !1,
@@ -1243,11 +1247,42 @@ function Dt(t, e) {
     });
   }, 1);
 }
-function Ae(t) {
-  Ge ? cancelIdleCallback(t) : clearTimeout(t);
+function Pe(t) {
+  je ? cancelIdleCallback(t) : clearTimeout(t);
+}
+function kt(t) {
+  const e = document.createElement("div");
+  return e.className = `tbw-spinner tbw-spinner--${t}`, e.setAttribute("role", "progressbar"), e.setAttribute("aria-label", "Loading"), e;
+}
+function Nt(t, e) {
+  if (e) {
+    const n = e({ size: t });
+    if (typeof n == "string") {
+      const i = document.createElement("div");
+      return i.innerHTML = n, i;
+    }
+    return n;
+  }
+  return kt(t);
+}
+function It(t) {
+  const e = document.createElement("div");
+  return e.className = "tbw-loading-overlay", e.setAttribute("role", "status"), e.setAttribute("aria-live", "polite"), e.appendChild(Nt("large", t)), e;
+}
+function qt(t, e) {
+  t.appendChild(e);
+}
+function $t(t) {
+  t?.remove();
+}
+function Wt(t, e) {
+  e ? (t.classList.add("tbw-row-loading"), t.setAttribute("aria-busy", "true")) : (t.classList.remove("tbw-row-loading"), t.removeAttribute("aria-busy"));
+}
+function Ft(t, e) {
+  e ? (t.classList.add("tbw-cell-loading"), t.setAttribute("aria-busy", "true")) : (t.classList.remove("tbw-cell-loading"), t.removeAttribute("aria-busy"));
 }
 var T = ((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))(T || {});
-class Ot {
+class Ut {
   #l;
   #i = 0;
   #u = 0;
@@ -1259,7 +1294,7 @@ class Ot {
     this.#l = e;
   }
   requestPhase(e, o) {
-    e > this.#i && (this.#i = e), this.#u === 0 && (this.#f(), this.#u = requestAnimationFrame(() => this.#g()));
+    e > this.#i && (this.#i = e), this.#u === 0 && (this.#f(), this.#u = requestAnimationFrame(() => this.#p()));
   }
   whenReady() {
     return this.#d ? this.#d : Promise.resolve();
@@ -1281,7 +1316,7 @@ class Ot {
       this.#h = e;
     }));
   }
-  #g() {
+  #p() {
     if (this.#u = 0, !this.#l.isConnected()) {
       this.#i = 0, this.#h && (this.#h(), this.#h = null, this.#d = null);
       return;
@@ -1290,7 +1325,7 @@ class Ot {
     this.#i = 0, e >= 5 && this.#l.mergeConfig(), e >= 4 && this.#l.processRows(), e >= 5 && (this.#l.processColumns(), this.#l.updateTemplate()), e >= 3 && this.#l.renderHeader(), e >= 2 && this.#l.renderVirtualWindow(), e >= 1 && this.#l.afterRender(), !this.#n && this.#a && (this.#n = !0, this.#a()), this.#h && (this.#h(), this.#h = null, this.#d = null);
   }
 }
-function Te(t) {
+function Le(t) {
   let e = null, o = null, n = null, i = null;
   const r = (a) => {
     if (!e) return;
@@ -1328,53 +1363,53 @@ function Te(t) {
     }
   };
 }
-const ae = "data-animating", Mt = {
+const ce = "data-animating", Vt = {
   change: "--tbw-row-change-duration",
   insert: "--tbw-row-insert-duration",
   remove: "--tbw-row-remove-duration"
-}, zt = {
+}, Bt = {
   change: 500,
   insert: 300,
   remove: 200
 };
-function kt(t) {
+function Gt(t) {
   const e = t.trim().toLowerCase();
   return e.endsWith("ms") ? parseFloat(e) : e.endsWith("s") ? parseFloat(e) * 1e3 : parseFloat(e);
 }
-function Nt(t, e) {
-  const o = Mt[e], n = getComputedStyle(t).getPropertyValue(o);
+function Xt(t, e) {
+  const o = Vt[e], n = getComputedStyle(t).getPropertyValue(o);
   if (n) {
-    const i = kt(n);
+    const i = Gt(n);
     if (!isNaN(i) && i > 0)
       return i;
   }
-  return zt[e];
+  return Bt[e];
 }
-function It(t, e, o) {
-  t.removeAttribute(ae), t.offsetWidth, t.setAttribute(ae, e);
-  const n = Nt(t, e);
+function Yt(t, e, o) {
+  t.removeAttribute(ce), t.offsetWidth, t.setAttribute(ce, e);
+  const n = Xt(t, e);
   setTimeout(() => {
-    e !== "remove" && t.removeAttribute(ae);
+    e !== "remove" && t.removeAttribute(ce);
   }, n);
 }
-function ge(t, e, o) {
+function me(t, e, o) {
   if (e < 0)
     return !1;
   const n = t.findRenderedRowElement?.(e);
-  return n ? (It(n, o), !0) : !1;
+  return n ? (Yt(n, o), !0) : !1;
 }
-function qt(t, e, o) {
+function jt(t, e, o) {
   let n = 0;
   for (const i of e)
-    ge(t, i, o) && n++;
+    me(t, i, o) && n++;
   return n;
 }
-function Wt(t, e, o) {
+function Kt(t, e, o) {
   const n = t._rows ?? [], i = t.getRowId;
   if (!i)
     return !1;
   const r = n.findIndex((s) => i(s) === e);
-  return r < 0 ? !1 : ge(t, r, o);
+  return r < 0 ? !1 : me(t, r, o);
 }
 function ee(t, e, o) {
   const n = document.createElement(t);
@@ -1385,7 +1420,7 @@ function ee(t, e, o) {
     }
   return n;
 }
-function H(t, e) {
+function L(t, e) {
   const o = document.createElement("div");
   if (t && (o.className = t), e)
     for (const n in e) {
@@ -1394,7 +1429,7 @@ function H(t, e) {
     }
   return o;
 }
-function Xe(t, e, o) {
+function Ke(t, e, o) {
   const n = document.createElement("button");
   if (t && (n.className = t), e)
     for (const i in e) {
@@ -1403,8 +1438,8 @@ function Xe(t, e, o) {
     }
   return n;
 }
-const Ye = document.createElement("template");
-Ye.innerHTML = `
+const Qe = document.createElement("template");
+Qe.innerHTML = `
   <div class="tbw-scroll-area">
     <div class="rows-body-wrapper">
       <div class="rows-body" role="grid">
@@ -1423,38 +1458,38 @@ Ye.innerHTML = `
     <div class="faux-vscroll-spacer"></div>
   </div>
 `;
-function je() {
-  return Ye.content.cloneNode(!0);
+function Ze() {
+  return Qe.content.cloneNode(!0);
 }
-function Pe(t) {
-  const e = document.createDocumentFragment(), o = H(t.hasShell ? "tbw-grid-root has-shell" : "tbw-grid-root");
+function He(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 = H("tbw-grid-content");
-    n.appendChild(je()), o.appendChild(n);
+    const n = L("tbw-grid-content");
+    n.appendChild(Ze()), o.appendChild(n);
   }
   return e.appendChild(o), e;
 }
-function $t(t) {
-  const e = H("tbw-shell-header", { part: "shell-header", role: "presentation" });
+function Qt(t) {
+  const e = L("tbw-shell-header", { part: "shell-header", role: "presentation" });
   if (t.title) {
-    const r = H("tbw-shell-title");
+    const r = L("tbw-shell-title");
     r.textContent = t.title, e.appendChild(r);
   }
-  const o = H("tbw-shell-content", {
+  const o = L("tbw-shell-content", {
     part: "shell-content",
     role: "presentation",
     "data-light-dom-header-content": ""
   });
   e.appendChild(o);
-  const n = H("tbw-shell-toolbar", { part: "shell-toolbar", role: "presentation" });
+  const n = L("tbw-shell-toolbar", { part: "shell-toolbar", role: "presentation" });
   for (const r of t.configButtons)
-    r.hasRender && n.appendChild(H("tbw-toolbar-content-slot", { "data-toolbar-content": r.id }));
+    r.hasRender && n.appendChild(L("tbw-toolbar-content-slot", { "data-toolbar-content": r.id }));
   for (const r of t.apiButtons)
-    r.hasRender && n.appendChild(H("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(H("tbw-toolbar-separator")), t.hasPanels) {
-    const r = Xe(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
+    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 = Ke(t.isPanelOpen ? "tbw-toolbar-btn active" : "tbw-toolbar-btn", {
       "data-panel-toggle": "",
       title: "Settings",
       "aria-label": "Toggle settings panel",
@@ -1465,9 +1500,9 @@ function $t(t) {
   }
   return e.appendChild(n), e;
 }
-function Ft(t) {
-  const e = H("tbw-shell-body"), o = t.panels.length > 0, n = t.panels.length === 1, i = H("tbw-grid-content");
-  i.appendChild(je());
+function Zt(t) {
+  const e = L("tbw-shell-body"), o = t.panels.length > 0, n = t.panels.length === 1, i = L("tbw-grid-content");
+  i.appendChild(Ze());
   let r = null;
   if (o) {
     r = ee("aside", {
@@ -1479,15 +1514,15 @@ function Ft(t) {
     });
     const s = t.position === "left" ? "right" : "left";
     r.appendChild(
-      H("tbw-tool-panel-resize", {
+      L("tbw-tool-panel-resize", {
         "data-resize-handle": "",
         "data-handle-position": s,
         "aria-hidden": "true"
       })
     );
-    const l = H("tbw-tool-panel-content", { role: "presentation" }), a = H("tbw-accordion");
+    const l = L("tbw-tool-panel-content", { role: "presentation" }), a = L("tbw-accordion");
     for (const c of t.panels) {
-      const d = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${n ? " single" : ""}`, u = H(d, { "data-section": c.id }), p = Xe("tbw-accordion-header", {
+      const d = `tbw-accordion-section${c.isExpanded ? " expanded" : ""}${n ? " single" : ""}`, u = L(d, { "data-section": c.id }), p = Ke("tbw-accordion-header", {
         "aria-expanded": String(c.isExpanded),
         "aria-controls": `tbw-section-${c.id}`
       });
@@ -1501,7 +1536,7 @@ function Ft(t) {
         g.innerHTML = c.isExpanded ? t.collapseIcon : t.expandIcon, p.appendChild(g);
       }
       u.appendChild(p), u.appendChild(
-        H("tbw-accordion-content", {
+        L("tbw-accordion-content", {
           id: `tbw-section-${c.id}`,
           role: "presentation"
         })
@@ -1514,7 +1549,7 @@ function Ft(t) {
 function N(t) {
   return t ? typeof t == "string" ? t : t.outerHTML : "";
 }
-function Ut() {
+function Jt() {
   return {
     toolPanels: /* @__PURE__ */ new Map(),
     headerContents: /* @__PURE__ */ new Map(),
@@ -1533,10 +1568,10 @@ function Ut() {
     lightDomContentMoved: !1
   };
 }
-function Ke(t) {
+function Je(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 = "☰") {
+function De(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((h) => h.id)), c = [...s];
   for (const h of l)
     a.has(h.id) || c.push(h);
@@ -1550,7 +1585,7 @@ function Le(t, e, o = "☰") {
   }
   return `
     <div class="tbw-shell-header" part="shell-header" role="presentation">
-      ${i ? `<div class="tbw-shell-title">${st(n)}</div>` : ""}
+      ${i ? `<div class="tbw-shell-title">${ct(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}
@@ -1584,7 +1619,7 @@ function q(t, e, o) {
   };
   e.toolbarContents.set(i, r), e.lightDomToolbarContentIds.add(i), n.style.display = "none";
 }
-function W(t, e, o) {
+function $(t, e, o) {
   t.querySelectorAll(":scope > tbw-grid-tool-panel").forEach((i) => {
     const r = i, s = r.getAttribute("id"), l = r.getAttribute("title");
     if (!s || !l) {
@@ -1601,8 +1636,8 @@ function W(t, e, o) {
     else {
       const h = r.innerHTML.trim();
       u = (w) => {
-        const b = document.createElement("div");
-        return b.innerHTML = h, w.appendChild(b), () => b.remove();
+        const v = document.createElement("div");
+        return v.innerHTML = h, w.appendChild(v), () => v.remove();
       };
     }
     const f = e.toolPanels.get(s);
@@ -1625,7 +1660,7 @@ function W(t, e, o) {
     e.toolPanels.set(s, g), e.lightDomToolPanelIds.add(s), r.style.display = "none";
   });
 }
-function Vt(t, e, o, n) {
+function eo(t, e, o, n) {
   const i = t.querySelector(".tbw-shell-toolbar");
   i && i.addEventListener("click", (s) => {
     if (s.target.closest("[data-panel-toggle]")) {
@@ -1642,7 +1677,7 @@ function Vt(t, e, o, n) {
     }
   });
 }
-function Bt(t, e, o) {
+function to(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 () => {
@@ -1652,8 +1687,8 @@ function Bt(t, e, o) {
   const p = (h) => {
     if (!u) return;
     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`;
+    const w = s === "left" ? h.clientX - a : a - h.clientX, v = Math.min(d, Math.max(l, c + w));
+    n.style.width = `${v}px`;
   }, f = () => {
     if (!u) return;
     u = !1, i.classList.remove("resizing"), n.style.transition = "", document.body.style.cursor = "", document.body.style.userSelect = "";
@@ -1666,7 +1701,7 @@ function Bt(t, e, o) {
     i.removeEventListener("mousedown", g), document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", f);
   };
 }
-function He(t, e, o) {
+function Oe(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);
@@ -1678,7 +1713,7 @@ function He(t, e, o) {
     c && o.toolbarContentCleanups.set(l.id, c);
   }
 }
-function he(t, e) {
+function ue(t, e) {
   const o = e.lightDomHeaderContent.length > 0 && !e.lightDomContentMoved, n = e.headerContents.size > 0;
   if (!o && !n) return;
   const i = t.querySelector(".tbw-shell-content");
@@ -1698,9 +1733,9 @@ function he(t, e) {
     c && e.headerContentCleanups.set(s.id, c);
   }
 }
-function Gt(t, e, o) {
+function oo(t, e, o) {
   if (!e.isPanelOpen) return;
-  const n = N(o?.expand ?? k.expand), i = N(o?.collapse ?? k.collapse);
+  const n = N(o?.expand ?? M.expand), i = N(o?.collapse ?? M.collapse);
   for (const [r, s] of e.toolPanels) {
     const l = e.expandedSections.has(r), a = t.querySelector(`[data-section="${r}"]`), c = a?.querySelector(".tbw-accordion-content");
     if (!a || !c) continue;
@@ -1719,15 +1754,15 @@ function Gt(t, e, o) {
     }
   }
 }
-function De(t, e) {
+function ze(t, e) {
   const o = t.querySelector("[data-panel-toggle]");
   o && (o.classList.toggle("active", e.isPanelOpen), o.setAttribute("aria-pressed", String(e.isPanelOpen)));
 }
-function Oe(t, e) {
+function Me(t, e) {
   const o = t.querySelector(".tbw-tool-panel");
   o && (o.classList.toggle("open", e.isPanelOpen), e.isPanelOpen || (o.style.width = ""));
 }
-function Xt(t) {
+function no(t) {
   for (const e of t.headerContentCleanups.values())
     e();
   t.headerContentCleanups.clear();
@@ -1744,7 +1779,7 @@ function Xt(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 Yt(t, e) {
+function io(t, e) {
   let o = !1;
   const n = {
     get isInitialized() {
@@ -1773,7 +1808,7 @@ function Yt(t, e) {
         s && t.expandedSections.add(s.id);
       }
       const i = e.getShadow();
-      De(i, t), Oe(i, t), Gt(i, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: n.expandedSections });
+      ze(i, t), Me(i, t), oo(i, t, e.getAccordionIcons()), e.emit("tool-panel-open", { sections: n.expandedSections });
     },
     closeToolPanel() {
       if (!t.isPanelOpen) return;
@@ -1784,7 +1819,7 @@ function Yt(t, e) {
         r.onClose?.();
       t.isPanelOpen = !1;
       const i = e.getShadow();
-      De(i, t), Oe(i, t), e.emit("tool-panel-close", {});
+      ze(i, t), Me(i, t), e.emit("tool-panel-close", {});
     },
     toggleToolPanel() {
       t.isPanelOpen ? n.closeToolPanel() : n.openToolPanel();
@@ -1800,16 +1835,16 @@ function Yt(t, e) {
       const s = e.getShadow(), l = t.expandedSections.has(i);
       if (l) {
         const a = t.panelCleanups.get(i);
-        a && (a(), t.panelCleanups.delete(i)), r.onClose?.(), t.expandedSections.delete(i), ce(s, i, !1);
+        a && (a(), t.panelCleanups.delete(i)), r.onClose?.(), t.expandedSections.delete(i), de(s, i, !1);
       } else {
         for (const [a, c] of t.toolPanels)
           if (a !== i && t.expandedSections.has(a)) {
             const d = t.panelCleanups.get(a);
-            d && (d(), t.panelCleanups.delete(a)), c.onClose?.(), t.expandedSections.delete(a), ce(s, a, !1);
+            d && (d(), t.panelCleanups.delete(a)), c.onClose?.(), t.expandedSections.delete(a), de(s, a, !1);
             const u = s.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
             u && (u.innerHTML = "");
           }
-        t.expandedSections.add(i), ce(s, i, !0), jt(s, t, i);
+        t.expandedSections.add(i), de(s, i, !0), ro(s, t, i);
       }
       e.emit("tool-panel-section-toggle", { id: i, expanded: !l });
     },
@@ -1838,7 +1873,7 @@ function Yt(t, e) {
         console.warn(`[tbw-grid] Header content "${i.id}" already registered`);
         return;
       }
-      t.headerContents.set(i.id, i), o && he(e.getShadow(), t);
+      t.headerContents.set(i.id, i), o && ue(e.getShadow(), t);
     },
     unregisterHeaderContent(i) {
       const r = t.headerContentCleanups.get(i);
@@ -1863,11 +1898,11 @@ function Yt(t, e) {
   };
   return n;
 }
-function ce(t, e, o) {
+function de(t, e, o) {
   const n = t.querySelector(`[data-section="${e}"]`);
   n && n.classList.toggle("expanded", o);
 }
-function jt(t, e, o) {
+function ro(t, e, o) {
   const n = e.toolPanels.get(o);
   if (!n?.render) return;
   const i = t.querySelector(`[data-section="${o}"] .tbw-accordion-content`);
@@ -1875,8 +1910,8 @@ function jt(t, e, o) {
   const r = n.render(i);
   r && e.panelCleanups.set(o, r);
 }
-function Kt(t, e, o, n) {
-  const i = Ke(e), r = [], s = [
+function so(t, e, o, n) {
+  const i = Je(e), r = [], s = [
     "tbw-grid-header",
     "tbw-grid-tool-buttons",
     "tbw-grid-tool-panel",
@@ -1890,7 +1925,7 @@ function Kt(t, e, o, n) {
   for (const l of r)
     t.appendChild(l);
   if (i) {
-    const l = N(n?.toolPanel ?? k.toolPanel), a = N(n?.expand ?? k.expand), c = N(n?.collapse ?? k.collapse), u = [...e?.header?.toolbarContents ?? []].sort((C, _) => (C.order ?? 0) - (_.order ?? 0)), f = [...e?.toolPanels ?? []].sort((C, _) => (C.order ?? 100) - (_.order ?? 100)), g = {
+    const l = N(n?.toolPanel ?? M.toolPanel), a = N(n?.expand ?? M.expand), c = N(n?.collapse ?? M.collapse), u = [...e?.header?.toolbarContents ?? []].sort((C, _) => (C.order ?? 0) - (_.order ?? 0)), f = [...e?.toolPanels ?? []].sort((C, _) => (C.order ?? 100) - (_.order ?? 100)), g = {
       title: e?.header?.title ?? void 0,
       hasPanels: f.length > 0,
       isPanelOpen: o.isPanelOpen,
@@ -1912,19 +1947,71 @@ function Kt(t, e, o, n) {
         icon: N(C.icon),
         isExpanded: o.expandedSections.has(C.id)
       }))
-    }, w = $t(g), b = Ft(h), S = Pe({
+    }, w = Qt(g), v = Zt(h), S = He({
       hasShell: !0,
       shellHeader: w,
-      shellBody: b
+      shellBody: v
     });
     t.appendChild(S);
   } else {
-    const l = Pe({ hasShell: !1 });
+    const l = He({ hasShell: !1 });
     t.appendChild(l);
   }
   return i;
 }
-function Qt() {
+const ke = "tbw-grid-styles";
+let oe = "";
+const fe = /* @__PURE__ */ new Map();
+function lo() {
+  let t = document.getElementById(ke);
+  return t || (t = document.createElement("style"), t.id = ke, t.setAttribute("data-tbw-grid", "true"), document.head.appendChild(t)), t;
+}
+function pe() {
+  const t = lo(), e = Array.from(fe.values()).join(`
+`);
+  t.textContent = `${oe}
+
+/* Plugin Styles */
+${e}`;
+}
+function ao(t) {
+  let e = !1;
+  for (const { name: o, styles: n } of t)
+    fe.has(o) || (fe.set(o, n), e = !0);
+  return e && pe(), e;
+}
+function co() {
+  try {
+    for (const t of Array.from(document.styleSheets))
+      try {
+        const o = Array.from(t.cssRules || []).map((n) => n.cssText).join(`
+`);
+        if (o.includes(".tbw-grid-root") && o.includes("tbw-grid"))
+          return o;
+      } catch {
+        continue;
+      }
+  } catch (t) {
+    console.warn("[tbw-grid] Failed to extract grid.css from document stylesheets:", t);
+  }
+  return null;
+}
+async function ho(t) {
+  if (oe)
+    return;
+  if (typeof t == "string" && t.length > 0) {
+    oe = t, pe();
+    return;
+  }
+  await new Promise((o) => setTimeout(o, 50));
+  const e = co();
+  e ? (oe = e, pe()) : (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)")
+  );
+}
+function uo() {
   return {
     startY: null,
     startX: null,
@@ -1938,19 +2025,19 @@ function Qt() {
     momentumRaf: 0
   };
 }
-function Zt(t) {
+function fo(t) {
   t.startY = null, t.startX = null, t.scrollTop = null, t.scrollLeft = null, t.lastY = null, t.lastX = null, t.lastTime = null;
 }
-function Qe(t) {
+function et(t) {
   t.momentumRaf && (cancelAnimationFrame(t.momentumRaf), t.momentumRaf = 0);
 }
-function Jt(t, e, o) {
+function po(t, e, o) {
   if (t.touches.length !== 1) return;
-  Qe(e);
+  et(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 eo(t, e, o) {
+function go(t, e, o) {
   if (t.touches.length !== 1 || e.startY === null || e.startX === null || e.scrollTop === null || e.scrollLeft === null)
     return !1;
   const n = t.touches[0], i = n.clientY, r = n.clientX, s = performance.now(), l = e.startY - i, a = e.startX - r;
@@ -1962,15 +2049,15 @@ function eo(t, e, o) {
   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: h, scrollWidth: w, clientWidth: b } = o.scrollArea, S = w - b;
+    const { scrollLeft: h, scrollWidth: w, clientWidth: v } = o.scrollArea, S = w - v;
     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;
 }
-function to(t, e) {
-  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && oo(t, e), Zt(t);
+function wo(t, e) {
+  (Math.abs(t.velocityY) > 0.1 || Math.abs(t.velocityX) > 0.1) && bo(t, e), fo(t);
 }
-function oo(t, e) {
+function bo(t, e) {
   const i = () => {
     t.velocityY *= 0.95, t.velocityX *= 0.95;
     const r = t.velocityY * 16, s = t.velocityX * 16;
@@ -1978,19 +2065,19 @@ function oo(t, e) {
   };
   t.momentumRaf = requestAnimationFrame(i);
 }
-function no(t, e, o, n) {
-  t.addEventListener("touchstart", (i) => Jt(i, e, o), {
+function mo(t, e, o, n) {
+  t.addEventListener("touchstart", (i) => po(i, e, o), {
     passive: !0,
     signal: n
   }), t.addEventListener(
     "touchmove",
     (i) => {
-      eo(i, e, o) && i.preventDefault();
+      go(i, e, o) && i.preventDefault();
     },
     { passive: !1, signal: n }
-  ), t.addEventListener("touchend", () => to(e, o), { passive: !0, signal: n });
+  ), t.addEventListener("touchend", () => wo(e, o), { passive: !0, signal: n });
 }
-const io = [
+const vo = [
   {
     property: "editable",
     pluginName: "editing",
@@ -2028,7 +2115,7 @@ const io = [
     importHint: "import { PinnedColumnsPlugin } from '@toolbox-web/grid/plugins/pinned-columns';",
     isUsed: (t) => t === "left" || t === "right" || t === "start" || t === "end"
   }
-], ro = [
+], Co = [
   {
     property: "columnGroups",
     pluginName: "groupingColumns",
@@ -2037,7 +2124,7 @@ const io = [
     importHint: "import { GroupingColumnsPlugin } from '@toolbox-web/grid/plugins/grouping-columns';",
     isUsed: (t) => Array.isArray(t) && t.length > 0
   }
-], so = {
+], yo = {
   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';",
@@ -2058,10 +2145,10 @@ const io = [
   serverSide: "import { ServerSidePlugin } from '@toolbox-web/grid/plugins/server-side';",
   columnVirtualization: "import { ColumnVirtualizationPlugin } from '@toolbox-web/grid/plugins/column-virtualization';"
 };
-function ue(t) {
-  return so[t] ?? `import { ${O(t)}Plugin } from '@toolbox-web/grid/plugins/${t}';`;
+function ge(t) {
+  return yo[t] ?? `import { ${D(t)}Plugin } from '@toolbox-web/grid/plugins/${t}';`;
 }
-function Ze() {
+function tt() {
   if (typeof window < "u" && window.location) {
     const t = window.location.hostname;
     if (t === "localhost" || t === "127.0.0.1" || t === "::1")
@@ -2069,14 +2156,14 @@ function Ze() {
   }
   return typeof process < "u" && process.env?.NODE_ENV !== "production";
 }
-function O(t) {
+function D(t) {
   return t.charAt(0).toUpperCase() + t.slice(1);
 }
-function Me(t, e) {
+function Ne(t, e) {
   return t.some((o) => o.name === e);
 }
-function lo(t, e) {
-  const o = io, n = ro, i = /* @__PURE__ */ new Map();
+function _o(t, e) {
+  const o = vo, n = Co, i = /* @__PURE__ */ new Map();
   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);
@@ -2084,16 +2171,16 @@ function lo(t, e) {
   }
   for (const l of n) {
     const a = t[l.property];
-    (l.isUsed ? l.isUsed(a) : a !== void 0) && !Me(e, l.pluginName) && r(l.pluginName, l.description, l.importHint ?? ue(l.pluginName), l.property, !0);
+    (l.isUsed ? l.isUsed(a) : a !== void 0) && !Ne(e, l.pluginName) && r(l.pluginName, l.description, l.importHint ?? ge(l.pluginName), l.property, !0);
   }
   const s = t.columns;
   if (s && s.length > 0)
     for (const l of s)
       for (const a of o) {
         const c = l[a.property];
-        if ((a.isUsed ? a.isUsed(c) : c !== void 0) && !Me(e, a.pluginName)) {
+        if ((a.isUsed ? a.isUsed(c) : c !== void 0) && !Ne(e, a.pluginName)) {
           const u = l.field || "<unknown>";
-          r(a.pluginName, a.description, a.importHint ?? ue(a.pluginName), u);
+          r(a.pluginName, a.description, a.importHint ?? ge(a.pluginName), u);
         }
       }
   if (i.size > 0) {
@@ -2126,7 +2213,7 @@ This validation helps catch misconfigurations early. The properties listed above
     );
   }
 }
-function ao(t) {
+function Eo(t) {
   const e = [], o = [];
   for (const n of t) {
     const r = n.constructor.manifest;
@@ -2134,12 +2221,12 @@ function ao(t) {
       for (const s of r.configRules) {
         const l = n.config;
         if (s.check(l)) {
-          const c = `${`[tbw-grid:${O(n.name)}Plugin]`} Configuration warning: ${s.message}`;
+          const c = `${`[tbw-grid:${D(n.name)}Plugin]`} Configuration warning: ${s.message}`;
           s.severity === "error" ? e.push(c) : o.push(c);
         }
       }
   }
-  if (o.length > 0 && Ze())
+  if (o.length > 0 && tt())
     for (const n of o)
       console.warn(n);
   if (e.length > 0)
@@ -2149,30 +2236,30 @@ ${e.join(`
 
 `)}`);
 }
-function co(t, e) {
+function So(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((d) => d.name === s)) {
-      const d = a ?? `${O(o)}Plugin requires ${O(s)}Plugin`, u = ue(s);
+      const d = a ?? `${D(o)}Plugin requires ${D(s)}Plugin`, u = ge(s);
       if (l)
         throw new Error(
           `[tbw-grid] Plugin dependency error:
 
 ${d}.
 
-  → Add the plugin to your gridConfig.plugins array BEFORE ${O(o)}Plugin:
+  → Add the plugin to your gridConfig.plugins array BEFORE ${D(o)}Plugin:
     ${u}
-    plugins: [new ${O(s)}Plugin(), new ${O(o)}Plugin()]`
+    plugins: [new ${D(s)}Plugin(), new ${D(o)}Plugin()]`
         );
       console.info(
-        `[tbw-grid] ${O(o)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
+        `[tbw-grid] ${D(o)}Plugin: Optional "${s}" plugin not found. Some features may be unavailable.`
       );
     }
   }
 }
-function ho(t) {
-  if (!Ze()) return;
+function Ro(t) {
+  if (!tt()) return;
   const e = new Set(t.map((n) => n.name)), o = /* @__PURE__ */ new Set();
   for (const n of t) {
     const r = n.constructor.manifest;
@@ -2184,7 +2271,7 @@ function ho(t) {
           o.add(l), console.warn(
             `[tbw-grid] Plugin incompatibility warning:
 
-${O(n.name)}Plugin and ${O(s.name)}Plugin are both loaded, but they are currently incompatible.
+${D(n.name)}Plugin and ${D(s.name)}Plugin are both loaded, but they are currently incompatible.
 
   → ${s.reason}
 
@@ -2194,7 +2281,7 @@ ${O(n.name)}Plugin and ${O(s.name)}Plugin are both loaded, but they are currentl
     }
   }
 }
-class uo {
+class xo {
   constructor(e) {
     this.grid = e;
   }
@@ -2213,7 +2300,7 @@ class uo {
       this.attach(o);
   }
   attach(e) {
-    if (co(e, this.plugins), this.pluginMap.set(e.constructor, e), this.plugins.push(e), e.cellRenderers)
+    if (So(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)
@@ -2454,9 +2541,38 @@ class uo {
     return e.sort((o, n) => (o.content.order ?? 0) - (n.content.order ?? 0));
   }
 }
-class L extends HTMLElement {
+const Ao = "@layer tbw-base{tbw-grid{.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}}}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-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)}}@keyframes tbw-spin{to{transform:rotate(360deg)}}@keyframes tbw-fade-in{0%{opacity:0}to{opacity:1}}", To = '@layer tbw-base{tbw-grid{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}.tbw-grid-root{position:relative;display:flex;flex-direction:column;height:100%;&.has-shell{display:flex;flex-direction:column;height:100%}&:has(.selected){user-select:none}}.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-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)}}}', Po = '@layer tbw-base{tbw-grid{.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}}}.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}}}}}', Lo = '@layer tbw-base{.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}.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}}}', Ho = "@layer tbw-base{@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}}}}", Do = "@layer tbw-base{tbw-grid{.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);align-content:center;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}}}", Oo = "@layer tbw-base{tbw-grid{.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}}}", zo = "@layer tbw-base{tbw-grid{.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}}}", Mo = "@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)}}", ko = `/**
+ * tbw-grid Light DOM Styles
+ *
+ * This stylesheet uses CSS nesting to scope all styles to the tbw-grid element.
+ * All selectors are automatically prefixed with \`tbw-grid\` for encapsulation.
+ *
+ * CSS Cascade Layers are used to control style priority:
+ * - tbw-base: Core grid styles (lowest priority)
+ * - tbw-plugins: Plugin styles (override base)
+ * - tbw-theme: Theme overrides (override plugins)
+ * - Unlayered CSS: User customizations (highest priority - always wins)
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@layer
+ */
+
+/* Declare layer order - earlier layers have lower priority */
+@layer tbw-base, tbw-plugins, tbw-theme;
+
+${Mo}
+${To}
+${Po}
+${Do}
+${Oo}
+${zo}
+${Lo}
+${Ao}
+${Ho}
+`;
+class k extends HTMLElement {
   static tagName = "tbw-grid";
-  static version = "1.10.0";
+  static version = "1.11.0";
   static #l = 0;
   static adapters = [];
   static registerAdapter(e) {
@@ -2482,24 +2598,24 @@ class L extends HTMLElement {
     return this.#t?.effective ?? {};
   }
   #f = !1;
-  #g = !1;
-  #m = {
+  #p = !1;
+  #b = {
     rows: !1,
     columns: !1,
     gridConfig: !1,
     fitMode: !1
   };
   #s;
-  #v = 0;
+  #m = 0;
   #r = null;
-  #w = !1;
-  #R;
-  #H = Qt();
-  #b;
+  #g = !1;
+  #x;
+  #D = uo();
+  #w;
   #C;
   #y;
-  #p;
-  #J = {
+  #v;
+  #_ = {
     scrollTop: 0,
     scrollLeft: 0,
     scrollHeight: 0,
@@ -2508,20 +2624,20 @@ class L extends HTMLElement {
     clientWidth: 0
   };
   #o;
-  #_;
+  #E;
   #M = !1;
-  #D;
-  #F;
   #O;
+  #F;
+  #z;
   #t;
-  #e = Ut();
+  #e = Jt();
   #c;
-  #z;
-  #k = !1;
-  #x = /* @__PURE__ */ new Set();
-  #A = /* @__PURE__ */ new Map();
-  #N;
-  #E = /* @__PURE__ */ new Map();
+  #k;
+  #N = !1;
+  #A = /* @__PURE__ */ new Set();
+  #T = /* @__PURE__ */ new Map();
+  #I;
+  #S = /* @__PURE__ */ new Map();
   _rows = [];
   #U = [];
   get _columns() {
@@ -2574,7 +2690,7 @@ class L extends HTMLElement {
   }
   set rows(e) {
     const o = this.#a;
-    this.#a = e, o !== e && this.#$("rows");
+    this.#a = e, o !== e && this.#W("rows");
   }
   get sourceRows() {
     return this.#a;
@@ -2584,84 +2700,84 @@ class L extends HTMLElement {
   }
   set columns(e) {
     const o = this.#t?.getColumns();
-    this.#t?.setColumns(e), o !== e && this.#$("columns");
+    this.#t?.setColumns(e), o !== e && this.#W("columns");
   }
   get gridConfig() {
     return this.#n;
   }
   set gridConfig(e) {
     const o = this.#t?.getGridConfig();
-    this.#t?.setGridConfig(e), o !== e && (this.#t.clearLightDomCache(), this.#$("gridConfig"));
+    this.#t?.setGridConfig(e), o !== e && (this.#t.clearLightDomCache(), this.#W("gridConfig"));
   }
   get fitMode() {
     return this.#n.fitMode ?? "stretch";
   }
   set fitMode(e) {
     const o = this.#t?.getFitMode();
-    this.#t?.setFitMode(e), o !== e && this.#$("fitMode");
+    this.#t?.setFitMode(e), o !== e && this.#W("fitMode");
   }
   get loading() {
-    return this.#k;
+    return this.#N;
   }
   set loading(e) {
-    const o = this.#k;
-    this.#k = e, e ? this.setAttribute("loading", "") : this.removeAttribute("loading"), o !== e && this.#Oe();
+    const o = this.#N;
+    this.#N = e, e ? this.setAttribute("loading", "") : this.removeAttribute("loading"), o !== e && this.#xe();
   }
   setRowLoading(e, o) {
-    const n = this.#x.has(e);
-    o ? this.#x.add(e) : this.#x.delete(e), n !== o && this.#fe(e, o);
+    const n = this.#A.has(e);
+    o ? this.#A.add(e) : this.#A.delete(e), n !== o && this.#ce(e, o);
   }
   setCellLoading(e, o, n) {
-    let i = this.#A.get(e);
+    let i = this.#T.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.#pe(e, o, n);
+    n ? (i || (i = /* @__PURE__ */ new Set(), this.#T.set(e, i)), i.add(o)) : (i?.delete(o), i?.size === 0 && this.#T.delete(e)), r !== n && this.#de(e, o, n);
   }
   isRowLoading(e) {
-    return this.#x.has(e);
+    return this.#A.has(e);
   }
   isCellLoading(e, o) {
-    return this.#A.get(e)?.has(o) ?? !1;
+    return this.#T.get(e)?.has(o) ?? !1;
   }
   clearAllLoading() {
     this.loading = !1;
-    for (const e of this.#x)
-      this.#fe(e, !1);
-    this.#x.clear();
-    for (const [e, o] of this.#A)
-      for (const n of o)
-        this.#pe(e, n, !1);
+    for (const e of this.#A)
+      this.#ce(e, !1);
     this.#A.clear();
+    for (const [e, o] of this.#T)
+      for (const n of o)
+        this.#de(e, n, !1);
+    this.#T.clear();
   }
   get effectiveConfig() {
     return this.#n;
   }
   get disconnectSignal() {
-    return this.#b || (this.#b = new AbortController()), this.#b.signal;
+    return this.#w || (this.#w = new AbortController()), this.#w.signal;
   }
   constructor() {
-    super(), this.#be(), this.#d = new Promise((e) => this.#h = e), this.#s = new Ot({
+    super(), this.#ue(), this.#d = new Promise((e) => this.#h = e), this.#s = new Ut({
       mergeConfig: () => {
-        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];
+        this.#t.parseLightDomColumns(this), this.#t.merge(), this.#Z(), _o(this.#n, this.#o?.getPlugins() ?? []), Eo(this.#o?.getPlugins() ?? []), Ro(this.#o?.getPlugins() ?? []), this.#Re(), this.#U = [...this._columns];
       },
-      processColumns: () => this.#Ae(),
-      processRows: () => this.#Te(),
-      renderHeader: () => ne(this),
+      processColumns: () => this.#_e(),
+      processRows: () => this.#Ee(),
+      renderHeader: () => ie(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.#ve();
+        this.#o?.afterRender(), this.#n.fitMode === "fixed" && !this.__didInitialAutoSize && (this.__didInitialAutoSize = !0, ye(this)), this._restoreFocusAfterRender && (this._restoreFocusAfterRender = !1, W(this)), this._virtualization.enabled && !this.#$ && this.#pe();
       },
       isConnected: () => this.isConnected && this.#f
-    }), this.#s.setInitialReadyResolver(() => this.#h?.()), this.#c = Yt(this.#e, {
+    }), this.#s.setInitialReadyResolver(() => this.#h?.()), this.#c = io(this.#e, {
       getShadow: () => this.#i,
       getShellConfig: () => this.#n?.shell,
       getAccordionIcons: () => ({
-        expand: this.#n?.icons?.expand ?? k.expand,
-        collapse: this.#n?.icons?.collapse ?? k.collapse
+        expand: this.#n?.icons?.expand ?? M.expand,
+        collapse: this.#n?.icons?.collapse ?? M.collapse
       }),
-      emit: (e, o) => this.#P(e, o),
+      emit: (e, o) => this.#L(e, o),
       refreshShellHeader: () => this.refreshShellHeader()
-    }), this.#t = new gt({
+    }), this.#t = new mt({
       getRows: () => this.#a,
       getSortState: () => this._sortState,
       setSortState: (e) => {
@@ -2670,19 +2786,19 @@ class L extends HTMLElement {
       onConfigChange: () => {
         this.#s.requestPhase(T.FULL, "configChange");
       },
-      emit: (e, o) => this.#P(e, o),
+      emit: (e, o) => this.#L(e, o),
       clearRowPool: () => {
         this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++;
       },
-      setup: () => this.#L(),
-      renderHeader: () => ne(this),
+      setup: () => this.#H(),
+      renderHeader: () => ie(this),
       updateTemplate: () => B(this),
       refreshVirtualWindow: () => this.#s.requestPhase(T.VIRTUALIZATION, "configManager"),
       getVirtualization: () => this._virtualization,
       setRowHeight: (e) => {
         this._virtualization.rowHeight = e;
       },
-      applyAnimationConfig: (e) => this.#Pe(e),
+      applyAnimationConfig: (e) => this.#Se(e),
       getShellLightDomTitle: () => this.#e.lightDomTitle,
       getShellToolPanels: () => this.#e.toolPanels,
       getShellHeaderContents: () => this.#e.headerContents,
@@ -2691,50 +2807,8 @@ class L extends HTMLElement {
       getShellHasToolButtonsContainer: () => this.#e.hasToolButtonsContainer
     });
   }
-  static #ee = "tbw-grid-styles";
-  static #I = "";
-  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 #B() {
-    const e = this.#we(), o = Array.from(this.#V.values()).join(`
-`);
-    e.textContent = `${this.#I}
-
-/* Plugin Styles */
-${o}`;
-  }
-  async #be() {
-    if (!L.#I) {
-      if (we.length > 0) {
-        L.#I = we, L.#B();
-        return;
-      }
-      await new Promise((e) => setTimeout(e, 50));
-      try {
-        let e = "";
-        for (const o of Array.from(document.styleSheets))
-          try {
-            const i = Array.from(o.cssRules || []).map((r) => r.cssText).join(`
-`);
-            if (i.includes(".tbw-grid-root") && i.includes("tbw-grid")) {
-              e = i;
-              break;
-            }
-          } catch {
-            continue;
-          }
-        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)")
-        );
-      } catch (e) {
-        console.warn("[tbw-grid] Failed to extract grid.css from document stylesheets:", e);
-      }
-    }
+  async #ue() {
+    await ho(ko);
   }
   getPlugin(e) {
     return this.#o?.getPlugin(e);
@@ -2757,23 +2831,20 @@ ${o}`;
   requestAfterRender() {
     this.#s.requestPhase(T.STYLE, "plugin:requestAfterRender");
   }
-  #te() {
-    this.#o = new uo(this);
+  #Q() {
+    this.#o = new xo(this);
     const e = this.#n?.plugins, o = Array.isArray(e) ? e : [];
     this.#o.attachAll(o);
   }
   #q() {
     const e = this.#o?.getPluginStyles() ?? [];
-    let o = !1;
-    for (const { name: n, styles: i } of e)
-      L.#V.has(n) || (L.#V.set(n, i), o = !0);
-    o && L.#B();
+    ao(e);
   }
-  #oe() {
+  #Z() {
     const e = this.#n?.plugins, o = Array.isArray(e) ? e : [];
-    if (this.#_ !== o) {
-      if (this.#_ && this.#_.length === o.length && this.#_.every((n, i) => n === o[i])) {
-        this.#_ = o;
+    if (this.#E !== o) {
+      if (this.#E && this.#E.length === o.length && this.#E.every((n, i) => n === o[i])) {
+        this.#E = o;
         return;
       }
       this.#o && this.#o.detachAll();
@@ -2788,13 +2859,13 @@ ${o}`;
         const i = this.#e.headerContentCleanups.get(n);
         i && (i(), this.#e.headerContentCleanups.delete(n)), this.#e.headerContents.delete(n);
       }
-      this.#te(), this.#q(), this.#_ = o, this.#ne(), this.#w = this.#o?.getAll().some((n) => n.onScroll) ?? !1;
+      this.#Q(), this.#q(), this.#E = o, this.#J(), this.#g = this.#o?.getAll().some((n) => n.onScroll) ?? !1;
     }
   }
-  #me() {
+  #fe() {
     this.#o?.detachAll();
   }
-  #ne() {
+  #J() {
     if (!this.#o) return;
     const e = this.#o.getToolPanels();
     for (const { panel: n } of e)
@@ -2803,8 +2874,8 @@ ${o}`;
     for (const { content: n } of o)
       this.#e.headerContents.has(n.id) || this.#e.headerContents.set(n.id, n);
   }
-  #T() {
-    const e = L.getAdapters();
+  #P() {
+    const e = k.getAdapters();
     if (e.length === 0 && !this.__frameworkAdapter) return;
     const o = this.__frameworkAdapter;
     return (n) => {
@@ -2820,17 +2891,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.#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();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", k.version), this.id || (this.id = `tbw-grid-${++k.#l}`), this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#w && (this.#w.abort(), this.#M = !1), this.#w = new AbortController(), this.#v && (Pe(this.#v), this.#v = void 0), I(this, this.#e), q(this, this.#e), $(this, this.#e, this.#P()), this.#t.parseLightDomColumns(this), this.#t.merge(), this.#Q();
     const e = this.#n?.plugins;
-    this.#_ = Array.isArray(e) ? e : [], this.#ne(), this.#u || (this.#Q(), this.#q(), this.#u = !0), this.#ie(), this.#p = Dt(
+    this.#E = Array.isArray(e) ? e : [], this.#J(), this.#u || (this.#j(), this.#q(), this.#u = !0), this.#ee(), this.#v = Mt(
       () => {
-        this.#Ne();
+        this.#Le();
       },
       { timeout: 100 }
     );
   }
   disconnectedCallback() {
-    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;
+    this.#v && (Pe(this.#v), this.#v = void 0), this.#fe(), no(this.#e), this.#c.setInitialized(!1), this.#k?.(), this.#k = void 0, et(this.#D), this.#w && (this.#w.abort(), this.#w = void 0), this.#O?.abort(), this.#O = 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.#$ = !1), j(this), this.#R.clear(), this.#E = void 0;
     for (const e of this._rowPool)
       e.remove();
     this._rowPool.length = 0, this.__rowsBodyEl = null, this.#f = !1;
@@ -2851,22 +2922,22 @@ ${o}`;
         }
       else e === "fit-mode" && (this.fitMode = n);
   }
-  #ie() {
+  #ee() {
     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);
+      ue(this.#i, this.#e), Oe(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.#se(o), this.#M)
+    if (this.setAttribute("data-upgraded", ""), this.#f = !0, this._resizeController = Le(this), this.#H(), this.#oe(o), this.#M)
       return;
     this.#M = !0;
     const n = this.disconnectSignal;
-    At(this, this, this.#i, n);
+    Lt(this, this, this.#i, n);
     const i = this.#n.rowHeight;
-    i && i > 0 ? this._virtualization.rowHeight = i : requestAnimationFrame(() => this.#re()), queueMicrotask(() => this.#Ce()), this.#s.requestPhase(T.FULL, "afterConnect");
+    i && i > 0 ? this._virtualization.rowHeight = i : requestAnimationFrame(() => this.#te()), queueMicrotask(() => this.#ge()), this.#s.requestPhase(T.FULL, "afterConnect");
   }
-  #re() {
+  #te() {
     if (this.#o.hasExtraHeight())
       return;
     const e = this._bodyEl?.querySelector(".data-grid-row");
@@ -2880,14 +2951,14 @@ ${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"));
   }
-  #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.#w = this.#o?.getAll().some((r) => r.onScroll) ?? !1, n && i) {
+  #oe(e) {
+    this.#O?.abort(), this.#O = new AbortController();
+    const o = this.#O.signal, n = e?.querySelector(".faux-vscroll"), i = e?.querySelector(".rows");
+    if (this._virtualization.container = n ?? this, this.#g = this.#o?.getAll().some((r) => r.onScroll) ?? !1, n && i) {
       n.addEventListener(
         "scroll",
         () => {
-          if (!this._virtualization.enabled && !this.#w) return;
+          if (!this._virtualization.enabled && !this.#g) return;
           const a = n.scrollTop, c = this._virtualization.rowHeight;
           if (this._rows.length <= this._virtualization.bypassThreshold)
             i.style.transform = `translateY(${-a}px)`;
@@ -2895,17 +2966,17 @@ ${o}`;
             const d = Math.floor(a / c), u = d - d % 2, p = -(a - u * c);
             i.style.transform = `translateY(${p}px)`;
           }
-          this.#r = a, this.#v || (this.#v = requestAnimationFrame(() => {
-            this.#v = 0, this.#r !== null && (this.#Me(this.#r), this.#r = null);
+          this.#r = a, this.#m || (this.#m = requestAnimationFrame(() => {
+            this.#m = 0, this.#r !== null && (this.#Ae(this.#r), this.#r = null);
           }));
         },
         { passive: !0, signal: o }
       );
       const r = this.#i.querySelector(".tbw-scroll-area");
-      this.#F = r, r && this.#w && r.addEventListener(
+      this.#F = r, r && this.#g && r.addEventListener(
         "scroll",
         () => {
-          const a = this.#J;
+          const a = this.#_;
           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 }
@@ -2924,14 +2995,14 @@ ${o}`;
           }
         },
         { passive: !1, signal: o }
-      ), no(
+      ), mo(
         s,
-        this.#H,
+        this.#D,
         { fauxScrollbar: n, scrollArea: l },
         o
       ));
     }
-    this._bodyEl && xt(this, this._bodyEl, o), this.#C?.disconnect(), this._virtualization.viewportEl && (this.#C = new ResizeObserver(() => {
+    this._bodyEl && Pt(this, this._bodyEl, o), this.#C?.disconnect(), this._virtualization.viewportEl && (this.#C = new ResizeObserver(() => {
       this.#s.requestPhase(T.VIRTUALIZATION, "resize-observer");
     }), this.#C.observe(this._virtualization.viewportEl)), this.#i.addEventListener(
       "focusin",
@@ -2948,12 +3019,12 @@ ${o}`;
       { signal: o }
     );
   }
-  #W = !1;
-  #ve() {
-    if (this.#W) return;
+  #$ = !1;
+  #pe() {
+    if (this.#$) return;
     const e = this._bodyEl?.querySelector(".data-grid-row");
-    e && (this.#W = !0, this.#y?.disconnect(), this.#y = new ResizeObserver(() => {
-      this.#re();
+    e && (this.#$ = !0, this.#y?.disconnect(), this.#y = new ResizeObserver(() => {
+      this.#te();
     }), this.#y.observe(e));
   }
   addEventListener(e, o, n) {
@@ -2962,10 +3033,10 @@ ${o}`;
   removeEventListener(e, o, n) {
     super.removeEventListener(e, o, n);
   }
-  #P(e, o) {
+  #L(e, o) {
     this.dispatchEvent(new CustomEvent(e, { detail: o, bubbles: !0, composed: !0 }));
   }
-  #Ce() {
+  #ge() {
     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) => {
@@ -2973,79 +3044,79 @@ ${o}`;
       });
     });
   }
-  #$(e) {
-    this.#m[e] = !0, !this.#g && (this.#g = !0, queueMicrotask(() => this.#ye()));
+  #W(e) {
+    this.#b[e] = !0, !this.#p && (this.#p = !0, queueMicrotask(() => this.#we()));
   }
-  #ye() {
-    if (!this.#g || !this.#f) {
-      this.#g = !1;
+  #we() {
+    if (!this.#p || !this.#f) {
+      this.#p = !1;
       return;
     }
-    const e = this.#m;
-    if (this.#g = !1, this.#m = {
+    const e = this.#b;
+    if (this.#p = !1, this.#b = {
       rows: !1,
       columns: !1,
       gridConfig: !1,
       fitMode: !1
     }, e.gridConfig) {
-      this.#Re(), e.rows && this.#le();
+      this.#Ce(), e.rows && this.#ne();
       return;
     }
-    e.columns && this.#Ee(), e.rows && this.#le(), e.fitMode && this.#Se();
+    e.columns && this.#me(), e.rows && this.#ne(), e.fitMode && this.#ve();
   }
-  #le() {
-    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#G(), this.#s.requestPhase(T.ROWS, "applyRowsUpdate");
+  #ne() {
+    this._rows = Array.isArray(this.#a) ? [...this.#a] : [], this.#V(), this.#s.requestPhase(T.ROWS, "applyRowsUpdate");
   }
-  #G() {
-    this.#E.clear();
+  #V() {
+    this.#S.clear();
     const e = this.#n.getRowId;
     this._rows.forEach((o, n) => {
-      const i = this.#ae(o, e);
-      i !== void 0 && this.#E.set(i, { row: o, index: n });
+      const i = this.#ie(o, e);
+      i !== void 0 && this.#S.set(i, { row: o, index: n });
     });
   }
-  #ae(e, o) {
+  #ie(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);
   }
-  #_e(e, o) {
-    const n = this.#ae(e, o);
+  #be(e, o) {
+    const n = this.#ie(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;
   }
-  #Ee() {
-    j(this), this.#t.merge(), this.#L();
+  #me() {
+    j(this), this.#t.merge(), this.#H();
   }
-  #Se() {
-    this.#t.merge(), this.#n.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, ve(this)) : (this._columns.forEach((o) => {
+  #ve() {
+    this.#t.merge(), this.#n.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, ye(this)) : (this._columns.forEach((o) => {
       !o.__userResized && o.__autoSized && delete o.width;
     }), B(this));
   }
-  #Re() {
+  #Ce() {
     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.#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;
+    this.#t.parseLightDomColumns(this), this.#t.merge(), this.#Z(), $(this, this.#e, this.#P()), this.#t.markSourcesChanged(), this.#t.merge();
+    const i = Je(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.#Q(), this.#q(), this.#ie(), this.#G();
+      this.#j(), this.#q(), this.#ee(), this.#V();
       return;
     }
-    e && this.#xe(), this.#G(), this.#s.requestPhase(T.COLUMNS, "applyGridConfigUpdate");
+    e && this.#ye(), this.#V(), this.#s.requestPhase(T.COLUMNS, "applyGridConfigUpdate");
   }
-  #xe() {
+  #ye() {
     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();
   }
-  #Ae() {
+  #_e() {
     if (this.#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) {
@@ -3056,97 +3127,73 @@ ${o}`;
         this._columns = [...e];
     }
   }
-  #Te() {
+  #Ee() {
     j(this);
     const e = Array.isArray(this.#a) ? [...this.#a] : [], o = this.#o?.processRows(e) ?? e;
     this._rows = o;
   }
-  #Pe(e) {
+  #Se(e) {
     const o = {
-      ...Je,
+      ...ot,
       ...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;
   }
-  #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);
+  #B(e, o, n = this.__rowRenderEpoch) {
+    this.#x || (this.#x = (i, r, s) => this.#o?.renderRow(i, r, s) ?? !1), Et(this, e, o, n, this.#x);
   }
-  #Y = -1;
-  #ce = -1;
-  #de(e, o) {
-    if (e === this.#Y && o === this.#ce)
+  #G = -1;
+  #re = -1;
+  #se(e, o) {
+    if (e === this.#G && o === this.#re)
       return;
-    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"));
+    const n = this.#G;
+    this.#G = e, this.#re = 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"));
   }
-  #he;
-  #ue;
-  #Le() {
+  #le;
+  #ae;
+  #Re() {
     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.#he && (this.#he = n, n ? this.__rowsBodyEl.setAttribute("aria-label", n) : this.__rowsBodyEl.removeAttribute("aria-label"));
+    n !== this.#le && (this.#le = n, n ? this.__rowsBodyEl.setAttribute("aria-label", n) : this.__rowsBodyEl.removeAttribute("aria-label"));
     const i = this.#n.gridAriaDescribedBy;
-    i !== this.#ue && (this.#ue = i, i ? this.__rowsBodyEl.setAttribute("aria-describedby", i) : this.__rowsBodyEl.removeAttribute("aria-describedby"));
-  }
-  #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;
-  }
-  #De(e) {
-    const o = this.#n?.loadingRenderer;
-    if (o) {
-      const n = o({ size: e });
-      if (typeof n == "string") {
-        const i = document.createElement("div");
-        return i.innerHTML = n, i;
-      }
-      return n;
-    }
-    return this.#He(e);
+    i !== this.#ae && (this.#ae = i, i ? this.__rowsBodyEl.setAttribute("aria-describedby", i) : this.__rowsBodyEl.removeAttribute("aria-describedby"));
   }
-  #Oe() {
+  #xe() {
     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.#De("large")), this.#N = o;
-        }
-        e.appendChild(this.#N);
-      } else
-        this.#N?.remove();
+    e && (this.#N ? (this.#I || (this.#I = It(this.#n?.loadingRenderer)), qt(e, this.#I)) : $t(this.#I));
   }
-  #fe(e, o) {
-    const n = this.#E.get(e);
+  #ce(e, o) {
+    const n = this.#S.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")));
+    i && Wt(i, o);
   }
-  #pe(e, o, n) {
-    const i = this.#E.get(e);
+  #de(e, o, n) {
+    const i = this.#S.get(e);
     if (!i) return;
     const r = this.findRenderedRowElement?.(i.index);
     if (!r) return;
     const s = this._visibleColumns.findIndex((a) => a.field === o);
     if (s < 0) return;
     const l = r.children[s];
-    l && (n ? (l.classList.add("tbw-cell-loading"), l.setAttribute("aria-busy", "true")) : (l.classList.remove("tbw-cell-loading"), l.removeAttribute("aria-busy")));
+    l && Ft(l, n);
   }
-  #L() {
+  #H() {
     if (this.isConnected && !(!this._headerRowEl || !this._bodyEl)) {
-      if (this.#t.parseLightDomColumns(this), this.#O) {
-        const e = this.#O;
-        this.#O = void 0, this.#t.merge();
+      if (this.#t.parseLightDomColumns(this), this.#z) {
+        const e = this.#z;
+        this.#z = void 0, this.#t.merge();
         const o = this.#o?.getAll() ?? [];
         this.#t.applyState(e, o);
       }
       this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), this.#s.requestPhase(T.FULL, "setup");
     }
   }
-  #Me(e) {
-    if (this.refreshVirtualWindow(!1), this.#o?.onScrollRender(), this.#w) {
-      const o = this._virtualization.container, n = this.#F, i = this.#J;
+  #Ae(e) {
+    if (this.refreshVirtualWindow(!1), this.#o?.onScrollRender(), this.#g) {
+      const o = this._virtualization.container, n = this.#F, i = this.#_;
       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);
     }
   }
@@ -3188,7 +3235,7 @@ ${o}`;
       cellEl: i,
       originalEvent: e
     }, u = this.#o?.onCellClick(d) ?? !1;
-    return this.#P("cell-click", d), u;
+    return this.#L("cell-click", d), u;
   }
   _dispatchRowClick(e, o, n, i) {
     if (!n) return !1;
@@ -3198,7 +3245,7 @@ ${o}`;
       rowEl: i,
       originalEvent: e
     }, s = this.#o?.onRowClick(r) ?? !1;
-    return this.#P("row-click", r), s;
+    return this.#L("row-click", r), s;
   }
   _dispatchHeaderClick(e, o, n) {
     const i = this._columns[o];
@@ -3255,13 +3302,13 @@ ${o}`;
     return Object.freeze({ ...this.#n || {} });
   }
   getRowId(e) {
-    return this.#_e(e, this.#n.getRowId);
+    return this.#be(e, this.#n.getRowId);
   }
   getRow(e) {
-    return this.#E.get(e)?.row;
+    return this.#S.get(e)?.row;
   }
   updateRow(e, o, n = "api") {
-    const i = this.#E.get(e);
+    const i = this.#S.get(e);
     if (!i)
       throw new Error(
         `[tbw-grid] Row with ID "${e}" not found. Ensure the row exists and getRowId is correctly configured.`
@@ -3272,7 +3319,7 @@ ${o}`;
       d !== c && (l.push({ field: a, oldValue: d, newValue: c }), r[a] = c);
     }
     for (const { field: a, oldValue: c, newValue: d } of l)
-      this.#P("cell-change", {
+      this.#L("cell-change", {
         row: r,
         rowId: e,
         rowIndex: s,
@@ -3287,7 +3334,7 @@ ${o}`;
   updateRows(e, o = "api") {
     let n = !1;
     for (const { id: i, changes: r } of e) {
-      const s = this.#E.get(i);
+      const s = this.#S.get(i);
       if (!s)
         throw new Error(
           `[tbw-grid] Row with ID "${i}" not found. Ensure the row exists and getRowId is correctly configured.`
@@ -3295,7 +3342,7 @@ ${o}`;
       const { row: l, index: a } = s;
       for (const [c, d] of Object.entries(r)) {
         const u = l[c];
-        u !== d && (n = !0, l[c] = d, this.#P("cell-change", {
+        u !== d && (n = !0, l[c] = d, this.#L("cell-change", {
           row: l,
           rowId: i,
           rowIndex: a,
@@ -3310,13 +3357,13 @@ ${o}`;
     n && this.#s.requestPhase(T.ROWS, "updateRows");
   }
   animateRow(e, o) {
-    ge(this, e, o);
+    me(this, e, o);
   }
   animateRows(e, o) {
-    qt(this, e, o);
+    jt(this, e, o);
   }
   animateRowById(e, o) {
-    return Wt(this, e, o);
+    return Kt(this, e, o);
   }
   setColumnVisible(e, o) {
     const n = this.#t.setColumnVisible(e, o);
@@ -3346,23 +3393,23 @@ ${o}`;
     return this.#t.collectState(e);
   }
   set columnState(e) {
-    e && (this.#O = e, this.#t.initialColumnState = e, this.#u && this.#ze(e));
+    e && (this.#z = e, this.#t.initialColumnState = e, this.#u && this.#Te(e));
   }
   get columnState() {
     return this.getColumnState();
   }
-  #ze(e) {
+  #Te(e) {
     const o = this.#o?.getAll() ?? [];
-    this.#t.applyState(e, o), this.#L();
+    this.#t.applyState(e, o), this.#H();
   }
   requestStateChange() {
     const e = this.#o?.getAll() ?? [];
     this.#t.requestStateChange(e);
   }
   resetColumnState() {
-    this.#O = void 0, this.__originalOrder = [];
+    this.#z = void 0, this.__originalOrder = [];
     const e = this.#o?.getAll() ?? [];
-    this.#t.resetState(e), this.#t.merge(), this.#L();
+    this.#t.resetState(e), this.#t.merge(), this.#H();
   }
   get isToolPanelOpen() {
     return this.#c.isPanelOpen;
@@ -3409,84 +3456,84 @@ ${o}`;
   unregisterToolbarContent(e) {
     this.#c.unregisterToolbarContent(e);
   }
-  #j = !1;
+  #X = !1;
   refreshShellHeader() {
-    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());
+    this.#X || (this.#X = !0, queueMicrotask(() => {
+      this.#X = !1, this.isConnected && (I(this, this.#e), q(this, this.#e), $(this, this.#e, this.#P()), this.#t.markSourcesChanged(), this.#t.merge(), this.#j(), this.#q(), this.#Pe());
     }));
   }
-  #ke() {
+  #Pe() {
     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);
+      ue(this.#i, this.#e), Oe(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.#se(o), this.#s.requestPhase(T.COLUMNS, "shellRefresh");
+    this._resizeController = Le(this), this.#oe(o), this.#s.requestPhase(T.COLUMNS, "shellRefresh");
   }
-  #S = /* @__PURE__ */ new Map();
+  #R = /* @__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.#ge();
+    let n = this.#R.get(e);
+    n || (n = new CSSStyleSheet(), this.#R.set(e, n)), n.replaceSync(o), this.#he();
   }
   unregisterStyles(e) {
-    this.#S.delete(e) && this.#ge();
+    this.#R.delete(e) && this.#he();
   }
   getRegisteredStyles() {
-    return Array.from(this.#S.keys());
+    return Array.from(this.#R.keys());
   }
-  #ge() {
-    const e = Array.from(this.#S.values()), o = document.adoptedStyleSheets.filter(
-      (n) => !Array.from(this.#S.values()).includes(n)
+  #he() {
+    const e = Array.from(this.#R.values()), o = document.adoptedStyleSheets.filter(
+      (n) => !Array.from(this.#R.values()).includes(n)
     );
     document.adoptedStyleSheets = [...o, ...e];
   }
-  #Ne() {
+  #Le() {
     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());
+      I(this, this.#e), q(this, this.#e), $(this, this.#e, this.#P());
       const r = this.#e.lightDomTitle, s = this.#e.hasToolButtonsContainer;
       if (r && !n || s && !i) {
         this.#t.markSourcesChanged(), this.#t.merge();
         const l = this.#i.querySelector(".tbw-shell-header");
         if (l) {
-          const a = Le(
+          const a = De(
             this.#n.shell,
             this.#e,
             this.#n.icons?.toolPanel
           ), c = document.createElement("div");
           c.innerHTML = a;
           const d = c.firstElementChild;
-          d && (l.replaceWith(d), this.#Z());
+          d && (l.replaceWith(d), this.#K());
         }
       }
     }, o = () => {
-      this.__lightDomColumnsCache = void 0, this.#L();
+      this.__lightDomColumnsCache = void 0, this.#H();
     };
     this.#t.registerLightDomHandler("tbw-grid-header", e), this.#t.registerLightDomHandler("tbw-grid-tool-buttons", e), this.#t.registerLightDomHandler("tbw-grid-tool-panel", e), this.#t.registerLightDomHandler("tbw-grid-column", o), this.#t.registerLightDomHandler("tbw-grid-detail", o), this.#t.observeLightDOM(this);
   }
   refreshColumns() {
     this.__lightDomColumnsCache = void 0, j(this), this.#t.parseLightDomColumns(this);
     const e = this.#e.lightDomTitle, o = this.#e.hasToolButtonsContainer;
-    I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T());
+    I(this, this.#e), q(this, this.#e), $(this, this.#e, this.#P());
     const n = this.#e.lightDomTitle, i = this.#e.hasToolButtonsContainer;
     if (n && !e || i && !o) {
       this.#t.markSourcesChanged(), this.#t.merge();
       const s = this.#i.querySelector(".tbw-shell-header");
       if (s) {
-        const l = Le(
+        const l = De(
           this.#n.shell,
           this.#e,
           this.#n.icons?.toolPanel
         ), a = document.createElement("div");
         a.innerHTML = l;
         const c = a.firstElementChild;
-        c && (s.replaceWith(c), this.#Z());
+        c && (s.replaceWith(c), this.#K());
       }
     }
     this.#s.requestPhase(T.COLUMNS, "refreshColumns");
   }
-  #K(e) {
+  #Y(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;
   }
@@ -3494,11 +3541,11 @@ ${o}`;
     if (!this._bodyEl) return;
     const n = this._rows.length;
     if (!this._virtualization.enabled) {
-      this.#X(0, n), o || this.#o?.afterRender();
+      this.#B(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.#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();
+      this._virtualization.start = 0, this._virtualization.end = n, e && (this._bodyEl.style.transform = "translateY(0px)"), this.#B(0, n, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${this.#Y(n)}px`), this.#se(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;
@@ -3518,45 +3565,45 @@ ${o}`;
       this.#s.requestPhase(T.VIRTUALIZATION, "stale-refs-retry");
       return;
     }
-    const w = this.#K(n);
+    const w = this.#Y(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.#X(c, g, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.#de(n, this._visibleColumns.length), e && !o && (this.#o?.afterRender(), queueMicrotask(() => {
+    const v = this.#o?.getExtraHeightBefore?.(c) ?? 0, S = -(a - c * l - v);
+    this._bodyEl.style.transform = `translateY(${S}px)`, this.#B(c, g, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch), this.#se(n, this._visibleColumns.length), e && !o && (this.#o?.afterRender(), queueMicrotask(() => {
       const C = i.clientHeight, _ = r.clientHeight;
       if (C === 0 && _ > 0) return;
-      const A = this.#K(n);
+      const A = this.#Y(n);
       this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${A}px`);
     }));
   }
-  #Q() {
-    I(this, this.#e), q(this, this.#e), W(this, this.#e, this.#T()), this.#t.markSourcesChanged(), this.#t.merge();
+  #j() {
+    I(this, this.#e), q(this, this.#e), $(this, this.#e, this.#P()), this.#t.markSourcesChanged(), this.#t.merge();
     const e = this.#n?.shell;
-    Kt(
+    so(
       this.#i,
       e,
       { isPanelOpen: this.#e.isPanelOpen, expandedSections: this.#e.expandedSections },
       this.#n?.icons
-    ) && (this.#Z(), this.#c.setInitialized(!0));
+    ) && (this.#K(), this.#c.setInitialized(!0));
   }
-  #Z() {
-    Vt(this.#i, this.#n?.shell, this.#e, {
+  #K() {
+    eo(this.#i, this.#n?.shell, this.#e, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e)
-    }), this.#z?.(), this.#z = Bt(this.#i, this.#n?.shell, (e) => {
+    }), this.#k?.(), this.#k = to(this.#i, this.#n?.shell, (e) => {
       this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
     });
   }
 }
-customElements.get(L.tagName) || customElements.define(L.tagName, L);
-globalThis.DataGridElement = L;
-const go = {
+customElements.get(k.tagName) || customElements.define(k.tagName, k);
+globalThis.DataGridElement = k;
+const qo = {
   CAN_MOVE_COLUMN: "canMoveColumn",
   GET_CONTEXT_MENU_ITEMS: "getContextMenuItems"
 };
-class wo {
+class $o {
   static dependencies;
   static manifest;
-  version = "1.10.0";
+  version = "1.11.0";
   styles;
   cellRenderers;
   headerRenderers;
@@ -3628,7 +3675,7 @@ class wo {
   }
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...k, ...e };
+    return { ...M, ...e };
   }
   get isAnimationEnabled() {
     const e = this.grid?.effectiveConfig?.animation?.mode ?? "reduced-motion";
@@ -3695,7 +3742,7 @@ const P = {
   GROUP_KEY: "data-group-key",
   TREE_LEVEL: "data-tree-level",
   STICKY: "data-sticky"
-}, bo = {
+}, Wo = {
   ROOT: `.${P.ROOT}`,
   HEADER: `.${P.HEADER}`,
   HEADER_ROW: `.${P.HEADER_ROW}`,
@@ -3710,7 +3757,7 @@ const P = {
   CELL_AT: (t, e) => `.${P.DATA_ROW}[${te.ROW_INDEX}="${t}"] .${P.DATA_CELL}[${te.COL_INDEX}="${e}"]`,
   SELECTED_ROWS: `.${P.DATA_ROW}.${P.SELECTED}`,
   EDITING_CELL: `.${P.DATA_CELL}.${P.EDITING}`
-}, mo = {
+}, Fo = {
   COLOR_BG: "--tbw-color-bg",
   COLOR_FG: "--tbw-color-fg",
   COLOR_FG_MUTED: "--tbw-color-fg-muted",
@@ -3729,14 +3776,14 @@ const P = {
   BORDER_RADIUS: "--tbw-border-radius",
   FOCUS_OUTLINE: "--tbw-focus-outline"
 };
-function vo(t) {
+function Uo(t) {
   const e = document.createElement("tbw-grid");
   return t && (e.gridConfig = t), e;
 }
-function Co(t, e = document) {
+function Vo(t, e = document) {
   return e.querySelector(t);
 }
-const yo = {
+const Bo = {
   CELL_CHANGE: "cell-change",
   CELL_COMMIT: "cell-commit",
   ROW_COMMIT: "row-commit",
@@ -3749,7 +3796,7 @@ const yo = {
   CELL_ACTIVATE: "cell-activate",
   GROUP_TOGGLE: "group-toggle",
   COLUMN_STATE_CHANGE: "column-state-change"
-}, _o = {
+}, Go = {
   SELECTION_CHANGE: "selection-change",
   TREE_EXPAND: "tree-expand",
   FILTER_CHANGE: "filter-change",
@@ -3767,7 +3814,7 @@ const yo = {
   COLUMN_REORDER: "column-reorder",
   DETAIL_EXPAND: "detail-expand",
   GROUP_EXPAND: "group-expand"
-}, de = {
+}, he = {
   sum: (t, e) => t.reduce((o, n) => o + (Number(n[e]) || 0), 0),
   avg: (t, e) => {
     const o = t.reduce((n, i) => n + (Number(i[e]) || 0), 0);
@@ -3778,7 +3825,7 @@ const yo = {
   max: (t, e) => Math.max(...t.map((o) => Number(o[e]) || -1 / 0)),
   first: (t, e) => t[0]?.[e],
   last: (t, e) => t[t.length - 1]?.[e]
-}, V = /* @__PURE__ */ new Map(), M = {
+}, V = /* @__PURE__ */ new Map(), O = {
   register(t, e) {
     V.set(t, e);
   },
@@ -3787,19 +3834,19 @@ const yo = {
   },
   get(t) {
     if (t !== void 0)
-      return typeof t == "function" ? t : V.get(t) ?? de[t];
+      return typeof t == "function" ? t : V.get(t) ?? he[t];
   },
   run(t, e, o, n) {
     const i = this.get(t);
     return i ? i(e, o, n) : void 0;
   },
   has(t) {
-    return V.has(t) || t in de;
+    return V.has(t) || t in he;
   },
   list() {
-    return [...Object.keys(de), ...V.keys()];
+    return [...Object.keys(he), ...V.keys()];
   }
-}, ze = {
+}, Ie = {
   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,
@@ -3808,47 +3855,47 @@ const yo = {
   first: (t) => t[0] ?? 0,
   last: (t) => t[t.length - 1] ?? 0
 };
-function fo(t) {
-  return ze[t] ?? ze.sum;
+function No(t) {
+  return Ie[t] ?? Ie.sum;
 }
-function Eo(t, e) {
-  return fo(t)(e);
+function Xo(t, e) {
+  return No(t)(e);
 }
-const So = M.register.bind(M), Ro = M.unregister.bind(M), xo = M.get.bind(M), Ao = M.run.bind(M), To = M.list.bind(M);
+const Yo = O.register.bind(O), jo = O.unregister.bind(O), Ko = O.get.bind(O), Qo = O.run.bind(O), Zo = O.list.bind(O);
 export {
-  wo as BaseGridPlugin,
-  Je as DEFAULT_ANIMATION_CONFIG,
-  k as DEFAULT_GRID_ICONS,
-  yo as DGEvents,
-  L as DataGridElement,
+  $o as BaseGridPlugin,
+  ot as DEFAULT_ANIMATION_CONFIG,
+  M as DEFAULT_GRID_ICONS,
+  Bo as DGEvents,
+  k as DataGridElement,
   X as FitModeEnum,
-  mo as GridCSSVars,
+  Fo as GridCSSVars,
   P as GridClasses,
   te as GridDataAttrs,
-  L as GridElement,
-  bo as GridSelectors,
-  go as PLUGIN_QUERIES,
-  _o as PluginEvents,
-  uo as PluginManager,
+  k as GridElement,
+  Wo as GridSelectors,
+  qo as PLUGIN_QUERIES,
+  Go as PluginEvents,
+  xo as PluginManager,
   T as RenderPhase,
-  $ as a,
-  M as aggregatorRegistry,
-  We as b,
-  Pt as builtInSort,
-  fe as c,
-  vo as createGrid,
-  Tt as defaultComparator,
-  Ne as e,
-  bt as g,
-  xo as getAggregator,
-  fo as getValueAggregator,
-  To as listAggregators,
-  Co as queryGrid,
-  po as r,
-  So as registerAggregator,
-  Ao as runAggregator,
-  Eo as runValueAggregator,
+  $e as a,
+  O as aggregatorRegistry,
+  Ue as b,
+  Dt as builtInSort,
+  we as c,
+  Uo as createGrid,
+  Ht as defaultComparator,
+  W as e,
+  Ct as g,
+  Ko as getAggregator,
+  No as getValueAggregator,
+  Zo as listAggregators,
+  Vo as queryGrid,
+  Io as r,
+  Yo as registerAggregator,
+  Qo as runAggregator,
+  Xo as runValueAggregator,
   F as s,
-  Ro as unregisterAggregator
+  jo as unregisterAggregator
 };
 //# sourceMappingURL=index.js.map