@toolbox-web/grid 0.2.5 → 0.2.6

package/index.js

@@ -1,4 +1,4 @@
-const fe = ":root{color-scheme:light dark}:host{--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #adacac);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: 2px 8px;--tbw-cell-padding: 2px 8px;--tbw-cell-padding-input: 2px 6px;--tbw-row-height: 28px;--tbw-header-height: 30px;--tbw-cell-white-space: nowrap;--tbw-border-radius: 4px;--tbw-border-input: 1px solid var(--tbw-color-border-strong);--tbw-border-header: 1px solid var(--tbw-color-border-header);--tbw-row-divider: 1px solid var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline: 2px solid var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: 6px;--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-scrollbar-thumb: var(--tbw-color-border-strong);--tbw-scrollbar-track: var(--tbw-color-bg);--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-checkbox-size: 16px;--tbw-density-scale: 1}:host{position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none}:host,:host *{box-sizing:border-box}:host .header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}:host .header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}:host .header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start))}:host .header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30)}:host .header-row>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}:host .header-row>.cell>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .header-row>.cell>span[part~=sort-indicator]{flex-shrink:0}:host .header-row>.cell:last-child{border-right:0}:host .header-group-cell,:host .header-row>.cell.grouped.group-end{border-right:2px solid var(--tbw-color-border)}:host .tbw-grid-root{display:flex;flex-direction:column;height:100%}:host .rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}:host .rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}:host .rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}:host .rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip}:host .faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}:host .faux-vscroll-spacer{width:1px}:host .rows-viewport .rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}:host .data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style}:host .data-grid-row:has(.editing){background:var(--tbw-editing-bg)}:host .selecting .data-grid-row>.cell{user-select:none}:host .data-grid-row>.cell.selected:focus-visible,:host .data-grid-row>.cell:focus-visible:not(.cell-focus){outline:none}:host .data-grid-row>.cell{display:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);line-height:calc(var(--tbw-row-height) - 5px);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis}:host .data-grid-row>.cell>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}:host .data-grid-row>.cell:last-child{border-right:0}:host .data-grid-row>.cell[data-type=boolean]{text-align:center}:host .data-grid-row>.cell[data-type=boolean] input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}:host .data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex}:host .data-grid-row>.cell.editing input:not([type=checkbox]),:host .data-grid-row>.cell.editing select,:host .data-grid-row>.cell.editing textarea{width:100%;height:100%;max-width:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}:host .data-grid-row:nth-child(2n){background:var(--tbw-color-row-alt)}:host .data-grid-row:hover{background:var(--tbw-color-row-hover)}:host .sortable{cursor:pointer;user-select:none}:host .resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius)}:host .resize-handle:hover{background:var(--tbw-resize-handle-color-hover)}:host .cell-focus,:host .row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-row-alt);font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}:host .group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, 2px 8px)}:host .group-row .group-toggle{background:none;border:0;cursor:pointer;padding:0 4px 0 0;font:inherit}:host .group-row .group-count{margin-left:4px;opacity:.7}:host .sticky-left,:host .sticky-right{position:sticky;z-index:25}:host .header-row>.cell.sticky-left,:host .header-row>.cell.sticky-right{background:var(--tbw-color-header-bg);z-index:35}:host .data-grid-row>.cell.sticky-left,:host .data-grid-row>.cell.sticky-right{background:var(--tbw-color-panel-bg)}:host .sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}:host .sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}.grid-container{position:relative;width:100%;height:100%}.grid-placeholder{padding:2rem;text-align:center;color:var(--tbw-color-fg);opacity:.6}:host{--tbw-shell-header-height: 44px;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: 14px;--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 280px;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 40px;--tbw-tool-panel-transition: .2s ease-out;--tbw-toolbar-button-size: 32px;--tbw-toolbar-button-gap: 4px}:host .tbw-grid-root.has-shell{display:flex;flex-direction:column;height:100%}:host .tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}:host .tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}:host .tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}:host .tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease)}:host .tbw-toolbar-btn:hover{background:var(--tbw-color-row-hover)}:host .tbw-toolbar-btn:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .tbw-toolbar-btn.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}:host .tbw-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}:host .tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}:host .tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}:host .tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}:host .tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden}:host .tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow)}:host .tbw-tool-panel[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}:host .tbw-tool-panel.open{width:var(--tbw-tool-panel-width)}:host .tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .15s ease}:host .tbw-tool-panel-resize[data-handle-position=left]{left:0}:host .tbw-tool-panel-resize[data-handle-position=right]{right:0}:host .tbw-tool-panel-resize:hover,:host .tbw-tool-panel-resize.resizing{background:var(--tbw-color-accent)}:host .tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}:host .tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px}:host .tbw-tool-panel-close:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}:host .tbw-tool-panel-content{flex:1;overflow:auto}:host .tbw-accordion{display:flex;flex-direction:column;gap:0}:host .tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border)}:host .tbw-accordion-section:last-child{border-bottom:none}:host .tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:left;cursor:pointer;user-select:none}:host .tbw-accordion-header:hover{background:var(--tbw-color-row-hover)}:host .tbw-accordion-section.single .tbw-accordion-header{cursor:default}:host .tbw-accordion-section.single .tbw-accordion-header:hover{background:transparent}:host .tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}:host .tbw-accordion-section.expanded .tbw-accordion-chevron{transform:rotate(90deg)}:host .tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}:host .tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .tbw-accordion-content{display:none}:host .tbw-accordion-section.expanded .tbw-accordion-content{display:block}:host .tbw-quick-filter-input{flex:1;max-width:300px;height:28px;padding:0 8px;border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:13px}:host .tbw-quick-filter-input:focus{outline:none;border-color:var(--tbw-color-accent)}:host .tbw-selection-summary{font-size:13px;color:var(--tbw-color-fg-muted);white-space:nowrap}";
+const fe = ":root{color-scheme:light dark}:host{--tbw-color-bg: transparent;--tbw-color-panel-bg: light-dark(#eeeeee, #222222);--tbw-color-fg: light-dark(#222222, #eeeeee);--tbw-color-fg-muted: light-dark(#555555, #aaaaaa);--tbw-color-accent: light-dark(#3b82f6, #3b82f6);--tbw-color-accent-fg: light-dark(#ffffff, #000000);--tbw-color-success: light-dark(hsl(122, 39%, 40%), hsl(122, 39%, 49%));--tbw-color-selection: light-dark(#fff7d6, #333333);--tbw-color-row-alt: var(--tbw-color-bg);--tbw-color-row-hover: light-dark(#f0f6ff, #1c1c1c);--tbw-color-header-bg: color-mix(in hsl, var(--tbw-color-panel-bg) 85%, var(--tbw-color-fg));--tbw-color-header-fg: color-mix(in hsl, var(--tbw-color-fg) 75%, var(--tbw-color-panel-bg));--tbw-color-border: light-dark(#d0d0d4, #454545);--tbw-color-border-strong: light-dark(#777777, #adacac);--tbw-color-border-cell: var(--tbw-color-border);--tbw-color-border-header: var(--tbw-color-border);--tbw-color-shadow: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--tbw-font-family: inherit;--tbw-font-size: inherit;--tbw-font-size-header: var(--tbw-font-size);--tbw-font-weight-header: bold;--tbw-cell-padding-header: 2px 8px;--tbw-cell-padding: 2px 8px;--tbw-cell-padding-input: 2px 6px;--tbw-row-height: 28px;--tbw-header-height: 30px;--tbw-cell-white-space: nowrap;--tbw-border-radius: 4px;--tbw-border-input: 1px solid var(--tbw-color-border-strong);--tbw-border-header: 1px solid var(--tbw-color-border-header);--tbw-row-divider: 1px solid var(--tbw-color-border-cell);--tbw-row-hover-outline: 0;--tbw-color-active-row-bg: var(--tbw-color-selection);--tbw-active-row-outline: 0;--tbw-focus-outline: 2px solid var(--tbw-color-accent);--tbw-focus-outline-offset: -2px;--tbw-focus-background: rgba(from var(--tbw-color-accent) r g b / 12%);--tbw-range-border-color: var(--tbw-color-accent);--tbw-range-selection-bg: rgba(from var(--tbw-range-border-color) r g b / 12%);--tbw-resize-handle-width: 6px;--tbw-resize-handle-color: transparent;--tbw-resize-handle-color-hover: var(--tbw-color-accent);--tbw-resize-handle-border-radius: 0;--tbw-scrollbar-thumb: var(--tbw-color-border-strong);--tbw-scrollbar-track: var(--tbw-color-bg);--tbw-transition-duration: .12s;--tbw-transition-ease: ease;--tbw-editing-bg: var(--tbw-color-selection);--tbw-editing-border: var(--tbw-border-input, 1px solid var(--tbw-color-border-strong));--tbw-padding-editing-input: var(--tbw-cell-padding-input, 2px 6px);--tbw-font-size-editor: inherit;--tbw-sort-indicator-color: var(--tbw-color-fg-muted);--tbw-sort-indicator-active-color: var(--tbw-color-accent);--tbw-header-text-transform: none;--tbw-header-letter-spacing: normal;--tbw-color-header-separator: var(--tbw-color-border-cell);--tbw-checkbox-size: 16px;--tbw-density-scale: 1}:host{position:relative;display:block;width:100%;height:100%;min-height:0;contain:content;font-family:var(--tbw-font-family);font-size:var(--tbw-font-size);background:var(--tbw-color-bg);color:var(--tbw-color-fg);border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);overflow:clip;outline:none}:host,:host *{box-sizing:border-box}:host .header{display:block;flex-shrink:0;z-index:var(--tbw-z-layer-header, 30);background:var(--tbw-color-header-bg);overflow:visible}:host .header-group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-header-bg);z-index:var(--tbw-z-layer-header, 30)}:host .header-group-cell{display:flex;align-items:center;justify-content:flex-start;padding:var(--tbw-cell-padding-header, 2px 8px);color:var(--tbw-color-header-group-fg, var(--tbw-color-header-fg));font-weight:var(--tbw-font-weight-header-group, var(--tbw-font-weight-header));justify-content:var(--tbw-align-header-group, var(--tbw-align-header, flex-start))}:host .header-row{display:grid;grid-template-columns:var(--tbw-column-template);color:var(--tbw-color-header-fg);font-size:var(--tbw-font-size-header);min-height:var(--tbw-header-height);border-bottom:var(--tbw-border-header);z-index:var(--tbw-z-layer-header, 30)}:host .header-row>.cell{display:flex;align-items:center;gap:4px;padding:var(--tbw-cell-padding-header, 2px 8px);background-color:var(--tbw-color-header-bg);font-weight:var(--tbw-font-weight-header);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0}:host .header-row>.cell>span:first-child{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .header-row>.cell>span[part~=sort-indicator]{flex-shrink:0}:host .header-row>.cell:last-child{border-right:0}:host .header-group-cell:not(:last-child),:host .header-row>.cell.grouped.group-end:not(:last-child){border-right:2px solid var(--tbw-color-border)}:host .tbw-grid-root{display:flex;flex-direction:column;height:100%}:host .rows-body-wrapper{flex:1;min-height:0;display:flex;flex-direction:row;width:100%;min-width:fit-content}:host .rows-body{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:visible}:host .rows-container{display:flex;flex-direction:row;flex:1;min-height:0;overflow:visible}:host .rows-viewport{flex:1;min-width:0;position:relative;display:block;overflow:clip}:host .faux-vscroll{position:sticky;inset-inline-end:0;flex-shrink:0;width:auto;overflow-y:auto;overflow-x:hidden;z-index:var(--tbw-z-layer-header, 30)}:host .faux-vscroll-spacer{width:1px}:host .rows-viewport .rows{position:absolute;top:0;left:0;min-width:100%;will-change:transform;z-index:var(--tbw-z-layer-rows, 1)}:host .data-grid-row{display:grid;grid-template-columns:var(--tbw-column-template);contain:layout style}:host .data-grid-row:has(.editing){background:var(--tbw-editing-bg)}:host .selecting .data-grid-row>.cell{user-select:none}:host .data-grid-row>.cell.selected:focus-visible,:host .data-grid-row>.cell:focus-visible:not(.cell-focus){outline:none}:host .data-grid-row>.cell{display:block;padding:var(--tbw-cell-padding, 2px 8px);border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height);line-height:calc(var(--tbw-row-height) - 5px);border-right:1px solid var(--tbw-color-border-cell);overflow:hidden;min-width:0;white-space:var(--tbw-cell-white-space, nowrap);text-overflow:ellipsis}:host .data-grid-row>.cell>*{overflow:hidden;text-overflow:ellipsis;white-space:inherit;min-width:0}:host .data-grid-row>.cell:last-child{border-right:0}:host .data-grid-row>.cell[data-type=boolean]{text-align:center}:host .data-grid-row>.cell[data-type=boolean] input[type=checkbox]{margin:0;width:var(--tbw-checkbox-size);height:var(--tbw-checkbox-size);vertical-align:middle}:host .data-grid-row>.cell.editing{overflow:hidden;padding:0;display:flex}:host .data-grid-row>.cell.editing input:not([type=checkbox]),:host .data-grid-row>.cell.editing select,:host .data-grid-row>.cell.editing textarea{width:100%;height:100%;max-width:100%;flex:1 1 auto;min-width:0;border:var(--tbw-editing-border);padding:var(--tbw-padding-editing-input);font-size:var(--tbw-font-size-editor)}:host .data-grid-row:nth-child(2n){background:var(--tbw-color-row-alt)}:host .data-grid-row:hover{background:var(--tbw-color-row-hover)}:host .sortable{cursor:pointer;user-select:none}:host .resize-handle{position:absolute;top:0;right:calc(var(--tbw-resize-handle-width) / -2);width:var(--tbw-resize-handle-width);height:100%;cursor:e-resize;user-select:none;touch-action:none;z-index:20;background:var(--tbw-resize-handle-color);transition:background .12s ease;border-radius:var(--tbw-resize-handle-border-radius)}:host .resize-handle:hover{background:var(--tbw-resize-handle-color-hover)}:host .cell-focus,:host .row-focus{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .group-row{display:grid;grid-template-columns:var(--tbw-column-template);background:var(--tbw-color-row-alt);font-weight:500;border-bottom:var(--tbw-row-divider);min-height:var(--tbw-row-height)}:host .group-row .cell{display:flex;align-items:center;padding:var(--tbw-cell-padding, 2px 8px)}:host .group-row .group-toggle{background:none;border:0;cursor:pointer;padding:0 4px 0 0;font:inherit}:host .group-row .group-count{margin-left:4px;opacity:.7}:host .sticky-left,:host .sticky-right{position:sticky;z-index:25}:host .header-row>.cell.sticky-left,:host .header-row>.cell.sticky-right{background:var(--tbw-color-header-bg);z-index:35}:host .data-grid-row>.cell.sticky-left,:host .data-grid-row>.cell.sticky-right{background:var(--tbw-color-panel-bg)}:host .sticky-left{box-shadow:1px 0 0 var(--tbw-color-border)}:host .sticky-right{box-shadow:-1px 0 0 var(--tbw-color-border)}.grid-container{position:relative;width:100%;height:100%}.grid-placeholder{padding:2rem;text-align:center;color:var(--tbw-color-fg);opacity:.6}:host{--tbw-shell-header-height: 44px;--tbw-shell-header-bg: var(--tbw-color-panel-bg);--tbw-shell-header-border: var(--tbw-color-border);--tbw-shell-title-font-size: 14px;--tbw-shell-title-font-weight: 600;--tbw-tool-panel-width: 280px;--tbw-tool-panel-bg: var(--tbw-color-panel-bg);--tbw-tool-panel-border: var(--tbw-color-border);--tbw-tool-panel-header-height: 40px;--tbw-tool-panel-transition: .2s ease-out;--tbw-toolbar-button-size: 32px;--tbw-toolbar-button-gap: 4px}:host .tbw-grid-root.has-shell{display:flex;flex-direction:column;height:100%}:host .tbw-shell-header{display:flex;align-items:center;gap:8px;min-height:var(--tbw-shell-header-height);padding:0 8px;background:var(--tbw-shell-header-bg);border-bottom:1px solid var(--tbw-shell-header-border);flex-shrink:0}:host .tbw-shell-title{font-size:var(--tbw-shell-title-font-size);font-weight:var(--tbw-shell-title-font-weight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-shell-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0;overflow:hidden}:host .tbw-shell-toolbar{display:flex;align-items:center;gap:var(--tbw-toolbar-button-gap);flex-shrink:0}:host .tbw-toolbar-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--tbw-toolbar-button-size);height:var(--tbw-toolbar-button-size);padding:0;border:1px solid transparent;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg);cursor:pointer;font-size:16px;transition:background var(--tbw-transition-duration) var(--tbw-transition-ease),border-color var(--tbw-transition-duration) var(--tbw-transition-ease)}:host .tbw-toolbar-btn:hover{background:var(--tbw-color-row-hover)}:host .tbw-toolbar-btn:focus-visible{outline:var(--tbw-focus-outline);outline-offset:var(--tbw-focus-outline-offset)}:host .tbw-toolbar-btn.active{background:var(--tbw-focus-background);border-color:var(--tbw-color-accent)}:host .tbw-toolbar-btn:disabled{opacity:.5;cursor:not-allowed}:host .tbw-toolbar-separator{width:1px;height:20px;background:var(--tbw-color-border);margin:0 4px}:host .tbw-shell-body{position:relative;display:flex;flex:1;min-height:0;overflow:visible}:host .tbw-grid-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:row;overflow:hidden}:host .tbw-scroll-area{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow-x:auto;overflow-y:hidden}:host .tbw-tool-panel{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;background:var(--tbw-tool-panel-bg);border-left:1px solid var(--tbw-tool-panel-border);transition:width var(--tbw-tool-panel-transition);display:flex;flex-direction:column;z-index:30;box-shadow:-2px 0 8px var(--tbw-color-shadow)}:host .tbw-tool-panel[data-position=left]{right:auto;left:0;border-left:none;border-right:1px solid var(--tbw-tool-panel-border);box-shadow:2px 0 8px var(--tbw-color-shadow)}:host .tbw-tool-panel.open{width:var(--tbw-tool-panel-width)}:host .tbw-tool-panel-resize{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;background:transparent;z-index:10;transition:background .15s ease}:host .tbw-tool-panel-resize[data-handle-position=left]{left:0}:host .tbw-tool-panel-resize[data-handle-position=right]{right:0}:host .tbw-tool-panel-resize:hover,:host .tbw-tool-panel-resize.resizing{background:var(--tbw-color-accent)}:host .tbw-tool-panel-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tbw-tool-panel-header-height);padding:0 12px;border-bottom:1px solid var(--tbw-tool-panel-border);flex-shrink:0}:host .tbw-tool-panel-title{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .tbw-tool-panel-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--tbw-border-radius);background:transparent;color:var(--tbw-color-fg-muted);cursor:pointer;font-size:14px}:host .tbw-tool-panel-close:hover{background:var(--tbw-color-row-hover);color:var(--tbw-color-fg)}:host .tbw-tool-panel-content{flex:1;overflow:auto}:host .tbw-accordion{display:flex;flex-direction:column;gap:0}:host .tbw-accordion-section{border-bottom:1px solid var(--tbw-tool-panel-border)}:host .tbw-accordion-section:last-child{border-bottom:none}:host .tbw-accordion-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--tbw-color-fg);font-size:13px;font-weight:600;text-align:left;cursor:pointer;user-select:none}:host .tbw-accordion-header:hover{background:var(--tbw-color-row-hover)}:host .tbw-accordion-section.single .tbw-accordion-header{cursor:default}:host .tbw-accordion-section.single .tbw-accordion-header:hover{background:transparent}:host .tbw-accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:10px;color:var(--tbw-color-fg-muted);transition:transform .15s ease;flex-shrink:0}:host .tbw-accordion-section.expanded .tbw-accordion-chevron{transform:rotate(90deg)}:host .tbw-accordion-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:14px;flex-shrink:0}:host .tbw-accordion-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .tbw-accordion-content{display:none}:host .tbw-accordion-section.expanded .tbw-accordion-content{display:block}:host .tbw-quick-filter-input{flex:1;max-width:300px;height:28px;padding:0 8px;border:1px solid var(--tbw-color-border);border-radius:var(--tbw-border-radius);background:var(--tbw-color-bg);color:var(--tbw-color-fg);font-size:13px}:host .tbw-quick-filter-input:focus{outline:none;border-color:var(--tbw-color-accent)}:host .tbw-selection-summary{font-size:13px;color:var(--tbw-color-fg-muted);white-space:nowrap}";
 function pe(t) {
   const e = /* @__PURE__ */ new Map();
   return t._sortState && e.set(t._sortState.field, {
@@ -125,9 +125,9 @@ function F(t) {
   if (!t || typeof t != "string") return "";
   if (t.indexOf("<") === -1) return t;
   const e = document.createElement("template");
-  return e.innerHTML = t, Re(e.content), e.innerHTML;
+  return e.innerHTML = t, Se(e.content), e.innerHTML;
 }
-function Re(t) {
+function Se(t) {
   const e = [], o = t.querySelectorAll("*");
   for (const i of o) {
     const n = i.tagName.toLowerCase();
@@ -164,12 +164,12 @@ function Re(t) {
 function ue(t, e) {
   if (!t || t.indexOf("{{") === -1) return t;
   const o = [], i = t.replace(me, (l, a) => {
-    const d = Se(a, e);
+    const d = Re(a, e);
     return o.push({ expr: a.trim(), result: d }), d;
   }), n = xe(i), s = o.length && o.every((l) => l.result === "" || l.result === L);
   return /Reflect\.|\bProxy\b|ownKeys\(/.test(t) || s ? "" : n;
 }
-function Se(t, e) {
+function Re(t, e) {
   if (t = (t || "").trim(), !t || /\b(Reflect|Proxy|ownKeys)\b/.test(t)) return L;
   if (t === "value") return e.value == null ? L : String(e.value);
   if (t.startsWith("row.") && !/[()?]/.test(t) && !t.includes(":")) {
@@ -234,7 +234,7 @@ function Le(t, e) {
   });
   return Object.keys(o).forEach((n) => i.push(o[n])), i;
 }
-function j(t, e) {
+function Y(t, e) {
   try {
     t.part?.add?.(e);
   } catch {
@@ -271,9 +271,9 @@ function te(t) {
       }
     }
     l > 0 && (n.width = l + 2, n.__autoSized = !0, i = !0);
-  }), i && M(t), t.__didInitialAutoSize = !0;
+  }), i && z(t), t.__didInitialAutoSize = !0;
 }
-function M(t) {
+function z(t) {
   (t.effectiveConfig?.fitMode || t.fitMode || $.STRETCH) === $.STRETCH ? t._gridTemplate = t._visibleColumns.map((o) => {
     if (o.width) return `${o.width}px`;
     const i = o.minWidth;
@@ -342,7 +342,7 @@ function ke(t, e) {
   if (!(d(a) && (e.key === "Home" || e.key === "End")) && !(d(a) && (e.key === "ArrowUp" || e.key === "ArrowDown") && a.tagName === "INPUT" && a.type === "number") && !(d(a) && (e.key === "ArrowLeft" || e.key === "ArrowRight")) && !(d(a) && (e.key === "Enter" || e.key === "Escape")) && !(n && (r === "select" || r === "typeahead") && (e.key === "ArrowDown" || e.key === "ArrowUp"))) {
     switch (e.key) {
       case "Tab": {
-        e.preventDefault(), !e.shiftKey ? t._focusCol < i ? t._focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow < o && (t._focusRow += 1, t._focusCol = 0)) : t._focusCol > 0 ? t._focusCol -= 1 : t._focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t._activeEditRows === t._focusRow && t.commitActiveRowEdit(), t._focusRow -= 1, t._focusCol = i), z(t);
+        e.preventDefault(), !e.shiftKey ? t._focusCol < i ? t._focusCol += 1 : (typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow < o && (t._focusRow += 1, t._focusCol = 0)) : t._focusCol > 0 ? t._focusCol -= 1 : t._focusRow > 0 && (typeof t.commitActiveRowEdit == "function" && t._activeEditRows === t._focusRow && t.commitActiveRowEdit(), t._focusRow -= 1, t._focusCol = i), M(t);
         return;
       }
       case "ArrowDown":
@@ -358,10 +358,10 @@ function ke(t, e) {
         t._focusCol = Math.max(0, t._focusCol - 1), e.preventDefault();
         break;
       case "Home":
-        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), z(t, { forceScrollLeft: !0 });
+        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = 0), t._focusCol = 0, e.preventDefault(), M(t, { forceScrollLeft: !0 });
         return;
       case "End":
-        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = o), t._focusCol = i, e.preventDefault(), z(t, { forceScrollRight: !0 });
+        (e.ctrlKey || e.metaKey) && (n && typeof t.commitActiveRowEdit == "function" && t.commitActiveRowEdit(), t._focusRow = o), t._focusCol = i, e.preventDefault(), M(t, { forceScrollRight: !0 });
         return;
       case "PageDown":
         t._focusRow = Math.min(o, t._focusRow + 20), e.preventDefault();
@@ -372,14 +372,14 @@ function ke(t, e) {
       case "Enter":
         return typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(t._focusRow) : t.dispatchEvent(
           new CustomEvent("activate-cell", { detail: { row: t._focusRow, col: t._focusCol } })
-        ), z(t);
+        ), M(t);
       default:
         return;
     }
-    z(t);
+    M(t);
   }
 }
-function z(t, e) {
+function M(t, e) {
   if (t._virtualization?.enabled) {
     const { rowHeight: r, container: l, viewportEl: a } = t._virtualization, d = l, f = a?.clientHeight ?? d?.clientHeight ?? 0;
     if (d && f > 0) {
@@ -427,11 +427,11 @@ function z(t, e) {
     }
   }
 }
-const Oe = "__cellDisplayCache", ze = "__cellCacheEpoch";
-function Y(t) {
-  t[Oe] = void 0, t[ze] = void 0, t.__hasSpecialColumns = void 0;
+const Oe = "__cellDisplayCache", Me = "__cellCacheEpoch";
+function j(t) {
+  t[Oe] = void 0, t[Me] = void 0, t.__hasSpecialColumns = void 0;
 }
-function Me(t, e, o, i, n) {
+function ze(t, e, o, i, n) {
   const s = Math.max(0, o - e), r = t._bodyEl, l = t._visibleColumns, a = l.length;
   let d = t.__cachedHeaderRowCount;
   for (d === void 0 && (d = t.shadowRoot?.querySelector(".header-group-row") ? 2 : 1, t.__cachedHeaderRowCount = d); t._rowPool.length < s; ) {
@@ -452,48 +452,48 @@ function Me(t, e, o, i, n) {
       u.__epoch = i, u.__rowDataRef = c, u.parentNode !== r && r.appendChild(u);
       continue;
     }
-    const b = u.__epoch, w = u.__rowDataRef, v = u.children.length, x = b === i && v === a, R = w !== c;
+    const b = u.__epoch, w = u.__rowDataRef, v = u.children.length, R = b === i && v === a, E = w !== c;
     let g = !1;
-    if (x && R) {
+    if (R && E) {
       for (let _ = 0; _ < a; _++)
         if (l[_].externalView && !u.querySelector(`.cell[data-col="${_}"] [data-external-view]`)) {
           g = !0;
           break;
         }
     }
-    if (!x || g) {
-      const _ = u.querySelector(".cell.editing"), E = t._activeEditRows === p;
-      if (_ && !E)
+    if (!R || g) {
+      const _ = u.querySelector(".cell.editing"), y = t._activeEditRows === p;
+      if (_ && !y)
         u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), N(t, u, c, p), u.__epoch = i, u.__rowDataRef = c;
-      else if (_ && E)
+      else if (_ && y)
         U(t, u, c, p), u.__rowDataRef = c;
-      else if (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), N(t, u, c, p), u.__epoch = i, u.__rowDataRef = c, E) {
-        const S = u.children;
-        for (let A = 0; A < S.length; A++) {
+      else if (u.__isCustomRow && (u.className = "data-grid-row", u.setAttribute("role", "row"), u.__isCustomRow = !1), N(t, u, c, p), u.__epoch = i, u.__rowDataRef = c, y) {
+        const x = u.children;
+        for (let A = 0; A < x.length; A++) {
           const P = t._visibleColumns[A];
-          P && P.editable && k(t, c, p, P, S[A]);
+          P && P.editable && k(t, c, p, P, x[A]);
         }
       }
-    } else if (R) {
-      const _ = u.querySelector(".cell.editing"), E = t._activeEditRows === p;
-      if (_ && !E)
+    } else if (E) {
+      const _ = u.querySelector(".cell.editing"), y = t._activeEditRows === p;
+      if (_ && !y)
         N(t, u, c, p), u.__epoch = i, u.__rowDataRef = c;
-      else if (U(t, u, c, p), u.__rowDataRef = c, E && !_) {
-        const S = u.children;
-        for (let A = 0; A < S.length; A++) {
+      else if (U(t, u, c, p), u.__rowDataRef = c, y && !_) {
+        const x = u.children;
+        for (let A = 0; A < x.length; A++) {
           const P = t._visibleColumns[A];
-          P && P.editable && k(t, c, p, P, S[A]);
+          P && P.editable && k(t, c, p, P, x[A]);
         }
       }
     } else {
-      const _ = u.querySelector(".cell.editing"), E = t._activeEditRows === p;
-      if (_ && !E)
+      const _ = u.querySelector(".cell.editing"), y = t._activeEditRows === p;
+      if (_ && !y)
         N(t, u, c, p), u.__epoch = i, u.__rowDataRef = c;
-      else if (U(t, u, c, p), E && !_) {
-        const S = u.children;
-        for (let A = 0; A < S.length; A++) {
+      else if (U(t, u, c, p), y && !_) {
+        const x = u.children;
+        for (let A = 0; A < x.length; A++) {
           const P = t._visibleColumns[A];
-          P && P.editable && k(t, c, p, P, S[A]);
+          P && P.editable && k(t, c, p, P, x[A]);
         }
       }
     }
@@ -536,36 +536,36 @@ function U(t, e, o, i) {
     const w = d === i && f === c, v = b.classList.contains("cell-focus");
     if (w !== v && (b.classList.toggle("cell-focus", w), b.setAttribute("aria-selected", String(w))), b.classList.contains("editing")) continue;
     if (u.viewRenderer) {
-      const R = o[u.field], g = u.viewRenderer({ row: o, value: R, field: u.field, column: u });
-      typeof g == "string" ? b.innerHTML = F(g) : g ? (b.innerHTML = "", b.appendChild(g)) : b.textContent = R == null ? "" : String(R);
+      const E = o[u.field], g = u.viewRenderer({ row: o, value: E, field: u.field, column: u });
+      typeof g == "string" ? b.innerHTML = F(g) : g ? (b.innerHTML = "", b.appendChild(g)) : b.textContent = E == null ? "" : String(E);
       continue;
     }
     if (u.__viewTemplate || u.__compiledView || u.externalView)
       continue;
-    const y = o[u.field];
-    let x;
+    const S = o[u.field];
+    let R;
     if (u.format)
       try {
-        const R = u.format(y, o);
-        x = R == null ? "" : String(R);
+        const E = u.format(S, o);
+        R = E == null ? "" : String(E);
       } catch {
-        x = y == null ? "" : String(y);
+        R = S == null ? "" : String(S);
       }
     else if (u.type === "date") {
-      if (y == null || y === "")
-        x = "";
-      else if (y instanceof Date)
-        x = isNaN(y.getTime()) ? "" : y.toLocaleDateString();
+      if (S == null || S === "")
+        R = "";
+      else if (S instanceof Date)
+        R = isNaN(S.getTime()) ? "" : S.toLocaleDateString();
       else {
-        const R = new Date(y);
-        x = isNaN(R.getTime()) ? "" : R.toLocaleDateString();
+        const E = new Date(S);
+        R = isNaN(E.getTime()) ? "" : E.toLocaleDateString();
       }
-      b.textContent = x;
+      b.textContent = R;
     } else if (u.type === "boolean") {
-      const R = !!y;
-      b.innerHTML = `<span role="checkbox" aria-checked="${R}" aria-label="${R}">${R ? "&#x1F5F9;" : "&#9744;"}</span>`;
+      const E = !!S;
+      b.innerHTML = `<span role="checkbox" aria-checked="${E}" aria-label="${E}">${E ? "&#x1F5F9;" : "&#9744;"}</span>`;
     } else
-      x = y == null ? "" : String(y), b.textContent = x;
+      R = S == null ? "" : String(S), b.textContent = R;
   }
 }
 function N(t, e, o, i) {
@@ -573,7 +573,7 @@ function N(t, e, o, i) {
   const n = t._visibleColumns, s = n.length, r = t._focusRow, l = t._focusCol, a = t.effectiveConfig?.editOn || t.editOn, d = t, f = document.createDocumentFragment();
   for (let h = 0; h < s; h++) {
     const p = n[h], c = document.createElement("div");
-    c.className = "cell", j(c, "cell"), c.setAttribute("role", "gridcell"), c.setAttribute("aria-colindex", String(h + 1)), c.setAttribute("data-col", String(h)), c.setAttribute("data-row", String(i)), p.type, p.type && c.setAttribute("data-type", p.type);
+    c.className = "cell", Y(c, "cell"), c.setAttribute("role", "gridcell"), c.setAttribute("aria-colindex", String(h + 1)), c.setAttribute("data-col", String(h)), c.setAttribute("data-row", String(i)), c.setAttribute("data-field", p.field), p.type, p.type && c.setAttribute("data-type", p.type);
     let u = o[p.field];
     const b = p.format;
     if (b)
@@ -581,13 +581,13 @@ function N(t, e, o, i) {
         u = b(u, o);
       } catch {
       }
-    const w = p.__compiledView, v = p.__viewTemplate, y = p.viewRenderer, x = p.externalView;
-    let R = !1;
-    if (y) {
-      const g = y({ row: o, value: u, field: p.field, column: p });
-      typeof g == "string" ? (c.innerHTML = F(g), R = !0) : g ? c.appendChild(g) : c.textContent = u == null ? "" : String(u);
-    } else if (x) {
-      const g = x, m = document.createElement("div");
+    const w = p.__compiledView, v = p.__viewTemplate, S = p.viewRenderer, R = p.externalView;
+    let E = !1;
+    if (S) {
+      const g = S({ row: o, value: u, field: p.field, column: p });
+      typeof g == "string" ? (c.innerHTML = F(g), E = !0) : g ? c.appendChild(g) : c.textContent = u == null ? "" : String(u);
+    } else if (R) {
+      const g = R, m = document.createElement("div");
       m.setAttribute("data-external-view", ""), m.setAttribute("data-field", p.field), c.appendChild(m);
       const C = { row: o, value: u, field: p.field, column: p };
       if (g.mount)
@@ -611,10 +611,10 @@ function N(t, e, o, i) {
       m.setAttribute("data-mounted", "");
     } else if (w) {
       const g = w({ row: o, value: u, field: p.field, column: p }), m = w.__blocked;
-      c.innerHTML = m ? "" : F(g), R = !0, m && (c.textContent = "", c.setAttribute("data-blocked-template", ""));
+      c.innerHTML = m ? "" : F(g), E = !0, m && (c.textContent = "", c.setAttribute("data-blocked-template", ""));
     } else if (v) {
       const g = v.innerHTML;
-      /Reflect\.|\bProxy\b|ownKeys\(/.test(g) ? (c.textContent = "", c.setAttribute("data-blocked-template", "")) : (c.innerHTML = F(ue(g, { row: o, value: u })), R = !0);
+      /Reflect\.|\bProxy\b|ownKeys\(/.test(g) ? (c.textContent = "", c.setAttribute("data-blocked-template", "")) : (c.innerHTML = F(ue(g, { row: o, value: u })), E = !0);
     } else if (p.type === "date")
       if (u == null || u === "")
         c.textContent = "";
@@ -632,7 +632,7 @@ function N(t, e, o, i) {
       c.innerHTML = `<span role="checkbox" aria-checked="${g}" aria-label="${g}">${g ? "&#x1F5F9;" : "&#9744;"}</span>`;
     } else
       c.textContent = u == null ? "" : String(u);
-    if (R) {
+    if (E) {
       Ae(c);
       const g = c.textContent || "";
       /Proxy|Reflect\.ownKeys/.test(g) && (c.textContent = g.replace(/Proxy|Reflect\.ownKeys/g, "").trim(), /Proxy|Reflect\.ownKeys/.test(c.textContent || "") && (c.textContent = ""));
@@ -640,14 +640,14 @@ function N(t, e, o, i) {
     c.hasAttribute("data-blocked-template") && (c.textContent || "").trim().length && (c.textContent = ""), p.editable ? (c.tabIndex = 0, c.addEventListener("mousedown", () => {
       if (c.classList.contains("editing")) return;
       const g = Number(c.getAttribute("data-row")), m = Number(c.getAttribute("data-col"));
-      isNaN(g) || isNaN(m) || (t._focusRow = g, t._focusCol = m, z(t));
+      isNaN(g) || isNaN(m) || (t._focusRow = g, t._focusCol = m, M(t));
     }), a === "click" ? c.addEventListener("click", (g) => {
       if (c.classList.contains("editing")) return;
       g.stopPropagation();
       const m = Number(c.getAttribute("data-row")), C = Number(c.getAttribute("data-col"));
       if (isNaN(m) || isNaN(C)) return;
-      const _ = t._rows[m], E = t._visibleColumns[C];
-      !_ || !E || (t._focusRow = m, t._focusCol = C, k(t, _, m, E, c));
+      const _ = t._rows[m], y = t._visibleColumns[C];
+      !_ || !y || (t._focusRow = m, t._focusCol = C, k(t, _, m, y, c));
     }) : c.addEventListener("dblclick", (g) => {
       g.stopPropagation();
       const m = Number(c.getAttribute("data-row"));
@@ -657,40 +657,40 @@ function N(t, e, o, i) {
       B(t, m, C);
       const _ = t.findRenderedRowElement?.(m);
       if (_) {
-        const E = _.children;
-        for (let S = 0; S < E.length; S++) {
-          const A = t._visibleColumns[S];
-          A && A.editable && k(t, C, m, A, E[S]);
+        const y = _.children;
+        for (let x = 0; x < y.length; x++) {
+          const A = t._visibleColumns[x];
+          A && A.editable && k(t, C, m, A, y[x]);
         }
       }
     }), c.addEventListener("keydown", (g) => {
       const m = Number(c.getAttribute("data-row")), C = Number(c.getAttribute("data-col"));
       if (isNaN(m) || isNaN(C)) return;
-      const _ = t._rows[m], E = t._visibleColumns[C];
-      if (!(!_ || !E)) {
-        if ((E.type === "select" || E.type === "typeahead") && !c.classList.contains("editing") && g.key === "Enter") {
-          g.preventDefault(), t._activeEditRows !== m && B(t, m, _), k(t, _, m, E, c), setTimeout(() => {
-            const S = c.querySelector("select");
+      const _ = t._rows[m], y = t._visibleColumns[C];
+      if (!(!_ || !y)) {
+        if ((y.type === "select" || y.type === "typeahead") && !c.classList.contains("editing") && g.key === "Enter") {
+          g.preventDefault(), t._activeEditRows !== m && B(t, m, _), k(t, _, m, y, c), setTimeout(() => {
+            const x = c.querySelector("select");
             try {
-              S?.showPicker?.();
+              x?.showPicker?.();
             } catch {
             }
-            S?.focus();
+            x?.focus();
           }, 0);
           return;
         }
-        if (E.type === "boolean" && g.key === " " && !c.classList.contains("editing")) {
+        if (y.type === "boolean" && g.key === " " && !c.classList.contains("editing")) {
           g.preventDefault(), t._activeEditRows !== m && B(t, m, _);
-          const S = !_[E.field];
-          J(t, m, E, S, _), c.innerHTML = `<span role="checkbox" aria-checked="${S}" aria-label="${S}">${S ? "&#x1F5F9;" : "&#9744;"}</span>`;
+          const x = !_[y.field];
+          J(t, m, y, x, _), c.innerHTML = `<span role="checkbox" aria-checked="${x}" aria-label="${x}">${x ? "&#x1F5F9;" : "&#9744;"}</span>`;
           return;
         }
         if (g.key === "Enter" && !c.classList.contains("editing")) {
-          g.preventDefault(), g.stopPropagation(), t._focusRow = m, t._focusCol = C, typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(m) : k(t, _, m, E, c);
+          g.preventDefault(), g.stopPropagation(), t._focusRow = m, t._focusCol = C, typeof t.beginBulkEdit == "function" ? t.beginBulkEdit(m) : k(t, _, m, y, c);
           return;
         }
         if (g.key === "F2" && !c.classList.contains("editing")) {
-          g.preventDefault(), k(t, _, m, E, c);
+          g.preventDefault(), k(t, _, m, y, c);
           return;
         }
       }
@@ -705,7 +705,8 @@ function oe(t, e, o, i) {
   const s = Number(n.getAttribute("data-row"));
   if (isNaN(s)) return;
   const r = t._rows[s];
-  if (!r) return;
+  if (!r || t._dispatchRowClick?.(e, s, r, o))
+    return;
   const l = e.target?.closest(".cell[data-col]");
   if (l) {
     if (l.classList.contains("editing")) return;
@@ -713,7 +714,7 @@ function oe(t, e, o, i) {
     if (!isNaN(d)) {
       if (t._dispatchCellClick?.(e, s, d, l))
         return;
-      t._focusRow = s, t._focusCol = d, z(t);
+      t._focusRow = s, t._focusCol = d, M(t);
     }
   }
   if (o.querySelector(".cell.editing")) {
@@ -760,7 +761,7 @@ function D(t, e, o) {
       f instanceof HTMLInputElement && f.type === "checkbox" ? h = f.checked : (h = f.value, d.type === "number" && h !== "" && (h = Number(h))), n[d.field] !== h && J(t, e, d, h, n);
     }
   }), o && i && n)
-    Object.keys(i).forEach((r) => n[r] = i[r]), t._changedRowIndices.delete(e), Y(t);
+    Object.keys(i).forEach((r) => n[r] = i[r]), t._changedRowIndices.delete(e), j(t);
   else if (!o) {
     const r = t._changedRowIndices.has(e);
     t.dispatchEvent(
@@ -829,9 +830,9 @@ function k(t, e, o, i, n) {
   if (h === "template" && f) {
     const c = f.cloneNode(!0), u = i.__compiledEditor;
     u ? c.innerHTML = u({ row: e, value: s, field: i.field, column: i }) : c.querySelectorAll("*").forEach((w) => {
-      w.childNodes.length === 1 && w.firstChild?.nodeType === Node.TEXT_NODE && (w.textContent = w.textContent?.replace(/{{\s*value\s*}}/g, s == null ? "" : String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (v, y) => {
-        const x = e[y];
-        return x == null ? "" : String(x);
+      w.childNodes.length === 1 && w.firstChild?.nodeType === Node.TEXT_NODE && (w.textContent = w.textContent?.replace(/{{\s*value\s*}}/g, s == null ? "" : String(s)).replace(/{{\s*row\.([a-zA-Z0-9_]+)\s*}}/g, (v, S) => {
+        const R = e[S];
+        return R == null ? "" : String(R);
       }) || "");
     });
     const b = c.querySelector("input,textarea,select");
@@ -843,8 +844,8 @@ function k(t, e, o, i, n) {
       }), b.addEventListener("keydown", (v) => {
         if (v.key === "Enter") {
           v.stopPropagation(), v.preventDefault(), r = !0;
-          const y = w && b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked : b.value;
-          l(y), D(t, o, !1);
+          const S = w && b instanceof HTMLInputElement && b.type === "checkbox" ? b.checked : b.value;
+          l(S), D(t, o, !1);
         }
         v.key === "Escape" && (v.stopPropagation(), v.preventDefault(), a(), D(t, o, !0));
       }), w && b instanceof HTMLInputElement && b.type === "checkbox" && b.addEventListener("change", () => {
@@ -896,7 +897,7 @@ function q(t) {
   const e = t._headerRowEl;
   e.innerHTML = "", t._visibleColumns.forEach((o, i) => {
     const n = document.createElement("div");
-    n.className = "cell", j(n, "header-cell"), n.setAttribute("role", "columnheader"), n.setAttribute("aria-colindex", String(i + 1)), n.setAttribute("data-field", o.field), n.setAttribute("data-col", String(i));
+    n.className = "cell", Y(n, "header-cell"), n.setAttribute("role", "columnheader"), n.setAttribute("aria-colindex", String(i + 1)), n.setAttribute("data-field", o.field), n.setAttribute("data-col", String(i));
     const s = o.__headerTemplate;
     if (s) Array.from(s.childNodes).forEach((r) => n.appendChild(r.cloneNode(!0)));
     else {
@@ -906,7 +907,7 @@ function q(t) {
     if (o.sortable) {
       n.classList.add("sortable"), n.tabIndex = 0;
       const r = document.createElement("span");
-      j(r, "sort-indicator"), r.style.opacity = "0.6";
+      Y(r, "sort-indicator"), r.style.opacity = "0.6";
       const l = t._sortState?.field === o.field ? t._sortState.direction : 0, a = { ...H, ...t.icons }, d = l === 1 ? a.sortAsc : l === -1 ? a.sortDesc : a.sortNone;
       De(r, d), n.appendChild(r), n.setAttribute("aria-sort", l === 0 ? "none" : l === 1 ? "ascending" : "descending"), n.addEventListener("click", (f) => {
         t._resizeController?.isResizing || t._dispatchHeaderClick?.(f, i, n) || ne(t, o);
@@ -1288,7 +1289,7 @@ function Ke(t, e) {
             const h = r.querySelector(`[data-section="${a}"] .tbw-accordion-content`);
             h && (h.innerHTML = "");
           }
-        t.expandedSections.add(n), X(r, n, !0), je(r, t, n);
+        t.expandedSections.add(n), X(r, n, !0), Ye(r, t, n);
       }
       e.emit("tool-panel-section-toggle", { id: n, expanded: !l });
     },
@@ -1350,7 +1351,7 @@ function X(t, e, o) {
   const i = t.querySelector(`[data-section="${e}"]`);
   i && i.classList.toggle("expanded", o);
 }
-function je(t, e, o) {
+function Ye(t, e, o) {
   const i = e.toolPanels.get(o);
   if (!i?.render) return;
   const n = t.querySelector(`[data-section="${o}"] .tbw-accordion-content`);
@@ -1358,7 +1359,7 @@ function je(t, e, o) {
   const s = i.render(n);
   s && e.panelCleanups.set(o, s);
 }
-class Ye {
+class je {
   constructor(e) {
     this.grid = e;
   }
@@ -1678,60 +1679,66 @@ class Ye {
 class W extends HTMLElement {
   // TODO: Rename to 'data-grid' when migration is complete
   static tagName = "tbw-grid";
-  static version = "0.2.5";
+  static version = "0.2.6";
   // ---------------- Observed Attributes ----------------
   static get observedAttributes() {
     return ["rows", "columns", "grid-config", "fit-mode", "edit-on"];
   }
   #o;
-  #A = !1;
+  #O = !1;
   // ---------------- Ready Promise ----------------
-  #z;
-  #M;
+  #I;
+  #$;
   // #region Input Properties
   // These backing fields store raw user input. They are merged into
   // #effectiveConfig by #mergeEffectiveConfig(). Never read directly
   // for rendering logic - always use effectiveConfig or derived state.
   #r = [];
   #l;
-  #p;
-  #w;
   #g;
+  #C;
+  #y;
   // #endregion
   // #region Single Source of Truth
   // All input sources converge here. This is the canonical config
   // that all rendering and logic should read from.
   #t = {};
-  #h = !1;
-  #f = 0;
-  #m = null;
-  #v = !1;
+  #p = !1;
+  #b = 0;
+  #S = null;
+  #R = !1;
   // Cached flag for plugin scroll handlers
-  #T;
+  #M;
   // Cached hook to avoid closures
-  #_ = !1;
-  #E = null;
-  #C = null;
-  #y = null;
-  #R = null;
+  #x = !1;
+  #A = null;
+  #T = null;
+  #L = null;
+  #P = null;
+  #m = null;
+  #v = null;
+  #_ = null;
+  #d = 0;
+  #u = 0;
+  #w = 0;
   #a;
-  #b;
+  #E;
   // ---------------- Plugin System ----------------
   #e;
   // ---------------- Column State ----------------
-  #L;
-  #d;
+  #z;
+  #h;
   // ---------------- Shell State ----------------
   #i = qe();
   #n;
-  #S;
+  #H;
   // #endregion
   // #region Derived State
   // _rows: result of applying plugin processRows hooks
   _rows = [];
   // _baseColumns: columns before plugin transformation (analogous to #rows for row processing)
   // This is the source of truth for processColumns - plugins transform these
-  #P = [];
+  #D = [];
   // _columns is a getter/setter that operates on effectiveConfig.columns
   // This ensures effectiveConfig.columns is the single source of truth for columns
   // _columns always contains ALL columns (including hidden)
@@ -1792,7 +1799,7 @@ class W extends HTMLElement {
   }
   set rows(e) {
     const o = this.#r;
-    this.#r = e, o !== e && this.#K();
+    this.#r = e, o !== e && this.#ee();
   }
   /**
    * Get the original unfiltered/unprocessed rows.
@@ -1806,28 +1813,28 @@ class W extends HTMLElement {
   }
   set columns(e) {
     const o = this.#l;
-    this.#l = e, o !== e && this.#j();
+    this.#l = e, o !== e && this.#te();
   }
   get gridConfig() {
     return this.#t;
   }
   set gridConfig(e) {
-    const o = this.#p;
-    this.#p = e, o !== e && this.#Y();
+    const o = this.#g;
+    this.#g = e, o !== e && this.#oe();
   }
   get fitMode() {
     return this.#t.fitMode ?? "stretch";
   }
   set fitMode(e) {
-    const o = this.#w;
-    this.#w = e, o !== e && this.#U();
+    const o = this.#C;
+    this.#C = e, o !== e && this.#J();
   }
   get editOn() {
     return this.#t.editOn;
   }
   set editOn(e) {
-    const o = this.#g;
-    this.#g = e, o !== e && this.#X();
+    const o = this.#y;
+    this.#y = e, o !== e && this.#Q();
   }
   /**
    * Effective config accessor for internal modules and plugins.
@@ -1850,7 +1857,7 @@ class W extends HTMLElement {
     return this.#a || (this.#a = new AbortController()), this.#a.signal;
   }
   constructor() {
-    super(), this.#o = this.attachShadow({ mode: "open" }), this.#W(), this.#z = new Promise((e) => this.#M = e), this.#n = Ke(this.#i, {
+    super(), this.#o = this.attachShadow({ mode: "open" }), this.#K(), this.#I = new Promise((e) => this.#$ = e), this.#n = Ke(this.#i, {
       getShadow: () => this.#o,
       getShellConfig: () => this.#t?.shell,
       getAccordionIcons: () => ({
@@ -1861,7 +1868,7 @@ class W extends HTMLElement {
       refreshShellHeader: () => this.refreshShellHeader()
     });
   }
-  #W() {
+  #K() {
     const e = new CSSStyleSheet();
     e.replaceSync(fe), this.#o.adoptedStyleSheets = [e];
   }
@@ -1889,7 +1896,7 @@ class W extends HTMLElement {
    * @internal Plugin API
    */
   requestRender() {
-    this.#x(), this.#H(), q(this), M(this), this.refreshVirtualWindow(!0);
+    this.#k(), this.#N(), q(this), z(this), this.refreshVirtualWindow(!0);
   }
   /**
    * Update the grid's column template CSS.
@@ -1897,7 +1904,7 @@ class W extends HTMLElement {
    * @internal
    */
   updateTemplate() {
-    M(this);
+    z(this);
   }
   /**
    * Request a lightweight style update without rebuilding DOM.
@@ -1912,8 +1919,8 @@ class W extends HTMLElement {
    * Initialize plugin system with instances from config.
    * Plugins are class instances passed in gridConfig.plugins[].
    */
-  #D() {
-    this.#e = new Ye(this);
+  #W() {
+    this.#e = new je(this);
     const e = this.#t?.plugins, o = Array.isArray(e) ? e : [];
     this.#e.attachAll(o);
   }
@@ -1921,7 +1928,7 @@ class W extends HTMLElement {
    * Inject all plugin styles into the shadow DOM.
    * Must be called after #render() since innerHTML wipes existing content.
    */
-  #N() {
+  #V() {
     const e = this.#e?.getAllStyles() ?? "";
     if (e) {
       const o = document.createElement("style");
@@ -1932,20 +1939,20 @@ class W extends HTMLElement {
    * Update plugins when grid config changes.
    * With class-based plugins, we need to detach old and attach new.
    */
-  #q() {
-    this.#e && this.#e.detachAll(), this.#D(), this.#N(), this.#v = this.#e?.getAll().some((e) => e.onScroll) ?? !1;
+  #G() {
+    this.#e && this.#e.detachAll(), this.#W(), this.#V(), this.#R = this.#e?.getAll().some((e) => e.onScroll) ?? !1;
   }
   /**
    * Clean up plugin states when grid disconnects.
    */
-  #V() {
+  #Y() {
     this.#e?.detachAll();
   }
   /**
    * Collect tool panels and header content from all plugins.
    * Called after plugins are attached but before render.
    */
-  #G() {
+  #j() {
     if (!this.#e) return;
     const e = this.#e.getToolPanels();
     for (const { panel: i } of e)
@@ -1956,10 +1963,10 @@ class W extends HTMLElement {
   }
   // ---------------- Lifecycle ----------------
   connectedCallback() {
-    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", W.version), this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#a?.abort(), this.#a = new AbortController(), this.#u(), this.#D(), this.#G(), this.#A || (this.#$(), this.#N(), this.#A = !0), this.#B();
+    this.hasAttribute("tabindex") || (this.tabIndex = 0), this.hasAttribute("version") || this.setAttribute("version", W.version), this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#a?.abort(), this.#a = new AbortController(), this.#f(), this.#W(), this.#j(), this.#O || (this.#X(), this.#V(), this.#O = !0), this.#F();
   }
   disconnectedCallback() {
-    this.#V(), Xe(this.#i), this.#n.setInitialized(!1), this.#S?.(), this.#S = void 0, this.#a && (this.#a.abort(), this.#a = void 0), this._resizeController && this._resizeController.dispose(), this.#b && (this.#b.disconnect(), this.#b = void 0), this.#h = !1;
+    this.#Y(), Xe(this.#i), this.#n.setInitialized(!1), this.#H?.(), this.#H = void 0, this.#a && (this.#a.abort(), this.#a = void 0), this._resizeController && this._resizeController.dispose(), this.#E && (this.#E.disconnect(), this.#E = void 0), this.#p = !1;
   }
   /**
    * Handle HTML attribute changes.
@@ -1985,14 +1992,14 @@ class W extends HTMLElement {
       else
         this[s] = i;
   }
-  #B() {
+  #F() {
     const o = this.#o.querySelector(".tbw-grid-content") ?? this.#o.querySelector(".tbw-grid-root");
     if (this._headerRowEl = o?.querySelector(".header-row"), this._virtualization.totalHeightEl = o?.querySelector(".faux-vscroll-spacer"), this._virtualization.viewportEl = o?.querySelector(".rows-viewport"), this._bodyEl = o?.querySelector(".rows"), this.#n.isInitialized) {
       he(this.#o, this.#i), Ge(this.#o, this.#t?.shell, this.#i);
       const l = this.#t?.shell?.toolPanel?.defaultOpen;
       l && this.#i.toolPanels.has(l) && (this.openToolPanel(), this.#i.expandedSections.add(l));
     }
-    this.setAttribute("data-upgraded", ""), this.#h = !0;
+    this.setAttribute("data-upgraded", ""), this.#p = !0;
     const i = this.disconnectSignal;
     this._resizeController = Ne(this), this.#c(), this.addEventListener("keydown", (l) => ke(this, l), { signal: i }), document.addEventListener(
       "keydown",
@@ -2010,14 +2017,14 @@ class W extends HTMLElement {
       { signal: i }
     );
     const n = o?.querySelector(".faux-vscroll"), s = o?.querySelector(".rows");
-    if (this._virtualization.container = n ?? this, this.#v = this.#e?.getAll().some((l) => l.onScroll) ?? !1, n && s) {
+    if (this._virtualization.container = n ?? this, this.#R = this.#e?.getAll().some((l) => l.onScroll) ?? !1, n && s) {
       n.addEventListener(
         "scroll",
         () => {
-          if (!this._virtualization.enabled && !this.#v) return;
+          if (!this._virtualization.enabled && !this.#R) return;
           const d = n.scrollTop, f = this._virtualization.rowHeight, h = Math.floor(d / f), p = h - h % 2, c = -(d - p * f);
-          s.style.transform = `translateY(${c}px)`, this.#m = d, this.#f || (this.#f = requestAnimationFrame(() => {
-            this.#f = 0, this.#m !== null && (this.#Z(this.#m), this.#m = null);
+          s.style.transform = `translateY(${c}px)`, this.#S = d, this.#b || (this.#b = requestAnimationFrame(() => {
+            this.#b = 0, this.#S !== null && (this.#ne(this.#S), this.#S = null);
           }));
         },
         { passive: !0, signal: i }
@@ -2026,33 +2033,51 @@ class W extends HTMLElement {
       l && (l.addEventListener(
         "wheel",
         (d) => {
-          d.preventDefault(), d.shiftKey || Math.abs(d.deltaX) > Math.abs(d.deltaY) ? a && (a.scrollLeft += d.shiftKey ? d.deltaY : d.deltaX) : n.scrollTop += d.deltaY;
+          const f = d.shiftKey || Math.abs(d.deltaX) > Math.abs(d.deltaY);
+          if (f && a) {
+            const h = d.shiftKey ? d.deltaY : d.deltaX, { scrollLeft: p, scrollWidth: c, clientWidth: u } = a;
+            (h > 0 && p < c - u || h < 0 && p > 0) && (d.preventDefault(), a.scrollLeft += h);
+          } else if (!f) {
+            const { scrollTop: h, scrollHeight: p, clientHeight: c } = n;
+            (d.deltaY > 0 && h < p - c || d.deltaY < 0 && h > 0) && (d.preventDefault(), n.scrollTop += d.deltaY);
+          }
         },
         { passive: !1, signal: i }
       ), l.addEventListener(
         "touchstart",
         (d) => {
-          d.touches.length === 1 && (this.#E = d.touches[0].clientY, this.#C = d.touches[0].clientX, this.#y = n.scrollTop, this.#R = a?.scrollLeft ?? 0);
+          d.touches.length === 1 && (this.#w && (cancelAnimationFrame(this.#w), this.#w = 0), this.#A = d.touches[0].clientY, this.#T = d.touches[0].clientX, this.#m = d.touches[0].clientY, this.#v = d.touches[0].clientX, this.#_ = performance.now(), this.#L = n.scrollTop, this.#P = a?.scrollLeft ?? 0, this.#d = 0, this.#u = 0);
         },
         { passive: !0, signal: i }
       ), l.addEventListener(
         "touchmove",
         (d) => {
-          if (d.touches.length === 1 && this.#E !== null && this.#C !== null && this.#y !== null && this.#R !== null) {
-            const f = this.#E - d.touches[0].clientY, h = this.#C - d.touches[0].clientX;
-            n.scrollTop = this.#y + f, a && (a.scrollLeft = this.#R + h), d.preventDefault();
+          if (d.touches.length === 1 && this.#A !== null && this.#T !== null && this.#L !== null && this.#P !== null) {
+            const f = d.touches[0].clientY, h = d.touches[0].clientX, p = performance.now(), c = this.#A - f, u = this.#T - h;
+            if (this.#_ !== null && this.#m !== null && this.#v !== null) {
+              const g = p - this.#_;
+              g > 0 && (this.#d = (this.#m - f) / g, this.#u = (this.#v - h) / g);
+            }
+            this.#m = f, this.#v = h, this.#_ = p;
+            const { scrollTop: b, scrollHeight: w, clientHeight: v } = n, S = w - v, R = c > 0 && b < S || c < 0 && b > 0;
+            let E = !1;
+            if (a) {
+              const { scrollLeft: g, scrollWidth: m, clientWidth: C } = a, _ = m - C;
+              E = u > 0 && g < _ || u < 0 && g > 0;
+            }
+            R && (n.scrollTop = this.#L + c), E && a && (a.scrollLeft = this.#P + u), (R || E) && d.preventDefault();
           }
         },
         { passive: !1, signal: i }
       ), l.addEventListener(
         "touchend",
         () => {
-          this.#E = null, this.#C = null, this.#y = null, this.#R = null;
+          (Math.abs(this.#d) > 0.1 || Math.abs(this.#u) > 0.1) && this.#ie(n, a), this.#A = null, this.#T = null, this.#L = null, this.#P = null, this.#m = null, this.#v = null, this.#_ = null;
         },
         { passive: !0, signal: i }
       ));
     }
-    this.#o.addEventListener("mousedown", (l) => this.#J(l), { signal: i }), document.addEventListener("mousemove", (l) => this.#Q(l), { signal: i }), document.addEventListener("mouseup", (l) => this.#ee(l), { signal: i }), this._virtualization.enabled && requestAnimationFrame(() => this.refreshVirtualWindow(!0));
+    this.#o.addEventListener("mousedown", (l) => this.#se(l), { signal: i }), document.addEventListener("mousemove", (l) => this.#re(l), { signal: i }), document.addEventListener("mouseup", (l) => this.#le(l), { signal: i }), this._virtualization.enabled && requestAnimationFrame(() => this.refreshVirtualWindow(!0));
     const r = this.#t.rowHeight;
     r && r > 0 ? this._virtualization.rowHeight = r : requestAnimationFrame(() => {
       const l = this._bodyEl?.querySelector(".data-grid-row");
@@ -2060,11 +2085,11 @@ class W extends HTMLElement {
         const a = l.getBoundingClientRect().height;
         a > 0 && (this._virtualization.rowHeight = a, this.refreshVirtualWindow(!0));
       }
-    }), this._virtualization.viewportEl && (this.#b = new ResizeObserver(() => {
-      this.#f || (this.#f = requestAnimationFrame(() => {
-        this.#f = 0, this.refreshVirtualWindow(!0), z(this);
+    }), this._virtualization.viewportEl && (this.#E = new ResizeObserver(() => {
+      this.#b || (this.#b = requestAnimationFrame(() => {
+        this.#b = 0, this.refreshVirtualWindow(!0), M(this);
       }));
-    }), this.#b.observe(this._virtualization.viewportEl)), queueMicrotask(() => this.#F()), requestAnimationFrame(() => requestAnimationFrame(() => this.#M?.()));
+    }), this.#E.observe(this._virtualization.viewportEl)), queueMicrotask(() => this.#Z()), requestAnimationFrame(() => requestAnimationFrame(() => this.#$?.()));
   }
   // ---------------- Event Emitters ----------------
   #s(e, o) {
@@ -2086,7 +2111,7 @@ class W extends HTMLElement {
     this.#s("activate-cell", e);
   }
   /** Update ARIA selection attributes on rendered rows/cells */
-  #F() {
+  #Z() {
     this._bodyEl?.querySelectorAll(".data-grid-row")?.forEach((o, i) => {
       const n = i === this._focusRow;
       o.setAttribute("aria-selected", String(n)), o.querySelectorAll(".cell").forEach((s, r) => {
@@ -2095,27 +2120,27 @@ class W extends HTMLElement {
     });
   }
   // ---------------- Watch Handlers ----------------
-  #U() {
-    if (!this.#h) return;
-    this.#u(), this.#t.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, te(this)) : (this._columns.forEach((o) => {
+  #J() {
+    if (!this.#p) return;
+    this.#f(), this.#t.fitMode === "fixed" ? (this.__didInitialAutoSize = !1, te(this)) : (this._columns.forEach((o) => {
       !o.__userResized && o.__autoSized && delete o.width;
-    }), M(this));
+    }), z(this));
   }
-  #X() {
-    this.#h && (this.#u(), this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.refreshVirtualWindow(!0));
+  #Q() {
+    this.#p && (this.#f(), this._rowPool.length = 0, this._bodyEl && (this._bodyEl.innerHTML = ""), this.__rowRenderEpoch++, this.refreshVirtualWindow(!0));
   }
-  #K() {
-    this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#x(), !this.#l || Array.isArray(this.#l) && this.#l.length === 0 ? this.#c() : this.refreshVirtualWindow(!0);
+  #ee() {
+    this._rows = Array.isArray(this.#r) ? [...this.#r] : [], this.#k(), !this.#l || Array.isArray(this.#l) && this.#l.length === 0 ? this.#c() : this.refreshVirtualWindow(!0);
   }
-  #j() {
-    Y(this), this.#h && (this.#u(), this.#c());
+  #te() {
+    j(this), this.#p && (this.#f(), this.#c());
   }
-  #Y() {
-    this.#h && (this.#u(), this.#q(), this.#x(), this.#H(), q(this), M(this), this.refreshVirtualWindow(!0));
+  #oe() {
+    this.#p && (this.#f(), this.#G(), this.#k(), this.#N(), q(this), z(this), this.refreshVirtualWindow(!0));
   }
-  #H() {
+  #N() {
     if (this.#e) {
-      const e = this.#P.length > 0 ? this.#P : this._columns, o = e.filter((s) => !s.hidden), i = e.filter((s) => s.hidden), n = this.#e.processColumns([...o]);
+      const e = this.#D.length > 0 ? this.#D : this._columns, o = e.filter((s) => !s.hidden), i = e.filter((s) => s.hidden), n = this.#e.processColumns([...o]);
       if (n !== o) {
         const s = new Map(n.map((l, a) => [l.field, { col: l, order: a }]));
         if (!o.some((l) => s.has(l.field)) && n.length > 0)
@@ -2133,8 +2158,8 @@ class W extends HTMLElement {
     }
   }
   /** Recompute row model via plugin hooks (grouping, tree, filtering, etc.). */
-  #x() {
-    Y(this);
+  #k() {
+    j(this);
     const e = Array.isArray(this.#r) ? [...this.#r] : [], o = this.#e?.processRows(e) ?? e;
     this._rows = o;
   }
@@ -2156,8 +2181,8 @@ class W extends HTMLElement {
    * - `_columns` is NOT set here (done by #getColumnConfiguration + #processColumns)
    * - Plugins receive config via their attach() method
    */
-  #u() {
-    const e = this.#p ? { ...this.#p } : {};
+  #f() {
+    const e = this.#g ? { ...this.#g } : {};
     let o = Array.isArray(e.columns) ? [...e.columns] : [];
     const i = (this.__lightDomColumnsCache || []).map((n) => ({
       ...n
@@ -2181,19 +2206,19 @@ class W extends HTMLElement {
       const n = this.#t.columns;
       n?.some((s) => s.__compiledView || s.__compiledEditor) && (e.columns = n);
     }
-    this.#w && (e.fitMode = this.#w), e.fitMode || (e.fitMode = "stretch"), this.#g && (e.editOn = this.#g), e.rowHeight && e.rowHeight > 0 && (this._virtualization.rowHeight = e.rowHeight), e.columnState && !this.#d && (this.#d = e.columnState), this.#t = e, e.fitMode === "fixed" && this._columns.forEach((n) => {
+    this.#C && (e.fitMode = this.#C), e.fitMode || (e.fitMode = "stretch"), this.#y && (e.editOn = this.#y), e.rowHeight && e.rowHeight > 0 && (this._virtualization.rowHeight = e.rowHeight), e.columnState && !this.#h && (this.#h = e.columnState), this.#t = e, e.fitMode === "fixed" && this._columns.forEach((n) => {
       n.width == null && (n.width = 80);
     });
   }
   // ---------------- Delegate Wrappers ----------------
-  #k(e, o, i = this.__rowRenderEpoch) {
-    this.#T || (this.#T = (n, s, r) => this.#e?.renderRow(n, s, r) ?? !1), Me(this, e, o, i, this.#T);
+  #q(e, o, i = this.__rowRenderEpoch) {
+    this.#M || (this.#M = (n, s, r) => this.#e?.renderRow(n, s, r) ?? !1), ze(this, e, o, i, this.#M);
   }
   // ---------------- Core Helpers ----------------
   #c() {
     if (!this.isConnected || !this._headerRowEl || !this._bodyEl)
       return;
-    const e = this.#p?.columns || this.#l || [];
+    const e = this.#g?.columns || this.#l || [];
     if (e.length) {
       const i = new Map(this._columns.filter((s) => s.hidden).map((s) => [s.field, !0])), n = e.map((s) => ({
         ...s,
@@ -2201,14 +2226,14 @@ class W extends HTMLElement {
       }));
       this._columns = n;
     }
-    if (Pe(this), this.#u(), this.#q(), this.#P = [...this._columns], this.#x(), this.#H(), this.#d) {
-      const i = this.#d;
-      this.#d = void 0, this.#I(i);
+    if (Pe(this), this.#f(), this.#G(), this.#D = [...this._columns], this.#k(), this.#N(), this.#h) {
+      const i = this.#h;
+      this.#h = void 0, this.#U(i);
     }
-    q(this), M(this), this.refreshVirtualWindow(!0), this.#t.fitMode === "fixed" && !this.__didInitialAutoSize && requestAnimationFrame(() => te(this)), this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), queueMicrotask(() => this.#e?.afterRender());
+    q(this), z(this), this.refreshVirtualWindow(!0), this.#t.fitMode === "fixed" && !this.__didInitialAutoSize && requestAnimationFrame(() => te(this)), this._bodyEl && (this._bodyEl.style.display = "", this._bodyEl.style.gridTemplateColumns = ""), queueMicrotask(() => this.#e?.afterRender());
   }
   /** Internal method to apply column state without triggering setup loop */
-  #I(e) {
+  #U(e) {
     const o = this.#t.columns ?? [], i = this.#e?.getAll() ?? [];
     be(this, e, o, i);
     for (const n of e.columns) {
@@ -2216,8 +2241,8 @@ class W extends HTMLElement {
       s && (s.hidden = !n.visible);
     }
   }
-  #Z(e) {
-    if (this.refreshVirtualWindow(!1), this.#e?.onScrollRender(), this.#v) {
+  #ne(e) {
+    if (this.refreshVirtualWindow(!1), this.#e?.onScrollRender(), this.#R) {
       const o = this._virtualization.container, i = {
         scrollTop: e,
         scrollLeft: o?.scrollLeft ?? 0,
@@ -2269,6 +2294,20 @@ class W extends HTMLElement {
     };
     return this.#e?.onCellClick(l) ?? !1;
   }
+  /**
+   * Dispatch a row click event to the plugin system.
+   * Returns true if any plugin handled the event.
+   */
+  _dispatchRowClick(e, o, i, n) {
+    if (!i) return !1;
+    const s = {
+      rowIndex: o,
+      row: i,
+      rowEl: n,
+      originalEvent: e
+    };
+    return this.#e?.onRowClick(s) ?? !1;
+  }
   /**
    * Dispatch a header click event to the plugin system.
    * Returns true if any plugin handled the event.
@@ -2317,7 +2356,7 @@ class W extends HTMLElement {
    * Build a CellMouseEvent from a native MouseEvent.
    * Extracts cell/row information from the event target.
    */
-  #O(e, o) {
+  #B(e, o) {
     let i = null;
     const n = e.composedPath?.();
     if (n && n.length > 0 ? i = n[0] : i = e.target, i && !this.#o.contains(i)) {
@@ -2341,28 +2380,40 @@ class W extends HTMLElement {
       cell: a !== void 0 && d !== void 0 && a >= 0 && d >= 0 ? { row: a, col: d } : void 0
     };
   }
+  /**
+   * Apply momentum scrolling animation after touch release.
+   * Decelerates smoothly until velocity drops below threshold.
+   */
+  #ie(e, o) {
+    const s = () => {
+      this.#d *= 0.95, this.#u *= 0.95;
+      const r = this.#d * 16, l = this.#u * 16;
+      Math.abs(this.#d) > 0.01 && (e.scrollTop += r), Math.abs(this.#u) > 0.01 && o && (o.scrollLeft += l), Math.abs(this.#d) > 0.01 || Math.abs(this.#u) > 0.01 ? this.#w = requestAnimationFrame(s) : this.#w = 0;
+    };
+    this.#w = requestAnimationFrame(s);
+  }
   /**
    * Handle mousedown events and dispatch to plugin system.
    */
-  #J(e) {
-    const o = this.#O(e, "mousedown");
-    (this.#e?.onCellMouseDown(o) ?? !1) && (this.#_ = !0);
+  #se(e) {
+    const o = this.#B(e, "mousedown");
+    (this.#e?.onCellMouseDown(o) ?? !1) && (this.#x = !0);
   }
   /**
    * Handle mousemove events (only when dragging).
    */
-  #Q(e) {
-    if (!this.#_) return;
-    const o = this.#O(e, "mousemove");
+  #re(e) {
+    if (!this.#x) return;
+    const o = this.#B(e, "mousemove");
     this.#e?.onCellMouseMove(o);
   }
   /**
    * Handle mouseup events.
    */
-  #ee(e) {
-    if (!this.#_) return;
-    const o = this.#O(e, "mouseup");
-    this.#e?.onCellMouseUp(o), this.#_ = !1;
+  #le(e) {
+    if (!this.#x) return;
+    const o = this.#B(e, "mouseup");
+    this.#e?.onCellMouseUp(o), this.#x = !1;
   }
   // API consumed by internal utils (rows.ts)
   get changedRows() {
@@ -2402,7 +2453,7 @@ class W extends HTMLElement {
     this._activeEditRows !== -1 && D(this, this._activeEditRows, !1);
   }
   async ready() {
-    return this.#z;
+    return this.#I;
   }
   async forceLayout() {
     this.#c(), await new Promise((e) => requestAnimationFrame(() => requestAnimationFrame(e)));
@@ -2486,7 +2537,7 @@ class W extends HTMLElement {
     }
     for (const n of o.values())
       i.push(n);
-    this._columns = i, q(this), M(this), this.refreshVirtualWindow(!0);
+    this._columns = i, q(this), z(this), this.refreshVirtualWindow(!0);
   }
   /**
    * Get the current column order as an array of field names.
@@ -2509,7 +2560,7 @@ class W extends HTMLElement {
    * Use this to restore previously saved column state.
    */
   set columnState(e) {
-    e && (this.#d = e, this.#A && this.#te(e));
+    e && (this.#h = e, this.#O && this.#ae(e));
   }
   /**
    * Get the current column state.
@@ -2520,10 +2571,10 @@ class W extends HTMLElement {
   /**
    * Apply column state internally.
    */
-  #te(e) {
+  #ae(e) {
     (this.#t.columns ?? []).forEach((i) => {
       i.hidden = !1;
-    }), this.#I(e), this.#c();
+    }), this.#U(e), this.#c();
   }
   /**
    * Request a state change event to be emitted.
@@ -2533,20 +2584,20 @@ class W extends HTMLElement {
    * @internal Plugin API
    */
   requestStateChange() {
-    this.#L || (this.#L = we(
+    this.#z || (this.#z = we(
       this,
       () => this.#e?.getAll() ?? [],
       (e) => this.#s("column-state-change", e)
-    )), this.#L();
+    )), this.#z();
   }
   /**
    * Reset column state to initial configuration.
    * Clears all user modifications (order, width, visibility, sort).
    */
   resetColumnState() {
-    this.#d = void 0, (this.#t.columns ?? []).forEach((i) => {
+    this.#h = void 0, (this.#t.columns ?? []).forEach((i) => {
       i.hidden = !1;
-    }), this._sortState = null, this.__originalOrder = [], this.#u(), this.#c();
+    }), this._sortState = null, this.__originalOrder = [], this.#f(), this.#c();
     const o = this.#e?.getAll() ?? [];
     for (const i of o)
       if (i.applyColumnState)
@@ -2638,7 +2689,7 @@ class W extends HTMLElement {
    * Call this after dynamically modifying <tbw-grid-header> children.
    */
   refreshShellHeader() {
-    se(this, this.#i), this.#$(), this.#B();
+    se(this, this.#i), this.#X(), this.#F();
   }
   // ---------------- Virtual Window ----------------
   /**
@@ -2650,11 +2701,11 @@ class W extends HTMLElement {
     if (!this._bodyEl) return;
     const o = this._rows.length;
     if (!this._virtualization.enabled) {
-      this.#k(0, o), this.#e?.afterRender();
+      this.#q(0, o), this.#e?.afterRender();
       return;
     }
     if (this._rows.length <= this._virtualization.bypassThreshold) {
-      if (this._virtualization.start = 0, this._virtualization.end = o, this._bodyEl.style.transform = "translateY(0px)", this.#k(0, o, this.__rowRenderEpoch), this._virtualization.totalHeightEl) {
+      if (this._virtualization.start = 0, this._virtualization.end = o, this._bodyEl.style.transform = "translateY(0px)", this.#q(0, o, this.__rowRenderEpoch), this._virtualization.totalHeightEl) {
         const C = this.#o.querySelector(".tbw-scroll-area"), _ = C ? C.offsetHeight - C.clientHeight : 0;
         this._virtualization.totalHeightEl.style.height = `${o * this._virtualization.rowHeight + _}px`;
       }
@@ -2676,15 +2727,15 @@ class W extends HTMLElement {
     const p = Math.ceil(s / r) + 3;
     let c = a + p;
     c > o && (c = o), this._virtualization.start = a, this._virtualization.end = c;
-    const b = this.#o.querySelector(".tbw-footer")?.offsetHeight ?? 0, w = this.#e?.getExtraHeight() ?? 0, v = this.#o.querySelector(".tbw-scroll-area"), y = v ? v.offsetHeight - v.clientHeight : 0;
-    this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${o * r + r + b + w + y}px`);
-    const x = this.#e?.getExtraHeightBefore?.(a) ?? 0, R = -(l - a * r - x);
-    this._bodyEl.style.transform = `translateY(${R}px)`, this.#k(a, c, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch);
+    const b = this.#o.querySelector(".tbw-footer")?.offsetHeight ?? 0, w = this.#e?.getExtraHeight() ?? 0, v = this.#o.querySelector(".tbw-scroll-area"), S = v ? v.offsetHeight - v.clientHeight : 0;
+    this._virtualization.totalHeightEl && (this._virtualization.totalHeightEl.style.height = `${o * r + r + b + w + S}px`);
+    const R = this.#e?.getExtraHeightBefore?.(a) ?? 0, E = -(l - a * r - R);
+    this._bodyEl.style.transform = `translateY(${E}px)`, this.#q(a, c, e ? ++this.__rowRenderEpoch : this.__rowRenderEpoch);
     const g = this.#o.querySelector(".rows-body");
     g?.setAttribute("aria-rowcount", String(o)), g?.setAttribute("aria-colcount", String(this._visibleColumns.length)), e && this.#e?.afterRender();
   }
   // ---------------- Render ----------------
-  #$() {
+  #X() {
     se(this, this.#i);
     const e = this.#t?.shell, o = Be(e, this.#i), i = `
       <div class="tbw-scroll-area">
@@ -2715,7 +2766,7 @@ class W extends HTMLElement {
           ${r}
           ${l}
         </div>
-      `, this.#oe(), this.#n.setInitialized(!0);
+      `, this.#ce(), this.#n.setInitialized(!0);
     } else
       this.#o.innerHTML = `
         <div class="tbw-grid-root">
@@ -2728,19 +2779,19 @@ class W extends HTMLElement {
   /**
    * Set up shell event listeners after render.
    */
-  #oe() {
+  #ce() {
     We(this.#o, this.#t?.shell, this.#i, {
       onPanelToggle: () => this.toggleToolPanel(),
       onSectionToggle: (e) => this.toggleToolPanelSection(e),
-      onToolbarButtonClick: (e) => this.#ne(e)
-    }), this.#S?.(), this.#S = Ve(this.#o, this.#t?.shell, (e) => {
+      onToolbarButtonClick: (e) => this.#de(e)
+    }), this.#H?.(), this.#H = Ve(this.#o, this.#t?.shell, (e) => {
       this.style.setProperty("--tbw-tool-panel-width", `${e}px`);
     });
   }
   /**
    * Handle toolbar button click (for config buttons with action).
    */
-  #ne(e) {
+  #de(e) {
     const i = (this.#t?.shell?.header?.toolbarButtons ?? []).find((s) => s.id === e);
     if (i?.action) {
       i.action();
@@ -2848,7 +2899,7 @@ class Qe {
    * Use this for rendering that needs to match the grid template.
    */
   get visibleColumns() {
-    return this.grid?.visibleColumns ?? [];
+    return this.grid?._visibleColumns ?? [];
   }
   /**
    * Get the shadow root of the grid.
@@ -3133,7 +3184,7 @@ export {
   et as GridSelectors,
   Je as PLUGIN_QUERIES,
   nt as PluginEvents,
-  Ye as PluginManager,
+  je as PluginManager,
   O as aggregatorRegistry,
   lt as getAggregator,
   Ze as getValueAggregator,