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

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
@@ -30,6 +30,7 @@ class Ue {
     w(this, "_toolbarAlign", "center");
     w(this, "_toolbarTopPosition", "center");
     w(this, "_toolbarTrigger", "hover");
+    w(this, "_toolbarPosition", "auto");
     w(this, "_contextMenu");
     // ==========================================================================
     // Callbacks
@@ -254,7 +255,7 @@ class Ue {
     return this._toolbarTopPosition;
   }
   set toolbarTopPosition(e) {
-    this._toolbarTopPosition = e;
+    this._toolbarTopPosition = e, this.requestUpdate();
   }
   get toolbarTrigger() {
     return this._toolbarTrigger;
@@ -262,6 +263,12 @@ 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;
   }
@@ -741,12 +748,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, system-ui, -apple-system, sans-serif));display:block;--wg-accent-color: var(--base-accent-color, #0078d4);--wg-accent-color-hover: var(--base-accent-color-hover, #106ebe);--wg-accent-color-active: var(--base-accent-color-active, #005a9e);--wg-accent-color-light: var(--base-accent-color-light, #e6f2ff);--wg-text-color-1: var(--base-text-color-1, #242424);--wg-text-color-2: var(--base-text-color-2, #424242);--wg-text-color-3: var(--base-text-color-3, #707070);--wg-text-on-accent: var(--base-text-color-on-accent, #ffffff);--wg-surface-1: var(--base-main-bg, #ffffff);--wg-surface-2: var(--base-elevated-bg, #f5f5f5);--wg-surface-3: var(--base-hover-bg, #ebebeb);--wg-surface-floating: var(--base-dropdown-bg, var(--base-main-bg, #ffffff));--wg-border-color: var(--base-border-color, #e0e0e0);--wg-border-color-hover: var(--base-border-color, #d1d1d1);--wg-input-bg: var(--base-input-bg, #ffffff);--wg-input-color: var(--base-input-color, var(--wg-text-color-1));--wg-input-border: var(--base-input-border, 1px solid #d1d1d1);--wg-input-border-hover: var(--base-input-border-hover, 1px solid #0078d4);--wg-input-border-focus: var(--base-input-border-focus, 1px solid #0078d4);--wg-input-placeholder-color: var(--base-input-placeholder-color, #707070);--wg-danger-color: var(--base-danger-color, #d13438);--wg-danger-bg-light: var(--base-danger-bg-light, #fde7e9);--wg-hover-bg: var(--base-hover-bg, #f0f0f0);--wg-active-bg: var(--base-hover-bg, #e0e0e0);--wg-font-size-base: calc(var(--base-font-size-base, 1.4) * var(--wg-rem));--wg-font-size-sm: calc(var(--base-font-size-sm, 1.2) * var(--wg-rem));--wg-font-size-xs: calc(var(--base-font-size-xs, 1.1) * var(--wg-rem));--wg-font-size-lg: calc(var(--base-font-size-lg, 1.6) * var(--wg-rem));--wg-line-height-base: calc(var(--base-line-height-normal, 2) * var(--wg-rem));--wg-font-weight-normal: var(--base-font-weight-normal, 400);--wg-font-weight-semibold: var(--base-font-weight-semibold, 600);--wg-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--wg-rem));--wg-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--wg-rem));--wg-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--wg-rem));--wg-spacing-xs: calc(.4 * var(--wg-rem));--wg-spacing-sm: calc(.8 * var(--wg-rem));--wg-spacing-md: calc(1.2 * var(--wg-rem));--wg-spacing-lg: calc(1.6 * var(--wg-rem));--wg-spacing-xl: calc(2.4 * var(--wg-rem));--wg-table-bg: var(--wg-surface-1);--wg-table-border: 1px solid var(--wg-border-color);--wg-header-bg: var(--wg-surface-2);--wg-header-bg-hover: var(--wg-surface-3);--wg-header-bg-sorted: var(--wg-surface-3);--wg-header-color: var(--wg-text-color-1);--wg-header-border: 2px solid var(--wg-border-color);--wg-header-padding: var(--wg-spacing-sm) var(--wg-spacing-md);--wg-header-font-weight: var(--wg-font-weight-semibold);--wg-cell-padding: var(--wg-spacing-sm) var(--wg-spacing-md);--wg-cell-color: var(--wg-text-color-1);--wg-cell-border: 1px solid var(--wg-border-color);--wg-cell-bg-hover: var(--wg-hover-bg);--wg-cell-bg-editing: var(--wg-surface-1);--wg-cell-readonly-bg: var(--base-disabled-bg, var(--wg-surface-2));--wg-row-border: 1px solid var(--wg-border-color);--wg-row-bg-even: var(--wg-surface-2);--wg-row-bg-hover: var(--wg-surface-3);--wg-filter-bg: var(--wg-surface-1);--wg-filter-border: 1px solid var(--wg-border-color);--wg-filter-padding: var(--wg-spacing-xs) var(--wg-spacing-sm);--wg-filter-input-padding: calc(.4 * var(--wg-rem)) calc(.8 * var(--wg-rem));--wg-filter-input-bg: var(--wg-input-bg);--wg-filter-input-border: var(--wg-input-border);--wg-filter-input-border-focus: var(--wg-input-border-focus);--wg-filter-input-border-radius: var(--wg-border-radius-sm);--wg-filter-input-font-size: var(--wg-font-size-sm);--wg-sort-indicator-size: calc(1.4 * var(--wg-rem));--wg-sort-indicator-opacity: .9;--wg-sort-placeholder-opacity: .3;--wg-sort-priority-size: calc(1.1 * var(--wg-rem));--wg-pagination-padding: var(--wg-spacing-md);--wg-pagination-gap: calc(1.6 * var(--wg-rem));--wg-pagination-bg: var(--wg-surface-1);--wg-pagination-border: 1px solid var(--wg-border-color);--wg-pagination-btn-padding: calc(.6 * var(--wg-rem)) calc(1.6 * var(--wg-rem));--wg-pagination-btn-bg: var(--wg-surface-1);--wg-pagination-btn-bg-hover: var(--wg-surface-2);--wg-pagination-btn-bg-active: var(--wg-surface-3);--wg-pagination-btn-border: 1px solid var(--wg-border-color);--wg-pagination-btn-border-hover: 1px solid var(--wg-border-color-hover);--wg-pagination-btn-border-radius: var(--wg-border-radius-sm);--wg-pagination-btn-disabled-opacity: .4;--wg-empty-padding: var(--wg-spacing-xl);--wg-empty-color: var(--wg-text-color-3);--wg-error-cell-bg: var(--wg-danger-bg-light);--wg-error-cell-border: 1px solid var(--wg-danger-color);--wg-error-message-color: var(--wg-danger-color);--wg-error-message-font-size: var(--wg-font-size-xs);--wg-error-indicator-color: var(--wg-danger-color);--wg-editor-bg: var(--wg-surface-1);--wg-editor-outline: 2px solid var(--wg-accent-color);--wg-editor-outline-offset: -2px;--wg-editor-validating-opacity: .7;--wg-dropdown-toggle-right: var(--wg-spacing-md);--wg-dropdown-toggle-size: calc(1.2 * var(--wg-rem));--wg-dropdown-toggle-hitbox: calc(2.4 * var(--wg-rem));--wg-toolbar-bg: var(--wg-surface-floating);--wg-toolbar-border: 1px solid var(--wg-border-color);--wg-toolbar-border-radius: var(--wg-border-radius-sm);--wg-toolbar-shadow: var(--base-dropdown-box-shadow, 0 2px 8px rgba(0, 0, 0, .15));--wg-toolbar-divider-color: var(--wg-border-color);--wg-toolbar-btn-min-width: calc(2.4 * var(--wg-rem));--wg-toolbar-btn-padding: 0 calc(.4 * var(--wg-rem));--wg-toolbar-btn-border-radius: var(--wg-border-radius-sm);--wg-toolbar-btn-bg-hover: var(--wg-hover-bg);--wg-toolbar-btn-bg-active: var(--wg-active-bg);--wg-toolbar-btn-color: var(--wg-text-color-1);--wg-toolbar-trigger-color: var(--wg-text-color-3);--wg-toolbar-trigger-color-hover: var(--wg-text-color-1);--wg-toolbar-trigger-bg-hover: var(--wg-hover-bg);--wg-tooltip-bg: var(--base-tooltip-bg, #333);--wg-context-menu-z-index: 1001;--wg-context-menu-min-width: calc(16 * var(--wg-rem));--wg-focus-outline: 2px solid var(--wg-accent-color);--wg-focus-outline-offset: -2px;--wg-focus-bg: var(--wg-hover-bg);--wg-transition-fast: .1s ease;--wg-transition-normal: .15s ease;--wg-z-dropdown: 9999;--wg-z-toolbar: 1000;--wg-z-context-menu: 1001}web-grid:not(:defined){display:block;min-height:calc(10 * var(--wg-rem));color:transparent!important;background:transparent}.wg{position:relative;width:100%;max-height:inherit;overflow:auto;overscroll-behavior:contain;border:var(--wg-table-border)}.wg__table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:fixed;background:var(--wg-table-bg);font-size:var(--wg-font-size-base);line-height:var(--wg-line-height-base)}.wg__table tbody tr{border-bottom:var(--wg-row-border)}.wg__row-number-header,.wg__row-number{width:40px;min-width:40px;max-width:40px;text-align:center;color:var(--wg-text-color-secondary);background:var(--wg-header-bg);-webkit-user-select:none;user-select:none;font-size:var(--wg-font-size-sm)}.wg__row-number{border-right:var(--wg-cell-border)}.wg__actions-column{width:32px;min-width:32px;max-width:32px;padding:0!important;text-align:center}thead .wg__actions-column{background:var(--wg-header-bg);border-bottom:var(--wg-header-border)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__header{position:sticky;top:0;z-index:1;background:var(--wg-header-bg);color:var(--wg-header-color);font-weight:var(--wg-header-font-weight);padding:var(--wg-header-padding);border-bottom:var(--wg-header-border);text-align:left;-webkit-user-select:none;user-select:none}.wg__header--sortable{cursor:pointer}.wg__header--sortable:hover{background:var(--wg-header-bg-hover)}.wg__header--sorted{background:var(--wg-header-bg-sorted)}.wg__header-content{display:flex;align-items:center;gap:4px;justify-content:space-between}.wg__header-title{flex:1}.wg__sort-indicator{font-size:var(--wg-sort-indicator-size);opacity:var(--wg-sort-indicator-opacity);min-width:16px;text-align:center;display:inline-flex;align-items:center}.wg__sort-placeholder{opacity:var(--wg-sort-placeholder-opacity)}.wg__sort-priority{font-size:var(--wg-sort-priority-size);font-weight:600;margin-left:2px;vertical-align:super;line-height:1}.wg__header-info{display:inline-flex;align-items:center;color:var(--wg-accent-color);cursor:help;opacity:.7;margin-left:4px;vertical-align:middle}.wg__header-info:hover{opacity:1}.wg__filter-row th{padding:var(--wg-filter-padding);background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__filter-input{width:100%;padding:var(--wg-filter-input-padding);border:var(--wg-filter-input-border);border-radius:var(--wg-filter-input-border-radius);background:var(--wg-surface-1);color:var(--wg-text-color-1);font-size:var(--wg-filter-input-font-size);box-sizing:border-box}.wg__filter-input:focus{outline:none;border:var(--wg-filter-input-border-focus);box-shadow:0 0 0 1px var(--wg-accent-color)}.wg__cell{padding:var(--wg-cell-padding);color:var(--wg-cell-color);scroll-margin-top:3rem;scroll-margin-bottom:.5rem}.wg__cell-text{-webkit-user-select:none;user-select:none}.wg__cell--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__cell--editable{cursor:pointer;position:relative}.wg__cell--editable:hover{background:var(--wg-cell-bg-hover)}.wg__cell--editable:hover:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed var(--wg-border-color);border-radius:2px;pointer-events:none}.wg__cell--editing{position:relative;background:var(--wg-surface-1);outline:2px solid var(--wg-accent-color);outline-offset:-2px}.wg__cell--editing:after{display:none}.wg__cell--invalid{background:var(--wg-danger-bg-light, #fee);box-shadow:inset 0 0 0 2px var(--wg-danger-color, #c00)}.wg--navigate-mode .wg__cell:not(.wg__cell--editable){background:var(--wg-cell-readonly-bg, #f5f5f5)}.wg__editor{position:absolute;top:0;left:0;right:0;width:100%;padding:var(--wg-cell-padding);border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:inherit;box-sizing:border-box}.wg__editor:focus,.wg__editor:focus-visible{outline:none;box-shadow:none}.wg__editor--text{text-align:inherit}.wg__editor--number{text-align:right}.wg__editor--date{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:var(--wg-editor-bg)}.wg__date-input{flex:1;min-width:0;height:100%;border:none;background:transparent;font:inherit;padding:var(--wg-cell-padding-block) var(--wg-cell-padding-inline);outline:none;color:inherit}.wg__date-trigger{width:var(--wg-date-trigger-size, 28px);height:100%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--wg-text-secondary, #666);cursor:pointer;padding:0;flex-shrink:0}.wg__date-trigger:hover{color:var(--wg-accent-color, #0078d4);background:var(--wg-hover-bg, rgba(0, 0, 0, .05))}.wg__editor--checkbox{width:auto;height:auto;margin:0 auto}.wg__editor--custom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:var(--wg-editor-bg);padding:var(--wg-cell-padding-block) var(--wg-cell-padding-inline);cursor:pointer}.wg__editor--custom:focus{outline:none}.wg__custom-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:pointer}.wg__editor--combobox,.wg__editor--autocomplete{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:var(--wg-cell-padding);padding-right:0;background:transparent;box-sizing:border-box}.wg__combobox-input,.wg__autocomplete-input{flex:1;width:100%;height:100%;padding:0 24px 0 0;border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base);outline:none;box-sizing:border-box;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wg__combobox-input:focus,.wg__autocomplete-input:focus{outline:none}.wg__combobox-toggle{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:var(--wg-dropdown-toggle-size);color:var(--wg-text-color-2);pointer-events:auto;cursor:pointer}.wg__combobox-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__loading-indicator{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:12px;animation:wg-pulse 1s infinite}@keyframes wg-pulse{0%,to{opacity:1}50%{opacity:.4}}.wg__select-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:transparent}.wg__select-trigger:focus,.wg__select-trigger:focus-visible{outline:none;box-shadow:none}.wg__select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__select-toggle{position:relative;font-size:var(--wg-dropdown-toggle-size);opacity:.6;margin-left:4px;flex-shrink:0;pointer-events:auto;cursor:pointer}.wg__select-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__cell-dropdown-display{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:0}.wg__cell:hover .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle,.wg__cell--focused .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:.6}.wg__cell-date-display{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.wg__cell-date-display .wg__date-trigger{position:relative;background:none;border:none;padding:0;margin:0;cursor:pointer;opacity:.6;display:flex;align-items:center;justify-content:center;color:inherit}.wg__cell-date-display .wg__date-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:0}.wg__cell:hover .wg__cell-date-display--toggle-on-focus .wg__date-trigger,.wg__cell--focused .wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:.6}.wg__dropdown{background:var(--wg-surface-floating, #fff);border:1px solid var(--wg-border-color, #d1d1d1);border-radius:4px;box-shadow:var(--wg-toolbar-shadow);max-height:200px;overflow-y:auto;font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base)}.wg__dropdown-option{display:flex;align-items:center;gap:var(--wg-spacing-sm);padding:6px 12px;cursor:pointer;color:var(--wg-text-color-1)}.wg__dropdown-option:hover,.wg__dropdown-option--highlighted{background:var(--wg-hover-bg, #f0f0f0)}.wg__dropdown-option--selected{background:var(--wg-accent-color-light, #e6f2ff)}.wg__dropdown-option--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wg__dropdown-option-icon{flex-shrink:0;width:1.5em;text-align:center}.wg__dropdown-option-content{flex:1;min-width:0;overflow:hidden}.wg__dropdown-option-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-option-subtitle{display:block;font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-empty{padding:8px 12px;color:var(--wg-text-color-2);font-style:italic;text-align:center}.wg--navigate-mode .wg__cell{cursor:cell}.wg--navigate-mode .wg__cell:focus{outline:none}.wg--navigate-mode .wg__cell.wg__cell--focused{outline:2px solid var(--wg-focus-border-color, #217346);outline-offset:-2px}.wg__cell--focused:after{display:none}.wg__pagination{display:flex;align-items:center;justify-content:center;gap:var(--wg-pagination-gap);padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__pagination-btn{padding:var(--wg-pagination-btn-padding);background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-size:var(--wg-font-size-base);cursor:pointer;transition:all var(--wg-transition-fast)}.wg__pagination-btn:hover:not(:disabled){background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-btn:active:not(:disabled){background:var(--wg-pagination-btn-bg-active)}.wg__pagination-btn:disabled{opacity:var(--wg-pagination-btn-disabled-opacity);cursor:not-allowed}.wg__pagination-info{font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__pagination-count{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3);margin-left:4px}.wg__pagination-pagesize{display:flex;align-items:center;gap:6px}.wg__pagination-select{padding:4px 8px;background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-size:var(--wg-font-size-base);cursor:pointer}.wg__pagination-select:hover{background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-select:focus{outline:2px solid var(--wg-accent-color);outline-offset:-2px}.wg__pagination-label{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3)}.wg__pagination--left{justify-content:flex-start}.wg__pagination--right{justify-content:flex-end}.wg__pagination--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__summary{display:flex;align-items:center;padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg);font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__summary--left{justify-content:flex-start}.wg__summary--right{justify-content:flex-end}.wg__summary--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer{display:flex;align-items:center;justify-content:space-between;border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__footer--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer .wg__summary,.wg__footer .wg__pagination{border:none}.wg__footer .wg__summary{flex:0 0 auto}.wg__footer .wg__pagination{flex:0 0 auto;margin-left:auto}.wg__toolbar-container{position:fixed;z-index:var(--wg-z-toolbar, 1000)}.wg__toolbar{display:flex;flex-direction:column-reverse;gap:0;padding:0;background:var(--wg-toolbar-bg);border:var(--wg-toolbar-border);border-radius:var(--wg-toolbar-border-radius);box-shadow:var(--wg-toolbar-shadow)}.wg__toolbar-row{display:flex;gap:2px;align-items:center;height:calc(var(--wg-design-unit, 4) * 4px + 21px);padding:0 4px}.wg__toolbar-row+.wg__toolbar-row{border-top:1px solid var(--wg-toolbar-divider-color)}.wg__toolbar-divider{width:1px;height:16px;background:var(--wg-toolbar-divider-color);margin:0 4px;flex-shrink:0}.wg__toolbar-btn{min-width:var(--wg-toolbar-btn-min-width);height:100%;border:none;border-radius:var(--wg-toolbar-btn-border-radius);background:transparent;color:var(--wg-toolbar-btn-color);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--wg-font-size-base);font-weight:500;padding:var(--wg-toolbar-btn-padding);transition:background .1s ease}.wg__toolbar-btn:hover{background:var(--wg-toolbar-btn-bg-hover)}.wg__toolbar-btn:active{background:var(--wg-toolbar-btn-bg-active)}.wg__toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.wg__toolbar-btn:disabled:hover{background:transparent}.wg__toolbar-btn--danger:hover{background:var(--wg-danger-bg-light);color:var(--wg-danger-color)}.wg__toolbar-label{font-size:12px;white-space:nowrap}.wg__actions-column{width:24px;min-width:24px;max-width:24px;padding:0!important;text-align:center}.wg__header .wg__actions-column{background:var(--wg-header-bg)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg)}.wg__toolbar-trigger{position:relative;padding:0;background:transparent;border:none;border-radius:var(--wg-border-radius-sm);cursor:pointer;font-size:var(--wg-font-size-base);line-height:1;color:var(--wg-toolbar-trigger-color)}.wg__toolbar-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__toolbar-trigger:hover,.wg__toolbar-trigger--active{color:var(--wg-toolbar-trigger-color-hover);background:var(--wg-toolbar-trigger-bg-hover)}.wg--striped tbody tr:nth-child(2n){background:var(--wg-row-bg-even)}.wg--hoverable tbody tr:hover{background:var(--wg-row-bg-hover)}.wg__empty{text-align:center;padding:var(--wg-empty-padding);color:var(--wg-empty-color);font-style:italic}.wg__loading-more{text-align:center;padding:var(--wg-cell-padding);color:var(--wg-text-color-2);font-size:var(--wg-font-size-sm)}.wg__tooltip{position:fixed;z-index:var(--wg-z-tooltip, 10000);max-width:300px;padding:6px 10px;background:var(--wg-tooltip-bg, #333);color:var(--wg-tooltip-color, #fff);font-size:var(--wg-font-size-sm);line-height:1.4;border-radius:var(--wg-border-radius-sm);box-shadow:0 2px 8px #0003;pointer-events:none;opacity:0;transition:opacity var(--wg-transition-fast)}.wg__tooltip--visible{opacity:1}.wg__tooltip-arrow{position:absolute;width:8px;height:8px;background:var(--wg-tooltip-bg, #333);transform:rotate(45deg)}.wg__tooltip[data-placement^=top] .wg__tooltip-arrow{bottom:-4px}.wg__tooltip[data-placement^=bottom] .wg__tooltip-arrow{top:-4px}.wg__tooltip[data-placement^=left] .wg__tooltip-arrow{right:-4px}.wg__tooltip[data-placement^=right] .wg__tooltip-arrow{left:-4px}.wg__goto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.wg__goto-dialog{background:var(--wg-surface-1);border-radius:var(--wg-border-radius);padding:var(--wg-spacing-lg);box-shadow:0 4px 20px #00000026;min-width:250px}.wg__goto-label{display:block;margin-bottom:var(--wg-spacing-sm);font-size:var(--wg-font-size-base);color:var(--wg-text-color-1)}.wg__goto-input{width:100%;padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-size:var(--wg-font-size-base);margin-bottom:var(--wg-spacing-md);box-sizing:border-box}.wg__goto-input:focus{outline:none;border-color:var(--wg-accent-color);box-shadow:0 0 0 2px #0078d433}.wg__goto-buttons{display:flex;gap:var(--wg-spacing-sm);justify-content:flex-end}.wg__goto-btn{padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-size:var(--wg-font-size-sm);cursor:pointer;background:var(--wg-surface-1);color:var(--wg-text-color-1)}.wg__goto-btn:hover{background:var(--wg-surface-2)}.wg__goto-btn--go{background:var(--wg-accent-color);border-color:var(--wg-accent-color);color:#fff}.wg__goto-btn--go:hover{background:var(--wg-accent-color-hover, #106ebe)}.wg__spacer-top td,.wg__spacer-bottom td{padding:0;border:none;background:transparent;height:inherit;line-height:0}@media (prefers-color-scheme: dark){:host{--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86}}:host([data-theme="dark"]),[data-theme=dark] :host,:host([data-bs-theme="dark"]),[data-bs-theme=dark] :host,.dark :host{--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86}';
 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,29 +763,29 @@ 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) {
   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) {
   return typeof t == "function" ? t(e) : t;
@@ -789,54 +796,54 @@ function rt(t) {
 function ft(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);
   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) {
+function io(t, e, o, i) {
   const r = ft(t);
-  let s = eo(rt(t), o === "start", i);
+  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 +852,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,7 +878,7 @@ function Dt(t) {
     y: o
   };
 }
-function de(t, e, o) {
+function ce(t, e, o) {
   let {
     reference: i,
     floating: r
@@ -919,7 +926,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",
@@ -933,17 +940,17 @@ const ro = async (t, e, o) => {
   }), {
     x: l,
     y: g
-  } = de(c, i, a), h = i, u = {}, p = 0;
+  } = ce(c, i, a), h = i, u = {}, p = 0;
   for (let m = 0; m < d.length; m++) {
     const {
       name: f,
-      fn: v
+      fn: b
     } = d[m], {
-      x: b,
+      x: v,
       y: _,
       data: S,
       reset: y
-    } = await v({
+    } = await b({
       x: l,
       y: g,
       initialPlacement: i,
@@ -957,7 +964,7 @@ const ro = async (t, e, o) => {
         floating: e
       }
     });
-    l = b ?? l, g = _ ?? g, u = {
+    l = v ?? l, g = _ ?? g, u = {
       ...u,
       [f]: {
         ...u[f],
@@ -970,7 +977,7 @@ const ro = async (t, e, o) => {
     }) : y.rects), {
       x: l,
       y: g
-    } = de(c, h, a)), m = -1);
+    } = ce(c, h, a)), m = -1);
   }
   return {
     x: l,
@@ -996,12 +1003,12 @@ async function ee(t, e) {
     elementContext: g = "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({
+  } = pt(e, t), p = De(u), f = d[h ? g === "floating" ? "reference" : "floating" : g], b = $t(await s.getClippingRect({
     element: (o = await (s.isElement == null ? void 0 : s.isElement(f))) == null || o ? f : f.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(d.floating)),
     boundary: c,
     rootBoundary: l,
     strategy: a
-  })), b = g === "floating" ? {
+  })), v = g === "floating" ? {
     x: i,
     y: r,
     width: n.floating.width,
@@ -1012,20 +1019,20 @@ async function ee(t, e) {
   } : {
     x: 1,
     y: 1
-  }, y = Dt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, y = $t(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: d,
-    rect: b,
+    rect: v,
     offsetParent: _,
     strategy: a
-  }) : b);
+  }) : v);
   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: (b.top - y.top + p.top) / S.y,
+    bottom: (y.bottom - b.bottom + p.bottom) / S.y,
+    left: (b.left - y.left + p.left) / S.x,
+    right: (y.right - b.right + p.right) / S.x
   };
 }
-const no = (t) => ({
+const so = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -1043,26 +1050,26 @@ const no = (t) => ({
     } = pt(t, e) || {};
     if (c == null)
       return {};
-    const g = xe(l), h = {
+    const g = De(l), 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));
+    }, u = te(r), p = Zt(u), m = await n.getDimensions(c), f = u === "y", b = f ? "top" : "left", v = f ? "bottom" : "right", _ = f ? "clientHeight" : "clientWidth", S = s.reference[p] + s.reference[u] - h[u] - s.floating[p], y = h[u] - s.reference[u], D = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
     let x = D ? D[_] : 0;
     (!x || !await (n.isElement == null ? void 0 : n.isElement(D))) && (x = d.floating[_] || s.floating[p]);
-    const C = S / 2 - y / 2, T = x / 2 - m[p] / 2 - 1, k = it(g[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;
+    const C = S / 2 - y / 2, T = x / 2 - m[p] / 2 - 1, k = it(g[b], T), E = it(g[v], T), A = k, H = x - m[p] - E, O = x / 2 - m[p] / 2 + C, R = Ut(A, O, H), z = !a.arrow && ft(r) != null && O !== R && s.reference[p] / 2 - (O < A ? k : E) - m[p] / 2 < 0, F = z ? O < A ? O - A : O - H : 0;
     return {
-      [u]: h[u] + P,
+      [u]: h[u] + F,
       data: {
-        [u]: O,
-        centerOffset: A - O - P,
-        ...U && {
-          alignmentOffset: P
+        [u]: R,
+        centerOffset: O - R - F,
+        ...z && {
+          alignmentOffset: F
         }
       },
-      reset: U
+      reset: z
     };
   }
-}), so = function(t) {
+}), ao = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -1086,70 +1093,70 @@ const no = (t) => ({
       } = pt(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 b = rt(r), v = tt(d), _ = rt(d) === d, S = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), y = h || (_ || !m ? [Et(d)] : Ze(d)), D = p !== "none";
+      !h && D && y.push(...io(d, m, p, S));
       const x = [d, ...y], C = await ee(e, f), T = [];
       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 (l && T.push(C[b]), g) {
+        const O = Je(r, n, S);
+        T.push(C[O[0]], C[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, R = x[O];
+        if (R && (!(g === "alignment" ? v !== tt(R) : !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((V) => tt(V.placement) === v ? V.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: A,
+              index: O,
               overflows: k
             },
             reset: {
-              placement: O
+              placement: R
             }
           };
-        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((F) => F.overflows[0] <= 0).sort((F, V) => F.overflows[1] - V.overflows[1])[0]) == null ? void 0 : A.placement;
+        if (!z)
           switch (u) {
             case "bestFit": {
-              var Q;
-              const P = (Q = k.filter((H) => {
+              var H;
+              const F = (H = k.filter((V) => {
                 if (D) {
-                  const R = tt(H.placement);
-                  return R === b || // Create a bias to the `y` side axis due to horizontal
+                  const P = tt(V.placement);
+                  return P === v || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  R === "y";
+                  P === "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((V) => [V.placement, V.overflows.filter((P) => P > 0).reduce((P, q) => P + q, 0)]).sort((V, P) => V[1] - P[1])[0]) == null ? void 0 : H[0];
+              F && (z = F);
               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 = ft(o), a = tt(o) === "y", c = lo.has(n) ? -1 : 1, l = s && a ? -1 : 1, g = pt(e, t);
   let {
     mainAxis: h,
     crossAxis: u,
@@ -1171,7 +1178,7 @@ async function lo(t, e) {
     y: u * l
   };
 }
-const co = function(t) {
+const go = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -1182,7 +1189,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 +1200,7 @@ const co = function(t) {
       };
     }
   };
-}, go = function(t) {
+}, uo = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -1208,12 +1215,12 @@ const co = function(t) {
         limiter: d = {
           fn: (f) => {
             let {
-              x: v,
-              y: b
+              x: b,
+              y: v
             } = f;
             return {
-              x: v,
-              y: b
+              x: b,
+              y: v
             };
           }
         },
@@ -1221,15 +1228,15 @@ const co = function(t) {
       } = pt(t, e), c = {
         x: o,
         y: i
-      }, l = await ee(e, a), g = tt(rt(r)), h = Se(g);
+      }, l = await ee(e, a), g = tt(rt(r)), h = ke(g);
       let u = c[h], p = c[g];
       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 f = h === "y" ? "top" : "left", b = h === "y" ? "bottom" : "right", v = u + l[f], _ = u - l[b];
+        u = Ut(v, u, _);
       }
       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 f = g === "y" ? "top" : "left", b = g === "y" ? "bottom" : "right", v = p + l[f], _ = p - l[b];
+        p = Ut(v, p, _);
       }
       const m = d.fn({
         ...e,
@@ -1249,7 +1256,7 @@ const co = function(t) {
       };
     }
   };
-}, uo = function(t) {
+}, ho = function(t) {
   return t === void 0 && (t = {}), {
     name: "size",
     options: t,
@@ -1268,13 +1275,13 @@ const co = function(t) {
         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 f, b;
+      g === "top" || g === "bottom" ? (f = g, b = h === (await (n.isRTL == null ? void 0 : n.isRTL(d.floating)) ? "start" : "end") ? "left" : "right") : (b = g, f = h === "end" ? "top" : "bottom");
+      const v = m - l.top - l.bottom, _ = p - l.left - l.right, S = it(m - l[f], v), y = it(p - l[b], _), D = !e.middlewareData.shift;
       let x = S, C = y;
-      if ((o = e.middlewareData.shift) != null && o.enabled.x && (C = _), (i = e.middlewareData.shift) != null && i.enabled.y && (x = 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));
+      if ((o = e.middlewareData.shift) != null && o.enabled.x && (C = _), (i = e.middlewareData.shift) != null && i.enabled.y && (x = v), D && !h) {
+        const k = N(l.left, 0), E = N(l.right, 0), A = N(l.top, 0), H = N(l.bottom, 0);
+        u ? C = p - 2 * (k !== 0 || E !== 0 ? k + E : N(l.left, l.right)) : x = m - 2 * (A !== 0 || H !== 0 ? A + H : N(l.top, l.bottom));
       }
       await a({
         ...e,
@@ -1290,49 +1297,49 @@ const co = function(t) {
     }
   };
 };
-function Mt() {
+function Ot() {
   return typeof window < "u";
 }
 function wt(t) {
-  return ke(t) ? (t.nodeName || "").toLowerCase() : "#document";
+  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(wt(t));
 }
-const wo = [":popover-open", ":modal"];
-function At(t) {
-  return wo.some((e) => {
+const mo = [":popover-open", ":modal"];
+function Rt(t) {
+  return mo.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -1340,17 +1347,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); ) {
     if (oe(e))
       return e;
-    if (At(e))
+    if (Rt(e))
       return null;
     e = nt(e);
   }
@@ -1359,15 +1366,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"]);
+const Co = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function ht(t) {
-  return yo.has(wt(t));
+  return Co.has(wt(t));
 }
-function X(t) {
-  return Y(t).getComputedStyle(t);
+function Q(t) {
+  return U(t).getComputedStyle(t);
 }
-function Ot(t) {
-  return W(t) ? {
+function Pt(t) {
+  return X(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -1382,32 +1389,32 @@ function nt(t) {
     // 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 ht(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 +1422,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,65 +1432,65 @@ 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);
+  e && (i ? X(i) && (n = ut(i)) : n = ut(t));
+  const d = xo(s, o, i) ? Me(s) : G(0);
   let a = (r.left + d.x) / n.x, c = (r.top + d.y) / n.y, l = r.width / n.x, g = r.height / n.y;
   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 f = ut(m), b = m.getBoundingClientRect(), v = Q(m), _ = b.left + (m.clientLeft + parseFloat(v.paddingLeft)) * f.x, S = b.top + (m.clientTop + parseFloat(v.paddingTop)) * f.y;
+      a *= f.x, c *= f.y, l *= f.x, g *= f.y, a += _, c += S, p = U(m), m = Bt(p);
     }
   }
-  return Dt({
+  return $t({
     width: l,
     height: g,
     x: a,
     y: c
   });
 }
-function Rt(t, e) {
-  const o = Ot(t).scrollLeft;
+function It(t, e) {
+  const o = Pt(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 - It(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 ? Rt(e.floating) : !1;
   if (i === n || d && s)
     return o;
   let a = {
@@ -1491,11 +1498,11 @@ function xo(t) {
     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))) {
+  if ((g || !g && !s) && ((wt(i) !== "body" || St(n)) && (a = Pt(i)), J(i))) {
     const u = lt(i);
     c = ut(i), l.x = u.x + i.clientLeft, l.y = u.y + i.clientTop;
   }
-  const h = n && !g && !s ? $e(n, a) : G(0);
+  const h = n && !g && !s ? Ae(n, a) : G(0);
   return {
     width: o.width * c.x,
     height: o.height * c.y,
@@ -1503,34 +1510,34 @@ function xo(t) {
     y: o.y * c.y - a.scrollTop * c.y + l.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 = Pt(t), i = t.ownerDocument.body, r = N(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = N(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
+  let n = -o.scrollLeft + It(t);
   const 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 c = Rt(i);
+  const c = It(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);
+    p <= ue && (s -= p);
+  } else c <= ue && (s += c);
   return {
     width: s,
     height: n,
@@ -1538,8 +1545,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 +1555,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 +1572,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) || ht(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) && wt(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) && !ht(n); ) {
+    const d = Q(n), a = oe(n);
+    !a && d.position === "fixed" && (r = null), (s ? !a && !r : !a && d.position === "static" && !!r && $o.has(r.position) || St(n) && !a && Oe(t, n)) ? i = i.filter((l) => l !== n) : r = d, n = nt(n);
   }
   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" ? Rt(e) ? [] : Ao(e, this._c) : [].concat(o), i], d = n[0], a = n.reduce((c, l) => {
+    const g = he(e, l, r);
+    return c.top = N(g.top, c.top), c.right = it(g.right, c.right), c.bottom = it(g.bottom, c.bottom), c.left = N(g.left, c.left), c;
+  }, he(e, d, r));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -1602,17 +1609,17 @@ function Ao(t) {
     y: a.top
   };
 }
-function Oo(t) {
+function Ro(t) {
   const {
     width: e,
     height: o
-  } = Te(t);
+  } = $e(t);
   return {
     width: e,
     height: o
   };
 }
-function Ro(t, e, o) {
+function Po(t, e, o) {
   const i = J(e), r = Z(e), s = o === "fixed", n = lt(t, !0, s, e);
   let d = {
     scrollLeft: 0,
@@ -1620,15 +1627,15 @@ function Ro(t, e, o) {
   };
   const a = G(0);
   function c() {
-    a.x = Rt(r);
+    a.x = It(r);
   }
   if (i || !i && !s)
-    if ((wt(e) !== "body" || Ct(r)) && (d = Ot(e)), i) {
+    if ((wt(e) !== "body" || St(r)) && (d = Pt(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 l = r && !i && !s ? Ae(r, d) : G(0), g = n.left + d.scrollLeft - a.x - l.x, h = n.top + d.scrollTop - a.y - l.y;
   return {
     x: g,
     y: h,
@@ -1637,38 +1644,38 @@ function Ro(t, e, o) {
   };
 }
 function Ht(t) {
-  return X(t).position === "static";
+  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 Re(t, e) {
+  const o = U(t);
+  if (Rt(t))
     return o;
   if (!J(t)) {
     let r = nt(t);
     for (; r && !ht(r); ) {
-      if (W(r) && !Ht(r))
+      if (X(r) && !Ht(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) && Ht(i); )
+    i = pe(i, e);
+  return i && ht(i) && Ht(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 Io = async function(t) {
+  const e = this.getOffsetParent || Re, o = this.getDimensions, i = await o(t.floating);
   return {
-    reference: Ro(t.reference, await e(t.floating), t.strategy),
+    reference: Po(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1677,25 +1684,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 Ho = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ko,
   getDocumentElement: Z,
-  getClippingRect: Ao,
-  getOffsetParent: Ae,
-  getElementRects: Lo,
-  getClientRects: ko,
-  getDimensions: Oo,
+  getClippingRect: Oo,
+  getOffsetParent: Re,
+  getElementRects: Io,
+  getClientRects: Do,
+  getDimensions: Ro,
   getScale: ut,
-  isElement: W,
-  isRTL: Io
+  isElement: X,
+  isRTL: Lo
 };
-function Oe(t, e) {
+function Pe(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() {
@@ -1712,9 +1719,9 @@ function Ho(t, e) {
     } = 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(g), m = Dt(r.clientWidth - (l + h)), f = Dt(r.clientHeight - (g + u)), b = Dt(l), _ = {
+      rootMargin: -p + "px " + -m + "px " + -f + "px " + -b + "px",
+      threshold: N(0, it(1, a)) || 1
     };
     let S = !0;
     function y(D) {
@@ -1726,7 +1733,7 @@ function Ho(t, e) {
           n(!1, 1e-7);
         }, 1e3);
       }
-      x === 1 && !Oe(c, t.getBoundingClientRect()) && n(), S = !1;
+      x === 1 && !Pe(c, t.getBoundingClientRect()) && n(), S = !1;
     }
     try {
       o = new IntersectionObserver(y, {
@@ -1741,7 +1748,7 @@ function Ho(t, e) {
   }
   return n(!0), s;
 }
-function zo(t, e, o, i) {
+function Fo(t, e, o, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: r = !0,
@@ -1749,17 +1756,17 @@ 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), l = r || s ? [...c ? _t(c) : [], ..._t(e)] : [];
+  l.forEach((b) => {
+    r && b.addEventListener("scroll", o, {
       passive: !0
-    }), s && v.addEventListener("resize", o);
+    }), s && b.addEventListener("resize", o);
   });
-  const g = c && d ? Ho(c, o) : null;
+  const g = 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(() => {
+  n && (u = new ResizeObserver((b) => {
+    let [v] = b;
+    v && v.target === c && u && (u.unobserve(e), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
       var _;
       (_ = u) == null || _.observe(e);
     })), o();
@@ -1767,25 +1774,25 @@ function zo(t, e, o, i) {
   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);
+    const b = lt(t);
+    m && !Pe(m, b) && o(), m = b, p = requestAnimationFrame(f);
   }
   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 b;
+    l.forEach((v) => {
+      r && v.removeEventListener("scroll", o), s && v.removeEventListener("resize", o);
+    }), g == null || g(), (b = u) == null || b.disconnect(), u = null, a && cancelAnimationFrame(p);
   };
 }
-const Lt = co, Re = go, It = so, Fo = uo, Vo = no, Pt = (t, e, o) => {
+const Lt = go, ne = uo, xt = ao, Vo = ho, qo = so, kt = (t, e, o) => {
   const i = /* @__PURE__ */ new Map(), r = {
-    platform: Po,
+    platform: Ho,
     ...o
   }, s = {
     ...r.platform,
     _c: i
   };
-  return ro(t, e, {
+  return no(t, e, {
     ...r,
     platform: s
   });
@@ -1811,26 +1818,26 @@ function dt(t, e, o, i) {
         const _ = { index: c, isHighlighted: l, isSelected: g, isDisabled: h };
         return i.renderOptionCallback(a, _);
       }
-      const u = yt(a, i), p = Be(a, i), m = Ke(a, i), f = ["wg__dropdown-option"];
+      const u = Ct(a, i), p = Ke(a, i), m = We(a, i), f = ["wg__dropdown-option"];
       l && f.push("wg__dropdown-option--highlighted"), g && f.push("wg__dropdown-option--selected"), h && f.push("wg__dropdown-option--disabled");
-      const v = p ? `<span class="wg__dropdown-option-icon">${t.escapeHtml(p)}</span>` : "", b = m ? `<span class="wg__dropdown-option-subtitle">${t.escapeHtml(m)}</span>` : "";
+      const b = p ? `<span class="wg__dropdown-option-icon">${t.escapeHtml(p)}</span>` : "", v = m ? `<span class="wg__dropdown-option-subtitle">${t.escapeHtml(m)}</span>` : "";
       return `<div class="${f.join(" ")}" data-index="${c}" ${h ? 'data-disabled="true"' : ""}>
-				${v}
+				${b}
 				<div class="wg__dropdown-option-content">
 					<span class="wg__dropdown-option-label">${t.escapeHtml(u)}</span>
-					${b}
+					${v}
 				</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"] }),
-      Fo({
+      xt({ fallbackPlacements: ["top-start"] }),
+      Vo({
         apply({ rects: n }) {
           Object.assign(r.style, {
             width: `${n.reference.width}px`
@@ -1849,7 +1856,7 @@ 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 Ie(t, e, o = !0) {
   const i = t.dropdownOptions[e];
   if (!i) return;
   const r = t.grid.editingCell;
@@ -1876,17 +1883,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,7 +1903,7 @@ 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;
@@ -1945,8 +1952,8 @@ function K(t) {
     });
   }
 }
-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 +1961,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);
+      Ie(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 +1979,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 +1987,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 +1997,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 +2018,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 +2049,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 +2067,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,13 +2075,13 @@ 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) {
@@ -2086,9 +2093,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,7 +2116,7 @@ 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;
@@ -2121,7 +2128,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 +2142,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 +2151,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;
@@ -2187,14 +2194,14 @@ function zt(t, e) {
   }
   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,21 +2215,21 @@ 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];
@@ -2231,11 +2238,11 @@ function Jo(t, e, o) {
   t.grid.commitEdit(e, r, l);
   const g = t.grid.displayItems;
   e < g.length - 1 && requestAnimationFrame(() => {
-    E(t, e + 1, o);
+    $(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) {
   const s = t.grid.columns.findIndex((c) => String(c.field) === o), n = t.grid.displayItems;
@@ -2249,38 +2256,38 @@ function Ft(t, e, o, i) {
     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);
   }
   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 +2303,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 +2318,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 = Vt(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
@@ -2335,7 +2342,7 @@ 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 "";
@@ -2349,7 +2356,7 @@ function Vt(t) {
   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,7 +2370,7 @@ 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), `
@@ -2380,7 +2387,7 @@ function si(t, e, o, i, r) {
 		</div>
 	`;
 }
-function ai(t, e, o, i, r) {
+function li(t, e, o, i, r) {
   var l;
   const s = r.editorOptions || {}, n = s.options || [], d = Jt(i, n, s), a = (l = t.grid.editingCell) == null ? void 0 : l.initialSearchQuery, c = a !== void 0 ? a : d;
   return t.dropdownOptions = n, t.filterText = c, t.highlightedIndex = n.length > 0 ? 0 : -1, `
@@ -2396,7 +2403,7 @@ function ai(t, e, o, i, r) {
 		</div>
 	`;
 }
-function li(t, e, o, i, r) {
+function di(t, e, o, i, r) {
   var l;
   const s = r.editorOptions || {}, n = s.initialOptions || s.options || [], d = Jt(i, n, s), a = (l = t.grid.editingCell) == null ? void 0 : l.initialSearchQuery, c = a !== void 0 ? a : d;
   return t.dropdownOptions = n, t.filterText = c, t.highlightedIndex = n.length > 0 ? 0 : -1, `
@@ -2414,7 +2421,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 +2434,7 @@ function di(t, e, o, i, r) {
 		</div>
 	`;
 }
-function Pe(t, e, o, i, r, s) {
+function He(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 +2450,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 I = {
   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 +2490,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,8 +2514,8 @@ 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) => {
+function pi(t, e, o) {
+  return `<div class="wg__toolbar">${hi(t).map(({ groups: s }) => `<div class="wg__toolbar-row">${s.map(({ items: d }, a) => {
     const c = a > 0 ? '<div class="wg__toolbar-divider"></div>' : "", l = d.map((g) => {
       const h = typeof g.disabled == "function" ? g.disabled(e, o) : g.disabled, u = [
         "wg__toolbar-btn",
@@ -2524,36 +2531,58 @@ function hi(t, e, o) {
     return c + 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");
+let M = null;
+function fi(t, e, o, i, r, s, n) {
+  At();
+  const d = pi(i, r, o), a = document.createElement("div");
   a.className = "wg__toolbar-container", a.innerHTML = d, t.shadow.appendChild(a);
   const c = a.querySelector(".wg__toolbar");
   let l = "left";
-  requestAnimationFrame(() => {
+  c.style.position = "fixed", c.style.visibility = "hidden", requestAnimationFrame(() => {
     const h = t.shadow.querySelector(`tr[data-row-index="${o}"]`);
     if (!h) {
-      Et();
+      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 u = t.grid.toolbarPosition, p = t.grid.toolbarAlign, m = t.grid.toolbarTopPosition;
+    let f, b;
+    const v = p === "top" ? "-start" : "", _ = () => m === "start" ? "top-start" : m === "end" ? "top-end" : "top";
+    u === "left" ? (f = `left${v}`, b = [`right${v}`, _()]) : u === "right" ? (f = `right${v}`, b = [`left${v}`, _()]) : u === "top" ? (f = _(), b = [`left${v}`, `right${v}`]) : (f = `left${v}`, b = [`right${v}`, _()]);
+    let S = h;
+    if (m === "cursor" && n !== void 0 && u === "top") {
+      const y = h.getBoundingClientRect();
+      S = {
+        getBoundingClientRect: () => ({
+          x: n,
+          y: y.top,
+          top: y.top,
+          left: n,
+          bottom: y.bottom,
+          right: n,
+          width: 0,
+          height: y.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(S, c, {
+      strategy: "fixed",
+      placement: f,
+      middleware: [
+        xt({ fallbackPlacements: b }),
+        ne({ padding: 8 })
+        // Keep within viewport
+      ]
+    }).then(({ x: y, y: D, placement: x }) => {
+      Object.assign(c.style, {
+        left: `${y}px`,
+        top: `${D}px`,
+        visibility: "visible"
+        // Show now that it's positioned
+      }), l = x.split("-")[0], M && (M.position = l);
+    }).catch(() => {
+      c.style.visibility = "visible";
+    });
   });
   const g = (h) => {
     const u = h.target.closest(".wg__toolbar-btn");
@@ -2562,7 +2591,7 @@ function pi(t, e, o, i, r, s, n) {
       m && s(m);
     }
   };
-  a.addEventListener("click", g), $ = {
+  a.addEventListener("click", g), M = {
     container: a,
     toolbar: c,
     rowIndex: o,
@@ -2573,80 +2602,89 @@ function pi(t, e, o, i, r, s, n) {
     cleanup: () => {
       a.removeEventListener("click", g), a.remove();
     }
-  }, V = { path: null, arrowPos: null, arrowDir: "right" };
+  }, I = { path: null, arrowPos: null, arrowDir: "right" };
 }
-function Et() {
-  $ && ($.cleanup(), $ = null), V = { path: null, arrowPos: null, arrowDir: "right" };
+function At() {
+  M && (M.cleanup(), M = null), I = { path: null, arrowPos: null, arrowDir: "right" };
 }
-function $t() {
-  return ($ == null ? void 0 : $.rowIndex) ?? null;
+function bt() {
+  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 I;
 }
-function mi(t, e) {
-  if (!$) {
-    V = { path: null, arrowPos: null, arrowDir: "right" };
+function _e(t, e) {
+  if (!M) {
+    I = { 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((y) => y === i);
   if (s === -1) {
-    V = { path: null, arrowPos: null, arrowDir: "right" };
+    I = { 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" };
+    I = { 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) {
+    I = { 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(), l = t.shadow.querySelector(".wg__table"), g = l == null ? void 0 : l.getBoundingClientRect(), h = t.shadow.querySelector(".wg"), u = h == null ? void 0 : h.getBoundingClientRect();
+  if (!g || !u) {
+    I = { path: null, arrowPos: null, arrowDir: "right" };
     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, f = c.bottom <= u.top, b = c.top >= u.bottom, v = !f && !b;
+  let _, S = "right";
+  if (f ? (_ = u.top + 8, S = "up") : b ? (_ = u.bottom - 8, S = "down") : _ = m, r === "left") {
+    const y = a.right, D = a.top + a.height / 2, x = p ? u.right + 15 : u.left - 15;
+    if (!v) {
+      I = { path: `M ${y} ${D} H ${x} V ${_}`, arrowPos: { x, y: _ }, arrowDir: S };
+      return;
+    }
+    const C = p ? u.right - 8 : u.left + 8;
+    S = p ? "left" : "right", I = { path: `M ${y} ${D} H ${x} V ${_} H ${C}`, arrowPos: { x: C, y: _ }, arrowDir: S };
+    return;
   } else if (r === "right") {
-    const b = a.left, _ = a.top + a.height / 2;
-    f = `M ${b} ${_} H ${u} V ${m} H ${p}`;
+    const y = a.left, D = a.top + a.height / 2, x = p ? u.left - 15 : u.right + 15;
+    if (!v) {
+      I = { path: `M ${y} ${D} H ${x} V ${_}`, arrowPos: { x, y: _ }, arrowDir: S };
+      return;
+    }
+    const C = p ? u.left + 8 : u.right - 8;
+    S = p ? "right" : "left", I = { path: `M ${y} ${D} H ${x} V ${_} H ${C}`, arrowPos: { x: C, y: _ }, arrowDir: S };
+    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 D = a.right, x = a.top + a.height / 2, C = D + 48, T = s - M.rowIndex, k = 8;
+    if (T === 0) {
+      let E = c.top - k;
+      b && (E = u.bottom - k), I = { path: `M ${D} ${x} H ${C} V ${E}`, arrowPos: { x: C, y: E }, arrowDir: "down" };
       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, H = a.top + a.height * 0.75, O = a.right + 24, R = a.right + k;
+      I = { path: `M ${a.right} ${A} H ${O} V ${H} H ${R}`, arrowPos: { x: R, y: H }, arrowDir: "left" };
       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;
+      f && (E = u.top + k), I = { path: `M ${D} ${x} H ${C} V ${E}`, arrowPos: { x: C, 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;
+      b && (E = u.bottom - k), I = { path: `M ${D} ${x} H ${C} V ${E}`, arrowPos: { x: C, 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}"
@@ -2671,16 +2709,16 @@ function vi(t) {
     let f = "";
     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>`;
+        const v = c.direction === "asc" ? "▲" : "▼", _ = t.grid.sort.length > 1 ? `<sup class="wg__sort-priority">${l}</sup>` : "";
+        f = `<span class="wg__sort-indicator">${v}${_}</span>`;
       } 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>`), `
+    let b = "";
+    return n.headerInfo && (b = `<span class="wg__header-info" data-tooltip="${t.escapeHtml(n.headerInfo)}"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span>`), `
 			<th class="${h.join(" ")}" ${m} data-field="${d}">
 				<div class="wg__header-content">
 					<span class="wg__header-title">${t.escapeHtml(n.title)}</span>
-					${v}
+					${b}
 					${f}
 				</div>
 			</th>
@@ -2698,23 +2736,23 @@ function _i(t) {
 				</td>
 			</tr>
 		`;
-  const n = $t();
+  const n = bt();
   return e.map((d, a) => {
     const c = i ? `<td class="wg__cell wg__row-number">${a + 1}</td>` : "";
     let l = "";
     r && (l = `
 				<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 m = String(u.field), f = t.grid.getCellValue(d, u, a), b = u.align || "left", v = t.grid.isCellEditable(u), _ = t.grid.isCellFocused(a, p), S = ["wg__cell"], y = t.grid.isEditing(a, m);
+      if (v && S.push("wg__cell--editable"), _ && !y && S.push("wg__cell--focused"), u.textOverflow === "ellipsis" && S.push("wg__cell--ellipsis"), y && S.push("wg__cell--editing"), t.grid.isCellInvalid(a, m) && S.push("wg__cell--invalid"), u.cellClass && S.push(u.cellClass), u.cellClassCallback) {
         const T = t.grid.getCellRawValue(d, a, m), k = u.cellClassCallback(T, d);
         k && S.push(k);
       }
       const D = [
-        `text-align: ${v}`,
+        `text-align: ${b}`,
         u.width ? `width: ${u.width}` : "",
         u.minWidth ? `min-width: ${u.minWidth}` : "",
         u.maxWidth ? `max-width: ${u.maxWidth}` : ""
@@ -2732,14 +2770,14 @@ function _i(t) {
         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 && (C = `data-tooltip-html="${t.escapeHtml(A)}"`);
           }
           C || (C = `data-tooltip="${t.escapeHtml(T)}"`);
         }
@@ -2754,7 +2792,7 @@ function _i(t) {
 					${x}
 					${C}
 				>
-					${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) : He(t, a, p, u, f)}
 				</td>
 			`;
     }).join(""), h = ["wg__row"];
@@ -2765,7 +2803,7 @@ function _i(t) {
     return `<tr class="${h.join(" ")}" data-row-index="${a}">${c}${l}${g}</tr>`;
   }).join("");
 }
-function ve(t, e) {
+function ye(t, e) {
   const o = t.grid.displayItems, i = t.grid.columns, { startIndex: r, endIndex: s, rowHeight: n, totalItems: d } = e, a = t.grid.showRowNumbers, c = t.grid.showRowToolbar && t.grid.toolbarTrigger === "button", l = i.length + (c ? 1 : 0) + (a ? 1 : 0);
   if (o.length === 0)
     return `
@@ -2775,68 +2813,68 @@ function ve(t, e) {
 				</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>` : "";
+  const g = bt(), h = r * n, u = (d - s) * n, p = h > 0 ? `<tr class="wg__spacer-top"><td colspan="${l}" style="height: ${h}px"></td></tr>` : "", m = [];
+  for (let b = r; b < s && b < o.length; b++) {
+    const v = o[b], _ = b, S = a ? `<td class="wg__cell wg__row-number">${_ + 1}</td>` : "";
     let y = "";
     c && (y = `
 				<td class="wg__cell wg__actions-column">
-					${He(_, g === _)}
+					${ze(_, g === _)}
 				</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 k = String(C.field), E = t.grid.getCellValue(v, C, _), A = C.align || "left", H = t.grid.isCellEditable(C), O = t.grid.isCellFocused(_, T), R = ["wg__cell"], z = t.grid.isEditing(_, k);
+      if (H && R.push("wg__cell--editable"), O && !z && R.push("wg__cell--focused"), C.textOverflow === "ellipsis" && R.push("wg__cell--ellipsis"), z && R.push("wg__cell--editing"), t.grid.isCellInvalid(_, k) && R.push("wg__cell--invalid"), C.cellClass && R.push(C.cellClass), C.cellClassCallback) {
+        const q = t.grid.getCellRawValue(v, _, k), ot = C.cellClassCallback(q, v);
+        ot && R.push(ot);
       }
-      const P = [
-        `text-align: ${M}`,
+      const F = [
+        `text-align: ${A}`,
         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"' : "";
-      let R = "";
+      ].filter(Boolean).join("; "), V = t.grid.isNavigateMode ? 'tabindex="0"' : "";
+      let P = "";
       if (C.tooltipCallback) {
-        const z = t.grid.getCellRawValue(b, _, k), ot = C.tooltipCallback(z, b);
-        ot && (R = `data-tooltip="${t.escapeHtml(ot)}"`);
+        const q = t.grid.getCellRawValue(v, _, k), ot = C.tooltipCallback(q, v);
+        ot && (P = `data-tooltip="${t.escapeHtml(ot)}"`);
       } else if (C.tooltipMember) {
-        const z = b[C.tooltipMember];
-        z && typeof z == "string" && (R = `data-tooltip="${t.escapeHtml(z)}"`);
+        const q = v[C.tooltipMember];
+        q && typeof q == "string" && (P = `data-tooltip="${t.escapeHtml(q)}"`);
       }
-      if (!R && t.grid.isCellInvalid(_, k)) {
-        const z = t.grid.getCellValidationError(_, k);
-        if (z) {
+      if (!P && t.grid.isCellInvalid(_, k)) {
+        const q = t.grid.getCellValidationError(_, k);
+        if (q) {
           const ot = C.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,
+              error: q,
+              value: Ye,
+              row: v,
               rowIndex: _
             });
-            se && (R = `data-tooltip-html="${t.escapeHtml(se)}"`);
+            ae && (P = `data-tooltip-html="${t.escapeHtml(ae)}"`);
           }
-          R || (R = `data-tooltip="${t.escapeHtml(z)}"`);
+          P || (P = `data-tooltip="${t.escapeHtml(q)}"`);
         }
       }
       return `
 				<td
-					class="${O.join(" ")}"
-					style="${P}"
+					class="${R.join(" ")}"
+					style="${F}"
 					data-row="${_}"
 					data-col="${T}"
 					data-field="${k}"
-					${H}
-					${R}
+					${V}
+					${P}
 				>
-					${t.grid.isEditing(_, k) ? Ie(t, _, T, C) : Pe(t, _, T, C, I)}
+					${t.grid.isEditing(_, k) ? Le(t, _, T, C) : He(t, _, T, C, E)}
 				</td>
 			`;
     }).join(""), x = ["wg__row"];
     if (t.grid.rowClassCallback) {
-      const C = t.grid.rowClassCallback(b, _);
+      const C = t.grid.rowClassCallback(v, _);
       C && x.push(C);
     }
     m.push(`<tr class="${x.join(" ")}" data-row-index="${_}">${S}${y}${D}</tr>`);
@@ -2888,14 +2926,14 @@ function Yt(t, e = "bottom-center") {
 			<div class="wg__pagination-pagesize">
 				<select class="wg__pagination-select" data-action="pagesize">
 					${n.map(
-      (b) => `<option value="${b}" ${b === s ? "selected" : ""}>${b}</option>`
+      (v) => `<option value="${v}" ${v === s ? "selected" : ""}>${v}</option>`
     ).join("")}
 				</select>
 				<span class="wg__pagination-label">${g.perPage}</span>
 			</div>
 		` : ""
-  }, v = t.grid.paginationLayout.split("|").map((b) => b.trim()).map((b) => m[b] || "").join("");
-  return `<div class="${p.join(" ")}">${v}</div>`;
+  }, b = t.grid.paginationLayout.split("|").map((v) => v.trim()).map((v) => m[v] || "").join("");
+  return `<div class="${p.join(" ")}">${b}</div>`;
 }
 function Nt(t, e) {
   const o = t.grid.summaryContentCallback;
@@ -2910,7 +2948,7 @@ function Nt(t, e) {
   }), 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>`;
 }
-const ze = {
+const Fe = {
   today: "Today",
   clear: "Clear",
   monthNames: [
@@ -2964,7 +3002,7 @@ function Kt(t) {
     maxLength: t.length
   };
 }
-function Fe(t, e) {
+function Ve(t, e) {
   if (!t || isNaN(t.getTime())) return "";
   const o = t.getFullYear(), i = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0"), { separator: s, parts: n } = e, d = [];
   for (let a = 0; a < 3; a++)
@@ -2993,7 +3031,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 +3045,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 +3067,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 = Fe) {
   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 +3121,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,33 +3134,33 @@ 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 = [];
+function qe(t, e) {
+  const { viewYear: o, viewMonth: i, selectedDate: r, focusedDate: s } = t, n = e.minDate ? j(e.minDate) : null, d = e.maxDate ? j(e.maxDate) : null, a = Si(o, i), c = gt(o, i), l = gt(o, i - 1), g = new Date(o, i - 1, 1), h = g.getFullYear(), u = g.getMonth(), p = new Date(o, i + 1, 1), m = p.getFullYear(), f = p.getMonth(), b = [];
   for (let y = a - 1; y >= 0; y--) {
     const D = l - y;
-    v.push({
+    b.push({
       date: new Date(h, u, D),
       day: D,
       isOtherMonth: !0
     });
   }
   for (let y = 1; y <= c; y++)
-    v.push({
+    b.push({
       date: new Date(o, i, y),
       day: y,
       isOtherMonth: !1
     });
-  const _ = Math.ceil((a + c) / 7) * 7 - v.length;
+  const _ = Math.ceil((a + c) / 7) * 7 - b.length;
   for (let y = 1; y <= _; y++)
-    v.push({
+    b.push({
       date: new Date(m, f, y),
       day: y,
       isOtherMonth: !0
     });
   let S = "";
-  for (const y of v) {
+  for (const y of b) {
     const D = ["wg-datepicker__day"];
-    y.isOtherMonth && D.push("wg-datepicker__day--other-month"), Mi(y.date, n, d) && D.push("wg-datepicker__day--disabled"), Ci(y.date) && D.push("wg-datepicker__day--today"), _t(y.date, r) && D.push("wg-datepicker__day--selected"), _t(y.date, s) && D.push("wg-datepicker__day--focused");
+    y.isOtherMonth && D.push("wg-datepicker__day--other-month"), Mi(y.date, n, d) && D.push("wg-datepicker__day--disabled"), Ci(y.date) && D.push("wg-datepicker__day--today"), yt(y.date, r) && D.push("wg-datepicker__day--selected"), yt(y.date, s) && D.push("wg-datepicker__day--focused");
     const C = Wt(y.date);
     S += `<div class="${D.join(" ")}" data-date="${C}">${y.day}</div>`;
   }
@@ -3142,7 +3180,7 @@ 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) {
   const i = t.querySelector(".wg-datepicker__month-year");
@@ -3151,7 +3189,7 @@ function Ri(t, e, o) {
     i.textContent = `${r} ${e.viewYear}`;
   }
 }
-function Li(t, e) {
+function Pi(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);
 }
@@ -3164,7 +3202,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 +3225,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")
@@ -3211,8 +3249,8 @@ function Pi(t, e, o, i) {
     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);
+      if (e.focusedDate && yt(e.focusedDate, l) && c--, o.minDate) {
+        const g = j(o.minDate);
         g && c < g.getFullYear() && (c = g.getFullYear());
       }
       e.viewMonth = 0, e.viewYear = c, e.focusedDate = new Date(c, 0, 1);
@@ -3224,8 +3262,8 @@ function Pi(t, e, o, i) {
     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);
+      if (e.focusedDate && yt(e.focusedDate, l) && c++, o.maxDate) {
+        const g = j(o.maxDate);
         g && c > g.getFullYear() && (c = g.getFullYear());
       }
       e.viewMonth = 11, e.viewYear = c, e.focusedDate = new Date(c, 11, 31);
@@ -3256,7 +3294,7 @@ function Hi(t, e, o) {
     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);
@@ -3299,13 +3337,13 @@ function Vi(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) {
@@ -3325,9 +3363,9 @@ function Gt(t, e) {
   ].sort((m, f) => m.pos - f.pos);
   let c = "", l = 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 f = a[m], b = n.substring(l, l + f.length);
+    if (!b) break;
+    c += b, l += b.length, m < a.length - 1 && b.length === f.length && (c += o);
   }
   return c.substring(0, r);
 }
@@ -3396,7 +3434,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 = `
@@ -3650,8 +3688,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");
@@ -3708,30 +3746,30 @@ class ne {
         weekdayNamesShort: l
       };
     } catch {
-      return ze;
+      return Fe;
     }
   }
   /**
    * 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);
+    Fi(this.state), this.element = document.createElement("div"), this.element.className = "wg-datepicker-container", this.element.innerHTML = ki(this.state, this.options, this.localeStrings), document.body.appendChild(this.element), this.position(), this.attachListeners(), this.state.isOpen = !0, this.state.rollingSelectorOpen && Ce(this.element);
   }
   /**
    * Close the date picker
@@ -3757,7 +3795,7 @@ class ne {
    * Get formatted value
    */
   getFormattedValue() {
-    return Fe(this.state.selectedDate, this.formatInfo);
+    return Ve(this.state.selectedDate, this.formatInfo);
   }
   /**
    * Position the picker using Floating UI
@@ -3765,13 +3803,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 = Fo(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 +3842,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") {
@@ -3843,7 +3881,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 +3899,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 && (Ri(e, this.state, this.localeStrings), Pi(e, this.state.rollingSelectorOpen), this.state.rollingSelectorOpen ? Ii(e, this.state) : Oi(e, this.state, this.options));
   }
   /**
    * Connect an input field for masked input
@@ -3967,11 +4005,11 @@ const Xi = `
 	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);
@@ -3991,7 +4029,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 +4044,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, {
@@ -4022,15 +4060,15 @@ function Ji(t, e, o, i, r, s, n) {
     }
   });
   const g = (u) => {
-    a.contains(u.target) || (bt(a, g, h), n());
+    a.contains(u.target) || (vt(a, g, h), n());
   }, h = (u) => {
-    u.key === "Escape" && (u.preventDefault(), bt(a, g, h), n());
+    u.key === "Escape" && (u.preventDefault(), vt(a, g, h), n());
   };
   return setTimeout(() => {
     document.addEventListener("mousedown", g), document.addEventListener("keydown", h);
   }, 0), a._cleanup = { handleOutsideClick: g, handleKeyDown: h }, a;
 }
-function bt(t, e, o) {
+function vt(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();
@@ -4112,7 +4150,7 @@ class Zi extends HTMLElement {
       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 +4171,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 && (vt(this.contextMenuElement), this.contextMenuElement = null), At();
   }
   // ==========================================================================
   // Public API - Proxy to WebGrid
@@ -4282,6 +4320,12 @@ 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;
   }
@@ -4563,34 +4607,34 @@ class Zi extends HTMLElement {
     }
     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":
@@ -4599,11 +4643,11 @@ class Zi extends HTMLElement {
             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 }));
+            g && (g.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) {
@@ -4612,11 +4656,11 @@ class Zi extends HTMLElement {
             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 }));
+            u && (u.focus({ preventScroll: !0 }), K(this, h, { rowIndex: l, colIndex: g }));
           } else
-            E(this, l, g);
+            $(this, l, g);
         } else
-          E(this, i, s.length - 1);
+          $(this, i, s.length - 1);
         break;
       case "PageUp":
         if (o.preventDefault(), o.ctrlKey)
@@ -4624,18 +4668,18 @@ class Zi extends HTMLElement {
             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 }));
+            g && (g.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;
             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 }));
+            h && (h.focus({ preventScroll: !0 }), K(this, g, { rowIndex: l, colIndex: r }));
           } else
-            E(this, l, r);
+            $(this, l, r);
         }
         break;
       case "PageDown":
@@ -4645,18 +4689,18 @@ class Zi extends HTMLElement {
             const g = 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 }));
+            h && (h.focus({ preventScroll: !0 }), K(this, g, { 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;
             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 }));
+            h && (h.focus({ preventScroll: !0 }), K(this, g, { rowIndex: l, colIndex: r }));
           } else
-            E(this, l, r);
+            $(this, l, r);
         }
         break;
       case "g":
@@ -4666,16 +4710,16 @@ 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);
+        B(this, i, r), g ? requestAnimationFrame(() => {
+          this.dropdownOpen || W(this);
         }) : h && requestAnimationFrame(() => {
           this.openCustomEditor(i, r);
         });
@@ -4684,25 +4728,25 @@ class Zi extends HTMLElement {
       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(
+        g ? Zo(this, i, r) : h ? (B(this, i, r), requestAnimationFrame(() => {
+          this.dropdownOpen || W(this);
+        })) : u ? (B(this, i, r), requestAnimationFrame(() => {
+          var v;
+          const m = (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 = m == null ? void 0 : m.querySelector(".wg__date-input"), b = m == null ? void 0 : m.querySelector(".wg__editor--date");
+          f && b && this.openDatePicker(f, b);
+        })) : p && (B(this, i, r), requestAnimationFrame(() => {
           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), (c = o.target) == null || c.blur();
         }
         break;
       case "Delete": {
@@ -4727,7 +4771,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;
     }
@@ -4742,7 +4786,7 @@ class Zi extends HTMLElement {
     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"];
     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;
+      const l = this.grid.columns.findIndex((b) => b.field === s), g = this.grid.columns.map((b, v) => ({ index: v, column: b })).filter((b) => b.column.editable !== !1), h = g.findIndex((b) => b.index === l), u = this.grid.displayItems;
       let p = r, m = l, f = !1;
       switch (o.key) {
         case "ArrowUp":
@@ -4770,8 +4814,8 @@ class Zi extends HTMLElement {
           o.ctrlKey ? (p = u.length - 1, m = this.grid.columns.length - 1) : m = this.grid.columns.length - 1, f = !0;
           break;
       }
-      f && (F(this), this.grid.cancelEdit(), queueMicrotask(() => {
-        E(this, p, m);
+      f && (Y(this), this.grid.cancelEdit(), queueMicrotask(() => {
+        $(this, p, m);
       }));
       return;
     }
@@ -4783,7 +4827,7 @@ class Zi extends HTMLElement {
           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));
+          g < this.dropdownOptions.length && (this.highlightedIndex = g, et(this), fe(this));
         }
         break;
       case "ArrowUp":
@@ -4793,13 +4837,13 @@ class Zi extends HTMLElement {
           let g = this.highlightedIndex - 1;
           for (; g >= 0 && mt(this.dropdownOptions[g], l); )
             g--;
-          g >= 0 && (this.highlightedIndex = g, et(this), pe(this));
+          g >= 0 && (this.highlightedIndex = g, 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 ? Ie(this, this.highlightedIndex) : a && !this.dropdownOpen ? W(this) : (this.isCommittingFromKeyboard = !0, L(this), d === "date" && i instanceof HTMLInputElement ? this.commitDateEditor(i) : Mt(this, i), Ft(this, r, s, "down"));
         break;
       case "Tab":
         if (this.datepicker)
@@ -4812,20 +4856,20 @@ class Zi extends HTMLElement {
           }
           L(this);
         } else
-          L(this), d === "date" && i instanceof HTMLInputElement ? this.commitDateEditor(i) : a || Tt(this, i);
+          L(this), d === "date" && i instanceof HTMLInputElement ? this.commitDateEditor(i) : a || Mt(this, i);
         Ft(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 +4884,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);
+        (((d = this.grid.editingCell) == null ? void 0 : d.initialSearchQuery) !== void 0 || l.showOnFocus !== !1) && W(this);
       }
     }, !0), o.addEventListener("keydown", (s) => {
       const n = s.target;
@@ -4857,7 +4901,7 @@ 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");
@@ -4867,10 +4911,10 @@ class Zi extends HTMLElement {
           const g = l.editTrigger || this.grid.editTrigger;
           if (g === "dblclick" || g === "navigate") {
             const h = zt(s, d);
-            j(this, a, c, { cursorPosition: h ?? void 0 });
+            B(this, a, c, { cursorPosition: h ?? void 0 });
             const u = l.editor;
             u === "select" || u === "combobox" || u === "autocomplete" ? requestAnimationFrame(() => {
-              this.dropdownOpen || K(this);
+              this.dropdownOpen || W(this);
             }) : u === "custom" && requestAnimationFrame(() => {
               this.openCustomEditor(a, c);
             });
@@ -4884,10 +4928,10 @@ class Zi extends HTMLElement {
         if (l && (l.editTrigger || this.grid.editTrigger) === "click") {
           s.preventDefault();
           const h = zt(s, d);
-          j(this, a, c, { cursorPosition: h ?? void 0 });
+          B(this, a, c, { cursorPosition: h ?? void 0 });
           const u = l.editor;
           u === "select" || u === "combobox" || u === "autocomplete" ? requestAnimationFrame(() => {
-            this.dropdownOpen || K(this);
+            this.dropdownOpen || W(this);
           }) : u === "custom" && requestAnimationFrame(() => {
             this.openCustomEditor(a, c);
           });
@@ -4903,7 +4947,7 @@ class Zi extends HTMLElement {
           l && this.openDatePicker(l, 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(() => {
+          h >= 0 && (this.isTransitioningCells = !0, this.grid.editingCell && (L(this), Y(this), this.grid.cancelEdit()), B(this, l, h), requestAnimationFrame(() => {
             var f;
             this.isTransitioningCells = !1;
             const u = (f = this.shadowRoot) == null ? void 0 : f.querySelector(
@@ -4921,16 +4965,16 @@ class Zi extends HTMLElement {
           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;
+              s.preventDefault(), this.isTransitioningCells = !0, L(this), Y(this), this.grid.cancelEdit();
+              const p = this.grid.columns[l], m = (p == null ? void 0 : p.editTrigger) || this.grid.editTrigger, b = s.clientX;
               requestAnimationFrame(() => {
                 if (this.isTransitioningCells = !1, m === "click" && p && this.grid.isCellEditable(p)) {
-                  const b = this.shadow.querySelector(
+                  const v = this.shadow.querySelector(
                     `td[data-row="${c}"][data-col="${l}"]`
-                  ), _ = b ? zt({ clientX: v }, b) : void 0;
-                  j(this, c, l, { cursorPosition: _ ?? void 0 });
+                  ), _ = v ? zt({ clientX: b }, v) : void 0;
+                  B(this, c, l, { cursorPosition: _ ?? void 0 });
                 } else
-                  E(this, c, l);
+                  $(this, c, l);
               });
               return;
             }
@@ -4941,11 +4985,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);
+          h >= 0 && (this.isTransitioningCells = !0, this.grid.editingCell && (L(this), Y(this), this.grid.cancelEdit()), B(this, l, h), requestAnimationFrame(() => {
+            this.isTransitioningCells = !1, this.dropdownOpen || W(this);
           }));
         }
       }
@@ -4954,13 +4998,13 @@ class Zi extends HTMLElement {
         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);
+          g >= 0 && (this.isTransitioningCells = !0, this.grid.editingCell && (L(this), Y(this), this.grid.cancelEdit()), B(this, c, g), 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) {
@@ -4973,20 +5017,20 @@ class Zi extends HTMLElement {
       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()
+              (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);
           }
@@ -4995,24 +5039,24 @@ class Zi extends HTMLElement {
     }, !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), bt() !== 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") {
@@ -5045,7 +5089,7 @@ 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;
@@ -5054,9 +5098,9 @@ class Zi extends HTMLElement {
         var g;
         return (g = l.classList) == null ? void 0 : g.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") || bt() !== null && (this.closeToolbarAndReset(), this.render());
     })), this.toolbarScrollListenerAdded || (this.toolbarScrollListenerAdded = !0, window.addEventListener("scroll", () => {
-      $t() !== null && (this.closeToolbarAndReset(), this.render());
+      bt() !== 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");
@@ -5103,12 +5147,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));
     }
   }
   /**
@@ -5127,18 +5171,18 @@ class Zi extends HTMLElement {
     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-")
+    const d = this.grid.paginationPosition.split("|").map((f) => f.trim()), a = this.grid.summaryPosition ? this.grid.summaryPosition.split("|").map((f) => f.trim()) : [], c = (f, b) => {
+      const v = d.filter(
+        (x) => b ? 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" : ""}">
+        (x) => b ? x.startsWith("top-") : x.startsWith("bottom-")
+      ), S = v.length > 0, y = _.length > 0;
+      return !S && !y ? "" : y && S && this.grid.summaryInline ? `<div class="wg__footer${b ? " wg__footer--top" : ""}">
 					${Nt(this, _[0])}
-					${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" : ""}">
+					${Yt(this, v[0])}
+				</div>` : [.../* @__PURE__ */ new Set([...v, ..._])].map((x) => {
+        const C = v.includes(x), T = _.includes(x);
+        return T && C ? `<div class="wg__footer${b ? " wg__footer--top" : ""}">
 						${Nt(this, x)}
 						${Yt(this, x)}
 					</div>` : T ? Nt(this, x) : Yt(this, x);
@@ -5146,15 +5190,15 @@ class Zi extends HTMLElement {
     }, l = c(d, !0), g = 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);
+      const f = this.grid.displayItems, b = this.grid.virtualScrollRowHeight, v = this.grid.virtualScrollBuffer, _ = (o == null ? void 0 : o.clientHeight) || 400, S = Math.max(0, Math.floor(i / b) - v), y = Math.ceil(_ / b) + v * 2, D = Math.min(f.length, S + y);
       this.virtualScrollStart = S, this.virtualScrollEnd = D;
       const x = {
         startIndex: S,
         endIndex: D,
-        rowHeight: v,
+        rowHeight: b,
         totalItems: f.length
       };
-      u = ve(this, x);
+      u = ye(this, x);
     } else
       u = _i(this);
     h && n.classList.add("wg--virtual-scroll");
@@ -5178,15 +5222,15 @@ 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 b = this.grid.editingCell.cursorPosition, v = this.getCurrentEditingColumn(), _ = ((m = v == null ? void 0 : v.editorOptions) == null ? void 0 : m.editStartSelection) || this.grid.editStartSelection;
         if (this.grid.editingCell.initialSearchQuery !== void 0) {
           const S = f.value.length;
           f.setSelectionRange(S, S);
         } else
           switch (_) {
             case "mousePosition":
-              if (v !== void 0) {
-                const S = Math.min(v, f.value.length);
+              if (b !== void 0) {
+                const S = Math.min(b, f.value.length);
                 f.setSelectionRange(S, S);
               } else
                 f.setSelectionRange(f.value.length, f.value.length);
@@ -5221,7 +5265,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 +5281,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 +5289,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 +5298,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 = Ve(i, n), o.dataset.dateValue = Wt(i), this.isCommittingFromKeyboard = !0, this.commitDateEditor(o);
     const d = parseInt(o.dataset.row || "0", 10), a = o.dataset.field || "";
     this.moveFocusAfterCommit(d, a, r || "down");
   }
@@ -5336,7 +5380,7 @@ class Zi extends HTMLElement {
         const u = this.shadow.querySelector(
           `td[data-row="${g}"][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: g, colIndex: o }));
       }
     };
     n.addEventListener("click", c), d.addEventListener("click", a), r.addEventListener("click", (l) => {
@@ -5360,13 +5404,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,7 +5426,7 @@ 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 && (vt(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];
@@ -5402,7 +5446,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 && (vt(this.contextMenuElement), this.contextMenuElement = null);
       },
       () => {
         this.contextMenuElement = null;
@@ -5415,10 +5459,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,
@@ -5448,7 +5492,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 +5512,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);
 export {
   Zi as GridElement,
-  Ue as WebGrid,
+  je as WebGrid,
   Zi as default
 };