@keenmate/web-grid 1.0.0-rc05 → 1.0.0-rc06

package/dist/web-grid.js

@@ -27,11 +27,15 @@ class je {
     w(this, "_invalidCells", []);
     w(this, "_showRowToolbar", !1);
     w(this, "_rowToolbar", ["add", "delete", "duplicate"]);
-    w(this, "_toolbarAlign", "center");
-    w(this, "_toolbarTopPosition", "center");
+    w(this, "_toolbarVerticalAlign", "bottom");
+    w(this, "_toolbarHorizontalAlign", "center");
     w(this, "_toolbarTrigger", "hover");
     w(this, "_toolbarPosition", "auto");
     w(this, "_contextMenu");
+    w(this, "_rowShortcuts");
+    w(this, "_showShortcutsHelp", !1);
+    w(this, "_shortcutsHelpPosition", "top-right");
+    w(this, "_shortcutsHelpContentCallback");
     // ==========================================================================
     // Callbacks
     // ==========================================================================
@@ -245,17 +249,30 @@ class je {
   set rowToolbar(e) {
     this._rowToolbar = e, this.requestUpdate();
   }
+  get toolbarVerticalAlign() {
+    return this._toolbarVerticalAlign;
+  }
+  set toolbarVerticalAlign(e) {
+    this._toolbarVerticalAlign = e, this.requestUpdate();
+  }
+  get toolbarHorizontalAlign() {
+    return this._toolbarHorizontalAlign;
+  }
+  set toolbarHorizontalAlign(e) {
+    this._toolbarHorizontalAlign = e, this.requestUpdate();
+  }
+  // Deprecated aliases
   get toolbarAlign() {
-    return this._toolbarAlign;
+    return this._toolbarVerticalAlign;
   }
   set toolbarAlign(e) {
-    this._toolbarAlign = e, this.requestUpdate();
+    this.toolbarVerticalAlign = e;
   }
   get toolbarTopPosition() {
-    return this._toolbarTopPosition;
+    return this._toolbarHorizontalAlign;
   }
   set toolbarTopPosition(e) {
-    this._toolbarTopPosition = e, this.requestUpdate();
+    this.toolbarHorizontalAlign = e;
   }
   get toolbarTrigger() {
     return this._toolbarTrigger;
@@ -275,6 +292,31 @@ class je {
   set contextMenu(e) {
     this._contextMenu = e, this.requestUpdate();
   }
+  // Row keyboard shortcuts
+  get rowShortcuts() {
+    return this._rowShortcuts;
+  }
+  set rowShortcuts(e) {
+    this._rowShortcuts = e, this.requestUpdate();
+  }
+  get showShortcutsHelp() {
+    return this._showShortcutsHelp;
+  }
+  set showShortcutsHelp(e) {
+    this._showShortcutsHelp = e, this.requestUpdate();
+  }
+  get shortcutsHelpPosition() {
+    return this._shortcutsHelpPosition;
+  }
+  set shortcutsHelpPosition(e) {
+    this._shortcutsHelpPosition = e, this.requestUpdate();
+  }
+  get shortcutsHelpContentCallback() {
+    return this._shortcutsHelpContentCallback;
+  }
+  set shortcutsHelpContentCallback(e) {
+    this._shortcutsHelpContentCallback = e, this.requestUpdate();
+  }
   // Sorting (multi-column)
   get sort() {
     return this._sort;
@@ -659,7 +701,7 @@ class je {
    * Commit edit with validation
    */
   async commitEdit(e, o, i) {
-    var g, h;
+    var l, h;
     const r = this._columns.find((u) => String(u.field) === o);
     if (!r) return;
     const s = this.displayItems[e];
@@ -685,15 +727,15 @@ class je {
       c = !1, a = u instanceof Error ? u.message : "Validation failed";
     }
     this._isValidating = !1;
-    let l = this._draftRows.get(e);
-    l || (l = { ...s }, this._draftRows.set(e, l)), l[o] = d, c ? (this.removeInvalidCell(e, o), this._currentCellError = null) : (this.addInvalidCell(e, o, a || "Invalid value"), this._currentCellError = a, (g = this._onvalidationerror) == null || g.call(this, {
+    let g = this._draftRows.get(e);
+    g || (g = { ...s }, this._draftRows.set(e, g)), g[o] = d, c ? (this.removeInvalidCell(e, o), this._currentCellError = null) : (this.addInvalidCell(e, o, a || "Invalid value"), this._currentCellError = a, (l = this._onvalidationerror) == null || l.call(this, {
       row: s,
       rowIndex: e,
       field: o,
       error: a || "Invalid value"
     })), (h = this._onrowchange) == null || h.call(this, {
       row: s,
-      draftRow: l,
+      draftRow: g,
       rowIndex: e,
       field: o,
       oldValue: n,
@@ -748,7 +790,7 @@ class je {
     this._focusedCell = null;
   }
 }
-const Be = ':host{--wg-rem: 10px;font-family:var(--wg-font-family, var(--base-font-family, system-ui, -apple-system, sans-serif));display:block;--wg-accent-color: var(--base-accent-color, #0078d4);--wg-accent-color-hover: var(--base-accent-color-hover, #106ebe);--wg-accent-color-active: var(--base-accent-color-active, #005a9e);--wg-accent-color-light: var(--base-accent-color-light, #e6f2ff);--wg-text-color-1: var(--base-text-color-1, #242424);--wg-text-color-2: var(--base-text-color-2, #424242);--wg-text-color-3: var(--base-text-color-3, #707070);--wg-text-on-accent: var(--base-text-color-on-accent, #ffffff);--wg-surface-1: var(--base-main-bg, #ffffff);--wg-surface-2: var(--base-elevated-bg, #f5f5f5);--wg-surface-3: var(--base-hover-bg, #ebebeb);--wg-surface-floating: var(--base-dropdown-bg, var(--base-main-bg, #ffffff));--wg-border-color: var(--base-border-color, #e0e0e0);--wg-border-color-hover: var(--base-border-color, #d1d1d1);--wg-input-bg: var(--base-input-bg, #ffffff);--wg-input-color: var(--base-input-color, var(--wg-text-color-1));--wg-input-border: var(--base-input-border, 1px solid #d1d1d1);--wg-input-border-hover: var(--base-input-border-hover, 1px solid #0078d4);--wg-input-border-focus: var(--base-input-border-focus, 1px solid #0078d4);--wg-input-placeholder-color: var(--base-input-placeholder-color, #707070);--wg-danger-color: var(--base-danger-color, #d13438);--wg-danger-bg-light: var(--base-danger-bg-light, #fde7e9);--wg-hover-bg: var(--base-hover-bg, #f0f0f0);--wg-active-bg: var(--base-hover-bg, #e0e0e0);--wg-font-size-base: calc(var(--base-font-size-base, 1.4) * var(--wg-rem));--wg-font-size-sm: calc(var(--base-font-size-sm, 1.2) * var(--wg-rem));--wg-font-size-xs: calc(var(--base-font-size-xs, 1.1) * var(--wg-rem));--wg-font-size-lg: calc(var(--base-font-size-lg, 1.6) * var(--wg-rem));--wg-line-height-base: calc(var(--base-line-height-normal, 2) * var(--wg-rem));--wg-font-weight-normal: var(--base-font-weight-normal, 400);--wg-font-weight-semibold: var(--base-font-weight-semibold, 600);--wg-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--wg-rem));--wg-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--wg-rem));--wg-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--wg-rem));--wg-spacing-xs: calc(.4 * var(--wg-rem));--wg-spacing-sm: calc(.8 * var(--wg-rem));--wg-spacing-md: calc(1.2 * var(--wg-rem));--wg-spacing-lg: calc(1.6 * var(--wg-rem));--wg-spacing-xl: calc(2.4 * var(--wg-rem));--wg-table-bg: var(--wg-surface-1);--wg-table-border: 1px solid var(--wg-border-color);--wg-header-bg: var(--wg-surface-2);--wg-header-bg-hover: var(--wg-surface-3);--wg-header-bg-sorted: var(--wg-surface-3);--wg-header-color: var(--wg-text-color-1);--wg-header-border: 2px solid var(--wg-border-color);--wg-header-padding: var(--wg-spacing-sm) var(--wg-spacing-md);--wg-header-font-weight: var(--wg-font-weight-semibold);--wg-cell-padding: var(--wg-spacing-sm) var(--wg-spacing-md);--wg-cell-color: var(--wg-text-color-1);--wg-cell-border: 1px solid var(--wg-border-color);--wg-cell-bg-hover: var(--wg-hover-bg);--wg-cell-bg-editing: var(--wg-surface-1);--wg-cell-readonly-bg: var(--base-disabled-bg, var(--wg-surface-2));--wg-row-border: 1px solid var(--wg-border-color);--wg-row-bg-even: var(--wg-surface-2);--wg-row-bg-hover: var(--wg-surface-3);--wg-filter-bg: var(--wg-surface-1);--wg-filter-border: 1px solid var(--wg-border-color);--wg-filter-padding: var(--wg-spacing-xs) var(--wg-spacing-sm);--wg-filter-input-padding: calc(.4 * var(--wg-rem)) calc(.8 * var(--wg-rem));--wg-filter-input-bg: var(--wg-input-bg);--wg-filter-input-border: var(--wg-input-border);--wg-filter-input-border-focus: var(--wg-input-border-focus);--wg-filter-input-border-radius: var(--wg-border-radius-sm);--wg-filter-input-font-size: var(--wg-font-size-sm);--wg-sort-indicator-size: calc(1.4 * var(--wg-rem));--wg-sort-indicator-opacity: .9;--wg-sort-placeholder-opacity: .3;--wg-sort-priority-size: calc(1.1 * var(--wg-rem));--wg-pagination-padding: var(--wg-spacing-md);--wg-pagination-gap: calc(1.6 * var(--wg-rem));--wg-pagination-bg: var(--wg-surface-1);--wg-pagination-border: 1px solid var(--wg-border-color);--wg-pagination-btn-padding: calc(.6 * var(--wg-rem)) calc(1.6 * var(--wg-rem));--wg-pagination-btn-bg: var(--wg-surface-1);--wg-pagination-btn-bg-hover: var(--wg-surface-2);--wg-pagination-btn-bg-active: var(--wg-surface-3);--wg-pagination-btn-border: 1px solid var(--wg-border-color);--wg-pagination-btn-border-hover: 1px solid var(--wg-border-color-hover);--wg-pagination-btn-border-radius: var(--wg-border-radius-sm);--wg-pagination-btn-disabled-opacity: .4;--wg-empty-padding: var(--wg-spacing-xl);--wg-empty-color: var(--wg-text-color-3);--wg-error-cell-bg: var(--wg-danger-bg-light);--wg-error-cell-border: 1px solid var(--wg-danger-color);--wg-error-message-color: var(--wg-danger-color);--wg-error-message-font-size: var(--wg-font-size-xs);--wg-error-indicator-color: var(--wg-danger-color);--wg-editor-bg: var(--wg-surface-1);--wg-editor-outline: 2px solid var(--wg-accent-color);--wg-editor-outline-offset: -2px;--wg-editor-validating-opacity: .7;--wg-dropdown-toggle-right: var(--wg-spacing-md);--wg-dropdown-toggle-size: calc(1.2 * var(--wg-rem));--wg-dropdown-toggle-hitbox: calc(2.4 * var(--wg-rem));--wg-toolbar-bg: var(--wg-surface-floating);--wg-toolbar-border: 1px solid var(--wg-border-color);--wg-toolbar-border-radius: var(--wg-border-radius-sm);--wg-toolbar-shadow: var(--base-dropdown-box-shadow, 0 2px 8px rgba(0, 0, 0, .15));--wg-toolbar-divider-color: var(--wg-border-color);--wg-toolbar-btn-min-width: calc(2.4 * var(--wg-rem));--wg-toolbar-btn-padding: 0 calc(.4 * var(--wg-rem));--wg-toolbar-btn-border-radius: var(--wg-border-radius-sm);--wg-toolbar-btn-bg-hover: var(--wg-hover-bg);--wg-toolbar-btn-bg-active: var(--wg-active-bg);--wg-toolbar-btn-color: var(--wg-text-color-1);--wg-toolbar-trigger-color: var(--wg-text-color-3);--wg-toolbar-trigger-color-hover: var(--wg-text-color-1);--wg-toolbar-trigger-bg-hover: var(--wg-hover-bg);--wg-tooltip-bg: var(--base-tooltip-bg, #333);--wg-context-menu-z-index: 1001;--wg-context-menu-min-width: calc(16 * var(--wg-rem));--wg-focus-outline: 2px solid var(--wg-accent-color);--wg-focus-outline-offset: -2px;--wg-focus-bg: var(--wg-hover-bg);--wg-transition-fast: .1s ease;--wg-transition-normal: .15s ease;--wg-z-dropdown: 9999;--wg-z-toolbar: 1000;--wg-z-context-menu: 1001}web-grid:not(:defined){display:block;min-height:calc(10 * var(--wg-rem));color:transparent!important;background:transparent}.wg{position:relative;width:100%;max-height:inherit;overflow:auto;overscroll-behavior:contain;border:var(--wg-table-border)}.wg__table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:fixed;background:var(--wg-table-bg);font-size:var(--wg-font-size-base);line-height:var(--wg-line-height-base)}.wg__table tbody tr{border-bottom:var(--wg-row-border)}.wg__row-number-header,.wg__row-number{width:40px;min-width:40px;max-width:40px;text-align:center;color:var(--wg-text-color-secondary);background:var(--wg-header-bg);-webkit-user-select:none;user-select:none;font-size:var(--wg-font-size-sm)}.wg__row-number{border-right:var(--wg-cell-border)}.wg__actions-column{width:32px;min-width:32px;max-width:32px;padding:0!important;text-align:center}thead .wg__actions-column{background:var(--wg-header-bg);border-bottom:var(--wg-header-border)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__header{position:sticky;top:0;z-index:1;background:var(--wg-header-bg);color:var(--wg-header-color);font-weight:var(--wg-header-font-weight);padding:var(--wg-header-padding);border-bottom:var(--wg-header-border);text-align:left;-webkit-user-select:none;user-select:none}.wg__header--sortable{cursor:pointer}.wg__header--sortable:hover{background:var(--wg-header-bg-hover)}.wg__header--sorted{background:var(--wg-header-bg-sorted)}.wg__header-content{display:flex;align-items:center;gap:4px;justify-content:space-between}.wg__header-title{flex:1}.wg__sort-indicator{font-size:var(--wg-sort-indicator-size);opacity:var(--wg-sort-indicator-opacity);min-width:16px;text-align:center;display:inline-flex;align-items:center}.wg__sort-placeholder{opacity:var(--wg-sort-placeholder-opacity)}.wg__sort-priority{font-size:var(--wg-sort-priority-size);font-weight:600;margin-left:2px;vertical-align:super;line-height:1}.wg__header-info{display:inline-flex;align-items:center;color:var(--wg-accent-color);cursor:help;opacity:.7;margin-left:4px;vertical-align:middle}.wg__header-info:hover{opacity:1}.wg__filter-row th{padding:var(--wg-filter-padding);background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__filter-input{width:100%;padding:var(--wg-filter-input-padding);border:var(--wg-filter-input-border);border-radius:var(--wg-filter-input-border-radius);background:var(--wg-surface-1);color:var(--wg-text-color-1);font-size:var(--wg-filter-input-font-size);box-sizing:border-box}.wg__filter-input:focus{outline:none;border:var(--wg-filter-input-border-focus);box-shadow:0 0 0 1px var(--wg-accent-color)}.wg__cell{padding:var(--wg-cell-padding);color:var(--wg-cell-color);scroll-margin-top:3rem;scroll-margin-bottom:.5rem}.wg__cell-text{-webkit-user-select:none;user-select:none}.wg__cell--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__cell--editable{cursor:pointer;position:relative}.wg__cell--editable:hover{background:var(--wg-cell-bg-hover)}.wg__cell--editable:hover:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed var(--wg-border-color);border-radius:2px;pointer-events:none}.wg__cell--editing{position:relative;background:var(--wg-surface-1);outline:2px solid var(--wg-accent-color);outline-offset:-2px}.wg__cell--editing:after{display:none}.wg__cell--invalid{background:var(--wg-danger-bg-light, #fee);box-shadow:inset 0 0 0 2px var(--wg-danger-color, #c00)}.wg--navigate-mode .wg__cell:not(.wg__cell--editable){background:var(--wg-cell-readonly-bg, #f5f5f5)}.wg__editor{position:absolute;top:0;left:0;right:0;width:100%;padding:var(--wg-cell-padding);border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:inherit;box-sizing:border-box}.wg__editor:focus,.wg__editor:focus-visible{outline:none;box-shadow:none}.wg__editor--text{text-align:inherit}.wg__editor--number{text-align:right}.wg__editor--date{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:var(--wg-editor-bg)}.wg__date-input{flex:1;min-width:0;height:100%;border:none;background:transparent;font:inherit;padding:var(--wg-cell-padding-block) var(--wg-cell-padding-inline);outline:none;color:inherit}.wg__date-trigger{width:var(--wg-date-trigger-size, 28px);height:100%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--wg-text-secondary, #666);cursor:pointer;padding:0;flex-shrink:0}.wg__date-trigger:hover{color:var(--wg-accent-color, #0078d4);background:var(--wg-hover-bg, rgba(0, 0, 0, .05))}.wg__editor--checkbox{width:auto;height:auto;margin:0 auto}.wg__editor--custom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:var(--wg-editor-bg);padding:var(--wg-cell-padding-block) var(--wg-cell-padding-inline);cursor:pointer}.wg__editor--custom:focus{outline:none}.wg__custom-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:pointer}.wg__editor--combobox,.wg__editor--autocomplete{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:var(--wg-cell-padding);padding-right:0;background:transparent;box-sizing:border-box}.wg__combobox-input,.wg__autocomplete-input{flex:1;width:100%;height:100%;padding:0 24px 0 0;border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base);outline:none;box-sizing:border-box;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wg__combobox-input:focus,.wg__autocomplete-input:focus{outline:none}.wg__combobox-toggle{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:var(--wg-dropdown-toggle-size);color:var(--wg-text-color-2);pointer-events:auto;cursor:pointer}.wg__combobox-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__loading-indicator{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:12px;animation:wg-pulse 1s infinite}@keyframes wg-pulse{0%,to{opacity:1}50%{opacity:.4}}.wg__select-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:transparent}.wg__select-trigger:focus,.wg__select-trigger:focus-visible{outline:none;box-shadow:none}.wg__select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__select-toggle{position:relative;font-size:var(--wg-dropdown-toggle-size);opacity:.6;margin-left:4px;flex-shrink:0;pointer-events:auto;cursor:pointer}.wg__select-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__cell-dropdown-display{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:0}.wg__cell:hover .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle,.wg__cell--focused .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:.6}.wg__cell-date-display{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.wg__cell-date-display .wg__date-trigger{position:relative;background:none;border:none;padding:0;margin:0;cursor:pointer;opacity:.6;display:flex;align-items:center;justify-content:center;color:inherit}.wg__cell-date-display .wg__date-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:0}.wg__cell:hover .wg__cell-date-display--toggle-on-focus .wg__date-trigger,.wg__cell--focused .wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:.6}.wg__dropdown{background:var(--wg-surface-floating, #fff);border:1px solid var(--wg-border-color, #d1d1d1);border-radius:4px;box-shadow:var(--wg-toolbar-shadow);max-height:200px;overflow-y:auto;font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base)}.wg__dropdown-option{display:flex;align-items:center;gap:var(--wg-spacing-sm);padding:6px 12px;cursor:pointer;color:var(--wg-text-color-1)}.wg__dropdown-option:hover,.wg__dropdown-option--highlighted{background:var(--wg-hover-bg, #f0f0f0)}.wg__dropdown-option--selected{background:var(--wg-accent-color-light, #e6f2ff)}.wg__dropdown-option--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wg__dropdown-option-icon{flex-shrink:0;width:1.5em;text-align:center}.wg__dropdown-option-content{flex:1;min-width:0;overflow:hidden}.wg__dropdown-option-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-option-subtitle{display:block;font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-empty{padding:8px 12px;color:var(--wg-text-color-2);font-style:italic;text-align:center}.wg--navigate-mode .wg__cell{cursor:cell}.wg--navigate-mode .wg__cell:focus{outline:none}.wg--navigate-mode .wg__cell.wg__cell--focused{outline:2px solid var(--wg-focus-border-color, #217346);outline-offset:-2px}.wg__cell--focused:after{display:none}.wg__pagination{display:flex;align-items:center;justify-content:center;gap:var(--wg-pagination-gap);padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__pagination-btn{padding:var(--wg-pagination-btn-padding);background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-size:var(--wg-font-size-base);cursor:pointer;transition:all var(--wg-transition-fast)}.wg__pagination-btn:hover:not(:disabled){background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-btn:active:not(:disabled){background:var(--wg-pagination-btn-bg-active)}.wg__pagination-btn:disabled{opacity:var(--wg-pagination-btn-disabled-opacity);cursor:not-allowed}.wg__pagination-info{font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__pagination-count{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3);margin-left:4px}.wg__pagination-pagesize{display:flex;align-items:center;gap:6px}.wg__pagination-select{padding:4px 8px;background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-size:var(--wg-font-size-base);cursor:pointer}.wg__pagination-select:hover{background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-select:focus{outline:2px solid var(--wg-accent-color);outline-offset:-2px}.wg__pagination-label{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3)}.wg__pagination--left{justify-content:flex-start}.wg__pagination--right{justify-content:flex-end}.wg__pagination--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__summary{display:flex;align-items:center;padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg);font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__summary--left{justify-content:flex-start}.wg__summary--right{justify-content:flex-end}.wg__summary--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer{display:flex;align-items:center;justify-content:space-between;border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__footer--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer .wg__summary,.wg__footer .wg__pagination{border:none}.wg__footer .wg__summary{flex:0 0 auto}.wg__footer .wg__pagination{flex:0 0 auto;margin-left:auto}.wg__toolbar-container{position:fixed;z-index:var(--wg-z-toolbar, 1000)}.wg__toolbar{display:flex;flex-direction:column-reverse;gap:0;padding:0;background:var(--wg-toolbar-bg);border:var(--wg-toolbar-border);border-radius:var(--wg-toolbar-border-radius);box-shadow:var(--wg-toolbar-shadow)}.wg__toolbar-row{display:flex;gap:2px;align-items:center;height:calc(var(--wg-design-unit, 4) * 4px + 21px);padding:0 4px}.wg__toolbar-row+.wg__toolbar-row{border-top:1px solid var(--wg-toolbar-divider-color)}.wg__toolbar-divider{width:1px;height:16px;background:var(--wg-toolbar-divider-color);margin:0 4px;flex-shrink:0}.wg__toolbar-btn{min-width:var(--wg-toolbar-btn-min-width);height:100%;border:none;border-radius:var(--wg-toolbar-btn-border-radius);background:transparent;color:var(--wg-toolbar-btn-color);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--wg-font-size-base);font-weight:500;padding:var(--wg-toolbar-btn-padding);transition:background .1s ease}.wg__toolbar-btn:hover{background:var(--wg-toolbar-btn-bg-hover)}.wg__toolbar-btn:active{background:var(--wg-toolbar-btn-bg-active)}.wg__toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.wg__toolbar-btn:disabled:hover{background:transparent}.wg__toolbar-btn--danger:hover{background:var(--wg-danger-bg-light);color:var(--wg-danger-color)}.wg__toolbar-label{font-size:12px;white-space:nowrap}.wg__actions-column{width:24px;min-width:24px;max-width:24px;padding:0!important;text-align:center}.wg__header .wg__actions-column{background:var(--wg-header-bg)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg)}.wg__toolbar-trigger{position:relative;padding:0;background:transparent;border:none;border-radius:var(--wg-border-radius-sm);cursor:pointer;font-size:var(--wg-font-size-base);line-height:1;color:var(--wg-toolbar-trigger-color)}.wg__toolbar-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__toolbar-trigger:hover,.wg__toolbar-trigger--active{color:var(--wg-toolbar-trigger-color-hover);background:var(--wg-toolbar-trigger-bg-hover)}.wg--striped tbody tr:nth-child(2n){background:var(--wg-row-bg-even)}.wg--hoverable tbody tr:hover{background:var(--wg-row-bg-hover)}.wg__empty{text-align:center;padding:var(--wg-empty-padding);color:var(--wg-empty-color);font-style:italic}.wg__loading-more{text-align:center;padding:var(--wg-cell-padding);color:var(--wg-text-color-2);font-size:var(--wg-font-size-sm)}.wg__tooltip{position:fixed;z-index:var(--wg-z-tooltip, 10000);max-width:300px;padding:6px 10px;background:var(--wg-tooltip-bg, #333);color:var(--wg-tooltip-color, #fff);font-size:var(--wg-font-size-sm);line-height:1.4;border-radius:var(--wg-border-radius-sm);box-shadow:0 2px 8px #0003;pointer-events:none;opacity:0;transition:opacity var(--wg-transition-fast)}.wg__tooltip--visible{opacity:1}.wg__tooltip-arrow{position:absolute;width:8px;height:8px;background:var(--wg-tooltip-bg, #333);transform:rotate(45deg)}.wg__tooltip[data-placement^=top] .wg__tooltip-arrow{bottom:-4px}.wg__tooltip[data-placement^=bottom] .wg__tooltip-arrow{top:-4px}.wg__tooltip[data-placement^=left] .wg__tooltip-arrow{right:-4px}.wg__tooltip[data-placement^=right] .wg__tooltip-arrow{left:-4px}.wg__goto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.wg__goto-dialog{background:var(--wg-surface-1);border-radius:var(--wg-border-radius);padding:var(--wg-spacing-lg);box-shadow:0 4px 20px #00000026;min-width:250px}.wg__goto-label{display:block;margin-bottom:var(--wg-spacing-sm);font-size:var(--wg-font-size-base);color:var(--wg-text-color-1)}.wg__goto-input{width:100%;padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-size:var(--wg-font-size-base);margin-bottom:var(--wg-spacing-md);box-sizing:border-box}.wg__goto-input:focus{outline:none;border-color:var(--wg-accent-color);box-shadow:0 0 0 2px #0078d433}.wg__goto-buttons{display:flex;gap:var(--wg-spacing-sm);justify-content:flex-end}.wg__goto-btn{padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-size:var(--wg-font-size-sm);cursor:pointer;background:var(--wg-surface-1);color:var(--wg-text-color-1)}.wg__goto-btn:hover{background:var(--wg-surface-2)}.wg__goto-btn--go{background:var(--wg-accent-color);border-color:var(--wg-accent-color);color:#fff}.wg__goto-btn--go:hover{background:var(--wg-accent-color-hover, #106ebe)}.wg__spacer-top td,.wg__spacer-bottom td{padding:0;border:none;background:transparent;height:inherit;line-height:0}@media (prefers-color-scheme: dark){:host{--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86}}:host([data-theme="dark"]),[data-theme=dark] :host,:host([data-bs-theme="dark"]),[data-bs-theme=dark] :host,.dark :host{--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86}';
+const Be = ':host{--wg-rem: 10px;font-family:var(--wg-font-family, var(--base-font-family, inherit));display:block;--wg-accent-color: var(--base-accent-color, #0078d4);--wg-accent-color-hover: var(--base-accent-color-hover, #106ebe);--wg-accent-color-active: var(--base-accent-color-active, #005a9e);--wg-accent-color-light: var(--base-accent-color-light, #e6f2ff);--wg-text-color-1: var(--base-text-color-1, #242424);--wg-text-color-2: var(--base-text-color-2, #424242);--wg-text-color-3: var(--base-text-color-3, #707070);--wg-text-on-accent: var(--base-text-color-on-accent, #ffffff);--wg-surface-1: var(--base-main-bg, #ffffff);--wg-surface-2: var(--base-elevated-bg, #f5f5f5);--wg-surface-3: var(--base-hover-bg, #ebebeb);--wg-surface-floating: var(--base-dropdown-bg, var(--base-main-bg, #ffffff));--wg-border-color: var(--base-border-color, #e0e0e0);--wg-border-color-hover: var(--base-border-color, #d1d1d1);--wg-input-bg: var(--base-input-bg, #ffffff);--wg-input-color: var(--base-input-color, var(--wg-text-color-1));--wg-input-border: var(--base-input-border, 1px solid #d1d1d1);--wg-input-border-hover: var(--base-input-border-hover, 1px solid #0078d4);--wg-input-border-focus: var(--base-input-border-focus, 1px solid #0078d4);--wg-input-placeholder-color: var(--base-input-placeholder-color, #707070);--wg-danger-color: var(--base-danger-color, #d13438);--wg-danger-bg-light: var(--base-danger-bg-light, #fde7e9);--wg-hover-bg: var(--base-hover-bg, #f0f0f0);--wg-active-bg: var(--base-hover-bg, #e0e0e0);--wg-font-size-base: calc(var(--base-font-size-sm, 1.4) * var(--wg-rem));--wg-font-size-sm: calc(var(--base-font-size-xs, 1.2) * var(--wg-rem));--wg-font-size-xs: calc(var(--base-font-size-2xs, 1.1) * var(--wg-rem));--wg-font-size-lg: calc(var(--base-font-size-base, 1.6) * var(--wg-rem));--wg-line-height-base: var(--base-line-height-normal, 1.5);--wg-font-weight-normal: var(--base-font-weight-normal, 400);--wg-font-weight-semibold: var(--base-font-weight-semibold, 600);--wg-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--wg-rem));--wg-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--wg-rem));--wg-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--wg-rem));--wg-spacing-xs: calc(.4 * var(--wg-rem));--wg-spacing-sm: calc(.8 * var(--wg-rem));--wg-spacing-md: calc(1.2 * var(--wg-rem));--wg-spacing-lg: calc(1.6 * var(--wg-rem));--wg-spacing-xl: calc(2.4 * var(--wg-rem));--wg-table-bg: var(--wg-surface-1);--wg-table-border: 1px solid var(--wg-border-color);--wg-header-bg: var(--wg-surface-2);--wg-header-bg-hover: var(--wg-surface-3);--wg-header-bg-sorted: var(--wg-surface-3);--wg-header-color: var(--wg-text-color-1);--wg-header-border: 2px solid var(--wg-border-color);--wg-header-padding: var(--wg-spacing-sm) var(--wg-spacing-md);--wg-header-font-weight: var(--wg-font-weight-semibold);--wg-cell-padding: var(--wg-spacing-sm) var(--wg-spacing-md);--wg-cell-color: var(--wg-text-color-1);--wg-cell-border: 1px solid var(--wg-border-color);--wg-cell-bg-hover: var(--wg-hover-bg);--wg-cell-bg-editing: var(--wg-surface-1);--wg-cell-readonly-bg: var(--base-disabled-bg, var(--wg-surface-2));--wg-row-border: 1px solid var(--wg-border-color);--wg-row-bg-even: var(--wg-surface-2);--wg-row-bg-hover: var(--wg-surface-3);--wg-filter-bg: var(--wg-surface-1);--wg-filter-border: 1px solid var(--wg-border-color);--wg-filter-padding: var(--wg-spacing-xs) var(--wg-spacing-sm);--wg-filter-input-padding: calc(.4 * var(--wg-rem)) calc(.8 * var(--wg-rem));--wg-filter-input-bg: var(--wg-input-bg);--wg-filter-input-border: var(--wg-input-border);--wg-filter-input-border-focus: var(--wg-input-border-focus);--wg-filter-input-border-radius: var(--wg-border-radius-sm);--wg-filter-input-font-size: var(--wg-font-size-sm);--wg-sort-indicator-size: calc(1.4 * var(--wg-rem));--wg-sort-indicator-opacity: .9;--wg-sort-placeholder-opacity: .3;--wg-sort-priority-size: calc(1.1 * var(--wg-rem));--wg-pagination-padding: var(--wg-spacing-md);--wg-pagination-gap: calc(1.6 * var(--wg-rem));--wg-pagination-bg: var(--wg-surface-1);--wg-pagination-border: 1px solid var(--wg-border-color);--wg-pagination-btn-padding: calc(.6 * var(--wg-rem)) calc(1.6 * var(--wg-rem));--wg-pagination-btn-bg: var(--wg-surface-1);--wg-pagination-btn-bg-hover: var(--wg-surface-2);--wg-pagination-btn-bg-active: var(--wg-surface-3);--wg-pagination-btn-border: 1px solid var(--wg-border-color);--wg-pagination-btn-border-hover: 1px solid var(--wg-border-color-hover);--wg-pagination-btn-border-radius: var(--wg-border-radius-sm);--wg-pagination-btn-disabled-opacity: .4;--wg-empty-padding: var(--wg-spacing-xl);--wg-empty-color: var(--wg-text-color-3);--wg-error-cell-bg: var(--wg-danger-bg-light);--wg-error-cell-border: 1px solid var(--wg-danger-color);--wg-error-message-color: var(--wg-danger-color);--wg-error-message-font-size: var(--wg-font-size-xs);--wg-error-indicator-color: var(--wg-danger-color);--wg-editor-bg: var(--wg-surface-1);--wg-editor-outline: 2px solid var(--wg-accent-color);--wg-editor-outline-offset: -2px;--wg-editor-validating-opacity: .7;--wg-dropdown-toggle-right: var(--wg-spacing-md);--wg-dropdown-toggle-size: calc(1.2 * var(--wg-rem));--wg-dropdown-toggle-hitbox: calc(2.4 * var(--wg-rem));--wg-toolbar-bg: var(--wg-surface-floating);--wg-toolbar-border: 1px solid var(--wg-border-color);--wg-toolbar-border-radius: var(--wg-border-radius-sm);--wg-toolbar-shadow: var(--base-dropdown-box-shadow, 0 2px 8px rgba(0, 0, 0, .15));--wg-toolbar-divider-color: var(--wg-border-color);--wg-toolbar-btn-min-width: calc(2.4 * var(--wg-rem));--wg-toolbar-btn-padding: 0 calc(.4 * var(--wg-rem));--wg-toolbar-btn-border-radius: var(--wg-border-radius-sm);--wg-toolbar-btn-bg-hover: var(--wg-hover-bg);--wg-toolbar-btn-bg-active: var(--wg-active-bg);--wg-toolbar-btn-color: var(--wg-text-color-1);--wg-toolbar-trigger-color: var(--wg-text-color-3);--wg-toolbar-trigger-color-hover: var(--wg-text-color-1);--wg-toolbar-trigger-bg-hover: var(--wg-hover-bg);--wg-tooltip-bg: var(--base-tooltip-bg, #333);--wg-context-menu-z-index: 1001;--wg-context-menu-min-width: calc(16 * var(--wg-rem));--wg-focus-outline: 2px solid var(--wg-accent-color);--wg-focus-outline-offset: -2px;--wg-focus-bg: var(--wg-hover-bg);--wg-transition-fast: .1s ease;--wg-transition-normal: .15s ease;--wg-z-dropdown: 9999;--wg-z-toolbar: 1000;--wg-z-context-menu: 1001}web-grid:not(:defined){display:block;min-height:calc(10 * var(--wg-rem));color:transparent!important;background:transparent}.wg{position:relative;width:100%;max-height:inherit;overflow:auto;overscroll-behavior:contain;border:var(--wg-table-border)}.wg__table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:fixed;background:var(--wg-table-bg);font-size:var(--wg-font-size-base);line-height:var(--wg-line-height-base)}.wg__table tbody tr{border-bottom:var(--wg-row-border)}.wg__row-number-header,.wg__row-number{width:40px;min-width:40px;max-width:40px;text-align:center;color:var(--wg-text-color-secondary);background:var(--wg-header-bg);-webkit-user-select:none;user-select:none;font-size:var(--wg-font-size-sm)}.wg__row-number{border-right:var(--wg-cell-border)}.wg__actions-column{width:32px;min-width:32px;max-width:32px;padding:0!important;text-align:center}thead .wg__actions-column{background:var(--wg-header-bg);border-bottom:var(--wg-header-border)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__header{position:sticky;top:0;z-index:1;background:var(--wg-header-bg);color:var(--wg-header-color);font-weight:var(--wg-header-font-weight);padding:var(--wg-header-padding);border-bottom:var(--wg-header-border);text-align:left;-webkit-user-select:none;user-select:none}.wg__header--sortable{cursor:pointer}.wg__header--sortable:hover{background:var(--wg-header-bg-hover)}.wg__header--sorted{background:var(--wg-header-bg-sorted)}.wg__header-content{display:flex;align-items:center;gap:4px;justify-content:space-between}.wg__header-title{flex:1}.wg__sort-indicator{font-size:var(--wg-sort-indicator-size);opacity:var(--wg-sort-indicator-opacity);min-width:16px;text-align:center;display:inline-flex;align-items:center}.wg__sort-placeholder{opacity:var(--wg-sort-placeholder-opacity)}.wg__sort-priority{font-size:var(--wg-sort-priority-size);font-weight:600;margin-left:2px;vertical-align:super;line-height:1}.wg__header-info{display:inline-flex;align-items:center;color:var(--wg-accent-color);cursor:help;opacity:.7;margin-left:4px;vertical-align:middle}.wg__header-info:hover{opacity:1}.wg__filter-row th{padding:var(--wg-filter-padding);background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__filter-input{width:100%;padding:var(--wg-filter-input-padding);border:var(--wg-filter-input-border);border-radius:var(--wg-filter-input-border-radius);background:var(--wg-surface-1);color:var(--wg-text-color-1);font-family:inherit;font-size:var(--wg-filter-input-font-size);box-sizing:border-box}.wg__filter-input:focus{outline:none;border:var(--wg-filter-input-border-focus);box-shadow:0 0 0 1px var(--wg-accent-color)}.wg__cell{padding:var(--wg-cell-padding);color:var(--wg-cell-color);scroll-margin-top:3rem;scroll-margin-bottom:.5rem}.wg__cell-text{-webkit-user-select:none;user-select:none}.wg__cell--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__cell--editable{cursor:pointer;position:relative}.wg__cell--editable:hover{background:var(--wg-cell-bg-hover)}.wg__cell--editable:hover:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed var(--wg-border-color);border-radius:2px;pointer-events:none}.wg__cell--editing{position:relative;background:var(--wg-surface-1);outline:2px solid var(--wg-accent-color);outline-offset:-2px}.wg__cell--editing:after{display:none}.wg__cell--invalid{background:var(--wg-danger-bg-light, #fee);box-shadow:inset 0 0 0 2px var(--wg-danger-color, #c00)}.wg--navigate-mode .wg__cell:not(.wg__cell--editable){background:var(--wg-cell-readonly-bg, #f5f5f5)}.wg__editor{position:absolute;top:0;left:0;right:0;width:100%;padding:var(--wg-cell-padding);border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:inherit;box-sizing:border-box}.wg__editor:focus,.wg__editor:focus-visible{outline:none;box-shadow:none}.wg__editor--text{text-align:inherit}.wg__editor--number{text-align:right}.wg__editor--date{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:var(--wg-editor-bg)}.wg__date-input{flex:1;min-width:0;height:100%;border:none;background:transparent;font:inherit;padding:var(--wg-cell-padding-block) var(--wg-cell-padding-inline);outline:none;color:inherit}.wg__date-trigger{width:var(--wg-date-trigger-size, 28px);height:100%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--wg-text-secondary, #666);cursor:pointer;padding:0;flex-shrink:0}.wg__date-trigger:hover{color:var(--wg-accent-color, #0078d4);background:var(--wg-hover-bg, rgba(0, 0, 0, .05))}.wg__editor--checkbox{width:auto;height:auto;margin:0 auto}.wg__editor--custom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:var(--wg-editor-bg);padding:var(--wg-cell-padding-block) var(--wg-cell-padding-inline);cursor:pointer}.wg__editor--custom:focus{outline:none}.wg__custom-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:pointer}.wg__editor--combobox,.wg__editor--autocomplete{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:var(--wg-cell-padding);padding-right:0;background:transparent;box-sizing:border-box}.wg__combobox-input,.wg__autocomplete-input{flex:1;width:100%;height:100%;padding:0 24px 0 0;border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base);outline:none;box-sizing:border-box;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wg__combobox-input:focus,.wg__autocomplete-input:focus{outline:none}.wg__combobox-toggle{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:var(--wg-dropdown-toggle-size);color:var(--wg-text-color-2);pointer-events:auto;cursor:pointer}.wg__combobox-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__loading-indicator{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:12px;animation:wg-pulse 1s infinite}@keyframes wg-pulse{0%,to{opacity:1}50%{opacity:.4}}.wg__select-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:transparent}.wg__select-trigger:focus,.wg__select-trigger:focus-visible{outline:none;box-shadow:none}.wg__select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__select-toggle{position:relative;font-size:var(--wg-dropdown-toggle-size);opacity:.6;margin-left:4px;flex-shrink:0;pointer-events:auto;cursor:pointer}.wg__select-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__cell-dropdown-display{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:0}.wg__cell:hover .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle,.wg__cell--focused .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:.6}.wg__cell-date-display{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.wg__cell-date-display .wg__date-trigger{position:relative;background:none;border:none;padding:0;margin:0;cursor:pointer;opacity:.6;display:flex;align-items:center;justify-content:center;color:inherit}.wg__cell-date-display .wg__date-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:0}.wg__cell:hover .wg__cell-date-display--toggle-on-focus .wg__date-trigger,.wg__cell--focused .wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:.6}.wg__dropdown{background:var(--wg-surface-floating, #fff);border:1px solid var(--wg-border-color, #d1d1d1);border-radius:4px;box-shadow:var(--wg-toolbar-shadow);max-height:200px;overflow-y:auto;font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base)}.wg__dropdown-option{display:flex;align-items:center;gap:var(--wg-spacing-sm);padding:6px 12px;cursor:pointer;color:var(--wg-text-color-1)}.wg__dropdown-option:hover,.wg__dropdown-option--highlighted{background:var(--wg-hover-bg, #f0f0f0)}.wg__dropdown-option--selected{background:var(--wg-accent-color-light, #e6f2ff)}.wg__dropdown-option--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wg__dropdown-option-icon{flex-shrink:0;width:1.5em;text-align:center}.wg__dropdown-option-content{flex:1;min-width:0;overflow:hidden}.wg__dropdown-option-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-option-subtitle{display:block;font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-empty{padding:8px 12px;color:var(--wg-text-color-2);font-style:italic;text-align:center}.wg--navigate-mode .wg__cell{cursor:cell}.wg--navigate-mode .wg__cell:focus{outline:none}.wg--navigate-mode .wg__cell.wg__cell--focused{outline:2px solid var(--wg-focus-border-color, #217346);outline-offset:-2px}.wg__cell--focused:after{display:none}.wg__pagination{display:flex;align-items:center;justify-content:center;gap:var(--wg-pagination-gap);padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__pagination-btn{padding:var(--wg-pagination-btn-padding);background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-family:inherit;font-size:var(--wg-font-size-base);cursor:pointer;transition:all var(--wg-transition-fast)}.wg__pagination-btn:hover:not(:disabled){background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-btn:active:not(:disabled){background:var(--wg-pagination-btn-bg-active)}.wg__pagination-btn:disabled{opacity:var(--wg-pagination-btn-disabled-opacity);cursor:not-allowed}.wg__pagination-info{font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__pagination-count{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3);margin-left:4px}.wg__pagination-pagesize{display:flex;align-items:center;gap:6px}.wg__pagination-select{padding:4px 8px;background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-family:inherit;font-size:var(--wg-font-size-base);cursor:pointer}.wg__pagination-select:hover{background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-select:focus{outline:2px solid var(--wg-accent-color);outline-offset:-2px}.wg__pagination-label{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3)}.wg__pagination--left{justify-content:flex-start}.wg__pagination--right{justify-content:flex-end}.wg__pagination--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__summary{display:flex;align-items:center;padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg);font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__summary--left{justify-content:flex-start}.wg__summary--right{justify-content:flex-end}.wg__summary--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer{display:flex;align-items:center;justify-content:space-between;border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__footer--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer .wg__summary,.wg__footer .wg__pagination{border:none}.wg__footer .wg__summary{flex:0 0 auto}.wg__footer .wg__pagination{flex:0 0 auto;margin-left:auto}.wg__toolbar-container{position:fixed;z-index:var(--wg-z-toolbar, 1000)}.wg__toolbar{display:flex;flex-direction:column-reverse;gap:0;padding:0;background:var(--wg-toolbar-bg);border:var(--wg-toolbar-border);border-radius:var(--wg-toolbar-border-radius);box-shadow:var(--wg-toolbar-shadow)}.wg__toolbar-row{display:flex;gap:2px;align-items:center;height:calc(var(--wg-design-unit, 4) * 4px + 21px);padding:0 4px}.wg__toolbar-row+.wg__toolbar-row{border-top:1px solid var(--wg-toolbar-divider-color)}.wg__toolbar-divider{width:1px;height:16px;background:var(--wg-toolbar-divider-color);margin:0 4px;flex-shrink:0}.wg__toolbar-btn{min-width:var(--wg-toolbar-btn-min-width);height:100%;border:none;border-radius:var(--wg-toolbar-btn-border-radius);background:transparent;color:var(--wg-toolbar-btn-color);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;font-family:inherit;font-size:var(--wg-font-size-base);font-weight:500;padding:var(--wg-toolbar-btn-padding);transition:background .1s ease}.wg__toolbar-btn:hover{background:var(--wg-toolbar-btn-bg-hover)}.wg__toolbar-btn:active{background:var(--wg-toolbar-btn-bg-active)}.wg__toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.wg__toolbar-btn:disabled:hover{background:transparent}.wg__toolbar-btn--danger:hover{background:var(--wg-danger-bg-light);color:var(--wg-danger-color)}.wg__toolbar-label{font-size:12px;white-space:nowrap}.wg__actions-column{width:24px;min-width:24px;max-width:24px;padding:0!important;text-align:center}.wg__header .wg__actions-column{background:var(--wg-header-bg)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg)}.wg__toolbar-trigger{position:relative;padding:0;background:transparent;border:none;border-radius:var(--wg-border-radius-sm);cursor:pointer;font-size:var(--wg-font-size-base);line-height:1;color:var(--wg-toolbar-trigger-color)}.wg__toolbar-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__toolbar-trigger:hover,.wg__toolbar-trigger--active{color:var(--wg-toolbar-trigger-color-hover);background:var(--wg-toolbar-trigger-bg-hover)}.wg__shortcuts-help{position:absolute;top:var(--wg-spacing-xs);right:var(--wg-spacing-sm);z-index:5}.wg__shortcuts-help--left{right:auto;left:var(--wg-spacing-sm)}.wg__shortcuts-help-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:50%;background:var(--wg-layer-01);color:var(--wg-text-color-2);cursor:pointer;opacity:.7}.wg__shortcuts-help-icon:hover{opacity:1;background:var(--wg-layer-02)}.wg__shortcuts-help-icon svg{width:16px;height:16px}.wg__shortcuts-help-overlay{display:none;position:absolute;top:100%;right:0;margin-top:var(--wg-spacing-xs);padding:var(--wg-spacing-md);background:var(--wg-layer-01);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-md);box-shadow:0 4px 16px #00000026;min-width:200px;max-width:300px;z-index:100}.wg__shortcuts-help--left .wg__shortcuts-help-overlay{right:auto;left:0}.wg__shortcuts-help:hover .wg__shortcuts-help-overlay,.wg__shortcuts-help:focus-within .wg__shortcuts-help-overlay{display:block}.wg__shortcuts-help-title{font-weight:var(--wg-font-weight-semibold);font-size:var(--wg-font-size-base);color:var(--wg-text-color-1);margin-bottom:var(--wg-spacing-sm);padding-bottom:var(--wg-spacing-xs);border-bottom:1px solid var(--wg-border-color)}.wg__shortcuts-help-custom{margin-bottom:var(--wg-spacing-sm);padding-bottom:var(--wg-spacing-sm);border-bottom:1px solid var(--wg-border-color);font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2)}.wg__shortcuts-help-list{display:flex;flex-direction:column;gap:var(--wg-spacing-xs)}.wg__shortcuts-help-item{display:flex;align-items:center;gap:var(--wg-spacing-md)}.wg__shortcuts-help-key{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 6px;font-family:var(--wg-font-family-mono, ui-monospace, monospace);font-size:var(--wg-font-size-xs);font-weight:var(--wg-font-weight-medium);color:var(--wg-text-color-1);background:var(--wg-layer-02);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm)}.wg__shortcuts-help-label{flex:1;font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2)}.wg--striped tbody tr:nth-child(2n){background:var(--wg-row-bg-even)}.wg--hoverable tbody tr:hover{background:var(--wg-row-bg-hover)}.wg__empty{text-align:center;padding:var(--wg-empty-padding);color:var(--wg-empty-color);font-style:italic}.wg__loading-more{text-align:center;padding:var(--wg-cell-padding);color:var(--wg-text-color-2);font-size:var(--wg-font-size-sm)}.wg__tooltip{position:fixed;z-index:var(--wg-z-tooltip, 10000);max-width:300px;padding:6px 10px;background:var(--wg-tooltip-bg, #333);color:var(--wg-tooltip-color, #fff);font-size:var(--wg-font-size-sm);line-height:1.4;border-radius:var(--wg-border-radius-sm);box-shadow:0 2px 8px #0003;pointer-events:none;opacity:0;transition:opacity var(--wg-transition-fast)}.wg__tooltip--visible{opacity:1}.wg__tooltip-arrow{position:absolute;width:8px;height:8px;background:var(--wg-tooltip-bg, #333);transform:rotate(45deg)}.wg__tooltip[data-placement^=top] .wg__tooltip-arrow{bottom:-4px}.wg__tooltip[data-placement^=bottom] .wg__tooltip-arrow{top:-4px}.wg__tooltip[data-placement^=left] .wg__tooltip-arrow{right:-4px}.wg__tooltip[data-placement^=right] .wg__tooltip-arrow{left:-4px}.wg__goto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.wg__goto-dialog{background:var(--wg-surface-1);border-radius:var(--wg-border-radius);padding:var(--wg-spacing-lg);box-shadow:0 4px 20px #00000026;min-width:250px}.wg__goto-label{display:block;margin-bottom:var(--wg-spacing-sm);font-size:var(--wg-font-size-base);color:var(--wg-text-color-1)}.wg__goto-input{width:100%;padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-family:inherit;font-size:var(--wg-font-size-base);margin-bottom:var(--wg-spacing-md);box-sizing:border-box}.wg__goto-input:focus{outline:none;border-color:var(--wg-accent-color);box-shadow:0 0 0 2px #0078d433}.wg__goto-buttons{display:flex;gap:var(--wg-spacing-sm);justify-content:flex-end}.wg__goto-btn{padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-family:inherit;font-size:var(--wg-font-size-sm);cursor:pointer;background:var(--wg-surface-1);color:var(--wg-text-color-1)}.wg__goto-btn:hover{background:var(--wg-surface-2)}.wg__goto-btn--go{background:var(--wg-accent-color);border-color:var(--wg-accent-color);color:#fff}.wg__goto-btn--go:hover{background:var(--wg-accent-color-hover, #106ebe)}.wg__spacer-top td,.wg__spacer-bottom td{padding:0;border:none;background:transparent;height:inherit;line-height:0}@media (prefers-color-scheme: dark){:host{--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86}}:host([data-theme="dark"]),[data-theme=dark] :host,:host([data-bs-theme="dark"]),[data-bs-theme=dark] :host,.dark :host{--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86}';
 function Jt(t, e, o) {
   const i = o.valueMember || "value", r = o.displayMember || "label", s = e.find((n) => n[i] === t);
   return s ? String(s[r] ?? "") : t != null ? String(t) : "";
@@ -769,7 +811,7 @@ function Ke(t, e) {
 function We(t, e) {
   return e.getSubtitleCallback ? e.getSubtitleCallback(t) : e.subtitleMember && t[e.subtitleMember] || null;
 }
-function mt(t, e) {
+function bt(t, e) {
   return e.getDisabledCallback ? e.getDisabledCallback(t) : e.disabledMember ? !!t[e.disabledMember] : !1;
 }
 const it = Math.min, N = Math.max, Tt = Math.round, Dt = Math.floor, G = (t) => ({
@@ -787,13 +829,13 @@ const it = Math.min, N = Math.max, Tt = Math.round, Dt = Math.floor, G = (t) =>
 function Ut(t, e, o) {
   return N(t, it(e, o));
 }
-function pt(t, e) {
+function ft(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
 function rt(t) {
   return t.split("-")[0];
 }
-function ft(t) {
+function wt(t) {
   return t.split("-")[1];
 }
 function ke(t) {
@@ -811,7 +853,7 @@ function te(t) {
 }
 function Je(t, e, o) {
   o === void 0 && (o = !1);
-  const i = ft(t), r = te(t), s = Zt(r);
+  const i = wt(t), r = te(t), s = Zt(r);
   let n = r === "x" ? i === (o ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
   return e.reference[s] > e.floating[s] && (n = Et(n)), [n, Et(n)];
 }
@@ -836,7 +878,7 @@ function oo(t, e, o) {
   }
 }
 function io(t, e, o, i) {
-  const r = ft(t);
+  const r = wt(t);
   let s = oo(rt(t), o === "start", i);
   return r && (s = s.map((n) => n + "-" + r), e && (s = s.concat(s.map(jt)))), s;
 }
@@ -883,31 +925,31 @@ function ce(t, e, o) {
     reference: i,
     floating: r
   } = t;
-  const s = tt(e), n = te(e), d = Zt(n), a = rt(e), c = s === "y", l = i.x + i.width / 2 - r.width / 2, g = i.y + i.height / 2 - r.height / 2, h = i[d] / 2 - r[d] / 2;
+  const s = tt(e), n = te(e), d = Zt(n), a = rt(e), c = s === "y", g = i.x + i.width / 2 - r.width / 2, l = i.y + i.height / 2 - r.height / 2, h = i[d] / 2 - r[d] / 2;
   let u;
   switch (a) {
     case "top":
       u = {
-        x: l,
+        x: g,
         y: i.y - r.height
       };
       break;
     case "bottom":
       u = {
-        x: l,
+        x: g,
         y: i.y + i.height
       };
       break;
     case "right":
       u = {
         x: i.x + i.width,
-        y: g
+        y: l
       };
       break;
     case "left":
       u = {
         x: i.x - r.width,
-        y: g
+        y: l
       };
       break;
     default:
@@ -916,7 +958,7 @@ function ce(t, e, o) {
         y: i.y
       };
   }
-  switch (ft(e)) {
+  switch (wt(e)) {
     case "start":
       u[n] -= h * (o && c ? -1 : 1);
       break;
@@ -938,21 +980,21 @@ const no = async (t, e, o) => {
     floating: e,
     strategy: r
   }), {
-    x: l,
-    y: g
+    x: g,
+    y: l
   } = ce(c, i, a), h = i, u = {}, p = 0;
   for (let m = 0; m < d.length; m++) {
     const {
-      name: f,
-      fn: b
+      name: b,
+      fn: f
     } = d[m], {
-      x: v,
-      y: _,
+      x: _,
+      y: v,
       data: S,
-      reset: y
-    } = await b({
-      x: l,
-      y: g,
+      reset: C
+    } = await f({
+      x: g,
+      y: l,
       initialPlacement: i,
       placement: h,
       strategy: r,
@@ -964,24 +1006,24 @@ const no = async (t, e, o) => {
         floating: e
       }
     });
-    l = v ?? l, g = _ ?? g, u = {
+    g = _ ?? g, l = v ?? l, u = {
       ...u,
-      [f]: {
-        ...u[f],
+      [b]: {
+        ...u[b],
         ...S
       }
-    }, y && p <= 50 && (p++, typeof y == "object" && (y.placement && (h = y.placement), y.rects && (c = y.rects === !0 ? await n.getElementRects({
+    }, C && p <= 50 && (p++, typeof C == "object" && (C.placement && (h = C.placement), C.rects && (c = C.rects === !0 ? await n.getElementRects({
       reference: t,
       floating: e,
       strategy: r
-    }) : y.rects), {
-      x: l,
-      y: g
+    }) : C.rects), {
+      x: g,
+      y: l
     } = ce(c, h, a)), m = -1);
   }
   return {
-    x: l,
-    y: g,
+    x: g,
+    y: l,
     placement: h,
     strategy: r,
     middlewareData: u
@@ -999,37 +1041,37 @@ async function ee(t, e) {
     strategy: a
   } = t, {
     boundary: c = "clippingAncestors",
-    rootBoundary: l = "viewport",
-    elementContext: g = "floating",
+    rootBoundary: g = "viewport",
+    elementContext: l = "floating",
     altBoundary: h = !1,
     padding: u = 0
-  } = pt(e, t), p = De(u), f = d[h ? g === "floating" ? "reference" : "floating" : g], b = $t(await s.getClippingRect({
-    element: (o = await (s.isElement == null ? void 0 : s.isElement(f))) == null || o ? f : f.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(d.floating)),
+  } = ft(e, t), p = De(u), b = d[h ? l === "floating" ? "reference" : "floating" : l], f = $t(await s.getClippingRect({
+    element: (o = await (s.isElement == null ? void 0 : s.isElement(b))) == null || o ? b : b.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(d.floating)),
     boundary: c,
-    rootBoundary: l,
+    rootBoundary: g,
     strategy: a
-  })), v = g === "floating" ? {
+  })), _ = l === "floating" ? {
     x: i,
     y: r,
     width: n.floating.width,
     height: n.floating.height
-  } : n.reference, _ = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(d.floating)), S = await (s.isElement == null ? void 0 : s.isElement(_)) ? await (s.getScale == null ? void 0 : s.getScale(_)) || {
+  } : n.reference, v = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(d.floating)), S = await (s.isElement == null ? void 0 : s.isElement(v)) ? await (s.getScale == null ? void 0 : s.getScale(v)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, y = $t(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, C = $t(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: d,
-    rect: v,
-    offsetParent: _,
+    rect: _,
+    offsetParent: v,
     strategy: a
-  }) : v);
+  }) : _);
   return {
-    top: (b.top - y.top + p.top) / S.y,
-    bottom: (y.bottom - b.bottom + p.bottom) / S.y,
-    left: (b.left - y.left + p.left) / S.x,
-    right: (y.right - b.right + p.right) / S.x
+    top: (f.top - C.top + p.top) / S.y,
+    bottom: (C.bottom - f.bottom + p.bottom) / S.y,
+    left: (f.left - C.left + p.left) / S.x,
+    right: (C.right - f.right + p.right) / S.x
   };
 }
 const so = (t) => ({
@@ -1046,24 +1088,24 @@ const so = (t) => ({
       middlewareData: a
     } = e, {
       element: c,
-      padding: l = 0
-    } = pt(t, e) || {};
+      padding: g = 0
+    } = ft(t, e) || {};
     if (c == null)
       return {};
-    const g = De(l), h = {
+    const l = De(g), h = {
       x: o,
       y: i
-    }, u = te(r), p = Zt(u), m = await n.getDimensions(c), f = u === "y", b = f ? "top" : "left", v = f ? "bottom" : "right", _ = f ? "clientHeight" : "clientWidth", S = s.reference[p] + s.reference[u] - h[u] - s.floating[p], y = h[u] - s.reference[u], D = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
-    let x = D ? D[_] : 0;
-    (!x || !await (n.isElement == null ? void 0 : n.isElement(D))) && (x = d.floating[_] || s.floating[p]);
-    const C = S / 2 - y / 2, T = x / 2 - m[p] / 2 - 1, k = it(g[b], T), E = it(g[v], T), A = k, H = x - m[p] - E, O = x / 2 - m[p] / 2 + C, R = Ut(A, O, H), z = !a.arrow && ft(r) != null && O !== R && s.reference[p] / 2 - (O < A ? k : E) - m[p] / 2 < 0, F = z ? O < A ? O - A : O - H : 0;
+    }, u = te(r), p = Zt(u), m = await n.getDimensions(c), b = u === "y", f = b ? "top" : "left", _ = b ? "bottom" : "right", v = b ? "clientHeight" : "clientWidth", S = s.reference[p] + s.reference[u] - h[u] - s.floating[p], C = h[u] - s.reference[u], x = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
+    let D = x ? x[v] : 0;
+    (!D || !await (n.isElement == null ? void 0 : n.isElement(x))) && (D = d.floating[v] || s.floating[p]);
+    const y = S / 2 - C / 2, T = D / 2 - m[p] / 2 - 1, k = it(l[f], T), E = it(l[_], T), A = k, I = D - m[p] - E, O = D / 2 - m[p] / 2 + y, H = Ut(A, O, I), z = !a.arrow && wt(r) != null && O !== H && s.reference[p] / 2 - (O < A ? k : E) - m[p] / 2 < 0, V = z ? O < A ? O - A : O - I : 0;
     return {
-      [u]: h[u] + F,
+      [u]: h[u] + V,
       data: {
-        [u]: R,
-        centerOffset: O - R - F,
+        [u]: H,
+        centerOffset: O - H - V,
         ...z && {
-          alignmentOffset: F
+          alignmentOffset: V
         }
       },
       reset: z
@@ -1083,57 +1125,57 @@ const so = (t) => ({
         platform: a,
         elements: c
       } = e, {
-        mainAxis: l = !0,
-        crossAxis: g = !0,
+        mainAxis: g = !0,
+        crossAxis: l = !0,
         fallbackPlacements: h,
         fallbackStrategy: u = "bestFit",
         fallbackAxisSideDirection: p = "none",
         flipAlignment: m = !0,
-        ...f
-      } = pt(t, e);
+        ...b
+      } = ft(t, e);
       if ((o = s.arrow) != null && o.alignmentOffset)
         return {};
-      const b = rt(r), v = tt(d), _ = rt(d) === d, S = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), y = h || (_ || !m ? [Et(d)] : Ze(d)), D = p !== "none";
-      !h && D && y.push(...io(d, m, p, S));
-      const x = [d, ...y], C = await ee(e, f), T = [];
+      const f = rt(r), _ = tt(d), v = rt(d) === d, S = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), C = h || (v || !m ? [Et(d)] : Ze(d)), x = p !== "none";
+      !h && x && C.push(...io(d, m, p, S));
+      const D = [d, ...C], y = await ee(e, b), T = [];
       let k = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (l && T.push(C[b]), g) {
+      if (g && T.push(y[f]), l) {
         const O = Je(r, n, S);
-        T.push(C[O[0]], C[O[1]]);
+        T.push(y[O[0]], y[O[1]]);
       }
       if (k = [...k, {
         placement: r,
         overflows: T
       }], !T.every((O) => O <= 0)) {
         var E, A;
-        const O = (((E = s.flip) == null ? void 0 : E.index) || 0) + 1, R = x[O];
-        if (R && (!(g === "alignment" ? v !== tt(R) : !1) || // We leave the current main axis only if every placement on that axis
+        const O = (((E = s.flip) == null ? void 0 : E.index) || 0) + 1, H = D[O];
+        if (H && (!(l === "alignment" ? _ !== tt(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        k.every((V) => tt(V.placement) === v ? V.overflows[0] > 0 : !0)))
+        k.every((F) => tt(F.placement) === _ ? F.overflows[0] > 0 : !0)))
           return {
             data: {
               index: O,
               overflows: k
             },
             reset: {
-              placement: R
+              placement: H
             }
           };
-        let z = (A = k.filter((F) => F.overflows[0] <= 0).sort((F, V) => F.overflows[1] - V.overflows[1])[0]) == null ? void 0 : A.placement;
+        let z = (A = k.filter((V) => V.overflows[0] <= 0).sort((V, F) => V.overflows[1] - F.overflows[1])[0]) == null ? void 0 : A.placement;
         if (!z)
           switch (u) {
             case "bestFit": {
-              var H;
-              const F = (H = k.filter((V) => {
-                if (D) {
-                  const P = tt(V.placement);
-                  return P === v || // Create a bias to the `y` side axis due to horizontal
+              var I;
+              const V = (I = k.filter((F) => {
+                if (x) {
+                  const R = tt(F.placement);
+                  return R === _ || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  P === "y";
+                  R === "y";
                 }
                 return !0;
-              }).map((V) => [V.placement, V.overflows.filter((P) => P > 0).reduce((P, q) => P + q, 0)]).sort((V, P) => V[1] - P[1])[0]) == null ? void 0 : H[0];
-              F && (z = F);
+              }).map((F) => [F.placement, F.overflows.filter((R) => R > 0).reduce((R, q) => R + q, 0)]).sort((F, R) => F[1] - R[1])[0]) == null ? void 0 : I[0];
+              V && (z = V);
               break;
             }
             case "initialPlacement":
@@ -1156,26 +1198,26 @@ async function co(t, e) {
     placement: o,
     platform: i,
     elements: r
-  } = t, s = await (i.isRTL == null ? void 0 : i.isRTL(r.floating)), n = rt(o), d = ft(o), a = tt(o) === "y", c = lo.has(n) ? -1 : 1, l = s && a ? -1 : 1, g = pt(e, t);
+  } = t, s = await (i.isRTL == null ? void 0 : i.isRTL(r.floating)), n = rt(o), d = wt(o), a = tt(o) === "y", c = lo.has(n) ? -1 : 1, g = s && a ? -1 : 1, l = ft(e, t);
   let {
     mainAxis: h,
     crossAxis: u,
     alignmentAxis: p
-  } = typeof g == "number" ? {
-    mainAxis: g,
+  } = typeof l == "number" ? {
+    mainAxis: l,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: g.mainAxis || 0,
-    crossAxis: g.crossAxis || 0,
-    alignmentAxis: g.alignmentAxis
+    mainAxis: l.mainAxis || 0,
+    crossAxis: l.crossAxis || 0,
+    alignmentAxis: l.alignmentAxis
   };
   return d && typeof p == "number" && (u = d === "end" ? p * -1 : p), a ? {
-    x: u * l,
+    x: u * g,
     y: h * c
   } : {
     x: h * c,
-    y: u * l
+    y: u * g
   };
 }
 const go = function(t) {
@@ -1213,35 +1255,35 @@ const go = function(t) {
         mainAxis: s = !0,
         crossAxis: n = !1,
         limiter: d = {
-          fn: (f) => {
+          fn: (b) => {
             let {
-              x: b,
-              y: v
-            } = f;
+              x: f,
+              y: _
+            } = b;
             return {
-              x: b,
-              y: v
+              x: f,
+              y: _
             };
           }
         },
         ...a
-      } = pt(t, e), c = {
+      } = ft(t, e), c = {
         x: o,
         y: i
-      }, l = await ee(e, a), g = tt(rt(r)), h = ke(g);
-      let u = c[h], p = c[g];
+      }, g = await ee(e, a), l = tt(rt(r)), h = ke(l);
+      let u = c[h], p = c[l];
       if (s) {
-        const f = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", v = u + l[f], _ = u - l[b];
-        u = Ut(v, u, _);
+        const b = h === "y" ? "top" : "left", f = h === "y" ? "bottom" : "right", _ = u + g[b], v = u - g[f];
+        u = Ut(_, u, v);
       }
       if (n) {
-        const f = g === "y" ? "top" : "left", b = g === "y" ? "bottom" : "right", v = p + l[f], _ = p - l[b];
-        p = Ut(v, p, _);
+        const b = l === "y" ? "top" : "left", f = l === "y" ? "bottom" : "right", _ = p + g[b], v = p - g[f];
+        p = Ut(_, p, v);
       }
       const m = d.fn({
         ...e,
         [h]: u,
-        [g]: p
+        [l]: p
       });
       return {
         ...m,
@@ -1250,7 +1292,7 @@ const go = function(t) {
           y: m.y - i,
           enabled: {
             [h]: s,
-            [g]: n
+            [l]: n
           }
         }
       };
@@ -1271,22 +1313,22 @@ const go = function(t) {
         apply: a = () => {
         },
         ...c
-      } = pt(t, e), l = await ee(e, c), g = rt(r), h = ft(r), u = tt(r) === "y", {
+      } = ft(t, e), g = await ee(e, c), l = rt(r), h = wt(r), u = tt(r) === "y", {
         width: p,
         height: m
       } = s.floating;
-      let f, b;
-      g === "top" || g === "bottom" ? (f = g, b = h === (await (n.isRTL == null ? void 0 : n.isRTL(d.floating)) ? "start" : "end") ? "left" : "right") : (b = g, f = h === "end" ? "top" : "bottom");
-      const v = m - l.top - l.bottom, _ = p - l.left - l.right, S = it(m - l[f], v), y = it(p - l[b], _), D = !e.middlewareData.shift;
-      let x = S, C = y;
-      if ((o = e.middlewareData.shift) != null && o.enabled.x && (C = _), (i = e.middlewareData.shift) != null && i.enabled.y && (x = v), D && !h) {
-        const k = N(l.left, 0), E = N(l.right, 0), A = N(l.top, 0), H = N(l.bottom, 0);
-        u ? C = p - 2 * (k !== 0 || E !== 0 ? k + E : N(l.left, l.right)) : x = m - 2 * (A !== 0 || H !== 0 ? A + H : N(l.top, l.bottom));
+      let b, f;
+      l === "top" || l === "bottom" ? (b = l, f = h === (await (n.isRTL == null ? void 0 : n.isRTL(d.floating)) ? "start" : "end") ? "left" : "right") : (f = l, b = h === "end" ? "top" : "bottom");
+      const _ = m - g.top - g.bottom, v = p - g.left - g.right, S = it(m - g[b], _), C = it(p - g[f], v), x = !e.middlewareData.shift;
+      let D = S, y = C;
+      if ((o = e.middlewareData.shift) != null && o.enabled.x && (y = v), (i = e.middlewareData.shift) != null && i.enabled.y && (D = _), x && !h) {
+        const k = N(g.left, 0), E = N(g.right, 0), A = N(g.top, 0), I = N(g.bottom, 0);
+        u ? y = p - 2 * (k !== 0 || E !== 0 ? k + E : N(g.left, g.right)) : D = m - 2 * (A !== 0 || I !== 0 ? A + I : N(g.top, g.bottom));
       }
       await a({
         ...e,
-        availableWidth: C,
-        availableHeight: x
+        availableWidth: y,
+        availableHeight: D
       });
       const T = await n.getDimensions(d.floating);
       return p !== T.width || m !== T.height ? {
@@ -1300,7 +1342,7 @@ const go = function(t) {
 function Ot() {
   return typeof window < "u";
 }
-function wt(t) {
+function mt(t) {
   return Te(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function U(t) {
@@ -1335,10 +1377,10 @@ function St(t) {
 }
 const fo = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function wo(t) {
-  return fo.has(wt(t));
+  return fo.has(mt(t));
 }
 const mo = [":popover-open", ":modal"];
-function Rt(t) {
+function Ht(t) {
   return mo.some((e) => {
     try {
       return t.matches(e);
@@ -1354,10 +1396,10 @@ function oe(t) {
 }
 function yo(t) {
   let e = nt(t);
-  for (; J(e) && !ht(e); ) {
+  for (; J(e) && !pt(e); ) {
     if (oe(e))
       return e;
-    if (Rt(e))
+    if (Ht(e))
       return null;
     e = nt(e);
   }
@@ -1367,13 +1409,13 @@ function ie() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const Co = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function ht(t) {
-  return Co.has(wt(t));
+function pt(t) {
+  return Co.has(mt(t));
 }
 function Q(t) {
   return U(t).getComputedStyle(t);
 }
-function Pt(t) {
+function Rt(t) {
   return X(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
@@ -1383,7 +1425,7 @@ function Pt(t) {
   };
 }
 function nt(t) {
-  if (wt(t) === "html")
+  if (mt(t) === "html")
     return t;
   const e = (
     // Step into the shadow DOM of the parent of a slotted node.
@@ -1396,7 +1438,7 @@ function nt(t) {
 }
 function Ee(t) {
   const e = nt(t);
-  return ht(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : J(e) && St(e) ? e : Ee(e);
+  return pt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : J(e) && St(e) ? e : Ee(e);
 }
 function _t(t, e, o) {
   var i;
@@ -1456,28 +1498,28 @@ function lt(t, e, o, i) {
   let n = G(1);
   e && (i ? X(i) && (n = ut(i)) : n = ut(t));
   const d = xo(s, o, i) ? Me(s) : G(0);
-  let a = (r.left + d.x) / n.x, c = (r.top + d.y) / n.y, l = r.width / n.x, g = r.height / n.y;
+  let a = (r.left + d.x) / n.x, c = (r.top + d.y) / n.y, g = r.width / n.x, l = r.height / n.y;
   if (s) {
     const h = U(s), u = i && X(i) ? U(i) : i;
     let p = h, m = Bt(p);
     for (; m && i && u !== p; ) {
-      const f = ut(m), b = m.getBoundingClientRect(), v = Q(m), _ = b.left + (m.clientLeft + parseFloat(v.paddingLeft)) * f.x, S = b.top + (m.clientTop + parseFloat(v.paddingTop)) * f.y;
-      a *= f.x, c *= f.y, l *= f.x, g *= f.y, a += _, c += S, p = U(m), m = Bt(p);
+      const b = ut(m), f = m.getBoundingClientRect(), _ = Q(m), v = f.left + (m.clientLeft + parseFloat(_.paddingLeft)) * b.x, S = f.top + (m.clientTop + parseFloat(_.paddingTop)) * b.y;
+      a *= b.x, c *= b.y, g *= b.x, l *= b.y, a += v, c += S, p = U(m), m = Bt(p);
     }
   }
   return $t({
-    width: l,
-    height: g,
+    width: g,
+    height: l,
     x: a,
     y: c
   });
 }
-function It(t, e) {
-  const o = Pt(t).scrollLeft;
+function Pt(t, e) {
+  const o = Rt(t).scrollLeft;
   return e ? e.left + o : lt(Z(t)).left + o;
 }
 function Ae(t, e) {
-  const o = t.getBoundingClientRect(), i = o.left + e.scrollLeft - It(t, o), r = o.top + e.scrollTop;
+  const o = t.getBoundingClientRect(), i = o.left + e.scrollLeft - Pt(t, o), r = o.top + e.scrollTop;
   return {
     x: i,
     y: r
@@ -1490,32 +1532,32 @@ function ko(t) {
     offsetParent: i,
     strategy: r
   } = t;
-  const s = r === "fixed", n = Z(i), d = e ? Rt(e.floating) : !1;
+  const s = r === "fixed", n = Z(i), d = e ? Ht(e.floating) : !1;
   if (i === n || d && s)
     return o;
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   }, c = G(1);
-  const l = G(0), g = J(i);
-  if ((g || !g && !s) && ((wt(i) !== "body" || St(n)) && (a = Pt(i)), J(i))) {
+  const g = G(0), l = J(i);
+  if ((l || !l && !s) && ((mt(i) !== "body" || St(n)) && (a = Rt(i)), J(i))) {
     const u = lt(i);
-    c = ut(i), l.x = u.x + i.clientLeft, l.y = u.y + i.clientTop;
+    c = ut(i), g.x = u.x + i.clientLeft, g.y = u.y + i.clientTop;
   }
-  const h = n && !g && !s ? Ae(n, a) : G(0);
+  const h = n && !l && !s ? Ae(n, a) : G(0);
   return {
     width: o.width * c.x,
     height: o.height * c.y,
-    x: o.x * c.x - a.scrollLeft * c.x + l.x + h.x,
-    y: o.y * c.y - a.scrollTop * c.y + l.y + h.y
+    x: o.x * c.x - a.scrollLeft * c.x + g.x + h.x,
+    y: o.y * c.y - a.scrollTop * c.y + g.y + h.y
   };
 }
 function Do(t) {
   return Array.from(t.getClientRects());
 }
 function To(t) {
-  const e = Z(t), o = Pt(t), i = t.ownerDocument.body, r = N(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = N(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
-  let n = -o.scrollLeft + It(t);
+  const e = Z(t), o = Rt(t), i = t.ownerDocument.body, r = N(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = N(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
+  let n = -o.scrollLeft + Pt(t);
   const d = -o.scrollTop;
   return Q(i).direction === "rtl" && (n += N(e.clientWidth, i.clientWidth) - r), {
     width: r,
@@ -1530,12 +1572,12 @@ function Eo(t, e) {
   let s = i.clientWidth, n = i.clientHeight, d = 0, a = 0;
   if (r) {
     s = r.width, n = r.height;
-    const l = ie();
-    (!l || l && e === "fixed") && (d = r.offsetLeft, a = r.offsetTop);
+    const g = ie();
+    (!g || g && e === "fixed") && (d = r.offsetLeft, a = r.offsetTop);
   }
-  const c = It(i);
+  const c = Pt(i);
   if (c <= 0) {
-    const l = i.ownerDocument, g = l.body, h = getComputedStyle(g), u = l.compatMode === "CSS1Compat" && parseFloat(h.marginLeft) + parseFloat(h.marginRight) || 0, p = Math.abs(i.clientWidth - g.clientWidth - u);
+    const g = i.ownerDocument, l = g.body, h = getComputedStyle(l), u = g.compatMode === "CSS1Compat" && parseFloat(h.marginLeft) + parseFloat(h.marginRight) || 0, p = Math.abs(i.clientWidth - l.clientWidth - u);
     p <= ue && (s -= p);
   } else c <= ue && (s += c);
   return {
@@ -1576,18 +1618,18 @@ function he(t, e, o) {
 }
 function Oe(t, e) {
   const o = nt(t);
-  return o === e || !X(o) || ht(o) ? !1 : Q(o).position === "fixed" || Oe(o, e);
+  return o === e || !X(o) || pt(o) ? !1 : Q(o).position === "fixed" || Oe(o, e);
 }
 function Ao(t, e) {
   const o = e.get(t);
   if (o)
     return o;
-  let i = _t(t, [], !1).filter((d) => X(d) && wt(d) !== "body"), r = null;
+  let i = _t(t, [], !1).filter((d) => X(d) && mt(d) !== "body"), r = null;
   const s = Q(t).position === "fixed";
   let n = s ? nt(t) : t;
-  for (; X(n) && !ht(n); ) {
+  for (; X(n) && !pt(n); ) {
     const d = Q(n), a = oe(n);
-    !a && d.position === "fixed" && (r = null), (s ? !a && !r : !a && d.position === "static" && !!r && $o.has(r.position) || St(n) && !a && Oe(t, n)) ? i = i.filter((l) => l !== n) : r = d, n = nt(n);
+    !a && d.position === "fixed" && (r = null), (s ? !a && !r : !a && d.position === "static" && !!r && $o.has(r.position) || St(n) && !a && Oe(t, n)) ? i = i.filter((g) => g !== n) : r = d, n = nt(n);
   }
   return e.set(t, i), i;
 }
@@ -1598,9 +1640,9 @@ function Oo(t) {
     rootBoundary: i,
     strategy: r
   } = t;
-  const n = [...o === "clippingAncestors" ? Rt(e) ? [] : Ao(e, this._c) : [].concat(o), i], d = n[0], a = n.reduce((c, l) => {
-    const g = he(e, l, r);
-    return c.top = N(g.top, c.top), c.right = it(g.right, c.right), c.bottom = it(g.bottom, c.bottom), c.left = N(g.left, c.left), c;
+  const n = [...o === "clippingAncestors" ? Ht(e) ? [] : Ao(e, this._c) : [].concat(o), i], d = n[0], a = n.reduce((c, g) => {
+    const l = he(e, g, r);
+    return c.top = N(l.top, c.top), c.right = it(l.right, c.right), c.bottom = it(l.bottom, c.bottom), c.left = N(l.left, c.left), c;
   }, he(e, d, r));
   return {
     width: a.right - a.left,
@@ -1609,7 +1651,7 @@ function Oo(t) {
     y: a.top
   };
 }
-function Ro(t) {
+function Ho(t) {
   const {
     width: e,
     height: o
@@ -1619,7 +1661,7 @@ function Ro(t) {
     height: o
   };
 }
-function Po(t, e, o) {
+function Ro(t, e, o) {
   const i = J(e), r = Z(e), s = o === "fixed", n = lt(t, !0, s, e);
   let d = {
     scrollLeft: 0,
@@ -1627,23 +1669,23 @@ function Po(t, e, o) {
   };
   const a = G(0);
   function c() {
-    a.x = It(r);
+    a.x = Pt(r);
   }
   if (i || !i && !s)
-    if ((wt(e) !== "body" || St(r)) && (d = Pt(e)), i) {
+    if ((mt(e) !== "body" || St(r)) && (d = Rt(e)), i) {
       const u = lt(e, !0, s, e);
       a.x = u.x + e.clientLeft, a.y = u.y + e.clientTop;
     } else r && c();
   s && !i && r && c();
-  const l = r && !i && !s ? Ae(r, d) : G(0), g = n.left + d.scrollLeft - a.x - l.x, h = n.top + d.scrollTop - a.y - l.y;
+  const g = r && !i && !s ? Ae(r, d) : G(0), l = n.left + d.scrollLeft - a.x - g.x, h = n.top + d.scrollTop - a.y - g.y;
   return {
-    x: g,
+    x: l,
     y: h,
     width: n.width,
     height: n.height
   };
 }
-function Ht(t) {
+function It(t) {
   return Q(t).position === "static";
 }
 function pe(t, e) {
@@ -1654,28 +1696,28 @@ function pe(t, e) {
   let o = t.offsetParent;
   return Z(t) === o && (o = o.ownerDocument.body), o;
 }
-function Re(t, e) {
+function He(t, e) {
   const o = U(t);
-  if (Rt(t))
+  if (Ht(t))
     return o;
   if (!J(t)) {
     let r = nt(t);
-    for (; r && !ht(r); ) {
-      if (X(r) && !Ht(r))
+    for (; r && !pt(r); ) {
+      if (X(r) && !It(r))
         return r;
       r = nt(r);
     }
     return o;
   }
   let i = pe(t, e);
-  for (; i && wo(i) && Ht(i); )
+  for (; i && wo(i) && It(i); )
     i = pe(i, e);
-  return i && ht(i) && Ht(i) && !oe(i) ? o : i || yo(t) || o;
+  return i && pt(i) && It(i) && !oe(i) ? o : i || yo(t) || o;
 }
-const Io = async function(t) {
-  const e = this.getOffsetParent || Re, o = this.getDimensions, i = await o(t.floating);
+const Po = async function(t) {
+  const e = this.getOffsetParent || He, o = this.getDimensions, i = await o(t.floating);
   return {
-    reference: Po(t.reference, await e(t.floating), t.strategy),
+    reference: Ro(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1687,19 +1729,19 @@ const Io = async function(t) {
 function Lo(t) {
   return Q(t).direction === "rtl";
 }
-const Ho = {
+const Io = {
   convertOffsetParentRelativeRectToViewportRelativeRect: ko,
   getDocumentElement: Z,
   getClippingRect: Oo,
-  getOffsetParent: Re,
-  getElementRects: Io,
+  getOffsetParent: He,
+  getElementRects: Po,
   getClientRects: Do,
-  getDimensions: Ro,
+  getDimensions: Ho,
   getScale: ut,
   isElement: X,
   isRTL: Lo
 };
-function Pe(t, e) {
+function Re(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
 function zo(t, e) {
@@ -1712,43 +1754,43 @@ function zo(t, e) {
   function n(d, a) {
     d === void 0 && (d = !1), a === void 0 && (a = 1), s();
     const c = t.getBoundingClientRect(), {
-      left: l,
-      top: g,
+      left: g,
+      top: l,
       width: h,
       height: u
     } = c;
     if (d || e(), !h || !u)
       return;
-    const p = Dt(g), m = Dt(r.clientWidth - (l + h)), f = Dt(r.clientHeight - (g + u)), b = Dt(l), _ = {
-      rootMargin: -p + "px " + -m + "px " + -f + "px " + -b + "px",
+    const p = Dt(l), m = Dt(r.clientWidth - (g + h)), b = Dt(r.clientHeight - (l + u)), f = Dt(g), v = {
+      rootMargin: -p + "px " + -m + "px " + -b + "px " + -f + "px",
       threshold: N(0, it(1, a)) || 1
     };
     let S = !0;
-    function y(D) {
-      const x = D[0].intersectionRatio;
-      if (x !== a) {
+    function C(x) {
+      const D = x[0].intersectionRatio;
+      if (D !== a) {
         if (!S)
           return n();
-        x ? n(!1, x) : i = setTimeout(() => {
+        D ? n(!1, D) : i = setTimeout(() => {
           n(!1, 1e-7);
         }, 1e3);
       }
-      x === 1 && !Pe(c, t.getBoundingClientRect()) && n(), S = !1;
+      D === 1 && !Re(c, t.getBoundingClientRect()) && n(), S = !1;
     }
     try {
-      o = new IntersectionObserver(y, {
-        ..._,
+      o = new IntersectionObserver(C, {
+        ...v,
         // Handle <iframe>s
         root: r.ownerDocument
       });
     } catch {
-      o = new IntersectionObserver(y, _);
+      o = new IntersectionObserver(C, v);
     }
     o.observe(t);
   }
   return n(!0), s;
 }
-function Fo(t, e, o, i) {
+function Vo(t, e, o, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: r = !0,
@@ -1756,37 +1798,37 @@ function Fo(t, e, o, i) {
     elementResize: n = typeof ResizeObserver == "function",
     layoutShift: d = typeof IntersectionObserver == "function",
     animationFrame: a = !1
-  } = i, c = re(t), l = r || s ? [...c ? _t(c) : [], ..._t(e)] : [];
-  l.forEach((b) => {
-    r && b.addEventListener("scroll", o, {
+  } = i, c = re(t), g = r || s ? [...c ? _t(c) : [], ..._t(e)] : [];
+  g.forEach((f) => {
+    r && f.addEventListener("scroll", o, {
       passive: !0
-    }), s && b.addEventListener("resize", o);
+    }), s && f.addEventListener("resize", o);
   });
-  const g = c && d ? zo(c, o) : null;
+  const l = c && d ? zo(c, o) : null;
   let h = -1, u = null;
-  n && (u = new ResizeObserver((b) => {
-    let [v] = b;
-    v && v.target === c && u && (u.unobserve(e), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
-      var _;
-      (_ = u) == null || _.observe(e);
+  n && (u = new ResizeObserver((f) => {
+    let [_] = f;
+    _ && _.target === c && u && (u.unobserve(e), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+      var v;
+      (v = u) == null || v.observe(e);
     })), o();
   }), c && !a && u.observe(c), u.observe(e));
   let p, m = a ? lt(t) : null;
-  a && f();
-  function f() {
-    const b = lt(t);
-    m && !Pe(m, b) && o(), m = b, p = requestAnimationFrame(f);
+  a && b();
+  function b() {
+    const f = lt(t);
+    m && !Re(m, f) && o(), m = f, p = requestAnimationFrame(b);
   }
   return o(), () => {
-    var b;
-    l.forEach((v) => {
-      r && v.removeEventListener("scroll", o), s && v.removeEventListener("resize", o);
-    }), g == null || g(), (b = u) == null || b.disconnect(), u = null, a && cancelAnimationFrame(p);
+    var f;
+    g.forEach((_) => {
+      r && _.removeEventListener("scroll", o), s && _.removeEventListener("resize", o);
+    }), l == null || l(), (f = u) == null || f.disconnect(), u = null, a && cancelAnimationFrame(p);
   };
 }
-const Lt = go, ne = uo, xt = ao, Vo = ho, qo = so, kt = (t, e, o) => {
+const Lt = go, ne = uo, xt = ao, Fo = ho, qo = so, kt = (t, e, o) => {
   const i = /* @__PURE__ */ new Map(), r = {
-    platform: Ho,
+    platform: Io,
     ...o
   }, s = {
     ...r.platform,
@@ -1813,19 +1855,19 @@ function dt(t, e, o, i) {
   else {
     const n = t.grid.editingCell, d = n ? (s = t.grid.displayItems[n.rowIndex]) == null ? void 0 : s[n.field] : void 0;
     r.innerHTML = o.map((a, c) => {
-      const l = c === t.highlightedIndex, g = at(a, i) === d, h = mt(a, i);
+      const g = c === t.highlightedIndex, l = at(a, i) === d, h = bt(a, i);
       if (i.renderOptionCallback) {
-        const _ = { index: c, isHighlighted: l, isSelected: g, isDisabled: h };
-        return i.renderOptionCallback(a, _);
+        const v = { index: c, isHighlighted: g, isSelected: l, isDisabled: h };
+        return i.renderOptionCallback(a, v);
       }
-      const u = Ct(a, i), p = Ke(a, i), m = We(a, i), f = ["wg__dropdown-option"];
-      l && f.push("wg__dropdown-option--highlighted"), g && f.push("wg__dropdown-option--selected"), h && f.push("wg__dropdown-option--disabled");
-      const b = p ? `<span class="wg__dropdown-option-icon">${t.escapeHtml(p)}</span>` : "", v = m ? `<span class="wg__dropdown-option-subtitle">${t.escapeHtml(m)}</span>` : "";
-      return `<div class="${f.join(" ")}" data-index="${c}" ${h ? 'data-disabled="true"' : ""}>
-				${b}
+      const u = Ct(a, i), p = Ke(a, i), m = We(a, i), b = ["wg__dropdown-option"];
+      g && b.push("wg__dropdown-option--highlighted"), l && b.push("wg__dropdown-option--selected"), h && b.push("wg__dropdown-option--disabled");
+      const f = p ? `<span class="wg__dropdown-option-icon">${t.escapeHtml(p)}</span>` : "", _ = m ? `<span class="wg__dropdown-option-subtitle">${t.escapeHtml(m)}</span>` : "";
+      return `<div class="${b.join(" ")}" data-index="${c}" ${h ? 'data-disabled="true"' : ""}>
+				${f}
 				<div class="wg__dropdown-option-content">
 					<span class="wg__dropdown-option-label">${t.escapeHtml(u)}</span>
-					${v}
+					${_}
 				</div>
 			</div>`;
     }).join("");
@@ -1837,7 +1879,7 @@ function dt(t, e, o, i) {
       // Add 1px gap to prevent sub-pixel overlap with cell border
       Lt(1),
       xt({ fallbackPlacements: ["top-start"] }),
-      Vo({
+      Fo({
         apply({ rects: n }) {
           Object.assign(r.style, {
             width: `${n.reference.width}px`
@@ -1856,13 +1898,13 @@ function L(t) {
   const e = t.shadow.querySelector(".wg__dropdown");
   e == null || e.remove(), t.dropdownOpen = !1, t.highlightedIndex = -1, t.filterText = "";
 }
-function Ie(t, e, o = !0) {
+function Pe(t, e, o = !0) {
   const i = t.dropdownOptions[e];
   if (!i) return;
   const r = t.grid.editingCell;
   if (!r) return;
   const s = t.getCurrentEditorOptions();
-  if (mt(i, s)) return;
+  if (bt(i, s)) return;
   const n = at(i, s), d = t.grid.columns.findIndex((c) => String(c.field) === r.field), a = t.grid.displayItems[r.rowIndex];
   if (s.onselect && a && s.onselect(i, a), t.justSelected = !0, t.isCommittingFromKeyboard = !0, L(t), t.grid.commitEdit(r.rowIndex, r.field, n), o)
     t.moveFocusAfterCommit(r.rowIndex, r.field, "down");
@@ -1908,10 +1950,10 @@ function W(t) {
       t.dropdownOptions = n;
       const d = t.grid.editingCell;
       if (d) {
-        const a = t.grid.displayItems[d.rowIndex], c = a ? a[d.field] : void 0, l = t.dropdownOptions.findIndex(
-          (g) => at(g, o) === c
+        const a = t.grid.displayItems[d.rowIndex], c = a ? a[d.field] : void 0, g = t.dropdownOptions.findIndex(
+          (l) => at(l, o) === c
         );
-        r = l >= 0 ? l : 0;
+        r = g >= 0 ? g : 0;
       } else
         r = t.dropdownOptions.length > 0 ? 0 : -1;
     }
@@ -1919,22 +1961,22 @@ function W(t) {
     const n = i === "autocomplete" ? o.initialOptions || o.options || [] : o.options || [], d = t.grid.editingCell;
     let a;
     if (d) {
-      const l = t.grid.displayItems[d.rowIndex];
-      a = l ? l[d.field] : void 0;
+      const g = t.grid.displayItems[d.rowIndex];
+      a = g ? g[d.field] : void 0;
     }
     const c = n.findIndex(
-      (l) => at(l, o) === a
+      (g) => at(g, o) === a
     );
     if (c >= 0)
       t.dropdownOptions = n, r = c;
     else if (a != null && a !== "") {
-      const l = o.valueMember || "value", g = o.displayMember || "label", h = String(a), u = {
+      const g = o.valueMember || "value", l = o.displayMember || "label", h = String(a), u = {
         // Required base properties
         value: a,
         label: h,
         // Custom member properties (may override above if different)
-        [l]: a,
-        [g]: h
+        [g]: a,
+        [l]: h
       };
       t.dropdownOptions = [u, ...n], r = 0;
     } else
@@ -1946,8 +1988,8 @@ function W(t) {
     t.isOpeningDropdown = !0;
     const d = dt(t, s, t.dropdownOptions, o);
     ct(t, d), t.filterText = n, t.highlightedIndex = r, et(t);
-    const a = t.shadow.querySelector(".wg__select-trigger"), c = t.shadow.querySelector(".wg__combobox-input, .wg__autocomplete-input"), l = a || c;
-    l && l.focus(), requestAnimationFrame(() => {
+    const a = t.shadow.querySelector(".wg__select-trigger"), c = t.shadow.querySelector(".wg__combobox-input, .wg__autocomplete-input"), g = a || c;
+    g && g.focus(), requestAnimationFrame(() => {
       t.isOpeningDropdown = !1;
     });
   }
@@ -1961,7 +2003,7 @@ function ct(t, e) {
     const i = o.target.closest(".wg__dropdown-option");
     if (i && !i.hasAttribute("data-disabled")) {
       const r = parseInt(i.getAttribute("data-index") || "0", 10);
-      Ie(t, r, !1);
+      Pe(t, r, !1);
     }
   }), e.addEventListener("mouseover", (o) => {
     const i = o.target.closest(".wg__dropdown-option");
@@ -2083,9 +2125,9 @@ function Bo(t, e, o, i) {
       xt({ fallbackPlacements: ["bottom", "left", "right"] }),
       qo({ element: n })
     ]
-  }).then(({ x: a, y: c, placement: l, middlewareData: g }) => {
-    if (r.style.left = `${a}px`, r.style.top = `${c}px`, r.setAttribute("data-placement", l), g.arrow) {
-      const { x: h, y: u } = g.arrow;
+  }).then(({ x: a, y: c, placement: g, middlewareData: l }) => {
+    if (r.style.left = `${a}px`, r.style.top = `${c}px`, r.setAttribute("data-placement", g), l.arrow) {
+      const { x: h, y: u } = l.arrow;
       h != null && (n.style.left = `${h}px`), u != null && (n.style.top = `${u}px`);
     }
     requestAnimationFrame(() => {
@@ -2119,8 +2161,8 @@ function Ko(t, e, o) {
 function Wo(t, e) {
   const o = t.shadow.querySelector(".wg");
   if (!o) return;
-  const i = t.grid.virtualScrollRowHeight, r = o.scrollTop, s = o.clientHeight, n = t.shadow.querySelector(".wg__header"), d = (n == null ? void 0 : n.offsetHeight) || 0, a = e * i, c = a + i, l = r + d, g = r + s;
-  a < l ? o.scrollTop = a - d : c > g && (o.scrollTop = c - s);
+  const i = t.grid.virtualScrollRowHeight, r = o.scrollTop, s = o.clientHeight, n = t.shadow.querySelector(".wg__header"), d = (n == null ? void 0 : n.offsetHeight) || 0, a = e * i, c = a + i, g = r + d, l = r + s;
+  a < g ? o.scrollTop = a - d : c > l && (o.scrollTop = c - s);
 }
 function st(t, e) {
   const o = t.shadow.querySelector(".wg");
@@ -2181,13 +2223,13 @@ function zt(t, e) {
   let a = 0, c = i.length;
   try {
     for (; a < c; ) {
-      const l = Math.floor((a + c) / 2);
-      d.setStart(n, 0), d.setEnd(n, l), d.getBoundingClientRect().right < r ? a = l + 1 : c = l;
+      const g = Math.floor((a + c) / 2);
+      d.setStart(n, 0), d.setEnd(n, g), d.getBoundingClientRect().right < r ? a = g + 1 : c = g;
     }
     if (a > 0 && a < i.length) {
       d.setStart(n, a - 1), d.setEnd(n, a);
-      const l = d.getBoundingClientRect(), g = l.left + l.width / 2;
-      r < g && a--;
+      const g = d.getBoundingClientRect(), l = g.left + g.width / 2;
+      r < l && a--;
     }
   } catch {
     return i.length;
@@ -2234,17 +2276,17 @@ function Zo(t, e, o) {
   if (!i) return;
   const r = String(i.field), s = t.grid.displayItems[e];
   if (!s) return;
-  const n = i.editorOptions || {}, d = n.trueValue ?? !0, a = n.falseValue ?? !1, l = s[r] === d ? a : d;
-  t.grid.commitEdit(e, r, l);
-  const g = t.grid.displayItems;
-  e < g.length - 1 && requestAnimationFrame(() => {
+  const n = i.editorOptions || {}, d = n.trueValue ?? !0, a = n.falseValue ?? !1, g = s[r] === d ? a : d;
+  t.grid.commitEdit(e, r, g);
+  const l = t.grid.displayItems;
+  e < l.length - 1 && requestAnimationFrame(() => {
     $(t, e + 1, o);
   });
 }
 function ti(t, e) {
   t.isCommittingFromKeyboard || t.grid.editingCell && Mt(t, e);
 }
-function Ft(t, e, o, i) {
+function Vt(t, e, o, i) {
   const s = t.grid.columns.findIndex((c) => String(c.field) === o), n = t.grid.displayItems;
   let d = e, a = s;
   if (i === "down")
@@ -2252,8 +2294,8 @@ function Ft(t, e, o, i) {
   else if (i === "up")
     d = Math.max(e - 1, 0);
   else {
-    const c = t.grid.getEditableColumns(), l = c.findIndex((g) => g.index === s);
-    i === "next" ? l >= 0 && l < c.length - 1 ? a = c[l + 1].index : e < n.length - 1 && (d = e + 1, a = c[0].index) : l > 0 ? a = c[l - 1].index : e > 0 && (d = e - 1, a = c[c.length - 1].index);
+    const c = t.grid.getEditableColumns(), g = c.findIndex((l) => l.index === s);
+    i === "next" ? g >= 0 && g < c.length - 1 ? a = c[g + 1].index : e < n.length - 1 && (d = e + 1, a = c[0].index) : g > 0 ? a = c[g - 1].index : e > 0 && (d = e - 1, a = c[c.length - 1].index);
   }
   requestAnimationFrame(() => {
     $(t, d, a), t.isCommittingFromKeyboard = !1;
@@ -2320,7 +2362,7 @@ function ii(t, e, o, i, r) {
 }
 function ri(t, e, o, i, r) {
   var c;
-  const s = r.editorOptions || {}, n = (c = t.grid.editingCell) == null ? void 0 : c.initialSearchQuery, d = Vt(i), a = n !== void 0 ? n : ni(i, s.dateFormat);
+  const s = r.editorOptions || {}, n = (c = t.grid.editingCell) == null ? void 0 : c.initialSearchQuery, d = Ft(i), a = n !== void 0 ? n : ni(i, s.dateFormat);
   return `
 		<div class="wg__editor wg__editor--date" data-row="${e}" data-field="${o}">
 			<input
@@ -2332,8 +2374,8 @@ function ri(t, e, o, i, r) {
 				data-date-value="${d}"
 				data-output-format="${s.outputFormat || "iso"}"
 				data-date-format="${s.dateFormat || "YYYY-MM-DD"}"
-				${s.minDate ? `data-min-date="${Vt(s.minDate)}"` : ""}
-				${s.maxDate ? `data-max-date="${Vt(s.maxDate)}"` : ""}
+				${s.minDate ? `data-min-date="${Ft(s.minDate)}"` : ""}
+				${s.maxDate ? `data-max-date="${Ft(s.maxDate)}"` : ""}
 				placeholder="${t.escapeHtml(s.dateFormat || "YYYY-MM-DD")}"
 			/>
 			<button type="button" class="wg__date-trigger" tabindex="-1">
@@ -2349,7 +2391,7 @@ function ni(t, e) {
   const i = e || "YYYY-MM-DD", r = o.getFullYear(), s = String(o.getMonth() + 1).padStart(2, "0"), n = String(o.getDate()).padStart(2, "0");
   return i.replace("YYYY", String(r)).replace("YY", String(r).slice(-2)).replace("MM", s).replace("DD", n);
 }
-function Vt(t) {
+function Ft(t) {
   if (!t) return "";
   let e = null;
   if (t instanceof Date ? e = t : typeof t == "number" ? e = new Date(t) : typeof t == "string" && (e = new Date(t)), !e || isNaN(e.getTime())) return "";
@@ -2373,7 +2415,7 @@ function si(t, e, o, i, r) {
 function ai(t, e, o, i, r) {
   var c;
   const s = r.editorOptions || {}, n = s.options || [], d = Jt(i, n, s), a = (c = t.grid.editingCell) == null ? void 0 : c.initialSearchQuery;
-  return t.dropdownOptions = n, t.filterText = a || "", t.highlightedIndex = n.findIndex((l) => at(l, s) === i), t.highlightedIndex < 0 && n.length > 0 && (t.highlightedIndex = 0), `
+  return t.dropdownOptions = n, t.filterText = a || "", t.highlightedIndex = n.findIndex((g) => at(g, s) === i), t.highlightedIndex < 0 && n.length > 0 && (t.highlightedIndex = 0), `
 		<div
 			class="wg__editor wg__editor--select wg__select-trigger"
 			tabindex="0"
@@ -2388,8 +2430,8 @@ function ai(t, e, o, i, r) {
 	`;
 }
 function li(t, e, o, i, r) {
-  var l;
-  const s = r.editorOptions || {}, n = s.options || [], d = Jt(i, n, s), a = (l = t.grid.editingCell) == null ? void 0 : l.initialSearchQuery, c = a !== void 0 ? a : d;
+  var g;
+  const s = r.editorOptions || {}, n = s.options || [], d = Jt(i, n, s), a = (g = t.grid.editingCell) == null ? void 0 : g.initialSearchQuery, c = a !== void 0 ? a : d;
   return t.dropdownOptions = n, t.filterText = c, t.highlightedIndex = n.length > 0 ? 0 : -1, `
 		<div class="wg__editor wg__editor--combobox" data-row="${e}" data-field="${o}">
 			<input
@@ -2404,8 +2446,8 @@ function li(t, e, o, i, r) {
 	`;
 }
 function di(t, e, o, i, r) {
-  var l;
-  const s = r.editorOptions || {}, n = s.initialOptions || s.options || [], d = Jt(i, n, s), a = (l = t.grid.editingCell) == null ? void 0 : l.initialSearchQuery, c = a !== void 0 ? a : d;
+  var g;
+  const s = r.editorOptions || {}, n = s.initialOptions || s.options || [], d = Jt(i, n, s), a = (g = t.grid.editingCell) == null ? void 0 : g.initialSearchQuery, c = a !== void 0 ? a : d;
   return t.dropdownOptions = n, t.filterText = c, t.highlightedIndex = n.length > 0 ? 0 : -1, `
 		<div class="wg__editor wg__editor--autocomplete" data-row="${e}" data-field="${o}">
 			<input
@@ -2434,7 +2476,7 @@ function ci(t, e, o, i, r) {
 		</div>
 	`;
 }
-function He(t, e, o, i, r, s) {
+function Ie(t, e, o, i, r, s) {
   const n = i.editor === "select" || i.editor === "combobox" || i.editor === "autocomplete", d = i.editor === "date", a = String(i.field);
   return n ? `
 			<div class="wg__cell-dropdown-display ${t.grid.getEffectiveToggleVisibility(i) === "on-focus" ? "wg__cell-dropdown-display--toggle-on-focus" : ""}" data-row="${e}" data-field="${a}">
@@ -2450,7 +2492,7 @@ function He(t, e, o, i, r, s) {
 			</div>
 		` : i.templateCallback ? `<span class="wg__cell-text">${r}</span>` : `<span class="wg__cell-text">${t.escapeHtml(r)}</span>`;
 }
-let I = {
+let P = {
   path: null,
   arrowPos: null,
   arrowDir: "right"
@@ -2514,100 +2556,102 @@ function hi(t) {
   }
   return o;
 }
-function pi(t, e, o) {
-  return `<div class="wg__toolbar">${hi(t).map(({ groups: s }) => `<div class="wg__toolbar-row">${s.map(({ items: d }, a) => {
-    const c = a > 0 ? '<div class="wg__toolbar-divider"></div>' : "", l = d.map((g) => {
-      const h = typeof g.disabled == "function" ? g.disabled(e, o) : g.disabled, u = [
+function pi(t, e, o, i = !1) {
+  let r = hi(t);
+  return i && (r = r.reverse()), `<div class="wg__toolbar">${r.map(({ groups: n }) => `<div class="wg__toolbar-row">${n.map(({ items: a }, c) => {
+    const g = c > 0 ? '<div class="wg__toolbar-divider"></div>' : "", l = a.map((h) => {
+      const u = typeof h.disabled == "function" ? h.disabled(e, o) : h.disabled, p = [
         "wg__toolbar-btn",
-        g.danger ? "wg__toolbar-btn--danger" : ""
-      ].filter(Boolean).join(" "), p = g.label ? `<span class="wg__toolbar-label">${g.label}</span>` : "";
+        h.danger ? "wg__toolbar-btn--danger" : ""
+      ].filter(Boolean).join(" "), m = h.label ? `<span class="wg__toolbar-label">${h.label}</span>` : "";
       return `<button
-					class="${u}"
-					data-toolbar-item="${g.id}"
-					title="${g.title}"
-					${h ? "disabled" : ""}
-				>${g.icon}${p}</button>`;
+					class="${p}"
+					data-toolbar-item="${h.id}"
+					title="${h.title}"
+					${u ? "disabled" : ""}
+				>${h.icon}${m}</button>`;
     }).join("");
-    return c + l;
+    return g + l;
   }).join("")}</div>`).join("")}</div>`;
 }
 let M = null;
 function fi(t, e, o, i, r, s, n) {
   At();
-  const d = pi(i, r, o), a = document.createElement("div");
-  a.className = "wg__toolbar-container", a.innerHTML = d, t.shadow.appendChild(a);
-  const c = a.querySelector(".wg__toolbar");
+  const d = t.grid.toolbarVerticalAlign !== "top", a = pi(i, r, o, d), c = document.createElement("div");
+  c.className = "wg__toolbar-container", c.innerHTML = a, t.shadow.appendChild(c);
+  const g = c.querySelector(".wg__toolbar");
   let l = "left";
-  c.style.position = "fixed", c.style.visibility = "hidden", requestAnimationFrame(() => {
-    const h = t.shadow.querySelector(`tr[data-row-index="${o}"]`);
-    if (!h) {
+  g.style.position = "fixed", g.style.visibility = "hidden", requestAnimationFrame(() => {
+    const u = t.shadow.querySelector(`tr[data-row-index="${o}"]`);
+    if (!u) {
       At();
       return;
     }
-    const u = t.grid.toolbarPosition, p = t.grid.toolbarAlign, m = t.grid.toolbarTopPosition;
-    let f, b;
-    const v = p === "top" ? "-start" : "", _ = () => m === "start" ? "top-start" : m === "end" ? "top-end" : "top";
-    u === "left" ? (f = `left${v}`, b = [`right${v}`, _()]) : u === "right" ? (f = `right${v}`, b = [`left${v}`, _()]) : u === "top" ? (f = _(), b = [`left${v}`, `right${v}`]) : (f = `left${v}`, b = [`right${v}`, _()]);
-    let S = h;
-    if (m === "cursor" && n !== void 0 && u === "top") {
-      const y = h.getBoundingClientRect();
-      S = {
+    const p = t.grid.toolbarPosition, m = t.grid.toolbarVerticalAlign, b = t.grid.toolbarHorizontalAlign;
+    let f, _, v = "";
+    m === "top" ? v = "-end" : m === "bottom" && (v = "-start");
+    const S = () => b === "start" ? "top-start" : b === "end" ? "top-end" : "top";
+    p === "left" ? (f = `left${v}`, _ = [`right${v}`, S()]) : p === "right" ? (f = `right${v}`, _ = [`left${v}`, S()]) : p === "top" ? (f = S(), _ = [`left${v}`, `right${v}`]) : (f = `left${v}`, _ = [`right${v}`, S()]);
+    let C = u;
+    if (b === "cursor" && n !== void 0 && p === "top") {
+      const x = u.getBoundingClientRect();
+      C = {
         getBoundingClientRect: () => ({
           x: n,
-          y: y.top,
-          top: y.top,
+          y: x.top,
+          top: x.top,
           left: n,
-          bottom: y.bottom,
+          bottom: x.bottom,
           right: n,
           width: 0,
-          height: y.height,
+          height: x.height,
           toJSON: () => ({})
         })
       };
     }
-    kt(S, c, {
+    kt(C, g, {
       strategy: "fixed",
       placement: f,
       middleware: [
-        xt({ fallbackPlacements: b }),
+        xt({ fallbackPlacements: _ }),
         ne({ padding: 8 })
         // Keep within viewport
       ]
-    }).then(({ x: y, y: D, placement: x }) => {
-      Object.assign(c.style, {
-        left: `${y}px`,
+    }).then(({ x, y: D, placement: y }) => {
+      Object.assign(g.style, {
+        left: `${x}px`,
         top: `${D}px`,
         visibility: "visible"
         // Show now that it's positioned
-      }), l = x.split("-")[0], M && (M.position = l);
+      }), l = y.split("-")[0], M && (M.position = l);
     }).catch(() => {
-      c.style.visibility = "visible";
+      g.style.visibility = "visible";
     });
   });
-  const g = (h) => {
-    const u = h.target.closest(".wg__toolbar-btn");
-    if (u && !u.disabled) {
-      const p = u.dataset.toolbarItem || "", m = i.find((f) => f.id === p);
-      m && s(m);
+  const h = (u) => {
+    const p = u.target.closest(".wg__toolbar-btn");
+    if (p && !p.disabled) {
+      const m = p.dataset.toolbarItem || "", b = i.find((f) => f.id === m);
+      b && s(b);
     }
   };
-  a.addEventListener("click", g), M = {
-    container: a,
-    toolbar: c,
+  c.addEventListener("click", h), M = {
+    container: c,
+    toolbar: g,
     rowIndex: o,
     rowItem: r,
     position: l,
     hasRowMoved: !1,
     cursorX: n,
     cleanup: () => {
-      a.removeEventListener("click", g), a.remove();
+      c.removeEventListener("click", h), c.remove();
     }
-  }, I = { path: null, arrowPos: null, arrowDir: "right" };
+  }, P = { path: null, arrowPos: null, arrowDir: "right" };
 }
 function At() {
-  M && (M.cleanup(), M = null), I = { path: null, arrowPos: null, arrowDir: "right" };
+  M && (M.cleanup(), M = null), P = { path: null, arrowPos: null, arrowDir: "right" };
 }
-function bt() {
+function vt() {
   return (M == null ? void 0 : M.rowIndex) ?? null;
 }
 function wi(t) {
@@ -2617,69 +2661,69 @@ function qt(t) {
   return (M == null ? void 0 : M.rowIndex) === t;
 }
 function mi() {
-  return I;
+  return P;
 }
 function _e(t, e) {
   if (!M) {
-    I = { path: null, arrowPos: null, arrowDir: "right" };
+    P = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
-  const { toolbar: o, rowItem: i, position: r } = M, s = e.findIndex((y) => y === i);
+  const { toolbar: o, rowItem: i, position: r } = M, s = e.findIndex((C) => C === i);
   if (s === -1) {
-    I = { path: null, arrowPos: null, arrowDir: "right" };
+    P = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
   const n = t.shadow.querySelector(`tr[data-row-index="${s}"]`);
   if (!n) {
-    I = { path: null, arrowPos: null, arrowDir: "right" };
+    P = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
   if (s === M.rowIndex || (M.hasRowMoved = !0), !M.hasRowMoved) {
-    I = { path: null, arrowPos: null, arrowDir: "right" };
+    P = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
-  const a = o.getBoundingClientRect(), c = n.getBoundingClientRect(), l = t.shadow.querySelector(".wg__table"), g = l == null ? void 0 : l.getBoundingClientRect(), h = t.shadow.querySelector(".wg"), u = h == null ? void 0 : h.getBoundingClientRect();
-  if (!g || !u) {
-    I = { path: null, arrowPos: null, arrowDir: "right" };
+  const a = o.getBoundingClientRect(), c = n.getBoundingClientRect(), g = t.shadow.querySelector(".wg__table"), l = g == null ? void 0 : g.getBoundingClientRect(), h = t.shadow.querySelector(".wg"), u = h == null ? void 0 : h.getBoundingClientRect();
+  if (!l || !u) {
+    P = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
-  const p = document.dir === "rtl" || document.documentElement.dir === "rtl", m = c.top + c.height / 2, f = c.bottom <= u.top, b = c.top >= u.bottom, v = !f && !b;
-  let _, S = "right";
-  if (f ? (_ = u.top + 8, S = "up") : b ? (_ = u.bottom - 8, S = "down") : _ = m, r === "left") {
-    const y = a.right, D = a.top + a.height / 2, x = p ? u.right + 15 : u.left - 15;
-    if (!v) {
-      I = { path: `M ${y} ${D} H ${x} V ${_}`, arrowPos: { x, y: _ }, arrowDir: S };
+  const p = document.dir === "rtl" || document.documentElement.dir === "rtl", m = c.top + c.height / 2, b = c.bottom <= u.top, f = c.top >= u.bottom, _ = !b && !f;
+  let v, S = "right";
+  if (b ? (v = u.top + 8, S = "up") : f ? (v = u.bottom - 8, S = "down") : v = m, r === "left") {
+    const C = a.right, x = a.top + a.height / 2, D = p ? u.right + 15 : u.left - 15;
+    if (!_) {
+      P = { path: `M ${C} ${x} H ${D} V ${v}`, arrowPos: { x: D, y: v }, arrowDir: S };
       return;
     }
-    const C = p ? u.right - 8 : u.left + 8;
-    S = p ? "left" : "right", I = { path: `M ${y} ${D} H ${x} V ${_} H ${C}`, arrowPos: { x: C, y: _ }, arrowDir: S };
+    const y = p ? u.right - 8 : u.left + 8;
+    S = p ? "left" : "right", P = { path: `M ${C} ${x} H ${D} V ${v} H ${y}`, arrowPos: { x: y, y: v }, arrowDir: S };
     return;
   } else if (r === "right") {
-    const y = a.left, D = a.top + a.height / 2, x = p ? u.left - 15 : u.right + 15;
-    if (!v) {
-      I = { path: `M ${y} ${D} H ${x} V ${_}`, arrowPos: { x, y: _ }, arrowDir: S };
+    const C = a.left, x = a.top + a.height / 2, D = p ? u.left - 15 : u.right + 15;
+    if (!_) {
+      P = { path: `M ${C} ${x} H ${D} V ${v}`, arrowPos: { x: D, y: v }, arrowDir: S };
       return;
     }
-    const C = p ? u.left + 8 : u.right - 8;
-    S = p ? "right" : "left", I = { path: `M ${y} ${D} H ${x} V ${_} H ${C}`, arrowPos: { x: C, y: _ }, arrowDir: S };
+    const y = p ? u.left + 8 : u.right - 8;
+    S = p ? "right" : "left", P = { path: `M ${C} ${x} H ${D} V ${v} H ${y}`, arrowPos: { x: y, y: v }, arrowDir: S };
     return;
   } else {
-    const D = a.right, x = a.top + a.height / 2, C = D + 48, T = s - M.rowIndex, k = 8;
+    const x = a.right, D = a.top + a.height / 2, y = x + 48, T = s - M.rowIndex, k = 8;
     if (T === 0) {
       let E = c.top - k;
-      b && (E = u.bottom - k), I = { path: `M ${D} ${x} H ${C} V ${E}`, arrowPos: { x: C, y: E }, arrowDir: "down" };
+      f && (E = u.bottom - k), P = { path: `M ${x} ${D} H ${y} V ${E}`, arrowPos: { x: y, y: E }, arrowDir: "down" };
       return;
     } else if (T === -1) {
-      const A = a.top + a.height * 0.25, H = a.top + a.height * 0.75, O = a.right + 24, R = a.right + k;
-      I = { path: `M ${a.right} ${A} H ${O} V ${H} H ${R}`, arrowPos: { x: R, y: H }, arrowDir: "left" };
+      const A = a.top + a.height * 0.25, I = a.top + a.height * 0.75, O = a.right + 24, H = a.right + k;
+      P = { path: `M ${a.right} ${A} H ${O} V ${I} H ${H}`, arrowPos: { x: H, y: I }, arrowDir: "left" };
       return;
     } else if (T < 0) {
       let E = c.bottom + k;
-      f && (E = u.top + k), I = { path: `M ${D} ${x} H ${C} V ${E}`, arrowPos: { x: C, y: E }, arrowDir: "up" };
+      b && (E = u.top + k), P = { path: `M ${x} ${D} H ${y} V ${E}`, arrowPos: { x: y, y: E }, arrowDir: "up" };
       return;
     } else {
       let E = c.top - k;
-      b && (E = u.bottom - k), I = { path: `M ${D} ${x} H ${C} V ${E}`, arrowPos: { x: C, y: E }, arrowDir: "down" };
+      f && (E = u.bottom - k), P = { path: `M ${x} ${D} H ${y} V ${E}`, arrowPos: { x: y, y: E }, arrowDir: "down" };
       return;
     }
   }
@@ -2699,27 +2743,27 @@ function vi(t) {
   const e = t.grid.columns;
   if (e.length === 0) return "";
   const o = t.grid.showRowNumbers ? '<th class="wg__header wg__row-number-header">#</th>' : "", r = t.grid.showRowToolbar && t.grid.toolbarTrigger === "button" ? '<th class="wg__header wg__actions-column"></th>' : "", s = e.map((n) => {
-    const d = String(n.field), a = n.sortable !== !1 && t.grid.sortMode !== "none", c = t.grid.getColumnSortState(d), l = t.grid.getColumnSortPriority(d), g = c !== void 0, h = ["wg__header"];
-    a && h.push("wg__header--sortable"), g && h.push("wg__header--sorted");
+    const d = String(n.field), a = n.sortable !== !1 && t.grid.sortMode !== "none", c = t.grid.getColumnSortState(d), g = t.grid.getColumnSortPriority(d), l = c !== void 0, h = ["wg__header"];
+    a && h.push("wg__header--sortable"), l && h.push("wg__header--sorted");
     const u = n.width || n.maxWidth, m = `style="${[
       u ? `width: ${u}` : "",
       n.minWidth ? `min-width: ${n.minWidth}` : "",
       `text-align: ${n.align || "left"}`
     ].filter(Boolean).join("; ")}"`;
-    let f = "";
+    let b = "";
     if (a)
-      if (g) {
-        const v = c.direction === "asc" ? "▲" : "▼", _ = t.grid.sort.length > 1 ? `<sup class="wg__sort-priority">${l}</sup>` : "";
-        f = `<span class="wg__sort-indicator">${v}${_}</span>`;
+      if (l) {
+        const _ = c.direction === "asc" ? "▲" : "▼", v = t.grid.sort.length > 1 ? `<sup class="wg__sort-priority">${g}</sup>` : "";
+        b = `<span class="wg__sort-indicator">${_}${v}</span>`;
       } else
-        f = '<span class="wg__sort-indicator wg__sort-placeholder">⬍</span>';
-    let b = "";
-    return n.headerInfo && (b = `<span class="wg__header-info" data-tooltip="${t.escapeHtml(n.headerInfo)}"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span>`), `
+        b = '<span class="wg__sort-indicator wg__sort-placeholder">⬍</span>';
+    let f = "";
+    return n.headerInfo && (f = `<span class="wg__header-info" data-tooltip="${t.escapeHtml(n.headerInfo)}"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span>`), `
 			<th class="${h.join(" ")}" ${m} data-field="${d}">
 				<div class="wg__header-content">
 					<span class="wg__header-title">${t.escapeHtml(n.title)}</span>
-					${b}
 					${f}
+					${b}
 				</div>
 			</th>
 		`;
@@ -2736,36 +2780,36 @@ function _i(t) {
 				</td>
 			</tr>
 		`;
-  const n = bt();
+  const n = vt();
   return e.map((d, a) => {
     const c = i ? `<td class="wg__cell wg__row-number">${a + 1}</td>` : "";
-    let l = "";
-    r && (l = `
+    let g = "";
+    r && (g = `
 				<td class="wg__cell wg__actions-column">
 					${ze(a, n === a)}
 				</td>
 			`);
-    const g = o.map((u, p) => {
-      const m = String(u.field), f = t.grid.getCellValue(d, u, a), b = u.align || "left", v = t.grid.isCellEditable(u), _ = t.grid.isCellFocused(a, p), S = ["wg__cell"], y = t.grid.isEditing(a, m);
-      if (v && S.push("wg__cell--editable"), _ && !y && S.push("wg__cell--focused"), u.textOverflow === "ellipsis" && S.push("wg__cell--ellipsis"), y && S.push("wg__cell--editing"), t.grid.isCellInvalid(a, m) && S.push("wg__cell--invalid"), u.cellClass && S.push(u.cellClass), u.cellClassCallback) {
+    const l = o.map((u, p) => {
+      const m = String(u.field), b = t.grid.getCellValue(d, u, a), f = u.align || "left", _ = t.grid.isCellEditable(u), v = t.grid.isCellFocused(a, p), S = ["wg__cell"], C = t.grid.isEditing(a, m);
+      if (_ && S.push("wg__cell--editable"), v && !C && S.push("wg__cell--focused"), u.textOverflow === "ellipsis" && S.push("wg__cell--ellipsis"), C && S.push("wg__cell--editing"), t.grid.isCellInvalid(a, m) && S.push("wg__cell--invalid"), u.cellClass && S.push(u.cellClass), u.cellClassCallback) {
         const T = t.grid.getCellRawValue(d, a, m), k = u.cellClassCallback(T, d);
         k && S.push(k);
       }
-      const D = [
-        `text-align: ${b}`,
+      const x = [
+        `text-align: ${f}`,
         u.width ? `width: ${u.width}` : "",
         u.minWidth ? `min-width: ${u.minWidth}` : "",
         u.maxWidth ? `max-width: ${u.maxWidth}` : ""
-      ].filter(Boolean).join("; "), x = t.grid.isNavigateMode ? 'tabindex="0"' : "";
-      let C = "";
+      ].filter(Boolean).join("; "), D = t.grid.isNavigateMode ? 'tabindex="0"' : "";
+      let y = "";
       if (u.tooltipCallback) {
         const T = t.grid.getCellRawValue(d, a, m), k = u.tooltipCallback(T, d);
-        k && (C = `data-tooltip="${t.escapeHtml(k)}"`);
+        k && (y = `data-tooltip="${t.escapeHtml(k)}"`);
       } else if (u.tooltipMember) {
         const T = d[u.tooltipMember];
-        T && typeof T == "string" && (C = `data-tooltip="${t.escapeHtml(T)}"`);
+        T && typeof T == "string" && (y = `data-tooltip="${t.escapeHtml(T)}"`);
       }
-      if (!C && t.grid.isCellInvalid(a, m)) {
+      if (!y && t.grid.isCellInvalid(a, m)) {
         const T = t.grid.getCellValidationError(a, m);
         if (T) {
           const k = u.validationTooltipCallback || t.grid.validationTooltipCallback;
@@ -2777,22 +2821,22 @@ function _i(t) {
               row: d,
               rowIndex: a
             });
-            A && (C = `data-tooltip-html="${t.escapeHtml(A)}"`);
+            A && (y = `data-tooltip-html="${t.escapeHtml(A)}"`);
           }
-          C || (C = `data-tooltip="${t.escapeHtml(T)}"`);
+          y || (y = `data-tooltip="${t.escapeHtml(T)}"`);
         }
       }
       return `
 				<td
 					class="${S.join(" ")}"
-					style="${D}"
+					style="${x}"
 					data-row="${a}"
 					data-col="${p}"
 					data-field="${m}"
-					${x}
-					${C}
+					${D}
+					${y}
 				>
-					${t.grid.isEditing(a, m) ? Le(t, a, p, u) : He(t, a, p, u, f)}
+					${t.grid.isEditing(a, m) ? Le(t, a, p, u) : Ie(t, a, p, u, b)}
 				</td>
 			`;
     }).join(""), h = ["wg__row"];
@@ -2800,87 +2844,87 @@ function _i(t) {
       const u = t.grid.rowClassCallback(d, a);
       u && h.push(u);
     }
-    return `<tr class="${h.join(" ")}" data-row-index="${a}">${c}${l}${g}</tr>`;
+    return `<tr class="${h.join(" ")}" data-row-index="${a}">${c}${g}${l}</tr>`;
   }).join("");
 }
 function ye(t, e) {
-  const o = t.grid.displayItems, i = t.grid.columns, { startIndex: r, endIndex: s, rowHeight: n, totalItems: d } = e, a = t.grid.showRowNumbers, c = t.grid.showRowToolbar && t.grid.toolbarTrigger === "button", l = i.length + (c ? 1 : 0) + (a ? 1 : 0);
+  const o = t.grid.displayItems, i = t.grid.columns, { startIndex: r, endIndex: s, rowHeight: n, totalItems: d } = e, a = t.grid.showRowNumbers, c = t.grid.showRowToolbar && t.grid.toolbarTrigger === "button", g = i.length + (c ? 1 : 0) + (a ? 1 : 0);
   if (o.length === 0)
     return `
 			<tr>
-				<td class="wg__empty" colspan="${l}">
+				<td class="wg__empty" colspan="${g}">
 					No items to display
 				</td>
 			</tr>
 		`;
-  const g = bt(), h = r * n, u = (d - s) * n, p = h > 0 ? `<tr class="wg__spacer-top"><td colspan="${l}" style="height: ${h}px"></td></tr>` : "", m = [];
-  for (let b = r; b < s && b < o.length; b++) {
-    const v = o[b], _ = b, S = a ? `<td class="wg__cell wg__row-number">${_ + 1}</td>` : "";
-    let y = "";
-    c && (y = `
+  const l = vt(), h = r * n, u = (d - s) * n, p = h > 0 ? `<tr class="wg__spacer-top"><td colspan="${g}" style="height: ${h}px"></td></tr>` : "", m = [];
+  for (let f = r; f < s && f < o.length; f++) {
+    const _ = o[f], v = f, S = a ? `<td class="wg__cell wg__row-number">${v + 1}</td>` : "";
+    let C = "";
+    c && (C = `
 				<td class="wg__cell wg__actions-column">
-					${ze(_, g === _)}
+					${ze(v, l === v)}
 				</td>
 			`);
-    const D = i.map((C, T) => {
-      const k = String(C.field), E = t.grid.getCellValue(v, C, _), A = C.align || "left", H = t.grid.isCellEditable(C), O = t.grid.isCellFocused(_, T), R = ["wg__cell"], z = t.grid.isEditing(_, k);
-      if (H && R.push("wg__cell--editable"), O && !z && R.push("wg__cell--focused"), C.textOverflow === "ellipsis" && R.push("wg__cell--ellipsis"), z && R.push("wg__cell--editing"), t.grid.isCellInvalid(_, k) && R.push("wg__cell--invalid"), C.cellClass && R.push(C.cellClass), C.cellClassCallback) {
-        const q = t.grid.getCellRawValue(v, _, k), ot = C.cellClassCallback(q, v);
-        ot && R.push(ot);
+    const x = i.map((y, T) => {
+      const k = String(y.field), E = t.grid.getCellValue(_, y, v), A = y.align || "left", I = t.grid.isCellEditable(y), O = t.grid.isCellFocused(v, T), H = ["wg__cell"], z = t.grid.isEditing(v, k);
+      if (I && H.push("wg__cell--editable"), O && !z && H.push("wg__cell--focused"), y.textOverflow === "ellipsis" && H.push("wg__cell--ellipsis"), z && H.push("wg__cell--editing"), t.grid.isCellInvalid(v, k) && H.push("wg__cell--invalid"), y.cellClass && H.push(y.cellClass), y.cellClassCallback) {
+        const q = t.grid.getCellRawValue(_, v, k), ot = y.cellClassCallback(q, _);
+        ot && H.push(ot);
       }
-      const F = [
+      const V = [
         `text-align: ${A}`,
-        C.width ? `width: ${C.width}` : "",
-        C.minWidth ? `min-width: ${C.minWidth}` : "",
-        C.maxWidth ? `max-width: ${C.maxWidth}` : ""
-      ].filter(Boolean).join("; "), V = t.grid.isNavigateMode ? 'tabindex="0"' : "";
-      let P = "";
-      if (C.tooltipCallback) {
-        const q = t.grid.getCellRawValue(v, _, k), ot = C.tooltipCallback(q, v);
-        ot && (P = `data-tooltip="${t.escapeHtml(ot)}"`);
-      } else if (C.tooltipMember) {
-        const q = v[C.tooltipMember];
-        q && typeof q == "string" && (P = `data-tooltip="${t.escapeHtml(q)}"`);
+        y.width ? `width: ${y.width}` : "",
+        y.minWidth ? `min-width: ${y.minWidth}` : "",
+        y.maxWidth ? `max-width: ${y.maxWidth}` : ""
+      ].filter(Boolean).join("; "), F = t.grid.isNavigateMode ? 'tabindex="0"' : "";
+      let R = "";
+      if (y.tooltipCallback) {
+        const q = t.grid.getCellRawValue(_, v, k), ot = y.tooltipCallback(q, _);
+        ot && (R = `data-tooltip="${t.escapeHtml(ot)}"`);
+      } else if (y.tooltipMember) {
+        const q = _[y.tooltipMember];
+        q && typeof q == "string" && (R = `data-tooltip="${t.escapeHtml(q)}"`);
       }
-      if (!P && t.grid.isCellInvalid(_, k)) {
-        const q = t.grid.getCellValidationError(_, k);
+      if (!R && t.grid.isCellInvalid(v, k)) {
+        const q = t.grid.getCellValidationError(v, k);
         if (q) {
-          const ot = C.validationTooltipCallback || t.grid.validationTooltipCallback;
+          const ot = y.validationTooltipCallback || t.grid.validationTooltipCallback;
           if (ot) {
-            const Ye = t.grid.getCellRawValue(v, _, k), ae = ot({
+            const Ye = t.grid.getCellRawValue(_, v, k), ae = ot({
               field: k,
               error: q,
               value: Ye,
-              row: v,
-              rowIndex: _
+              row: _,
+              rowIndex: v
             });
-            ae && (P = `data-tooltip-html="${t.escapeHtml(ae)}"`);
+            ae && (R = `data-tooltip-html="${t.escapeHtml(ae)}"`);
           }
-          P || (P = `data-tooltip="${t.escapeHtml(q)}"`);
+          R || (R = `data-tooltip="${t.escapeHtml(q)}"`);
         }
       }
       return `
 				<td
-					class="${R.join(" ")}"
-					style="${F}"
-					data-row="${_}"
+					class="${H.join(" ")}"
+					style="${V}"
+					data-row="${v}"
 					data-col="${T}"
 					data-field="${k}"
-					${V}
-					${P}
+					${F}
+					${R}
 				>
-					${t.grid.isEditing(_, k) ? Le(t, _, T, C) : He(t, _, T, C, E)}
+					${t.grid.isEditing(v, k) ? Le(t, v, T, y) : Ie(t, v, T, y, E)}
 				</td>
 			`;
-    }).join(""), x = ["wg__row"];
+    }).join(""), D = ["wg__row"];
     if (t.grid.rowClassCallback) {
-      const C = t.grid.rowClassCallback(v, _);
-      C && x.push(C);
+      const y = t.grid.rowClassCallback(_, v);
+      y && D.push(y);
     }
-    m.push(`<tr class="${x.join(" ")}" data-row-index="${_}">${S}${y}${D}</tr>`);
+    m.push(`<tr class="${D.join(" ")}" data-row-index="${v}">${S}${C}${x}</tr>`);
   }
-  const f = u > 0 ? `<tr class="wg__spacer-bottom"><td colspan="${l}" style="height: ${u}px"></td></tr>` : "";
-  return p + m.join("") + f;
+  const b = u > 0 ? `<tr class="wg__spacer-bottom"><td colspan="${g}" style="height: ${u}px"></td></tr>` : "";
+  return p + m.join("") + b;
 }
 function Yt(t, e = "bottom-center") {
   const o = t.grid.showPagination;
@@ -2893,47 +2937,47 @@ function Yt(t, e = "bottom-center") {
     pageInfo: `Page ${i} of ${r}`,
     itemCount: `(${d} item${d !== 1 ? "s" : ""})`,
     perPage: "per page"
-  }, c = t.grid.paginationLabelsCallback, l = c ? c({ currentPage: i, totalPages: r, totalItems: d, pageSize: s }) : {}, g = { ...a, ...l }, h = e.startsWith("top-"), u = e.replace("top-", "").replace("bottom-", ""), p = ["wg__pagination"];
+  }, c = t.grid.paginationLabelsCallback, g = c ? c({ currentPage: i, totalPages: r, totalItems: d, pageSize: s }) : {}, l = { ...a, ...g }, h = e.startsWith("top-"), u = e.replace("top-", "").replace("bottom-", ""), p = ["wg__pagination"];
   u === "left" ? p.push("wg__pagination--left") : u === "right" && p.push("wg__pagination--right"), h && p.push("wg__pagination--top");
   const m = {
     first: `
 			<button class="wg__pagination-btn" data-action="first" ${i === 1 ? "disabled" : ""}>
-				${g.first}
+				${l.first}
 			</button>
 		`,
     previous: `
 			<button class="wg__pagination-btn" data-action="prev" ${i === 1 ? "disabled" : ""}>
-				${g.previous}
+				${l.previous}
 			</button>
 		`,
     next: `
 			<button class="wg__pagination-btn" data-action="next" ${i === r ? "disabled" : ""}>
-				${g.next}
+				${l.next}
 			</button>
 		`,
     last: `
 			<button class="wg__pagination-btn" data-action="last" ${i === r ? "disabled" : ""}>
-				${g.last}
+				${l.last}
 			</button>
 		`,
     pageInfo: `
 			<div class="wg__pagination-info">
-				${g.pageInfo}
-				<span class="wg__pagination-count">${g.itemCount}</span>
+				${l.pageInfo}
+				<span class="wg__pagination-count">${l.itemCount}</span>
 			</div>
 		`,
     pageSize: n.length > 0 ? `
 			<div class="wg__pagination-pagesize">
 				<select class="wg__pagination-select" data-action="pagesize">
 					${n.map(
-      (v) => `<option value="${v}" ${v === s ? "selected" : ""}>${v}</option>`
+      (_) => `<option value="${_}" ${_ === s ? "selected" : ""}>${_}</option>`
     ).join("")}
 				</select>
-				<span class="wg__pagination-label">${g.perPage}</span>
+				<span class="wg__pagination-label">${l.perPage}</span>
 			</div>
 		` : ""
-  }, b = t.grid.paginationLayout.split("|").map((v) => v.trim()).map((v) => m[v] || "").join("");
-  return `<div class="${p.join(" ")}">${b}</div>`;
+  }, f = t.grid.paginationLayout.split("|").map((_) => _.trim()).map((_) => m[_] || "").join("");
+  return `<div class="${p.join(" ")}">${f}</div>`;
 }
 function Nt(t, e) {
   const o = t.grid.summaryContentCallback;
@@ -2945,10 +2989,10 @@ function Nt(t, e) {
     currentPage: i,
     pageSize: r,
     metadata: t.grid.summaryMetadata
-  }), c = e.startsWith("top-"), l = e.replace("top-", "").replace("bottom-", ""), g = ["wg__summary"];
-  return l === "left" ? g.push("wg__summary--left") : l === "right" && g.push("wg__summary--right"), c && g.push("wg__summary--top"), `<div class="${g.join(" ")}">${a}</div>`;
+  }), c = e.startsWith("top-"), g = e.replace("top-", "").replace("bottom-", ""), l = ["wg__summary"];
+  return g === "left" ? l.push("wg__summary--left") : g === "right" && l.push("wg__summary--right"), c && l.push("wg__summary--top"), `<div class="${l.join(" ")}">${a}</div>`;
 }
-const Fe = {
+const Ve = {
   today: "Today",
   clear: "Clear",
   monthNames: [
@@ -3002,7 +3046,7 @@ function Kt(t) {
     maxLength: t.length
   };
 }
-function Ve(t, e) {
+function Fe(t, e) {
   if (!t || isNaN(t.getTime())) return "";
   const o = t.getFullYear(), i = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0"), { separator: s, parts: n } = e, d = [];
   for (let a = 0; a < 3; a++)
@@ -3013,17 +3057,17 @@ function yi(t, e) {
   if (!t) return null;
   const { separator: o, parts: i } = e, r = t.split(o);
   let s = null, n = null, d = null;
-  if (r.forEach((c, l) => {
+  if (r.forEach((c, g) => {
     if (c) {
-      if (i.year && i.year.index === l) {
-        const g = parseInt(c, 10);
-        i.year.length === 4 && c.length === 4 ? s = g : i.year.length === 2 && c.length === 2 && (s = g < 100 ? g + 2e3 : g);
-      } else if (i.month && i.month.index === l) {
-        const g = parseInt(c, 10);
-        c.length === 2 && g >= 1 && g <= 12 && (n = g);
-      } else if (i.day && i.day.index === l) {
-        const g = parseInt(c, 10);
-        c.length === 2 && g >= 1 && g <= 31 && (d = g);
+      if (i.year && i.year.index === g) {
+        const l = parseInt(c, 10);
+        i.year.length === 4 && c.length === 4 ? s = l : i.year.length === 2 && c.length === 2 && (s = l < 100 ? l + 2e3 : l);
+      } else if (i.month && i.month.index === g) {
+        const l = parseInt(c, 10);
+        c.length === 2 && l >= 1 && l <= 12 && (n = l);
+      } else if (i.day && i.day.index === g) {
+        const l = parseInt(c, 10);
+        c.length === 2 && l >= 1 && l <= 31 && (d = l);
       }
     }
   }), s === null || n === null || d === null)
@@ -3067,7 +3111,7 @@ function xi(t, e) {
   const o = parseInt(t, 10);
   return { min: o, max: o };
 }
-function ki(t, e, o = Fe) {
+function ki(t, e, o = Ve) {
   const i = Di(t, o), r = Ti(t, e, o), s = Ei(t, e, o), n = e.showTodayButton !== !1 ? Ai(o) : "";
   return `
 		<div class="wg-datepicker">
@@ -3135,34 +3179,34 @@ function $i(t) {
   return t.weekdayNamesShort.map((e) => `<div class="wg-datepicker__weekday">${e}</div>`).join("");
 }
 function qe(t, e) {
-  const { viewYear: o, viewMonth: i, selectedDate: r, focusedDate: s } = t, n = e.minDate ? j(e.minDate) : null, d = e.maxDate ? j(e.maxDate) : null, a = Si(o, i), c = gt(o, i), l = gt(o, i - 1), g = new Date(o, i - 1, 1), h = g.getFullYear(), u = g.getMonth(), p = new Date(o, i + 1, 1), m = p.getFullYear(), f = p.getMonth(), b = [];
-  for (let y = a - 1; y >= 0; y--) {
-    const D = l - y;
-    b.push({
-      date: new Date(h, u, D),
-      day: D,
+  const { viewYear: o, viewMonth: i, selectedDate: r, focusedDate: s } = t, n = e.minDate ? j(e.minDate) : null, d = e.maxDate ? j(e.maxDate) : null, a = Si(o, i), c = gt(o, i), g = gt(o, i - 1), l = new Date(o, i - 1, 1), h = l.getFullYear(), u = l.getMonth(), p = new Date(o, i + 1, 1), m = p.getFullYear(), b = p.getMonth(), f = [];
+  for (let C = a - 1; C >= 0; C--) {
+    const x = g - C;
+    f.push({
+      date: new Date(h, u, x),
+      day: x,
       isOtherMonth: !0
     });
   }
-  for (let y = 1; y <= c; y++)
-    b.push({
-      date: new Date(o, i, y),
-      day: y,
+  for (let C = 1; C <= c; C++)
+    f.push({
+      date: new Date(o, i, C),
+      day: C,
       isOtherMonth: !1
     });
-  const _ = Math.ceil((a + c) / 7) * 7 - b.length;
-  for (let y = 1; y <= _; y++)
-    b.push({
-      date: new Date(m, f, y),
-      day: y,
+  const v = Math.ceil((a + c) / 7) * 7 - f.length;
+  for (let C = 1; C <= v; C++)
+    f.push({
+      date: new Date(m, b, C),
+      day: C,
       isOtherMonth: !0
     });
   let S = "";
-  for (const y of b) {
-    const D = ["wg-datepicker__day"];
-    y.isOtherMonth && D.push("wg-datepicker__day--other-month"), Mi(y.date, n, d) && D.push("wg-datepicker__day--disabled"), Ci(y.date) && D.push("wg-datepicker__day--today"), yt(y.date, r) && D.push("wg-datepicker__day--selected"), yt(y.date, s) && D.push("wg-datepicker__day--focused");
-    const C = Wt(y.date);
-    S += `<div class="${D.join(" ")}" data-date="${C}">${y.day}</div>`;
+  for (const C of f) {
+    const x = ["wg-datepicker__day"];
+    C.isOtherMonth && x.push("wg-datepicker__day--other-month"), Mi(C.date, n, d) && x.push("wg-datepicker__day--disabled"), Ci(C.date) && x.push("wg-datepicker__day--today"), yt(C.date, r) && x.push("wg-datepicker__day--selected"), yt(C.date, s) && x.push("wg-datepicker__day--focused");
+    const y = Wt(C.date);
+    S += `<div class="${x.join(" ")}" data-date="${y}">${C.day}</div>`;
   }
   return S;
 }
@@ -3182,18 +3226,18 @@ function Oi(t, e, o) {
   const i = t.querySelector(".wg-datepicker__days");
   i && (i.innerHTML = qe(e, o));
 }
-function Ri(t, e, o) {
+function Hi(t, e, o) {
   const i = t.querySelector(".wg-datepicker__month-year");
   if (i) {
     const r = o.monthNames[e.viewMonth];
     i.textContent = `${r} ${e.viewYear}`;
   }
 }
-function Pi(t, e) {
+function Ri(t, e) {
   const o = t.querySelector(".wg-datepicker__rolling-selector"), i = t.querySelector(".wg-datepicker__calendar");
   o && o.classList.toggle("wg-datepicker__rolling-selector--visible", e), i && i.classList.toggle("wg-datepicker__calendar--hidden", e);
 }
-function Ii(t, e) {
+function Pi(t, e) {
   t.querySelectorAll("[data-year]").forEach((r) => {
     const s = parseInt(r.dataset.year || "0", 10);
     r.classList.toggle("wg-datepicker__rolling-item--selected", s === e.viewYear);
@@ -3240,18 +3284,18 @@ function Li(t, e, o, i) {
     return !0;
   }
   if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(r))
-    return t.preventDefault(), Hi(e, r, o), !0;
+    return t.preventDefault(), Ii(e, r, o), !0;
   if (r === "Enter")
-    return t.preventDefault(), e.focusedDate && ((n = i.onSelect) == null || n.call(i, e.focusedDate, "down")), !0;
+    return t.preventDefault(), t.stopPropagation(), e.focusedDate && ((n = i.onSelect) == null || n.call(i, e.focusedDate, "down")), !0;
   if (r === "Tab")
     return e.focusedDate ? (d = i.onSelect) == null || d.call(i, e.focusedDate, "next") : (a = i.onClose) == null || a.call(i), !1;
   if (r === "Home") {
     if (t.preventDefault(), t.ctrlKey || t.metaKey) {
       let c = e.viewYear;
-      const l = new Date(c, 0, 1);
-      if (e.focusedDate && yt(e.focusedDate, l) && c--, o.minDate) {
-        const g = j(o.minDate);
-        g && c < g.getFullYear() && (c = g.getFullYear());
+      const g = new Date(c, 0, 1);
+      if (e.focusedDate && yt(e.focusedDate, g) && c--, o.minDate) {
+        const l = j(o.minDate);
+        l && c < l.getFullYear() && (c = l.getFullYear());
       }
       e.viewMonth = 0, e.viewYear = c, e.focusedDate = new Date(c, 0, 1);
     } else
@@ -3261,10 +3305,10 @@ function Li(t, e, o, i) {
   if (r === "End") {
     if (t.preventDefault(), t.ctrlKey || t.metaKey) {
       let c = e.viewYear;
-      const l = new Date(c, 11, 31);
-      if (e.focusedDate && yt(e.focusedDate, l) && c++, o.maxDate) {
-        const g = j(o.maxDate);
-        g && c > g.getFullYear() && (c = g.getFullYear());
+      const g = new Date(c, 11, 31);
+      if (e.focusedDate && yt(e.focusedDate, g) && c++, o.maxDate) {
+        const l = j(o.maxDate);
+        l && c > l.getFullYear() && (c = l.getFullYear());
       }
       e.viewMonth = 11, e.viewYear = c, e.focusedDate = new Date(c, 11, 31);
     } else {
@@ -3289,7 +3333,7 @@ function Li(t, e, o, i) {
   }
   return !1;
 }
-function Hi(t, e, o) {
+function Ii(t, e, o) {
   if (!t.focusedDate) {
     t.focusedDate = t.selectedDate ? new Date(t.selectedDate) : new Date(t.viewYear, t.viewMonth, 1);
     return;
@@ -3325,7 +3369,7 @@ function zi(t, e) {
   }
   return o === "ArrowLeft" || o === "ArrowRight" ? (t.preventDefault(), e.rollingSelectorMode = e.rollingSelectorMode === "month" ? "year" : "month", !0) : o === "Enter" || o === "Escape" ? (t.preventDefault(), e.rollingSelectorOpen = !1, !0) : !1;
 }
-function Fi(t) {
+function Vi(t) {
   if (t.selectedDate)
     t.focusedDate = new Date(t.selectedDate), t.viewYear = t.selectedDate.getFullYear(), t.viewMonth = t.selectedDate.getMonth();
   else {
@@ -3333,7 +3377,7 @@ function Fi(t) {
     t.focusedDate = new Date(t.viewYear, t.viewMonth, e.getDate());
   }
 }
-function Vi(t, e, o) {
+function Fi(t, e, o) {
   const i = t.dataset.date;
   if (!i || t.classList.contains("wg-datepicker__day--disabled"))
     return null;
@@ -3355,17 +3399,17 @@ function Ni(t, e) {
   o !== void 0 && (e.viewYear = parseInt(o, 10));
 }
 function Gt(t, e) {
-  var g, h, u, p;
-  const { separator: o, parts: i, maxLength: r } = e, s = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), n = t.replace(new RegExp(s, "g"), ""), d = ((g = i.year) == null ? void 0 : g.length) ?? 4, a = [
+  var l, h, u, p;
+  const { separator: o, parts: i, maxLength: r } = e, s = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), n = t.replace(new RegExp(s, "g"), ""), d = ((l = i.year) == null ? void 0 : l.length) ?? 4, a = [
     { type: "year", pos: ((h = i.year) == null ? void 0 : h.index) ?? 0, length: d },
     { type: "month", pos: ((u = i.month) == null ? void 0 : u.index) ?? 1, length: 2 },
     { type: "day", pos: ((p = i.day) == null ? void 0 : p.index) ?? 2, length: 2 }
-  ].sort((m, f) => m.pos - f.pos);
-  let c = "", l = 0;
+  ].sort((m, b) => m.pos - b.pos);
+  let c = "", g = 0;
   for (let m = 0; m < a.length; m++) {
-    const f = a[m], b = n.substring(l, l + f.length);
-    if (!b) break;
-    c += b, l += b.length, m < a.length - 1 && b.length === f.length && (c += o);
+    const b = a[m], f = n.substring(g, g + b.length);
+    if (!f) break;
+    c += f, g += f.length, m < a.length - 1 && f.length === b.length && (c += o);
   }
   return c.substring(0, r);
 }
@@ -3373,16 +3417,16 @@ function Ui(t, e, o) {
   const i = t.value, r = t.selectionStart || 0, s = i.length < o.length, { separator: n } = e, d = n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), a = i.replace(new RegExp(`[^0-9${d}]`, "g"), ""), c = Gt(a, e);
   if (c !== i) {
     t.value = c;
-    let l = r;
+    let g = r;
     if (s)
-      l = r;
+      g = r;
     else if (c.length > i.length && c[r] === n)
-      l = r + 1;
+      g = r + 1;
     else if (c.length > i.length) {
-      const g = n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), h = (i.substring(0, r).match(new RegExp(g, "g")) || []).length, p = (c.substring(0, r).match(new RegExp(g, "g")) || []).length - h;
-      l = r + p;
+      const l = n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), h = (i.substring(0, r).match(new RegExp(l, "g")) || []).length, p = (c.substring(0, r).match(new RegExp(l, "g")) || []).length - h;
+      g = r + p;
     }
-    t.setSelectionRange(l, l);
+    t.setSelectionRange(g, g);
   }
   return c;
 }
@@ -3404,18 +3448,18 @@ function ji(t, e) {
     return !1;
   if (o === s) {
     const d = t.target, a = d.selectionStart || 0, c = d.value;
-    let l = 0;
+    let g = 0;
     for (let h = a - 1; h >= 0; h--)
       if (c[h] === s) {
-        l = h + 1;
+        g = h + 1;
         break;
       }
-    const g = c.substring(l, a);
-    if (/^\d$/.test(g)) {
+    const l = c.substring(g, a);
+    if (/^\d$/.test(l)) {
       t.preventDefault();
-      const h = c.substring(0, l) + "0" + g + s + c.substring(a);
+      const h = c.substring(0, g) + "0" + l + s + c.substring(a);
       d.value = h;
-      const u = l + 2 + s.length;
+      const u = g + 2 + s.length;
       return d.setSelectionRange(u, u), !0;
     }
   }
@@ -3424,8 +3468,8 @@ function ji(t, e) {
 function Bi(t, e, o) {
   var u;
   t.preventDefault();
-  const i = ((u = t.clipboardData) == null ? void 0 : u.getData("text")) || "", { separator: r } = o, s = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), n = i.replace(new RegExp(`[^0-9${s}]`, "g"), ""), d = Gt(n, o), a = e.selectionStart || 0, c = e.selectionEnd || 0, l = e.value, g = l.substring(0, a) + d + l.substring(c);
-  e.value = Gt(g, o);
+  const i = ((u = t.clipboardData) == null ? void 0 : u.getData("text")) || "", { separator: r } = o, s = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), n = i.replace(new RegExp(`[^0-9${s}]`, "g"), ""), d = Gt(n, o), a = e.selectionStart || 0, c = e.selectionEnd || 0, g = e.value, l = g.substring(0, a) + d + g.substring(c);
+  e.value = Gt(l, o);
   const h = a + d.length;
   e.setSelectionRange(h, h);
 }
@@ -3443,31 +3487,31 @@ const Wi = `
 	z-index: var(--wg-dp-z-index, 9999);
 
 	/* Colors */
-	--wg-dp-background: var(--base-layer-01, #fff);
-	--wg-dp-border-color: var(--base-stroke-default, #e0e0e0);
-	--wg-dp-text-color: var(--base-text-color-primary, #1a1a1a);
-	--wg-dp-text-secondary: var(--base-text-color-secondary, #666);
-	--wg-dp-text-muted: var(--base-text-color-muted, #ccc);
-	--wg-dp-text-disabled: var(--base-text-color-disabled, #999);
+	--wg-dp-background: var(--base-main-bg, #fff);
+	--wg-dp-border-color: var(--base-border-color, #e0e0e0);
+	--wg-dp-text-color: var(--base-text-color-1, #1a1a1a);
+	--wg-dp-text-secondary: var(--base-text-color-3, #666);
+	--wg-dp-text-muted: var(--base-text-color-4, #ccc);
+	--wg-dp-text-disabled: var(--base-text-color-4, #999);
 	--wg-dp-accent-color: var(--base-accent-color, #0078d4);
 	--wg-dp-accent-hover: var(--base-accent-color-hover, #006cbd);
-	--wg-dp-hover-bg: var(--base-layer-hover, #f5f5f5);
-	--wg-dp-hover-border: var(--base-stroke-hover, #ccc);
-	--wg-dp-selected-text: var(--base-text-on-accent, #fff);
+	--wg-dp-hover-bg: var(--base-hover-bg, #f5f5f5);
+	--wg-dp-hover-border: var(--base-border-color, #ccc);
+	--wg-dp-selected-text: var(--base-text-color-on-accent, #fff);
 
 	/* Typography */
-	--wg-dp-font-family: var(--base-font-family, inherit);
-	--wg-dp-font-size: var(--base-font-size-sm, 13px);
-	--wg-dp-font-size-sm: var(--base-font-size-xs, 12px);
-	--wg-dp-font-size-xs: 10px;
-	--wg-dp-font-weight-normal: var(--base-font-weight-normal, 400);
-	--wg-dp-font-weight-medium: var(--base-font-weight-medium, 500);
-	--wg-dp-font-weight-semibold: var(--base-font-weight-semibold, 600);
+	--wg-dp-font-family: var(--wg-font-family, var(--base-font-family, inherit));
+	--wg-dp-font-size: var(--wg-font-size-base, 14px);
+	--wg-dp-font-size-sm: var(--wg-font-size-sm, 12px);
+	--wg-dp-font-size-xs: var(--wg-font-size-xs, 11px);
+	--wg-dp-font-weight-normal: var(--wg-font-weight-normal, 400);
+	--wg-dp-font-weight-medium: 500;
+	--wg-dp-font-weight-semibold: var(--wg-font-weight-semibold, 600);
 
 	/* Sizing */
 	--wg-dp-padding: 8px;
 	--wg-dp-min-width: 220px;
-	--wg-dp-border-radius: var(--base-border-radius-sm, 4px);
+	--wg-dp-border-radius: var(--wg-border-radius-sm, 4px);
 	--wg-dp-nav-size: 24px;
 	--wg-dp-nav-icon-size: 14px;
 	--wg-dp-rolling-list-height: 180px;
@@ -3478,7 +3522,7 @@ const Wi = `
 	--wg-dp-gap-xs: 1px;
 
 	/* Shadow */
-	--wg-dp-shadow: var(--base-shadow-lg, 0 4px 16px rgba(0, 0, 0, 0.15));
+	--wg-dp-shadow: var(--wg-shadow-lg, 0 4px 16px rgba(0, 0, 0, 0.15));
 }
 
 .wg-datepicker {
@@ -3725,16 +3769,16 @@ class se {
     const o = e || navigator.language || "en";
     try {
       const i = new Intl.DateTimeFormat(o, { month: "long" }), r = new Intl.DateTimeFormat(o, { month: "short" }), s = new Intl.DateTimeFormat(o, { weekday: "long" }), n = new Intl.DateTimeFormat(o, { weekday: "short" }), d = [], a = [];
-      for (let g = 0; g < 12; g++) {
-        const h = new Date(2024, g, 1);
+      for (let l = 0; l < 12; l++) {
+        const h = new Date(2024, l, 1);
         d.push(i.format(h)), a.push(r.format(h));
       }
-      const c = [], l = [];
-      for (let g = 0; g < 7; g++) {
-        const h = new Date(2024, 0, 7 + g);
+      const c = [], g = [];
+      for (let l = 0; l < 7; l++) {
+        const h = new Date(2024, 0, 7 + l);
         c.push(s.format(h));
         const u = n.format(h);
-        l.push(u.substring(0, 2));
+        g.push(u.substring(0, 2));
       }
       return {
         today: "Today",
@@ -3743,10 +3787,10 @@ class se {
         monthNames: d,
         monthNamesShort: a,
         weekdayNames: c,
-        weekdayNamesShort: l
+        weekdayNamesShort: g
       };
     } catch {
-      return Fe;
+      return Ve;
     }
   }
   /**
@@ -3769,7 +3813,7 @@ class se {
       const r = /* @__PURE__ */ new Date();
       this.state.viewYear = r.getFullYear(), this.state.viewMonth = r.getMonth();
     }
-    Fi(this.state), this.element = document.createElement("div"), this.element.className = "wg-datepicker-container", this.element.innerHTML = ki(this.state, this.options, this.localeStrings), document.body.appendChild(this.element), this.position(), this.attachListeners(), this.state.isOpen = !0, this.state.rollingSelectorOpen && Ce(this.element);
+    Vi(this.state), this.element = document.createElement("div"), this.element.className = "wg-datepicker-container", this.element.innerHTML = ki(this.state, this.options, this.localeStrings), document.body.appendChild(this.element), this.position(), this.attachListeners(), this.state.isOpen = !0, this.state.rollingSelectorOpen && Ce(this.element);
   }
   /**
    * Close the date picker
@@ -3795,7 +3839,7 @@ class se {
    * Get formatted value
    */
   getFormattedValue() {
-    return Ve(this.state.selectedDate, this.formatInfo);
+    return Fe(this.state.selectedDate, this.formatInfo);
   }
   /**
    * Position the picker using Floating UI
@@ -3803,7 +3847,7 @@ class se {
   position() {
     if (!this.element || !this.anchor) return;
     const e = this.element.querySelector(".wg-datepicker");
-    e && (this.cleanupAutoUpdate = Fo(this.anchor, e, () => {
+    e && (this.cleanupAutoUpdate = Vo(this.anchor, e, () => {
       kt(this.anchor, e, {
         placement: "bottom-start",
         middleware: [
@@ -3854,7 +3898,7 @@ class se {
     const r = o.closest(".wg-datepicker__day");
     if (r) {
       e.preventDefault();
-      const a = Vi(r, this.state, this.options);
+      const a = Fi(r, this.state, this.options);
       a && this.selectDate(a);
       return;
     }
@@ -3899,7 +3943,7 @@ class se {
   render() {
     if (!this.element) return;
     const e = this.element.querySelector(".wg-datepicker");
-    e && (Ri(e, this.state, this.localeStrings), Pi(e, this.state.rollingSelectorOpen), this.state.rollingSelectorOpen ? Ii(e, this.state) : Oi(e, this.state, this.options));
+    e && (Hi(e, this.state, this.localeStrings), Ri(e, this.state.rollingSelectorOpen), this.state.rollingSelectorOpen ? Pi(e, this.state) : Oi(e, this.state, this.options));
   }
   /**
    * Connect an input field for masked input
@@ -3999,6 +4043,13 @@ const Xi = `
 	flex: 1;
 }
 
+.wg-context-menu__shortcut {
+	margin-left: auto;
+	padding-left: 16px;
+	color: var(--wg-cm-text-secondary);
+	font-size: 0.9em;
+}
+
 .wg-context-menu__divider {
 	height: 1px;
 	background: var(--wg-cm-border-color);
@@ -4014,12 +4065,12 @@ function Qi() {
 function Gi(t, e) {
   const o = t.filter((r) => r.visible === void 0 ? !0 : typeof r.visible == "function" ? r.visible(e) : r.visible);
   return o.length === 0 ? "" : `<div class="wg-context-menu">${o.map((r, s) => {
-    const n = typeof r.label == "function" ? r.label(e) : r.label, d = typeof r.icon == "function" ? r.icon(e) : r.icon, a = typeof r.disabled == "function" ? r.disabled(e) : r.disabled, c = r.danger === !0, l = [
+    const n = typeof r.label == "function" ? r.label(e) : r.label, d = typeof r.icon == "function" ? r.icon(e) : r.icon, a = r.shortcut, c = typeof r.disabled == "function" ? r.disabled(e) : r.disabled, g = r.danger === !0, l = [
       "wg-context-menu__item",
-      a ? "wg-context-menu__item--disabled" : "",
-      c ? "wg-context-menu__item--danger" : ""
-    ].filter(Boolean).join(" "), g = r.dividerBefore && s > 0 ? '<div class="wg-context-menu__divider"></div>' : "", h = d ? `<span class="wg-context-menu__icon">${d}</span>` : "";
-    return `${g}<div class="${l}" data-item-id="${r.id}" data-disabled="${a ? "true" : "false"}">${h}<span class="wg-context-menu__label">${n}</span></div>`;
+      c ? "wg-context-menu__item--disabled" : "",
+      g ? "wg-context-menu__item--danger" : ""
+    ].filter(Boolean).join(" "), h = r.dividerBefore && s > 0 ? '<div class="wg-context-menu__divider"></div>' : "", u = d ? `<span class="wg-context-menu__icon">${d}</span>` : "", p = a ? `<span class="wg-context-menu__shortcut">${a}</span>` : "";
+    return `${h}<div class="${l}" data-item-id="${r.id}" data-disabled="${c ? "true" : "false"}" data-shortcut="${a || ""}">${u}<span class="wg-context-menu__label">${n}</span>${p}</div>`;
   }).join("")}</div>`;
 }
 function Ji(t, e, o, i, r, s, n) {
@@ -4059,21 +4110,60 @@ function Ji(t, e, o, i, r, s, n) {
       s(m);
     }
   });
-  const g = (u) => {
-    a.contains(u.target) || (vt(a, g, h), n());
+  const l = (u) => {
+    a.contains(u.target) || (ht(a, l, h), n());
   }, h = (u) => {
-    u.key === "Escape" && (u.preventDefault(), vt(a, g, h), n());
+    if (u.key === "Escape") {
+      u.preventDefault(), ht(a, l, h), n();
+      return;
+    }
+    const p = u.key.toLowerCase(), m = a.querySelectorAll(".wg-context-menu__item");
+    for (const b of m) {
+      const f = b.dataset.shortcut;
+      if (b.dataset.disabled === "true" || !f) continue;
+      if (f.toLowerCase() === p || f === u.key) {
+        u.preventDefault();
+        const S = b.dataset.itemId || "";
+        s(S), ht(a, l, h), n();
+        return;
+      }
+    }
   };
   return setTimeout(() => {
-    document.addEventListener("mousedown", g), document.addEventListener("keydown", h);
-  }, 0), a._cleanup = { handleOutsideClick: g, handleKeyDown: h }, a;
+    document.addEventListener("mousedown", l), document.addEventListener("keydown", h);
+  }, 0), a._cleanup = { handleOutsideClick: l, handleKeyDown: h }, a;
 }
-function vt(t, e, o) {
+function ht(t, e, o) {
   e && document.removeEventListener("mousedown", e), o && document.removeEventListener("keydown", o);
   const i = t._cleanup;
   i && (i.handleOutsideClick && document.removeEventListener("mousedown", i.handleOutsideClick), i.handleKeyDown && document.removeEventListener("keydown", i.handleKeyDown)), t.remove();
 }
-class Zi extends HTMLElement {
+function Zi(t) {
+  const e = t.split("+").map((i) => i.trim()), o = {
+    key: "",
+    ctrl: !1,
+    shift: !1,
+    alt: !1,
+    meta: !1
+  };
+  for (const i of e) {
+    const r = i.toLowerCase();
+    r === "ctrl" || r === "control" ? o.ctrl = !0 : r === "shift" ? o.shift = !0 : r === "alt" ? o.alt = !0 : r === "meta" || r === "cmd" || r === "command" ? o.meta = !0 : o.key = i;
+  }
+  return o;
+}
+function tr(t, e) {
+  if (e.ctrl !== t.ctrlKey || e.shift !== t.shiftKey || e.alt !== t.altKey || e.meta !== t.metaKey) return !1;
+  const o = t.key.toLowerCase(), i = e.key.toLowerCase();
+  return o === i;
+}
+function er(t) {
+  return t.split("+").map((e) => {
+    const o = e.trim();
+    return ["ctrl", "control", "shift", "alt", "meta", "cmd", "command"].includes(o.toLowerCase()) ? o.charAt(0).toUpperCase() + o.slice(1).toLowerCase() : o;
+  }).join("+");
+}
+class or extends HTMLElement {
   constructor() {
     super();
     // Core grid logic (composition)
@@ -4144,8 +4234,8 @@ class Zi extends HTMLElement {
       o.preventDefault();
       let d = ((c = o.clipboardData) == null ? void 0 : c.getData("text")) || "";
       if (s.beforePasteCallback) {
-        const l = s.beforePasteCallback(d, n);
-        d = l != null ? String(l) : "";
+        const g = s.beforePasteCallback(d, n);
+        d = g != null ? String(g) : "";
       }
       const a = String(s.field);
       this.grid.commitEdit(i, a, d), this.render();
@@ -4171,7 +4261,7 @@ class Zi extends HTMLElement {
     this.render(), this.addEventListener("paste", this.handlePaste);
   }
   disconnectedCallback() {
-    this.removeEventListener("paste", this.handlePaste), this.datepicker && (this.datepicker.destroy(), this.datepicker = null), this.contextMenuElement && (vt(this.contextMenuElement), this.contextMenuElement = null), At();
+    this.removeEventListener("paste", this.handlePaste), this.datepicker && (this.datepicker.destroy(), this.datepicker = null), this.contextMenuElement && (ht(this.contextMenuElement), this.contextMenuElement = null), At();
   }
   // ==========================================================================
   // Public API - Proxy to WebGrid
@@ -4302,17 +4392,30 @@ class Zi extends HTMLElement {
   set rowToolbar(o) {
     this.grid.rowToolbar = o;
   }
+  get toolbarVerticalAlign() {
+    return this.grid.toolbarVerticalAlign;
+  }
+  set toolbarVerticalAlign(o) {
+    this.grid.toolbarVerticalAlign = o;
+  }
+  get toolbarHorizontalAlign() {
+    return this.grid.toolbarHorizontalAlign;
+  }
+  set toolbarHorizontalAlign(o) {
+    this.grid.toolbarHorizontalAlign = o;
+  }
+  // Deprecated aliases
   get toolbarAlign() {
-    return this.grid.toolbarAlign;
+    return this.grid.toolbarVerticalAlign;
   }
   set toolbarAlign(o) {
-    this.grid.toolbarAlign = o;
+    this.grid.toolbarVerticalAlign = o;
   }
   get toolbarTopPosition() {
-    return this.grid.toolbarTopPosition;
+    return this.grid.toolbarHorizontalAlign;
   }
   set toolbarTopPosition(o) {
-    this.grid.toolbarTopPosition = o;
+    this.grid.toolbarHorizontalAlign = o;
   }
   get toolbarTrigger() {
     return this.grid.toolbarTrigger;
@@ -4332,6 +4435,31 @@ class Zi extends HTMLElement {
   set contextMenu(o) {
     this.grid.contextMenu = o;
   }
+  // Row keyboard shortcuts
+  get rowShortcuts() {
+    return this.grid.rowShortcuts;
+  }
+  set rowShortcuts(o) {
+    this.grid.rowShortcuts = o;
+  }
+  get showShortcutsHelp() {
+    return this.grid.showShortcutsHelp;
+  }
+  set showShortcutsHelp(o) {
+    this.grid.showShortcutsHelp = o;
+  }
+  get shortcutsHelpPosition() {
+    return this.grid.shortcutsHelpPosition;
+  }
+  set shortcutsHelpPosition(o) {
+    this.grid.shortcutsHelpPosition = o;
+  }
+  get shortcutsHelpContentCallback() {
+    return this.grid.shortcutsHelpContentCallback;
+  }
+  set shortcutsHelpContentCallback(o) {
+    this.grid.shortcutsHelpContentCallback = o;
+  }
   // Legacy aliases
   get showRowActions() {
     return this.grid.showRowActions;
@@ -4547,6 +4675,26 @@ class Zi extends HTMLElement {
   getCellValidationError(o, i) {
     return this.grid.getCellValidationError(o, i);
   }
+  // Public methods for focus and editing
+  /**
+   * Programmatically focus a cell. Updates state and focuses the DOM element.
+   * State is updated immediately so pending renders use the correct position.
+   */
+  focusCell(o, i) {
+    const r = this.grid.columns, s = this.grid.displayItems;
+    o < 0 || o >= s.length || i < 0 || i >= r.length || (this.grid.setFocusedCell(o, i), requestAnimationFrame(() => {
+      $(this, o, i);
+    }));
+  }
+  /**
+   * Programmatically start editing a cell.
+   */
+  startEditing(o, i) {
+    const r = this.grid.columns;
+    if (i < 0 || i >= r.length) return;
+    const s = r[i], n = String(s.field);
+    this.grid.startEdit(o, n);
+  }
   // ==========================================================================
   // GridContext Implementation - Required by module functions
   // ==========================================================================
@@ -4564,7 +4712,7 @@ class Zi extends HTMLElement {
   }
   // Delegate to module function - needed for lifecycle module
   moveFocusAfterCommit(o, i, r) {
-    Ft(this, o, i, r);
+    Vt(this, o, i, r);
   }
   // ==========================================================================
   // Update Mechanism
@@ -4591,20 +4739,41 @@ class Zi extends HTMLElement {
    * Handle keyboard navigation in cells
    */
   handleCellKeyDown(o, i, r) {
-    var c;
+    var g;
     if (!this.grid.isNavigateMode)
       return;
     const s = this.grid.columns, n = this.grid.displayItems, d = this.grid.getEditableColumns(), a = d.findIndex((l) => l.index === r);
     if ((o.ctrlKey || o.metaKey) && o.key === "c") {
-      const l = s[r], g = n[i];
-      if (l && g) {
-        let h = this.grid.getCellRawValue(g, i, String(l.field));
-        l.beforeCopyCallback && (h = l.beforeCopyCallback(h, g));
-        const u = h != null ? String(h) : "";
-        navigator.clipboard.writeText(u);
+      const l = s[r], h = n[i];
+      if (l && h) {
+        let u = this.grid.getCellRawValue(h, i, String(l.field));
+        l.beforeCopyCallback && (u = l.beforeCopyCallback(u, h));
+        const p = u != null ? String(u) : "";
+        navigator.clipboard.writeText(p);
       }
       return;
     }
+    const c = this.grid.rowShortcuts;
+    if (c && c.length > 0) {
+      const l = s[r], h = n[i];
+      if (l && h)
+        for (const u of c) {
+          const p = Zi(u.key);
+          if (tr(o, p)) {
+            const m = {
+              row: h,
+              rowIndex: i,
+              colIndex: r,
+              column: l,
+              cellValue: this.grid.getCellRawValue(h, i, String(l.field))
+            };
+            if (!(typeof u.disabled == "function" ? u.disabled(m) : u.disabled === !0)) {
+              o.preventDefault(), u.action(m);
+              return;
+            }
+          }
+        }
+    }
     switch (o.key) {
       case "ArrowUp":
         o.preventDefault(), i > 0 && $(this, i - 1, r);
@@ -4642,8 +4811,8 @@ class Zi extends HTMLElement {
           if (this.grid.shouldUseVirtualScroll()) {
             const l = this.grid.focusedCell;
             this.grid.setFocusedCell(0, 0), st(this, 0);
-            const g = this.shadow.querySelector('td[data-row="0"][data-col="0"]');
-            g && (g.focus({ preventScroll: !0 }), K(this, l, { rowIndex: 0, colIndex: 0 }));
+            const h = this.shadow.querySelector('td[data-row="0"][data-col="0"]');
+            h && (h.focus({ preventScroll: !0 }), K(this, l, { rowIndex: 0, colIndex: 0 }));
           } else
             $(this, 0, 0);
         else
@@ -4651,14 +4820,14 @@ class Zi extends HTMLElement {
         break;
       case "End":
         if (o.preventDefault(), o.ctrlKey) {
-          const l = n.length - 1, g = s.length - 1;
+          const l = n.length - 1, h = s.length - 1;
           if (this.grid.shouldUseVirtualScroll()) {
-            const h = this.grid.focusedCell;
-            this.grid.setFocusedCell(l, g), st(this, l);
-            const u = this.shadow.querySelector(`td[data-row="${l}"][data-col="${g}"]`);
-            u && (u.focus({ preventScroll: !0 }), K(this, h, { rowIndex: l, colIndex: g }));
+            const u = this.grid.focusedCell;
+            this.grid.setFocusedCell(l, h), st(this, l);
+            const p = this.shadow.querySelector(`td[data-row="${l}"][data-col="${h}"]`);
+            p && (p.focus({ preventScroll: !0 }), K(this, u, { rowIndex: l, colIndex: h }));
           } else
-            $(this, l, g);
+            $(this, l, h);
         } else
           $(this, i, s.length - 1);
         break;
@@ -4667,17 +4836,17 @@ class Zi extends HTMLElement {
           if (this.grid.shouldUseVirtualScroll()) {
             const l = this.grid.focusedCell;
             this.grid.setFocusedCell(0, r), st(this, 0);
-            const g = this.shadow.querySelector(`td[data-row="0"][data-col="${r}"]`);
-            g && (g.focus({ preventScroll: !0 }), K(this, l, { rowIndex: 0, colIndex: r }));
+            const h = this.shadow.querySelector(`td[data-row="0"][data-col="${r}"]`);
+            h && (h.focus({ preventScroll: !0 }), K(this, l, { rowIndex: 0, colIndex: r }));
           } else
             $(this, 0, r);
         else {
           const l = Math.max(0, i - 10);
           if (this.grid.shouldUseVirtualScroll()) {
-            const g = this.grid.focusedCell;
+            const h = this.grid.focusedCell;
             this.grid.setFocusedCell(l, r), st(this, l);
-            const h = this.shadow.querySelector(`td[data-row="${l}"][data-col="${r}"]`);
-            h && (h.focus({ preventScroll: !0 }), K(this, g, { rowIndex: l, colIndex: r }));
+            const u = this.shadow.querySelector(`td[data-row="${l}"][data-col="${r}"]`);
+            u && (u.focus({ preventScroll: !0 }), K(this, h, { rowIndex: l, colIndex: r }));
           } else
             $(this, l, r);
         }
@@ -4686,19 +4855,19 @@ class Zi extends HTMLElement {
         if (o.preventDefault(), o.ctrlKey) {
           const l = n.length - 1;
           if (this.grid.shouldUseVirtualScroll()) {
-            const g = this.grid.focusedCell;
+            const h = this.grid.focusedCell;
             this.grid.setFocusedCell(l, r), st(this, l);
-            const h = this.shadow.querySelector(`td[data-row="${l}"][data-col="${r}"]`);
-            h && (h.focus({ preventScroll: !0 }), K(this, g, { rowIndex: l, colIndex: r }));
+            const u = this.shadow.querySelector(`td[data-row="${l}"][data-col="${r}"]`);
+            u && (u.focus({ preventScroll: !0 }), K(this, h, { rowIndex: l, colIndex: r }));
           } else
             $(this, l, r);
         } else {
           const l = Math.min(n.length - 1, i + 10);
           if (this.grid.shouldUseVirtualScroll()) {
-            const g = this.grid.focusedCell;
+            const h = this.grid.focusedCell;
             this.grid.setFocusedCell(l, r), st(this, l);
-            const h = this.shadow.querySelector(`td[data-row="${l}"][data-col="${r}"]`);
-            h && (h.focus({ preventScroll: !0 }), K(this, g, { rowIndex: l, colIndex: r }));
+            const u = this.shadow.querySelector(`td[data-row="${l}"][data-col="${r}"]`);
+            u && (u.focus({ preventScroll: !0 }), K(this, h, { rowIndex: l, colIndex: r }));
           } else
             $(this, l, r);
         }
@@ -4717,26 +4886,26 @@ class Zi extends HTMLElement {
       }
       case "F2": {
         o.preventDefault();
-        const l = s[r], g = (l == null ? void 0 : l.editor) === "select" || (l == null ? void 0 : l.editor) === "combobox" || (l == null ? void 0 : l.editor) === "autocomplete", h = (l == null ? void 0 : l.editor) === "custom";
-        B(this, i, r), g ? requestAnimationFrame(() => {
+        const l = s[r], h = (l == null ? void 0 : l.editor) === "select" || (l == null ? void 0 : l.editor) === "combobox" || (l == null ? void 0 : l.editor) === "autocomplete", u = (l == null ? void 0 : l.editor) === "custom";
+        B(this, i, r), h ? requestAnimationFrame(() => {
           this.dropdownOpen || W(this);
-        }) : h && requestAnimationFrame(() => {
+        }) : u && requestAnimationFrame(() => {
           this.openCustomEditor(i, r);
         });
         break;
       }
       case " ": {
         o.preventDefault();
-        const l = s[r], g = (l == null ? void 0 : l.editor) === "checkbox", h = (l == null ? void 0 : l.editor) === "select" || (l == null ? void 0 : l.editor) === "combobox" || (l == null ? void 0 : l.editor) === "autocomplete", u = (l == null ? void 0 : l.editor) === "date", p = (l == null ? void 0 : l.editor) === "custom";
-        g ? Zo(this, i, r) : h ? (B(this, i, r), requestAnimationFrame(() => {
+        const l = s[r], h = (l == null ? void 0 : l.editor) === "checkbox", u = (l == null ? void 0 : l.editor) === "select" || (l == null ? void 0 : l.editor) === "combobox" || (l == null ? void 0 : l.editor) === "autocomplete", p = (l == null ? void 0 : l.editor) === "date", m = (l == null ? void 0 : l.editor) === "custom";
+        h ? Zo(this, i, r) : u ? (B(this, i, r), requestAnimationFrame(() => {
           this.dropdownOpen || W(this);
-        })) : u ? (B(this, i, r), requestAnimationFrame(() => {
+        })) : p ? (B(this, i, r), requestAnimationFrame(() => {
           var v;
-          const m = (v = this.shadowRoot) == null ? void 0 : v.querySelector(
+          const b = (v = this.shadowRoot) == null ? void 0 : v.querySelector(
             `.wg__cell[data-row="${i}"][data-col="${r}"]`
-          ), f = m == null ? void 0 : m.querySelector(".wg__date-input"), b = m == null ? void 0 : m.querySelector(".wg__editor--date");
-          f && b && this.openDatePicker(f, b);
-        })) : p && (B(this, i, r), requestAnimationFrame(() => {
+          ), f = b == null ? void 0 : b.querySelector(".wg__date-input"), _ = b == null ? void 0 : b.querySelector(".wg__editor--date");
+          f && _ && this.openDatePicker(f, _);
+        })) : m && (B(this, i, r), requestAnimationFrame(() => {
           this.openCustomEditor(i, r);
         }));
         break;
@@ -4746,23 +4915,23 @@ class Zi extends HTMLElement {
           Y(this), this.grid.cancelEdit();
         else {
           const l = this.grid.focusedCell;
-          this.grid.clearFocusedCell(), K(this, l, null), (c = o.target) == null || c.blur();
+          this.grid.clearFocusedCell(), K(this, l, null), (g = o.target) == null || g.blur();
         }
         break;
       case "Delete": {
         o.preventDefault();
-        const l = s[r], g = n[i];
+        const l = s[r], h = n[i];
         if (o.ctrlKey) {
-          if (g) {
-            const h = { rowIndex: i, row: g };
-            this.grid.onrowdelete && this.grid.onrowdelete(h), this.dispatchEvent(new CustomEvent("rowdelete", { detail: h }));
+          if (h) {
+            const u = { rowIndex: i, row: h };
+            this.grid.onrowdelete && this.grid.onrowdelete(u), this.dispatchEvent(new CustomEvent("rowdelete", { detail: u }));
           }
         } else
           l && this.grid.isCellEditable(l) && (this.grid.commitEdit(i, String(l.field), null), this.render(), requestAnimationFrame(() => {
-            const h = this.shadow.querySelector(
+            const u = this.shadow.querySelector(
               `td[data-row="${i}"][data-col="${r}"]`
             );
-            h == null || h.focus();
+            u == null || u.focus();
           }));
         break;
       }
@@ -4783,38 +4952,38 @@ class Zi extends HTMLElement {
    * Handle keydown in editor inputs
    */
   handleEditorKeyDown(o, i) {
-    const r = parseInt(i.dataset.row || "0", 10), s = i.dataset.field || "", n = this.grid.columns.find((l) => l.field === s), d = (n == null ? void 0 : n.editor) || "text", a = d === "select" || d === "combobox" || d === "autocomplete", c = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"];
+    const r = parseInt(i.dataset.row || "0", 10), s = i.dataset.field || "", n = this.grid.columns.find((g) => g.field === s), d = (n == null ? void 0 : n.editor) || "text", a = d === "select" || d === "combobox" || d === "autocomplete", c = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"];
     if (a && !this.dropdownOpen && c.includes(o.key)) {
       o.preventDefault(), o.stopPropagation();
-      const l = this.grid.columns.findIndex((b) => b.field === s), g = this.grid.columns.map((b, v) => ({ index: v, column: b })).filter((b) => b.column.editable !== !1), h = g.findIndex((b) => b.index === l), u = this.grid.displayItems;
-      let p = r, m = l, f = !1;
+      const g = this.grid.columns.findIndex((f) => f.field === s), l = this.grid.columns.map((f, _) => ({ index: _, column: f })).filter((f) => f.column.editable !== !1), h = l.findIndex((f) => f.index === g), u = this.grid.displayItems;
+      let p = r, m = g, b = !1;
       switch (o.key) {
         case "ArrowUp":
-          r > 0 && (p = r - 1, f = !0);
+          r > 0 && (p = r - 1, b = !0);
           break;
         case "ArrowDown":
-          r < u.length - 1 && (p = r + 1, f = !0);
+          r < u.length - 1 && (p = r + 1, b = !0);
           break;
         case "ArrowLeft":
-          h > 0 && (m = g[h - 1].index, f = !0);
+          h > 0 && (m = l[h - 1].index, b = !0);
           break;
         case "ArrowRight":
-          h < g.length - 1 && (m = g[h + 1].index, f = !0);
+          h < l.length - 1 && (m = l[h + 1].index, b = !0);
           break;
         case "PageUp":
-          p = Math.max(0, r - 10), f = !0;
+          p = Math.max(0, r - 10), b = !0;
           break;
         case "PageDown":
-          p = Math.min(u.length - 1, r + 10), f = !0;
+          p = Math.min(u.length - 1, r + 10), b = !0;
           break;
         case "Home":
-          o.ctrlKey && (p = 0), m = 0, f = !0;
+          o.ctrlKey && (p = 0), m = 0, b = !0;
           break;
         case "End":
-          o.ctrlKey ? (p = u.length - 1, m = this.grid.columns.length - 1) : m = this.grid.columns.length - 1, f = !0;
+          o.ctrlKey ? (p = u.length - 1, m = this.grid.columns.length - 1) : m = this.grid.columns.length - 1, b = !0;
           break;
       }
-      f && (Y(this), this.grid.cancelEdit(), queueMicrotask(() => {
+      b && (Y(this), this.grid.cancelEdit(), queueMicrotask(() => {
         $(this, p, m);
       }));
       return;
@@ -4823,41 +4992,41 @@ class Zi extends HTMLElement {
       case "ArrowDown":
         if (this.dropdownOpen) {
           o.preventDefault(), o.stopPropagation();
-          const l = this.getCurrentEditorOptions();
-          let g = this.highlightedIndex + 1;
-          for (; g < this.dropdownOptions.length && mt(this.dropdownOptions[g], l); )
-            g++;
-          g < this.dropdownOptions.length && (this.highlightedIndex = g, et(this), fe(this));
+          const g = this.getCurrentEditorOptions();
+          let l = this.highlightedIndex + 1;
+          for (; l < this.dropdownOptions.length && bt(this.dropdownOptions[l], g); )
+            l++;
+          l < this.dropdownOptions.length && (this.highlightedIndex = l, et(this), fe(this));
         }
         break;
       case "ArrowUp":
         if (this.dropdownOpen) {
           o.preventDefault(), o.stopPropagation();
-          const l = this.getCurrentEditorOptions();
-          let g = this.highlightedIndex - 1;
-          for (; g >= 0 && mt(this.dropdownOptions[g], l); )
-            g--;
-          g >= 0 && (this.highlightedIndex = g, et(this), fe(this));
+          const g = this.getCurrentEditorOptions();
+          let l = this.highlightedIndex - 1;
+          for (; l >= 0 && bt(this.dropdownOptions[l], g); )
+            l--;
+          l >= 0 && (this.highlightedIndex = l, et(this), fe(this));
         }
         break;
       case "Enter":
         if (this.datepicker)
           return;
-        o.preventDefault(), o.stopPropagation(), this.dropdownOpen && this.highlightedIndex >= 0 ? Ie(this, this.highlightedIndex) : a && !this.dropdownOpen ? W(this) : (this.isCommittingFromKeyboard = !0, L(this), d === "date" && i instanceof HTMLInputElement ? this.commitDateEditor(i) : Mt(this, i), Ft(this, r, s, "down"));
+        o.preventDefault(), o.stopPropagation(), this.dropdownOpen && this.highlightedIndex >= 0 ? Pe(this, this.highlightedIndex) : a && !this.dropdownOpen ? W(this) : (this.isCommittingFromKeyboard = !0, L(this), d === "date" && i instanceof HTMLInputElement ? this.commitDateEditor(i) : Mt(this, i), Vt(this, r, s, "down"));
         break;
       case "Tab":
         if (this.datepicker)
           return;
         if (o.preventDefault(), o.stopPropagation(), this.isCommittingFromKeyboard = !0, this.dropdownOpen && this.highlightedIndex >= 0 && a) {
-          const l = this.dropdownOptions[this.highlightedIndex], g = this.getCurrentEditorOptions();
-          if (l && !mt(l, g)) {
-            const h = at(l, g);
+          const g = this.dropdownOptions[this.highlightedIndex], l = this.getCurrentEditorOptions();
+          if (g && !bt(g, l)) {
+            const h = at(g, l);
             this.grid.commitEdit(r, s, h);
           }
           L(this);
         } else
           L(this), d === "date" && i instanceof HTMLInputElement ? this.commitDateEditor(i) : a || Mt(this, i);
-        Ft(this, r, s, o.shiftKey ? "prev" : "next");
+        Vt(this, r, s, o.shiftKey ? "prev" : "next");
         break;
       case "Escape":
         o.preventDefault(), o.stopPropagation(), this.dropdownOpen && L(this), this.datepicker && (this.datepicker.close(!0), this.datepicker = null), this.isCommittingFromKeyboard = !0, Y(this), this.grid.cancelEdit(), ei(this, r, s);
@@ -4887,8 +5056,8 @@ class Zi extends HTMLElement {
         Xo(this, a, c);
       }
       if (n.matches(".wg__select-trigger, .wg__combobox-input, .wg__autocomplete-input") && !this.justSelected && !this.dropdownOpen) {
-        const a = n.dataset.field || "", c = this.grid.columns.find((h) => h.field === a), l = (c == null ? void 0 : c.editorOptions) || {};
-        (((d = this.grid.editingCell) == null ? void 0 : d.initialSearchQuery) !== void 0 || l.showOnFocus !== !1) && W(this);
+        const a = n.dataset.field || "", c = this.grid.columns.find((h) => h.field === a), g = (c == null ? void 0 : c.editorOptions) || {};
+        (((d = this.grid.editingCell) == null ? void 0 : d.initialSearchQuery) !== void 0 || g.showOnFocus !== !1) && W(this);
       }
     }, !0), o.addEventListener("keydown", (s) => {
       const n = s.target;
@@ -4906,13 +5075,13 @@ class Zi extends HTMLElement {
       s.preventDefault();
       const d = s.target.closest(".wg__cell");
       if (d) {
-        const a = parseInt(d.dataset.row || "0", 10), c = parseInt(d.dataset.col || "0", 10), l = this.grid.columns[c];
-        if (l) {
-          const g = l.editTrigger || this.grid.editTrigger;
-          if (g === "dblclick" || g === "navigate") {
+        const a = parseInt(d.dataset.row || "0", 10), c = parseInt(d.dataset.col || "0", 10), g = this.grid.columns[c];
+        if (g) {
+          const l = g.editTrigger || this.grid.editTrigger;
+          if (l === "dblclick" || l === "navigate") {
             const h = zt(s, d);
             B(this, a, c, { cursorPosition: h ?? void 0 });
-            const u = l.editor;
+            const u = g.editor;
             u === "select" || u === "combobox" || u === "autocomplete" ? requestAnimationFrame(() => {
               this.dropdownOpen || W(this);
             }) : u === "custom" && requestAnimationFrame(() => {
@@ -4924,12 +5093,12 @@ class Zi extends HTMLElement {
     }), o.addEventListener("click", (s) => {
       const d = s.target.closest(".wg__cell");
       if (d && !d.classList.contains("wg__cell--editing")) {
-        const a = parseInt(d.dataset.row || "0", 10), c = parseInt(d.dataset.col || "0", 10), l = this.grid.columns[c];
-        if (l && (l.editTrigger || this.grid.editTrigger) === "click") {
+        const a = parseInt(d.dataset.row || "0", 10), c = parseInt(d.dataset.col || "0", 10), g = this.grid.columns[c];
+        if (g && (g.editTrigger || this.grid.editTrigger) === "click") {
           s.preventDefault();
           const h = zt(s, d);
           B(this, a, c, { cursorPosition: h ?? void 0 });
-          const u = l.editor;
+          const u = g.editor;
           u === "select" || u === "combobox" || u === "autocomplete" ? requestAnimationFrame(() => {
             this.dropdownOpen || W(this);
           }) : u === "custom" && requestAnimationFrame(() => {
@@ -4943,15 +5112,15 @@ class Zi extends HTMLElement {
         s.preventDefault(), s.stopPropagation();
         const a = n.closest(".wg__cell-date-display"), c = n.closest(".wg__editor--date");
         if (c) {
-          const l = c.querySelector(".wg__date-input");
-          l && this.openDatePicker(l, c);
+          const g = c.querySelector(".wg__date-input");
+          g && this.openDatePicker(g, c);
         } else if (a) {
-          const l = parseInt(a.dataset.row || "0", 10), g = a.dataset.field || "", h = this.grid.columns.findIndex((u) => String(u.field) === g);
-          h >= 0 && (this.isTransitioningCells = !0, this.grid.editingCell && (L(this), Y(this), this.grid.cancelEdit()), B(this, l, h), requestAnimationFrame(() => {
-            var f;
+          const g = parseInt(a.dataset.row || "0", 10), l = a.dataset.field || "", h = this.grid.columns.findIndex((u) => String(u.field) === l);
+          h >= 0 && (this.isTransitioningCells = !0, this.grid.editingCell && (L(this), Y(this), this.grid.cancelEdit()), B(this, g, h), requestAnimationFrame(() => {
+            var b;
             this.isTransitioningCells = !1;
-            const u = (f = this.shadowRoot) == null ? void 0 : f.querySelector(
-              `.wg__cell[data-row="${l}"][data-field="${g}"]`
+            const u = (b = this.shadowRoot) == null ? void 0 : b.querySelector(
+              `.wg__cell[data-row="${g}"][data-field="${l}"]`
             ), p = u == null ? void 0 : u.querySelector(".wg__date-input"), m = u == null ? void 0 : u.querySelector(".wg__editor--date");
             p && m && this.openDatePicker(p, m);
           }));
@@ -4961,20 +5130,20 @@ class Zi extends HTMLElement {
       if (this.dropdownOpen || this.grid.editingCell) {
         const a = n.closest(".wg__cell");
         if (a && !n.closest(".wg__editor--select, .wg__editor--combobox, .wg__editor--autocomplete, .wg__editor--date")) {
-          const c = parseInt(a.dataset.row || "0", 10), l = parseInt(a.dataset.col || "0", 10), g = this.grid.editingCell, h = n.matches(".wg__combobox-toggle, .wg__select-toggle, .wg__date-trigger");
-          if (g && !h) {
-            const u = this.grid.columns.findIndex((p) => String(p.field) === g.field);
-            if (c !== g.rowIndex || l !== u) {
+          const c = parseInt(a.dataset.row || "0", 10), g = parseInt(a.dataset.col || "0", 10), l = this.grid.editingCell, h = n.matches(".wg__combobox-toggle, .wg__select-toggle, .wg__date-trigger");
+          if (l && !h) {
+            const u = this.grid.columns.findIndex((p) => String(p.field) === l.field);
+            if (c !== l.rowIndex || g !== u) {
               s.preventDefault(), this.isTransitioningCells = !0, L(this), Y(this), this.grid.cancelEdit();
-              const p = this.grid.columns[l], m = (p == null ? void 0 : p.editTrigger) || this.grid.editTrigger, b = s.clientX;
+              const p = this.grid.columns[g], m = (p == null ? void 0 : p.editTrigger) || this.grid.editTrigger, f = s.clientX;
               requestAnimationFrame(() => {
                 if (this.isTransitioningCells = !1, m === "click" && p && this.grid.isCellEditable(p)) {
-                  const v = this.shadow.querySelector(
-                    `td[data-row="${c}"][data-col="${l}"]`
-                  ), _ = v ? zt({ clientX: b }, v) : void 0;
-                  B(this, c, l, { cursorPosition: _ ?? void 0 });
+                  const _ = this.shadow.querySelector(
+                    `td[data-row="${c}"][data-col="${g}"]`
+                  ), v = _ ? zt({ clientX: f }, _) : void 0;
+                  B(this, c, g, { cursorPosition: v ?? void 0 });
                 } else
-                  $(this, c, l);
+                  $(this, c, g);
               });
               return;
             }
@@ -4987,8 +5156,8 @@ class Zi extends HTMLElement {
         if (n.closest(".wg__editor--select, .wg__editor--combobox, .wg__editor--autocomplete"))
           me(this);
         else if (a) {
-          const l = parseInt(a.dataset.row || "0", 10), g = a.dataset.field || "", h = this.grid.columns.findIndex((u) => String(u.field) === g);
-          h >= 0 && (this.isTransitioningCells = !0, this.grid.editingCell && (L(this), Y(this), this.grid.cancelEdit()), B(this, l, h), requestAnimationFrame(() => {
+          const g = parseInt(a.dataset.row || "0", 10), l = a.dataset.field || "", h = this.grid.columns.findIndex((u) => String(u.field) === l);
+          h >= 0 && (this.isTransitioningCells = !0, this.grid.editingCell && (L(this), Y(this), this.grid.cancelEdit()), B(this, g, h), requestAnimationFrame(() => {
             this.isTransitioningCells = !1, this.dropdownOpen || W(this);
           }));
         }
@@ -4997,8 +5166,8 @@ class Zi extends HTMLElement {
         s.preventDefault(), s.stopPropagation();
         const a = n.closest(".wg__cell-dropdown-display");
         if (a) {
-          const c = parseInt(a.dataset.row || "0", 10), l = a.dataset.field || "", g = this.grid.columns.findIndex((h) => String(h.field) === l);
-          g >= 0 && (this.isTransitioningCells = !0, this.grid.editingCell && (L(this), Y(this), this.grid.cancelEdit()), B(this, c, g), requestAnimationFrame(() => {
+          const c = parseInt(a.dataset.row || "0", 10), g = a.dataset.field || "", l = this.grid.columns.findIndex((h) => String(h.field) === g);
+          l >= 0 && (this.isTransitioningCells = !0, this.grid.editingCell && (L(this), Y(this), this.grid.cancelEdit()), B(this, c, l), requestAnimationFrame(() => {
             this.isTransitioningCells = !1, this.dropdownOpen || W(this);
           }));
         }
@@ -5010,8 +5179,8 @@ class Zi extends HTMLElement {
       if (a) {
         const c = a.dataset.field;
         if (!c) return;
-        const l = [...this.grid.sort], g = l.findIndex((u) => u.column === c);
-        (n.ctrlKey || n.metaKey) && this.grid.sortMode === "multi" ? g >= 0 ? l[g].direction === "asc" ? l[g] = { column: c, direction: "desc" } : l.splice(g, 1) : l.push({ column: c, direction: "asc" }) : g >= 0 && l.length === 1 ? l[0].direction === "asc" ? l[0] = { column: c, direction: "desc" } : l.length = 0 : (l.length = 0, l.push({ column: c, direction: "asc" })), this.grid.sort = l, this.grid.pageable && (this.grid.currentPage = 1), this.grid.fireDataRequest("sort"), this.render();
+        const g = [...this.grid.sort], l = g.findIndex((u) => u.column === c);
+        (n.ctrlKey || n.metaKey) && this.grid.sortMode === "multi" ? l >= 0 ? g[l].direction === "asc" ? g[l] = { column: c, direction: "desc" } : g.splice(l, 1) : g.push({ column: c, direction: "asc" }) : l >= 0 && g.length === 1 ? g[0].direction === "asc" ? g[0] = { column: c, direction: "desc" } : g.length = 0 : (g.length = 0, g.push({ column: c, direction: "asc" })), this.grid.sort = g, this.grid.pageable && (this.grid.currentPage = 1), this.grid.fireDataRequest("sort"), this.render();
       }
     }), o.addEventListener("contextmenu", (s) => {
       this.handleContextMenu(s);
@@ -5029,17 +5198,17 @@ class Zi extends HTMLElement {
         if (L(this), this.grid.editingCell) {
           const d = n, a = this.getCurrentEditingColumn();
           if (a) {
-            const c = a.editorOptions || {}, g = (c.options || c.initialOptions || []).find(
+            const c = a.editorOptions || {}, l = (c.options || c.initialOptions || []).find(
               (h) => Ct(h, c).toLowerCase() === d.value.toLowerCase()
             );
-            g ? this.grid.commitEdit(this.grid.editingCell.rowIndex, this.grid.editingCell.field, at(g, c)) : this.grid.commitEdit(this.grid.editingCell.rowIndex, this.grid.editingCell.field, d.value);
+            l ? this.grid.commitEdit(this.grid.editingCell.rowIndex, this.grid.editingCell.field, at(l, c)) : this.grid.commitEdit(this.grid.editingCell.rowIndex, this.grid.editingCell.field, d.value);
           }
         }
       }
     }, !0);
     const i = this.shadow.querySelector(".wg");
     i && i.addEventListener("scroll", () => {
-      this.dropdownOpen && !this.isTransitioningCells && !this.isOpeningDropdown && (L(this), Y(this), this.grid.cancelEdit()), this.grid.shouldUseVirtualScroll() && this.handleVirtualScroll(i), this.grid.infiniteScroll && this.grid.hasMoreItems && !this.isLoadingMoreItems && this.handleInfiniteScroll(i), bt() !== null && (_e(this, this.grid.displayItems), this.renderConnector());
+      this.dropdownOpen && !this.isTransitioningCells && !this.isOpeningDropdown && (L(this), Y(this), this.grid.cancelEdit()), this.grid.shouldUseVirtualScroll() && this.handleVirtualScroll(i), this.grid.infiniteScroll && this.grid.hasMoreItems && !this.isLoadingMoreItems && this.handleInfiniteScroll(i), vt() !== null && (_e(this, this.grid.displayItems), this.renderConnector());
     }), this.wheelListenerAdded || (this.wheelListenerAdded = !0, window.addEventListener("scroll", () => {
       this.dropdownOpen && !this.isTransitioningCells && (L(this), Y(this), this.grid.cancelEdit());
     }, { passive: !0, capture: !0 })), o.addEventListener("mouseenter", (s) => {
@@ -5077,8 +5246,8 @@ class Zi extends HTMLElement {
       if (s.target.closest(".wg__row")) {
         if (this.toolbarMoveInProgress) return;
         this.toolbarHideTimeout && clearTimeout(this.toolbarHideTimeout), this.toolbarHideTimeout = setTimeout(() => {
-          const c = this.shadow.querySelector(".wg__toolbar-container"), l = c == null ? void 0 : c.matches(":hover"), g = o.matches(":hover");
-          !l && !g && (this.closeToolbarAndReset(), this.grid.editingCell || this.render());
+          const c = this.shadow.querySelector(".wg__toolbar-container"), g = c == null ? void 0 : c.matches(":hover"), l = o.matches(":hover");
+          !g && !l && (this.closeToolbarAndReset(), this.grid.editingCell || this.render());
         }, 150);
       }
     }, !0), o.addEventListener("click", (s) => {
@@ -5091,23 +5260,23 @@ class Zi extends HTMLElement {
     }), this.toolbarOutsideClickAdded || (this.toolbarOutsideClickAdded = !0, document.addEventListener("click", (s) => {
       if (!wi(this.shadow))
         return;
-      const n = s.composedPath(), d = n.some((l) => {
-        var g;
-        return (g = l.classList) == null ? void 0 : g.contains("wg__toolbar-container");
-      }), a = n.some((l) => {
-        var g;
-        return (g = l.classList) == null ? void 0 : g.contains("wg__toolbar-trigger");
+      const n = s.composedPath(), d = n.some((g) => {
+        var l;
+        return (l = g.classList) == null ? void 0 : l.contains("wg__toolbar-container");
+      }), a = n.some((g) => {
+        var l;
+        return (l = g.classList) == null ? void 0 : l.contains("wg__toolbar-trigger");
       });
-      d || a || n.includes(this) && (this.grid.toolbarTrigger === "hover" || this.grid.toolbarTrigger === "click") || bt() !== null && (this.closeToolbarAndReset(), this.render());
+      d || a || n.includes(this) && (this.grid.toolbarTrigger === "hover" || this.grid.toolbarTrigger === "click") || vt() !== null && (this.closeToolbarAndReset(), this.render());
     })), this.toolbarScrollListenerAdded || (this.toolbarScrollListenerAdded = !0, window.addEventListener("scroll", () => {
-      bt() !== null && (this.closeToolbarAndReset(), this.render());
+      vt() !== null && (this.closeToolbarAndReset(), this.render());
     }, !0)), this.shadow.querySelectorAll(".wg__pagination").forEach((s) => {
       s.addEventListener("click", (d) => {
         const c = d.target.closest(".wg__pagination-btn");
         if (!c || c.hasAttribute("disabled")) return;
-        const l = c.dataset.action;
-        let g = !1;
-        l === "first" && this.grid.currentPage !== 1 ? (this.grid.currentPage = 1, g = !0) : l === "prev" && this.grid.currentPage > 1 ? (this.grid.currentPage--, g = !0) : l === "next" && this.grid.currentPage < this.grid.totalPages ? (this.grid.currentPage++, g = !0) : l === "last" && this.grid.currentPage !== this.grid.totalPages && (this.grid.currentPage = this.grid.totalPages, g = !0), g && (this.grid.fireDataRequest("page"), this.render());
+        const g = c.dataset.action;
+        let l = !1;
+        g === "first" && this.grid.currentPage !== 1 ? (this.grid.currentPage = 1, l = !0) : g === "prev" && this.grid.currentPage > 1 ? (this.grid.currentPage--, l = !0) : g === "next" && this.grid.currentPage < this.grid.totalPages ? (this.grid.currentPage++, l = !0) : g === "last" && this.grid.currentPage !== this.grid.totalPages && (this.grid.currentPage = this.grid.totalPages, l = !0), l && (this.grid.fireDataRequest("page"), this.render());
       });
       const n = s.querySelector(".wg__pagination-select");
       n && n.addEventListener("change", () => {
@@ -5126,13 +5295,13 @@ class Zi extends HTMLElement {
     const i = this.grid.displayItems, r = this.grid.virtualScrollRowHeight, s = this.grid.virtualScrollBuffer, n = o.scrollTop, d = o.clientHeight;
     let a = Math.max(0, Math.floor(n / r) - s);
     const c = Math.ceil(d / r) + s * 2;
-    let l = Math.min(i.length, a + c);
-    const g = this.grid.editingCell;
-    if (g) {
-      const h = g.rowIndex;
-      h < a && (a = h), h >= l && (l = h + 1);
+    let g = Math.min(i.length, a + c);
+    const l = this.grid.editingCell;
+    if (l) {
+      const h = l.rowIndex;
+      h < a && (a = h), h >= g && (g = h + 1);
     }
-    (a !== this.virtualScrollStart || l !== this.virtualScrollEnd) && (this.virtualScrollStart = a, this.virtualScrollEnd = l, this.renderVirtualRows(o));
+    (a !== this.virtualScrollStart || g !== this.virtualScrollEnd) && (this.virtualScrollStart = a, this.virtualScrollEnd = g, this.renderVirtualRows(o));
   }
   /**
    * Render only the tbody with virtual rows (fast update, no full re-render)
@@ -5165,45 +5334,76 @@ class Zi extends HTMLElement {
   // ==========================================================================
   // Rendering
   // ==========================================================================
+  /**
+   * Render the shortcuts help icon and overlay
+   */
+  renderShortcutsHelpIcon() {
+    var n, d, a;
+    if (!this.grid.showShortcutsHelp || !((n = this.grid.rowShortcuts) != null && n.length))
+      return "";
+    const i = this.grid.shortcutsHelpPosition === "top-left" ? "wg__shortcuts-help--left" : "", r = this.grid.rowShortcuts.map((c) => `<div class="wg__shortcuts-help-item">
+				<span class="wg__shortcuts-help-key">${er(c.key)}</span>
+				<span class="wg__shortcuts-help-label">${c.label}</span>
+			</div>`).join(""), s = ((a = (d = this.grid).shortcutsHelpContentCallback) == null ? void 0 : a.call(d)) || "";
+    return `
+			<div class="wg__shortcuts-help ${i}">
+				<button class="wg__shortcuts-help-icon" type="button" title="Keyboard shortcuts">
+					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+						<circle cx="12" cy="12" r="10"></circle>
+						<path d="M12 16v-4"></path>
+						<path d="M12 8h.01"></path>
+					</svg>
+				</button>
+				<div class="wg__shortcuts-help-overlay">
+					${s ? `<div class="wg__shortcuts-help-custom">${s}</div>` : ""}
+					<div class="wg__shortcuts-help-title">Keyboard Shortcuts</div>
+					<div class="wg__shortcuts-help-list">
+						${r}
+					</div>
+				</div>
+			</div>
+		`;
+  }
   render() {
-    var m;
+    var b;
     const o = this.shadow.querySelector(".wg"), i = (o == null ? void 0 : o.scrollTop) || 0, r = (o == null ? void 0 : o.scrollLeft) || 0, s = this.grid.focusedCell;
     o && o.remove();
     const n = document.createElement("div");
     n.className = bi(this);
-    const d = this.grid.paginationPosition.split("|").map((f) => f.trim()), a = this.grid.summaryPosition ? this.grid.summaryPosition.split("|").map((f) => f.trim()) : [], c = (f, b) => {
+    const d = this.grid.paginationPosition.split("|").map((f) => f.trim()), a = this.grid.summaryPosition ? this.grid.summaryPosition.split("|").map((f) => f.trim()) : [], c = (f, _) => {
       const v = d.filter(
-        (x) => b ? x.startsWith("top-") : x.startsWith("bottom-")
-      ), _ = a.filter(
-        (x) => b ? x.startsWith("top-") : x.startsWith("bottom-")
-      ), S = v.length > 0, y = _.length > 0;
-      return !S && !y ? "" : y && S && this.grid.summaryInline ? `<div class="wg__footer${b ? " wg__footer--top" : ""}">
-					${Nt(this, _[0])}
+        (y) => _ ? y.startsWith("top-") : y.startsWith("bottom-")
+      ), S = a.filter(
+        (y) => _ ? y.startsWith("top-") : y.startsWith("bottom-")
+      ), C = v.length > 0, x = S.length > 0;
+      return !C && !x ? "" : x && C && this.grid.summaryInline ? `<div class="wg__footer${_ ? " wg__footer--top" : ""}">
+					${Nt(this, S[0])}
 					${Yt(this, v[0])}
-				</div>` : [.../* @__PURE__ */ new Set([...v, ..._])].map((x) => {
-        const C = v.includes(x), T = _.includes(x);
-        return T && C ? `<div class="wg__footer${b ? " wg__footer--top" : ""}">
-						${Nt(this, x)}
-						${Yt(this, x)}
-					</div>` : T ? Nt(this, x) : Yt(this, x);
+				</div>` : [.../* @__PURE__ */ new Set([...v, ...S])].map((y) => {
+        const T = v.includes(y), k = S.includes(y);
+        return k && T ? `<div class="wg__footer${_ ? " wg__footer--top" : ""}">
+						${Nt(this, y)}
+						${Yt(this, y)}
+					</div>` : k ? Nt(this, y) : Yt(this, y);
       }).join("");
-    }, l = c(d, !0), g = c(d, !1), h = this.grid.shouldUseVirtualScroll();
+    }, g = c(d, !0), l = c(d, !1), h = this.grid.shouldUseVirtualScroll();
     let u;
     if (h) {
-      const f = this.grid.displayItems, b = this.grid.virtualScrollRowHeight, v = this.grid.virtualScrollBuffer, _ = (o == null ? void 0 : o.clientHeight) || 400, S = Math.max(0, Math.floor(i / b) - v), y = Math.ceil(_ / b) + v * 2, D = Math.min(f.length, S + y);
-      this.virtualScrollStart = S, this.virtualScrollEnd = D;
-      const x = {
-        startIndex: S,
+      const f = this.grid.displayItems, _ = this.grid.virtualScrollRowHeight, v = this.grid.virtualScrollBuffer, S = (o == null ? void 0 : o.clientHeight) || 400, C = Math.max(0, Math.floor(i / _) - v), x = Math.ceil(S / _) + v * 2, D = Math.min(f.length, C + x);
+      this.virtualScrollStart = C, this.virtualScrollEnd = D;
+      const y = {
+        startIndex: C,
         endIndex: D,
-        rowHeight: b,
+        rowHeight: _,
         totalItems: f.length
       };
-      u = ye(this, x);
+      u = ye(this, y);
     } else
       u = _i(this);
     h && n.classList.add("wg--virtual-scroll");
-    const p = `
-			${l}
+    const m = `
+			${this.renderShortcutsHelpIcon()}
+			${g}
 			<table class="wg__table">
 				<thead>
 					${vi(this)}
@@ -5212,9 +5412,9 @@ class Zi extends HTMLElement {
 					${u}
 				</tbody>
 			</table>
-			${g}
+			${l}
 		`;
-    if (n.innerHTML = p, this.shadow.appendChild(n), h) {
+    if (n.innerHTML = m, this.shadow.appendChild(n), h) {
       const f = Math.max(0, this.grid.displayItems.length * this.grid.virtualScrollRowHeight - n.clientHeight);
       n.scrollTop = Math.min(i, f);
     } else
@@ -5222,16 +5422,16 @@ class Zi extends HTMLElement {
     if (n.scrollLeft = r, this.attachEventListeners(), this.grid.editingCell) {
       let f = this.shadow.querySelector(".wg__combobox-input, .wg__autocomplete-input, .wg__select-trigger, .wg__date-input");
       if (f || (f = this.shadow.querySelector(".wg__editor")), f && (f.focus(), f instanceof HTMLInputElement && f.type === "text")) {
-        const b = this.grid.editingCell.cursorPosition, v = this.getCurrentEditingColumn(), _ = ((m = v == null ? void 0 : v.editorOptions) == null ? void 0 : m.editStartSelection) || this.grid.editStartSelection;
+        const _ = this.grid.editingCell.cursorPosition, v = this.getCurrentEditingColumn(), S = ((b = v == null ? void 0 : v.editorOptions) == null ? void 0 : b.editStartSelection) || this.grid.editStartSelection;
         if (this.grid.editingCell.initialSearchQuery !== void 0) {
-          const S = f.value.length;
-          f.setSelectionRange(S, S);
+          const C = f.value.length;
+          f.setSelectionRange(C, C);
         } else
-          switch (_) {
+          switch (S) {
             case "mousePosition":
-              if (b !== void 0) {
-                const S = Math.min(b, f.value.length);
-                f.setSelectionRange(S, S);
+              if (_ !== void 0) {
+                const C = Math.min(_, f.value.length);
+                f.setSelectionRange(C, C);
               } else
                 f.setSelectionRange(f.value.length, f.value.length);
               break;
@@ -5298,7 +5498,7 @@ class Zi extends HTMLElement {
    */
   handleDatePickerSelect(o, i, r) {
     const s = o.dataset.dateFormat || "YYYY-MM-DD", n = Kt(s);
-    o.value = Ve(i, n), o.dataset.dateValue = Wt(i), this.isCommittingFromKeyboard = !0, this.commitDateEditor(o);
+    o.value = Fe(i, n), o.dataset.dateValue = Wt(i), this.datepicker = null, this.isCommittingFromKeyboard = !0, this.commitDateEditor(o);
     const d = parseInt(o.dataset.row || "0", 10), a = o.dataset.field || "";
     this.moveFocusAfterCommit(d, a, r || "down");
   }
@@ -5331,11 +5531,11 @@ class Zi extends HTMLElement {
     if (!o) return null;
     const r = o.split(i.separator);
     let s = null, n = null, d = null;
-    if (r.forEach((c, l) => {
+    if (r.forEach((c, g) => {
       var h, u, p;
       if (!c) return;
-      const g = parseInt(c, 10);
-      ((h = i.parts.year) == null ? void 0 : h.index) === l ? s = g < 100 ? g + 2e3 : g : ((u = i.parts.month) == null ? void 0 : u.index) === l ? n = g : ((p = i.parts.day) == null ? void 0 : p.index) === l && (d = g);
+      const l = parseInt(c, 10);
+      ((h = i.parts.year) == null ? void 0 : h.index) === g ? s = l < 100 ? l + 2e3 : l : ((u = i.parts.month) == null ? void 0 : u.index) === g ? n = l : ((p = i.parts.day) == null ? void 0 : p.index) === g && (d = l);
     }), s === null || n === null || d === null) return null;
     const a = new Date(s, n - 1, d);
     return a.getMonth() !== n - 1 || a.getDate() !== d ? null : a;
@@ -5360,33 +5560,33 @@ class Zi extends HTMLElement {
     const s = r.querySelector(".wg__goto-input"), n = r.querySelector(".wg__goto-btn--go"), d = r.querySelector(".wg__goto-btn--cancel"), a = () => {
       r.remove();
     }, c = () => {
-      const l = parseInt(s.value, 10);
-      if (isNaN(l) || l < 1 || l > i.length) {
+      const g = parseInt(s.value, 10);
+      if (isNaN(g) || g < 1 || g > i.length) {
         s.focus(), s.select();
         return;
       }
       a();
-      const g = l - 1, h = this.grid.focusedCell;
-      if (this.grid.setFocusedCell(g, o), this.grid.shouldUseVirtualScroll())
-        st(this, g), requestAnimationFrame(() => {
+      const l = g - 1, h = this.grid.focusedCell;
+      if (this.grid.setFocusedCell(l, o), this.grid.shouldUseVirtualScroll())
+        st(this, l), requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             const u = this.shadow.querySelector(
-              `td[data-row="${g}"][data-col="${o}"]`
+              `td[data-row="${l}"][data-col="${o}"]`
             );
             u == null || u.focus();
           });
         });
       else {
         const u = this.shadow.querySelector(
-          `td[data-row="${g}"][data-col="${o}"]`
+          `td[data-row="${l}"][data-col="${o}"]`
         );
-        u && (u.scrollIntoView({ block: "nearest", behavior: "auto" }), u.focus(), K(this, h, { rowIndex: g, colIndex: o }));
+        u && (u.scrollIntoView({ block: "nearest", behavior: "auto" }), u.focus(), K(this, h, { rowIndex: l, colIndex: o }));
       }
     };
-    n.addEventListener("click", c), d.addEventListener("click", a), r.addEventListener("click", (l) => {
-      l.target === r && a();
-    }), s.addEventListener("keydown", (l) => {
-      l.key === "Enter" ? (l.preventDefault(), c()) : l.key === "Escape" && (l.preventDefault(), a());
+    n.addEventListener("click", c), d.addEventListener("click", a), r.addEventListener("click", (g) => {
+      g.target === r && a();
+    }), s.addEventListener("keydown", (g) => {
+      g.key === "Enter" ? (g.preventDefault(), c()) : g.key === "Escape" && (g.preventDefault(), a());
     }), this.shadow.appendChild(r), s.focus(), s.select();
   }
   /**
@@ -5426,17 +5626,17 @@ class Zi extends HTMLElement {
     const s = o.target.closest(".wg__cell");
     if (!s)
       return;
-    o.preventDefault(), this.contextMenuElement && (vt(this.contextMenuElement), this.contextMenuElement = null);
+    o.preventDefault(), this.contextMenuElement && (ht(this.contextMenuElement), this.contextMenuElement = null);
     const n = parseInt(s.dataset.row || "0", 10), d = parseInt(s.dataset.col || "0", 10), a = this.grid.columns[d];
     if (!a) return;
     const c = this.grid.displayItems[n];
     if (!c) return;
-    const l = String(a.field), g = this.grid.getCellRawValue(c, n, l), h = {
+    const g = String(a.field), l = this.grid.getCellRawValue(c, n, g), h = {
       row: c,
       rowIndex: n,
       colIndex: d,
       column: a,
-      cellValue: g
+      cellValue: l
     };
     this.grid.oncontextmenuopen && this.grid.oncontextmenuopen(h), this.contextMenuElement = Ji(
       this,
@@ -5446,7 +5646,7 @@ class Zi extends HTMLElement {
       h,
       (u) => {
         const p = i.find((m) => m.id === u);
-        p != null && p.onclick && p.onclick(h), this.contextMenuElement && (vt(this.contextMenuElement), this.contextMenuElement = null);
+        p != null && p.onclick && p.onclick(h), this.contextMenuElement && (ht(this.contextMenuElement), this.contextMenuElement = null);
       },
       () => {
         this.contextMenuElement = null;
@@ -5478,8 +5678,8 @@ class Zi extends HTMLElement {
         this.toolbarHovered = !0, this.toolbarHideTimeout && (clearTimeout(this.toolbarHideTimeout), this.toolbarHideTimeout = null);
       }), a.addEventListener("mouseleave", () => {
         this.toolbarHovered = !1, !this.toolbarMoveInProgress && (this.toolbarHideTimeout = setTimeout(() => {
-          const c = this.shadow.querySelector(".wg__table"), l = c == null ? void 0 : c.matches(":hover"), g = a.matches(":hover");
-          !l && !g && (this.closeToolbarAndReset(), this.render());
+          const c = this.shadow.querySelector(".wg__table"), g = c == null ? void 0 : c.matches(":hover"), l = a.matches(":hover");
+          !g && !l && (this.closeToolbarAndReset(), this.render());
         }, 150));
       }));
     }
@@ -5515,9 +5715,9 @@ class Zi extends HTMLElement {
     n ? (this.render(), _e(this, this.grid.displayItems), this.renderConnector()) : this.render();
   }
 }
-typeof customElements < "u" && !customElements.get("web-grid") && customElements.define("web-grid", Zi);
+typeof customElements < "u" && !customElements.get("web-grid") && customElements.define("web-grid", or);
 export {
-  Zi as GridElement,
+  or as GridElement,
   je as WebGrid,
-  Zi as default
+  or as default
 };