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

package/dist/web-grid.js

@@ -1,7 +1,7 @@
-var Ye = Object.defineProperty;
-var Ne = (t, e, o) => e in t ? Ye(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var w = (t, e, o) => Ne(t, typeof e != "symbol" ? e + "" : e, o);
-class Ue {
+var Ne = Object.defineProperty;
+var Ue = (t, e, o) => e in t ? Ne(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var w = (t, e, o) => Ue(t, typeof e != "symbol" ? e + "" : e, o);
+class je {
   constructor() {
     // ==========================================================================
     // Configuration Props
@@ -27,10 +27,15 @@ class Ue {
     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
     // ==========================================================================
@@ -244,17 +249,30 @@ class Ue {
   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.toolbarHorizontalAlign = e;
   }
   get toolbarTrigger() {
     return this._toolbarTrigger;
@@ -262,12 +280,43 @@ class Ue {
   set toolbarTrigger(e) {
     this._toolbarTrigger = e, this.requestUpdate();
   }
+  get toolbarPosition() {
+    return this._toolbarPosition;
+  }
+  set toolbarPosition(e) {
+    this._toolbarPosition = e, this.requestUpdate();
+  }
   get contextMenu() {
     return this._contextMenu;
   }
   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;
@@ -652,7 +701,7 @@ class Ue {
    * 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];
@@ -678,15 +727,15 @@ class Ue {
       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,
@@ -741,12 +790,12 @@ class Ue {
     this._focusedCell = null;
   }
 }
-const je = ':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(--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) : "";
 }
-function yt(t, e) {
+function Ct(t, e) {
   if (e.getDisplayCallback) return e.getDisplayCallback(t);
   const o = e.displayMember || "label";
   return String(t[o] ?? t.label ?? "");
@@ -756,87 +805,87 @@ function at(t, e) {
   const o = e.valueMember || "value";
   return t[o] ?? t.value;
 }
-function Be(t, e) {
+function Ke(t, e) {
   return e.getIconCallback ? e.getIconCallback(t) : e.iconMember && t[e.iconMember] || null;
 }
-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, q = Math.max, xt = Math.round, St = Math.floor, G = (t) => ({
+const it = Math.min, N = Math.max, Tt = Math.round, Dt = Math.floor, G = (t) => ({
   x: t,
   y: t
-}), We = {
+}), Xe = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Xe = {
+}, Qe = {
   start: "end",
   end: "start"
 };
 function Ut(t, e, o) {
-  return q(t, it(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 Se(t) {
+function ke(t) {
   return t === "x" ? "y" : "x";
 }
 function Zt(t) {
   return t === "y" ? "height" : "width";
 }
-const Qe = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Ge = /* @__PURE__ */ new Set(["top", "bottom"]);
 function tt(t) {
-  return Qe.has(rt(t)) ? "y" : "x";
+  return Ge.has(rt(t)) ? "y" : "x";
 }
 function te(t) {
-  return Se(tt(t));
+  return ke(tt(t));
 }
-function Ge(t, e, o) {
+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 = kt(n)), [n, kt(n)];
+  return e.reference[s] > e.floating[s] && (n = Et(n)), [n, Et(n)];
 }
-function Je(t) {
-  const e = kt(t);
+function Ze(t) {
+  const e = Et(t);
   return [jt(t), e, jt(e)];
 }
 function jt(t) {
-  return t.replace(/start|end/g, (e) => Xe[e]);
+  return t.replace(/start|end/g, (e) => Qe[e]);
 }
-const ae = ["left", "right"], le = ["right", "left"], Ze = ["top", "bottom"], to = ["bottom", "top"];
-function eo(t, e, o) {
+const le = ["left", "right"], de = ["right", "left"], to = ["top", "bottom"], eo = ["bottom", "top"];
+function oo(t, e, o) {
   switch (t) {
     case "top":
     case "bottom":
-      return o ? e ? le : ae : e ? ae : le;
+      return o ? e ? de : le : e ? le : de;
     case "left":
     case "right":
-      return e ? Ze : to;
+      return e ? to : eo;
     default:
       return [];
   }
 }
-function oo(t, e, o, i) {
-  const r = ft(t);
-  let s = eo(rt(t), o === "start", i);
+function io(t, e, o, i) {
+  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;
 }
-function kt(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => We[e]);
+function Et(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Xe[e]);
 }
-function io(t) {
+function ro(t) {
   return {
     top: 0,
     right: 0,
@@ -845,15 +894,15 @@ function io(t) {
     ...t
   };
 }
-function xe(t) {
-  return typeof t != "number" ? io(t) : {
+function De(t) {
+  return typeof t != "number" ? ro(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function Dt(t) {
+function $t(t) {
   const {
     x: e,
     y: o,
@@ -871,36 +920,36 @@ function Dt(t) {
     y: o
   };
 }
-function de(t, e, o) {
+function ce(t, e, o) {
   let {
     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:
@@ -909,7 +958,7 @@ function de(t, e, o) {
         y: i.y
       };
   }
-  switch (ft(e)) {
+  switch (wt(e)) {
     case "start":
       u[n] -= h * (o && c ? -1 : 1);
       break;
@@ -919,7 +968,7 @@ function de(t, e, o) {
   }
   return u;
 }
-const ro = async (t, e, o) => {
+const no = async (t, e, o) => {
   const {
     placement: i = "bottom",
     strategy: r = "absolute",
@@ -931,21 +980,21 @@ const ro = async (t, e, o) => {
     floating: e,
     strategy: r
   }), {
-    x: l,
-    y: g
-  } = de(c, i, a), h = i, u = {}, p = 0;
+    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: v
+      name: b,
+      fn: f
     } = d[m], {
-      x: b,
-      y: _,
+      x: _,
+      y: v,
       data: S,
-      reset: y
-    } = await v({
-      x: l,
-      y: g,
+      reset: C
+    } = await f({
+      x: g,
+      y: l,
       initialPlacement: i,
       placement: h,
       strategy: r,
@@ -957,24 +1006,24 @@ const ro = async (t, e, o) => {
         floating: e
       }
     });
-    l = b ?? 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
-    } = de(c, h, a)), m = -1);
+    }) : 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
@@ -992,40 +1041,40 @@ 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 = xe(u), f = d[h ? g === "floating" ? "reference" : "floating" : g], v = Dt(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
-  })), b = 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 = Dt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, C = $t(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: d,
-    rect: b,
-    offsetParent: _,
+    rect: _,
+    offsetParent: v,
     strategy: a
-  }) : b);
+  }) : _);
   return {
-    top: (v.top - y.top + p.top) / S.y,
-    bottom: (y.bottom - v.bottom + p.bottom) / S.y,
-    left: (v.left - y.left + p.left) / S.x,
-    right: (y.right - v.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 no = (t) => ({
+const so = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -1039,30 +1088,30 @@ const no = (t) => ({
       middlewareData: a
     } = e, {
       element: c,
-      padding: l = 0
-    } = pt(t, e) || {};
+      padding: g = 0
+    } = ft(t, e) || {};
     if (c == null)
       return {};
-    const g = xe(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", v = f ? "top" : "left", b = 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[v], T), I = it(g[b], T), M = k, Q = x - m[p] - I, A = x / 2 - m[p] / 2 + C, O = Ut(M, A, Q), U = !a.arrow && ft(r) != null && A !== O && s.reference[p] / 2 - (A < M ? k : I) - m[p] / 2 < 0, P = U ? A < M ? A - M : A - Q : 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] + P,
+      [u]: h[u] + V,
       data: {
-        [u]: O,
-        centerOffset: A - O - P,
-        ...U && {
-          alignmentOffset: P
+        [u]: H,
+        centerOffset: O - H - V,
+        ...z && {
+          alignmentOffset: V
         }
       },
-      reset: U
+      reset: z
     };
   }
-}), so = function(t) {
+}), ao = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -1076,102 +1125,102 @@ const no = (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 v = rt(r), b = tt(d), _ = rt(d) === d, S = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), y = h || (_ || !m ? [kt(d)] : Je(d)), D = p !== "none";
-      !h && D && y.push(...oo(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[v]), g) {
-        const A = Ge(r, n, S);
-        T.push(C[A[0]], C[A[1]]);
+      if (g && T.push(y[f]), l) {
+        const O = Je(r, n, S);
+        T.push(y[O[0]], y[O[1]]);
       }
       if (k = [...k, {
         placement: r,
         overflows: T
-      }], !T.every((A) => A <= 0)) {
-        var I, M;
-        const A = (((I = s.flip) == null ? void 0 : I.index) || 0) + 1, O = x[A];
-        if (O && (!(g === "alignment" ? b !== tt(O) : !1) || // We leave the current main axis only if every placement on that axis
+      }], !T.every((O) => O <= 0)) {
+        var E, A;
+        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((H) => tt(H.placement) === b ? H.overflows[0] > 0 : !0)))
+        k.every((F) => tt(F.placement) === _ ? F.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: A,
+              index: O,
               overflows: k
             },
             reset: {
-              placement: O
+              placement: H
             }
           };
-        let U = (M = k.filter((P) => P.overflows[0] <= 0).sort((P, H) => P.overflows[1] - H.overflows[1])[0]) == null ? void 0 : M.placement;
-        if (!U)
+        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 Q;
-              const P = (Q = k.filter((H) => {
-                if (D) {
-                  const R = tt(H.placement);
-                  return R === b || // 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.
                   R === "y";
                 }
                 return !0;
-              }).map((H) => [H.placement, H.overflows.filter((R) => R > 0).reduce((R, z) => R + z, 0)]).sort((H, R) => H[1] - R[1])[0]) == null ? void 0 : Q[0];
-              P && (U = P);
+              }).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":
-              U = d;
+              z = d;
               break;
           }
-        if (r !== U)
+        if (r !== z)
           return {
             reset: {
-              placement: U
+              placement: z
             }
           };
       }
       return {};
     }
   };
-}, ao = /* @__PURE__ */ new Set(["left", "top"]);
-async function lo(t, e) {
+}, lo = /* @__PURE__ */ new Set(["left", "top"]);
+async function co(t, e) {
   const {
     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 = ao.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 co = function(t) {
+const go = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -1182,7 +1231,7 @@ const co = function(t) {
         y: s,
         placement: n,
         middlewareData: d
-      } = e, a = await lo(e, t);
+      } = e, a = await co(e, t);
       return n === ((o = d.offset) == null ? void 0 : o.placement) && (i = d.arrow) != null && i.alignmentOffset ? {} : {
         x: r + a.x,
         y: s + a.y,
@@ -1193,7 +1242,7 @@ const co = function(t) {
       };
     }
   };
-}, go = function(t) {
+}, uo = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -1206,35 +1255,35 @@ const co = function(t) {
         mainAxis: s = !0,
         crossAxis: n = !1,
         limiter: d = {
-          fn: (f) => {
+          fn: (b) => {
             let {
-              x: v,
-              y: b
-            } = f;
+              x: f,
+              y: _
+            } = b;
             return {
-              x: v,
-              y: b
+              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 = Se(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", v = h === "y" ? "bottom" : "right", b = u + l[f], _ = u - l[v];
-        u = Ut(b, 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", v = g === "y" ? "bottom" : "right", b = p + l[f], _ = p - l[v];
-        p = Ut(b, 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,
@@ -1243,13 +1292,13 @@ const co = function(t) {
           y: m.y - i,
           enabled: {
             [h]: s,
-            [g]: n
+            [l]: n
           }
         }
       };
     }
   };
-}, uo = function(t) {
+}, ho = function(t) {
   return t === void 0 && (t = {}), {
     name: "size",
     options: t,
@@ -1264,22 +1313,22 @@ const co = 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, v;
-      g === "top" || g === "bottom" ? (f = g, v = h === (await (n.isRTL == null ? void 0 : n.isRTL(d.floating)) ? "start" : "end") ? "left" : "right") : (v = g, f = h === "end" ? "top" : "bottom");
-      const b = m - l.top - l.bottom, _ = p - l.left - l.right, S = it(m - l[f], b), y = it(p - l[v], _), 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 = b), D && !h) {
-        const k = q(l.left, 0), I = q(l.right, 0), M = q(l.top, 0), Q = q(l.bottom, 0);
-        u ? C = p - 2 * (k !== 0 || I !== 0 ? k + I : q(l.left, l.right)) : x = m - 2 * (M !== 0 || Q !== 0 ? M + Q : q(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 ? {
@@ -1290,49 +1339,49 @@ const co = function(t) {
     }
   };
 };
-function Mt() {
+function Ot() {
   return typeof window < "u";
 }
-function wt(t) {
-  return ke(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function mt(t) {
+  return Te(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function Y(t) {
+function U(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
 function Z(t) {
   var e;
-  return (e = (ke(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (Te(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function ke(t) {
-  return Mt() ? t instanceof Node || t instanceof Y(t).Node : !1;
+function Te(t) {
+  return Ot() ? t instanceof Node || t instanceof U(t).Node : !1;
 }
-function W(t) {
-  return Mt() ? t instanceof Element || t instanceof Y(t).Element : !1;
+function X(t) {
+  return Ot() ? t instanceof Element || t instanceof U(t).Element : !1;
 }
 function J(t) {
-  return Mt() ? t instanceof HTMLElement || t instanceof Y(t).HTMLElement : !1;
+  return Ot() ? t instanceof HTMLElement || t instanceof U(t).HTMLElement : !1;
 }
-function ce(t) {
-  return !Mt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof Y(t).ShadowRoot;
+function ge(t) {
+  return !Ot() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof U(t).ShadowRoot;
 }
-const ho = /* @__PURE__ */ new Set(["inline", "contents"]);
-function Ct(t) {
+const po = /* @__PURE__ */ new Set(["inline", "contents"]);
+function St(t) {
   const {
     overflow: e,
     overflowX: o,
     overflowY: i,
     display: r
-  } = X(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + i + o) && !ho.has(r);
+  } = Q(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + i + o) && !po.has(r);
 }
-const po = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function fo(t) {
-  return po.has(wt(t));
+const fo = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function wo(t) {
+  return fo.has(mt(t));
 }
-const wo = [":popover-open", ":modal"];
-function At(t) {
-  return wo.some((e) => {
+const mo = [":popover-open", ":modal"];
+function Ht(t) {
+  return mo.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -1340,17 +1389,17 @@ function At(t) {
     }
   });
 }
-const mo = ["transform", "translate", "scale", "rotate", "perspective"], bo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], vo = ["paint", "layout", "strict", "content"];
+const bo = ["transform", "translate", "scale", "rotate", "perspective"], vo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], _o = ["paint", "layout", "strict", "content"];
 function oe(t) {
-  const e = ie(), o = W(t) ? X(t) : t;
-  return mo.some((i) => o[i] ? o[i] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || bo.some((i) => (o.willChange || "").includes(i)) || vo.some((i) => (o.contain || "").includes(i));
+  const e = ie(), o = X(t) ? Q(t) : t;
+  return bo.some((i) => o[i] ? o[i] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || vo.some((i) => (o.willChange || "").includes(i)) || _o.some((i) => (o.contain || "").includes(i));
 }
-function _o(t) {
+function yo(t) {
   let e = nt(t);
-  for (; J(e) && !ht(e); ) {
+  for (; J(e) && !pt(e); ) {
     if (oe(e))
       return e;
-    if (At(e))
+    if (Ht(e))
       return null;
     e = nt(e);
   }
@@ -1359,15 +1408,15 @@ function _o(t) {
 function ie() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const yo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function ht(t) {
-  return yo.has(wt(t));
+const Co = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function pt(t) {
+  return Co.has(mt(t));
 }
-function X(t) {
-  return Y(t).getComputedStyle(t);
+function Q(t) {
+  return U(t).getComputedStyle(t);
 }
-function Ot(t) {
-  return W(t) ? {
+function Rt(t) {
+  return X(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -1376,38 +1425,38 @@ function Ot(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.
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
-    ce(t) && t.host || // Fallback.
+    ge(t) && t.host || // Fallback.
     Z(t)
   );
-  return ce(e) ? e.host : e;
+  return ge(e) ? e.host : e;
 }
-function De(t) {
+function Ee(t) {
   const e = nt(t);
-  return ht(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : J(e) && Ct(e) ? e : De(e);
+  return pt(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : J(e) && St(e) ? e : Ee(e);
 }
-function vt(t, e, o) {
+function _t(t, e, o) {
   var i;
   e === void 0 && (e = []), o === void 0 && (o = !0);
-  const r = De(t), s = r === ((i = t.ownerDocument) == null ? void 0 : i.body), n = Y(r);
+  const r = Ee(t), s = r === ((i = t.ownerDocument) == null ? void 0 : i.body), n = U(r);
   if (s) {
     const d = Bt(n);
-    return e.concat(n, n.visualViewport || [], Ct(r) ? r : [], d && o ? vt(d) : []);
+    return e.concat(n, n.visualViewport || [], St(r) ? r : [], d && o ? _t(d) : []);
   }
-  return e.concat(r, vt(r, [], o));
+  return e.concat(r, _t(r, [], o));
 }
 function Bt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function Te(t) {
-  const e = X(t);
+function $e(t) {
+  const e = Q(t);
   let o = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const r = J(t), s = r ? t.offsetWidth : o, n = r ? t.offsetHeight : i, d = xt(o) !== s || xt(i) !== n;
+  const r = J(t), s = r ? t.offsetWidth : o, n = r ? t.offsetHeight : i, d = Tt(o) !== s || Tt(i) !== n;
   return d && (o = s, i = n), {
     width: o,
     height: i,
@@ -1415,7 +1464,7 @@ function Te(t) {
   };
 }
 function re(t) {
-  return W(t) ? t : t.contextElement;
+  return X(t) ? t : t.contextElement;
 }
 function ut(t) {
   const e = re(t);
@@ -1425,112 +1474,112 @@ function ut(t) {
     width: i,
     height: r,
     $: s
-  } = Te(e);
-  let n = (s ? xt(o.width) : o.width) / i, d = (s ? xt(o.height) : o.height) / r;
+  } = $e(e);
+  let n = (s ? Tt(o.width) : o.width) / i, d = (s ? Tt(o.height) : o.height) / r;
   return (!n || !Number.isFinite(n)) && (n = 1), (!d || !Number.isFinite(d)) && (d = 1), {
     x: n,
     y: d
   };
 }
-const Co = /* @__PURE__ */ G(0);
-function Ee(t) {
-  const e = Y(t);
-  return !ie() || !e.visualViewport ? Co : {
+const So = /* @__PURE__ */ G(0);
+function Me(t) {
+  const e = U(t);
+  return !ie() || !e.visualViewport ? So : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function So(t, e, o) {
-  return e === void 0 && (e = !1), !o || e && o !== Y(t) ? !1 : e;
+function xo(t, e, o) {
+  return e === void 0 && (e = !1), !o || e && o !== U(t) ? !1 : e;
 }
 function lt(t, e, o, i) {
   e === void 0 && (e = !1), o === void 0 && (o = !1);
   const r = t.getBoundingClientRect(), s = re(t);
   let n = G(1);
-  e && (i ? W(i) && (n = ut(i)) : n = ut(t));
-  const d = So(s, o, i) ? Ee(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;
+  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, g = r.width / n.x, l = r.height / n.y;
   if (s) {
-    const h = Y(s), u = i && W(i) ? Y(i) : i;
+    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), v = m.getBoundingClientRect(), b = X(m), _ = v.left + (m.clientLeft + parseFloat(b.paddingLeft)) * f.x, S = v.top + (m.clientTop + parseFloat(b.paddingTop)) * f.y;
-      a *= f.x, c *= f.y, l *= f.x, g *= f.y, a += _, c += S, p = Y(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 Dt({
-    width: l,
-    height: g,
+  return $t({
+    width: g,
+    height: l,
     x: a,
     y: c
   });
 }
-function Rt(t, e) {
-  const o = Ot(t).scrollLeft;
+function Pt(t, e) {
+  const o = Rt(t).scrollLeft;
   return e ? e.left + o : lt(Z(t)).left + o;
 }
-function $e(t, e) {
-  const o = t.getBoundingClientRect(), i = o.left + e.scrollLeft - Rt(t, o), r = o.top + e.scrollTop;
+function Ae(t, e) {
+  const o = t.getBoundingClientRect(), i = o.left + e.scrollLeft - Pt(t, o), r = o.top + e.scrollTop;
   return {
     x: i,
     y: r
   };
 }
-function xo(t) {
+function ko(t) {
   let {
     elements: e,
     rect: o,
     offsetParent: i,
     strategy: r
   } = t;
-  const s = r === "fixed", n = Z(i), d = e ? At(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" || Ct(n)) && (a = Ot(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 ? $e(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 ko(t) {
+function Do(t) {
   return Array.from(t.getClientRects());
 }
-function Do(t) {
-  const e = Z(t), o = Ot(t), i = t.ownerDocument.body, r = q(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = q(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
-  let n = -o.scrollLeft + Rt(t);
+function To(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 X(i).direction === "rtl" && (n += q(e.clientWidth, i.clientWidth) - r), {
+  return Q(i).direction === "rtl" && (n += N(e.clientWidth, i.clientWidth) - r), {
     width: r,
     height: s,
     x: n,
     y: d
   };
 }
-const ge = 25;
-function To(t, e) {
-  const o = Y(t), i = Z(t), r = o.visualViewport;
+const ue = 25;
+function Eo(t, e) {
+  const o = U(t), i = Z(t), r = o.visualViewport;
   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 = Rt(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);
-    p <= ge && (s -= p);
-  } else c <= ge && (s += c);
+    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 {
     width: s,
     height: n,
@@ -1538,8 +1587,8 @@ function To(t, e) {
     y: a
   };
 }
-const Eo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function $o(t, e) {
+const $o = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Mo(t, e) {
   const o = lt(t, !0, e === "fixed"), i = o.top + t.clientTop, r = o.left + t.clientLeft, s = J(t) ? ut(t) : G(1), n = t.clientWidth * s.x, d = t.clientHeight * s.y, a = r * s.x, c = i * s.y;
   return {
     width: n,
@@ -1548,16 +1597,16 @@ function $o(t, e) {
     y: c
   };
 }
-function ue(t, e, o) {
+function he(t, e, o) {
   let i;
   if (e === "viewport")
-    i = To(t, o);
+    i = Eo(t, o);
   else if (e === "document")
-    i = Do(Z(t));
-  else if (W(e))
-    i = $o(e, o);
+    i = To(Z(t));
+  else if (X(e))
+    i = Mo(e, o);
   else {
-    const r = Ee(t);
+    const r = Me(t);
     i = {
       x: e.x - r.x,
       y: e.y - r.y,
@@ -1565,36 +1614,36 @@ function ue(t, e, o) {
       height: e.height
     };
   }
-  return Dt(i);
+  return $t(i);
 }
-function Me(t, e) {
+function Oe(t, e) {
   const o = nt(t);
-  return o === e || !W(o) || ht(o) ? !1 : X(o).position === "fixed" || Me(o, e);
+  return o === e || !X(o) || pt(o) ? !1 : Q(o).position === "fixed" || Oe(o, e);
 }
-function Mo(t, e) {
+function Ao(t, e) {
   const o = e.get(t);
   if (o)
     return o;
-  let i = vt(t, [], !1).filter((d) => W(d) && wt(d) !== "body"), r = null;
-  const s = X(t).position === "fixed";
+  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 (; W(n) && !ht(n); ) {
-    const d = X(n), a = oe(n);
-    !a && d.position === "fixed" && (r = null), (s ? !a && !r : !a && d.position === "static" && !!r && Eo.has(r.position) || Ct(n) && !a && Me(t, n)) ? i = i.filter((l) => l !== n) : r = d, n = nt(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((g) => g !== n) : r = d, n = nt(n);
   }
   return e.set(t, i), i;
 }
-function Ao(t) {
+function Oo(t) {
   let {
     element: e,
     boundary: o,
     rootBoundary: i,
     strategy: r
   } = t;
-  const n = [...o === "clippingAncestors" ? At(e) ? [] : Mo(e, this._c) : [].concat(o), i], d = n[0], a = n.reduce((c, l) => {
-    const g = ue(e, l, r);
-    return c.top = q(g.top, c.top), c.right = it(g.right, c.right), c.bottom = it(g.bottom, c.bottom), c.left = q(g.left, c.left), c;
-  }, ue(e, d, r));
+  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,
     height: a.bottom - a.top,
@@ -1602,11 +1651,11 @@ function Ao(t) {
     y: a.top
   };
 }
-function Oo(t) {
+function Ho(t) {
   const {
     width: e,
     height: o
-  } = Te(t);
+  } = $e(t);
   return {
     width: e,
     height: o
@@ -1620,53 +1669,53 @@ function Ro(t, e, o) {
   };
   const a = G(0);
   function c() {
-    a.x = Rt(r);
+    a.x = Pt(r);
   }
   if (i || !i && !s)
-    if ((wt(e) !== "body" || Ct(r)) && (d = Ot(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 ? $e(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) {
-  return X(t).position === "static";
+function It(t) {
+  return Q(t).position === "static";
 }
-function he(t, e) {
-  if (!J(t) || X(t).position === "fixed")
+function pe(t, e) {
+  if (!J(t) || Q(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let o = t.offsetParent;
   return Z(t) === o && (o = o.ownerDocument.body), o;
 }
-function Ae(t, e) {
-  const o = Y(t);
-  if (At(t))
+function He(t, e) {
+  const o = U(t);
+  if (Ht(t))
     return o;
   if (!J(t)) {
     let r = nt(t);
-    for (; r && !ht(r); ) {
-      if (W(r) && !Ht(r))
+    for (; r && !pt(r); ) {
+      if (X(r) && !It(r))
         return r;
       r = nt(r);
     }
     return o;
   }
-  let i = he(t, e);
-  for (; i && fo(i) && Ht(i); )
-    i = he(i, e);
-  return i && ht(i) && Ht(i) && !oe(i) ? o : i || _o(t) || o;
+  let i = pe(t, e);
+  for (; i && wo(i) && It(i); )
+    i = pe(i, e);
+  return i && pt(i) && It(i) && !oe(i) ? o : i || yo(t) || o;
 }
-const Lo = async function(t) {
-  const e = this.getOffsetParent || Ae, 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: Ro(t.reference, await e(t.floating), t.strategy),
     floating: {
@@ -1677,25 +1726,25 @@ const Lo = async function(t) {
     }
   };
 };
-function Io(t) {
-  return X(t).direction === "rtl";
+function Lo(t) {
+  return Q(t).direction === "rtl";
 }
-const Po = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: xo,
+const Io = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ko,
   getDocumentElement: Z,
-  getClippingRect: Ao,
-  getOffsetParent: Ae,
-  getElementRects: Lo,
-  getClientRects: ko,
-  getDimensions: Oo,
+  getClippingRect: Oo,
+  getOffsetParent: He,
+  getElementRects: Po,
+  getClientRects: Do,
+  getDimensions: Ho,
   getScale: ut,
-  isElement: W,
-  isRTL: Io
+  isElement: X,
+  isRTL: Lo
 };
-function Oe(t, e) {
+function Re(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
-function Ho(t, e) {
+function zo(t, e) {
   let o = null, i;
   const r = Z(t);
   function s() {
@@ -1705,43 +1754,43 @@ function Ho(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 = St(g), m = St(r.clientWidth - (l + h)), f = St(r.clientHeight - (g + u)), v = St(l), _ = {
-      rootMargin: -p + "px " + -m + "px " + -f + "px " + -v + "px",
-      threshold: q(0, it(1, a)) || 1
+    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 && !Oe(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 zo(t, e, o, i) {
+function Vo(t, e, o, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: r = !0,
@@ -1749,43 +1798,43 @@ function zo(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 ? vt(c) : [], ...vt(e)] : [];
-  l.forEach((v) => {
-    r && v.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 && v.addEventListener("resize", o);
+    }), s && f.addEventListener("resize", o);
   });
-  const g = c && d ? Ho(c, o) : null;
+  const l = c && d ? zo(c, o) : null;
   let h = -1, u = null;
-  n && (u = new ResizeObserver((v) => {
-    let [b] = v;
-    b && b.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 v = lt(t);
-    m && !Oe(m, v) && o(), m = v, p = requestAnimationFrame(f);
+  a && b();
+  function b() {
+    const f = lt(t);
+    m && !Re(m, f) && o(), m = f, p = requestAnimationFrame(b);
   }
   return o(), () => {
-    var v;
-    l.forEach((b) => {
-      r && b.removeEventListener("scroll", o), s && b.removeEventListener("resize", o);
-    }), g == null || g(), (v = u) == null || v.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 = co, Re = go, It = so, Fo = uo, Vo = no, Pt = (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: Po,
+    platform: Io,
     ...o
   }, s = {
     ...r.platform,
     _c: i
   };
-  return ro(t, e, {
+  return no(t, e, {
     ...r,
     platform: s
   });
@@ -1806,30 +1855,30 @@ 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 = yt(a, i), p = Be(a, i), m = Ke(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 v = p ? `<span class="wg__dropdown-option-icon">${t.escapeHtml(p)}</span>` : "", b = m ? `<span class="wg__dropdown-option-subtitle">${t.escapeHtml(m)}</span>` : "";
-      return `<div class="${f.join(" ")}" data-index="${c}" ${h ? 'data-disabled="true"' : ""}>
-				${v}
+      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>
-					${b}
+					${_}
 				</div>
 			</div>`;
     }).join("");
   }
-  return t.shadow.appendChild(r), t.dropdownOpen = !0, Pt(e, r, {
+  return t.shadow.appendChild(r), t.dropdownOpen = !0, kt(e, r, {
     strategy: "fixed",
     placement: "bottom-start",
     middleware: [
       // Add 1px gap to prevent sub-pixel overlap with cell border
       Lt(1),
-      It({ fallbackPlacements: ["top-start"] }),
+      xt({ fallbackPlacements: ["top-start"] }),
       Fo({
         apply({ rects: n }) {
           Object.assign(r.style, {
@@ -1849,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 Le(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");
@@ -1876,17 +1925,17 @@ function et(t) {
     i.classList.toggle("wg__dropdown-option--highlighted", r === t.highlightedIndex);
   });
 }
-function pe(t) {
+function fe(t) {
   const e = t.shadow.querySelector(".wg__dropdown-option--highlighted");
   e == null || e.scrollIntoView({ block: "nearest" });
 }
-function fe(t, e) {
+function we(t, e) {
   const o = t.shadow.querySelector(".wg__loading-indicator");
   o && (o.style.display = e ? "inline" : "none");
   const i = t.shadow.querySelector(".wg__editor--autocomplete .wg__combobox-toggle");
   i && (i.style.display = e ? "none" : "inline");
 }
-function K(t) {
+function W(t) {
   if (t.justSelected) return;
   const e = t.getCurrentEditingColumn();
   if (!e) return;
@@ -1896,15 +1945,15 @@ function K(t) {
     const n = o.options || [];
     if (t.filterText) {
       const d = t.filterText.toLowerCase();
-      t.dropdownOptions = n.filter((a) => yt(a, o).toLowerCase().includes(d)), r = t.dropdownOptions.length > 0 ? 0 : -1;
+      t.dropdownOptions = n.filter((a) => Ct(a, o).toLowerCase().includes(d)), r = t.dropdownOptions.length > 0 ? 0 : -1;
     } else {
       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;
     }
@@ -1912,22 +1961,22 @@ function K(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
@@ -1939,14 +1988,14 @@ function K(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;
     });
   }
 }
-function we(t) {
-  t.dropdownOpen ? L(t) : K(t);
+function me(t) {
+  t.dropdownOpen ? L(t) : W(t);
 }
 function ct(t, e) {
   e.addEventListener("mousedown", (o) => {
@@ -1954,16 +2003,16 @@ 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);
-      Le(t, r, !1);
+      Pe(t, r, !1);
     }
   }), e.addEventListener("mouseover", (o) => {
     const i = o.target.closest(".wg__dropdown-option");
     i && !i.hasAttribute("data-disabled") && (t.highlightedIndex = parseInt(i.getAttribute("data-index") || "0", 10), et(t));
   });
 }
-function me(t, e) {
+function be(t, e) {
   const o = e.options || [], i = t.filterText.toLowerCase(), r = t.filterText;
-  t.dropdownOptions = o.filter((n) => yt(n, e).toLowerCase().includes(i)), t.highlightedIndex = t.dropdownOptions.length > 0 ? 0 : -1;
+  t.dropdownOptions = o.filter((n) => Ct(n, e).toLowerCase().includes(i)), t.highlightedIndex = t.dropdownOptions.length > 0 ? 0 : -1;
   const s = t.shadow.querySelector(".wg__editor--select");
   if (s)
     if (t.dropdownOptions.length > 0) {
@@ -1972,7 +2021,7 @@ function me(t, e) {
     } else
       L(t);
 }
-function qo(t, e) {
+function Yo(t, e) {
   const o = e.target;
   t.filterText = o.value, t.isUserFiltering = !0;
   const i = t.getCurrentEditingColumn();
@@ -1980,7 +2029,7 @@ function qo(t, e) {
   const r = i.editorOptions || {}, s = r.options || [];
   if (t.filterText.trim()) {
     const d = t.filterText.toLowerCase();
-    t.dropdownOptions = s.filter((a) => yt(a, r).toLowerCase().includes(d));
+    t.dropdownOptions = s.filter((a) => Ct(a, r).toLowerCase().includes(d));
   } else
     t.dropdownOptions = s;
   t.highlightedIndex = t.dropdownOptions.length > 0 ? 0 : -1;
@@ -1990,7 +2039,7 @@ function qo(t, e) {
     ct(t, d), t.highlightedIndex = t.dropdownOptions.length > 0 ? 0 : -1, et(t);
   }
 }
-function Yo(t, e) {
+function No(t, e) {
   const o = e.target;
   t.filterText = o.value;
   const i = t.getCurrentEditingColumn();
@@ -2011,15 +2060,15 @@ function Yo(t, e) {
     return;
   }
   t.searchDebounceTimer = setTimeout(() => {
-    No(t, t.filterText, i);
+    Uo(t, t.filterText, i);
   }, s);
 }
-async function No(t, e, o) {
+async function Uo(t, e, o) {
   const i = o.editorOptions || {};
   if (!i.onSearchCallback) return;
   t.searchAbortController && t.searchAbortController.abort(), t.searchAbortController = new AbortController();
   const r = t.searchAbortController.signal;
-  t.isSearching = !0, fe(t, !0);
+  t.isSearching = !0, we(t, !0);
   try {
     const s = t.grid.editingCell;
     if (!s) return;
@@ -2042,16 +2091,16 @@ async function No(t, e, o) {
       ct(t, d);
     }
   } finally {
-    r.aborted || (t.isSearching = !1, fe(t, !1));
+    r.aborted || (t.isSearching = !1, we(t, !1));
   }
 }
-function be(t, e, o, i, r) {
+function ve(t, e, o, i, r) {
   const s = i ?? t.tooltipShowDelay;
   t.tooltipHideTimer && (clearTimeout(t.tooltipHideTimer), t.tooltipHideTimer = null), !(t.tooltipElement && t.tooltipAnchor === e) && (t.tooltipShowTimer && clearTimeout(t.tooltipShowTimer), t.tooltipShowTimer = setTimeout(() => {
-    jo(t, e, o, r);
+    Bo(t, e, o, r);
   }, s));
 }
-function Uo(t, e) {
+function jo(t, e) {
   const o = e ?? t.tooltipHideDelay;
   t.tooltipShowTimer && (clearTimeout(t.tooltipShowTimer), t.tooltipShowTimer = null), t.tooltipElement && (t.tooltipHideTimer = setTimeout(() => {
     t.tooltipElement && (t.tooltipElement.classList.remove("wg__tooltip--visible"), setTimeout(() => {
@@ -2060,7 +2109,7 @@ function Uo(t, e) {
     }, 100));
   }, o));
 }
-function jo(t, e, o, i) {
+function Bo(t, e, o, i) {
   var d;
   (d = t.tooltipElement) == null || d.remove();
   const r = document.createElement("div");
@@ -2068,17 +2117,17 @@ function jo(t, e, o, i) {
   const s = document.createElement("div");
   s.className = "wg__tooltip-content", i ? s.innerHTML = o : s.textContent = o, r.appendChild(s);
   const n = document.createElement("div");
-  n.className = "wg__tooltip-arrow", r.appendChild(n), t.shadow.appendChild(r), t.tooltipElement = r, t.tooltipArrowElement = n, t.tooltipAnchor = e, Pt(e, r, {
+  n.className = "wg__tooltip-arrow", r.appendChild(n), t.shadow.appendChild(r), t.tooltipElement = r, t.tooltipArrowElement = n, t.tooltipAnchor = e, kt(e, r, {
     strategy: "fixed",
     placement: "top",
     middleware: [
       Lt(8),
-      It({ fallbackPlacements: ["bottom", "left", "right"] }),
-      Vo({ element: n })
+      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(() => {
@@ -2086,9 +2135,9 @@ function jo(t, e, o, i) {
     });
   });
 }
-function Bo(t, e, o) {
+function Ko(t, e, o) {
   if (t.grid.shouldUseVirtualScroll()) {
-    Ko(t, e);
+    Wo(t, e);
     const n = t.shadow.querySelector(
       `[data-row="${e}"][data-col="${o}"]`
     );
@@ -2109,11 +2158,11 @@ function Bo(t, e, o) {
     }
   }
 }
-function Ko(t, e) {
+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");
@@ -2121,7 +2170,7 @@ function st(t, e) {
   const i = t.grid.virtualScrollRowHeight, r = Math.max(0, (e - 1) * i), s = Math.max(0, o.scrollHeight - o.clientHeight);
   o.scrollTop = Math.min(r, s);
 }
-function B(t, e, o) {
+function K(t, e, o) {
   if (e) {
     const i = t.shadow.querySelector(
       `[data-row="${e.rowIndex}"][data-col="${e.colIndex}"]`
@@ -2135,7 +2184,7 @@ function B(t, e, o) {
     i == null || i.classList.add("wg__cell--focused");
   }
 }
-function F(t) {
+function Y(t) {
   const e = t.grid.editingCell;
   if (e) {
     const o = t.grid.columns.findIndex((r) => String(r.field) === e.field), i = t.shadow.querySelector(
@@ -2144,16 +2193,16 @@ function F(t) {
     i && i.classList.remove("wg__cell--editing");
   }
 }
-function Wo(t, e, o) {
+function Xo(t, e, o) {
   if (!t.grid.isNavigateMode) return;
   const i = t.grid.focusedCell, r = { rowIndex: e, colIndex: o };
-  t.grid.setFocusedCell(e, o), B(t, i, r);
+  t.grid.setFocusedCell(e, o), K(t, i, r);
 }
-function E(t, e, o) {
+function $(t, e, o) {
   const i = t.grid.focusedCell, r = { rowIndex: e, colIndex: o };
-  t.grid.setFocusedCell(e, o), B(t, i, r), Bo(t, e, o);
+  t.grid.setFocusedCell(e, o), K(t, i, r), Ko(t, e, o);
 }
-function j(t, e, o, i) {
+function B(t, e, o, i) {
   const s = t.grid.columns[o];
   if (!s || !t.grid.isCellEditable(s))
     return;
@@ -2174,27 +2223,27 @@ 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;
   }
   return a;
 }
-function Xo(t, e) {
+function Qo(t, e) {
   const o = e.relatedTarget, i = t.shadow.querySelector(".wg__table");
   if (!o || !(i != null && i.contains(o))) {
     const r = t.grid.focusedCell;
-    t.grid.clearFocusedCell(), B(t, r, null);
+    t.grid.clearFocusedCell(), K(t, r, null);
   }
 }
-function Qo(t, e) {
+function Go(t, e) {
   if (!t) return null;
   const [o, i, r] = t.split("-").map(Number), s = new Date(o, i - 1, r);
   if (isNaN(s.getTime())) return null;
@@ -2208,36 +2257,36 @@ function Qo(t, e) {
       return t;
   }
 }
-function Tt(t, e) {
+function Mt(t, e) {
   const o = parseInt(e.dataset.row || "0", 10), i = e.dataset.field || "";
   let r;
   if (e instanceof HTMLInputElement)
     if (e.type === "checkbox") {
       const s = JSON.parse(e.dataset.trueValue || "true"), n = JSON.parse(e.dataset.falseValue || "false");
       r = e.checked ? s : n;
-    } else e.classList.contains("wg__editor--number") ? r = e.value === "" ? null : parseFloat(e.value) : e.type === "date" ? r = Qo(e.value, e.dataset.outputFormat || "iso") : r = e.value;
+    } else e.classList.contains("wg__editor--number") ? r = e.value === "" ? null : parseFloat(e.value) : e.type === "date" ? r = Go(e.value, e.dataset.outputFormat || "iso") : r = e.value;
   else e instanceof HTMLSelectElement && (r = e.value);
   t.grid.commitEdit(o, i, r);
 }
-function Go(t, e) {
-  Tt(t, e);
+function Jo(t, e) {
+  Mt(t, e);
 }
-function Jo(t, e, o) {
+function Zo(t, e, o) {
   const i = t.grid.columns[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(() => {
-    E(t, e + 1, o);
+  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 Zo(t, e) {
-  t.isCommittingFromKeyboard || t.grid.editingCell && Tt(t, e);
+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")
@@ -2245,42 +2294,42 @@ 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(() => {
-    E(t, d, a), t.isCommittingFromKeyboard = !1;
+    $(t, d, a), t.isCommittingFromKeyboard = !1;
   });
 }
-function ti(t, e, o) {
+function ei(t, e, o) {
   const r = t.grid.columns.findIndex((s) => String(s.field) === o);
   r >= 0 && requestAnimationFrame(() => {
-    E(t, e, r), t.isCommittingFromKeyboard = !1;
+    $(t, e, r), t.isCommittingFromKeyboard = !1;
   });
 }
-function Ie(t, e, o, i) {
+function Le(t, e, o, i) {
   const r = String(i.field), s = t.grid.displayItems[e], n = t.grid.getCellRawValue(s, e, r);
   switch (i.editor || "text") {
     case "checkbox":
-      return ni(t, e, r, n, i);
+      return si(t, e, r, n, i);
     case "number":
-      return oi(t, e, r, n, i);
-    case "date":
       return ii(t, e, r, n, i);
+    case "date":
+      return ri(t, e, r, n, i);
     case "select":
-      return si(t, e, r, n, i);
-    case "combobox":
       return ai(t, e, r, n, i);
-    case "autocomplete":
+    case "combobox":
       return li(t, e, r, n, i);
-    case "custom":
+    case "autocomplete":
       return di(t, e, r, n, i);
+    case "custom":
+      return ci(t, e, r, n, i);
     case "text":
     default:
-      return ei(t, e, r, n, i);
+      return oi(t, e, r, n, i);
   }
 }
-function ei(t, e, o, i, r) {
+function oi(t, e, o, i, r) {
   var a;
   const s = r.editorOptions || {}, n = (a = t.grid.editingCell) == null ? void 0 : a.initialSearchQuery, d = n !== void 0 ? n : i != null ? String(i) : "";
   return `
@@ -2296,7 +2345,7 @@ function ei(t, e, o, i, r) {
 		/>
 	`;
 }
-function oi(t, e, o, i, r) {
+function ii(t, e, o, i, r) {
   var d;
   r.editorOptions;
   const s = (d = t.grid.editingCell) == null ? void 0 : d.initialSearchQuery;
@@ -2311,9 +2360,9 @@ function oi(t, e, o, i, r) {
 		/>
 	`;
 }
-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 : ri(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
@@ -2325,8 +2374,8 @@ function ii(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">
@@ -2335,21 +2384,21 @@ function ii(t, e, o, i, r) {
 		</div>
 	`;
 }
-function ri(t, e) {
+function ni(t, e) {
   if (!t) return "";
   let o = null;
   if (t instanceof Date ? o = t : typeof t == "number" ? o = new Date(t) : typeof t == "string" && (o = new Date(t)), !o || isNaN(o.getTime())) return "";
   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 "";
   const o = e.getFullYear(), i = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
   return `${o}-${i}-${r}`;
 }
-function ni(t, e, o, i, r) {
+function si(t, e, o, i, r) {
   const s = r.editorOptions || {}, n = s.trueValue !== void 0 ? s.trueValue : !0;
   return `
 		<input
@@ -2363,10 +2412,10 @@ function ni(t, e, o, i, r) {
 		/>
 	`;
 }
-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"
@@ -2380,9 +2429,9 @@ function si(t, e, o, i, r) {
 		</div>
 	`;
 }
-function ai(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;
+function li(t, e, o, i, r) {
+  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
@@ -2396,9 +2445,9 @@ function ai(t, e, o, i, r) {
 		</div>
 	`;
 }
-function li(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;
+function di(t, e, o, i, r) {
+  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
@@ -2414,7 +2463,7 @@ function li(t, e, o, i, r) {
 		</div>
 	`;
 }
-function di(t, e, o, i, r) {
+function ci(t, e, o, i, r) {
   const s = r.formatCallback ? r.formatCallback(i, t.grid.displayItems[e]) : i != null ? String(i) : "";
   return `
 		<div
@@ -2427,7 +2476,7 @@ function di(t, e, o, i, r) {
 		</div>
 	`;
 }
-function Pe(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}">
@@ -2443,22 +2492,22 @@ function Pe(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 V = {
+let P = {
   path: null,
   arrowPos: null,
   arrowDir: "right"
 };
-const ci = {
+const gi = {
   add: { icon: "+", title: "Add row" },
   delete: { icon: "−", title: "Delete row", danger: !0 },
   duplicate: { icon: "⧉", title: "Duplicate row" },
   moveUp: { icon: "↑", title: "Move up" },
   moveDown: { icon: "↓", title: "Move down" }
 };
-function gi(t) {
+function ui(t) {
   return t.map((e, o) => {
     if (typeof e == "string") {
-      const i = ci[e];
+      const i = gi[e];
       return i ? {
         id: e,
         icon: i.icon,
@@ -2483,7 +2532,7 @@ function gi(t) {
     };
   }).filter((e) => e !== null);
 }
-function ui(t) {
+function hi(t) {
   const e = /* @__PURE__ */ new Map();
   for (const r of t) {
     const s = r.row;
@@ -2507,146 +2556,179 @@ function ui(t) {
   }
   return o;
 }
-function hi(t, e, o) {
-  return `<div class="wg__toolbar">${ui(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 $ = null;
-function pi(t, e, o, i, r, s, n) {
-  Et();
-  const d = hi(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");
+let M = null;
+function fi(t, e, o, i, r, s, n) {
+  At();
+  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";
-  requestAnimationFrame(() => {
-    const h = t.shadow.querySelector(`tr[data-row-index="${o}"]`);
-    if (!h) {
-      Et();
+  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 = h.getBoundingClientRect(), p = c.getBoundingClientRect(), m = t.shadow.querySelector(".wg__table"), f = m == null ? void 0 : m.getBoundingClientRect(), v = 100;
-    f && (f.left >= v ? l = "left" : window.innerWidth - f.right >= v ? l = "right" : l = "top");
-    let b, _;
-    if (l === "left")
-      b = u.left - p.width, _ = u.top + (u.height - p.height) / 2;
-    else if (l === "right")
-      b = u.right, _ = u.top + (u.height - p.height) / 2;
-    else {
-      _ = u.top - p.height;
-      const S = t.grid.toolbarTopPosition;
-      S === "start" ? b = u.left : S === "end" ? b = u.right - p.width : S === "cursor" && n !== void 0 ? b = n - p.width / 2 : b = u.left + (u.width - p.width) / 2;
+    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: x.top,
+          top: x.top,
+          left: n,
+          bottom: x.bottom,
+          right: n,
+          width: 0,
+          height: x.height,
+          toJSON: () => ({})
+        })
+      };
     }
-    l !== "top" && t.grid.toolbarAlign === "top" && (_ = u.top), b + p.width > window.innerWidth - 8 && (b = window.innerWidth - p.width - 8), b < 8 && (b = 8), _ + p.height > window.innerHeight - 8 && (_ = window.innerHeight - p.height - 8), _ < 8 && (_ = 8), Object.assign(c.style, {
-      position: "fixed",
-      left: `${b}px`,
-      top: `${_}px`
-    }), $ && ($.position = l);
+    kt(C, g, {
+      strategy: "fixed",
+      placement: f,
+      middleware: [
+        xt({ fallbackPlacements: _ }),
+        ne({ padding: 8 })
+        // Keep within viewport
+      ]
+    }).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 = y.split("-")[0], M && (M.position = l);
+    }).catch(() => {
+      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), $ = {
-    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();
     }
-  }, V = { path: null, arrowPos: null, arrowDir: "right" };
+  }, P = { path: null, arrowPos: null, arrowDir: "right" };
 }
-function Et() {
-  $ && ($.cleanup(), $ = null), V = { path: null, arrowPos: null, arrowDir: "right" };
+function At() {
+  M && (M.cleanup(), M = null), P = { path: null, arrowPos: null, arrowDir: "right" };
 }
-function $t() {
-  return ($ == null ? void 0 : $.rowIndex) ?? null;
+function vt() {
+  return (M == null ? void 0 : M.rowIndex) ?? null;
 }
-function fi(t) {
-  return ($ == null ? void 0 : $.container.getRootNode()) === t;
+function wi(t) {
+  return (M == null ? void 0 : M.container.getRootNode()) === t;
 }
 function qt(t) {
-  return ($ == null ? void 0 : $.rowIndex) === t;
+  return (M == null ? void 0 : M.rowIndex) === t;
 }
-function wi() {
-  return V;
+function mi() {
+  return P;
 }
-function mi(t, e) {
-  if (!$) {
-    V = { path: null, arrowPos: null, arrowDir: "right" };
+function _e(t, e) {
+  if (!M) {
+    P = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
-  const { toolbar: o, rowItem: i, position: r } = $, s = e.findIndex((b) => b === i);
+  const { toolbar: o, rowItem: i, position: r } = M, s = e.findIndex((C) => C === i);
   if (s === -1) {
-    V = { 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) {
-    V = { path: null, arrowPos: null, arrowDir: "right" };
+    P = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
-  if (s === $.rowIndex || ($.hasRowMoved = !0), !$.hasRowMoved) {
-    V = { path: null, arrowPos: null, arrowDir: "right" };
+  if (s === M.rowIndex || (M.hasRowMoved = !0), !M.hasRowMoved) {
+    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();
-  if (!g) {
-    V = { 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 h = document.dir === "rtl" || document.documentElement.dir === "rtl";
-  c.bottom < a.top || c.top > a.bottom;
-  const u = h ? g.right + 15 : g.left - 15, p = h ? c.right + 8 : c.left - 8, m = c.top + c.height / 2;
-  let f, v = h ? "left" : "right";
-  if (r === "left") {
-    const b = a.right, _ = a.top + a.height / 2;
-    f = `M ${b} ${_} H ${u} V ${m} H ${p}`;
+  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 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 b = a.left, _ = a.top + a.height / 2;
-    f = `M ${b} ${_} H ${u} V ${m} H ${p}`;
+    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 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 _ = a.right, S = a.top + a.height / 2, y = _ + 48, D = s - $.rowIndex, x = 8;
-    if (D === 0) {
-      const C = c.top - x;
-      f = `M ${_} ${S} H ${y} V ${C}`, V = { path: f, arrowPos: { x: y, y: C }, arrowDir: "down" };
+    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;
+      f && (E = u.bottom - k), P = { path: `M ${x} ${D} H ${y} V ${E}`, arrowPos: { x: y, y: E }, arrowDir: "down" };
       return;
-    } else if (D === -1) {
-      const T = a.top + a.height * 0.25, k = a.top + a.height * 0.75, I = a.right + 24, M = a.right + x;
-      f = `M ${a.right} ${T} H ${I} V ${k} H ${M}`, V = { path: f, arrowPos: { x: M, y: k }, arrowDir: "left" };
+    } else if (T === -1) {
+      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 (D < 0) {
-      const C = c.bottom + x;
-      f = `M ${_} ${S} H ${y} V ${C}`, V = { path: f, arrowPos: { x: y, y: C }, arrowDir: "up" };
+    } else if (T < 0) {
+      let E = c.bottom + k;
+      b && (E = u.top + k), P = { path: `M ${x} ${D} H ${y} V ${E}`, arrowPos: { x: y, y: E }, arrowDir: "up" };
       return;
     } else {
-      const C = c.top - x;
-      f = `M ${_} ${S} H ${y} V ${C}`, V = { path: f, arrowPos: { x: y, y: C }, arrowDir: "down" };
+      let E = c.top - k;
+      f && (E = u.bottom - k), P = { path: `M ${x} ${D} H ${y} V ${E}`, arrowPos: { x: y, y: E }, arrowDir: "down" };
       return;
     }
   }
-  V = { path: f, arrowPos: { x: p, y: m }, arrowDir: v };
 }
-function He(t, e) {
+function ze(t, e) {
   return `<button
 		class="wg__toolbar-trigger ${e ? "wg__toolbar-trigger--active" : ""}"
 		data-toolbar-trigger="${t}"
@@ -2661,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 b = c.direction === "asc" ? "▲" : "▼", _ = t.grid.sort.length > 1 ? `<sup class="wg__sort-priority">${l}</sup>` : "";
-        f = `<span class="wg__sort-indicator">${b}${_}</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 v = "";
-    return n.headerInfo && (v = `<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>
-					${v}
 					${f}
+					${b}
 				</div>
 			</th>
 		`;
@@ -2698,63 +2780,63 @@ function _i(t) {
 				</td>
 			</tr>
 		`;
-  const n = $t();
+  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">
-					${He(a, n === a)}
+					${ze(a, n === a)}
 				</td>
 			`);
-    const g = o.map((u, p) => {
-      const m = String(u.field), f = t.grid.getCellValue(d, u, a), v = u.align || "left", b = t.grid.isCellEditable(u), _ = t.grid.isCellFocused(a, p), S = ["wg__cell"], y = t.grid.isEditing(a, m);
-      if (b && 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: ${v}`,
+      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;
           if (k) {
-            const I = t.grid.getCellRawValue(d, a, m), M = k({
+            const E = t.grid.getCellRawValue(d, a, m), A = k({
               field: m,
               error: T,
-              value: I,
+              value: E,
               row: d,
               rowIndex: a
             });
-            M && (C = `data-tooltip-html="${t.escapeHtml(M)}"`);
+            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) ? Ie(t, a, p, u) : Pe(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"];
@@ -2762,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 ve(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);
+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", 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 = $t(), 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 v = r; v < s && v < o.length; v++) {
-    const b = o[v], _ = v, 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">
-					${He(_, g === _)}
+					${ze(v, l === v)}
 				</td>
 			`);
-    const D = i.map((C, T) => {
-      const k = String(C.field), I = t.grid.getCellValue(b, C, _), M = C.align || "left", Q = t.grid.isCellEditable(C), A = t.grid.isCellFocused(_, T), O = ["wg__cell"], U = t.grid.isEditing(_, k);
-      if (Q && O.push("wg__cell--editable"), A && !U && O.push("wg__cell--focused"), C.textOverflow === "ellipsis" && O.push("wg__cell--ellipsis"), U && O.push("wg__cell--editing"), t.grid.isCellInvalid(_, k) && O.push("wg__cell--invalid"), C.cellClass && O.push(C.cellClass), C.cellClassCallback) {
-        const z = t.grid.getCellRawValue(b, _, k), ot = C.cellClassCallback(z, b);
-        ot && O.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 P = [
-        `text-align: ${M}`,
-        C.width ? `width: ${C.width}` : "",
-        C.minWidth ? `min-width: ${C.minWidth}` : "",
-        C.maxWidth ? `max-width: ${C.maxWidth}` : ""
-      ].filter(Boolean).join("; "), H = t.grid.isNavigateMode ? 'tabindex="0"' : "";
+      const V = [
+        `text-align: ${A}`,
+        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 (C.tooltipCallback) {
-        const z = t.grid.getCellRawValue(b, _, k), ot = C.tooltipCallback(z, b);
+      if (y.tooltipCallback) {
+        const q = t.grid.getCellRawValue(_, v, k), ot = y.tooltipCallback(q, _);
         ot && (R = `data-tooltip="${t.escapeHtml(ot)}"`);
-      } else if (C.tooltipMember) {
-        const z = b[C.tooltipMember];
-        z && typeof z == "string" && (R = `data-tooltip="${t.escapeHtml(z)}"`);
+      } else if (y.tooltipMember) {
+        const q = _[y.tooltipMember];
+        q && typeof q == "string" && (R = `data-tooltip="${t.escapeHtml(q)}"`);
       }
-      if (!R && t.grid.isCellInvalid(_, k)) {
-        const z = t.grid.getCellValidationError(_, k);
-        if (z) {
-          const ot = C.validationTooltipCallback || t.grid.validationTooltipCallback;
+      if (!R && t.grid.isCellInvalid(v, k)) {
+        const q = t.grid.getCellValidationError(v, k);
+        if (q) {
+          const ot = y.validationTooltipCallback || t.grid.validationTooltipCallback;
           if (ot) {
-            const qe = t.grid.getCellRawValue(b, _, k), se = ot({
+            const Ye = t.grid.getCellRawValue(_, v, k), ae = ot({
               field: k,
-              error: z,
-              value: qe,
-              row: b,
-              rowIndex: _
+              error: q,
+              value: Ye,
+              row: _,
+              rowIndex: v
             });
-            se && (R = `data-tooltip-html="${t.escapeHtml(se)}"`);
+            ae && (R = `data-tooltip-html="${t.escapeHtml(ae)}"`);
           }
-          R || (R = `data-tooltip="${t.escapeHtml(z)}"`);
+          R || (R = `data-tooltip="${t.escapeHtml(q)}"`);
         }
       }
       return `
 				<td
-					class="${O.join(" ")}"
-					style="${P}"
-					data-row="${_}"
+					class="${H.join(" ")}"
+					style="${V}"
+					data-row="${v}"
 					data-col="${T}"
 					data-field="${k}"
-					${H}
+					${F}
 					${R}
 				>
-					${t.grid.isEditing(_, k) ? Ie(t, _, T, C) : Pe(t, _, T, C, I)}
+					${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(b, _);
-      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;
@@ -2855,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(
-      (b) => `<option value="${b}" ${b === s ? "selected" : ""}>${b}</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>
 		` : ""
-  }, v = t.grid.paginationLayout.split("|").map((b) => b.trim()).map((b) => m[b] || "").join("");
-  return `<div class="${p.join(" ")}">${v}</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;
@@ -2907,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 ze = {
+const Ve = {
   today: "Today",
   clear: "Clear",
   monthNames: [
@@ -2975,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)
@@ -2993,7 +3075,7 @@ function yi(t, e) {
   const a = new Date(s, n - 1, d);
   return a.getMonth() !== n - 1 || a.getDate() !== d ? null : a;
 }
-function N(t) {
+function j(t) {
   if (!t) return null;
   let e;
   if (typeof t == "string") {
@@ -3007,11 +3089,11 @@ function Wt(t) {
   const e = t.getFullYear(), o = String(t.getMonth() + 1).padStart(2, "0"), i = String(t.getDate()).padStart(2, "0");
   return `${e}-${o}-${i}`;
 }
-function _t(t, e) {
+function yt(t, e) {
   return !t || !e ? !1 : t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate();
 }
 function Ci(t) {
-  return _t(t, /* @__PURE__ */ new Date());
+  return yt(t, /* @__PURE__ */ new Date());
 }
 function gt(t, e) {
   return new Date(t, e + 1, 0).getDate();
@@ -3029,7 +3111,7 @@ function xi(t, e) {
   const o = parseInt(t, 10);
   return { min: o, max: o };
 }
-function ki(t, e, o = ze) {
+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">
@@ -3083,7 +3165,7 @@ function Ti(t, e, o) {
 	`;
 }
 function Ei(t, e, o) {
-  const i = $i(o), r = Ve(t, e);
+  const i = $i(o), r = qe(t, e);
   return `
 		<div class="wg-datepicker__weekdays">
 			${i}
@@ -3096,35 +3178,35 @@ function Ei(t, e, o) {
 function $i(t) {
   return t.weekdayNamesShort.map((e) => `<div class="wg-datepicker__weekday">${e}</div>`).join("");
 }
-function Ve(t, e) {
-  const { viewYear: o, viewMonth: i, selectedDate: r, focusedDate: s } = t, n = e.minDate ? N(e.minDate) : null, d = e.maxDate ? N(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(), v = [];
-  for (let y = a - 1; y >= 0; y--) {
-    const D = l - y;
-    v.push({
-      date: new Date(h, u, D),
-      day: D,
+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), 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++)
-    v.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 - v.length;
-  for (let y = 1; y <= _; y++)
-    v.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 v) {
-    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"), _t(y.date, r) && D.push("wg-datepicker__day--selected"), _t(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;
 }
@@ -3142,20 +3224,20 @@ function Ai(t) {
 }
 function Oi(t, e, o) {
   const i = t.querySelector(".wg-datepicker__days");
-  i && (i.innerHTML = Ve(e, o));
+  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 Li(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);
@@ -3164,7 +3246,7 @@ function Ii(t, e) {
     r.classList.toggle("wg-datepicker__rolling-item--selected", s === e.viewMonth);
   });
 }
-function _e(t) {
+function Ce(t) {
   const e = t.querySelector("[data-year].wg-datepicker__rolling-item--selected"), o = t.querySelector("[data-month].wg-datepicker__rolling-item--selected");
   if (e) {
     const i = e.parentElement;
@@ -3187,7 +3269,7 @@ function Xt(t) {
 function Qt(t) {
   t.viewMonth === 11 ? (t.viewMonth = 0, t.viewYear++) : t.viewMonth++;
 }
-function Pi(t, e, o, i) {
+function Li(t, e, o, i) {
   var s, n, d, a;
   const { key: r } = t;
   if (r === "Escape")
@@ -3202,18 +3284,18 @@ function Pi(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 && _t(e.focusedDate, l) && c--, o.minDate) {
-        const g = N(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
@@ -3223,10 +3305,10 @@ function Pi(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 && _t(e.focusedDate, l) && c++, o.maxDate) {
-        const g = N(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 {
@@ -3251,12 +3333,12 @@ function Pi(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;
   }
-  const i = new Date(t.focusedDate), r = o.minDate ? N(o.minDate) : null, s = o.maxDate ? N(o.maxDate) : null;
+  const i = new Date(t.focusedDate), r = o.minDate ? j(o.minDate) : null, s = o.maxDate ? j(o.maxDate) : null;
   switch (e) {
     case "ArrowLeft":
       i.setDate(i.getDate() - 1);
@@ -3287,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 {
@@ -3295,17 +3377,17 @@ 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;
-  const [r, s, n] = i.split("-").map(Number), d = new Date(r, s - 1, n), a = o.minDate ? N(o.minDate) : null, c = o.maxDate ? N(o.maxDate) : null;
+  const [r, s, n] = i.split("-").map(Number), d = new Date(r, s - 1, n), a = o.minDate ? j(o.minDate) : null, c = o.maxDate ? j(o.maxDate) : null;
   return a && d < a || c && d > c ? null : (e.selectedDate = d, e.focusedDate = d, d);
 }
 function qi(t, e) {
   const o = /* @__PURE__ */ new Date();
   o.setHours(0, 0, 0, 0);
-  const i = e.minDate ? N(e.minDate) : null, r = e.maxDate ? N(e.maxDate) : null;
+  const i = e.minDate ? j(e.minDate) : null, r = e.maxDate ? j(e.maxDate) : null;
   return i && o < i || r && o > r ? null : (t.selectedDate = o, t.focusedDate = o, t.viewYear = o.getFullYear(), t.viewMonth = o.getMonth(), o);
 }
 function Yi(t, e) {
@@ -3317,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], v = n.substring(l, l + f.length);
-    if (!v) break;
-    c += v, l += v.length, m < a.length - 1 && v.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);
 }
@@ -3335,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;
 }
@@ -3366,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;
     }
   }
@@ -3386,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);
 }
@@ -3396,7 +3478,7 @@ function Ki(t, e, o, i) {
     return !1;
   const r = yi(t, e);
   if (!r) return !1;
-  const s = i.minDate ? N(i.minDate) : null, n = i.maxDate ? N(i.maxDate) : null;
+  const s = i.minDate ? j(i.minDate) : null, n = i.maxDate ? j(i.maxDate) : null;
   return s && r < s || n && r > n ? !1 : (o.selectedDate = r, o.focusedDate = r, o.viewYear = r.getFullYear(), o.viewMonth = r.getMonth(), !0);
 }
 const Wi = `
@@ -3405,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;
@@ -3440,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 {
@@ -3650,8 +3732,8 @@ const Wi = `
 	background-color: color-mix(in srgb, var(--wg-dp-accent-color) 10%, transparent);
 }
 `;
-let ye = !1;
-class ne {
+let Se = !1;
+class se {
   constructor(e = {}) {
     w(this, "options");
     w(this, "state");
@@ -3687,16 +3769,16 @@ class ne {
     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",
@@ -3705,33 +3787,33 @@ class ne {
         monthNames: d,
         monthNamesShort: a,
         weekdayNames: c,
-        weekdayNamesShort: l
+        weekdayNamesShort: g
       };
     } catch {
-      return ze;
+      return Ve;
     }
   }
   /**
    * Inject datepicker styles into document head (once)
    */
   static injectStyles() {
-    if (ye) return;
+    if (Se) return;
     const e = document.createElement("style");
-    e.id = "wg-datepicker-styles", e.textContent = Wi, document.head.appendChild(e), ye = !0;
+    e.id = "wg-datepicker-styles", e.textContent = Wi, document.head.appendChild(e), Se = !0;
   }
   /**
    * Open the date picker
    */
   open(e, o = null) {
-    ne.injectStyles(), this.state.isOpen && this.close(), this.anchor = e;
-    const i = N(o);
+    se.injectStyles(), this.state.isOpen && this.close(), this.anchor = e;
+    const i = j(o);
     if (i)
       this.state.selectedDate = i, this.state.viewYear = i.getFullYear(), this.state.viewMonth = i.getMonth();
     else {
       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 && _e(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
@@ -3765,13 +3847,13 @@ class ne {
   position() {
     if (!this.element || !this.anchor) return;
     const e = this.element.querySelector(".wg-datepicker");
-    e && (this.cleanupAutoUpdate = zo(this.anchor, e, () => {
-      Pt(this.anchor, e, {
+    e && (this.cleanupAutoUpdate = Vo(this.anchor, e, () => {
+      kt(this.anchor, e, {
         placement: "bottom-start",
         middleware: [
           Lt(4),
-          It({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
-          Re({ padding: 8 })
+          xt({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
+          ne({ padding: 8 })
         ]
       }).then(({ x: o, y: i }) => {
         Object.assign(e.style, {
@@ -3804,7 +3886,7 @@ class ne {
       return;
     }
     if (i === "toggle-rolling") {
-      e.preventDefault(), this.state.rollingSelectorOpen = !this.state.rollingSelectorOpen, this.render(), this.state.rollingSelectorOpen && this.element && _e(this.element);
+      e.preventDefault(), this.state.rollingSelectorOpen = !this.state.rollingSelectorOpen, this.render(), this.state.rollingSelectorOpen && this.element && Ce(this.element);
       return;
     }
     if (i === "today") {
@@ -3816,7 +3898,7 @@ class ne {
     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;
     }
@@ -3843,7 +3925,7 @@ class ne {
    * Handle keyboard events
    */
   handleKeyDown(e) {
-    Pi(e, this.state, this.options, {
+    Li(e, this.state, this.options, {
       onSelect: (i, r) => this.selectDate(i, r),
       onClose: () => this.close()
     }) && this.render();
@@ -3861,7 +3943,7 @@ class ne {
   render() {
     if (!this.element) return;
     const e = this.element.querySelector(".wg-datepicker");
-    e && (Ri(e, this.state, this.localeStrings), Li(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
@@ -3961,27 +4043,34 @@ 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);
 	margin: var(--wg-cm-padding) 0;
 }
 `;
-let Ce = !1;
+let xe = !1;
 function Qi() {
-  if (Ce) return;
+  if (xe) return;
   const t = document.createElement("style");
-  t.id = "wg-context-menu-styles", t.textContent = Xi, document.head.appendChild(t), Ce = !0;
+  t.id = "wg-context-menu-styles", t.textContent = Xi, document.head.appendChild(t), xe = !0;
 }
 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) {
@@ -3991,7 +4080,7 @@ function Ji(t, e, o, i, r, s, n) {
   const a = document.createElement("div");
   a.className = "wg-context-menu-container", a.innerHTML = d, document.body.appendChild(a);
   const c = a.querySelector(".wg-context-menu");
-  Pt({
+  kt({
     getBoundingClientRect: () => ({
       width: 0,
       height: 0,
@@ -4006,8 +4095,8 @@ function Ji(t, e, o, i, r, s, n) {
     placement: "bottom-start",
     middleware: [
       Lt(4),
-      It({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
-      Re({ padding: 8 })
+      xt({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
+      ne({ padding: 8 })
     ]
   }).then(({ x: u, y: p }) => {
     Object.assign(c.style, {
@@ -4021,21 +4110,60 @@ function Ji(t, e, o, i, r, s, n) {
       s(m);
     }
   });
-  const g = (u) => {
-    a.contains(u.target) || (bt(a, g, h), n());
+  const l = (u) => {
+    a.contains(u.target) || (ht(a, l, h), n());
   }, h = (u) => {
-    u.key === "Escape" && (u.preventDefault(), bt(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 bt(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)
@@ -4106,13 +4234,13 @@ 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();
     });
-    this.shadow = this.attachShadow({ mode: "open" }), this.grid = new Ue(), this.styleElement = document.createElement("style"), this.styleElement.textContent = je, this.shadow.appendChild(this.styleElement), this.grid.requestUpdate = () => this.requestUpdate();
+    this.shadow = this.attachShadow({ mode: "open" }), this.grid = new je(), this.styleElement = document.createElement("style"), this.styleElement.textContent = Be, this.shadow.appendChild(this.styleElement), this.grid.requestUpdate = () => this.requestUpdate();
   }
   get tooltipShowDelay() {
     return this._tooltipShowDelay;
@@ -4133,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 && (bt(this.contextMenuElement), this.contextMenuElement = null), Et();
+    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
@@ -4264,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;
@@ -4282,12 +4423,43 @@ class Zi extends HTMLElement {
   set toolbarTrigger(o) {
     this.grid.toolbarTrigger = o;
   }
+  get toolbarPosition() {
+    return this.grid.toolbarPosition;
+  }
+  set toolbarPosition(o) {
+    this.grid.toolbarPosition = o;
+  }
   get contextMenu() {
     return this.grid.contextMenu;
   }
   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;
@@ -4503,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
   // ==========================================================================
@@ -4520,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
@@ -4547,50 +4739,71 @@ 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 && E(this, i - 1, r);
+        o.preventDefault(), i > 0 && $(this, i - 1, r);
         break;
       case "ArrowDown":
-        o.preventDefault(), i < n.length - 1 && E(this, i + 1, r);
+        o.preventDefault(), i < n.length - 1 && $(this, i + 1, r);
         break;
       case "ArrowLeft":
-        o.preventDefault(), r > 0 && E(this, i, r - 1);
+        o.preventDefault(), r > 0 && $(this, i, r - 1);
         break;
       case "ArrowRight":
-        o.preventDefault(), r < s.length - 1 && E(this, i, r + 1);
+        o.preventDefault(), r < s.length - 1 && $(this, i, r + 1);
         break;
       case "Tab":
         if (o.preventDefault(), o.shiftKey) {
           if (a > 0) {
             const l = d[a - 1].index;
-            E(this, i, l);
+            $(this, i, l);
           } else if (i > 0) {
             const l = d[d.length - 1].index;
-            E(this, i - 1, l);
+            $(this, i - 1, l);
           }
         } else if (a >= 0 && a < d.length - 1) {
           const l = d[a + 1].index;
-          E(this, i, l);
+          $(this, i, l);
         } else if (a === -1 && d.length > 0)
-          E(this, i, d[0].index);
+          $(this, i, d[0].index);
         else if (i < n.length - 1) {
           const l = d[0].index;
-          E(this, i + 1, l);
+          $(this, i + 1, l);
         }
         break;
       case "Home":
@@ -4598,65 +4811,65 @@ 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 }), B(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
-            E(this, 0, 0);
+            $(this, 0, 0);
         else
-          E(this, i, 0);
+          $(this, i, 0);
         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 }), B(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
-            E(this, l, g);
+            $(this, l, h);
         } else
-          E(this, i, s.length - 1);
+          $(this, i, s.length - 1);
         break;
       case "PageUp":
         if (o.preventDefault(), o.ctrlKey)
           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 }), B(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
-            E(this, 0, r);
+            $(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 }), B(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
-            E(this, l, r);
+            $(this, l, r);
         }
         break;
       case "PageDown":
         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 }), B(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
-            E(this, l, r);
+            $(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 }), B(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
-            E(this, l, r);
+            $(this, l, r);
         }
         break;
       case "g":
@@ -4666,59 +4879,59 @@ class Zi extends HTMLElement {
       case "Enter": {
         o.preventDefault();
         const l = s[r];
-        ((l == null ? void 0 : l.editor) === "select" || (l == null ? void 0 : l.editor) === "combobox" || (l == null ? void 0 : l.editor) === "autocomplete") && this.grid.getEffectiveOpenDropdownOnEnter(l) ? (j(this, i, r), requestAnimationFrame(() => {
-          this.dropdownOpen || K(this);
-        })) : i < n.length - 1 && E(this, i + 1, r);
+        ((l == null ? void 0 : l.editor) === "select" || (l == null ? void 0 : l.editor) === "combobox" || (l == null ? void 0 : l.editor) === "autocomplete") && this.grid.getEffectiveOpenDropdownOnEnter(l) ? (B(this, i, r), requestAnimationFrame(() => {
+          this.dropdownOpen || W(this);
+        })) : i < n.length - 1 && $(this, i + 1, r);
         break;
       }
       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";
-        j(this, i, r), g ? requestAnimationFrame(() => {
-          this.dropdownOpen || K(this);
-        }) : h && 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);
+        }) : 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 ? Jo(this, i, r) : h ? (j(this, i, r), requestAnimationFrame(() => {
-          this.dropdownOpen || K(this);
-        })) : u ? (j(this, i, r), requestAnimationFrame(() => {
-          var b;
-          const m = (b = this.shadowRoot) == null ? void 0 : b.querySelector(
+        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);
+        })) : p ? (B(this, i, r), requestAnimationFrame(() => {
+          var v;
+          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"), v = m == null ? void 0 : m.querySelector(".wg__editor--date");
-          f && v && this.openDatePicker(f, v);
-        })) : p && (j(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;
       }
       case "Escape":
         if (o.preventDefault(), this.grid.editingCell)
-          F(this), this.grid.cancelEdit();
+          Y(this), this.grid.cancelEdit();
         else {
           const l = this.grid.focusedCell;
-          this.grid.clearFocusedCell(), B(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;
       }
@@ -4727,7 +4940,7 @@ class Zi extends HTMLElement {
           const l = s[r];
           if ((l == null ? void 0 : l.editor) === "number" && !/[\d.\-]/.test(o.key))
             return;
-          j(this, i, r, { initialSearchQuery: o.key }), o.preventDefault();
+          B(this, i, r, { initialSearchQuery: o.key }), o.preventDefault();
         }
         break;
     }
@@ -4739,39 +4952,39 @@ 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((v) => v.field === s), g = this.grid.columns.map((v, b) => ({ index: b, column: v })).filter((v) => v.column.editable !== !1), h = g.findIndex((v) => v.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 && (F(this), this.grid.cancelEdit(), queueMicrotask(() => {
-        E(this, p, m);
+      b && (Y(this), this.grid.cancelEdit(), queueMicrotask(() => {
+        $(this, p, m);
       }));
       return;
     }
@@ -4779,53 +4992,53 @@ 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), pe(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), pe(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 ? Le(this, this.highlightedIndex) : a && !this.dropdownOpen ? K(this) : (this.isCommittingFromKeyboard = !0, L(this), d === "date" && i instanceof HTMLInputElement ? this.commitDateEditor(i) : Tt(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 || Tt(this, i);
-        Ft(this, r, s, o.shiftKey ? "prev" : "next");
+          L(this), d === "date" && i instanceof HTMLInputElement ? this.commitDateEditor(i) : a || Mt(this, i);
+        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, F(this), this.grid.cancelEdit(), ti(this, r, s);
+        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);
         break;
       case "F2":
-        o.preventDefault(), o.stopPropagation(), a && !this.dropdownOpen && K(this);
+        o.preventDefault(), o.stopPropagation(), a && !this.dropdownOpen && W(this);
         break;
       case "Backspace":
-        d === "select" && (o.preventDefault(), o.stopPropagation(), this.filterText.length > 0 && (this.filterText = this.filterText.slice(0, -1), me(this, n.editorOptions || {})));
+        d === "select" && (o.preventDefault(), o.stopPropagation(), this.filterText.length > 0 && (this.filterText = this.filterText.slice(0, -1), be(this, n.editorOptions || {})));
         break;
       default:
-        d === "select" && o.key.length === 1 && !o.ctrlKey && !o.altKey && !o.metaKey && (o.preventDefault(), o.stopPropagation(), this.filterText += o.key, me(this, n.editorOptions || {}));
+        d === "select" && o.key.length === 1 && !o.ctrlKey && !o.altKey && !o.metaKey && (o.preventDefault(), o.stopPropagation(), this.filterText += o.key, be(this, n.editorOptions || {}));
         break;
     }
   }
@@ -4840,11 +5053,11 @@ class Zi extends HTMLElement {
       const n = s.target;
       if (n.matches(".wg__cell")) {
         const a = parseInt(n.dataset.row || "0", 10), c = parseInt(n.dataset.col || "0", 10);
-        Wo(this, a, c);
+        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) && K(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;
@@ -4857,20 +5070,20 @@ class Zi extends HTMLElement {
         this.handleCellKeyDown(s, d, a);
       }
     }), o.addEventListener("focusout", (s) => {
-      Xo(this, s);
+      Qo(this, s);
     }), o.addEventListener("dblclick", (s) => {
       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);
-            j(this, a, c, { cursorPosition: h ?? void 0 });
-            const u = l.editor;
+            B(this, a, c, { cursorPosition: h ?? void 0 });
+            const u = g.editor;
             u === "select" || u === "combobox" || u === "autocomplete" ? requestAnimationFrame(() => {
-              this.dropdownOpen || K(this);
+              this.dropdownOpen || W(this);
             }) : u === "custom" && requestAnimationFrame(() => {
               this.openCustomEditor(a, c);
             });
@@ -4880,14 +5093,14 @@ 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);
-          j(this, a, c, { cursorPosition: h ?? void 0 });
-          const u = l.editor;
+          B(this, a, c, { cursorPosition: h ?? void 0 });
+          const u = g.editor;
           u === "select" || u === "combobox" || u === "autocomplete" ? requestAnimationFrame(() => {
-            this.dropdownOpen || K(this);
+            this.dropdownOpen || W(this);
           }) : u === "custom" && requestAnimationFrame(() => {
             this.openCustomEditor(a, c);
           });
@@ -4899,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), F(this), this.grid.cancelEdit()), j(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);
           }));
@@ -4917,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) {
-              s.preventDefault(), this.isTransitioningCells = !0, L(this), F(this), this.grid.cancelEdit();
-              const p = this.grid.columns[l], m = (p == null ? void 0 : p.editTrigger) || this.grid.editTrigger, v = s.clientX;
+          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[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 b = this.shadow.querySelector(
-                    `td[data-row="${c}"][data-col="${l}"]`
-                  ), _ = b ? zt({ clientX: v }, b) : void 0;
-                  j(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
-                  E(this, c, l);
+                  $(this, c, g);
               });
               return;
             }
@@ -4941,11 +5154,11 @@ class Zi extends HTMLElement {
         s.preventDefault(), s.stopPropagation();
         const a = n.closest(".wg__cell-dropdown-display");
         if (n.closest(".wg__editor--select, .wg__editor--combobox, .wg__editor--autocomplete"))
-          we(this);
+          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), F(this), this.grid.cancelEdit()), j(this, l, h), requestAnimationFrame(() => {
-            this.isTransitioningCells = !1, this.dropdownOpen || K(this);
+          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);
           }));
         }
       }
@@ -4953,66 +5166,66 @@ 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), F(this), this.grid.cancelEdit()), j(this, c, g), requestAnimationFrame(() => {
-            this.isTransitioningCells = !1, this.dropdownOpen || K(this);
+          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);
           }));
         }
       }
     }), o.addEventListener("click", (s) => {
-      s.target.matches(".wg__select-trigger, .wg__select-value") && (s.preventDefault(), s.stopPropagation(), we(this));
+      s.target.matches(".wg__select-trigger, .wg__select-value") && (s.preventDefault(), s.stopPropagation(), me(this));
     }), o.addEventListener("click", (s) => {
       const n = s, a = n.target.closest(".wg__header--sortable");
       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);
     }), o.addEventListener("change", (s) => {
       const n = s.target;
-      n.matches(".wg__editor--checkbox") && Go(this, n);
+      n.matches(".wg__editor--checkbox") && Jo(this, n);
     }), o.addEventListener("input", (s) => {
       const n = s.target;
-      n.matches(".wg__combobox-input") ? qo(this, s) : n.matches(".wg__autocomplete-input") && Yo(this, s);
+      n.matches(".wg__combobox-input") ? Yo(this, s) : n.matches(".wg__autocomplete-input") && No(this, s);
     }), o.addEventListener("blur", (s) => {
       const n = s.target;
-      if (n.matches(".wg__editor--text, .wg__editor--number") && Zo(this, n), n.matches(".wg__date-input") && !this.datepicker && !this.isCommittingFromKeyboard && !this.isTransitioningCells && this.commitDateEditor(n), n.matches(".wg__select-trigger") && !this.isCommittingFromKeyboard && !this.isTransitioningCells && !this.dropdownOpen && !this.isOpeningDropdown && (L(this), F(this), this.grid.cancelEdit()), n.matches(".wg__combobox-input, .wg__autocomplete-input")) {
+      if (n.matches(".wg__editor--text, .wg__editor--number") && ti(this, n), n.matches(".wg__date-input") && !this.datepicker && !this.isCommittingFromKeyboard && !this.isTransitioningCells && this.commitDateEditor(n), n.matches(".wg__select-trigger") && !this.isCommittingFromKeyboard && !this.isTransitioningCells && !this.dropdownOpen && !this.isOpeningDropdown && (L(this), Y(this), this.grid.cancelEdit()), n.matches(".wg__combobox-input, .wg__autocomplete-input")) {
         if (this.isCommittingFromKeyboard || this.isTransitioningCells)
           return;
         if (L(this), this.grid.editingCell) {
           const d = n, a = this.getCurrentEditingColumn();
           if (a) {
-            const c = a.editorOptions || {}, g = (c.options || c.initialOptions || []).find(
-              (h) => yt(h, c).toLowerCase() === d.value.toLowerCase()
+            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), F(this), this.grid.cancelEdit()), this.grid.shouldUseVirtualScroll() && this.handleVirtualScroll(i), this.grid.infiniteScroll && this.grid.hasMoreItems && !this.isLoadingMoreItems && this.handleInfiniteScroll(i);
+      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), F(this), this.grid.cancelEdit());
+      this.dropdownOpen && !this.isTransitioningCells && (L(this), Y(this), this.grid.cancelEdit());
     }, { passive: !0, capture: !0 })), o.addEventListener("mouseenter", (s) => {
       const n = s.target, d = n.closest("[data-tooltip-html]");
       if (d) {
         const c = d.getAttribute("data-tooltip-html");
-        be(this, d, c, this._tooltipShowDelay, !0);
+        ve(this, d, c, this._tooltipShowDelay, !0);
         return;
       }
       const a = n.closest("[data-tooltip]");
       if (a) {
         const c = a.getAttribute("data-tooltip");
-        be(this, a, c, this._tooltipShowDelay, !1);
+        ve(this, a, c, this._tooltipShowDelay, !1);
       }
     }, !0), o.addEventListener("mouseleave", (s) => {
       const n = s, d = n.target, a = n.relatedTarget, c = d.closest("[data-tooltip], [data-tooltip-html]");
-      c && (a == null ? void 0 : a.closest("[data-tooltip], [data-tooltip-html]")) === c || c && Uo(this, this._tooltipHideDelay);
+      c && (a == null ? void 0 : a.closest("[data-tooltip], [data-tooltip-html]")) === c || c && jo(this, this._tooltipHideDelay);
     }, !0), o.addEventListener("click", (s) => {
       const d = s.target.closest(".wg__toolbar-trigger");
       if (d && this.grid.toolbarTrigger === "button") {
@@ -5033,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) => {
@@ -5045,25 +5258,25 @@ class Zi extends HTMLElement {
         qt(c) ? (this.closeToolbarAndReset(), this.render()) : this.showToolbarForRow(a, c, n.clientX);
       }
     }), this.toolbarOutsideClickAdded || (this.toolbarOutsideClickAdded = !0, document.addEventListener("click", (s) => {
-      if (!fi(this.shadow))
+      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") || $t() !== 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", () => {
-      $t() !== 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", () => {
@@ -5082,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)
@@ -5103,12 +5316,12 @@ class Zi extends HTMLElement {
       rowHeight: this.grid.virtualScrollRowHeight,
       totalItems: r.length
     }, n = this.grid.focusedCell;
-    if (i.innerHTML = ve(this, s), n) {
+    if (i.innerHTML = ye(this, s), n) {
       this.grid.setFocusedCell(n.rowIndex, n.colIndex);
       const d = i.querySelector(
         `td[data-row="${n.rowIndex}"][data-col="${n.colIndex}"]`
       );
-      d && (d.focus({ preventScroll: !0 }), B(this, null, n));
+      d && (d.focus({ preventScroll: !0 }), K(this, null, n));
     }
   }
   /**
@@ -5121,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, v) => {
-      const b = d.filter(
-        (x) => v ? x.startsWith("top-") : x.startsWith("bottom-")
-      ), _ = a.filter(
-        (x) => v ? x.startsWith("top-") : x.startsWith("bottom-")
-      ), S = b.length > 0, y = _.length > 0;
-      return !S && !y ? "" : y && S && this.grid.summaryInline ? `<div class="wg__footer${v ? " wg__footer--top" : ""}">
-					${Nt(this, _[0])}
-					${Yt(this, b[0])}
-				</div>` : [.../* @__PURE__ */ new Set([...b, ..._])].map((x) => {
-        const C = b.includes(x), T = _.includes(x);
-        return T && C ? `<div class="wg__footer${v ? " wg__footer--top" : ""}">
-						${Nt(this, x)}
-						${Yt(this, x)}
-					</div>` : T ? Nt(this, x) : Yt(this, x);
+    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(
+        (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, ...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, v = this.grid.virtualScrollRowHeight, b = this.grid.virtualScrollBuffer, _ = (o == null ? void 0 : o.clientHeight) || 400, S = Math.max(0, Math.floor(i / v) - b), y = Math.ceil(_ / v) + b * 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: v,
+        rowHeight: _,
         totalItems: f.length
       };
-      u = ve(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)}
@@ -5168,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
@@ -5178,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 v = this.grid.editingCell.cursorPosition, b = this.getCurrentEditingColumn(), _ = ((m = b == null ? void 0 : b.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 (v !== void 0) {
-                const S = Math.min(v, 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;
@@ -5221,7 +5465,7 @@ class Zi extends HTMLElement {
   renderConnector() {
     const o = this.shadow.querySelector(".wg__connector");
     o && o.remove();
-    const i = wi();
+    const i = mi();
     if (!i.path || !i.arrowPos)
       return;
     const r = document.createElementNS("http://www.w3.org/2000/svg", "svg");
@@ -5237,7 +5481,7 @@ class Zi extends HTMLElement {
   openDatePicker(o, i) {
     this.datepicker && (this.datepicker.close(!0), this.datepicker = null);
     const r = o.dataset.dateFormat || "YYYY-MM-DD", s = o.dataset.minDate, n = o.dataset.maxDate, d = o.dataset.dateValue || "";
-    this.datepicker = new ne({
+    this.datepicker = new se({
       dateFormat: r,
       minDate: s || void 0,
       maxDate: n || void 0,
@@ -5245,7 +5489,7 @@ class Zi extends HTMLElement {
         this.handleDatePickerSelect(o, a, c);
       },
       onClose: () => {
-        this.datepicker = null, F(this), this.grid.cancelEdit();
+        this.datepicker = null, Y(this), this.grid.cancelEdit();
       }
     }), this.datepicker.open(i, d || null);
   }
@@ -5254,7 +5498,7 @@ class Zi extends HTMLElement {
    */
   handleDatePickerSelect(o, i, r) {
     const s = o.dataset.dateFormat || "YYYY-MM-DD", n = Kt(s);
-    o.value = Fe(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");
   }
@@ -5287,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;
@@ -5316,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(), B(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();
   }
   /**
@@ -5360,13 +5604,13 @@ class Zi extends HTMLElement {
       rowIndex: o,
       field: s,
       commit: (c) => {
-        this.grid.commitEdit(o, s, c), F(this), requestAnimationFrame(() => {
-          E(this, o, i);
+        this.grid.commitEdit(o, s, c), Y(this), requestAnimationFrame(() => {
+          $(this, o, i);
         });
       },
       cancel: () => {
-        F(this), this.grid.cancelEdit(), requestAnimationFrame(() => {
-          E(this, o, i);
+        Y(this), this.grid.cancelEdit(), requestAnimationFrame(() => {
+          $(this, o, i);
         });
       }
     };
@@ -5382,17 +5626,17 @@ class Zi extends HTMLElement {
     const s = o.target.closest(".wg__cell");
     if (!s)
       return;
-    o.preventDefault(), this.contextMenuElement && (bt(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,
@@ -5402,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 && (bt(this.contextMenuElement), this.contextMenuElement = null);
+        p != null && p.onclick && p.onclick(h), this.contextMenuElement && (ht(this.contextMenuElement), this.contextMenuElement = null);
       },
       () => {
         this.contextMenuElement = null;
@@ -5415,10 +5659,10 @@ class Zi extends HTMLElement {
   showToolbarForRow(o, i, r) {
     if (!this.grid.showRowToolbar || !this.grid.rowToolbar.length)
       return;
-    const s = gi(this.grid.rowToolbar), n = this.grid.displayItems[i];
+    const s = ui(this.grid.rowToolbar), n = this.grid.displayItems[i];
     if (!n)
       return;
-    if (this.toolbarHideTimeout && (clearTimeout(this.toolbarHideTimeout), this.toolbarHideTimeout = null), pi(
+    if (this.toolbarHideTimeout && (clearTimeout(this.toolbarHideTimeout), this.toolbarHideTimeout = null), fi(
       this,
       o,
       i,
@@ -5434,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));
       }));
     }
@@ -5448,7 +5692,7 @@ class Zi extends HTMLElement {
    * Close toolbar and reset move flag
    */
   closeToolbarAndReset() {
-    this.toolbarMoveInProgress = !1, this.toolbarHovered = !1, this.toolbarHideTimeout && (clearTimeout(this.toolbarHideTimeout), this.toolbarHideTimeout = null), Et();
+    this.toolbarMoveInProgress = !1, this.toolbarHovered = !1, this.toolbarHideTimeout && (clearTimeout(this.toolbarHideTimeout), this.toolbarHideTimeout = null), At();
   }
   /**
    * Handle toolbar item click
@@ -5468,12 +5712,12 @@ class Zi extends HTMLElement {
       this.closeToolbarAndReset(), this.render();
       return;
     }
-    n ? (this.render(), mi(this, this.grid.displayItems), this.renderConnector()) : this.render();
+    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,
-  Ue as WebGrid,
-  Zi as default
+  or as GridElement,
+  je as WebGrid,
+  or as default
 };