npm - @keenmate/web-grid - Versions diffs - 1.0.0-rc02 → 1.0.0-rc04 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/README.md +10 -6
package/component-variables.manifest.json +4 -4
package/dist/grid.d.ts +11 -2
package/dist/modules/tooltip/tooltip.d.ts +2 -2
package/dist/types.d.ts +14 -1
package/dist/web-component.d.ts +7 -1
package/dist/web-grid.js +896 -787
package/dist/web-grid.umd.js +52 -52
package/package.json +1 -1
package/src/css/_variables.css +7 -7

package/dist/web-grid.js CHANGED Viewed

@@ -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 Ye = Object.defineProperty;
+var Ne = (t, e, o) => e in t ? Ye(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
+var w = (t, e, o) => Ne(t, typeof e != "symbol" ? e + "" : e, o);
+class Ue {
   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);
@@ -37,6 +38,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 +102,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 +163,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;
   }
@@ -415,6 +430,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,8 +741,8 @@ 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 je = ':host{--wg-rem: 10px;font-family:var(--wg-font-family, var(--base-font-family, system-ui, -apple-system, sans-serif));display:block;--wg-accent-color: var(--base-accent-color, #0078d4);--wg-accent-color-hover: var(--base-accent-color-hover, #106ebe);--wg-accent-color-active: var(--base-accent-color-active, #005a9e);--wg-accent-color-light: var(--base-accent-color-light, #e6f2ff);--wg-text-color-1: var(--base-text-color-1, #242424);--wg-text-color-2: var(--base-text-color-2, #424242);--wg-text-color-3: var(--base-text-color-3, #707070);--wg-text-on-accent: var(--base-text-color-on-accent, #ffffff);--wg-surface-1: var(--base-main-bg, #ffffff);--wg-surface-2: var(--base-elevated-bg, #f5f5f5);--wg-surface-3: var(--base-hover-bg, #ebebeb);--wg-surface-floating: var(--base-dropdown-bg, var(--base-main-bg, #ffffff));--wg-border-color: var(--base-border-color, #e0e0e0);--wg-border-color-hover: var(--base-border-color, #d1d1d1);--wg-input-bg: var(--base-input-bg, #ffffff);--wg-input-color: var(--base-input-color, var(--wg-text-color-1));--wg-input-border: var(--base-input-border, 1px solid #d1d1d1);--wg-input-border-hover: var(--base-input-border-hover, 1px solid #0078d4);--wg-input-border-focus: var(--base-input-border-focus, 1px solid #0078d4);--wg-input-placeholder-color: var(--base-input-placeholder-color, #707070);--wg-danger-color: var(--base-danger-color, #d13438);--wg-danger-bg-light: var(--base-danger-bg-light, #fde7e9);--wg-hover-bg: var(--base-hover-bg, #f0f0f0);--wg-active-bg: var(--base-hover-bg, #e0e0e0);--wg-font-size-base: calc(var(--base-font-size-base, 1.4) * var(--wg-rem));--wg-font-size-sm: calc(var(--base-font-size-sm, 1.2) * var(--wg-rem));--wg-font-size-xs: calc(var(--base-font-size-xs, 1.1) * var(--wg-rem));--wg-font-size-lg: calc(var(--base-font-size-lg, 1.6) * var(--wg-rem));--wg-line-height-base: calc(var(--base-line-height-normal, 2) * var(--wg-rem));--wg-font-weight-normal: var(--base-font-weight-normal, 400);--wg-font-weight-semibold: var(--base-font-weight-semibold, 600);--wg-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--wg-rem));--wg-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--wg-rem));--wg-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--wg-rem));--wg-spacing-xs: calc(.4 * var(--wg-rem));--wg-spacing-sm: calc(.8 * var(--wg-rem));--wg-spacing-md: calc(1.2 * var(--wg-rem));--wg-spacing-lg: calc(1.6 * var(--wg-rem));--wg-spacing-xl: calc(2.4 * var(--wg-rem));--wg-table-bg: var(--wg-surface-1);--wg-table-border: 1px solid var(--wg-border-color);--wg-header-bg: var(--wg-surface-2);--wg-header-bg-hover: var(--wg-surface-3);--wg-header-bg-sorted: var(--wg-surface-3);--wg-header-color: var(--wg-text-color-1);--wg-header-border: 2px solid var(--wg-border-color);--wg-header-padding: var(--wg-spacing-sm) var(--wg-spacing-md);--wg-header-font-weight: var(--wg-font-weight-semibold);--wg-cell-padding: var(--wg-spacing-sm) var(--wg-spacing-md);--wg-cell-color: var(--wg-text-color-1);--wg-cell-border: 1px solid var(--wg-border-color);--wg-cell-bg-hover: var(--wg-hover-bg);--wg-cell-bg-editing: var(--wg-surface-1);--wg-cell-readonly-bg: var(--wg-surface-2);--wg-row-border: 1px solid var(--wg-border-color);--wg-row-bg-even: var(--wg-surface-2);--wg-row-bg-hover: var(--wg-surface-3);--wg-filter-bg: var(--wg-surface-1);--wg-filter-border: 1px solid var(--wg-border-color);--wg-filter-padding: var(--wg-spacing-xs) var(--wg-spacing-sm);--wg-filter-input-padding: calc(.4 * var(--wg-rem)) calc(.8 * var(--wg-rem));--wg-filter-input-bg: var(--wg-input-bg);--wg-filter-input-border: var(--wg-input-border);--wg-filter-input-border-focus: var(--wg-input-border-focus);--wg-filter-input-border-radius: var(--wg-border-radius-sm);--wg-filter-input-font-size: var(--wg-font-size-sm);--wg-sort-indicator-size: calc(1.4 * var(--wg-rem));--wg-sort-indicator-opacity: .9;--wg-sort-placeholder-opacity: .3;--wg-sort-priority-size: calc(1.1 * var(--wg-rem));--wg-pagination-padding: var(--wg-spacing-md);--wg-pagination-gap: calc(1.6 * var(--wg-rem));--wg-pagination-bg: var(--wg-surface-1);--wg-pagination-border: 1px solid var(--wg-border-color);--wg-pagination-btn-padding: calc(.6 * var(--wg-rem)) calc(1.6 * var(--wg-rem));--wg-pagination-btn-bg: var(--wg-surface-1);--wg-pagination-btn-bg-hover: var(--wg-surface-2);--wg-pagination-btn-bg-active: var(--wg-surface-3);--wg-pagination-btn-border: 1px solid var(--wg-border-color);--wg-pagination-btn-border-hover: 1px solid var(--wg-border-color-hover);--wg-pagination-btn-border-radius: var(--wg-border-radius-sm);--wg-pagination-btn-disabled-opacity: .4;--wg-empty-padding: var(--wg-spacing-xl);--wg-empty-color: var(--wg-text-color-3);--wg-error-cell-bg: var(--wg-danger-bg-light);--wg-error-cell-border: 1px solid var(--wg-danger-color);--wg-error-message-color: var(--wg-danger-color);--wg-error-message-font-size: var(--wg-font-size-xs);--wg-error-indicator-color: var(--wg-danger-color);--wg-editor-bg: var(--wg-surface-1);--wg-editor-outline: 2px solid var(--wg-accent-color);--wg-editor-outline-offset: -2px;--wg-editor-validating-opacity: .7;--wg-dropdown-toggle-right: var(--wg-spacing-md);--wg-dropdown-toggle-size: calc(1.2 * var(--wg-rem));--wg-dropdown-toggle-hitbox: calc(2.4 * var(--wg-rem));--wg-toolbar-bg: var(--wg-surface-floating);--wg-toolbar-border: 1px solid var(--wg-border-color);--wg-toolbar-border-radius: var(--wg-border-radius-sm);--wg-toolbar-shadow: var(--base-dropdown-box-shadow, 0 2px 8px rgba(0, 0, 0, .15));--wg-toolbar-divider-color: var(--wg-border-color);--wg-toolbar-btn-min-width: calc(2.4 * var(--wg-rem));--wg-toolbar-btn-padding: 0 calc(.4 * var(--wg-rem));--wg-toolbar-btn-border-radius: var(--wg-border-radius-sm);--wg-toolbar-btn-bg-hover: var(--wg-hover-bg);--wg-toolbar-btn-bg-active: var(--wg-active-bg);--wg-toolbar-btn-color: var(--wg-text-color-1);--wg-toolbar-trigger-color: var(--wg-text-color-3);--wg-toolbar-trigger-color-hover: var(--wg-text-color-1);--wg-toolbar-trigger-bg-hover: var(--wg-hover-bg);--wg-tooltip-bg: var(--base-tooltip-bg, #333);--wg-context-menu-z-index: 1001;--wg-context-menu-min-width: calc(16 * var(--wg-rem));--wg-focus-outline: 2px solid var(--wg-accent-color);--wg-focus-outline-offset: -2px;--wg-focus-bg: var(--wg-hover-bg);--wg-transition-fast: .1s ease;--wg-transition-normal: .15s ease;--wg-z-dropdown: 9999;--wg-z-toolbar: 1000;--wg-z-context-menu: 1001}web-grid:not(:defined){display:block;min-height:calc(10 * var(--wg-rem));color:transparent!important;background:transparent}.wg{position:relative;width:100%;max-height:inherit;overflow:auto;overscroll-behavior:contain;border:var(--wg-table-border)}.wg__table{width:max-content;min-width:100%;border-collapse:collapse;table-layout:fixed;background:var(--wg-table-bg);font-size:var(--wg-font-size-base);line-height:var(--wg-line-height-base)}.wg__table tbody tr{border-bottom:var(--wg-row-border)}.wg__row-number-header,.wg__row-number{width:40px;min-width:40px;max-width:40px;text-align:center;color:var(--wg-text-color-secondary);background:var(--wg-header-bg);-webkit-user-select:none;user-select:none;font-size:var(--wg-font-size-sm)}.wg__row-number{border-right:var(--wg-cell-border)}.wg__actions-column{width:32px;min-width:32px;max-width:32px;padding:0!important;text-align:center}thead .wg__actions-column{background:var(--wg-header-bg);border-bottom:var(--wg-header-border)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__header{position:sticky;top:0;z-index:1;background:var(--wg-header-bg);color:var(--wg-header-color);font-weight:var(--wg-header-font-weight);padding:var(--wg-header-padding);border-bottom:var(--wg-header-border);text-align:left;-webkit-user-select:none;user-select:none}.wg__header--sortable{cursor:pointer}.wg__header--sortable:hover{background:var(--wg-header-bg-hover)}.wg__header--sorted{background:var(--wg-header-bg-sorted)}.wg__header-content{display:flex;align-items:center;gap:4px;justify-content:space-between}.wg__header-title{flex:1}.wg__sort-indicator{font-size:var(--wg-sort-indicator-size);opacity:var(--wg-sort-indicator-opacity);min-width:16px;text-align:center;display:inline-flex;align-items:center}.wg__sort-placeholder{opacity:var(--wg-sort-placeholder-opacity)}.wg__sort-priority{font-size:var(--wg-sort-priority-size);font-weight:600;margin-left:2px;vertical-align:super;line-height:1}.wg__header-info{display:inline-flex;align-items:center;color:var(--wg-accent-color);cursor:help;opacity:.7;margin-left:4px;vertical-align:middle}.wg__header-info:hover{opacity:1}.wg__filter-row th{padding:var(--wg-filter-padding);background:var(--wg-filter-bg);border-bottom:var(--wg-filter-border)}.wg__filter-input{width:100%;padding:var(--wg-filter-input-padding);border:var(--wg-filter-input-border);border-radius:var(--wg-filter-input-border-radius);background:var(--wg-surface-1);color:var(--wg-text-color-1);font-size:var(--wg-filter-input-font-size);box-sizing:border-box}.wg__filter-input:focus{outline:none;border:var(--wg-filter-input-border-focus);box-shadow:0 0 0 1px var(--wg-accent-color)}.wg__cell{padding:var(--wg-cell-padding);color:var(--wg-cell-color);scroll-margin-top:3rem;scroll-margin-bottom:.5rem}.wg__cell-text{-webkit-user-select:none;user-select:none}.wg__cell--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__cell--editable{cursor:pointer;position:relative}.wg__cell--editable:hover{background:var(--wg-cell-bg-hover)}.wg__cell--editable:hover:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:1px dashed var(--wg-border-color);border-radius:2px;pointer-events:none}.wg__cell--editing{position:relative;background:var(--wg-surface-1);outline:2px solid var(--wg-accent-color);outline-offset:-2px}.wg__cell--editing:after{display:none}.wg__cell--invalid{background:var(--wg-danger-bg-light, #fee);box-shadow:inset 0 0 0 2px var(--wg-danger-color, #c00)}.wg--navigate-mode .wg__cell:not(.wg__cell--editable){background:var(--wg-cell-readonly-bg, #f5f5f5)}.wg__editor{position:absolute;top:0;left:0;right:0;width:100%;padding:var(--wg-cell-padding);border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:inherit;box-sizing:border-box}.wg__editor:focus,.wg__editor:focus-visible{outline:none;box-shadow:none}.wg__editor--text{text-align:inherit}.wg__editor--number{text-align:right}.wg__editor--date{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:var(--wg-editor-bg)}.wg__date-input{flex:1;min-width:0;height:100%;border:none;background:transparent;font:inherit;padding:var(--wg-cell-padding-block) var(--wg-cell-padding-inline);outline:none;color:inherit}.wg__date-trigger{width:var(--wg-date-trigger-size, 28px);height:100%;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--wg-text-secondary, #666);cursor:pointer;padding:0;flex-shrink:0}.wg__date-trigger:hover{color:var(--wg-accent-color, #0078d4);background:var(--wg-hover-bg, rgba(0, 0, 0, .05))}.wg__editor--checkbox{width:auto;height:auto;margin:0 auto}.wg__editor--custom{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;background:var(--wg-editor-bg);padding:var(--wg-cell-padding-block) var(--wg-cell-padding-inline);cursor:pointer}.wg__editor--custom:focus{outline:none}.wg__custom-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;cursor:pointer}.wg__editor--combobox,.wg__editor--autocomplete{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;padding:var(--wg-cell-padding);padding-right:0;background:transparent;box-sizing:border-box}.wg__combobox-input,.wg__autocomplete-input{flex:1;width:100%;height:100%;padding:0 24px 0 0;border:none;background:transparent;color:var(--wg-text-color-1);font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base);outline:none;box-sizing:border-box;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.wg__combobox-input:focus,.wg__autocomplete-input:focus{outline:none}.wg__combobox-toggle{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:var(--wg-dropdown-toggle-size);color:var(--wg-text-color-2);pointer-events:auto;cursor:pointer}.wg__combobox-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__loading-indicator{position:absolute;right:var(--wg-dropdown-toggle-right);top:50%;transform:translateY(-50%);font-size:12px;animation:wg-pulse 1s infinite}@keyframes wg-pulse{0%,to{opacity:1}50%{opacity:.4}}.wg__select-trigger{display:flex;align-items:center;justify-content:space-between;cursor:pointer;background:transparent}.wg__select-trigger:focus,.wg__select-trigger:focus-visible{outline:none;box-shadow:none}.wg__select-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wg__select-toggle{position:relative;font-size:var(--wg-dropdown-toggle-size);opacity:.6;margin-left:4px;flex-shrink:0;pointer-events:auto;cursor:pointer}.wg__select-toggle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__cell-dropdown-display{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:0}.wg__cell:hover .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle,.wg__cell--focused .wg__cell-dropdown-display--toggle-on-focus .wg__select-toggle{opacity:.6}.wg__cell-date-display{display:flex;align-items:center;justify-content:space-between;width:100%;cursor:pointer}.wg__cell-date-display .wg__date-trigger{position:relative;background:none;border:none;padding:0;margin:0;cursor:pointer;opacity:.6;display:flex;align-items:center;justify-content:center;color:inherit}.wg__cell-date-display .wg__date-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:0}.wg__cell:hover .wg__cell-date-display--toggle-on-focus .wg__date-trigger,.wg__cell--focused .wg__cell-date-display--toggle-on-focus .wg__date-trigger{opacity:.6}.wg__dropdown{background:var(--wg-surface-floating, #fff);border:1px solid var(--wg-border-color, #d1d1d1);border-radius:4px;box-shadow:var(--wg-toolbar-shadow);max-height:200px;overflow-y:auto;font-size:var(--wg-font-size-base);font-family:inherit;line-height:var(--wg-line-height-base)}.wg__dropdown-option{display:flex;align-items:center;gap:var(--wg-spacing-sm);padding:6px 12px;cursor:pointer;color:var(--wg-text-color-1)}.wg__dropdown-option:hover,.wg__dropdown-option--highlighted{background:var(--wg-hover-bg, #f0f0f0)}.wg__dropdown-option--selected{background:var(--wg-accent-color-light, #e6f2ff)}.wg__dropdown-option--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wg__dropdown-option-icon{flex-shrink:0;width:1.5em;text-align:center}.wg__dropdown-option-content{flex:1;min-width:0;overflow:hidden}.wg__dropdown-option-label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-option-subtitle{display:block;font-size:var(--wg-font-size-sm);color:var(--wg-text-color-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wg__dropdown-empty{padding:8px 12px;color:var(--wg-text-color-2);font-style:italic;text-align:center}.wg--navigate-mode .wg__cell{cursor:cell}.wg--navigate-mode .wg__cell:focus{outline:none}.wg--navigate-mode .wg__cell.wg__cell--focused{outline:2px solid var(--wg-focus-border-color, #217346);outline-offset:-2px}.wg__cell--focused:after{display:none}.wg__pagination{display:flex;align-items:center;justify-content:center;gap:var(--wg-pagination-gap);padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__pagination-btn{padding:var(--wg-pagination-btn-padding);background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-size:var(--wg-font-size-base);cursor:pointer;transition:all var(--wg-transition-fast)}.wg__pagination-btn:hover:not(:disabled){background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-btn:active:not(:disabled){background:var(--wg-pagination-btn-bg-active)}.wg__pagination-btn:disabled{opacity:var(--wg-pagination-btn-disabled-opacity);cursor:not-allowed}.wg__pagination-info{font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__pagination-count{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3);margin-left:4px}.wg__pagination-pagesize{display:flex;align-items:center;gap:6px}.wg__pagination-select{padding:4px 8px;background:var(--wg-pagination-btn-bg);border:var(--wg-pagination-btn-border);border-radius:var(--wg-pagination-btn-border-radius);color:var(--wg-cell-color);font-size:var(--wg-font-size-base);cursor:pointer}.wg__pagination-select:hover{background:var(--wg-pagination-btn-bg-hover);border:var(--wg-pagination-btn-border-hover)}.wg__pagination-select:focus{outline:2px solid var(--wg-accent-color);outline-offset:-2px}.wg__pagination-label{font-size:var(--wg-font-size-sm);color:var(--wg-text-color-3)}.wg__pagination--left{justify-content:flex-start}.wg__pagination--right{justify-content:flex-end}.wg__pagination--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__summary{display:flex;align-items:center;padding:var(--wg-pagination-padding);border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg);font-size:var(--wg-font-size-base);color:var(--wg-cell-color)}.wg__summary--left{justify-content:flex-start}.wg__summary--right{justify-content:flex-end}.wg__summary--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer{display:flex;align-items:center;justify-content:space-between;border-top:var(--wg-pagination-border);background:var(--wg-pagination-bg)}.wg__footer--top{border-top:none;border-bottom:var(--wg-pagination-border)}.wg__footer .wg__summary,.wg__footer .wg__pagination{border:none}.wg__footer .wg__summary{flex:0 0 auto}.wg__footer .wg__pagination{flex:0 0 auto;margin-left:auto}.wg__toolbar-container{position:fixed;z-index:var(--wg-z-toolbar, 1000)}.wg__toolbar{display:flex;flex-direction:column-reverse;gap:0;padding:0;background:var(--wg-toolbar-bg);border:var(--wg-toolbar-border);border-radius:var(--wg-toolbar-border-radius);box-shadow:var(--wg-toolbar-shadow)}.wg__toolbar-row{display:flex;gap:2px;align-items:center;height:calc(var(--wg-design-unit, 4) * 4px + 21px);padding:0 4px}.wg__toolbar-row+.wg__toolbar-row{border-top:1px solid var(--wg-toolbar-divider-color)}.wg__toolbar-divider{width:1px;height:16px;background:var(--wg-toolbar-divider-color);margin:0 4px;flex-shrink:0}.wg__toolbar-btn{min-width:var(--wg-toolbar-btn-min-width);height:100%;border:none;border-radius:var(--wg-toolbar-btn-border-radius);background:transparent;color:var(--wg-toolbar-btn-color);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--wg-font-size-base);font-weight:500;padding:var(--wg-toolbar-btn-padding);transition:background .1s ease}.wg__toolbar-btn:hover{background:var(--wg-toolbar-btn-bg-hover)}.wg__toolbar-btn:active{background:var(--wg-toolbar-btn-bg-active)}.wg__toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.wg__toolbar-btn:disabled:hover{background:transparent}.wg__toolbar-btn--danger:hover{background:var(--wg-danger-bg-light);color:var(--wg-danger-color)}.wg__toolbar-label{font-size:12px;white-space:nowrap}.wg__actions-column{width:24px;min-width:24px;max-width:24px;padding:0!important;text-align:center}.wg__header .wg__actions-column{background:var(--wg-header-bg)}.wg__filter-row .wg__actions-column{background:var(--wg-filter-bg)}.wg__toolbar-trigger{position:relative;padding:0;background:transparent;border:none;border-radius:var(--wg-border-radius-sm);cursor:pointer;font-size:var(--wg-font-size-base);line-height:1;color:var(--wg-toolbar-trigger-color)}.wg__toolbar-trigger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--wg-dropdown-toggle-hitbox);height:48px}.wg__toolbar-trigger:hover,.wg__toolbar-trigger--active{color:var(--wg-toolbar-trigger-color-hover);background:var(--wg-toolbar-trigger-bg-hover)}.wg--striped tbody tr:nth-child(2n){background:var(--wg-row-bg-even)}.wg--hoverable tbody tr:hover{background:var(--wg-row-bg-hover)}.wg__empty{text-align:center;padding:var(--wg-empty-padding);color:var(--wg-empty-color);font-style:italic}.wg__loading-more{text-align:center;padding:var(--wg-cell-padding);color:var(--wg-text-color-2);font-size:var(--wg-font-size-sm)}.wg__tooltip{position:fixed;z-index:var(--wg-z-tooltip, 10000);max-width:300px;padding:6px 10px;background:var(--wg-tooltip-bg, #333);color:var(--wg-tooltip-color, #fff);font-size:var(--wg-font-size-sm);line-height:1.4;border-radius:var(--wg-border-radius-sm);box-shadow:0 2px 8px #0003;pointer-events:none;opacity:0;transition:opacity var(--wg-transition-fast)}.wg__tooltip--visible{opacity:1}.wg__tooltip-arrow{position:absolute;width:8px;height:8px;background:var(--wg-tooltip-bg, #333);transform:rotate(45deg)}.wg__tooltip[data-placement^=top] .wg__tooltip-arrow{bottom:-4px}.wg__tooltip[data-placement^=bottom] .wg__tooltip-arrow{top:-4px}.wg__tooltip[data-placement^=left] .wg__tooltip-arrow{right:-4px}.wg__tooltip[data-placement^=right] .wg__tooltip-arrow{left:-4px}.wg__goto-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.wg__goto-dialog{background:var(--wg-surface-1);border-radius:var(--wg-border-radius);padding:var(--wg-spacing-lg);box-shadow:0 4px 20px #00000026;min-width:250px}.wg__goto-label{display:block;margin-bottom:var(--wg-spacing-sm);font-size:var(--wg-font-size-base);color:var(--wg-text-color-1)}.wg__goto-input{width:100%;padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-size:var(--wg-font-size-base);margin-bottom:var(--wg-spacing-md);box-sizing:border-box}.wg__goto-input:focus{outline:none;border-color:var(--wg-accent-color);box-shadow:0 0 0 2px #0078d433}.wg__goto-buttons{display:flex;gap:var(--wg-spacing-sm);justify-content:flex-end}.wg__goto-btn{padding:var(--wg-spacing-sm) var(--wg-spacing-md);border:1px solid var(--wg-border-color);border-radius:var(--wg-border-radius-sm);font-size:var(--wg-font-size-sm);cursor:pointer;background:var(--wg-surface-1);color:var(--wg-text-color-1)}.wg__goto-btn:hover{background:var(--wg-surface-2)}.wg__goto-btn--go{background:var(--wg-accent-color);border-color:var(--wg-accent-color);color:#fff}.wg__goto-btn--go:hover{background:var(--wg-accent-color-hover, #106ebe)}.wg__spacer-top td,.wg__spacer-bottom td{padding:0;border:none;background:transparent;height:inherit;line-height:0}@media (prefers-color-scheme: dark){:host{--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86}}:host([data-theme="dark"]),[data-theme=dark] :host,:host([data-bs-theme="dark"]),[data-bs-theme=dark] :host,.dark :host{--wg-surface-1: #1f1f1f;--wg-surface-2: #2b2b2b;--wg-surface-3: #333333;--wg-surface-floating: #2b2b2b;--wg-text-color-1: #e0e0e0;--wg-text-color-2: #c0c0c0;--wg-text-color-3: #a0a0a0;--wg-border-color: #3d3d3d;--wg-border-color-hover: #5a5a5a;--wg-input-bg: #1f1f1f;--wg-input-border: 1px solid #5a5a5a;--wg-hover-bg: #3a3a3a;--wg-active-bg: #4a4a4a;--wg-danger-bg-light: #442726;--wg-danger-color: #f87c86}';
+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) : "";
 }
@@ -730,92 +751,92 @@ function yt(t, e) {
   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 Be(t, e) {
   return e.getIconCallback ? e.getIconCallback(t) : e.iconMember && t[e.iconMember] || null;
 }
-function Ne(t, e) {
+function Ke(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, q = Math.max, xt = Math.round, St = Math.floor, G = (t) => ({
   x: t,
   y: t
-}), Ue = {
+}), We = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, je = {
+}, Xe = {
   start: "end",
   end: "start"
 };
-function Nt(t, e, o) {
-  return z(t, ot(e, o));
+function Ut(t, e, o) {
+  return q(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 Se(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 Qe = /* @__PURE__ */ new Set(["top", "bottom"]);
 function tt(t) {
-  return Be.has(it(t)) ? "y" : "x";
+  return Qe.has(rt(t)) ? "y" : "x";
 }
-function Zt(t) {
-  return _e(tt(t));
+function te(t) {
+  return Se(tt(t));
 }
-function Ke(t, e, o) {
+function Ge(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)];
 }
-function We(t) {
+function Je(t) {
   const e = kt(t);
-  return [Ut(t), e, Ut(e)];
+  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) => Xe[e]);
 }
-const ne = ["left", "right"], se = ["right", "left"], Xe = ["top", "bottom"], Qe = ["bottom", "top"];
-function Ge(t, e, o) {
+const ae = ["left", "right"], le = ["right", "left"], Ze = ["top", "bottom"], to = ["bottom", "top"];
+function eo(t, e, o) {
   switch (t) {
     case "top":
     case "bottom":
-      return o ? e ? se : ne : e ? ne : se;
+      return o ? e ? le : ae : e ? ae : le;
     case "left":
     case "right":
-      return e ? Xe : Qe;
+      return e ? Ze : to;
     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 oo(t, e, o, i) {
+  const r = ft(t);
+  let s = eo(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]);
+  return t.replace(/left|right|bottom|top/g, (e) => We[e]);
 }
-function Ze(t) {
+function io(t) {
   return {
     top: 0,
     right: 0,
@@ -824,8 +845,8 @@ function Ze(t) {
     ...t
   };
 }
-function ye(t) {
-  return typeof t != "number" ? Ze(t) : {
+function xe(t) {
+  return typeof t != "number" ? io(t) : {
     top: t,
     right: t,
     bottom: t,
@@ -850,12 +871,12 @@ function Dt(t) {
     y: o
   };
 }
-function ae(t, e, o) {
+function de(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 +909,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 +919,7 @@ function ae(t, e, o) {
   }
   return u;
 }
-const to = async (t, e, o) => {
+const ro = async (t, e, o) => {
   const {
     placement: i = "bottom",
     strategy: r = "absolute",
@@ -912,17 +933,17 @@ const to = async (t, e, o) => {
   }), {
     x: l,
     y: g
-  } = ae(c, i, a), h = i, u = {}, p = 0;
+  } = de(c, i, a), h = i, u = {}, p = 0;
   for (let m = 0; m < d.length; m++) {
     const {
       name: f,
-      fn: b
+      fn: v
     } = d[m], {
-      x: v,
+      x: b,
       y: _,
-      data: C,
+      data: S,
       reset: y
-    } = await b({
+    } = await v({
       x: l,
       y: g,
       initialPlacement: i,
@@ -936,11 +957,11 @@ const to = async (t, e, o) => {
         floating: e
       }
     });
-    l = v ?? l, g = _ ?? g, u = {
+    l = b ?? l, g = _ ?? g, u = {
       ...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 +970,7 @@ const to = async (t, e, o) => {
     }) : y.rects), {
       x: l,
       y: g
-    } = ae(c, h, a)), m = -1);
+    } = de(c, h, a)), m = -1);
   }
   return {
     x: l,
@@ -959,7 +980,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,17 +996,17 @@ 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 = xe(u), f = d[h ? g === "floating" ? "reference" : "floating" : g], v = Dt(await s.getClippingRect({
     element: (o = await (s.isElement == null ? void 0 : s.isElement(f))) == null || o ? f : f.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(d.floating)),
     boundary: c,
     rootBoundary: l,
     strategy: a
-  })), v = g === "floating" ? {
+  })), b = g === "floating" ? {
     x: i,
     y: r,
     width: n.floating.width,
     height: n.floating.height
-  } : n.reference, _ = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(d.floating)), 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
   } : {
@@ -993,18 +1014,18 @@ async function te(t, e) {
     y: 1
   }, y = Dt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: d,
-    rect: v,
+    rect: b,
     offsetParent: _,
     strategy: a
-  }) : v);
+  }) : b);
   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: (v.top - y.top + p.top) / S.y,
+    bottom: (y.bottom - v.bottom + p.bottom) / S.y,
+    left: (v.left - y.left + p.left) / S.x,
+    right: (y.right - v.right + p.right) / S.x
   };
 }
-const eo = (t) => ({
+const no = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -1019,29 +1040,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 = xe(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", v = f ? "top" : "left", b = f ? "bottom" : "right", _ = f ? "clientHeight" : "clientWidth", S = s.reference[p] + s.reference[u] - h[u] - s.floating[p], y = h[u] - s.reference[u], D = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
+    let x = D ? D[_] : 0;
+    (!x || !await (n.isElement == null ? void 0 : n.isElement(D))) && (x = d.floating[_] || s.floating[p]);
+    const C = S / 2 - y / 2, T = x / 2 - m[p] / 2 - 1, k = it(g[v], T), I = it(g[b], T), M = k, Q = x - m[p] - I, A = x / 2 - m[p] / 2 + C, O = Ut(M, A, Q), U = !a.arrow && ft(r) != null && A !== O && s.reference[p] / 2 - (A < M ? k : I) - m[p] / 2 < 0, P = U ? A < M ? A - M : A - Q : 0;
     return {
-      [u]: h[u] + I,
+      [u]: h[u] + P,
       data: {
-        [u]: A,
-        centerOffset: M - A - I,
-        ...Y && {
-          alignmentOffset: I
+        [u]: O,
+        centerOffset: A - O - P,
+        ...U && {
+          alignmentOffset: P
         }
       },
-      reset: Y
+      reset: U
     };
   }
-}), oo = function(t) {
+}), so = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -1062,73 +1083,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 v = rt(r), b = tt(d), _ = rt(d) === d, S = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), y = h || (_ || !m ? [kt(d)] : Je(d)), D = p !== "none";
+      !h && D && y.push(...oo(d, m, p, S));
+      const x = [d, ...y], C = await ee(e, f), T = [];
+      let k = ((i = s.flip) == null ? void 0 : i.overflows) || [];
+      if (l && T.push(C[v]), g) {
+        const A = Ge(r, n, S);
+        T.push(C[A[0]], C[A[1]]);
       }
-      if (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((A) => A <= 0)) {
+        var I, M;
+        const A = (((I = s.flip) == null ? void 0 : I.index) || 0) + 1, O = x[A];
+        if (O && (!(g === "alignment" ? b !== tt(O) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        D.every((L) => tt(L.placement) === v ? L.overflows[0] > 0 : !0)))
+        k.every((H) => tt(H.placement) === b ? H.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: M,
-              overflows: D
+              index: A,
+              overflows: k
             },
             reset: {
-              placement: A
+              placement: O
             }
           };
-        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 U = (M = k.filter((P) => P.overflows[0] <= 0).sort((P, H) => P.overflows[1] - H.overflows[1])[0]) == null ? void 0 : M.placement;
+        if (!U)
           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 Q;
+              const P = (Q = k.filter((H) => {
+                if (D) {
+                  const R = tt(H.placement);
+                  return R === b || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  N === "y";
+                  R === "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((H) => [H.placement, H.overflows.filter((R) => R > 0).reduce((R, z) => R + z, 0)]).sort((H, R) => H[1] - R[1])[0]) == null ? void 0 : Q[0];
+              P && (U = P);
               break;
             }
             case "initialPlacement":
-              Y = d;
+              U = d;
               break;
           }
-        if (r !== Y)
+        if (r !== U)
           return {
             reset: {
-              placement: Y
+              placement: U
             }
           };
       }
       return {};
     }
   };
-}, io = /* @__PURE__ */ new Set(["left", "top"]);
-async function ro(t, e) {
+}, ao = /* @__PURE__ */ new Set(["left", "top"]);
+async function lo(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 = ao.has(n) ? -1 : 1, l = s && a ? -1 : 1, g = pt(e, t);
   let {
     mainAxis: h,
     crossAxis: u,
@@ -1150,7 +1171,7 @@ async function ro(t, e) {
     y: u * l
   };
 }
-const no = function(t) {
+const co = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -1161,7 +1182,7 @@ const no = function(t) {
         y: s,
         placement: n,
         middlewareData: d
-      } = e, a = await ro(e, t);
+      } = e, a = await lo(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 +1193,7 @@ const no = function(t) {
       };
     }
   };
-}, so = function(t) {
+}, go = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -1187,28 +1208,28 @@ const no = function(t) {
         limiter: d = {
           fn: (f) => {
             let {
-              x: b,
-              y: v
+              x: v,
+              y: b
             } = f;
             return {
-              x: b,
-              y: v
+              x: v,
+              y: b
             };
           }
         },
         ...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 = Se(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, _);
+        const f = h === "y" ? "top" : "left", v = h === "y" ? "bottom" : "right", b = u + l[f], _ = u - l[v];
+        u = Ut(b, 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, _);
+        const f = g === "y" ? "top" : "left", v = g === "y" ? "bottom" : "right", b = p + l[f], _ = p - l[v];
+        p = Ut(b, p, _);
       }
       const m = d.fn({
         ...e,
@@ -1228,7 +1249,7 @@ const no = function(t) {
       };
     }
   };
-}, ao = function(t) {
+}, uo = function(t) {
   return t === void 0 && (t = {}), {
     name: "size",
     options: t,
@@ -1243,21 +1264,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));
+      let f, v;
+      g === "top" || g === "bottom" ? (f = g, v = h === (await (n.isRTL == null ? void 0 : n.isRTL(d.floating)) ? "start" : "end") ? "left" : "right") : (v = g, f = h === "end" ? "top" : "bottom");
+      const b = m - l.top - l.bottom, _ = p - l.left - l.right, S = it(m - l[f], b), y = it(p - l[v], _), D = !e.middlewareData.shift;
+      let x = S, C = y;
+      if ((o = e.middlewareData.shift) != null && o.enabled.x && (C = _), (i = e.middlewareData.shift) != null && i.enabled.y && (x = b), D && !h) {
+        const k = q(l.left, 0), I = q(l.right, 0), M = q(l.top, 0), Q = q(l.bottom, 0);
+        u ? C = p - 2 * (k !== 0 || I !== 0 ? k + I : q(l.left, l.right)) : x = m - 2 * (M !== 0 || Q !== 0 ? M + Q : q(l.top, l.bottom));
       }
       await a({
         ...e,
-        availableWidth: S,
+        availableWidth: C,
         availableHeight: x
       });
       const T = await n.getDimensions(d.floating);
@@ -1272,46 +1293,46 @@ const no = function(t) {
 function Mt() {
   return typeof window < "u";
 }
-function ft(t) {
-  return Ce(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function wt(t) {
+  return ke(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function F(t) {
+function Y(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 = (ke(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 ke(t) {
+  return Mt() ? t instanceof Node || t instanceof Y(t).Node : !1;
 }
-function j(t) {
-  return Mt() ? t instanceof Element || t instanceof F(t).Element : !1;
+function W(t) {
+  return Mt() ? t instanceof Element || t instanceof Y(t).Element : !1;
 }
-function G(t) {
-  return Mt() ? t instanceof HTMLElement || t instanceof F(t).HTMLElement : !1;
+function J(t) {
+  return Mt() ? t instanceof HTMLElement || t instanceof Y(t).HTMLElement : !1;
 }
-function le(t) {
-  return !Mt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof F(t).ShadowRoot;
+function ce(t) {
+  return !Mt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof Y(t).ShadowRoot;
 }
-const lo = /* @__PURE__ */ new Set(["inline", "contents"]);
+const ho = /* @__PURE__ */ new Set(["inline", "contents"]);
 function Ct(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);
+  } = X(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + i + o) && !ho.has(r);
 }
-const co = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function go(t) {
-  return co.has(ft(t));
+const po = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function fo(t) {
+  return po.has(wt(t));
 }
-const uo = [":popover-open", ":modal"];
+const wo = [":popover-open", ":modal"];
 function At(t) {
-  return uo.some((e) => {
+  return wo.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -1319,34 +1340,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 mo = ["transform", "translate", "scale", "rotate", "perspective"], bo = ["transform", "translate", "scale", "rotate", "perspective", "filter"], vo = ["paint", "layout", "strict", "content"];
+function oe(t) {
+  const e = ie(), o = W(t) ? X(t) : t;
+  return mo.some((i) => o[i] ? o[i] !== "none" : !1) || (o.containerType ? o.containerType !== "normal" : !1) || !e && (o.backdropFilter ? o.backdropFilter !== "none" : !1) || !e && (o.filter ? o.filter !== "none" : !1) || bo.some((i) => (o.willChange || "").includes(i)) || vo.some((i) => (o.contain || "").includes(i));
 }
-function wo(t) {
-  let e = rt(t);
-  for (; G(e) && !ut(e); ) {
-    if (ee(e))
+function _o(t) {
+  let e = nt(t);
+  for (; J(e) && !ht(e); ) {
+    if (oe(e))
       return e;
     if (At(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 yo = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function ht(t) {
+  return yo.has(wt(t));
 }
-function B(t) {
-  return F(t).getComputedStyle(t);
+function X(t) {
+  return Y(t).getComputedStyle(t);
 }
 function Ot(t) {
-  return j(t) ? {
+  return W(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -1354,87 +1375,87 @@ 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)
+    ce(t) && t.host || // Fallback.
+    Z(t)
   );
-  return le(e) ? e.host : e;
+  return ce(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 De(t) {
+  const e = nt(t);
+  return ht(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : J(e) && Ct(e) ? e : De(e);
 }
 function vt(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 = De(t), s = r === ((i = t.ownerDocument) == null ? void 0 : i.body), n = Y(r);
   if (s) {
-    const d = jt(n);
+    const d = Bt(n);
     return e.concat(n, n.visualViewport || [], Ct(r) ? r : [], d && o ? vt(d) : []);
   }
   return e.concat(r, vt(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 Te(t) {
+  const e = X(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 = xt(o) !== s || xt(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 W(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);
+  } = Te(e);
   let n = (s ? xt(o.width) : o.width) / i, d = (s ? xt(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 Co = /* @__PURE__ */ G(0);
+function Ee(t) {
+  const e = Y(t);
+  return !ie() || !e.visualViewport ? Co : {
     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 So(t, e, o) {
+  return e === void 0 && (e = !1), !o || e && o !== Y(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 ? W(i) && (n = ut(i)) : n = ut(t));
+  const d = So(s, o, i) ? Ee(s) : G(0);
   let a = (r.left + d.x) / n.x, c = (r.top + d.y) / n.y, l = r.width / n.x, g = r.height / n.y;
   if (s) {
-    const h = F(s), u = i && j(i) ? F(i) : i;
-    let p = h, m = jt(p);
+    const h = Y(s), u = i && W(i) ? Y(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), v = m.getBoundingClientRect(), b = X(m), _ = v.left + (m.clientLeft + parseFloat(b.paddingLeft)) * f.x, S = v.top + (m.clientTop + parseFloat(b.paddingTop)) * f.y;
+      a *= f.x, c *= f.y, l *= f.x, g *= f.y, a += _, c += S, p = Y(m), m = Bt(p);
     }
   }
   return Dt({
@@ -1446,35 +1467,35 @@ function at(t, e, o, i) {
 }
 function Rt(t, e) {
   const o = Ot(t).scrollLeft;
-  return e ? e.left + o : at(J(t)).left + o;
+  return e ? e.left + o : lt(Z(t)).left + o;
 }
-function De(t, e) {
+function $e(t, e) {
   const o = t.getBoundingClientRect(), i = o.left + e.scrollLeft - Rt(t, o), r = o.top + e.scrollTop;
   return {
     x: i,
     y: r
   };
 }
-function _o(t) {
+function xo(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 ? At(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" || Ct(n)) && (a = Ot(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 ? $e(n, a) : G(0);
   return {
     width: o.width * c.x,
     height: o.height * c.y,
@@ -1482,34 +1503,34 @@ function _o(t) {
     y: o.y * c.y - a.scrollTop * c.y + l.y + h.y
   };
 }
-function yo(t) {
+function ko(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);
+function Do(t) {
+  const e = Z(t), o = Ot(t), i = t.ownerDocument.body, r = q(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = q(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
   let n = -o.scrollLeft + Rt(t);
   const d = -o.scrollTop;
-  return B(i).direction === "rtl" && (n += z(e.clientWidth, i.clientWidth) - r), {
+  return X(i).direction === "rtl" && (n += q(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 ge = 25;
+function To(t, e) {
+  const o = Y(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);
   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 <= ge && (s -= p);
+  } else c <= ge && (s += c);
   return {
     width: s,
     height: n,
@@ -1517,9 +1538,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 Eo = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function $o(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 +1548,16 @@ function ko(t, e) {
     y: c
   };
 }
-function ce(t, e, o) {
+function ue(t, e, o) {
   let i;
   if (e === "viewport")
-    i = So(t, o);
+    i = To(t, o);
   else if (e === "document")
-    i = Co(J(t));
-  else if (j(e))
-    i = ko(e, o);
+    i = Do(Z(t));
+  else if (W(e))
+    i = $o(e, o);
   else {
-    const r = ke(t);
+    const r = Ee(t);
     i = {
       x: e.x - r.x,
       y: e.y - r.y,
@@ -1546,34 +1567,34 @@ function ce(t, e, o) {
   }
   return Dt(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 Me(t, e) {
+  const o = nt(t);
+  return o === e || !W(o) || ht(o) ? !1 : X(o).position === "fixed" || Me(o, e);
 }
-function Do(t, e) {
+function Mo(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 = vt(t, [], !1).filter((d) => W(d) && wt(d) !== "body"), r = null;
+  const s = X(t).position === "fixed";
+  let n = s ? nt(t) : t;
+  for (; W(n) && !ht(n); ) {
+    const d = X(n), a = oe(n);
+    !a && d.position === "fixed" && (r = null), (s ? !a && !r : !a && d.position === "static" && !!r && Eo.has(r.position) || Ct(n) && !a && Me(t, n)) ? i = i.filter((l) => l !== n) : r = d, n = nt(n);
   }
   return e.set(t, i), i;
 }
-function To(t) {
+function Ao(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" ? At(e) ? [] : Mo(e, this._c) : [].concat(o), i], d = n[0], a = n.reduce((c, l) => {
+    const g = ue(e, l, r);
+    return c.top = q(g.top, c.top), c.right = it(g.right, c.right), c.bottom = it(g.bottom, c.bottom), c.left = q(g.left, c.left), c;
+  }, ue(e, d, r));
   return {
     width: a.right - a.left,
     height: a.bottom - a.top,
@@ -1581,33 +1602,33 @@ function To(t) {
     y: a.top
   };
 }
-function Eo(t) {
+function Oo(t) {
   const {
     width: e,
     height: o
-  } = xe(t);
+  } = Te(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 Ro(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);
   }
   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" || Ct(r)) && (d = Ot(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 ? $e(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 +1637,38 @@ function $o(t, e, o) {
   };
 }
 function Ht(t) {
-  return B(t).position === "static";
+  return X(t).position === "static";
 }
-function ge(t, e) {
-  if (!G(t) || B(t).position === "fixed")
+function he(t, e) {
+  if (!J(t) || X(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);
+function Ae(t, e) {
+  const o = Y(t);
   if (At(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 (W(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 = he(t, e);
+  for (; i && fo(i) && Ht(i); )
+    i = he(i, e);
+  return i && ht(i) && Ht(i) && !oe(i) ? o : i || _o(t) || o;
 }
-const Mo = async function(t) {
-  const e = this.getOffsetParent || Ee, o = this.getDimensions, i = await o(t.floating);
+const Lo = async function(t) {
+  const e = this.getOffsetParent || Ae, o = this.getDimensions, i = await o(t.floating);
   return {
-    reference: $o(t.reference, await e(t.floating), t.strategy),
+    reference: Ro(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -1656,27 +1677,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 Io(t) {
+  return X(t).direction === "rtl";
+}
+const Po = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: xo,
+  getDocumentElement: Z,
+  getClippingRect: Ao,
+  getOffsetParent: Ae,
+  getElementRects: Lo,
+  getClientRects: ko,
+  getDimensions: Oo,
+  getScale: ut,
+  isElement: W,
+  isRTL: Io
 };
-function $e(t, e) {
+function Oe(t, e) {
   return t.x === e.x && t.y === e.y && t.width === e.width && t.height === e.height;
 }
-function Ro(t, e) {
+function Ho(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 +1712,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), _ = {
-      rootMargin: -p + "px " + -m + "px " + -f + "px " + -b + "px",
-      threshold: z(0, ot(1, a)) || 1
+    const p = St(g), m = St(r.clientWidth - (l + h)), f = St(r.clientHeight - (g + u)), v = St(l), _ = {
+      rootMargin: -p + "px " + -m + "px " + -f + "px " + -v + "px",
+      threshold: q(0, it(1, a)) || 1
     };
-    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 && !Oe(c, t.getBoundingClientRect()) && n(), S = !1;
     }
     try {
       o = new IntersectionObserver(y, {
@@ -1720,7 +1741,7 @@ function Ro(t, e) {
   }
   return n(!0), s;
 }
-function Io(t, e, o, i) {
+function zo(t, e, o, i) {
   i === void 0 && (i = {});
   const {
     ancestorScroll: r = !0,
@@ -1728,50 +1749,50 @@ 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)] : [];
-  l.forEach((b) => {
-    r && b.addEventListener("scroll", o, {
+  } = i, c = re(t), l = r || s ? [...c ? vt(c) : [], ...vt(e)] : [];
+  l.forEach((v) => {
+    r && v.addEventListener("scroll", o, {
       passive: !0
-    }), s && b.addEventListener("resize", o);
+    }), s && v.addEventListener("resize", o);
   });
-  const g = c && d ? Ro(c, o) : null;
+  const g = c && d ? Ho(c, o) : null;
   let h = -1, u = null;
-  n && (u = new ResizeObserver((b) => {
-    let [v] = b;
-    v && v.target === c && u && (u.unobserve(e), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
+  n && (u = new ResizeObserver((v) => {
+    let [b] = v;
+    b && b.target === c && u && (u.unobserve(e), cancelAnimationFrame(h), h = requestAnimationFrame(() => {
       var _;
       (_ = u) == null || _.observe(e);
     })), 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 v = lt(t);
+    m && !Oe(m, v) && o(), m = v, p = requestAnimationFrame(f);
   }
   return o(), () => {
-    var b;
-    l.forEach((v) => {
-      r && v.removeEventListener("scroll", o), s && v.removeEventListener("resize", o);
-    }), g == null || g(), (b = u) == null || b.disconnect(), u = null, a && cancelAnimationFrame(p);
+    var v;
+    l.forEach((b) => {
+      r && b.removeEventListener("scroll", o), s && b.removeEventListener("resize", o);
+    }), g == null || g(), (v = u) == null || v.disconnect(), u = null, a && cancelAnimationFrame(p);
   };
 }
-const It = no, Me = so, Lt = oo, Lo = ao, Po = eo, Pt = (t, e, o) => {
+const Lt = co, Re = go, It = so, Fo = uo, Vo = no, Pt = (t, e, o) => {
   const i = /* @__PURE__ */ new Map(), r = {
-    platform: Oo,
+    platform: Po,
     ...o
   }, s = {
     ...r.platform,
     _c: i
   };
-  return to(t, e, {
+  return ro(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,19 +1806,19 @@ 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 = yt(a, i), p = Be(a, i), m = Ke(a, i), f = ["wg__dropdown-option"];
       l && f.push("wg__dropdown-option--highlighted"), g && f.push("wg__dropdown-option--selected"), h && f.push("wg__dropdown-option--disabled");
-      const b = p ? `<span class="wg__dropdown-option-icon">${t.escapeHtml(p)}</span>` : "", v = m ? `<span class="wg__dropdown-option-subtitle">${t.escapeHtml(m)}</span>` : "";
+      const v = p ? `<span class="wg__dropdown-option-icon">${t.escapeHtml(p)}</span>` : "", b = m ? `<span class="wg__dropdown-option-subtitle">${t.escapeHtml(m)}</span>` : "";
       return `<div class="${f.join(" ")}" data-index="${c}" ${h ? 'data-disabled="true"' : ""}>
-				${b}
+				${v}
 				<div class="wg__dropdown-option-content">
 					<span class="wg__dropdown-option-label">${t.escapeHtml(u)}</span>
-					${v}
+					${b}
 				</div>
 			</div>`;
     }).join("");
@@ -1807,9 +1828,9 @@ function lt(t, e, o, i) {
     placement: "bottom-start",
     middleware: [
       // Add 1px gap to prevent sub-pixel overlap with cell border
-      It(1),
-      Lt({ fallbackPlacements: ["top-start"] }),
-      Lo({
+      Lt(1),
+      It({ fallbackPlacements: ["top-start"] }),
+      Fo({
         apply({ rects: n }) {
           Object.assign(r.style, {
             width: `${n.reference.width}px`
@@ -1824,19 +1845,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 Le(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 +1876,17 @@ function et(t) {
     i.classList.toggle("wg__dropdown-option--highlighted", r === t.highlightedIndex);
   });
 }
-function ue(t) {
+function pe(t) {
   const e = t.shadow.querySelector(".wg__dropdown-option--highlighted");
   e == null || e.scrollIntoView({ block: "nearest" });
 }
-function he(t, e) {
+function fe(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 K(t) {
   if (t.justSelected) return;
   const e = t.getCurrentEditingColumn();
   if (!e) return;
@@ -1881,7 +1902,7 @@ function X(t) {
       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 +1916,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 +1937,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 we(t) {
+  t.dropdownOpen ? L(t) : K(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);
+      Le(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 me(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;
   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 qo(t, e) {
   const o = e.target;
   t.filterText = o.value, t.isUserFiltering = !0;
   const i = t.getCurrentEditingColumn();
@@ -1965,11 +1986,11 @@ function Ho(t, e) {
   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 Yo(t, e) {
   const o = e.target;
   t.filterText = o.value;
   const i = t.getCurrentEditingColumn();
@@ -1979,26 +2000,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);
+    No(t, t.filterText, i);
   }, s);
 }
-async function Fo(t, e, o) {
+async function No(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, fe(t, !0);
   try {
     const s = t.grid.editingCell;
     if (!s) return;
@@ -2007,8 +2028,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 +2038,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, fe(t, !1));
   }
 }
-function Vo(t, e, o, i) {
-  const r = i ?? t.tooltipShowDelay;
+function be(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));
+    jo(t, e, o, r);
+  }, s));
 }
-function qo(t, e) {
+function Uo(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 +2060,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 jo(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, Pt(e, r, {
     strategy: "fixed",
     placement: "top",
     middleware: [
-      It(8),
-      Lt({ fallbackPlacements: ["bottom", "left", "right"] }),
-      Po({ element: r })
+      Lt(8),
+      It({ fallbackPlacements: ["bottom", "left", "right"] }),
+      Vo({ 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 Bo(t, e, o) {
   if (t.grid.shouldUseVirtualScroll()) {
-    Uo(t, e);
+    Ko(t, e);
     const n = t.shadow.querySelector(
       `[data-row="${e}"][data-col="${o}"]`
     );
@@ -2086,19 +2109,19 @@ function No(t, e, o) {
     }
   }
 }
-function Uo(t, e) {
+function Ko(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 B(t, e, o) {
   if (e) {
     const i = t.shadow.querySelector(
       `[data-row="${e.rowIndex}"][data-col="${e.colIndex}"]`
@@ -2112,7 +2135,7 @@ function U(t, e, o) {
     i == null || i.classList.add("wg__cell--focused");
   }
 }
-function P(t) {
+function F(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 +2144,23 @@ function P(t) {
     i && i.classList.remove("wg__cell--editing");
   }
 }
-function jo(t, e, o) {
+function Wo(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), B(t, i, r);
 }
 function E(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), B(t, i, r), Bo(t, e, o);
 }
-function W(t, e, o, i) {
+function j(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 +2187,14 @@ function Bo(t, e) {
   }
   return a;
 }
-function Ko(t, e) {
+function Xo(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(), B(t, r, null);
   }
 }
-function Wo(t, e) {
+function Qo(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;
@@ -2192,14 +2215,14 @@ function Tt(t, e) {
     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 = Qo(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) {
+function Go(t, e) {
   Tt(t, e);
 }
-function Qo(t, e, o) {
+function Jo(t, e, o) {
   const i = t.grid.columns[o];
   if (!i) return;
   const r = String(i.field), s = t.grid.displayItems[e];
@@ -2211,10 +2234,10 @@ function Qo(t, e, o) {
     E(t, e + 1, o);
   });
 }
-function Go(t, e) {
+function Zo(t, e) {
   t.isCommittingFromKeyboard || t.grid.editingCell && Tt(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")
@@ -2229,35 +2252,35 @@ function zt(t, e, o, i) {
     E(t, d, a), t.isCommittingFromKeyboard = !1;
   });
 }
-function Jo(t, e, o) {
+function ti(t, e, o) {
   const r = t.grid.columns.findIndex((s) => String(s.field) === o);
   r >= 0 && requestAnimationFrame(() => {
     E(t, e, r), t.isCommittingFromKeyboard = !1;
   });
 }
-function Oe(t, e, o, i) {
+function Ie(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 ni(t, e, r, n, i);
     case "number":
-      return ti(t, e, r, n, i);
+      return oi(t, e, r, n, i);
     case "date":
-      return ei(t, e, r, n, i);
+      return ii(t, e, r, n, i);
     case "select":
-      return ri(t, e, r, n, i);
+      return si(t, e, r, n, i);
     case "combobox":
-      return ni(t, e, r, n, i);
+      return ai(t, e, r, n, i);
     case "autocomplete":
-      return si(t, e, r, n, i);
+      return li(t, e, r, n, i);
     case "custom":
-      return ai(t, e, r, n, i);
+      return di(t, e, r, n, i);
     case "text":
     default:
-      return Zo(t, e, r, n, i);
+      return ei(t, e, r, n, i);
   }
 }
-function Zo(t, e, o, i, r) {
+function ei(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 +2296,7 @@ function Zo(t, e, o, i, r) {
 		/>
 	`;
 }
-function ti(t, e, o, i, r) {
+function oi(t, e, o, i, r) {
   var d;
   r.editorOptions;
   const s = (d = t.grid.editingCell) == null ? void 0 : d.initialSearchQuery;
@@ -2288,9 +2311,9 @@ function ti(t, e, o, i, r) {
 		/>
 	`;
 }
-function ei(t, e, o, i, r) {
+function ii(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 : ri(i, s.dateFormat);
   return `
 		<div class="wg__editor wg__editor--date" data-row="${e}" data-field="${o}">
 			<input
@@ -2302,8 +2325,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 +2335,21 @@ function ei(t, e, o, i, r) {
 		</div>
 	`;
 }
-function oi(t, e) {
+function ri(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 ni(t, e, o, i, r) {
   const s = r.editorOptions || {}, n = s.trueValue !== void 0 ? s.trueValue : !0;
   return `
 		<input
@@ -2340,10 +2363,10 @@ function ii(t, e, o, i, r) {
 		/>
 	`;
 }
-function ri(t, e, o, i, r) {
+function si(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 +2380,9 @@ function ri(t, e, o, i, r) {
 		</div>
 	`;
 }
-function ni(t, e, o, i, r) {
+function ai(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 +2396,9 @@ function ni(t, e, o, i, r) {
 		</div>
 	`;
 }
-function si(t, e, o, i, r) {
+function li(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 +2414,7 @@ function si(t, e, o, i, r) {
 		</div>
 	`;
 }
-function ai(t, e, o, i, r) {
+function di(t, e, o, i, r) {
   const s = r.formatCallback ? r.formatCallback(i, t.grid.displayItems[e]) : i != null ? String(i) : "";
   return `
 		<div
@@ -2404,7 +2427,7 @@ function ai(t, e, o, i, r) {
 		</div>
 	`;
 }
-function Re(t, e, o, i, r, s) {
+function Pe(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 +2443,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 V = {
   path: null,
   arrowPos: null,
   arrowDir: "right"
 };
-const li = {
+const ci = {
   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 gi(t) {
   return t.map((e, o) => {
     if (typeof e == "string") {
-      const i = li[e];
+      const i = ci[e];
       return i ? {
         id: e,
         icon: i.icon,
@@ -2460,7 +2483,7 @@ function di(t) {
     };
   }).filter((e) => e !== null);
 }
-function ci(t) {
+function ui(t) {
   const e = /* @__PURE__ */ new Map();
   for (const r of t) {
     const s = r.row;
@@ -2484,8 +2507,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 hi(t, e, o) {
+  return `<div class="wg__toolbar">${ui(t).map(({ groups: s }) => `<div class="wg__toolbar-row">${s.map(({ items: d }, a) => {
     const c = a > 0 ? '<div class="wg__toolbar-divider"></div>' : "", l = d.map((g) => {
       const h = typeof g.disabled == "function" ? g.disabled(e, o) : g.disabled, u = [
         "wg__toolbar-btn",
@@ -2502,9 +2525,9 @@ function gi(t, e, o) {
   }).join("")}</div>`).join("")}</div>`;
 }
 let $ = null;
-function ui(t, e, o, i, r, s, n) {
+function pi(t, e, o, i, r, s, n) {
   Et();
-  const d = gi(i, r, o), a = document.createElement("div");
+  const d = hi(i, r, o), a = document.createElement("div");
   a.className = "wg__toolbar-container", a.innerHTML = d, t.shadow.appendChild(a);
   const c = a.querySelector(".wg__toolbar");
   let l = "left";
@@ -2514,21 +2537,21 @@ function ui(t, e, o, i, r, s, n) {
       Et();
       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, _;
+    const u = h.getBoundingClientRect(), p = c.getBoundingClientRect(), m = t.shadow.querySelector(".wg__table"), f = m == null ? void 0 : m.getBoundingClientRect(), v = 100;
+    f && (f.left >= v ? l = "left" : window.innerWidth - f.right >= v ? l = "right" : l = "top");
+    let b, _;
     if (l === "left")
-      v = u.left - p.width, _ = u.top + (u.height - p.height) / 2;
+      b = 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;
+      b = 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 S = t.grid.toolbarTopPosition;
+      S === "start" ? b = u.left : S === "end" ? b = u.right - p.width : S === "cursor" && n !== void 0 ? b = n - p.width / 2 : b = u.left + (u.width - p.width) / 2;
     }
-    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, {
+    l !== "top" && t.grid.toolbarAlign === "top" && (_ = u.top), b + p.width > window.innerWidth - 8 && (b = window.innerWidth - p.width - 8), b < 8 && (b = 8), _ + p.height > window.innerHeight - 8 && (_ = window.innerHeight - p.height - 8), _ < 8 && (_ = 8), Object.assign(c.style, {
       position: "fixed",
-      left: `${v}px`,
+      left: `${b}px`,
       top: `${_}px`
     }), $ && ($.position = l);
   });
@@ -2550,95 +2573,95 @@ function ui(t, e, o, i, r, s, n) {
     cleanup: () => {
       a.removeEventListener("click", g), a.remove();
     }
-  }, H = { path: null, arrowPos: null, arrowDir: "right" };
+  }, V = { path: null, arrowPos: null, arrowDir: "right" };
 }
 function Et() {
-  $ && ($.cleanup(), $ = null), H = { path: null, arrowPos: null, arrowDir: "right" };
+  $ && ($.cleanup(), $ = null), V = { path: null, arrowPos: null, arrowDir: "right" };
 }
 function $t() {
   return ($ == null ? void 0 : $.rowIndex) ?? null;
 }
-function hi(t) {
+function fi(t) {
   return ($ == null ? void 0 : $.container.getRootNode()) === t;
 }
-function Vt(t) {
+function qt(t) {
   return ($ == null ? void 0 : $.rowIndex) === t;
 }
-function pi() {
-  return H;
+function wi() {
+  return V;
 }
-function fi(t, e) {
+function mi(t, e) {
   if (!$) {
-    H = { path: null, arrowPos: null, arrowDir: "right" };
+    V = { 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 } = $, s = e.findIndex((b) => b === i);
   if (s === -1) {
-    H = { path: null, arrowPos: null, arrowDir: "right" };
+    V = { 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" };
+    V = { path: null, arrowPos: null, arrowDir: "right" };
     return;
   }
   if (s === $.rowIndex || ($.hasRowMoved = !0), !$.hasRowMoved) {
-    H = { path: null, arrowPos: null, arrowDir: "right" };
+    V = { 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" };
+    V = { 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";
+  let f, v = 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 b = a.right, _ = a.top + a.height / 2;
+    f = `M ${b} ${_} H ${u} V ${m} H ${p}`;
   } else if (r === "right") {
-    const v = a.left, _ = a.top + a.height / 2;
-    f = `M ${v} ${_} H ${u} V ${m} H ${p}`;
+    const b = a.left, _ = a.top + a.height / 2;
+    f = `M ${b} ${_} H ${u} V ${m} H ${p}`;
   } 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 _ = a.right, S = a.top + a.height / 2, y = _ + 48, D = s - $.rowIndex, x = 8;
+    if (D === 0) {
+      const C = c.top - x;
+      f = `M ${_} ${S} H ${y} V ${C}`, V = { path: f, arrowPos: { x: y, y: C }, arrowDir: "down" };
       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 (D === -1) {
+      const T = a.top + a.height * 0.25, k = a.top + a.height * 0.75, I = a.right + 24, M = a.right + x;
+      f = `M ${a.right} ${T} H ${I} V ${k} H ${M}`, V = { path: f, arrowPos: { x: M, y: k }, arrowDir: "left" };
       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 (D < 0) {
+      const C = c.bottom + x;
+      f = `M ${_} ${S} H ${y} V ${C}`, V = { path: f, arrowPos: { x: y, y: C }, 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" };
+      const C = c.top - x;
+      f = `M ${_} ${S} H ${y} V ${C}`, V = { path: f, arrowPos: { x: y, y: C }, arrowDir: "down" };
       return;
     }
   }
-  H = { path: f, arrowPos: { x: p, y: m }, arrowDir: b };
+  V = { path: f, arrowPos: { x: p, y: m }, arrowDir: v };
 }
-function Ie(t, e) {
+function He(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}` : "",
@@ -2648,16 +2671,16 @@ function mi(t) {
     let f = "";
     if (a)
       if (g) {
-        const v = c.direction === "asc" ? "▲" : "▼", _ = t.grid.sort.length > 1 ? `<sup class="wg__sort-priority">${l}</sup>` : "";
-        f = `<span class="wg__sort-indicator">${v}${_}</span>`;
+        const b = c.direction === "asc" ? "▲" : "▼", _ = t.grid.sort.length > 1 ? `<sup class="wg__sort-priority">${l}</sup>` : "";
+        f = `<span class="wg__sort-indicator">${b}${_}</span>`;
       } else
         f = '<span class="wg__sort-indicator wg__sort-placeholder">⬍</span>';
-    let b = "";
-    return n.headerInfo && (b = `<span class="wg__header-info" data-tooltip="${t.escapeHtml(n.headerInfo)}"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span>`), `
+    let v = "";
+    return n.headerInfo && (v = `<span class="wg__header-info" data-tooltip="${t.escapeHtml(n.headerInfo)}"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg></span>`), `
 			<th class="${h.join(" ")}" ${m} data-field="${d}">
 				<div class="wg__header-content">
 					<span class="wg__header-title">${t.escapeHtml(n.title)}</span>
-					${b}
+					${v}
 					${f}
 				</div>
 			</th>
@@ -2665,7 +2688,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 `
@@ -2681,40 +2704,57 @@ function bi(t) {
     let l = "";
     r && (l = `
 				<td class="wg__cell wg__actions-column">
-					${Ie(a, n === a)}
+					${He(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), v = u.align || "left", b = t.grid.isCellEditable(u), _ = t.grid.isCellFocused(a, p), S = ["wg__cell"], y = t.grid.isEditing(a, m);
+      if (b && S.push("wg__cell--editable"), _ && !y && S.push("wg__cell--focused"), u.textOverflow === "ellipsis" && S.push("wg__cell--ellipsis"), y && S.push("wg__cell--editing"), t.grid.isCellInvalid(a, m) && S.push("wg__cell--invalid"), u.cellClass && S.push(u.cellClass), u.cellClassCallback) {
+        const T = t.grid.getCellRawValue(d, a, m), k = u.cellClassCallback(T, d);
+        k && S.push(k);
       }
-      const k = [
-        `text-align: ${b}`,
+      const D = [
+        `text-align: ${v}`,
         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 I = t.grid.getCellRawValue(d, a, m), M = k({
+              field: m,
+              error: T,
+              value: I,
+              row: d,
+              rowIndex: a
+            });
+            M && (C = `data-tooltip-html="${t.escapeHtml(M)}"`);
+          }
+          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) ? Ie(t, a, p, u) : Pe(t, a, p, u, f)}
 				</td>
 			`;
     }).join(""), h = ["wg__row"];
@@ -2725,7 +2765,7 @@ function bi(t) {
     return `<tr class="${h.join(" ")}" data-row-index="${a}">${c}${l}${g}</tr>`;
   }).join("");
 }
-function we(t, e) {
+function ve(t, e) {
   const o = t.grid.displayItems, i = t.grid.columns, { startIndex: r, endIndex: s, rowHeight: n, totalItems: d } = e, a = t.grid.showRowNumbers, c = t.grid.showRowToolbar && t.grid.toolbarTrigger === "button", l = i.length + (c ? 1 : 0) + (a ? 1 : 0);
   if (o.length === 0)
     return `
@@ -2736,58 +2776,75 @@ function we(t, e) {
 			</tr>
 		`;
   const g = $t(), h = r * n, u = (d - s) * n, p = h > 0 ? `<tr class="wg__spacer-top"><td colspan="${l}" style="height: ${h}px"></td></tr>` : "", m = [];
-  for (let b = r; b < s && b < o.length; b++) {
-    const v = o[b], _ = b, C = a ? `<td class="wg__cell wg__row-number">${_ + 1}</td>` : "";
+  for (let v = r; v < s && v < o.length; v++) {
+    const b = o[v], _ = v, S = a ? `<td class="wg__cell wg__row-number">${_ + 1}</td>` : "";
     let y = "";
     c && (y = `
 				<td class="wg__cell wg__actions-column">
-					${Ie(_, g === _)}
+					${He(_, 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), I = t.grid.getCellValue(b, C, _), M = C.align || "left", Q = t.grid.isCellEditable(C), A = t.grid.isCellFocused(_, T), O = ["wg__cell"], U = t.grid.isEditing(_, k);
+      if (Q && O.push("wg__cell--editable"), A && !U && O.push("wg__cell--focused"), C.textOverflow === "ellipsis" && O.push("wg__cell--ellipsis"), U && O.push("wg__cell--editing"), t.grid.isCellInvalid(_, k) && O.push("wg__cell--invalid"), C.cellClass && O.push(C.cellClass), C.cellClassCallback) {
+        const z = t.grid.getCellRawValue(b, _, k), ot = C.cellClassCallback(z, b);
+        ot && O.push(ot);
       }
-      const 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 P = [
+        `text-align: ${M}`,
+        C.width ? `width: ${C.width}` : "",
+        C.minWidth ? `min-width: ${C.minWidth}` : "",
+        C.maxWidth ? `max-width: ${C.maxWidth}` : ""
+      ].filter(Boolean).join("; "), H = t.grid.isNavigateMode ? 'tabindex="0"' : "";
+      let R = "";
+      if (C.tooltipCallback) {
+        const z = t.grid.getCellRawValue(b, _, k), ot = C.tooltipCallback(z, b);
+        ot && (R = `data-tooltip="${t.escapeHtml(ot)}"`);
+      } else if (C.tooltipMember) {
+        const z = b[C.tooltipMember];
+        z && typeof z == "string" && (R = `data-tooltip="${t.escapeHtml(z)}"`);
+      }
+      if (!R && t.grid.isCellInvalid(_, k)) {
+        const z = t.grid.getCellValidationError(_, k);
+        if (z) {
+          const ot = C.validationTooltipCallback || t.grid.validationTooltipCallback;
+          if (ot) {
+            const qe = t.grid.getCellRawValue(b, _, k), se = ot({
+              field: k,
+              error: z,
+              value: qe,
+              row: b,
+              rowIndex: _
+            });
+            se && (R = `data-tooltip-html="${t.escapeHtml(se)}"`);
+          }
+          R || (R = `data-tooltip="${t.escapeHtml(z)}"`);
+        }
       }
       return `
 				<td
-					class="${A.join(" ")}"
-					style="${I}"
+					class="${O.join(" ")}"
+					style="${P}"
 					data-row="${_}"
 					data-col="${T}"
-					data-field="${D}"
-					${L}
-					${N}
+					data-field="${k}"
+					${H}
+					${R}
 				>
-					${t.grid.isEditing(_, D) ? Oe(t, _, T, S) : Re(t, _, T, S, q)}
+					${t.grid.isEditing(_, k) ? Ie(t, _, T, C) : Pe(t, _, T, C, I)}
 				</td>
 			`;
     }).join(""), x = ["wg__row"];
     if (t.grid.rowClassCallback) {
-      const S = t.grid.rowClassCallback(v, _);
-      S && x.push(S);
+      const C = t.grid.rowClassCallback(b, _);
+      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 = {
@@ -2831,16 +2888,16 @@ function qt(t, e = "bottom-center") {
 			<div class="wg__pagination-pagesize">
 				<select class="wg__pagination-select" data-action="pagesize">
 					${n.map(
-      (v) => `<option value="${v}" ${v === s ? "selected" : ""}>${v}</option>`
+      (b) => `<option value="${b}" ${b === s ? "selected" : ""}>${b}</option>`
     ).join("")}
 				</select>
 				<span class="wg__pagination-label">${g.perPage}</span>
 			</div>
 		` : ""
-  }, b = t.grid.paginationLayout.split("|").map((v) => v.trim()).map((v) => m[v] || "").join("");
-  return `<div class="${p.join(" ")}">${b}</div>`;
+  }, v = t.grid.paginationLayout.split("|").map((b) => b.trim()).map((b) => m[b] || "").join("");
+  return `<div class="${p.join(" ")}">${v}</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 +2910,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 ze = {
   today: "Today",
   clear: "Clear",
   monthNames: [
@@ -2895,7 +2952,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 +2964,14 @@ function Bt(t) {
     maxLength: t.length
   };
 }
-function Pe(t, e) {
+function Fe(t, e) {
   if (!t || isNaN(t.getTime())) return "";
   const o = t.getFullYear(), i = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0"), { separator: s, parts: n } = e, d = [];
   for (let a = 0; a < 3; a++)
     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 +2993,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 N(t) {
   if (!t) return null;
   let e;
   if (typeof t == "string") {
@@ -2946,23 +3003,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) {
   return !t || !e ? !1 : t.getFullYear() === e.getFullYear() && t.getMonth() === e.getMonth() && t.getDate() === e.getDate();
 }
-function _i(t) {
+function Ci(t) {
   return _t(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 +3029,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 = ze) {
+  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 +3046,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 +3059,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 +3082,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 = Ve(t, e);
   return `
 		<div class="wg-datepicker__weekdays">
 			${i}
@@ -3036,45 +3093,45 @@ 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 Ve(t, e) {
+  const { viewYear: o, viewMonth: i, selectedDate: r, focusedDate: s } = t, n = e.minDate ? N(e.minDate) : null, d = e.maxDate ? N(e.maxDate) : null, a = Si(o, i), c = gt(o, i), l = gt(o, i - 1), g = new Date(o, i - 1, 1), h = g.getFullYear(), u = g.getMonth(), p = new Date(o, i + 1, 1), m = p.getFullYear(), f = p.getMonth(), v = [];
   for (let y = a - 1; y >= 0; y--) {
-    const k = l - y;
-    b.push({
-      date: new Date(h, u, k),
-      day: k,
+    const D = l - y;
+    v.push({
+      date: new Date(h, u, D),
+      day: D,
       isOtherMonth: !0
     });
   }
   for (let y = 1; y <= c; y++)
-    b.push({
+    v.push({
       date: new Date(o, i, y),
       day: y,
       isOtherMonth: !1
     });
-  const _ = Math.ceil((a + c) / 7) * 7 - b.length;
+  const _ = Math.ceil((a + c) / 7) * 7 - v.length;
   for (let y = 1; y <= _; y++)
-    b.push({
+    v.push({
       date: new Date(m, f, y),
       day: y,
       isOtherMonth: !0
     });
-  let C = "";
-  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>`;
+  let S = "";
+  for (const y of v) {
+    const D = ["wg-datepicker__day"];
+    y.isOtherMonth && D.push("wg-datepicker__day--other-month"), Mi(y.date, n, d) && D.push("wg-datepicker__day--disabled"), Ci(y.date) && D.push("wg-datepicker__day--today"), _t(y.date, r) && D.push("wg-datepicker__day--selected"), _t(y.date, s) && D.push("wg-datepicker__day--focused");
+    const C = Wt(y.date);
+    S += `<div class="${D.join(" ")}" data-date="${C}">${y.day}</div>`;
   }
-  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 +3140,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 = Ve(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 Li(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 +3164,7 @@ function Ri(t, e) {
     r.classList.toggle("wg-datepicker__rolling-item--selected", s === e.viewMonth);
   });
 }
-function me(t) {
+function _e(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 +3181,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 Pi(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")
@@ -3155,7 +3212,7 @@ function Ii(t, e, o, i) {
       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);
+        const g = N(o.minDate);
         g && c < g.getFullYear() && (c = g.getFullYear());
       }
       e.viewMonth = 0, e.viewYear = c, e.focusedDate = new Date(c, 0, 1);
@@ -3168,38 +3225,38 @@ function Ii(t, e, o, i) {
       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);
+        const g = N(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 ? N(o.minDate) : null, s = o.maxDate ? N(o.maxDate) : null;
   switch (e) {
     case "ArrowLeft":
       i.setDate(i.getDate() - 1);
@@ -3216,7 +3273,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 +3287,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 +3295,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 ? N(o.minDate) : null, c = o.maxDate ? N(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 ? N(e.minDate) : null, r = e.maxDate ? N(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 },
@@ -3268,14 +3325,14 @@ function Qt(t, e) {
   ].sort((m, f) => m.pos - f.pos);
   let c = "", l = 0;
   for (let m = 0; m < a.length; m++) {
-    const f = a[m], b = n.substring(l, l + f.length);
-    if (!b) break;
-    c += b, l += b.length, m < a.length - 1 && b.length === f.length && (c += o);
+    const f = a[m], v = n.substring(l, l + f.length);
+    if (!v) break;
+    c += v, l += v.length, m < a.length - 1 && v.length === f.length && (c += o);
   }
   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 +3348,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 +3383,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 ? N(i.minDate) : null, n = i.maxDate ? N(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 +3650,8 @@ const Bi = `
 	background-color: color-mix(in srgb, var(--wg-dp-accent-color) 10%, transparent);
 }
 `;
-let be = !1;
-class re {
+let ye = !1;
+class ne {
   constructor(e = {}) {
     w(this, "options");
     w(this, "state");
@@ -3621,7 +3678,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 +3708,30 @@ class re {
         weekdayNamesShort: l
       };
     } catch {
-      return Le;
+      return ze;
     }
   }
   /**
    * Inject datepicker styles into document head (once)
    */
   static injectStyles() {
-    if (be) return;
+    if (ye) 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), ye = !0;
   }
   /**
    * Open the date picker
    */
   open(e, o = null) {
-    re.injectStyles(), this.state.isOpen && this.close(), this.anchor = e;
-    const i = V(o);
+    ne.injectStyles(), this.state.isOpen && this.close(), this.anchor = e;
+    const i = N(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 && _e(this.element);
   }
   /**
    * Close the date picker
@@ -3700,7 +3757,7 @@ class re {
    * Get formatted value
    */
   getFormattedValue() {
-    return Pe(this.state.selectedDate, this.formatInfo);
+    return Fe(this.state.selectedDate, this.formatInfo);
   }
   /**
    * Position the picker using Floating UI
@@ -3708,13 +3765,13 @@ class re {
   position() {
     if (!this.element || !this.anchor) return;
     const e = this.element.querySelector(".wg-datepicker");
-    e && (this.cleanupAutoUpdate = Io(this.anchor, e, () => {
+    e && (this.cleanupAutoUpdate = zo(this.anchor, e, () => {
       Pt(this.anchor, e, {
         placement: "bottom-start",
         middleware: [
-          It(4),
-          Lt({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
-          Me({ padding: 8 })
+          Lt(4),
+          It({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
+          Re({ padding: 8 })
         ]
       }).then(({ x: o, y: i }) => {
         Object.assign(e.style, {
@@ -3739,38 +3796,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 && _e(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 +3843,7 @@ class re {
    * Handle keyboard events
    */
   handleKeyDown(e) {
-    Ii(e, this.state, this.options, {
+    Pi(e, this.state, this.options, {
       onSelect: (i, r) => this.selectDate(i, r),
       onClose: () => this.close()
     }) && this.render();
@@ -3804,24 +3861,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), Li(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 +3967,13 @@ const Ki = `
 	margin: var(--wg-cm-padding) 0;
 }
 `;
-let ve = !1;
-function Wi() {
-  if (ve) return;
+let Ce = !1;
+function Qi() {
+  if (Ce) 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), Ce = !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,9 +3984,9 @@ 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);
@@ -3948,9 +4005,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),
+      It({ fallbackPlacements: ["top-start", "bottom-end", "top-end"] }),
+      Re({ padding: 8 })
     ]
   }).then(({ x: u, y: p }) => {
     Object.assign(c.style, {
@@ -3978,7 +4035,7 @@ function bt(t, e, 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 +4112,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 Ue(), this.styleElement = document.createElement("style"), this.styleElement.textContent = je, this.shadow.appendChild(this.styleElement), this.grid.requestUpdate = () => this.requestUpdate();
   }
   get tooltipShowDelay() {
     return this._tooltipShowDelay;
@@ -4147,6 +4204,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;
   }
@@ -4251,6 +4314,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 +4348,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 +4520,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
@@ -4522,9 +4597,9 @@ class Gi extends HTMLElement {
         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 }), B(this, l, { rowIndex: 0, colIndex: 0 }));
           } else
             E(this, 0, 0);
         else
@@ -4535,9 +4610,9 @@ class Gi extends HTMLElement {
           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 }), B(this, h, { rowIndex: l, colIndex: g }));
           } else
             E(this, l, g);
         } else
@@ -4547,18 +4622,18 @@ class Gi extends HTMLElement {
         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 }), B(this, l, { rowIndex: 0, colIndex: r }));
           } else
             E(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 }), B(this, g, { rowIndex: l, colIndex: r }));
           } else
             E(this, l, r);
         }
@@ -4568,18 +4643,18 @@ 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 }), B(this, g, { rowIndex: l, colIndex: r }));
           } else
             E(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 }), B(this, g, { rowIndex: l, colIndex: r }));
           } else
             E(this, l, r);
         }
@@ -4591,16 +4666,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);
+        ((l == null ? void 0 : l.editor) === "select" || (l == null ? void 0 : l.editor) === "combobox" || (l == null ? void 0 : l.editor) === "autocomplete") && this.grid.getEffectiveOpenDropdownOnEnter(l) ? (j(this, i, r), requestAnimationFrame(() => {
+          this.dropdownOpen || K(this);
         })) : i < n.length - 1 && E(this, i + 1, r);
         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);
+        j(this, i, r), g ? requestAnimationFrame(() => {
+          this.dropdownOpen || K(this);
         }) : h && requestAnimationFrame(() => {
           this.openCustomEditor(i, r);
         });
@@ -4609,25 +4684,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(() => {
-          var v;
-          const m = (v = this.shadowRoot) == null ? void 0 : v.querySelector(
+        g ? Jo(this, i, r) : h ? (j(this, i, r), requestAnimationFrame(() => {
+          this.dropdownOpen || K(this);
+        })) : u ? (j(this, i, r), requestAnimationFrame(() => {
+          var b;
+          const m = (b = this.shadowRoot) == null ? void 0 : b.querySelector(
             `.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(() => {
+          ), f = m == null ? void 0 : m.querySelector(".wg__date-input"), v = m == null ? void 0 : m.querySelector(".wg__editor--date");
+          f && v && this.openDatePicker(f, v);
+        })) : p && (j(this, i, r), requestAnimationFrame(() => {
           this.openCustomEditor(i, r);
         }));
         break;
       }
       case "Escape":
         if (o.preventDefault(), this.grid.editingCell)
-          P(this), this.grid.cancelEdit();
+          F(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(), B(this, l, null), (c = o.target) == null || c.blur();
         }
         break;
       case "Delete": {
@@ -4652,7 +4727,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();
+          j(this, i, r, { initialSearchQuery: o.key }), o.preventDefault();
         }
         break;
     }
@@ -4667,7 +4742,7 @@ class Gi extends HTMLElement {
     const r = parseInt(i.dataset.row || "0", 10), s = i.dataset.field || "", n = this.grid.columns.find((l) => l.field === s), d = (n == null ? void 0 : n.editor) || "text", a = d === "select" || d === "combobox" || d === "autocomplete", c = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight", "PageUp", "PageDown", "Home", "End"];
     if (a && !this.dropdownOpen && c.includes(o.key)) {
       o.preventDefault(), o.stopPropagation();
-      const l = this.grid.columns.findIndex((b) => b.field === s), g = this.grid.columns.map((b, v) => ({ index: v, column: b })).filter((b) => b.column.editable !== !1), h = g.findIndex((b) => b.index === l), u = this.grid.displayItems;
+      const l = this.grid.columns.findIndex((v) => v.field === s), g = this.grid.columns.map((v, b) => ({ index: b, column: v })).filter((v) => v.column.editable !== !1), h = g.findIndex((v) => v.index === l), u = this.grid.displayItems;
       let p = r, m = l, f = !1;
       switch (o.key) {
         case "ArrowUp":
@@ -4695,7 +4770,7 @@ 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(() => {
+      f && (F(this), this.grid.cancelEdit(), queueMicrotask(() => {
         E(this, p, m);
       }));
       return;
@@ -4708,7 +4783,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), pe(this));
         }
         break;
       case "ArrowUp":
@@ -4718,13 +4793,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), pe(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 ? Le(this, this.highlightedIndex) : a && !this.dropdownOpen ? K(this) : (this.isCommittingFromKeyboard = !0, L(this), d === "date" && i instanceof HTMLInputElement ? this.commitDateEditor(i) : Tt(this, i), Ft(this, r, s, "down"));
         break;
       case "Tab":
         if (this.datepicker)
@@ -4732,25 +4807,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 || Tt(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, F(this), this.grid.cancelEdit(), ti(this, r, s);
         break;
       case "F2":
-        o.preventDefault(), o.stopPropagation(), a && !this.dropdownOpen && X(this);
+        o.preventDefault(), o.stopPropagation(), a && !this.dropdownOpen && K(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), me(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, me(this, n.editorOptions || {}));
         break;
     }
   }
@@ -4765,11 +4840,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);
+        Wo(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) && K(this);
       }
     }, !0), o.addEventListener("keydown", (s) => {
       const n = s.target;
@@ -4782,7 +4857,7 @@ class Gi extends HTMLElement {
         this.handleCellKeyDown(s, d, a);
       }
     }), o.addEventListener("focusout", (s) => {
-      Ko(this, s);
+      Xo(this, s);
     }), o.addEventListener("dblclick", (s) => {
       s.preventDefault();
       const d = s.target.closest(".wg__cell");
@@ -4791,17 +4866,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);
+            j(this, a, c, { cursorPosition: h ?? void 0 });
             const u = l.editor;
             u === "select" || u === "combobox" || u === "autocomplete" ? requestAnimationFrame(() => {
-              this.dropdownOpen || X(this);
+              this.dropdownOpen || K(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);
+          j(this, a, c, { cursorPosition: h ?? void 0 });
+          const u = l.editor;
+          u === "select" || u === "combobox" || u === "autocomplete" ? requestAnimationFrame(() => {
+            this.dropdownOpen || K(this);
+          }) : u === "custom" && requestAnimationFrame(() => {
+            this.openCustomEditor(a, c);
+          });
+        }
+      }
     }), o.addEventListener("mousedown", (s) => {
       const n = s.target;
       if (n.closest(".wg__date-trigger")) {
@@ -4812,7 +4903,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), F(this), this.grid.cancelEdit()), j(this, l, h), requestAnimationFrame(() => {
             var f;
             this.isTransitioningCells = !1;
             const u = (f = this.shadowRoot) == null ? void 0 : f.querySelector(
@@ -4830,8 +4921,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), F(this), this.grid.cancelEdit();
+              const p = this.grid.columns[l], m = (p == null ? void 0 : p.editTrigger) || this.grid.editTrigger, v = s.clientX;
+              requestAnimationFrame(() => {
+                if (this.isTransitioningCells = !1, m === "click" && p && this.grid.isCellEditable(p)) {
+                  const b = this.shadow.querySelector(
+                    `td[data-row="${c}"][data-col="${l}"]`
+                  ), _ = b ? zt({ clientX: v }, b) : void 0;
+                  j(this, c, l, { cursorPosition: _ ?? void 0 });
+                } else
+                  E(this, c, l);
               });
               return;
             }
@@ -4842,11 +4941,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);
+          we(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), F(this), this.grid.cancelEdit()), j(this, l, h), requestAnimationFrame(() => {
+            this.isTransitioningCells = !1, this.dropdownOpen || K(this);
           }));
         }
       }
@@ -4855,65 +4954,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), F(this), this.grid.cancelEdit()), j(this, c, g), requestAnimationFrame(() => {
+            this.isTransitioningCells = !1, this.dropdownOpen || K(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(), we(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") && Go(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") ? qo(this, s) : n.matches(".wg__autocomplete-input") && Yo(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") && Zo(this, n), n.matches(".wg__date-input") && !this.datepicker && !this.isCommittingFromKeyboard && !this.isTransitioningCells && this.commitDateEditor(n), n.matches(".wg__select-trigger") && !this.isCommittingFromKeyboard && !this.isTransitioningCells && !this.dropdownOpen && !this.isOpeningDropdown && (L(this), F(this), this.grid.cancelEdit()), n.matches(".wg__combobox-input, .wg__autocomplete-input")) {
         if (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()
             );
-            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), F(this), this.grid.cancelEdit()), this.grid.shouldUseVirtualScroll() && this.handleVirtualScroll(i), this.grid.infiniteScroll && this.grid.hasMoreItems && !this.isLoadingMoreItems && this.handleInfiniteScroll(i);
     }), 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), F(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");
+        be(this, d, c, this._tooltipShowDelay, !0);
+        return;
+      }
+      const a = n.closest("[data-tooltip]");
+      if (a) {
+        const c = a.getAttribute("data-tooltip");
+        be(this, a, c, this._tooltipShowDelay, !1);
       }
     }, !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 && Uo(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 +5026,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 +5042,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 (!fi(this.shadow))
         return;
       const n = s.composedPath(), d = n.some((l) => {
         var g;
@@ -4998,12 +5103,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 = ve(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 }), B(this, null, n));
     }
   }
   /**
@@ -5021,43 +5126,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);
-    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-")
+    n.className = bi(this);
+    const d = this.grid.paginationPosition.split("|").map((f) => f.trim()), a = this.grid.summaryPosition ? this.grid.summaryPosition.split("|").map((f) => f.trim()) : [], c = (f, v) => {
+      const b = d.filter(
+        (x) => v ? x.startsWith("top-") : x.startsWith("bottom-")
       ), _ = a.filter(
-        (x) => 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])}
-				</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" : ""}">
+        (x) => v ? x.startsWith("top-") : x.startsWith("bottom-")
+      ), S = b.length > 0, y = _.length > 0;
+      return !S && !y ? "" : y && S && this.grid.summaryInline ? `<div class="wg__footer${v ? " wg__footer--top" : ""}">
+					${Nt(this, _[0])}
+					${Yt(this, b[0])}
+				</div>` : [.../* @__PURE__ */ new Set([...b, ..._])].map((x) => {
+        const C = b.includes(x), T = _.includes(x);
+        return T && C ? `<div class="wg__footer${v ? " wg__footer--top" : ""}">
+						${Nt(this, x)}
 						${Yt(this, x)}
-						${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, v = this.grid.virtualScrollRowHeight, b = this.grid.virtualScrollBuffer, _ = (o == null ? void 0 : o.clientHeight) || 400, S = Math.max(0, Math.floor(i / v) - b), y = Math.ceil(_ / v) + b * 2, D = Math.min(f.length, S + y);
+      this.virtualScrollStart = S, this.virtualScrollEnd = D;
       const x = {
-        startIndex: C,
-        endIndex: k,
-        rowHeight: b,
+        startIndex: S,
+        endIndex: D,
+        rowHeight: v,
         totalItems: f.length
       };
-      u = we(this, x);
+      u = ve(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 +5178,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 v = this.grid.editingCell.cursorPosition, b = this.getCurrentEditingColumn(), _ = ((m = b == null ? void 0 : b.editorOptions) == null ? void 0 : m.editStartSelection) || this.grid.editStartSelection;
+        if (this.grid.editingCell.initialSearchQuery !== void 0) {
+          const S = f.value.length;
+          f.setSelectionRange(S, S);
         } else
           switch (_) {
+            case "mousePosition":
+              if (v !== void 0) {
+                const S = Math.min(v, f.value.length);
+                f.setSelectionRange(S, S);
+              } else
+                f.setSelectionRange(f.value.length, f.value.length);
+              break;
             case "cursorAtStart":
               f.setSelectionRange(0, 0);
               break;
@@ -5112,7 +5221,7 @@ class Gi extends HTMLElement {
   renderConnector() {
     const o = this.shadow.querySelector(".wg__connector");
     o && o.remove();
-    const i = pi();
+    const i = wi();
     if (!i.path || !i.arrowPos)
       return;
     const r = document.createElementNS("http://www.w3.org/2000/svg", "svg");
@@ -5128,7 +5237,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 ne({
       dateFormat: r,
       minDate: s || void 0,
       maxDate: n || void 0,
@@ -5136,7 +5245,7 @@ class Gi extends HTMLElement {
         this.handleDatePickerSelect(o, a, c);
       },
       onClose: () => {
-        this.datepicker = null, P(this), this.grid.cancelEdit();
+        this.datepicker = null, F(this), this.grid.cancelEdit();
       }
     }), this.datepicker.open(i, d || null);
   }
@@ -5144,8 +5253,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 = Fe(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 +5263,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 +5275,7 @@ class Gi extends HTMLElement {
           break;
         case "iso":
         default:
-          c = Kt(a);
+          c = Wt(a);
           break;
       }
     this.grid.commitEdit(i, r, c);
@@ -5215,7 +5324,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 +5336,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(), B(this, h, { rowIndex: g, colIndex: o }));
       }
     };
     n.addEventListener("click", c), d.addEventListener("click", a), r.addEventListener("click", (l) => {
@@ -5251,12 +5360,12 @@ class Gi extends HTMLElement {
       rowIndex: o,
       field: s,
       commit: (c) => {
-        this.grid.commitEdit(o, s, c), P(this), requestAnimationFrame(() => {
+        this.grid.commitEdit(o, s, c), F(this), requestAnimationFrame(() => {
           E(this, o, i);
         });
       },
       cancel: () => {
-        P(this), this.grid.cancelEdit(), requestAnimationFrame(() => {
+        F(this), this.grid.cancelEdit(), requestAnimationFrame(() => {
           E(this, o, i);
         });
       }
@@ -5285,7 +5394,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,
@@ -5306,10 +5415,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 = gi(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), pi(
       this,
       o,
       i,
@@ -5359,12 +5468,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(), mi(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,
+  Ue as WebGrid,
+  Zi as default
 };