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

package/dist/web-grid.js

@@ -1,14 +1,14 @@
-var ze = Object.defineProperty;
-var Fe = (t, e, o) => e in t ? ze(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
-var w = (t, e, o) => Fe(t, typeof e != "symbol" ? e + "" : e, o);
-class Ve {
+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
     // ==========================================================================
     w(this, "_items", []);
     w(this, "_columns", []);
-    w(this, "_sortable", !1);
+    w(this, "_sortMode", "none");
     w(this, "_filterable", !1);
     w(this, "_pageable", !1);
     w(this, "_pageSize", 10);
@@ -17,6 +17,7 @@ class Ve {
     w(this, "_hoverable", !0);
     w(this, "_editable", !1);
     w(this, "_editTrigger", "dblclick");
+    w(this, "_editStartSelection", "mousePosition");
     w(this, "_mode", "excel");
     w(this, "_dropdownToggleVisibility", "always");
     w(this, "_dropdownShowOnFocus", !0);
@@ -29,6 +30,7 @@ class Ve {
     w(this, "_toolbarAlign", "center");
     w(this, "_toolbarTopPosition", "center");
     w(this, "_toolbarTrigger", "hover");
+    w(this, "_toolbarPosition", "auto");
     w(this, "_contextMenu");
     // ==========================================================================
     // Callbacks
@@ -37,6 +39,7 @@ class Ve {
     w(this, "_onroweditstart");
     w(this, "_onroweditcancel");
     w(this, "_onvalidationerror");
+    w(this, "_validationTooltipCallback");
     w(this, "_ontoolbarclick");
     w(this, "_onrowaction");
     w(this, "_oncontextmenuopen");
@@ -100,11 +103,18 @@ class Ve {
   set columns(e) {
     this._columns = e, this.requestUpdate();
   }
+  get sortMode() {
+    return this._sortMode;
+  }
+  set sortMode(e) {
+    this._sortMode = e, this.requestUpdate();
+  }
+  /** @deprecated Use sortMode instead. sortable=true maps to sortMode="multi", sortable=false maps to sortMode="none" */
   get sortable() {
-    return this._sortable;
+    return this._sortMode !== "none";
   }
   set sortable(e) {
-    this._sortable = e, this.requestUpdate();
+    this._sortMode = e ? "multi" : "none", this.requestUpdate();
   }
   get filterable() {
     return this._filterable;
@@ -154,6 +164,12 @@ class Ve {
   set editTrigger(e) {
     this._editTrigger = e, this.requestUpdate();
   }
+  get editStartSelection() {
+    return this._editStartSelection;
+  }
+  set editStartSelection(e) {
+    this._editStartSelection = e;
+  }
   get mode() {
     return this._mode;
   }
@@ -239,7 +255,7 @@ class Ve {
     return this._toolbarTopPosition;
   }
   set toolbarTopPosition(e) {
-    this._toolbarTopPosition = e;
+    this._toolbarTopPosition = e, this.requestUpdate();
   }
   get toolbarTrigger() {
     return this._toolbarTrigger;
@@ -247,6 +263,12 @@ class Ve {
   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;
   }
@@ -415,6 +437,12 @@ class Ve {
   set onvalidationerror(e) {
     this._onvalidationerror = e;
   }
+  get validationTooltipCallback() {
+    return this._validationTooltipCallback;
+  }
+  set validationTooltipCallback(e) {
+    this._validationTooltipCallback = e;
+  }
   get ontoolbarclick() {
     return this._ontoolbarclick;
   }
@@ -720,102 +748,102 @@ class Ve {
     this._focusedCell = null;
   }
 }
-const qe = ':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-on-accent, #ffffff);--wg-surface-1: var(--base-surface-1, #ffffff);--wg-surface-2: var(--base-surface-2, #f5f5f5);--wg-surface-3: var(--base-surface-3, #ebebeb);--wg-surface-floating: var(--base-dropdown-bg, var(--base-surface-1, #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-surface-3, #f0f0f0);--wg-active-bg: var(--base-surface-3, #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}';
-function Gt(t, e, o) {
+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 ?? "");
 }
-function st(t, e) {
+function at(t, e) {
   if (e.getValueCallback) return e.getValueCallback(t);
   const o = e.valueMember || "value";
   return t[o] ?? t.value;
 }
-function Ye(t, e) {
+function Ke(t, e) {
   return e.getIconCallback ? e.getIconCallback(t) : e.iconMember && t[e.iconMember] || null;
 }
-function Ne(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 ot = Math.min, z = Math.max, xt = Math.round, St = Math.floor, Q = (t) => ({
+const it = Math.min, N = Math.max, Tt = Math.round, Dt = Math.floor, G = (t) => ({
   x: t,
   y: t
-}), Ue = {
+}), Xe = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, je = {
+}, Qe = {
   start: "end",
   end: "start"
 };
-function Nt(t, e, o) {
-  return z(t, ot(e, o));
+function Ut(t, e, o) {
+  return N(t, it(e, o));
 }
-function ht(t, e) {
+function pt(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function it(t) {
+function rt(t) {
   return t.split("-")[0];
 }
-function pt(t) {
+function ft(t) {
   return t.split("-")[1];
 }
-function _e(t) {
+function ke(t) {
   return t === "x" ? "y" : "x";
 }
-function Jt(t) {
+function Zt(t) {
   return t === "y" ? "height" : "width";
 }
-const Be = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Ge = /* @__PURE__ */ new Set(["top", "bottom"]);
 function tt(t) {
-  return Be.has(it(t)) ? "y" : "x";
+  return Ge.has(rt(t)) ? "y" : "x";
 }
-function Zt(t) {
-  return _e(tt(t));
+function te(t) {
+  return ke(tt(t));
 }
-function Ke(t, e, o) {
+function Je(t, e, o) {
   o === void 0 && (o = !1);
-  const i = pt(t), r = Zt(t), s = Jt(r);
+  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 We(t) {
-  const e = kt(t);
-  return [Ut(t), e, Ut(e)];
+function Ze(t) {
+  const e = Et(t);
+  return [jt(t), e, jt(e)];
 }
-function Ut(t) {
-  return t.replace(/start|end/g, (e) => je[e]);
+function jt(t) {
+  return t.replace(/start|end/g, (e) => Qe[e]);
 }
-const ne = ["left", "right"], se = ["right", "left"], Xe = ["top", "bottom"], Qe = ["bottom", "top"];
-function Ge(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 ? se : ne : e ? ne : se;
+      return o ? e ? de : le : e ? le : de;
     case "left":
     case "right":
-      return e ? Xe : Qe;
+      return e ? to : eo;
     default:
       return [];
   }
 }
-function Je(t, e, o, i) {
-  const r = pt(t);
-  let s = Ge(it(t), o === "start", i);
-  return r && (s = s.map((n) => n + "-" + r), e && (s = s.concat(s.map(Ut)))), s;
+function io(t, e, o, i) {
+  const r = ft(t);
+  let s = oo(rt(t), o === "start", i);
+  return r && (s = s.map((n) => n + "-" + r), e && (s = s.concat(s.map(jt)))), s;
 }
-function kt(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Ue[e]);
+function Et(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => Xe[e]);
 }
-function Ze(t) {
+function ro(t) {
   return {
     top: 0,
     right: 0,
@@ -824,15 +852,15 @@ function Ze(t) {
     ...t
   };
 }
-function ye(t) {
-  return typeof t != "number" ? Ze(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,
@@ -850,12 +878,12 @@ function Dt(t) {
     y: o
   };
 }
-function ae(t, e, o) {
+function ce(t, e, o) {
   let {
     reference: i,
     floating: r
   } = t;
-  const s = tt(e), n = Zt(e), d = Jt(n), a = it(e), c = s === "y", l = i.x + i.width / 2 - r.width / 2, g = i.y + i.height / 2 - r.height / 2, h = i[d] / 2 - r[d] / 2;
+  const s = tt(e), n = te(e), d = Zt(n), a = rt(e), c = s === "y", l = i.x + i.width / 2 - r.width / 2, g = i.y + i.height / 2 - r.height / 2, h = i[d] / 2 - r[d] / 2;
   let u;
   switch (a) {
     case "top":
@@ -888,7 +916,7 @@ function ae(t, e, o) {
         y: i.y
       };
   }
-  switch (pt(e)) {
+  switch (ft(e)) {
     case "start":
       u[n] -= h * (o && c ? -1 : 1);
       break;
@@ -898,7 +926,7 @@ function ae(t, e, o) {
   }
   return u;
 }
-const to = async (t, e, o) => {
+const no = async (t, e, o) => {
   const {
     placement: i = "bottom",
     strategy: r = "absolute",
@@ -912,7 +940,7 @@ const to = async (t, e, o) => {
   }), {
     x: l,
     y: g
-  } = ae(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,
@@ -920,7 +948,7 @@ const to = async (t, e, o) => {
     } = d[m], {
       x: v,
       y: _,
-      data: C,
+      data: S,
       reset: y
     } = await b({
       x: l,
@@ -940,7 +968,7 @@ const to = async (t, e, o) => {
       ...u,
       [f]: {
         ...u[f],
-        ...C
+        ...S
       }
     }, y && p <= 50 && (p++, typeof y == "object" && (y.placement && (h = y.placement), y.rects && (c = y.rects === !0 ? await n.getElementRects({
       reference: t,
@@ -949,7 +977,7 @@ const to = async (t, e, o) => {
     }) : y.rects), {
       x: l,
       y: g
-    } = ae(c, h, a)), m = -1);
+    } = ce(c, h, a)), m = -1);
   }
   return {
     x: l,
@@ -959,7 +987,7 @@ const to = async (t, e, o) => {
     middlewareData: u
   };
 };
-async function te(t, e) {
+async function ee(t, e) {
   var o;
   e === void 0 && (e = {});
   const {
@@ -975,7 +1003,7 @@ async function te(t, e) {
     elementContext: g = "floating",
     altBoundary: h = !1,
     padding: u = 0
-  } = ht(e, t), p = ye(u), f = d[h ? g === "floating" ? "reference" : "floating" : g], b = 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,
@@ -985,26 +1013,26 @@ async function te(t, e) {
     y: r,
     width: n.floating.width,
     height: n.floating.height
-  } : n.reference, _ = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(d.floating)), C = await (s.isElement == null ? void 0 : s.isElement(_)) ? await (s.getScale == null ? void 0 : s.getScale(_)) || {
+  } : n.reference, _ = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(d.floating)), S = await (s.isElement == null ? void 0 : s.isElement(_)) ? await (s.getScale == null ? void 0 : s.getScale(_)) || {
     x: 1,
     y: 1
   } : {
     x: 1,
     y: 1
-  }, y = Dt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, y = $t(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: d,
     rect: v,
     offsetParent: _,
     strategy: a
   }) : v);
   return {
-    top: (b.top - y.top + p.top) / C.y,
-    bottom: (y.bottom - b.bottom + p.bottom) / C.y,
-    left: (b.left - y.left + p.left) / C.x,
-    right: (y.right - b.right + p.right) / C.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 eo = (t) => ({
+const so = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -1019,29 +1047,29 @@ const eo = (t) => ({
     } = e, {
       element: c,
       padding: l = 0
-    } = ht(t, e) || {};
+    } = pt(t, e) || {};
     if (c == null)
       return {};
-    const g = ye(l), h = {
+    const g = De(l), h = {
       x: o,
       y: i
-    }, u = Zt(r), p = Jt(u), m = await n.getDimensions(c), f = u === "y", b = f ? "top" : "left", v = f ? "bottom" : "right", _ = f ? "clientHeight" : "clientWidth", C = s.reference[p] + s.reference[u] - h[u] - s.floating[p], y = h[u] - s.reference[u], k = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
-    let x = k ? k[_] : 0;
-    (!x || !await (n.isElement == null ? void 0 : n.isElement(k))) && (x = d.floating[_] || s.floating[p]);
-    const S = C / 2 - y / 2, T = x / 2 - m[p] / 2 - 1, D = ot(g[b], T), q = ot(g[v], T), R = D, K = x - m[p] - q, M = x / 2 - m[p] / 2 + S, A = Nt(R, M, K), Y = !a.arrow && pt(r) != null && M !== A && s.reference[p] / 2 - (M < R ? D : q) - m[p] / 2 < 0, I = Y ? M < R ? M - R : M - K : 0;
+    }, u = te(r), p = Zt(u), m = await n.getDimensions(c), f = u === "y", b = f ? "top" : "left", v = f ? "bottom" : "right", _ = f ? "clientHeight" : "clientWidth", S = s.reference[p] + s.reference[u] - h[u] - s.floating[p], y = h[u] - s.reference[u], D = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
+    let x = D ? D[_] : 0;
+    (!x || !await (n.isElement == null ? void 0 : n.isElement(D))) && (x = d.floating[_] || s.floating[p]);
+    const C = S / 2 - y / 2, T = x / 2 - m[p] / 2 - 1, k = it(g[b], T), E = it(g[v], T), A = k, H = x - m[p] - E, O = x / 2 - m[p] / 2 + C, R = Ut(A, O, H), z = !a.arrow && ft(r) != null && O !== R && s.reference[p] / 2 - (O < A ? k : E) - m[p] / 2 < 0, F = z ? O < A ? O - A : O - H : 0;
     return {
-      [u]: h[u] + I,
+      [u]: h[u] + F,
       data: {
-        [u]: A,
-        centerOffset: M - A - I,
-        ...Y && {
-          alignmentOffset: I
+        [u]: R,
+        centerOffset: O - R - F,
+        ...z && {
+          alignmentOffset: F
         }
       },
-      reset: Y
+      reset: z
     };
   }
-}), oo = function(t) {
+}), ao = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -1062,73 +1090,73 @@ const eo = (t) => ({
         fallbackAxisSideDirection: p = "none",
         flipAlignment: m = !0,
         ...f
-      } = ht(t, e);
+      } = pt(t, e);
       if ((o = s.arrow) != null && o.alignmentOffset)
         return {};
-      const b = it(r), v = tt(d), _ = it(d) === d, C = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), y = h || (_ || !m ? [kt(d)] : We(d)), k = p !== "none";
-      !h && k && y.push(...Je(d, m, p, C));
-      const x = [d, ...y], S = await te(e, f), T = [];
-      let D = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (l && T.push(S[b]), g) {
-        const M = Ke(r, n, C);
-        T.push(S[M[0]], S[M[1]]);
+      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[b]), g) {
+        const O = Je(r, n, S);
+        T.push(C[O[0]], C[O[1]]);
       }
-      if (D = [...D, {
+      if (k = [...k, {
         placement: r,
         overflows: T
-      }], !T.every((M) => M <= 0)) {
-        var q, R;
-        const M = (((q = s.flip) == null ? void 0 : q.index) || 0) + 1, A = x[M];
-        if (A && (!(g === "alignment" ? v !== tt(A) : !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.
-        D.every((L) => tt(L.placement) === v ? L.overflows[0] > 0 : !0)))
+        k.every((V) => tt(V.placement) === v ? V.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: M,
-              overflows: D
+              index: O,
+              overflows: k
             },
             reset: {
-              placement: A
+              placement: R
             }
           };
-        let Y = (R = D.filter((I) => I.overflows[0] <= 0).sort((I, L) => I.overflows[1] - L.overflows[1])[0]) == null ? void 0 : R.placement;
-        if (!Y)
+        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 K;
-              const I = (K = D.filter((L) => {
-                if (k) {
-                  const N = tt(L.placement);
-                  return N === v || // Create a bias to the `y` side axis due to horizontal
+              var H;
+              const F = (H = k.filter((V) => {
+                if (D) {
+                  const P = tt(V.placement);
+                  return P === v || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  N === "y";
+                  P === "y";
                 }
                 return !0;
-              }).map((L) => [L.placement, L.overflows.filter((N) => N > 0).reduce((N, Z) => N + Z, 0)]).sort((L, N) => L[1] - N[1])[0]) == null ? void 0 : K[0];
-              I && (Y = I);
+              }).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":
-              Y = d;
+              z = d;
               break;
           }
-        if (r !== Y)
+        if (r !== z)
           return {
             reset: {
-              placement: Y
+              placement: z
             }
           };
       }
       return {};
     }
   };
-}, io = /* @__PURE__ */ new Set(["left", "top"]);
-async function ro(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 = it(o), d = pt(o), a = tt(o) === "y", c = io.has(n) ? -1 : 1, l = s && a ? -1 : 1, g = ht(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,
@@ -1150,7 +1178,7 @@ async function ro(t, e) {
     y: u * l
   };
 }
-const no = function(t) {
+const go = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -1161,7 +1189,7 @@ const no = function(t) {
         y: s,
         placement: n,
         middlewareData: d
-      } = e, a = await ro(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,
@@ -1172,7 +1200,7 @@ const no = function(t) {
       };
     }
   };
-}, so = function(t) {
+}, uo = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -1197,18 +1225,18 @@ const no = function(t) {
           }
         },
         ...a
-      } = ht(t, e), c = {
+      } = pt(t, e), c = {
         x: o,
         y: i
-      }, l = await te(e, a), g = tt(it(r)), h = _e(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", b = h === "y" ? "bottom" : "right", v = u + l[f], _ = u - l[b];
-        u = Nt(v, u, _);
+        u = Ut(v, u, _);
       }
       if (n) {
         const f = g === "y" ? "top" : "left", b = g === "y" ? "bottom" : "right", v = p + l[f], _ = p - l[b];
-        p = Nt(v, p, _);
+        p = Ut(v, p, _);
       }
       const m = d.fn({
         ...e,
@@ -1228,7 +1256,7 @@ const no = function(t) {
       };
     }
   };
-}, ao = function(t) {
+}, ho = function(t) {
   return t === void 0 && (t = {}), {
     name: "size",
     options: t,
@@ -1243,21 +1271,21 @@ const no = function(t) {
         apply: a = () => {
         },
         ...c
-      } = ht(t, e), l = await te(e, c), g = it(r), h = pt(r), u = tt(r) === "y", {
+      } = pt(t, e), l = await ee(e, c), g = rt(r), h = ft(r), u = tt(r) === "y", {
         width: p,
         height: m
       } = s.floating;
       let f, b;
       g === "top" || g === "bottom" ? (f = g, b = h === (await (n.isRTL == null ? void 0 : n.isRTL(d.floating)) ? "start" : "end") ? "left" : "right") : (b = g, f = h === "end" ? "top" : "bottom");
-      const v = m - l.top - l.bottom, _ = p - l.left - l.right, C = ot(m - l[f], v), y = ot(p - l[b], _), k = !e.middlewareData.shift;
-      let x = C, S = y;
-      if ((o = e.middlewareData.shift) != null && o.enabled.x && (S = _), (i = e.middlewareData.shift) != null && i.enabled.y && (x = v), k && !h) {
-        const D = z(l.left, 0), q = z(l.right, 0), R = z(l.top, 0), K = z(l.bottom, 0);
-        u ? S = p - 2 * (D !== 0 || q !== 0 ? D + q : z(l.left, l.right)) : x = m - 2 * (R !== 0 || K !== 0 ? R + K : z(l.top, l.bottom));
+      const v = m - l.top - l.bottom, _ = p - l.left - l.right, S = it(m - l[f], v), y = it(p - l[b], _), D = !e.middlewareData.shift;
+      let x = S, C = y;
+      if ((o = e.middlewareData.shift) != null && o.enabled.x && (C = _), (i = e.middlewareData.shift) != null && i.enabled.y && (x = v), D && !h) {
+        const k = N(l.left, 0), E = N(l.right, 0), A = N(l.top, 0), H = N(l.bottom, 0);
+        u ? C = p - 2 * (k !== 0 || E !== 0 ? k + E : N(l.left, l.right)) : x = m - 2 * (A !== 0 || H !== 0 ? A + H : N(l.top, l.bottom));
       }
       await a({
         ...e,
-        availableWidth: S,
+        availableWidth: C,
         availableHeight: x
       });
       const T = await n.getDimensions(d.floating);
@@ -1269,49 +1297,49 @@ const no = function(t) {
     }
   };
 };
-function Mt() {
+function Ot() {
   return typeof window < "u";
 }
-function ft(t) {
-  return Ce(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function wt(t) {
+  return Te(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function F(t) {
+function U(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function J(t) {
+function Z(t) {
   var e;
-  return (e = (Ce(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 Ce(t) {
-  return Mt() ? t instanceof Node || t instanceof F(t).Node : !1;
+function Te(t) {
+  return Ot() ? t instanceof Node || t instanceof U(t).Node : !1;
 }
-function j(t) {
-  return Mt() ? t instanceof Element || t instanceof F(t).Element : !1;
+function X(t) {
+  return Ot() ? t instanceof Element || t instanceof U(t).Element : !1;
 }
-function G(t) {
-  return Mt() ? t instanceof HTMLElement || t instanceof F(t).HTMLElement : !1;
+function J(t) {
+  return Ot() ? t instanceof HTMLElement || t instanceof U(t).HTMLElement : !1;
 }
-function le(t) {
-  return !Mt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof F(t).ShadowRoot;
+function ge(t) {
+  return !Ot() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof U(t).ShadowRoot;
 }
-const lo = /* @__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
-  } = B(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + i + o) && !lo.has(r);
+  } = Q(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + i + o) && !po.has(r);
 }
-const co = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function go(t) {
-  return co.has(ft(t));
+const fo = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function wo(t) {
+  return fo.has(wt(t));
 }
-const uo = [":popover-open", ":modal"];
-function At(t) {
-  return uo.some((e) => {
+const mo = [":popover-open", ":modal"];
+function Rt(t) {
+  return mo.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -1319,34 +1347,34 @@ function At(t) {
     }
   });
 }
-const ho = ["transform", "translate", "scale", "rotate", "perspective"], po = ["transform", "translate", "scale", "rotate", "perspective", "filter"], fo = ["paint", "layout", "strict", "content"];
-function ee(t) {
-  const e = oe(), o = j(t) ? B(t) : t;
-  return ho.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) || po.some((i) => (o.willChange || "").includes(i)) || fo.some((i) => (o.contain || "").includes(i));
+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 = 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 wo(t) {
-  let e = rt(t);
-  for (; G(e) && !ut(e); ) {
-    if (ee(e))
+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 = rt(e);
+    e = nt(e);
   }
   return null;
 }
-function oe() {
+function ie() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const mo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function ut(t) {
-  return mo.has(ft(t));
+const Co = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function ht(t) {
+  return Co.has(wt(t));
 }
-function B(t) {
-  return F(t).getComputedStyle(t);
+function Q(t) {
+  return U(t).getComputedStyle(t);
 }
-function Ot(t) {
-  return j(t) ? {
+function Pt(t) {
+  return X(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -1354,127 +1382,127 @@ function Ot(t) {
     scrollTop: t.scrollY
   };
 }
-function rt(t) {
-  if (ft(t) === "html")
+function nt(t) {
+  if (wt(t) === "html")
     return t;
   const e = (
     // Step into the shadow DOM of the parent of a slotted node.
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
-    le(t) && t.host || // Fallback.
-    J(t)
+    ge(t) && t.host || // Fallback.
+    Z(t)
   );
-  return le(e) ? e.host : e;
+  return ge(e) ? e.host : e;
 }
-function Se(t) {
-  const e = rt(t);
-  return ut(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : G(e) && Ct(e) ? e : Se(e);
+function Ee(t) {
+  const e = nt(t);
+  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 = Se(t), s = r === ((i = t.ownerDocument) == null ? void 0 : i.body), n = F(r);
+  const r = Ee(t), s = r === ((i = t.ownerDocument) == null ? void 0 : i.body), n = U(r);
   if (s) {
-    const d = jt(n);
-    return e.concat(n, n.visualViewport || [], Ct(r) ? r : [], d && o ? vt(d) : []);
+    const d = Bt(n);
+    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 jt(t) {
+function Bt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function xe(t) {
-  const e = B(t);
+function $e(t) {
+  const e = Q(t);
   let o = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const r = G(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,
     $: d
   };
 }
-function ie(t) {
-  return j(t) ? t : t.contextElement;
+function re(t) {
+  return X(t) ? t : t.contextElement;
 }
-function gt(t) {
-  const e = ie(t);
-  if (!G(e))
-    return Q(1);
+function ut(t) {
+  const e = re(t);
+  if (!J(e))
+    return G(1);
   const o = e.getBoundingClientRect(), {
     width: i,
     height: r,
     $: s
-  } = xe(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 bo = /* @__PURE__ */ Q(0);
-function ke(t) {
-  const e = F(t);
-  return !oe() || !e.visualViewport ? bo : {
+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 vo(t, e, o) {
-  return e === void 0 && (e = !1), !o || e && o !== F(t) ? !1 : e;
+function xo(t, e, o) {
+  return e === void 0 && (e = !1), !o || e && o !== U(t) ? !1 : e;
 }
-function at(t, e, o, i) {
+function lt(t, e, o, i) {
   e === void 0 && (e = !1), o === void 0 && (o = !1);
-  const r = t.getBoundingClientRect(), s = ie(t);
-  let n = Q(1);
-  e && (i ? j(i) && (n = gt(i)) : n = gt(t));
-  const d = vo(s, o, i) ? ke(s) : Q(0);
+  const r = t.getBoundingClientRect(), s = re(t);
+  let n = G(1);
+  e && (i ? X(i) && (n = ut(i)) : n = ut(t));
+  const d = xo(s, o, i) ? Me(s) : G(0);
   let a = (r.left + d.x) / n.x, c = (r.top + d.y) / n.y, l = r.width / n.x, g = r.height / n.y;
   if (s) {
-    const h = F(s), u = i && j(i) ? F(i) : i;
-    let p = h, m = jt(p);
+    const h = U(s), u = i && X(i) ? U(i) : i;
+    let p = h, m = Bt(p);
     for (; m && i && u !== p; ) {
-      const f = gt(m), b = m.getBoundingClientRect(), v = B(m), _ = b.left + (m.clientLeft + parseFloat(v.paddingLeft)) * f.x, C = b.top + (m.clientTop + parseFloat(v.paddingTop)) * f.y;
-      a *= f.x, c *= f.y, l *= f.x, g *= f.y, a += _, c += C, p = F(m), m = jt(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;
-  return e ? e.left + o : at(J(t)).left + o;
+function It(t, e) {
+  const o = Pt(t).scrollLeft;
+  return e ? e.left + o : lt(Z(t)).left + o;
 }
-function De(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 _o(t) {
+function ko(t) {
   let {
     elements: e,
     rect: o,
     offsetParent: i,
     strategy: r
   } = t;
-  const s = r === "fixed", n = J(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 = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = Q(1);
-  const l = Q(0), g = G(i);
-  if ((g || !g && !s) && ((ft(i) !== "body" || Ct(n)) && (a = Ot(i)), G(i))) {
-    const u = at(i);
-    c = gt(i), l.x = u.x + i.clientLeft, l.y = u.y + i.clientTop;
+  }, c = G(1);
+  const l = G(0), g = J(i);
+  if ((g || !g && !s) && ((wt(i) !== "body" || St(n)) && (a = Pt(i)), J(i))) {
+    const u = lt(i);
+    c = ut(i), l.x = u.x + i.clientLeft, l.y = u.y + i.clientTop;
   }
-  const h = n && !g && !s ? De(n, a) : Q(0);
+  const h = n && !g && !s ? Ae(n, a) : G(0);
   return {
     width: o.width * c.x,
     height: o.height * c.y,
@@ -1482,34 +1510,34 @@ function _o(t) {
     y: o.y * c.y - a.scrollTop * c.y + l.y + h.y
   };
 }
-function yo(t) {
+function Do(t) {
   return Array.from(t.getClientRects());
 }
-function Co(t) {
-  const e = J(t), o = Ot(t), i = t.ownerDocument.body, r = z(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = z(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 B(i).direction === "rtl" && (n += z(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 de = 25;
-function So(t, e) {
-  const o = F(t), i = J(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 = oe();
+    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 <= de && (s -= p);
-  } else c <= de && (s += c);
+    p <= ue && (s -= p);
+  } else c <= ue && (s += c);
   return {
     width: s,
     height: n,
@@ -1517,9 +1545,9 @@ function So(t, e) {
     y: a
   };
 }
-const xo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function ko(t, e) {
-  const o = at(t, !0, e === "fixed"), i = o.top + t.clientTop, r = o.left + t.clientLeft, s = G(t) ? gt(t) : Q(1), n = t.clientWidth * s.x, d = t.clientHeight * s.y, a = r * s.x, c = i * s.y;
+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,
     height: d,
@@ -1527,16 +1555,16 @@ function ko(t, e) {
     y: c
   };
 }
-function ce(t, e, o) {
+function he(t, e, o) {
   let i;
   if (e === "viewport")
-    i = So(t, o);
+    i = Eo(t, o);
   else if (e === "document")
-    i = Co(J(t));
-  else if (j(e))
-    i = ko(e, o);
+    i = To(Z(t));
+  else if (X(e))
+    i = Mo(e, o);
   else {
-    const r = ke(t);
+    const r = Me(t);
     i = {
       x: e.x - r.x,
       y: e.y - r.y,
@@ -1544,36 +1572,36 @@ function ce(t, e, o) {
       height: e.height
     };
   }
-  return Dt(i);
+  return $t(i);
 }
-function Te(t, e) {
-  const o = rt(t);
-  return o === e || !j(o) || ut(o) ? !1 : B(o).position === "fixed" || Te(o, e);
+function Oe(t, e) {
+  const o = nt(t);
+  return o === e || !X(o) || ht(o) ? !1 : Q(o).position === "fixed" || Oe(o, e);
 }
-function Do(t, e) {
+function Ao(t, e) {
   const o = e.get(t);
   if (o)
     return o;
-  let i = vt(t, [], !1).filter((d) => j(d) && ft(d) !== "body"), r = null;
-  const s = B(t).position === "fixed";
-  let n = s ? rt(t) : t;
-  for (; j(n) && !ut(n); ) {
-    const d = B(n), a = ee(n);
-    !a && d.position === "fixed" && (r = null), (s ? !a && !r : !a && d.position === "static" && !!r && xo.has(r.position) || Ct(n) && !a && Te(t, n)) ? i = i.filter((l) => l !== n) : r = d, n = rt(n);
+  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 (; 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 To(t) {
+function Oo(t) {
   let {
     element: e,
     boundary: o,
     rootBoundary: i,
     strategy: r
   } = t;
-  const n = [...o === "clippingAncestors" ? At(e) ? [] : Do(e, this._c) : [].concat(o), i], d = n[0], a = n.reduce((c, l) => {
-    const g = ce(e, l, r);
-    return c.top = z(g.top, c.top), c.right = ot(g.right, c.right), c.bottom = ot(g.bottom, c.bottom), c.left = z(g.left, c.left), c;
-  }, ce(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,
@@ -1581,33 +1609,33 @@ function To(t) {
     y: a.top
   };
 }
-function Eo(t) {
+function Ro(t) {
   const {
     width: e,
     height: o
-  } = xe(t);
+  } = $e(t);
   return {
     width: e,
     height: o
   };
 }
-function $o(t, e, o) {
-  const i = G(e), r = J(e), s = o === "fixed", n = at(t, !0, s, e);
+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,
     scrollTop: 0
   };
-  const a = Q(0);
+  const a = G(0);
   function c() {
-    a.x = Rt(r);
+    a.x = It(r);
   }
   if (i || !i && !s)
-    if ((ft(e) !== "body" || Ct(r)) && (d = Ot(e)), i) {
-      const u = at(e, !0, s, e);
+    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 ? De(r, d) : Q(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,
@@ -1616,38 +1644,38 @@ function $o(t, e, o) {
   };
 }
 function Ht(t) {
-  return B(t).position === "static";
+  return Q(t).position === "static";
 }
-function ge(t, e) {
-  if (!G(t) || B(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 J(t) === o && (o = o.ownerDocument.body), o;
+  return Z(t) === o && (o = o.ownerDocument.body), o;
 }
-function Ee(t, e) {
-  const o = F(t);
-  if (At(t))
+function Re(t, e) {
+  const o = U(t);
+  if (Rt(t))
     return o;
-  if (!G(t)) {
-    let r = rt(t);
-    for (; r && !ut(r); ) {
-      if (j(r) && !Ht(r))
+  if (!J(t)) {
+    let r = nt(t);
+    for (; r && !ht(r); ) {
+      if (X(r) && !Ht(r))
         return r;
-      r = rt(r);
+      r = nt(r);
     }
     return o;
   }
-  let i = ge(t, e);
-  for (; i && go(i) && Ht(i); )
-    i = ge(i, e);
-  return i && ut(i) && Ht(i) && !ee(i) ? o : i || wo(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 Mo = async function(t) {
-  const e = this.getOffsetParent || Ee, 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: $o(t.reference, await e(t.floating), t.strategy),
+    reference: Po(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1656,27 +1684,27 @@ const Mo = async function(t) {
     }
   };
 };
-function Ao(t) {
-  return B(t).direction === "rtl";
-}
-const Oo = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: _o,
-  getDocumentElement: J,
-  getClippingRect: To,
-  getOffsetParent: Ee,
-  getElementRects: Mo,
-  getClientRects: yo,
-  getDimensions: Eo,
-  getScale: gt,
-  isElement: j,
-  isRTL: Ao
+function Lo(t) {
+  return Q(t).direction === "rtl";
+}
+const Ho = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ko,
+  getDocumentElement: Z,
+  getClippingRect: Oo,
+  getOffsetParent: Re,
+  getElementRects: Io,
+  getClientRects: Do,
+  getDimensions: Ro,
+  getScale: ut,
+  isElement: X,
+  isRTL: Lo
 };
-function $e(t, e) {
+function Pe(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
-function Ro(t, e) {
+function zo(t, e) {
   let o = null, i;
-  const r = J(t);
+  const r = Z(t);
   function s() {
     var d;
     clearTimeout(i), (d = o) == null || d.disconnect(), o = null;
@@ -1691,21 +1719,21 @@ function Ro(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)), b = St(l), _ = {
+    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: z(0, ot(1, a)) || 1
+      threshold: N(0, it(1, a)) || 1
     };
-    let C = !0;
-    function y(k) {
-      const x = k[0].intersectionRatio;
+    let S = !0;
+    function y(D) {
+      const x = D[0].intersectionRatio;
       if (x !== a) {
-        if (!C)
+        if (!S)
           return n();
         x ? n(!1, x) : i = setTimeout(() => {
           n(!1, 1e-7);
         }, 1e3);
       }
-      x === 1 && !$e(c, t.getBoundingClientRect()) && n(), C = !1;
+      x === 1 && !Pe(c, t.getBoundingClientRect()) && n(), S = !1;
     }
     try {
       o = new IntersectionObserver(y, {
@@ -1720,7 +1748,7 @@ function Ro(t, e) {
   }
   return n(!0), s;
 }
-function Io(t, e, o, i) {
+function Fo(t, e, o, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: r = !0,
@@ -1728,13 +1756,13 @@ function Io(t, e, o, i) {
     elementResize: n = typeof ResizeObserver == "function",
     layoutShift: d = typeof IntersectionObserver == "function",
     animationFrame: a = !1
-  } = i, c = ie(t), l = r || s ? [...c ? vt(c) : [], ...vt(e)] : [];
+  } = i, c = re(t), l = r || s ? [...c ? _t(c) : [], ..._t(e)] : [];
   l.forEach((b) => {
     r && b.addEventListener("scroll", o, {
       passive: !0
     }), s && b.addEventListener("resize", o);
   });
-  const g = c && d ? Ro(c, o) : null;
+  const g = c && d ? zo(c, o) : null;
   let h = -1, u = null;
   n && (u = new ResizeObserver((b) => {
     let [v] = b;
@@ -1743,11 +1771,11 @@ function Io(t, e, o, i) {
       (_ = u) == null || _.observe(e);
     })), o();
   }), c && !a && u.observe(c), u.observe(e));
-  let p, m = a ? at(t) : null;
+  let p, m = a ? lt(t) : null;
   a && f();
   function f() {
-    const b = at(t);
-    m && !$e(m, b) && o(), m = b, p = requestAnimationFrame(f);
+    const b = lt(t);
+    m && !Pe(m, b) && o(), m = b, p = requestAnimationFrame(f);
   }
   return o(), () => {
     var b;
@@ -1756,22 +1784,22 @@ function Io(t, e, o, i) {
     }), g == null || g(), (b = u) == null || b.disconnect(), u = null, a && cancelAnimationFrame(p);
   };
 }
-const It = no, Me = so, Lt = oo, Lo = ao, Po = eo, 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: Oo,
+    platform: Ho,
     ...o
   }, s = {
     ...r.platform,
     _c: i
   };
-  return to(t, e, {
+  return no(t, e, {
     ...r,
     platform: s
   });
 };
-function lt(t, e, o, i) {
+function dt(t, e, o, i) {
   var s;
-  O(t);
+  L(t);
   const r = document.createElement("div");
   if (r.className = "wg__dropdown", r.style.cssText = `
 		position: fixed;
@@ -1785,12 +1813,12 @@ function lt(t, e, o, i) {
   else {
     const n = t.grid.editingCell, d = n ? (s = t.grid.displayItems[n.rowIndex]) == null ? void 0 : s[n.field] : void 0;
     r.innerHTML = o.map((a, c) => {
-      const l = c === t.highlightedIndex, g = st(a, i) === d, h = mt(a, i);
+      const l = c === t.highlightedIndex, g = at(a, i) === d, h = mt(a, i);
       if (i.renderOptionCallback) {
         const _ = { index: c, isHighlighted: l, isSelected: g, isDisabled: h };
         return i.renderOptionCallback(a, _);
       }
-      const u = yt(a, i), p = Ye(a, i), m = Ne(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 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"' : ""}>
@@ -1802,14 +1830,14 @@ function lt(t, e, o, i) {
 			</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
-      It(1),
-      Lt({ fallbackPlacements: ["top-start"] }),
-      Lo({
+      Lt(1),
+      xt({ fallbackPlacements: ["top-start"] }),
+      Vo({
         apply({ rects: n }) {
           Object.assign(r.style, {
             width: `${n.reference.width}px`
@@ -1824,19 +1852,19 @@ function lt(t, e, o, i) {
     });
   }), r;
 }
-function O(t) {
+function L(t) {
   const e = t.shadow.querySelector(".wg__dropdown");
   e == null || e.remove(), t.dropdownOpen = !1, t.highlightedIndex = -1, t.filterText = "";
 }
-function Ae(t, e, o = !0) {
+function Ie(t, e, o = !0) {
   const i = t.dropdownOptions[e];
   if (!i) return;
   const r = t.grid.editingCell;
   if (!r) return;
   const s = t.getCurrentEditorOptions();
   if (mt(i, s)) return;
-  const n = st(i, s), d = t.grid.columns.findIndex((c) => String(c.field) === r.field), a = t.grid.displayItems[r.rowIndex];
-  if (s.onselect && a && s.onselect(i, a), t.justSelected = !0, t.isCommittingFromKeyboard = !0, O(t), t.grid.commitEdit(r.rowIndex, r.field, n), o)
+  const n = at(i, s), d = t.grid.columns.findIndex((c) => String(c.field) === r.field), a = t.grid.displayItems[r.rowIndex];
+  if (s.onselect && a && s.onselect(i, a), t.justSelected = !0, t.isCommittingFromKeyboard = !0, L(t), t.grid.commitEdit(r.rowIndex, r.field, n), o)
     t.moveFocusAfterCommit(r.rowIndex, r.field, "down");
   else {
     const c = t.shadow.querySelector(
@@ -1855,17 +1883,17 @@ function et(t) {
     i.classList.toggle("wg__dropdown-option--highlighted", r === t.highlightedIndex);
   });
 }
-function ue(t) {
+function fe(t) {
   const e = t.shadow.querySelector(".wg__dropdown-option--highlighted");
   e == null || e.scrollIntoView({ block: "nearest" });
 }
-function he(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 X(t) {
+function W(t) {
   if (t.justSelected) return;
   const e = t.getCurrentEditingColumn();
   if (!e) return;
@@ -1875,13 +1903,13 @@ function X(t) {
     const n = o.options || [];
     if (t.filterText) {
       const d = t.filterText.toLowerCase();
-      t.dropdownOptions = n.filter((a) => yt(a, o).toLowerCase().includes(d)), r = t.dropdownOptions.length > 0 ? 0 : -1;
+      t.dropdownOptions = n.filter((a) => Ct(a, o).toLowerCase().includes(d)), r = t.dropdownOptions.length > 0 ? 0 : -1;
     } else {
       t.dropdownOptions = n;
       const d = t.grid.editingCell;
       if (d) {
         const a = t.grid.displayItems[d.rowIndex], c = a ? a[d.field] : void 0, l = t.dropdownOptions.findIndex(
-          (g) => st(g, o) === c
+          (g) => at(g, o) === c
         );
         r = l >= 0 ? l : 0;
       } else
@@ -1895,7 +1923,7 @@ function X(t) {
       a = l ? l[d.field] : void 0;
     }
     const c = n.findIndex(
-      (l) => st(l, o) === a
+      (l) => at(l, o) === a
     );
     if (c >= 0)
       t.dropdownOptions = n, r = c;
@@ -1916,42 +1944,42 @@ function X(t) {
   if (s && t.dropdownOptions.length > 0) {
     const n = t.filterText;
     t.isOpeningDropdown = !0;
-    const d = lt(t, s, t.dropdownOptions, o);
-    dt(t, d), t.filterText = n, t.highlightedIndex = r, et(t);
+    const d = dt(t, s, t.dropdownOptions, o);
+    ct(t, d), t.filterText = n, t.highlightedIndex = r, et(t);
     const a = t.shadow.querySelector(".wg__select-trigger"), c = t.shadow.querySelector(".wg__combobox-input, .wg__autocomplete-input"), l = a || c;
     l && l.focus(), requestAnimationFrame(() => {
       t.isOpeningDropdown = !1;
     });
   }
 }
-function pe(t) {
-  t.dropdownOpen ? O(t) : X(t);
+function me(t) {
+  t.dropdownOpen ? L(t) : W(t);
 }
-function dt(t, e) {
+function ct(t, e) {
   e.addEventListener("mousedown", (o) => {
     o.preventDefault();
     const i = o.target.closest(".wg__dropdown-option");
     if (i && !i.hasAttribute("data-disabled")) {
       const r = parseInt(i.getAttribute("data-index") || "0", 10);
-      Ae(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 fe(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) {
-      const n = lt(t, s, t.dropdownOptions, e);
-      dt(t, n), t.filterText = r, t.highlightedIndex = 0, et(t);
+      const n = dt(t, s, t.dropdownOptions, e);
+      ct(t, n), t.filterText = r, t.highlightedIndex = 0, et(t);
     } else
-      O(t);
+      L(t);
 }
-function Ho(t, e) {
+function Yo(t, e) {
   const o = e.target;
   t.filterText = o.value, t.isUserFiltering = !0;
   const i = t.getCurrentEditingColumn();
@@ -1959,17 +1987,17 @@ function Ho(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;
   const n = o.closest(".wg__editor--combobox");
   if (n) {
-    const d = lt(t, n, t.dropdownOptions, r);
-    dt(t, d), t.highlightedIndex = t.dropdownOptions.length > 0 ? 0 : -1, et(t);
+    const d = dt(t, n, t.dropdownOptions, r);
+    ct(t, d), t.highlightedIndex = t.dropdownOptions.length > 0 ? 0 : -1, et(t);
   }
 }
-function zo(t, e) {
+function No(t, e) {
   const o = e.target;
   t.filterText = o.value;
   const i = t.getCurrentEditingColumn();
@@ -1979,26 +2007,26 @@ function zo(t, e) {
   const d = o.closest(".wg__editor--autocomplete");
   if (!t.dropdownOpen && d) {
     t.dropdownOptions = r.initialOptions || [];
-    const a = lt(t, d, t.dropdownOptions, r);
-    dt(t, a), t.highlightedIndex = t.dropdownOptions.length > 0 ? 0 : -1, et(t);
+    const a = dt(t, d, t.dropdownOptions, r);
+    ct(t, a), t.highlightedIndex = t.dropdownOptions.length > 0 ? 0 : -1, et(t);
   }
   if (t.filterText.length < n) {
     if (t.dropdownOptions = r.initialOptions || [], d) {
-      const a = lt(t, d, t.dropdownOptions, r);
-      dt(t, a), t.highlightedIndex = t.dropdownOptions.length > 0 ? 0 : -1, et(t);
+      const a = dt(t, d, t.dropdownOptions, r);
+      ct(t, a), t.highlightedIndex = t.dropdownOptions.length > 0 ? 0 : -1, et(t);
     }
     return;
   }
   t.searchDebounceTimer = setTimeout(() => {
-    Fo(t, t.filterText, i);
+    Uo(t, t.filterText, i);
   }, s);
 }
-async function Fo(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, he(t, !0);
+  t.isSearching = !0, we(t, !0);
   try {
     const s = t.grid.editingCell;
     if (!s) return;
@@ -2007,8 +2035,8 @@ async function Fo(t, e, o) {
       t.dropdownOptions = d;
       const a = t.shadow.querySelector(".wg__editor--autocomplete");
       if (a) {
-        const c = lt(t, a, t.dropdownOptions, i);
-        dt(t, c), t.highlightedIndex = d.length > 0 ? 0 : -1, et(t);
+        const c = dt(t, a, t.dropdownOptions, i);
+        ct(t, c), t.highlightedIndex = d.length > 0 ? 0 : -1, et(t);
       }
     }
   } catch (s) {
@@ -2017,20 +2045,20 @@ async function Fo(t, e, o) {
     console.error("Autocomplete search failed:", s), t.dropdownOptions = [];
     const n = t.shadow.querySelector(".wg__editor--autocomplete");
     if (n) {
-      const d = lt(t, n, t.dropdownOptions, i);
-      dt(t, d);
+      const d = dt(t, n, t.dropdownOptions, i);
+      ct(t, d);
     }
   } finally {
-    r.aborted || (t.isSearching = !1, he(t, !1));
+    r.aborted || (t.isSearching = !1, we(t, !1));
   }
 }
-function Vo(t, e, o, i) {
-  const r = i ?? t.tooltipShowDelay;
+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(() => {
-    Yo(t, e, o);
-  }, r));
+    Bo(t, e, o, r);
+  }, s));
 }
-function qo(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(() => {
@@ -2039,33 +2067,35 @@ function qo(t, e) {
     }, 100));
   }, o));
 }
-function Yo(t, e, o) {
-  var s;
-  (s = t.tooltipElement) == null || s.remove();
-  const i = document.createElement("div");
-  i.className = "wg__tooltip", i.textContent = o;
+function Bo(t, e, o, i) {
+  var d;
+  (d = t.tooltipElement) == null || d.remove();
   const r = document.createElement("div");
-  r.className = "wg__tooltip-arrow", i.appendChild(r), t.shadow.appendChild(i), t.tooltipElement = i, t.tooltipArrowElement = r, t.tooltipAnchor = e, Pt(e, i, {
+  r.className = "wg__tooltip";
+  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, kt(e, r, {
     strategy: "fixed",
     placement: "top",
     middleware: [
-      It(8),
-      Lt({ fallbackPlacements: ["bottom", "left", "right"] }),
-      Po({ element: r })
+      Lt(8),
+      xt({ fallbackPlacements: ["bottom", "left", "right"] }),
+      qo({ element: n })
     ]
-  }).then(({ x: n, y: d, placement: a, middlewareData: c }) => {
-    if (i.style.left = `${n}px`, i.style.top = `${d}px`, i.setAttribute("data-placement", a), c.arrow) {
-      const { x: l, y: g } = c.arrow;
-      l != null && (r.style.left = `${l}px`), g != null && (r.style.top = `${g}px`);
+  }).then(({ x: a, y: c, placement: l, middlewareData: g }) => {
+    if (r.style.left = `${a}px`, r.style.top = `${c}px`, r.setAttribute("data-placement", l), g.arrow) {
+      const { x: h, y: u } = g.arrow;
+      h != null && (n.style.left = `${h}px`), u != null && (n.style.top = `${u}px`);
     }
     requestAnimationFrame(() => {
-      i.classList.add("wg__tooltip--visible");
+      r.classList.add("wg__tooltip--visible");
     });
   });
 }
-function No(t, e, o) {
+function Ko(t, e, o) {
   if (t.grid.shouldUseVirtualScroll()) {
-    Uo(t, e);
+    Wo(t, e);
     const n = t.shadow.querySelector(
       `[data-row="${e}"][data-col="${o}"]`
     );
@@ -2086,19 +2116,19 @@ function No(t, e, o) {
     }
   }
 }
-function Uo(t, e) {
+function Wo(t, e) {
   const o = t.shadow.querySelector(".wg");
   if (!o) return;
   const i = t.grid.virtualScrollRowHeight, r = o.scrollTop, s = o.clientHeight, n = t.shadow.querySelector(".wg__header"), d = (n == null ? void 0 : n.offsetHeight) || 0, a = e * i, c = a + i, l = r + d, g = r + s;
   a < l ? o.scrollTop = a - d : c > g && (o.scrollTop = c - s);
 }
-function nt(t, e) {
+function st(t, e) {
   const o = t.shadow.querySelector(".wg");
   if (!o) return;
   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 U(t, e, o) {
+function K(t, e, o) {
   if (e) {
     const i = t.shadow.querySelector(
       `[data-row="${e.rowIndex}"][data-col="${e.colIndex}"]`
@@ -2112,7 +2142,7 @@ function U(t, e, o) {
     i == null || i.classList.add("wg__cell--focused");
   }
 }
-function P(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(
@@ -2121,23 +2151,23 @@ function P(t) {
     i && i.classList.remove("wg__cell--editing");
   }
 }
-function jo(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), U(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), U(t, i, r), No(t, e, o);
+  t.grid.setFocusedCell(e, o), K(t, i, r), Ko(t, e, o);
 }
-function W(t, e, o, i) {
+function B(t, e, o, i) {
   const s = t.grid.columns[o];
   if (!s || !t.grid.isCellEditable(s))
     return;
   const n = String(s.field);
   t.grid.startEdit(e, n, i);
 }
-function Bo(t, e) {
+function zt(t, e) {
   const o = e.querySelector(".wg__cell-text");
   if (!o) return null;
   const i = o.textContent || "";
@@ -2164,14 +2194,14 @@ function Bo(t, e) {
   }
   return a;
 }
-function Ko(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(), U(t, r, null);
+    t.grid.clearFocusedCell(), K(t, r, null);
   }
 }
-function Wo(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;
@@ -2185,21 +2215,21 @@ function Wo(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 = Wo(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 Xo(t, e) {
-  Tt(t, e);
+function Jo(t, e) {
+  Mt(t, e);
 }
-function Qo(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];
@@ -2208,13 +2238,13 @@ function Qo(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 Go(t, e) {
-  t.isCommittingFromKeyboard || t.grid.editingCell && Tt(t, e);
+function ti(t, e) {
+  t.isCommittingFromKeyboard || t.grid.editingCell && Mt(t, e);
 }
-function zt(t, e, o, i) {
+function Ft(t, e, o, i) {
   const s = t.grid.columns.findIndex((c) => String(c.field) === o), n = t.grid.displayItems;
   let d = e, a = s;
   if (i === "down")
@@ -2226,38 +2256,38 @@ function zt(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 Jo(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 Oe(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 ii(t, e, r, n, i);
+      return si(t, e, r, n, i);
     case "number":
-      return ti(t, e, r, n, i);
+      return ii(t, e, r, n, i);
     case "date":
-      return ei(t, e, r, n, i);
-    case "select":
       return ri(t, e, r, n, i);
+    case "select":
+      return ai(t, e, r, n, i);
     case "combobox":
-      return ni(t, e, r, n, i);
+      return li(t, e, r, n, i);
     case "autocomplete":
-      return si(t, e, r, n, i);
+      return di(t, e, r, n, i);
     case "custom":
-      return ai(t, e, r, n, i);
+      return ci(t, e, r, n, i);
     case "text":
     default:
-      return Zo(t, e, r, n, i);
+      return oi(t, e, r, n, i);
   }
 }
-function Zo(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 `
@@ -2273,7 +2303,7 @@ function Zo(t, e, o, i, r) {
 		/>
 	`;
 }
-function ti(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;
@@ -2288,9 +2318,9 @@ function ti(t, e, o, i, r) {
 		/>
 	`;
 }
-function ei(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 = Ft(i), a = n !== void 0 ? n : oi(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
@@ -2302,8 +2332,8 @@ function ei(t, e, o, i, r) {
 				data-date-value="${d}"
 				data-output-format="${s.outputFormat || "iso"}"
 				data-date-format="${s.dateFormat || "YYYY-MM-DD"}"
-				${s.minDate ? `data-min-date="${Ft(s.minDate)}"` : ""}
-				${s.maxDate ? `data-max-date="${Ft(s.maxDate)}"` : ""}
+				${s.minDate ? `data-min-date="${Vt(s.minDate)}"` : ""}
+				${s.maxDate ? `data-max-date="${Vt(s.maxDate)}"` : ""}
 				placeholder="${t.escapeHtml(s.dateFormat || "YYYY-MM-DD")}"
 			/>
 			<button type="button" class="wg__date-trigger" tabindex="-1">
@@ -2312,21 +2342,21 @@ function ei(t, e, o, i, r) {
 		</div>
 	`;
 }
-function oi(t, e) {
+function ni(t, e) {
   if (!t) return "";
   let o = null;
   if (t instanceof Date ? o = t : typeof t == "number" ? o = new Date(t) : typeof t == "string" && (o = new Date(t)), !o || isNaN(o.getTime())) return "";
   const i = e || "YYYY-MM-DD", r = o.getFullYear(), s = String(o.getMonth() + 1).padStart(2, "0"), n = String(o.getDate()).padStart(2, "0");
   return i.replace("YYYY", String(r)).replace("YY", String(r).slice(-2)).replace("MM", s).replace("DD", n);
 }
-function Ft(t) {
+function Vt(t) {
   if (!t) return "";
   let e = null;
   if (t instanceof Date ? e = t : typeof t == "number" ? e = new Date(t) : typeof t == "string" && (e = new Date(t)), !e || isNaN(e.getTime())) return "";
   const o = e.getFullYear(), i = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
   return `${o}-${i}-${r}`;
 }
-function ii(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
@@ -2340,10 +2370,10 @@ function ii(t, e, o, i, r) {
 		/>
 	`;
 }
-function ri(t, e, o, i, r) {
+function ai(t, e, o, i, r) {
   var c;
-  const s = r.editorOptions || {}, n = s.options || [], d = Gt(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) => st(l, s) === i), t.highlightedIndex < 0 && n.length > 0 && (t.highlightedIndex = 0), `
+  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), `
 		<div
 			class="wg__editor wg__editor--select wg__select-trigger"
 			tabindex="0"
@@ -2357,9 +2387,9 @@ function ri(t, e, o, i, r) {
 		</div>
 	`;
 }
-function ni(t, e, o, i, r) {
+function li(t, e, o, i, r) {
   var l;
-  const s = r.editorOptions || {}, n = s.options || [], d = Gt(i, n, s), a = (l = t.grid.editingCell) == null ? void 0 : l.initialSearchQuery, c = a !== void 0 ? a : d;
+  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, `
 		<div class="wg__editor wg__editor--combobox" data-row="${e}" data-field="${o}">
 			<input
@@ -2373,9 +2403,9 @@ function ni(t, e, o, i, r) {
 		</div>
 	`;
 }
-function si(t, e, o, i, r) {
+function di(t, e, o, i, r) {
   var l;
-  const s = r.editorOptions || {}, n = s.initialOptions || s.options || [], d = Gt(i, n, s), a = (l = t.grid.editingCell) == null ? void 0 : l.initialSearchQuery, c = a !== void 0 ? a : d;
+  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, `
 		<div class="wg__editor wg__editor--autocomplete" data-row="${e}" data-field="${o}">
 			<input
@@ -2391,7 +2421,7 @@ function si(t, e, o, i, r) {
 		</div>
 	`;
 }
-function ai(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
@@ -2404,7 +2434,7 @@ function ai(t, e, o, i, r) {
 		</div>
 	`;
 }
-function Re(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}">
@@ -2420,22 +2450,22 @@ function Re(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 H = {
+let I = {
   path: null,
   arrowPos: null,
   arrowDir: "right"
 };
-const li = {
+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 di(t) {
+function ui(t) {
   return t.map((e, o) => {
     if (typeof e == "string") {
-      const i = li[e];
+      const i = gi[e];
       return i ? {
         id: e,
         icon: i.icon,
@@ -2460,7 +2490,7 @@ function di(t) {
     };
   }).filter((e) => e !== null);
 }
-function ci(t) {
+function hi(t) {
   const e = /* @__PURE__ */ new Map();
   for (const r of t) {
     const s = r.row;
@@ -2484,8 +2514,8 @@ function ci(t) {
   }
   return o;
 }
-function gi(t, e, o) {
-  return `<div class="wg__toolbar">${ci(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",
@@ -2501,36 +2531,58 @@ function gi(t, e, o) {
     return c + l;
   }).join("")}</div>`).join("")}</div>`;
 }
-let $ = null;
-function ui(t, e, o, i, r, s, n) {
-  Et();
-  const d = gi(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(), b = 100;
-    f && (f.left >= b ? l = "left" : window.innerWidth - f.right >= b ? l = "right" : l = "top");
-    let v, _;
-    if (l === "left")
-      v = u.left - p.width, _ = u.top + (u.height - p.height) / 2;
-    else if (l === "right")
-      v = u.right, _ = u.top + (u.height - p.height) / 2;
-    else {
-      _ = u.top - p.height;
-      const C = t.grid.toolbarTopPosition;
-      C === "start" ? v = u.left : C === "end" ? v = u.right - p.width : C === "cursor" && n !== void 0 ? v = n - p.width / 2 : v = 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), v + p.width > window.innerWidth - 8 && (v = window.innerWidth - p.width - 8), v < 8 && (v = 8), _ + p.height > window.innerHeight - 8 && (_ = window.innerHeight - p.height - 8), _ < 8 && (_ = 8), Object.assign(c.style, {
-      position: "fixed",
-      left: `${v}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");
@@ -2539,7 +2591,7 @@ function ui(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,
@@ -2550,95 +2602,104 @@ function ui(t, e, o, i, r, s, n) {
     cleanup: () => {
       a.removeEventListener("click", g), a.remove();
     }
-  }, H = { path: null, arrowPos: null, arrowDir: "right" };
+  }, I = { path: null, arrowPos: null, arrowDir: "right" };
 }
-function Et() {
-  $ && ($.cleanup(), $ = null), H = { 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 hi(t) {
-  return ($ == null ? void 0 : $.container.getRootNode()) === t;
+function wi(t) {
+  return (M == null ? void 0 : M.container.getRootNode()) === t;
 }
-function Vt(t) {
-  return ($ == null ? void 0 : $.rowIndex) === t;
+function qt(t) {
+  return (M == null ? void 0 : M.rowIndex) === t;
 }
-function pi() {
-  return H;
+function mi() {
+  return I;
 }
-function fi(t, e) {
-  if (!$) {
-    H = { 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((v) => v === i);
+  const { toolbar: o, rowItem: i, position: r } = M, s = e.findIndex((y) => y === i);
   if (s === -1) {
-    H = { 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) {
-    H = { path: null, arrowPos: null, arrowDir: "right" };
+    I = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
-  if (s === $.rowIndex || ($.hasRowMoved = !0), !$.hasRowMoved) {
-    H = { 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) {
-    H = { 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, b = h ? "left" : "right";
-  if (r === "left") {
-    const v = a.right, _ = a.top + a.height / 2;
-    f = `M ${v} ${_} 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 v = a.left, _ = a.top + a.height / 2;
-    f = `M ${v} ${_} 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, C = a.top + a.height / 2, y = _ + 48, k = s - $.rowIndex, x = 8;
-    if (k === 0) {
-      const S = c.top - x;
-      f = `M ${_} ${C} H ${y} V ${S}`, H = { path: f, arrowPos: { x: y, y: S }, 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 (k === -1) {
-      const T = a.top + a.height * 0.25, D = a.top + a.height * 0.75, q = a.right + 24, R = a.right + x;
-      f = `M ${a.right} ${T} H ${q} V ${D} H ${R}`, H = { path: f, arrowPos: { x: R, y: D }, 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 (k < 0) {
-      const S = c.bottom + x;
-      f = `M ${_} ${C} H ${y} V ${S}`, H = { path: f, arrowPos: { x: y, y: S }, 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 S = c.top - x;
-      f = `M ${_} ${C} H ${y} V ${S}`, H = { path: f, arrowPos: { x: y, y: S }, 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;
     }
   }
-  H = { path: f, arrowPos: { x: p, y: m }, arrowDir: b };
 }
-function Ie(t, e) {
+function ze(t, e) {
   return `<button
 		class="wg__toolbar-trigger ${e ? "wg__toolbar-trigger--active" : ""}"
 		data-toolbar-trigger="${t}"
 		title="Row actions"
 	>⋮</button>`;
 }
-function wi(t) {
+function bi(t) {
   const e = ["wg"];
   return t.grid.striped && e.push("wg--striped"), t.grid.hoverable && e.push("wg--hoverable"), t.grid.editable && e.push("wg--editable"), t.grid.isNavigateMode && e.push("wg--navigate-mode"), e.join(" ");
 }
-function mi(t) {
+function vi(t) {
   const e = t.grid.columns;
   if (e.length === 0) return "";
   const o = t.grid.showRowNumbers ? '<th class="wg__header wg__row-number-header">#</th>' : "", r = t.grid.showRowToolbar && t.grid.toolbarTrigger === "button" ? '<th class="wg__header wg__actions-column"></th>' : "", s = e.map((n) => {
-    const d = String(n.field), a = n.sortable !== !1 && t.grid.sortable, c = t.grid.getColumnSortState(d), l = t.grid.getColumnSortPriority(d), g = c !== void 0, h = ["wg__header"];
+    const d = String(n.field), a = n.sortable !== !1 && t.grid.sortMode !== "none", c = t.grid.getColumnSortState(d), l = t.grid.getColumnSortPriority(d), g = c !== void 0, h = ["wg__header"];
     a && h.push("wg__header--sortable"), g && h.push("wg__header--sorted");
     const u = n.width || n.maxWidth, m = `style="${[
       u ? `width: ${u}` : "",
@@ -2665,7 +2726,7 @@ function mi(t) {
   }).join("");
   return `<tr>${o}${r}${s}</tr>`;
 }
-function bi(t) {
+function _i(t) {
   const e = t.grid.displayItems, o = t.grid.columns, i = t.grid.showRowNumbers, r = t.grid.showRowToolbar && t.grid.toolbarTrigger === "button", s = o.length + (r ? 1 : 0) + (i ? 1 : 0);
   if (e.length === 0)
     return `
@@ -2675,46 +2736,63 @@ function bi(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">
-					${Ie(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), b = u.align || "left", v = t.grid.isCellEditable(u), _ = t.grid.isCellFocused(a, p), C = ["wg__cell"], y = t.grid.isEditing(a, m);
-      if (v && C.push("wg__cell--editable"), _ && !y && C.push("wg__cell--focused"), u.textOverflow === "ellipsis" && C.push("wg__cell--ellipsis"), y && C.push("wg__cell--editing"), t.grid.isCellInvalid(a, m) && C.push("wg__cell--invalid"), u.cellClass && C.push(u.cellClass), u.cellClassCallback) {
-        const T = t.grid.getCellRawValue(d, a, m), D = u.cellClassCallback(T, d);
-        D && C.push(D);
+      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 k = [
+      const D = [
         `text-align: ${b}`,
         u.width ? `width: ${u.width}` : "",
         u.minWidth ? `min-width: ${u.minWidth}` : "",
         u.maxWidth ? `max-width: ${u.maxWidth}` : ""
       ].filter(Boolean).join("; "), x = t.grid.isNavigateMode ? 'tabindex="0"' : "";
-      let S = "";
+      let C = "";
       if (u.tooltipCallback) {
-        const T = t.grid.getCellRawValue(d, a, m), D = u.tooltipCallback(T, d);
-        D && (S = `data-tooltip="${t.escapeHtml(D)}"`);
+        const T = t.grid.getCellRawValue(d, a, m), k = u.tooltipCallback(T, d);
+        k && (C = `data-tooltip="${t.escapeHtml(k)}"`);
       } else if (u.tooltipMember) {
         const T = d[u.tooltipMember];
-        T && typeof T == "string" && (S = `data-tooltip="${t.escapeHtml(T)}"`);
+        T && typeof T == "string" && (C = `data-tooltip="${t.escapeHtml(T)}"`);
+      }
+      if (!C && t.grid.isCellInvalid(a, m)) {
+        const T = t.grid.getCellValidationError(a, m);
+        if (T) {
+          const k = u.validationTooltipCallback || t.grid.validationTooltipCallback;
+          if (k) {
+            const E = t.grid.getCellRawValue(d, a, m), A = k({
+              field: m,
+              error: T,
+              value: E,
+              row: d,
+              rowIndex: a
+            });
+            A && (C = `data-tooltip-html="${t.escapeHtml(A)}"`);
+          }
+          C || (C = `data-tooltip="${t.escapeHtml(T)}"`);
+        }
       }
       return `
 				<td
-					class="${C.join(" ")}"
-					style="${k}"
+					class="${S.join(" ")}"
+					style="${D}"
 					data-row="${a}"
 					data-col="${p}"
 					data-field="${m}"
 					${x}
-					${S}
+					${C}
 				>
-					${t.grid.isEditing(a, m) ? Oe(t, a, p, u) : Re(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"];
@@ -2725,7 +2803,7 @@ function bi(t) {
     return `<tr class="${h.join(" ")}" data-row-index="${a}">${c}${l}${g}</tr>`;
   }).join("");
 }
-function we(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 `
@@ -2735,59 +2813,76 @@ function we(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 = [];
+  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, C = a ? `<td class="wg__cell wg__row-number">${_ + 1}</td>` : "";
+    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">
-					${Ie(_, g === _)}
+					${ze(_, g === _)}
 				</td>
 			`);
-    const k = i.map((S, T) => {
-      const D = String(S.field), q = t.grid.getCellValue(v, S, _), R = S.align || "left", K = t.grid.isCellEditable(S), M = t.grid.isCellFocused(_, T), A = ["wg__cell"], Y = t.grid.isEditing(_, D);
-      if (K && A.push("wg__cell--editable"), M && !Y && A.push("wg__cell--focused"), S.textOverflow === "ellipsis" && A.push("wg__cell--ellipsis"), Y && A.push("wg__cell--editing"), t.grid.isCellInvalid(_, D) && A.push("wg__cell--invalid"), S.cellClass && A.push(S.cellClass), S.cellClassCallback) {
-        const Z = t.grid.getCellRawValue(v, _, D), wt = S.cellClassCallback(Z, v);
-        wt && A.push(wt);
+    const D = i.map((C, T) => {
+      const k = String(C.field), E = t.grid.getCellValue(v, C, _), A = C.align || "left", H = t.grid.isCellEditable(C), O = t.grid.isCellFocused(_, T), R = ["wg__cell"], z = t.grid.isEditing(_, k);
+      if (H && R.push("wg__cell--editable"), O && !z && R.push("wg__cell--focused"), C.textOverflow === "ellipsis" && R.push("wg__cell--ellipsis"), z && R.push("wg__cell--editing"), t.grid.isCellInvalid(_, k) && R.push("wg__cell--invalid"), C.cellClass && R.push(C.cellClass), C.cellClassCallback) {
+        const q = t.grid.getCellRawValue(v, _, k), ot = C.cellClassCallback(q, v);
+        ot && R.push(ot);
       }
-      const I = [
-        `text-align: ${R}`,
-        S.width ? `width: ${S.width}` : "",
-        S.minWidth ? `min-width: ${S.minWidth}` : "",
-        S.maxWidth ? `max-width: ${S.maxWidth}` : ""
-      ].filter(Boolean).join("; "), L = t.grid.isNavigateMode ? 'tabindex="0"' : "";
-      let N = "";
-      if (S.tooltipCallback) {
-        const Z = t.grid.getCellRawValue(v, _, D), wt = S.tooltipCallback(Z, v);
-        wt && (N = `data-tooltip="${t.escapeHtml(wt)}"`);
-      } else if (S.tooltipMember) {
-        const Z = v[S.tooltipMember];
-        Z && typeof Z == "string" && (N = `data-tooltip="${t.escapeHtml(Z)}"`);
+      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("; "), V = t.grid.isNavigateMode ? 'tabindex="0"' : "";
+      let P = "";
+      if (C.tooltipCallback) {
+        const q = t.grid.getCellRawValue(v, _, k), ot = C.tooltipCallback(q, v);
+        ot && (P = `data-tooltip="${t.escapeHtml(ot)}"`);
+      } else if (C.tooltipMember) {
+        const q = v[C.tooltipMember];
+        q && typeof q == "string" && (P = `data-tooltip="${t.escapeHtml(q)}"`);
+      }
+      if (!P && t.grid.isCellInvalid(_, k)) {
+        const q = t.grid.getCellValidationError(_, k);
+        if (q) {
+          const ot = C.validationTooltipCallback || t.grid.validationTooltipCallback;
+          if (ot) {
+            const Ye = t.grid.getCellRawValue(v, _, k), ae = ot({
+              field: k,
+              error: q,
+              value: Ye,
+              row: v,
+              rowIndex: _
+            });
+            ae && (P = `data-tooltip-html="${t.escapeHtml(ae)}"`);
+          }
+          P || (P = `data-tooltip="${t.escapeHtml(q)}"`);
+        }
       }
       return `
 				<td
-					class="${A.join(" ")}"
-					style="${I}"
+					class="${R.join(" ")}"
+					style="${F}"
 					data-row="${_}"
 					data-col="${T}"
-					data-field="${D}"
-					${L}
-					${N}
+					data-field="${k}"
+					${V}
+					${P}
 				>
-					${t.grid.isEditing(_, D) ? Oe(t, _, T, S) : Re(t, _, T, S, q)}
+					${t.grid.isEditing(_, k) ? Le(t, _, T, C) : He(t, _, T, C, E)}
 				</td>
 			`;
     }).join(""), x = ["wg__row"];
     if (t.grid.rowClassCallback) {
-      const S = t.grid.rowClassCallback(v, _);
-      S && x.push(S);
+      const C = t.grid.rowClassCallback(v, _);
+      C && x.push(C);
     }
-    m.push(`<tr class="${x.join(" ")}" data-row-index="${_}">${C}${y}${k}</tr>`);
+    m.push(`<tr class="${x.join(" ")}" data-row-index="${_}">${S}${y}${D}</tr>`);
   }
   const f = u > 0 ? `<tr class="wg__spacer-bottom"><td colspan="${l}" style="height: ${u}px"></td></tr>` : "";
   return p + m.join("") + f;
 }
-function qt(t, e = "bottom-center") {
+function Yt(t, e = "bottom-center") {
   const o = t.grid.showPagination;
   if (!t.grid.pageable || o === !1 || o === "auto" && t.grid.totalPages <= 1) return "";
   const i = t.grid.currentPage, r = t.grid.totalPages, s = t.grid.pageSize, n = t.grid.pageSizes, d = t.grid.totalItems !== null ? t.grid.totalItems : t.grid.sortedItems.length, a = {
@@ -2840,7 +2935,7 @@ function qt(t, e = "bottom-center") {
   }, b = t.grid.paginationLayout.split("|").map((v) => v.trim()).map((v) => m[v] || "").join("");
   return `<div class="${p.join(" ")}">${b}</div>`;
 }
-function Yt(t, e) {
+function Nt(t, e) {
   const o = t.grid.summaryContentCallback;
   if (!o) return "";
   const i = t.grid.currentPage, r = t.grid.pageSize, s = t.grid.sortedItems, n = t.grid.displayItems, d = t.grid.totalItems !== null ? t.grid.totalItems : s.length, a = o({
@@ -2853,7 +2948,7 @@ function Yt(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 Le = {
+const Fe = {
   today: "Today",
   clear: "Clear",
   monthNames: [
@@ -2895,7 +2990,7 @@ const Le = {
   ],
   weekdayNamesShort: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]
 };
-function Bt(t) {
+function Kt(t) {
   const e = {};
   let o = "";
   return t.includes("-") ? o = "-" : t.includes("/") ? o = "/" : t.includes(".") && (o = "."), t.split(o).forEach((r, s) => {
@@ -2907,14 +3002,14 @@ function Bt(t) {
     maxLength: t.length
   };
 }
-function Pe(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++)
     n.year && n.year.index === a ? d.push(n.year.length === 2 ? String(o).slice(-2) : o) : n.month && n.month.index === a ? d.push(i) : n.day && n.day.index === a && d.push(r);
   return d.join(s);
 }
-function vi(t, e) {
+function yi(t, e) {
   if (!t) return null;
   const { separator: o, parts: i } = e, r = t.split(o);
   let s = null, n = null, d = null;
@@ -2936,7 +3031,7 @@ function vi(t, e) {
   const a = new Date(s, n - 1, d);
   return a.getMonth() !== n - 1 || a.getDate() !== d ? null : a;
 }
-function V(t) {
+function j(t) {
   if (!t) return null;
   let e;
   if (typeof t == "string") {
@@ -2946,23 +3041,23 @@ function V(t) {
     e = new Date(t);
   return e.setHours(0, 0, 0, 0), isNaN(e.getTime()) ? null : e;
 }
-function Kt(t) {
+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 _i(t) {
-  return _t(t, /* @__PURE__ */ new Date());
+function Ci(t) {
+  return yt(t, /* @__PURE__ */ new Date());
 }
-function ct(t, e) {
+function gt(t, e) {
   return new Date(t, e + 1, 0).getDate();
 }
-function yi(t, e) {
+function Si(t, e) {
   return new Date(t, e, 1).getDay();
 }
-function Ci(t, e) {
+function xi(t, e) {
   if (!t)
     return { min: e - 10, max: e + 10 };
   if (t.includes("-")) {
@@ -2972,8 +3067,8 @@ function Ci(t, e) {
   const o = parseInt(t, 10);
   return { min: o, max: o };
 }
-function Si(t, e, o = Le) {
-  const i = xi(t, o), r = ki(t, e, o), s = Di(t, e, o), n = e.showTodayButton !== !1 ? $i(o) : "";
+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">
 			<div class="wg-datepicker__header">
@@ -2989,7 +3084,7 @@ function Si(t, e, o = Le) {
 		</div>
 	`;
 }
-function xi(t, e) {
+function Di(t, e) {
   return `
 		<button type="button" class="wg-datepicker__nav wg-datepicker__nav--prev" data-action="prev-month">
 			<svg viewBox="0 0 24 24" width="16" height="16"><path fill="currentColor" d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/></svg>
@@ -3002,8 +3097,8 @@ function xi(t, e) {
 		</button>
 	`;
 }
-function ki(t, e, o) {
-  const i = Ci(e.rollingYearRange, (/* @__PURE__ */ new Date()).getFullYear());
+function Ti(t, e, o) {
+  const i = xi(e.rollingYearRange, (/* @__PURE__ */ new Date()).getFullYear());
   let r = "";
   for (let n = i.min; n <= i.max; n++) {
     const d = n === t.viewYear ? " wg-datepicker__rolling-item--selected" : "";
@@ -3025,8 +3120,8 @@ function ki(t, e, o) {
 		</div>
 	`;
 }
-function Di(t, e, o) {
-  const i = Ti(o), r = He(t, e);
+function Ei(t, e, o) {
+  const i = $i(o), r = qe(t, e);
   return `
 		<div class="wg-datepicker__weekdays">
 			${i}
@@ -3036,16 +3131,16 @@ function Di(t, e, o) {
 		</div>
 	`;
 }
-function Ti(t) {
+function $i(t) {
   return t.weekdayNamesShort.map((e) => `<div class="wg-datepicker__weekday">${e}</div>`).join("");
 }
-function He(t, e) {
-  const { viewYear: o, viewMonth: i, selectedDate: r, focusedDate: s } = t, n = e.minDate ? V(e.minDate) : null, d = e.maxDate ? V(e.maxDate) : null, a = yi(o, i), c = ct(o, i), l = ct(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 = [];
+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 k = l - y;
+    const D = l - y;
     b.push({
-      date: new Date(h, u, k),
-      day: k,
+      date: new Date(h, u, D),
+      day: D,
       isOtherMonth: !0
     });
   }
@@ -3062,19 +3157,19 @@ function He(t, e) {
       day: y,
       isOtherMonth: !0
     });
-  let C = "";
+  let S = "";
   for (const y of b) {
-    const k = ["wg-datepicker__day"];
-    y.isOtherMonth && k.push("wg-datepicker__day--other-month"), Ei(y.date, n, d) && k.push("wg-datepicker__day--disabled"), _i(y.date) && k.push("wg-datepicker__day--today"), _t(y.date, r) && k.push("wg-datepicker__day--selected"), _t(y.date, s) && k.push("wg-datepicker__day--focused");
-    const S = Kt(y.date);
-    C += `<div class="${k.join(" ")}" data-date="${S}">${y.day}</div>`;
+    const D = ["wg-datepicker__day"];
+    y.isOtherMonth && D.push("wg-datepicker__day--other-month"), Mi(y.date, n, d) && D.push("wg-datepicker__day--disabled"), Ci(y.date) && D.push("wg-datepicker__day--today"), yt(y.date, r) && D.push("wg-datepicker__day--selected"), yt(y.date, s) && D.push("wg-datepicker__day--focused");
+    const C = Wt(y.date);
+    S += `<div class="${D.join(" ")}" data-date="${C}">${y.day}</div>`;
   }
-  return C;
+  return S;
 }
-function Ei(t, e, o) {
+function Mi(t, e, o) {
   return !!(e && t < e || o && t > o);
 }
-function $i(t) {
+function Ai(t) {
   return `
 		<div class="wg-datepicker__footer">
 			<button type="button" class="wg-datepicker__today-btn" data-action="today">
@@ -3083,22 +3178,22 @@ function $i(t) {
 		</div>
 	`;
 }
-function Mi(t, e, o) {
+function Oi(t, e, o) {
   const i = t.querySelector(".wg-datepicker__days");
-  i && (i.innerHTML = He(e, o));
+  i && (i.innerHTML = qe(e, o));
 }
-function Ai(t, e, o) {
+function Ri(t, e, o) {
   const i = t.querySelector(".wg-datepicker__month-year");
   if (i) {
     const r = o.monthNames[e.viewMonth];
     i.textContent = `${r} ${e.viewYear}`;
   }
 }
-function Oi(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);
 }
-function Ri(t, e) {
+function Ii(t, e) {
   t.querySelectorAll("[data-year]").forEach((r) => {
     const s = parseInt(r.dataset.year || "0", 10);
     r.classList.toggle("wg-datepicker__rolling-item--selected", s === e.viewYear);
@@ -3107,7 +3202,7 @@ function Ri(t, e) {
     r.classList.toggle("wg-datepicker__rolling-item--selected", s === e.viewMonth);
   });
 }
-function me(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;
@@ -3124,28 +3219,28 @@ function me(t) {
     }
   }
 }
-function Wt(t) {
+function Xt(t) {
   t.viewMonth === 0 ? (t.viewMonth = 11, t.viewYear--) : t.viewMonth--;
 }
-function Xt(t) {
+function Qt(t) {
   t.viewMonth === 11 ? (t.viewMonth = 0, t.viewYear++) : t.viewMonth++;
 }
-function Ii(t, e, o, i) {
+function Li(t, e, o, i) {
   var s, n, d, a;
   const { key: r } = t;
   if (r === "Escape")
     return (s = i.onClose) == null || s.call(i), !0;
   if (e.rollingSelectorOpen)
-    return Pi(t, e);
+    return zi(t, e);
   if ((r === "ArrowLeft" || r === "ArrowRight") && (t.ctrlKey || t.metaKey)) {
-    if (t.preventDefault(), r === "ArrowLeft" ? Wt(e) : Xt(e), e.focusedDate) {
-      const c = Math.min(e.focusedDate.getDate(), ct(e.viewYear, e.viewMonth));
+    if (t.preventDefault(), r === "ArrowLeft" ? Xt(e) : Qt(e), e.focusedDate) {
+      const c = Math.min(e.focusedDate.getDate(), gt(e.viewYear, e.viewMonth));
       e.focusedDate = new Date(e.viewYear, e.viewMonth, c);
     }
     return !0;
   }
   if (["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(r))
-    return t.preventDefault(), Li(e, r, o), !0;
+    return t.preventDefault(), Hi(e, r, o), !0;
   if (r === "Enter")
     return t.preventDefault(), e.focusedDate && ((n = i.onSelect) == null || n.call(i, e.focusedDate, "down")), !0;
   if (r === "Tab")
@@ -3154,8 +3249,8 @@ function Ii(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 = V(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);
@@ -3167,39 +3262,39 @@ function Ii(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 = V(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);
     } else {
-      const c = ct(e.viewYear, e.viewMonth);
+      const c = gt(e.viewYear, e.viewMonth);
       e.focusedDate = new Date(e.viewYear, e.viewMonth, c);
     }
     return !0;
   }
   if (r === "PageUp") {
-    if (t.preventDefault(), Wt(e), e.focusedDate) {
-      const c = Math.min(e.focusedDate.getDate(), ct(e.viewYear, e.viewMonth));
+    if (t.preventDefault(), Xt(e), e.focusedDate) {
+      const c = Math.min(e.focusedDate.getDate(), gt(e.viewYear, e.viewMonth));
       e.focusedDate = new Date(e.viewYear, e.viewMonth, c);
     }
     return !0;
   }
   if (r === "PageDown") {
-    if (t.preventDefault(), Xt(e), e.focusedDate) {
-      const c = Math.min(e.focusedDate.getDate(), ct(e.viewYear, e.viewMonth));
+    if (t.preventDefault(), Qt(e), e.focusedDate) {
+      const c = Math.min(e.focusedDate.getDate(), gt(e.viewYear, e.viewMonth));
       e.focusedDate = new Date(e.viewYear, e.viewMonth, c);
     }
     return !0;
   }
   return !1;
 }
-function Li(t, e, o) {
+function Hi(t, e, o) {
   if (!t.focusedDate) {
     t.focusedDate = t.selectedDate ? new Date(t.selectedDate) : new Date(t.viewYear, t.viewMonth, 1);
     return;
   }
-  const i = new Date(t.focusedDate), r = o.minDate ? V(o.minDate) : null, s = o.maxDate ? V(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);
@@ -3216,7 +3311,7 @@ function Li(t, e, o) {
   }
   r && i < r || s && i > s || (t.focusedDate = i, (i.getMonth() !== t.viewMonth || i.getFullYear() !== t.viewYear) && (t.viewMonth = i.getMonth(), t.viewYear = i.getFullYear()));
 }
-function Pi(t, e) {
+function zi(t, e) {
   const { key: o } = t;
   if (o === "ArrowUp" || o === "ArrowDown") {
     t.preventDefault();
@@ -3230,7 +3325,7 @@ function Pi(t, e) {
   }
   return o === "ArrowLeft" || o === "ArrowRight" ? (t.preventDefault(), e.rollingSelectorMode = e.rollingSelectorMode === "month" ? "year" : "month", !0) : o === "Enter" || o === "Escape" ? (t.preventDefault(), e.rollingSelectorOpen = !1, !0) : !1;
 }
-function Hi(t) {
+function Fi(t) {
   if (t.selectedDate)
     t.focusedDate = new Date(t.selectedDate), t.viewYear = t.selectedDate.getFullYear(), t.viewMonth = t.selectedDate.getMonth();
   else {
@@ -3238,28 +3333,28 @@ function Hi(t) {
     t.focusedDate = new Date(t.viewYear, t.viewMonth, e.getDate());
   }
 }
-function zi(t, e, o) {
+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 ? V(o.minDate) : null, c = o.maxDate ? V(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 Fi(t, e) {
+function qi(t, e) {
   const o = /* @__PURE__ */ new Date();
   o.setHours(0, 0, 0, 0);
-  const i = e.minDate ? V(e.minDate) : null, r = e.maxDate ? V(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 Vi(t, e) {
+function Yi(t, e) {
   const o = t.dataset.month;
   o !== void 0 && (e.viewMonth = parseInt(o, 10));
 }
-function qi(t, e) {
+function Ni(t, e) {
   const o = t.dataset.year;
   o !== void 0 && (e.viewYear = parseInt(o, 10));
 }
-function Qt(t, e) {
+function Gt(t, e) {
   var g, h, u, p;
   const { separator: o, parts: i, maxLength: r } = e, s = o.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), n = t.replace(new RegExp(s, "g"), ""), d = ((g = i.year) == null ? void 0 : g.length) ?? 4, a = [
     { type: "year", pos: ((h = i.year) == null ? void 0 : h.index) ?? 0, length: d },
@@ -3274,8 +3369,8 @@ function Qt(t, e) {
   }
   return c.substring(0, r);
 }
-function Yi(t, e, o) {
-  const i = t.value, r = t.selectionStart || 0, s = i.length < o.length, { separator: n } = e, d = n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), a = i.replace(new RegExp(`[^0-9${d}]`, "g"), ""), c = Qt(a, e);
+function Ui(t, e, o) {
+  const i = t.value, r = t.selectionStart || 0, s = i.length < o.length, { separator: n } = e, d = n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), a = i.replace(new RegExp(`[^0-9${d}]`, "g"), ""), c = Gt(a, e);
   if (c !== i) {
     t.value = c;
     let l = r;
@@ -3291,7 +3386,7 @@ function Yi(t, e, o) {
   }
   return c;
 }
-function Ni(t, e) {
+function ji(t, e) {
   const { key: o, ctrlKey: i, metaKey: r } = t, { separator: s } = e;
   if ([
     "Backspace",
@@ -3326,23 +3421,23 @@ function Ni(t, e) {
   }
   return !/^\d$/.test(o) && o !== s ? (t.preventDefault(), !0) : !1;
 }
-function Ui(t, e, o) {
+function Bi(t, e, o) {
   var u;
   t.preventDefault();
-  const i = ((u = t.clipboardData) == null ? void 0 : u.getData("text")) || "", { separator: r } = o, s = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), n = i.replace(new RegExp(`[^0-9${s}]`, "g"), ""), d = Qt(n, o), a = e.selectionStart || 0, c = e.selectionEnd || 0, l = e.value, g = l.substring(0, a) + d + l.substring(c);
-  e.value = Qt(g, o);
+  const i = ((u = t.clipboardData) == null ? void 0 : u.getData("text")) || "", { separator: r } = o, s = r.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), n = i.replace(new RegExp(`[^0-9${s}]`, "g"), ""), d = Gt(n, o), a = e.selectionStart || 0, c = e.selectionEnd || 0, l = e.value, g = l.substring(0, a) + d + l.substring(c);
+  e.value = Gt(g, o);
   const h = a + d.length;
   e.setSelectionRange(h, h);
 }
-function ji(t, e, o, i) {
+function Ki(t, e, o, i) {
   if (!t || t.length < e.maxLength)
     return !1;
-  const r = vi(t, e);
+  const r = yi(t, e);
   if (!r) return !1;
-  const s = i.minDate ? V(i.minDate) : null, n = i.maxDate ? V(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 Bi = `
+const Wi = `
 .wg-datepicker-container {
 	position: fixed;
 	z-index: var(--wg-dp-z-index, 9999);
@@ -3593,8 +3688,8 @@ const Bi = `
 	background-color: color-mix(in srgb, var(--wg-dp-accent-color) 10%, transparent);
 }
 `;
-let be = !1;
-class re {
+let Se = !1;
+class se {
   constructor(e = {}) {
     w(this, "options");
     w(this, "state");
@@ -3621,7 +3716,7 @@ class re {
       rollingSelectorOpen: !1,
       rollingSelectorMode: "month",
       focusedDate: null
-    }, this.localeStrings = this.initLocaleStrings(e.locale), this.formatInfo = Bt(this.options.dateFormat || "YYYY-MM-DD"), this.boundHandleClickOutside = this.handleClickOutside.bind(this), this.boundHandleKeyDown = this.handleKeyDown.bind(this);
+    }, this.localeStrings = this.initLocaleStrings(e.locale), this.formatInfo = Kt(this.options.dateFormat || "YYYY-MM-DD"), this.boundHandleClickOutside = this.handleClickOutside.bind(this), this.boundHandleKeyDown = this.handleKeyDown.bind(this);
   }
   /**
    * Initialize locale strings (use browser Intl API if available)
@@ -3651,30 +3746,30 @@ class re {
         weekdayNamesShort: l
       };
     } catch {
-      return Le;
+      return Fe;
     }
   }
   /**
    * Inject datepicker styles into document head (once)
    */
   static injectStyles() {
-    if (be) return;
+    if (Se) return;
     const e = document.createElement("style");
-    e.id = "wg-datepicker-styles", e.textContent = Bi, document.head.appendChild(e), be = !0;
+    e.id = "wg-datepicker-styles", e.textContent = Wi, document.head.appendChild(e), Se = !0;
   }
   /**
    * Open the date picker
    */
   open(e, o = null) {
-    re.injectStyles(), this.state.isOpen && this.close(), this.anchor = e;
-    const i = V(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();
     }
-    Hi(this.state), this.element = document.createElement("div"), this.element.className = "wg-datepicker-container", this.element.innerHTML = Si(this.state, this.options, this.localeStrings), document.body.appendChild(this.element), this.position(), this.attachListeners(), this.state.isOpen = !0, this.state.rollingSelectorOpen && me(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
@@ -3700,7 +3795,7 @@ class re {
    * Get formatted value
    */
   getFormattedValue() {
-    return Pe(this.state.selectedDate, this.formatInfo);
+    return Ve(this.state.selectedDate, this.formatInfo);
   }
   /**
    * Position the picker using Floating UI
@@ -3708,13 +3803,13 @@ class re {
   position() {
     if (!this.element || !this.anchor) return;
     const e = this.element.querySelector(".wg-datepicker");
-    e && (this.cleanupAutoUpdate = Io(this.anchor, e, () => {
-      Pt(this.anchor, e, {
+    e && (this.cleanupAutoUpdate = Fo(this.anchor, e, () => {
+      kt(this.anchor, e, {
         placement: "bottom-start",
         middleware: [
-          It(4),
-          Lt({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
-          Me({ padding: 8 })
+          Lt(4),
+          xt({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
+          ne({ padding: 8 })
         ]
       }).then(({ x: o, y: i }) => {
         Object.assign(e.style, {
@@ -3739,38 +3834,38 @@ class re {
     var d;
     const o = e.target, i = (d = o.closest("[data-action]")) == null ? void 0 : d.getAttribute("data-action");
     if (i === "prev-month") {
-      e.preventDefault(), Wt(this.state), this.render();
+      e.preventDefault(), Xt(this.state), this.render();
       return;
     }
     if (i === "next-month") {
-      e.preventDefault(), Xt(this.state), this.render();
+      e.preventDefault(), Qt(this.state), this.render();
       return;
     }
     if (i === "toggle-rolling") {
-      e.preventDefault(), this.state.rollingSelectorOpen = !this.state.rollingSelectorOpen, this.render(), this.state.rollingSelectorOpen && this.element && me(this.element);
+      e.preventDefault(), this.state.rollingSelectorOpen = !this.state.rollingSelectorOpen, this.render(), this.state.rollingSelectorOpen && this.element && Ce(this.element);
       return;
     }
     if (i === "today") {
       e.preventDefault();
-      const a = Fi(this.state, this.options);
+      const a = qi(this.state, this.options);
       a && this.selectDate(a);
       return;
     }
     const r = o.closest(".wg-datepicker__day");
     if (r) {
       e.preventDefault();
-      const a = zi(r, this.state, this.options);
+      const a = Vi(r, this.state, this.options);
       a && this.selectDate(a);
       return;
     }
     const s = o.closest("[data-month]");
     if (s && this.state.rollingSelectorOpen) {
-      e.preventDefault(), Vi(s, this.state), this.render();
+      e.preventDefault(), Yi(s, this.state), this.render();
       return;
     }
     const n = o.closest("[data-year]");
     if (n && this.state.rollingSelectorOpen) {
-      e.preventDefault(), qi(n, this.state), this.render();
+      e.preventDefault(), Ni(n, this.state), this.render();
       return;
     }
   }
@@ -3786,7 +3881,7 @@ class re {
    * Handle keyboard events
    */
   handleKeyDown(e) {
-    Ii(e, this.state, this.options, {
+    Li(e, this.state, this.options, {
       onSelect: (i, r) => this.selectDate(i, r),
       onClose: () => this.close()
     }) && this.render();
@@ -3804,24 +3899,24 @@ class re {
   render() {
     if (!this.element) return;
     const e = this.element.querySelector(".wg-datepicker");
-    e && (Ai(e, this.state, this.localeStrings), Oi(e, this.state.rollingSelectorOpen), this.state.rollingSelectorOpen ? Ri(e, this.state) : Mi(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
    */
   connectInput(e) {
     this.input = e, this.previousInputValue = e.value, e.addEventListener("input", () => {
-      this.previousInputValue = Yi(e, this.formatInfo, this.previousInputValue), ji(e.value, this.formatInfo, this.state, this.options);
+      this.previousInputValue = Ui(e, this.formatInfo, this.previousInputValue), Ki(e.value, this.formatInfo, this.state, this.options);
     }), e.addEventListener("keydown", (o) => {
-      Ni(o, this.formatInfo);
+      ji(o, this.formatInfo);
     }), e.addEventListener("paste", (o) => {
-      Ui(o, e, this.formatInfo);
+      Bi(o, e, this.formatInfo);
     }), e.addEventListener("focus", () => {
       !this.state.isOpen && this.anchor && this.open(this.anchor, e.value);
     });
   }
 }
-const Ki = `
+const Xi = `
 .wg-context-menu-container {
 	position: fixed;
 	z-index: var(--wg-cm-z-index, 10000);
@@ -3910,13 +4005,13 @@ const Ki = `
 	margin: var(--wg-cm-padding) 0;
 }
 `;
-let ve = !1;
-function Wi() {
-  if (ve) return;
+let xe = !1;
+function Qi() {
+  if (xe) return;
   const t = document.createElement("style");
-  t.id = "wg-context-menu-styles", t.textContent = Ki, document.head.appendChild(t), ve = !0;
+  t.id = "wg-context-menu-styles", t.textContent = Xi, document.head.appendChild(t), xe = !0;
 }
-function Xi(t, e) {
+function Gi(t, e) {
   const o = t.filter((r) => r.visible === void 0 ? !0 : typeof r.visible == "function" ? r.visible(e) : r.visible);
   return o.length === 0 ? "" : `<div class="wg-context-menu">${o.map((r, s) => {
     const n = typeof r.label == "function" ? r.label(e) : r.label, d = typeof r.icon == "function" ? r.icon(e) : r.icon, a = typeof r.disabled == "function" ? r.disabled(e) : r.disabled, c = r.danger === !0, l = [
@@ -3927,14 +4022,14 @@ function Xi(t, e) {
     return `${g}<div class="${l}" data-item-id="${r.id}" data-disabled="${a ? "true" : "false"}">${h}<span class="wg-context-menu__label">${n}</span></div>`;
   }).join("")}</div>`;
 }
-function Qi(t, e, o, i, r, s, n) {
-  Wi();
-  const d = Xi(i, r);
+function Ji(t, e, o, i, r, s, n) {
+  Qi();
+  const d = Gi(i, r);
   if (!d) return null;
   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,
@@ -3948,9 +4043,9 @@ function Qi(t, e, o, i, r, s, n) {
   }, c, {
     placement: "bottom-start",
     middleware: [
-      It(4),
-      Lt({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
-      Me({ padding: 8 })
+      Lt(4),
+      xt({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
+      ne({ padding: 8 })
     ]
   }).then(({ x: u, y: p }) => {
     Object.assign(c.style, {
@@ -3965,20 +4060,20 @@ function Qi(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();
 }
-class Gi extends HTMLElement {
+class Zi extends HTMLElement {
   constructor() {
     super();
     // Core grid logic (composition)
@@ -4055,7 +4150,7 @@ class Gi extends HTMLElement {
       const a = String(s.field);
       this.grid.commitEdit(i, a, d), this.render();
     });
-    this.shadow = this.attachShadow({ mode: "open" }), this.grid = new Ve(), this.styleElement = document.createElement("style"), this.styleElement.textContent = qe, 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;
@@ -4076,7 +4171,7 @@ class Gi 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
@@ -4147,6 +4242,12 @@ class Gi extends HTMLElement {
   set editTrigger(o) {
     this.grid.editTrigger = o;
   }
+  get editStartSelection() {
+    return this.grid.editStartSelection;
+  }
+  set editStartSelection(o) {
+    this.grid.editStartSelection = o;
+  }
   get mode() {
     return this.grid.mode;
   }
@@ -4219,6 +4320,12 @@ class Gi 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;
   }
@@ -4251,6 +4358,12 @@ class Gi extends HTMLElement {
   set onvalidationerror(o) {
     this.grid.onvalidationerror = o;
   }
+  get validationTooltipCallback() {
+    return this.grid.validationTooltipCallback;
+  }
+  set validationTooltipCallback(o) {
+    this.grid.validationTooltipCallback = o;
+  }
   set ontoolbarclick(o) {
     this.grid.ontoolbarclick = o;
   }
@@ -4279,6 +4392,12 @@ class Gi extends HTMLElement {
   set sort(o) {
     this.grid.sort = o;
   }
+  get sortMode() {
+    return this.grid.sortMode;
+  }
+  set sortMode(o) {
+    this.grid.sortMode = o;
+  }
   get currentPage() {
     return this.grid.currentPage;
   }
@@ -4445,7 +4564,7 @@ class Gi extends HTMLElement {
   }
   // Delegate to module function - needed for lifecycle module
   moveFocusAfterCommit(o, i, r) {
-    zt(this, o, i, r);
+    Ft(this, o, i, r);
   }
   // ==========================================================================
   // Update Mechanism
@@ -4488,79 +4607,79 @@ class Gi 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":
         if (o.preventDefault(), o.ctrlKey)
           if (this.grid.shouldUseVirtualScroll()) {
             const l = this.grid.focusedCell;
-            this.grid.setFocusedCell(0, 0), nt(this, 0);
+            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 }), U(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) {
           const l = n.length - 1, g = s.length - 1;
           if (this.grid.shouldUseVirtualScroll()) {
             const h = this.grid.focusedCell;
-            this.grid.setFocusedCell(l, g), nt(this, l);
+            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 }), U(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)
           if (this.grid.shouldUseVirtualScroll()) {
             const l = this.grid.focusedCell;
-            this.grid.setFocusedCell(0, r), nt(this, 0);
+            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 }), U(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), nt(this, l);
+            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 }), U(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":
@@ -4568,20 +4687,20 @@ class Gi extends HTMLElement {
           const l = n.length - 1;
           if (this.grid.shouldUseVirtualScroll()) {
             const g = this.grid.focusedCell;
-            this.grid.setFocusedCell(l, r), nt(this, l);
+            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 }), U(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), nt(this, l);
+            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 }), U(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":
@@ -4591,16 +4710,16 @@ class Gi 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) ? (W(this, i, r), requestAnimationFrame(() => {
-          this.dropdownOpen || X(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";
-        W(this, i, r), g ? requestAnimationFrame(() => {
-          this.dropdownOpen || X(this);
+        B(this, i, r), g ? requestAnimationFrame(() => {
+          this.dropdownOpen || W(this);
         }) : h && requestAnimationFrame(() => {
           this.openCustomEditor(i, r);
         });
@@ -4609,25 +4728,25 @@ class Gi 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 ? Qo(this, i, r) : h ? (W(this, i, r), requestAnimationFrame(() => {
-          this.dropdownOpen || X(this);
-        })) : u ? (W(this, i, r), requestAnimationFrame(() => {
+        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"), b = m == null ? void 0 : m.querySelector(".wg__editor--date");
           f && b && this.openDatePicker(f, b);
-        })) : p && (W(this, i, r), requestAnimationFrame(() => {
+        })) : p && (B(this, i, r), requestAnimationFrame(() => {
           this.openCustomEditor(i, r);
         }));
         break;
       }
       case "Escape":
         if (o.preventDefault(), this.grid.editingCell)
-          P(this), this.grid.cancelEdit();
+          Y(this), this.grid.cancelEdit();
         else {
           const l = this.grid.focusedCell;
-          this.grid.clearFocusedCell(), U(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": {
@@ -4652,7 +4771,7 @@ class Gi extends HTMLElement {
           const l = s[r];
           if ((l == null ? void 0 : l.editor) === "number" && !/[\d.\-]/.test(o.key))
             return;
-          W(this, i, r, { initialSearchQuery: o.key }), o.preventDefault();
+          B(this, i, r, { initialSearchQuery: o.key }), o.preventDefault();
         }
         break;
     }
@@ -4695,8 +4814,8 @@ class Gi extends HTMLElement {
           o.ctrlKey ? (p = u.length - 1, m = this.grid.columns.length - 1) : m = this.grid.columns.length - 1, f = !0;
           break;
       }
-      f && (P(this), this.grid.cancelEdit(), queueMicrotask(() => {
-        E(this, p, m);
+      f && (Y(this), this.grid.cancelEdit(), queueMicrotask(() => {
+        $(this, p, m);
       }));
       return;
     }
@@ -4708,7 +4827,7 @@ class Gi 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), ue(this));
+          g < this.dropdownOptions.length && (this.highlightedIndex = g, et(this), fe(this));
         }
         break;
       case "ArrowUp":
@@ -4718,13 +4837,13 @@ class Gi extends HTMLElement {
           let g = this.highlightedIndex - 1;
           for (; g >= 0 && mt(this.dropdownOptions[g], l); )
             g--;
-          g >= 0 && (this.highlightedIndex = g, et(this), ue(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 ? Ae(this, this.highlightedIndex) : a && !this.dropdownOpen ? X(this) : (this.isCommittingFromKeyboard = !0, O(this), d === "date" && i instanceof HTMLInputElement ? this.commitDateEditor(i) : Tt(this, i), zt(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)
@@ -4732,25 +4851,25 @@ class Gi extends HTMLElement {
         if (o.preventDefault(), o.stopPropagation(), this.isCommittingFromKeyboard = !0, this.dropdownOpen && this.highlightedIndex >= 0 && a) {
           const l = this.dropdownOptions[this.highlightedIndex], g = this.getCurrentEditorOptions();
           if (l && !mt(l, g)) {
-            const h = st(l, g);
+            const h = at(l, g);
             this.grid.commitEdit(r, s, h);
           }
-          O(this);
+          L(this);
         } else
-          O(this), d === "date" && i instanceof HTMLInputElement ? this.commitDateEditor(i) : a || Tt(this, i);
-        zt(this, r, s, o.shiftKey ? "prev" : "next");
+          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 && O(this), this.datepicker && (this.datepicker.close(!0), this.datepicker = null), this.isCommittingFromKeyboard = !0, P(this), this.grid.cancelEdit(), Jo(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 && X(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), fe(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, fe(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;
     }
   }
@@ -4765,11 +4884,11 @@ class Gi 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);
-        jo(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) && X(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;
@@ -4782,7 +4901,7 @@ class Gi extends HTMLElement {
         this.handleCellKeyDown(s, d, a);
       }
     }), o.addEventListener("focusout", (s) => {
-      Ko(this, s);
+      Qo(this, s);
     }), o.addEventListener("dblclick", (s) => {
       s.preventDefault();
       const d = s.target.closest(".wg__cell");
@@ -4791,17 +4910,33 @@ class Gi extends HTMLElement {
         if (l) {
           const g = l.editTrigger || this.grid.editTrigger;
           if (g === "dblclick" || g === "navigate") {
-            const h = Bo(s, d);
-            W(this, a, c, { cursorPosition: h ?? void 0 });
+            const h = zt(s, d);
+            B(this, a, c, { cursorPosition: h ?? void 0 });
             const u = l.editor;
             u === "select" || u === "combobox" || u === "autocomplete" ? requestAnimationFrame(() => {
-              this.dropdownOpen || X(this);
+              this.dropdownOpen || W(this);
             }) : u === "custom" && requestAnimationFrame(() => {
               this.openCustomEditor(a, c);
             });
           }
         }
       }
+    }), o.addEventListener("click", (s) => {
+      const d = s.target.closest(".wg__cell");
+      if (d && !d.classList.contains("wg__cell--editing")) {
+        const a = parseInt(d.dataset.row || "0", 10), c = parseInt(d.dataset.col || "0", 10), l = this.grid.columns[c];
+        if (l && (l.editTrigger || this.grid.editTrigger) === "click") {
+          s.preventDefault();
+          const h = zt(s, d);
+          B(this, a, c, { cursorPosition: h ?? void 0 });
+          const u = l.editor;
+          u === "select" || u === "combobox" || u === "autocomplete" ? requestAnimationFrame(() => {
+            this.dropdownOpen || W(this);
+          }) : u === "custom" && requestAnimationFrame(() => {
+            this.openCustomEditor(a, c);
+          });
+        }
+      }
     }), o.addEventListener("mousedown", (s) => {
       const n = s.target;
       if (n.closest(".wg__date-trigger")) {
@@ -4812,7 +4947,7 @@ class Gi 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 && (O(this), P(this), this.grid.cancelEdit()), W(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(
@@ -4830,8 +4965,16 @@ class Gi 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, O(this), P(this), this.grid.cancelEdit(), requestAnimationFrame(() => {
-                this.isTransitioningCells = !1, E(this, c, l);
+              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 v = this.shadow.querySelector(
+                    `td[data-row="${c}"][data-col="${l}"]`
+                  ), _ = v ? zt({ clientX: b }, v) : void 0;
+                  B(this, c, l, { cursorPosition: _ ?? void 0 });
+                } else
+                  $(this, c, l);
               });
               return;
             }
@@ -4842,11 +4985,11 @@ class Gi 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"))
-          pe(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 && (O(this), P(this), this.grid.cancelEdit()), W(this, l, h), requestAnimationFrame(() => {
-            this.isTransitioningCells = !1, this.dropdownOpen || X(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);
           }));
         }
       }
@@ -4855,65 +4998,71 @@ class Gi 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 && (O(this), P(this), this.grid.cancelEdit()), W(this, c, g), requestAnimationFrame(() => {
-            this.isTransitioningCells = !1, this.dropdownOpen || X(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(), pe(this));
+      s.target.matches(".wg__select-trigger, .wg__select-value") && (s.preventDefault(), s.stopPropagation(), me(this));
     }), o.addEventListener("click", (s) => {
       const n = s, a = n.target.closest(".wg__header--sortable");
       if (a) {
         const c = a.dataset.field;
         if (!c) return;
         const l = [...this.grid.sort], g = l.findIndex((u) => u.column === c);
-        n.ctrlKey || n.metaKey ? g >= 0 ? l[g].direction === "asc" ? l[g] = { column: c, direction: "desc" } : l.splice(g, 1) : l.push({ column: c, direction: "asc" }) : g >= 0 && l.length === 1 ? l[0].direction === "asc" ? l[0] = { column: c, direction: "desc" } : l.length = 0 : (l.length = 0, l.push({ column: c, direction: "asc" })), this.grid.sort = l, this.grid.pageable && (this.grid.currentPage = 1), this.grid.fireDataRequest("sort"), this.render();
+        (n.ctrlKey || n.metaKey) && this.grid.sortMode === "multi" ? g >= 0 ? l[g].direction === "asc" ? l[g] = { column: c, direction: "desc" } : l.splice(g, 1) : l.push({ column: c, direction: "asc" }) : g >= 0 && l.length === 1 ? l[0].direction === "asc" ? l[0] = { column: c, direction: "desc" } : l.length = 0 : (l.length = 0, l.push({ column: c, direction: "asc" })), this.grid.sort = l, this.grid.pageable && (this.grid.currentPage = 1), this.grid.fireDataRequest("sort"), this.render();
       }
     }), o.addEventListener("contextmenu", (s) => {
       this.handleContextMenu(s);
     }), o.addEventListener("change", (s) => {
       const n = s.target;
-      n.matches(".wg__editor--checkbox") && Xo(this, n);
+      n.matches(".wg__editor--checkbox") && Jo(this, n);
     }), o.addEventListener("input", (s) => {
       const n = s.target;
-      n.matches(".wg__combobox-input") ? Ho(this, s) : n.matches(".wg__autocomplete-input") && zo(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") && Go(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 && (O(this), P(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 (O(this), this.grid.editingCell) {
+        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, st(g, c)) : this.grid.commitEdit(this.grid.editingCell.rowIndex, this.grid.editingCell.field, d.value);
+            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);
           }
         }
       }
     }, !0);
     const i = this.shadow.querySelector(".wg");
     i && i.addEventListener("scroll", () => {
-      this.dropdownOpen && !this.isTransitioningCells && !this.isOpeningDropdown && (O(this), P(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 && (O(this), P(this), this.grid.cancelEdit());
+      this.dropdownOpen && !this.isTransitioningCells && (L(this), Y(this), this.grid.cancelEdit());
     }, { passive: !0, capture: !0 })), o.addEventListener("mouseenter", (s) => {
-      const d = s.target.closest("[data-tooltip]");
+      const n = s.target, d = n.closest("[data-tooltip-html]");
       if (d) {
-        const a = d.getAttribute("data-tooltip");
-        Vo(this, d, a, this._tooltipShowDelay);
+        const c = d.getAttribute("data-tooltip-html");
+        ve(this, d, c, this._tooltipShowDelay, !0);
+        return;
+      }
+      const a = n.closest("[data-tooltip]");
+      if (a) {
+        const c = a.getAttribute("data-tooltip");
+        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]");
-      c && (a == null ? void 0 : a.closest("[data-tooltip]")) === c || c && qo(this, this._tooltipHideDelay);
+      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 && jo(this, this._tooltipHideDelay);
     }, !0), o.addEventListener("click", (s) => {
       const d = s.target.closest(".wg__toolbar-trigger");
       if (d && this.grid.toolbarTrigger === "button") {
         s.preventDefault(), s.stopPropagation();
         const a = parseInt(d.dataset.toolbarTrigger || "0", 10), c = o.querySelector(`tr[data-row-index="${a}"]`);
-        c && (Vt(a) ? (this.closeToolbarAndReset(), this.render()) : this.showToolbarForRow(c, a));
+        c && (qt(a) ? (this.closeToolbarAndReset(), this.render()) : this.showToolbarForRow(c, a));
       }
     }), o.addEventListener("mouseenter", (s) => {
       if (this.grid.toolbarTrigger !== "hover") return;
@@ -4921,7 +5070,7 @@ class Gi extends HTMLElement {
       const n = s, a = n.target.closest(".wg__row");
       if (a) {
         const c = parseInt(a.dataset.rowIndex || "0", 10);
-        Vt(c) || this.showToolbarForRow(a, c, n.clientX);
+        qt(c) || this.showToolbarForRow(a, c, n.clientX);
       }
     }, !0), o.addEventListener("mouseleave", (s) => {
       if (this.grid.toolbarTrigger !== "hover") return;
@@ -4937,10 +5086,10 @@ class Gi extends HTMLElement {
       const n = s, d = n.target, a = d.closest(".wg__row");
       if (a && !d.closest(".wg__cell--editing")) {
         const c = parseInt(a.dataset.rowIndex || "0", 10);
-        Vt(c) ? (this.closeToolbarAndReset(), this.render()) : this.showToolbarForRow(a, c, n.clientX);
+        qt(c) ? (this.closeToolbarAndReset(), this.render()) : this.showToolbarForRow(a, c, n.clientX);
       }
     }), this.toolbarOutsideClickAdded || (this.toolbarOutsideClickAdded = !0, document.addEventListener("click", (s) => {
-      if (!hi(this.shadow))
+      if (!wi(this.shadow))
         return;
       const n = s.composedPath(), d = n.some((l) => {
         var g;
@@ -4949,9 +5098,9 @@ class Gi 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");
@@ -4998,12 +5147,12 @@ class Gi extends HTMLElement {
       rowHeight: this.grid.virtualScrollRowHeight,
       totalItems: r.length
     }, n = this.grid.focusedCell;
-    if (i.innerHTML = we(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 }), U(this, null, n));
+      d && (d.focus({ preventScroll: !0 }), K(this, null, n));
     }
   }
   /**
@@ -5021,43 +5170,43 @@ class Gi extends HTMLElement {
     const o = this.shadow.querySelector(".wg"), i = (o == null ? void 0 : o.scrollTop) || 0, r = (o == null ? void 0 : o.scrollLeft) || 0, s = this.grid.focusedCell;
     o && o.remove();
     const n = document.createElement("div");
-    n.className = wi(this);
+    n.className = bi(this);
     const d = this.grid.paginationPosition.split("|").map((f) => f.trim()), a = this.grid.summaryPosition ? this.grid.summaryPosition.split("|").map((f) => f.trim()) : [], c = (f, b) => {
       const v = d.filter(
         (x) => b ? x.startsWith("top-") : x.startsWith("bottom-")
       ), _ = a.filter(
         (x) => b ? x.startsWith("top-") : x.startsWith("bottom-")
-      ), C = v.length > 0, y = _.length > 0;
-      return !C && !y ? "" : y && C && this.grid.summaryInline ? `<div class="wg__footer${b ? " wg__footer--top" : ""}">
-					${Yt(this, _[0])}
-					${qt(this, v[0])}
+      ), 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, v[0])}
 				</div>` : [.../* @__PURE__ */ new Set([...v, ..._])].map((x) => {
-        const S = v.includes(x), T = _.includes(x);
-        return T && S ? `<div class="wg__footer${b ? " wg__footer--top" : ""}">
+        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)}
-						${qt(this, x)}
-					</div>` : T ? Yt(this, x) : qt(this, x);
+					</div>` : T ? Nt(this, x) : Yt(this, x);
       }).join("");
     }, l = c(d, !0), g = c(d, !1), h = this.grid.shouldUseVirtualScroll();
     let u;
     if (h) {
-      const f = this.grid.displayItems, b = this.grid.virtualScrollRowHeight, v = this.grid.virtualScrollBuffer, _ = (o == null ? void 0 : o.clientHeight) || 400, C = Math.max(0, Math.floor(i / b) - v), y = Math.ceil(_ / b) + v * 2, k = Math.min(f.length, C + y);
-      this.virtualScrollStart = C, this.virtualScrollEnd = k;
+      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: C,
-        endIndex: k,
+        startIndex: S,
+        endIndex: D,
         rowHeight: b,
         totalItems: f.length
       };
-      u = we(this, x);
+      u = ye(this, x);
     } else
-      u = bi(this);
+      u = _i(this);
     h && n.classList.add("wg--virtual-scroll");
     const p = `
 			${l}
 			<table class="wg__table">
 				<thead>
-					${mi(this)}
+					${vi(this)}
 				</thead>
 				<tbody>
 					${u}
@@ -5073,15 +5222,19 @@ class Gi extends HTMLElement {
     if (n.scrollLeft = r, this.attachEventListeners(), this.grid.editingCell) {
       let f = this.shadow.querySelector(".wg__combobox-input, .wg__autocomplete-input, .wg__select-trigger, .wg__date-input");
       if (f || (f = this.shadow.querySelector(".wg__editor")), f && (f.focus(), f instanceof HTMLInputElement && f.type === "text")) {
-        const b = this.grid.editingCell.cursorPosition, v = this.getCurrentEditingColumn(), _ = ((m = v == null ? void 0 : v.editorOptions) == null ? void 0 : m.editStartSelection) || "selectAll";
-        if (b !== void 0) {
-          const C = Math.min(b, f.value.length);
-          f.setSelectionRange(C, C);
-        } else if (this.grid.editingCell.initialSearchQuery !== void 0) {
-          const C = f.value.length;
-          f.setSelectionRange(C, C);
+        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 (b !== void 0) {
+                const S = Math.min(b, f.value.length);
+                f.setSelectionRange(S, S);
+              } else
+                f.setSelectionRange(f.value.length, f.value.length);
+              break;
             case "cursorAtStart":
               f.setSelectionRange(0, 0);
               break;
@@ -5112,7 +5265,7 @@ class Gi extends HTMLElement {
   renderConnector() {
     const o = this.shadow.querySelector(".wg__connector");
     o && o.remove();
-    const i = pi();
+    const i = mi();
     if (!i.path || !i.arrowPos)
       return;
     const r = document.createElementNS("http://www.w3.org/2000/svg", "svg");
@@ -5128,7 +5281,7 @@ class Gi 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 re({
+    this.datepicker = new se({
       dateFormat: r,
       minDate: s || void 0,
       maxDate: n || void 0,
@@ -5136,7 +5289,7 @@ class Gi extends HTMLElement {
         this.handleDatePickerSelect(o, a, c);
       },
       onClose: () => {
-        this.datepicker = null, P(this), this.grid.cancelEdit();
+        this.datepicker = null, Y(this), this.grid.cancelEdit();
       }
     }), this.datepicker.open(i, d || null);
   }
@@ -5144,8 +5297,8 @@ class Gi extends HTMLElement {
    * Handle date selection from the date picker
    */
   handleDatePickerSelect(o, i, r) {
-    const s = o.dataset.dateFormat || "YYYY-MM-DD", n = Bt(s);
-    o.value = Pe(i, n), o.dataset.dateValue = Kt(i), this.isCommittingFromKeyboard = !0, this.commitDateEditor(o);
+    const s = o.dataset.dateFormat || "YYYY-MM-DD", n = Kt(s);
+    o.value = Ve(i, n), o.dataset.dateValue = Wt(i), this.isCommittingFromKeyboard = !0, this.commitDateEditor(o);
     const d = parseInt(o.dataset.row || "0", 10), a = o.dataset.field || "";
     this.moveFocusAfterCommit(d, a, r || "down");
   }
@@ -5154,7 +5307,7 @@ class Gi extends HTMLElement {
    */
   commitDateEditor(o) {
     if (!this.grid.editingCell) return;
-    const i = parseInt(o.dataset.row || "0", 10), r = o.dataset.field || "", s = o.dataset.outputFormat || "iso", n = o.dataset.dateFormat || "YYYY-MM-DD", d = Bt(n), a = o.value ? this.parseDateInput(o.value, d) : null;
+    const i = parseInt(o.dataset.row || "0", 10), r = o.dataset.field || "", s = o.dataset.outputFormat || "iso", n = o.dataset.dateFormat || "YYYY-MM-DD", d = Kt(n), a = o.value ? this.parseDateInput(o.value, d) : null;
     let c = null;
     if (a)
       switch (s) {
@@ -5166,7 +5319,7 @@ class Gi extends HTMLElement {
           break;
         case "iso":
         default:
-          c = Kt(a);
+          c = Wt(a);
           break;
       }
     this.grid.commitEdit(i, r, c);
@@ -5215,7 +5368,7 @@ class Gi extends HTMLElement {
       a();
       const g = l - 1, h = this.grid.focusedCell;
       if (this.grid.setFocusedCell(g, o), this.grid.shouldUseVirtualScroll())
-        nt(this, g), requestAnimationFrame(() => {
+        st(this, g), requestAnimationFrame(() => {
           requestAnimationFrame(() => {
             const u = this.shadow.querySelector(
               `td[data-row="${g}"][data-col="${o}"]`
@@ -5227,7 +5380,7 @@ class Gi extends HTMLElement {
         const u = this.shadow.querySelector(
           `td[data-row="${g}"][data-col="${o}"]`
         );
-        u && (u.scrollIntoView({ block: "nearest", behavior: "auto" }), u.focus(), U(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) => {
@@ -5251,13 +5404,13 @@ class Gi extends HTMLElement {
       rowIndex: o,
       field: s,
       commit: (c) => {
-        this.grid.commitEdit(o, s, c), P(this), requestAnimationFrame(() => {
-          E(this, o, i);
+        this.grid.commitEdit(o, s, c), Y(this), requestAnimationFrame(() => {
+          $(this, o, i);
         });
       },
       cancel: () => {
-        P(this), this.grid.cancelEdit(), requestAnimationFrame(() => {
-          E(this, o, i);
+        Y(this), this.grid.cancelEdit(), requestAnimationFrame(() => {
+          $(this, o, i);
         });
       }
     };
@@ -5273,7 +5426,7 @@ class Gi 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];
@@ -5285,7 +5438,7 @@ class Gi extends HTMLElement {
       column: a,
       cellValue: g
     };
-    this.grid.oncontextmenuopen && this.grid.oncontextmenuopen(h), this.contextMenuElement = Qi(
+    this.grid.oncontextmenuopen && this.grid.oncontextmenuopen(h), this.contextMenuElement = Ji(
       this,
       o.clientX,
       o.clientY,
@@ -5293,7 +5446,7 @@ class Gi 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;
@@ -5306,10 +5459,10 @@ class Gi extends HTMLElement {
   showToolbarForRow(o, i, r) {
     if (!this.grid.showRowToolbar || !this.grid.rowToolbar.length)
       return;
-    const s = di(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), ui(
+    if (this.toolbarHideTimeout && (clearTimeout(this.toolbarHideTimeout), this.toolbarHideTimeout = null), fi(
       this,
       o,
       i,
@@ -5339,7 +5492,7 @@ class Gi 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
@@ -5359,12 +5512,12 @@ class Gi extends HTMLElement {
       this.closeToolbarAndReset(), this.render();
       return;
     }
-    n ? (this.render(), fi(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", Gi);
+typeof customElements < "u" && !customElements.get("web-grid") && customElements.define("web-grid", Zi);
 export {
-  Gi as GridElement,
-  Ve as WebGrid,
-  Gi as default
+  Zi as GridElement,
+  je as WebGrid,
+  Zi as default
 };