@extable/core 0.3.0 → 0.3.2

package/dist/index.js

@@ -1,15 +1,15 @@
-function Ae(r) {
+function Pe(r) {
   const t = r.payload;
   if (!t) return null;
   const e = t.batchId;
   return typeof e == "string" && e.length ? e : null;
 }
-class He {
+class $e {
   constructor(t = 100) {
     this.applied = [], this.undone = [], this.cap = t;
   }
   enqueue(t) {
-    const e = Ae(t), i = this.applied.at(-1);
+    const e = Pe(t), i = this.applied.at(-1);
     for (e && i && i.batchId === e ? i.commands.push(t) : this.applied.push({ batchId: e, commands: [t] }); this.applied.length > this.cap; ) this.applied.shift();
     this.undone = [];
   }
@@ -42,37 +42,37 @@ class He {
     this.applied = [], this.undone = [];
   }
 }
-function Yt() {
+function ee() {
   return typeof crypto < "u" && "randomUUID" in crypto ? crypto.randomUUID() : `row_${Math.random().toString(16).slice(2)}`;
 }
-function Qt(r) {
+function ie(r) {
   if (r !== void 0)
     return Array.isArray(r) ? r : [r];
 }
-function $(r) {
+function j(r) {
   if (r)
     try {
       r.remove();
     } catch {
     }
 }
-const Z = (r, t = 2) => r.toString().padStart(t, "0"), ne = {
-  yyyy: (r) => Z(r.getFullYear(), 4),
-  MM: (r) => Z(r.getMonth() + 1),
-  dd: (r) => Z(r.getDate()),
-  HH: (r) => Z(r.getHours()),
+const tt = (r, t = 2) => r.toString().padStart(t, "0"), ce = {
+  yyyy: (r) => tt(r.getFullYear(), 4),
+  MM: (r) => tt(r.getMonth() + 1),
+  dd: (r) => tt(r.getDate()),
+  HH: (r) => tt(r.getHours()),
   hh: (r) => {
     const t = r.getHours() % 12 || 12;
-    return Z(t);
+    return tt(t);
   },
-  mm: (r) => Z(r.getMinutes()),
-  ss: (r) => Z(r.getSeconds()),
+  mm: (r) => tt(r.getMinutes()),
+  ss: (r) => tt(r.getSeconds()),
   a: (r) => r.getHours() >= 12 ? "PM" : "AM"
-}, se = Object.keys(ne).sort((r, t) => t.length - r.length), oe = /* @__PURE__ */ new Set(["yyyy", "MM", "dd"]), re = /* @__PURE__ */ new Set(["HH", "hh", "mm", "ss", "a"]), De = /* @__PURE__ */ new Set([...oe, ...re]), Ct = {
+}, de = Object.keys(ce).sort((r, t) => t.length - r.length), he = /* @__PURE__ */ new Set(["yyyy", "MM", "dd"]), ue = /* @__PURE__ */ new Set(["HH", "hh", "mm", "ss", "a"]), Oe = /* @__PURE__ */ new Set([...he, ...ue]), vt = {
   iso: "yyyy-MM-dd",
   us: "MM/dd/yyyy",
   eu: "dd.MM.yyyy"
-}, vt = {
+}, Ct = {
   iso: "HH:mm:ss",
   "24h": "HH:mm",
   "12h": "hh:mm a"
@@ -87,11 +87,11 @@ const Z = (r, t = 2) => r.toString().padStart(t, "0"), ne = {
   "eu-24h": "dd.MM.yyyy HH:mm",
   "eu-12h": "dd.MM.yyyy hh:mm a"
 };
-function Ft(r) {
+function Pt(r) {
   const t = new Date(r);
   return Number.isNaN(t.getTime()) ? null : t;
 }
-function le(r, t) {
+function fe(r, t) {
   let e = "", i = 0, n = !1;
   for (; i < t.length; ) {
     const s = t[i];
@@ -104,19 +104,19 @@ function le(r, t) {
       continue;
     }
     let o = !1;
-    for (const l of se)
+    for (const l of de)
       if (t.startsWith(l, i)) {
-        e += ne[l](r), i += l.length, o = !0;
+        e += ce[l](r), i += l.length, o = !0;
         break;
       }
     o || (e += s, i += 1);
   }
   return e;
 }
-function Ke(r, t) {
-  return t === "date" ? oe.has(r) : t === "time" ? re.has(r) : De.has(r);
+function je(r, t) {
+  return t === "date" ? he.has(r) : t === "time" ? ue.has(r) : Oe.has(r);
 }
-function Le(r, t) {
+function We(r, t) {
   let e = 0, i = !1;
   for (; e < r.length; ) {
     if (r[e] === "'") {
@@ -128,9 +128,9 @@ function Le(r, t) {
       continue;
     }
     let s = !1;
-    for (const o of se)
+    for (const o of de)
       if (r.startsWith(o, e)) {
-        if (!Ke(o, t)) return !1;
+        if (!je(o, t)) return !1;
         e += o.length, s = !0;
         break;
       }
@@ -138,16 +138,16 @@ function Le(r, t) {
   }
   return !0;
 }
-function rt(r, t) {
+function ot(r, t) {
   if (!r)
-    return t === "date" ? Ct.iso : t === "time" ? vt.iso : St.iso;
-  if (t === "date" && Ct[r]) return Ct[r];
-  if (t === "time" && vt[r]) return vt[r];
+    return t === "date" ? vt.iso : t === "time" ? Ct.iso : St.iso;
+  if (t === "date" && vt[r]) return vt[r];
+  if (t === "time" && Ct[r]) return Ct[r];
   if (t === "datetime" && St[r]) return St[r];
-  const e = t === "date" ? Ct.iso : t === "time" ? vt.iso : St.iso;
-  return Le(r, t) ? r : e;
+  const e = t === "date" ? vt.iso : t === "time" ? Ct.iso : St.iso;
+  return We(r, t) ? r : e;
 }
-const Jt = (r) => !Number.isNaN(r.getTime()), Ve = (r) => {
+const ne = (r) => !Number.isNaN(r.getTime()), qe = (r) => {
   if (typeof r == "string") return r;
   if (r && typeof r == "object") {
     const t = r;
@@ -155,7 +155,7 @@ const Jt = (r) => !Number.isNaN(r.getTime()), Ve = (r) => {
       return typeof t.value == "string" ? t.value : null;
   }
   return null;
-}, Fe = (r) => {
+}, Ue = (r) => {
   if (Array.isArray(r) && r.every((t) => typeof t == "string")) return r;
   if (r && typeof r == "object") {
     const t = r;
@@ -166,7 +166,7 @@ const Jt = (r) => !Number.isNaN(r.getTime()), Ve = (r) => {
   }
   return null;
 };
-function _e(r, t) {
+function Xe(r, t) {
   if (r == null) return null;
   switch (t.type) {
     case "string": {
@@ -186,13 +186,13 @@ function _e(r, t) {
     case "boolean":
       return typeof r != "boolean" ? "Expected a boolean" : null;
     case "enum": {
-      const e = Ve(r);
+      const e = qe(r);
       if (!e) return "Expected an enum value";
       const i = t.enum?.allowCustom ?? !1, n = t.enum?.options ?? [];
       return !i && n.length && !n.includes(e) ? "Not in allowed options" : null;
     }
     case "tags": {
-      const e = Fe(r);
+      const e = Ue(r);
       if (!e) return "Expected a list of tags";
       const i = t.tags?.allowCustom ?? !1, n = t.tags?.options ?? [];
       if (!i && n.length) {
@@ -205,10 +205,10 @@ function _e(r, t) {
     case "time":
     case "datetime": {
       const e = t.format;
-      if (t.type === "date" ? rt(e, "date") : t.type === "time" ? rt(e, "time") : rt(e, "datetime"), r instanceof Date) return Jt(r) ? null : "Invalid date";
+      if (t.type === "date" ? ot(e, "date") : t.type === "time" ? ot(e, "time") : ot(e, "datetime"), r instanceof Date) return ne(r) ? null : "Invalid date";
       if (typeof r == "string") {
-        const i = Ft(r);
-        return i && Jt(i) ? null : "Invalid date/time";
+        const i = Pt(r);
+        return i && ne(i) ? null : "Invalid date/time";
       }
       return "Expected a date/time string";
     }
@@ -216,7 +216,7 @@ function _e(r, t) {
       return null;
   }
 }
-class Ne {
+class ze {
   constructor(t, e, i) {
     this.rows = [], this.baseIndexById = /* @__PURE__ */ new Map(), this.dataVersion = 0, this.visibleRowsCache = null, this.distinctValueCache = /* @__PURE__ */ new Map(), this.pending = /* @__PURE__ */ new Map(), this.rowVersion = /* @__PURE__ */ new Map(), this.listeners = /* @__PURE__ */ new Set(), this.cellStyles = /* @__PURE__ */ new Map(), this.cellConditionalStyles = /* @__PURE__ */ new Map(), this.computedCache = /* @__PURE__ */ new Map(), this.conditionalCache = /* @__PURE__ */ new Map(), this.rowConditionalCache = /* @__PURE__ */ new Map(), this.formulaDiagnostics = /* @__PURE__ */ new Map(), this.conditionalDiagnostics = /* @__PURE__ */ new Map(), this.baseValidationErrors = /* @__PURE__ */ new Map(), this.uniqueValidationErrors = /* @__PURE__ */ new Map(), this.notifySuspended = !1, this.notifyDirty = !1, this.schema = e, this.view = i, this.setData(t ?? []);
   }
@@ -240,7 +240,7 @@ class Ne {
   }
   setData(t) {
     this.dataVersion += 1, this.pending.clear(), this.cellStyles.clear(), this.cellConditionalStyles.clear(), this.computedCache.clear(), this.conditionalCache.clear(), this.rowConditionalCache.clear(), this.formulaDiagnostics.clear(), this.conditionalDiagnostics.clear(), this.baseValidationErrors.clear(), this.uniqueValidationErrors.clear(), this.rows = (t ?? []).map((e, i) => {
-      const n = Yt();
+      const n = ee();
       return this.rowVersion.set(n, 0), {
         id: n,
         raw: e,
@@ -331,10 +331,10 @@ class Ne {
     return this.isActionType(e?.type) ? !0 : !!(e?.readonly || e?.formula);
   }
   getCellInteraction(t, e) {
-    const i = this.schema.columns.find((g) => String(g.key) === String(e));
+    const i = this.schema.columns.find((m) => String(m.key) === String(e));
     if (!i) return { readonly: !1, disabled: !1, muted: !1 };
-    const n = this.isRowReadonly(t) || this.isColumnReadonly(e), s = this.resolveConditionalStyle(t, i).delta, o = this.getCellStyle(t, e), a = this.supportsConditionalReadonly(i.type) && !!(i.style?.readonly || s?.readonly || o?.readonly), c = this.isActionType(i.type), d = c && !!(i.style?.disabled || s?.disabled || o?.disabled), h = n || a || d;
-    return { readonly: h, disabled: d, muted: d || h && !c };
+    const n = this.isRowReadonly(t) || this.isColumnReadonly(e), s = this.resolveConditionalStyle(t, i).delta, o = this.getCellStyle(t, e), a = this.supportsConditionalReadonly(i.type) && !!(i.style?.readonly || s?.readonly || o?.readonly), c = this.isActionType(i.type), h = c && !!(i.style?.disabled || s?.disabled || o?.disabled), d = n || a || h, u = !!i.formula;
+    return { readonly: d, disabled: h, muted: h || d && !c && !u };
   }
   isReadonly(t, e) {
     return this.getCellInteraction(t, e).readonly;
@@ -350,8 +350,8 @@ class Ne {
     if (n)
       o.raw[e] = i, this.pending.delete(t), l();
     else {
-      const c = this.getRawCell(t, e), d = this.pending.get(t) ?? {};
-      this.isEqual(c, i) ? delete d[e] : d[e] = i, Object.keys(d).length > 0 ? this.pending.set(t, d) : this.pending.delete(t), l();
+      const c = this.getRawCell(t, e), h = this.pending.get(t) ?? {};
+      this.isEqual(c, i) ? delete h[e] : h[e] = i, Object.keys(h).length > 0 ? this.pending.set(t, h) : this.pending.delete(t), l();
     }
     this.updateValidationForCell(t, e, this.getCell(t, e)), this.schema.columns.find((c) => c.key === e)?.unique && this.recomputeUniqueValidationForColumn(e), this.clearDiagnosticsForCell(t, e), this.notify();
   }
@@ -386,7 +386,7 @@ class Ne {
   }
   insertRowAt(t, e, i) {
     this.dataVersion += 1;
-    const n = i ?? Yt(), s = Math.max(0, Math.min(e, this.rows.length));
+    const n = i ?? ee(), s = Math.max(0, Math.min(e, this.rows.length));
     return this.rows.splice(s, 0, { id: n, raw: t, displayIndex: 0 }), this.reindexRows(), this.rowVersion.set(n, 0), this.rebuildBaseIndex(), this.recomputeValidationErrors(), this.notify(), n;
   }
   removeRow(t) {
@@ -428,20 +428,20 @@ class Ne {
       return String(c) !== String(e);
     }).map((a) => {
       if (a?.kind === "values") {
-        const h = a;
+        const d = a;
         return {
           kind: "values",
-          key: String(h.key),
-          includeBlanks: !!h.includeBlanks,
-          values: (h.values ?? []).map((u) => this.stableValueKey(u))
+          key: String(d.key),
+          includeBlanks: !!d.includeBlanks,
+          values: (d.values ?? []).map((u) => this.stableValueKey(u))
         };
       }
-      const d = a;
+      const h = a;
       return {
         kind: "op",
-        key: String(d.key),
-        op: String(d.op ?? ""),
-        value: this.stableValueKey(d.value)
+        key: String(h.key),
+        op: String(h.op ?? ""),
+        value: this.stableValueKey(h.value)
       };
     }).sort((a, c) => a.key === c.key ? a.kind < c.kind ? -1 : 1 : a.key < c.key ? -1 : 1), o = Object.entries(n.columnDiagnostics ?? {}).filter(([a]) => e !== void 0 ? String(a) !== String(e) : !0).map(([a, c]) => ({
       key: String(a),
@@ -506,14 +506,14 @@ class Ne {
     ), a = [];
     for (const m of this.rows) {
       let p = !0;
-      for (const C of o)
-        if (C?.kind === "values" && !this.valuesFilterMatches(m.id, C)) {
+      for (const v of o)
+        if (v?.kind === "values" && !this.valuesFilterMatches(m.id, v)) {
           p = !1;
           break;
         }
       if (p) {
-        for (const [C, f] of l)
-          if (!this.rowPassesColumnDiagnostics(m.id, C, f)) {
+        for (const [v, f] of l)
+          if (!this.rowPassesColumnDiagnostics(m.id, v, f)) {
             p = !1;
             break;
           }
@@ -523,25 +523,25 @@ class Ne {
     if (!i) return a;
     const c = (n.sorts ?? []).slice(0, 1)[0];
     if (!c) return a;
-    const d = s.columns.find((m) => String(m.key) === String(c.key));
-    if (!d) return a;
-    const h = c.dir === "desc" ? -1 : 1, u = a.map((m) => {
-      const p = this.getFilterCellValue(m.id, d.key), C = this.isBlankValue(p), f = this.baseIndexById.get(m.id) ?? 0;
-      return { row: m, v: p, blank: C, baseIndex: f };
+    const h = s.columns.find((m) => String(m.key) === String(c.key));
+    if (!h) return a;
+    const d = c.dir === "desc" ? -1 : 1, u = a.map((m) => {
+      const p = this.getFilterCellValue(m.id, h.key), v = this.isBlankValue(p), f = this.baseIndexById.get(m.id) ?? 0;
+      return { row: m, v: p, blank: v, baseIndex: f };
     }), g = (m, p) => {
       if (m === p) return 0;
       if (m instanceof Date && p instanceof Date) return m.getTime() - p.getTime();
       if (typeof m == "number" && typeof p == "number") return m - p;
       if (typeof m == "boolean" && typeof p == "boolean") return m === p ? 0 : m ? 1 : -1;
-      const C = m instanceof Date ? m.toISOString() : typeof m == "string" ? m : String(m), f = p instanceof Date ? p.toISOString() : typeof p == "string" ? p : String(p);
-      return C === f ? 0 : C < f ? -1 : 1;
+      const v = m instanceof Date ? m.toISOString() : typeof m == "string" ? m : String(m), f = p instanceof Date ? p.toISOString() : typeof p == "string" ? p : String(p);
+      return v === f ? 0 : v < f ? -1 : 1;
     };
     return u.sort((m, p) => {
       if (m.blank && p.blank) return m.baseIndex - p.baseIndex;
       if (m.blank) return 1;
       if (p.blank) return -1;
-      const C = g(m.v, p.v);
-      return C !== 0 ? C * h : m.baseIndex - p.baseIndex;
+      const v = g(m.v, p.v);
+      return v !== 0 ? v * d : m.baseIndex - p.baseIndex;
     }), u.map((m) => m.row);
   }
   computeVisibleRows() {
@@ -558,37 +558,37 @@ class Ne {
   getDistinctValuesForColumn(t) {
     const e = `${String(t)}|${this.getFilterSortKey({ excludeColumnKey: t, includeSort: !1 })}`, i = this.distinctValueCache.get(e);
     if (i && i.version === this.dataVersion) return i;
-    const n = this.computeRowsAfterFilter({ excludeColumnKey: t, includeSort: !1 }), s = this.getSchema().columns.find((d) => String(d.key) === String(t));
+    const n = this.computeRowsAfterFilter({ excludeColumnKey: t, includeSort: !1 }), s = this.getSchema().columns.find((h) => String(h.key) === String(t));
     if (!s) {
-      const d = { version: this.dataVersion, values: [], hasBlanks: !1, total: 0 };
-      return this.distinctValueCache.set(e, d), d;
+      const h = { version: this.dataVersion, values: [], hasBlanks: !1, total: 0 };
+      return this.distinctValueCache.set(e, h), h;
     }
     const o = /* @__PURE__ */ new Map();
     let l = !1;
-    for (const d of n) {
-      const h = this.getFilterCellValue(d.id, s.key);
-      if (this.isBlankValue(h)) {
+    for (const h of n) {
+      const d = this.getFilterCellValue(h.id, s.key);
+      if (this.isBlankValue(d)) {
         l = !0;
         continue;
       }
-      const u = this.stableValueKey(h);
+      const u = this.stableValueKey(d);
       if (o.has(u)) continue;
       const g = (() => {
-        if (h instanceof Date) return h.toISOString();
-        if (typeof h == "string") return h;
-        if (typeof h == "number" || typeof h == "boolean") return String(h);
-        if (typeof h == "object" && h) {
-          const m = h, p = m.kind;
+        if (d instanceof Date) return d.toISOString();
+        if (typeof d == "string") return d;
+        if (typeof d == "number" || typeof d == "boolean") return String(d);
+        if (typeof d == "object" && d) {
+          const m = d, p = m.kind;
           if (p === "enum" && typeof m.value == "string") return m.value;
           if (p === "tags" && Array.isArray(m.values))
-            return m.values.filter((C) => typeof C == "string").join(", ");
+            return m.values.filter((v) => typeof v == "string").join(", ");
         }
-        return String(h);
+        return String(d);
       })();
-      o.set(u, { value: h, label: g });
+      o.set(u, { value: d, label: g });
     }
     const a = [...o.values()].sort(
-      (d, h) => d.label < h.label ? -1 : d.label > h.label ? 1 : 0
+      (h, d) => h.label < d.label ? -1 : h.label > d.label ? 1 : 0
     ), c = {
       version: this.dataVersion,
       values: a,
@@ -655,8 +655,8 @@ class Ne {
           level: "warning",
           message: l[1].message,
           source: "formula"
-        }, d = l[0];
-        return this.computedCache.set(n, { version: i, formulaRef: e.formula, value: d, diagnostic: c }), this.formulaDiagnostics.set(n, c), { value: d, diagnostic: c };
+        }, h = l[0];
+        return this.computedCache.set(n, { version: i, formulaRef: e.formula, value: h, diagnostic: c }), this.formulaDiagnostics.set(n, c), { value: h, diagnostic: c };
       }
       const a = l;
       return this.computedCache.set(n, { version: i, formulaRef: e.formula, value: a, diagnostic: null }), this.formulaDiagnostics.delete(n), { value: a, diagnostic: null };
@@ -711,27 +711,27 @@ class Ne {
   }
   resolveConditionalStyle(t, e) {
     const i = this.getRowVersion(t), n = this.cellStyleKey(t, e.key), s = this.getRowObjectEffective(t), o = this.resolveRowConditionalStyle(t), l = (u, g) => g ? u ? { ...u, ...g } : { ...g } : u;
-    let a = null, c = null, d = !1;
-    if (a = l(a, o.delta), o.diagnostic && (c = o.diagnostic), d = d || o.forceErrorText, e.conditionalStyle && s) {
+    let a = null, c = null, h = !1;
+    if (a = l(a, o.delta), o.diagnostic && (c = o.diagnostic), h = h || o.forceErrorText, e.conditionalStyle && s) {
       const u = `${t}::${String(e.key)}::col`, g = this.conditionalCache.get(u);
       if (g && g.version === i && g.fnRef === e.conditionalStyle)
-        a = l(a, g.delta), g.diagnostic && (c === null || c.level !== "error") && (c = g.diagnostic), d = d || g.forceErrorText;
+        a = l(a, g.delta), g.diagnostic && (c === null || c.level !== "error") && (c = g.diagnostic), h = h || g.forceErrorText;
       else {
         const m = this.evalConditionalStyleFn(e.conditionalStyle, s);
-        this.conditionalCache.set(u, { version: i, fnRef: e.conditionalStyle, ...m }), a = l(a, m.delta), m.diagnostic && (c === null || c.level !== "error") && (c = m.diagnostic), d = d || m.forceErrorText;
+        this.conditionalCache.set(u, { version: i, fnRef: e.conditionalStyle, ...m }), a = l(a, m.delta), m.diagnostic && (c === null || c.level !== "error") && (c = m.diagnostic), h = h || m.forceErrorText;
       }
     }
-    const h = this.cellConditionalStyles.get(n);
-    if (h && s) {
+    const d = this.cellConditionalStyles.get(n);
+    if (d && s) {
       const u = this.conditionalCache.get(n);
-      if (u && u.version === i && u.fnRef === h)
-        a = l(a, u.delta), u.diagnostic && (c === null || c.level !== "error") && (c = u.diagnostic), d = d || u.forceErrorText;
+      if (u && u.version === i && u.fnRef === d)
+        a = l(a, u.delta), u.diagnostic && (c === null || c.level !== "error") && (c = u.diagnostic), h = h || u.forceErrorText;
       else {
-        const g = this.evalConditionalStyleFn(h, s);
-        this.conditionalCache.set(n, { version: i, fnRef: h, ...g }), a = l(a, g.delta), g.diagnostic && (c === null || c.level !== "error") && (c = g.diagnostic), d = d || g.forceErrorText;
+        const g = this.evalConditionalStyleFn(d, s);
+        this.conditionalCache.set(n, { version: i, fnRef: d, ...g }), a = l(a, g.delta), g.diagnostic && (c === null || c.level !== "error") && (c = g.diagnostic), h = h || g.forceErrorText;
       }
     }
-    return c ? this.conditionalDiagnostics.set(n, c) : this.conditionalDiagnostics.delete(n), { delta: a, diagnostic: c, forceErrorText: d };
+    return c ? this.conditionalDiagnostics.set(n, c) : this.conditionalDiagnostics.delete(n), { delta: a, diagnostic: c, forceErrorText: h };
   }
   getValidationErrors() {
     const t = /* @__PURE__ */ new Map();
@@ -764,7 +764,7 @@ ${s}` : n : s;
   updateValidationForCell(t, e, i) {
     const n = this.schema.columns.find((l) => String(l.key) === String(e));
     if (!n) return;
-    const s = _e(i, n), o = this.cellStyleKey(t, e);
+    const s = Xe(i, n), o = this.cellStyleKey(t, e);
     s ? this.baseValidationErrors.set(o, { rowId: t, colKey: e, message: s }) : this.baseValidationErrors.delete(o);
   }
   recomputeValidationErrors() {
@@ -845,7 +845,7 @@ Rows: ${o}`
       e.displayIndex = t, t += 1;
   }
 }
-function Be(r, t) {
+function Ge(r, t) {
   const e = r.getSchema(), i = r.listRows(), n = (o, l) => {
     if (!Number.isInteger(o) || !Number.isInteger(l) || o < 0 || o >= i.length || l < 0 || l >= e.columns.length) return null;
     const a = i[o], c = e.columns[l];
@@ -853,7 +853,7 @@ function Be(r, t) {
   }, s = (o, l) => {
     const a = r.getRowIndex(o);
     if (a < 0) return null;
-    const c = e.columns.findIndex((d) => d.key === l);
+    const c = e.columns.findIndex((h) => h.key === l);
     return c < 0 ? null : { rowId: o, colKey: l, rowIndex: a, colIndex: c };
   };
   if ("rowId" in t && "colKey" in t)
@@ -870,7 +870,7 @@ function Be(r, t) {
   }
   return null;
 }
-class Pe {
+class Ye {
   constructor(t, e, i) {
     this.lockedRows = /* @__PURE__ */ new Set(), this.mode = "none", this.mode = t, this.server = e, this.user = i;
   }
@@ -911,36 +911,36 @@ class Pe {
     return new Set(this.lockedRows);
   }
 }
-const Dt = 864e5;
-function Zt(r) {
-  const t = Ft(r);
+const Kt = 864e5;
+function se(r) {
+  const t = Pt(r);
   return t ? Number.isNaN(t.getTime()) ? null : t : null;
 }
-function Oe(r) {
+function Qe(r) {
   const t = /* @__PURE__ */ new Date(`1970-01-01T${r}`);
   return Number.isNaN(t.getTime()) ? null : t;
 }
-function $e(r, t, e) {
+function Je(r, t, e) {
   if (t == null || e.type === "string") return null;
   if (e.type === "boolean") return String(!!t);
   if (e.type === "number" && typeof t == "number") return String(t);
   if (e.type === "datetime") {
-    const i = t instanceof Date ? t : Zt(String(t));
+    const i = t instanceof Date ? t : se(String(t));
     return i ? String(i.getTime()) : null;
   }
   if (e.type === "date") {
-    const i = t instanceof Date ? t : Zt(String(t));
+    const i = t instanceof Date ? t : se(String(t));
     if (!i) return null;
-    const n = Math.floor(i.getTime() / Dt) * Dt;
+    const n = Math.floor(i.getTime() / Kt) * Kt;
     return String(n);
   }
   if (e.type === "time") {
-    const i = t instanceof Date ? t : Oe(String(t));
-    return i ? String(i.getTime() % Dt) : null;
+    const i = t instanceof Date ? t : Qe(String(t));
+    return i ? String(i.getTime() % Kt) : null;
   }
   return null;
 }
-const dt = 24, ot = 48, ht = 24;
+const dt = 24, st = 48, ht = 24;
 function G(r, t, e = 100) {
   const i = {
     // Reserve extra space for browser UI affordances (e.g. date picker icon) and formatting.
@@ -951,7 +951,7 @@ function G(r, t, e = 100) {
     return s + o;
   });
 }
-const xt = (r) => r.trim().normalize("NFKC").toLowerCase().replace(/\s+/g, " "), je = (r) => {
+const xt = (r) => r.trim().normalize("NFKC").toLowerCase().replace(/\s+/g, " "), Ze = (r) => {
   const t = [];
   if (r)
     for (const e of r) {
@@ -959,7 +959,7 @@ const xt = (r) => r.trim().normalize("NFKC").toLowerCase().replace(/\s+/g, " "),
       !i || t.includes(i) || t.push(i);
     }
   return t.length === 0 ? t.push("en") : t.includes("en") || t.push("en"), t;
-}, We = (r, t) => {
+}, ti = (r, t) => {
   const e = r.items.indexOf(t);
   if (e !== -1)
     return e;
@@ -970,7 +970,7 @@ const xt = (r) => r.trim().normalize("NFKC").toLowerCase().replace(/\s+/g, " "),
     return null;
   const n = r.items.indexOf(i);
   return n === -1 ? null : n;
-}, qe = (r, t) => {
+}, ei = (r, t) => {
   const e = xt(t);
   if (xt(r.id).includes(e))
     return !0;
@@ -980,7 +980,7 @@ const xt = (r) => r.trim().normalize("NFKC").toLowerCase().replace(/\s+/g, " "),
   return r.aliases ? Object.keys(r.aliases).some(
     (i) => xt(i).includes(e)
   ) : !1;
-}, Ue = (r, t) => {
+}, ii = (r, t) => {
   if (r.langs.length === 0)
     return 0;
   let e = Number.POSITIVE_INFINITY;
@@ -989,10 +989,10 @@ const xt = (r) => r.trim().normalize("NFKC").toLowerCase().replace(/\s+/g, " "),
     n !== -1 && n < e && (e = n);
   }
   return e;
-}, Xe = (r, t) => !r.langs || r.langs.length === 0 ? !0 : r.langs.some((e) => t.includes(e));
-class ze {
+}, ni = (r, t) => !r.langs || r.langs.length === 0 ? !0 : r.langs.some((e) => t.includes(e));
+class si {
   constructor(t) {
-    this.lists = [], this.matchers = [], this.langs = je(t?.langs);
+    this.lists = [], this.matchers = [], this.langs = Ze(t?.langs);
   }
   register(t) {
     const e = this.lists.findIndex((i) => i.id === t.id);
@@ -1012,7 +1012,7 @@ class ze {
       e = e.filter((s) => n.has(s.id));
     }
     const i = t?.queryText;
-    return i && (e = e.filter((n) => qe(n, i))), e;
+    return i && (e = e.filter((n) => ei(n, i))), e;
   }
   match(t, e) {
     if (t.length === 0)
@@ -1020,7 +1020,7 @@ class ze {
     let i = null, n = Number.NEGATIVE_INFINITY;
     const s = e?.enabledIds ? new Set(e.enabledIds) : null;
     for (const l of this.matchers) {
-      if (s && !s.has(l.id) || !Xe(l, this.langs))
+      if (s && !s.has(l.id) || !ni(l, this.langs))
         continue;
       const a = l.match(t);
       if (!a)
@@ -1033,29 +1033,29 @@ class ze {
         state: a.state
       });
     }
-    const o = this.list(e).map((l) => ({ list: l, rank: Ue(l, this.langs) })).filter((l) => Number.isFinite(l.rank)).sort((l, a) => l.rank - a.rank);
+    const o = this.list(e).map((l) => ({ list: l, rank: ii(l, this.langs) })).filter((l) => Number.isFinite(l.rank)).sort((l, a) => l.rank - a.rank);
     for (const { list: l, rank: a } of o) {
       const c = [];
-      let d = !1;
+      let h = !1;
       for (const g of t) {
-        const m = We(l, g);
+        const m = ti(l, g);
         if (m === null) {
-          d = !0;
+          h = !0;
           break;
         }
         c.push(m);
       }
-      if (d)
+      if (h)
         continue;
-      const h = this.inferStep(l, c);
-      if (h === null)
+      const d = this.inferStep(l, c);
+      if (d === null)
         continue;
       const u = 10 - a;
       u > n && (n = u, i = {
         kind: "list",
         list: l,
         startIndex: c[c.length - 1] ?? 0,
-        step: h
+        step: d
       });
     }
     return i;
@@ -1086,12 +1086,12 @@ class ze {
     return s >= e ? null : s;
   }
 }
-const Ge = {
+const oi = {
   id: "weekdays-en-long",
   mode: "cycle",
   langs: ["en"],
   items: ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"]
-}, Ye = {
+}, ri = {
   id: "weekdays-en-short",
   mode: "cycle",
   langs: ["en"],
@@ -1101,22 +1101,22 @@ const Ge = {
     Thur: "Thu",
     Thurs: "Thu"
   }
-}, Qe = {
+}, li = {
   id: "weekdays-ja-long",
   mode: "cycle",
   langs: ["ja"],
   items: ["月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日", "日曜日"]
-}, Je = {
+}, ai = {
   id: "weekdays-ja-short",
   mode: "cycle",
   langs: ["ja"],
   items: ["月曜", "火曜", "水曜", "木曜", "金曜", "土曜", "日曜"]
-}, Ze = {
+}, ci = {
   id: "weekdays-ja-single",
   mode: "cycle",
   langs: ["ja"],
   items: ["月", "火", "水", "木", "金", "土", "日"]
-}, ti = {
+}, di = {
   id: "months-en-long",
   mode: "cycle",
   langs: ["en"],
@@ -1134,7 +1134,7 @@ const Ge = {
     "November",
     "December"
   ]
-}, ei = {
+}, hi = {
   id: "months-en-short",
   mode: "cycle",
   langs: ["en"],
@@ -1142,32 +1142,32 @@ const Ge = {
   aliases: {
     Sept: "Sep"
   }
-}, ii = {
+}, ui = {
   id: "months-ja",
   mode: "cycle",
   langs: ["ja"],
   items: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"]
-}, ni = {
+}, fi = {
   id: "months-ja-traditional",
   mode: "cycle",
   langs: ["ja"],
   items: ["睦月", "如月", "弥生", "卯月", "皐月", "水無月", "文月", "葉月", "長月", "神無月", "霜月", "師走"]
-}, si = {
+}, gi = {
   id: "quarters-en",
   mode: "cycle",
   langs: ["en"],
   items: ["Q1", "Q2", "Q3", "Q4"]
-}, oi = {
+}, mi = {
   id: "quarters-ja",
   mode: "cycle",
   langs: ["ja"],
   items: ["第1四半期", "第2四半期", "第3四半期", "第4四半期"]
-}, ri = {
+}, pi = {
   id: "zodiac-animals-ja",
   mode: "cycle",
   langs: ["ja"],
   items: ["子", "丑", "寅", "卯", "辰", "巳", "午", "未", "申", "酉", "戌", "亥"]
-}, li = {
+}, yi = {
   id: "zodiac-signs-en",
   mode: "cycle",
   langs: ["en"],
@@ -1185,7 +1185,7 @@ const Ge = {
     "Aquarius",
     "Pisces"
   ]
-}, ai = {
+}, wi = {
   id: "zodiac-signs-ja",
   mode: "cycle",
   langs: ["ja"],
@@ -1193,7 +1193,7 @@ const Ge = {
   aliases: {
     さそり座: "蠍座"
   }
-}, ci = {
+}, vi = {
   id: "directions-16-en",
   mode: "cycle",
   langs: ["en"],
@@ -1215,7 +1215,7 @@ const Ge = {
     "Northwest",
     "North-Northwest"
   ]
-}, di = {
+}, Ci = {
   id: "directions-16-ja",
   mode: "cycle",
   langs: ["ja"],
@@ -1237,7 +1237,7 @@ const Ge = {
     "北西",
     "北北西"
   ]
-}, hi = {
+}, Si = {
   id: "ampm-en",
   mode: "cycle",
   langs: ["en"],
@@ -1246,12 +1246,12 @@ const Ge = {
     "A.M.": "AM",
     "P.M.": "PM"
   }
-}, ui = {
+}, xi = {
   id: "ampm-ja",
   mode: "cycle",
   langs: ["ja"],
   items: ["午前", "午後"]
-}, fi = {
+}, bi = {
   id: "seasons-en",
   mode: "cycle",
   langs: ["en"],
@@ -1259,17 +1259,17 @@ const Ge = {
   aliases: {
     Fall: "Autumn"
   }
-}, gi = {
+}, Mi = {
   id: "seasons-ja",
   mode: "cycle",
   langs: ["ja"],
   items: ["春", "夏", "秋", "冬"]
-}, mi = {
+}, Ri = {
   id: "solfege-ja",
   mode: "cycle",
   langs: ["ja"],
   items: ["ド", "レ", "ミ", "ファ", "ソ", "ラ", "シ"]
-}, pi = {
+}, ki = {
   id: "solfege-en",
   mode: "cycle",
   langs: ["en"],
@@ -1278,7 +1278,7 @@ const Ge = {
     So: "Sol",
     Si: "Ti"
   }
-}, yi = {
+}, Ii = {
   id: "greek-letters-en",
   mode: "cycle",
   langs: ["en"],
@@ -1308,7 +1308,7 @@ const Ge = {
     "Psi",
     "Omega"
   ]
-}, wi = {
+}, Ei = {
   id: "greek-letters-ja",
   mode: "cycle",
   langs: ["ja"],
@@ -1338,7 +1338,7 @@ const Ge = {
     "プサイ",
     "オメガ"
   ]
-}, Ci = {
+}, Ti = {
   id: "greek-letters-symbols",
   mode: "cycle",
   langs: ["en", "ja"],
@@ -1371,37 +1371,37 @@ const Ge = {
   aliases: {
     ς: "σ"
   }
-}, vi = {
+}, Ai = {
   id: "rokuyo-ja",
   mode: "cycle",
   langs: ["ja"],
   items: ["先勝", "友引", "先負", "仏滅", "大安", "赤口"]
-}, Si = {
+}, Hi = {
   id: "heavenly-stems-ja",
   mode: "finite",
   langs: ["ja"],
   items: ["甲", "乙", "丙", "丁", "戊", "己", "庚", "辛", "壬", "癸"]
-}, xi = {
+}, Di = {
   id: "planets-en",
   mode: "finite",
   langs: ["en"],
   items: ["Mercury", "Venus", "Earth", "Mars", "Jupiter", "Saturn", "Uranus", "Neptune"]
-}, bi = {
+}, Ki = {
   id: "planets-ja",
   mode: "finite",
   langs: ["ja"],
   items: ["水星", "金星", "地球", "火星", "木星", "土星", "天王星", "海王星"]
-}, Ri = {
+}, Li = {
   id: "kuji-in-ja",
   mode: "finite",
   langs: ["ja"],
   items: ["臨", "兵", "闘", "者", "皆", "陣", "烈", "在", "前"]
-}, Mi = {
+}, Vi = {
   id: "eight-virtues-ja",
   mode: "finite",
   langs: ["ja"],
   items: ["仁", "義", "礼", "智", "忠", "信", "孝", "悌"]
-}, ki = {
+}, Fi = {
   id: "element-symbols",
   mode: "finite",
   langs: ["ja", "en"],
@@ -1525,7 +1525,7 @@ const Ge = {
     "Ts",
     "Og"
   ]
-}, Ii = {
+}, _i = {
   id: "element-names-ja",
   mode: "finite",
   langs: ["ja"],
@@ -1649,7 +1649,7 @@ const Ge = {
     "テネシン",
     "オガネソン"
   ]
-}, Ei = {
+}, Ni = {
   id: "shoguns-kamakura-ja",
   mode: "finite",
   langs: ["ja"],
@@ -1664,7 +1664,7 @@ const Ge = {
     "久明親王",
     "守邦親王"
   ]
-}, Ti = {
+}, Bi = {
   id: "shoguns-ashikaga-ja",
   mode: "finite",
   langs: ["ja"],
@@ -1685,7 +1685,7 @@ const Ge = {
     "足利義栄",
     "足利義昭"
   ]
-}, Ai = {
+}, Pi = {
   id: "shoguns-ashikaga-given-ja",
   mode: "finite",
   langs: ["ja"],
@@ -1706,7 +1706,7 @@ const Ge = {
     "義栄",
     "義昭"
   ]
-}, Hi = {
+}, $i = {
   id: "shoguns-tokugawa-ja",
   mode: "finite",
   langs: ["ja"],
@@ -1727,7 +1727,7 @@ const Ge = {
     "徳川家茂",
     "徳川慶喜"
   ]
-}, Di = {
+}, Oi = {
   id: "shoguns-tokugawa-given-ja",
   mode: "finite",
   langs: ["ja"],
@@ -1748,7 +1748,7 @@ const Ge = {
     "家茂",
     "慶喜"
   ]
-}, ae = [
+}, ge = [
   "北海道",
   "青森県",
   "岩手県",
@@ -1796,7 +1796,7 @@ const Ge = {
   "宮崎県",
   "鹿児島県",
   "沖縄県"
-], Ki = ae.reduce(
+], ji = ge.reduce(
   (r, t) => {
     if (t === "北海道")
       return r;
@@ -1807,13 +1807,13 @@ const Ge = {
     return r;
   },
   {}
-), Li = {
+), Wi = {
   id: "prefectures-ja",
   mode: "finite",
   langs: ["ja"],
-  items: ae,
-  aliases: Ki
-}, Vi = {
+  items: ge,
+  aliases: ji
+}, qi = {
   id: "us-states-en",
   mode: "finite",
   langs: ["en"],
@@ -1869,7 +1869,7 @@ const Ge = {
     "Wisconsin",
     "Wyoming"
   ]
-}, Fi = {
+}, Ui = {
   id: "us-states-abbrev-en",
   mode: "finite",
   langs: ["en"],
@@ -1925,7 +1925,7 @@ const Ge = {
     "WI",
     "WY"
   ]
-}, _i = {
+}, Xi = {
   id: "windows-versions",
   mode: "finite",
   langs: ["ja", "en"],
@@ -1948,7 +1948,7 @@ const Ge = {
     "Windows 10",
     "Windows 11"
   ]
-}, Ni = {
+}, zi = {
   id: "macos-versions",
   mode: "finite",
   langs: ["ja", "en"],
@@ -1976,7 +1976,7 @@ const Ge = {
     "Sequoia",
     "Tahoe"
   ]
-}, Bi = {
+}, Gi = {
   id: "debian-codenames",
   mode: "finite",
   langs: ["ja", "en"],
@@ -2000,17 +2000,7 @@ const Ge = {
     "bookworm",
     "trixie"
   ]
-}, Pi = [
-  Ge,
-  Ye,
-  Qe,
-  Je,
-  Ze,
-  ti,
-  ei,
-  ii,
-  ni,
-  si,
+}, Yi = [
   oi,
   ri,
   li,
@@ -2025,13 +2015,13 @@ const Ge = {
   pi,
   yi,
   wi,
-  Ci,
   vi,
+  Ci,
   Si,
   xi,
   bi,
-  Ri,
   Mi,
+  Ri,
   ki,
   Ii,
   Ei,
@@ -2039,53 +2029,137 @@ const Ge = {
   Ai,
   Hi,
   Di,
+  Ki,
   Li,
   Vi,
   Fi,
   _i,
   Ni,
-  Bi
-], ce = (r) => {
+  Bi,
+  Pi,
+  $i,
+  Oi,
+  Wi,
+  qi,
+  Ui,
+  Xi,
+  zi,
+  Gi
+], It = (r) => {
   const t = r % 100;
   if (t >= 11 && t <= 13) return "th";
   const e = r % 10;
   return e === 1 ? "st" : e === 2 ? "nd" : e === 3 ? "rd" : "th";
-}, te = (r) => {
-  const t = /^(\d+)(st|nd|rd|th)$/.exec(r);
+}, Vt = {
+  1: "first",
+  2: "second",
+  3: "third",
+  4: "fourth",
+  5: "fifth",
+  6: "sixth",
+  7: "seventh",
+  8: "eighth",
+  9: "ninth",
+  10: "tenth",
+  11: "eleventh",
+  12: "twelfth",
+  13: "thirteenth",
+  14: "fourteenth",
+  15: "fifteenth",
+  16: "sixteenth",
+  17: "seventeenth",
+  18: "eighteenth",
+  19: "nineteenth"
+}, Ft = {
+  20: "twentieth",
+  30: "thirtieth",
+  40: "fortieth",
+  50: "fiftieth",
+  60: "sixtieth",
+  70: "seventieth",
+  80: "eightieth",
+  90: "ninetieth"
+}, me = {
+  20: "twenty",
+  30: "thirty",
+  40: "forty",
+  50: "fifty",
+  60: "sixty",
+  70: "seventy",
+  80: "eighty",
+  90: "ninety"
+}, oe = Object.fromEntries(
+  Object.entries(Vt).map(([r, t]) => [t, Number(r)])
+), Qi = Object.fromEntries(
+  Object.entries(Ft).map(([r, t]) => [t, Number(r)])
+), Ji = Object.fromEntries(
+  Object.entries(me).map(([r, t]) => [t, Number(r)])
+), pe = (r) => {
+  const t = r.trim().toLowerCase();
   if (!t) return null;
-  const e = Number(t[1]);
-  if (!Number.isFinite(e) || e <= 0) return null;
-  const i = t[2];
-  return ce(e) !== i ? null : e;
-}, Oi = {
+  const e = oe[t] ?? Qi[t];
+  if (e) return e;
+  const i = t.split(/[-\s]+/);
+  if (i.length !== 2) return null;
+  const n = Ji[i[0] ?? ""], s = oe[i[1] ?? ""];
+  return !n || !s ? null : n + s;
+}, ye = (r) => {
+  if (!Number.isFinite(r) || r <= 0 || Math.floor(r) !== r) return null;
+  if (r <= 19) return Vt[r] ?? null;
+  if (r < 100) {
+    if (Ft[r]) return Ft[r] ?? null;
+    const t = Math.floor(r / 10) * 10, e = r % 10, i = me[t], n = Vt[e];
+    return !i || !n ? null : `${i}-${n}`;
+  }
+  return null;
+}, re = (r) => {
+  const t = /^(\d+)(st|nd|rd|th)$/i.exec(r);
+  if (t) {
+    const i = Number(t[1]);
+    if (!Number.isFinite(i) || i <= 0) return null;
+    const n = t[2]?.toLowerCase();
+    return It(i) !== n ? null : { value: i, format: "numeric" };
+  }
+  const e = pe(r);
+  return e !== null ? { value: e, format: "word" } : null;
+}, Zi = {
   id: "ordinal-en",
   langs: ["en"],
   match(r) {
     if (r.length < 2) return null;
-    const t = r.map((n) => te(n));
-    if (t.some((n) => n === null)) return null;
-    const e = t, i = e[1] - e[0];
-    for (let n = 2; n < e.length; n += 1)
-      if (e[n] - e[n - 1] !== i) return null;
-    return { score: 80, step: i };
+    const t = r.map((s) => re(s));
+    if (t.some((s) => s === null)) return null;
+    const e = t[0].format;
+    if (t.some((s) => s?.format !== e)) return null;
+    const i = t.map((s) => s.value), n = i[1] - i[0];
+    for (let s = 2; s < i.length; s += 1)
+      if (i[s] - i[s - 1] !== n) return null;
+    return { score: 80, step: n, state: { format: e } };
   },
   createIterator(r, t) {
-    let e = te(r[r.length - 1] ?? "") ?? 0;
+    const e = re(r[r.length - 1] ?? ""), i = t.state?.format ?? "numeric";
+    let n = e?.value ?? 0;
     return {
       next() {
-        return e += t.step, e <= 0 || !Number.isFinite(e) ? { value: void 0, done: !0 } : { value: `${e}${ce(e)}`, done: !1 };
+        if (n += t.step, n <= 0 || !Number.isFinite(n))
+          return { value: void 0, done: !0 };
+        if (i === "word") {
+          const s = ye(n);
+          return s ? { value: s, done: !1 } : { value: void 0, done: !0 };
+        }
+        return { value: `${n}${It(n)}`, done: !1 };
       }
     };
   }
-}, $i = (r) => {
-  for (const t of Pi)
+}, tn = (r) => {
+  for (const t of Yi)
     r.register(t);
-}, ji = (r) => {
-  r.registerMatch(Oi);
-}, de = (r) => {
-  const t = r ?? ["en", "ja"], e = new ze({ langs: t });
-  return $i(e), ji(e), e;
-}, Wi = (r) => {
+}, en = (r) => {
+  r.registerMatch(Zi);
+}, we = (r) => {
+  const t = r ?? ["en", "ja"], e = new si({ langs: t });
+  return tn(e), en(e), e;
+}, nn = (r) => {
   let t = 0;
   return {
     next() {
@@ -2099,7 +2173,7 @@ const Ge = {
 class X {
   constructor(...t) {
     const e = t;
-    this.seed = e, this.kind = e.length === 1 ? "copy" : "seed-repeat", this.iterator = Wi(e);
+    this.seed = e, this.kind = e.length === 1 ? "copy" : "seed-repeat", this.iterator = nn(e);
   }
   static fromSeed(t, e, i) {
     const n = new X(...t);
@@ -2112,11 +2186,11 @@ class X {
     return this;
   }
 }
-const he = 1e-9, qi = 100, Ui = (r) => ({
+const ve = 1e-9, sn = 100, on = (r) => ({
   next() {
     return { value: r, done: !1 };
   }
-}), ee = (r) => {
+}), le = (r) => {
   let t = 0;
   return {
     next() {
@@ -2126,28 +2200,28 @@ const he = 1e-9, qi = 100, Ui = (r) => ({
       return t += 1, { value: e, done: !1 };
     }
   };
-}, Xi = (r, t) => {
+}, rn = (r, t) => {
   let e = 0;
   return {
     next() {
       return e += 1, { value: r + t * e, done: !1 };
     }
   };
-}, zi = (r, t) => {
+}, ln = (r, t) => {
   let e = 0;
   return {
     next() {
       return e += 1, { value: new Date(r.getTime() + t * e), done: !1 };
     }
   };
-}, Gi = (r, t) => {
+}, an = (r, t) => {
   let e = 0;
   return {
     next() {
       return e += 1, { value: r * t ** e, done: !1 };
     }
   };
-}, Yi = (r, t) => {
+}, cn = (r, t) => {
   if (r.kind === "matcher")
     return r.matcher.createIterator(t, { step: r.step, state: r.state });
   const { list: e, startIndex: i, step: n } = r, s = e.items.length;
@@ -2161,7 +2235,7 @@ const he = 1e-9, qi = 100, Ui = (r) => ({
       return o = (o + n) % s, { value: e.items[o], done: !1 };
     }
   };
-}, Qi = (r) => r.every((t) => typeof t == "number" && Number.isFinite(t)), Ji = (r) => r.every((t) => t instanceof Date && !Number.isNaN(t.getTime())), Zi = (r) => r.every((t) => typeof t == "string"), tn = (r) => {
+}, dn = (r) => r.every((t) => typeof t == "number" && Number.isFinite(t)), hn = (r) => r.every((t) => t instanceof Date && !Number.isNaN(t.getTime())), un = (r) => r.every((t) => typeof t == "string"), fn = (r) => {
   const t = /^(.*?)(-?\d+)([^0-9]*)$/.exec(r);
   if (!t)
     return null;
@@ -2170,7 +2244,47 @@ const he = 1e-9, qi = 100, Ui = (r) => ({
     return null;
   const o = i.replace("-", "").length;
   return { prefix: e, num: s, width: o, suffix: n };
-}, en = (r, t, e) => {
+}, gn = (r) => {
+  const t = /^(.*?)(\d+)(st|nd|rd|th)([^0-9]*)$/i.exec(r);
+  if (t) {
+    const n = Number(t[2]);
+    if (!Number.isFinite(n) || n <= 0) return null;
+    const s = t[3]?.toLowerCase();
+    return It(n) !== s ? null : {
+      prefix: t[1] ?? "",
+      num: n,
+      suffix: t[4] ?? "",
+      format: "numeric"
+    };
+  }
+  const e = /^(.*?)([A-Za-z-]+)([^A-Za-z]*)$/.exec(r);
+  if (!e) return null;
+  const i = pe(e[2] ?? "");
+  return i === null ? null : {
+    prefix: e[1] ?? "",
+    num: i,
+    suffix: e[3] ?? "",
+    format: "word"
+  };
+}, mn = (r, t, e) => {
+  let i = 0;
+  return {
+    next() {
+      i += 1;
+      const n = t + e * i;
+      if (n <= 0 || !Number.isFinite(n))
+        return { value: void 0, done: !0 };
+      if (r.format === "word") {
+        const s = ye(n);
+        return s ? { value: `${r.prefix}${s}${r.suffix}`, done: !1 } : { value: void 0, done: !0 };
+      }
+      return {
+        value: `${r.prefix}${n}${It(n)}${r.suffix}`,
+        done: !1
+      };
+    }
+  };
+}, pn = (r, t, e) => {
   let i = 0;
   return {
     next() {
@@ -2179,7 +2293,7 @@ const he = 1e-9, qi = 100, Ui = (r) => ({
       return { value: `${r.prefix}${s}${o}${r.suffix}`, done: !1 };
     }
   };
-}, ue = [
+}, Ce = [
   ["C", 100],
   ["XC", 90],
   ["L", 50],
@@ -2189,39 +2303,39 @@ const he = 1e-9, qi = 100, Ui = (r) => ({
   ["V", 5],
   ["IV", 4],
   ["I", 1]
-], _t = (r) => {
-  if (r < 1 || r > qi)
+], $t = (r) => {
+  if (r < 1 || r > sn)
     return null;
   let t = r, e = "";
-  for (const [i, n] of ue)
+  for (const [i, n] of Ce)
     for (; t >= n; )
       e += i, t -= n;
   return e;
-}, fe = (r) => {
+}, Se = (r) => {
   if (r.length === 0 || r !== r.toUpperCase())
     return null;
   let t = r, e = 0;
-  for (const [n, s] of ue)
+  for (const [n, s] of Ce)
     for (; t.startsWith(n); )
       e += s, t = t.slice(n.length);
   if (t.length > 0)
     return null;
-  const i = _t(e);
+  const i = $t(e);
   return !i || i !== r ? null : e;
-}, nn = (r, t) => {
+}, yn = (r, t) => {
   let e = 0;
   return {
     next() {
       e += 1;
-      const i = r + t * e, n = _t(i);
+      const i = r + t * e, n = $t(i);
       return n ? { value: n, done: !1 } : { value: void 0, done: !0 };
     }
   };
-}, sn = (r) => new RegExp("\\p{White_Space}", "u").test(r) ? "space" : new RegExp("\\p{P}", "u").test(r) ? "punct" : new RegExp("\\p{S}", "u").test(r) ? "symbol" : new RegExp("\\p{Script=Latin}", "u").test(r) ? "latin" : new RegExp("\\p{Script=Han}", "u").test(r) ? "han" : new RegExp("\\p{Script=Hiragana}", "u").test(r) ? "hiragana" : new RegExp("\\p{Script=Katakana}", "u").test(r) ? "katakana" : new RegExp("\\p{N}", "u").test(r) ? "number" : "other", on = (r) => {
+}, wn = (r) => new RegExp("\\p{White_Space}", "u").test(r) ? "space" : new RegExp("\\p{P}", "u").test(r) ? "punct" : new RegExp("\\p{S}", "u").test(r) ? "symbol" : new RegExp("\\p{Script=Latin}", "u").test(r) ? "latin" : new RegExp("\\p{Script=Han}", "u").test(r) ? "han" : new RegExp("\\p{Script=Hiragana}", "u").test(r) ? "hiragana" : new RegExp("\\p{Script=Katakana}", "u").test(r) ? "katakana" : new RegExp("\\p{N}", "u").test(r) ? "number" : "other", vn = (r) => {
   const t = [];
   let e = "", i = null;
   for (const n of r) {
-    const s = sn(n);
+    const s = wn(n);
     if (i === s) {
       e += n;
       continue;
@@ -2229,22 +2343,22 @@ const he = 1e-9, qi = 100, Ui = (r) => ({
     i !== null && t.push({ value: e, group: i }), e = n, i = s;
   }
   return i !== null && t.push({ value: e, group: i }), t;
-}, rn = (r) => {
-  const t = on(r), e = t.map((l, a) => ({ index: a, num: fe(l.value) })).filter((l) => l.num !== null);
+}, Cn = (r) => {
+  const t = vn(r), e = t.map((l, a) => ({ index: a, num: Se(l.value) })).filter((l) => l.num !== null);
   if (e.length !== 1)
     return null;
   const i = e[0].index, n = e[0].num, s = t.slice(0, i).map((l) => l.value).join(""), o = t.slice(i + 1).map((l) => l.value).join("");
   return { prefix: s, num: n, suffix: o };
-}, ln = (r, t, e) => {
+}, Sn = (r, t, e) => {
   let i = 0;
   return {
     next() {
       i += 1;
-      const n = t + e * i, s = _t(n);
+      const n = t + e * i, s = $t(n);
       return s ? { value: `${r.prefix}${s}${r.suffix}`, done: !1 } : { value: void 0, done: !0 };
     }
   };
-}, Lt = {
+}, _t = {
   一: 1,
   二: 2,
   三: 3,
@@ -2254,7 +2368,7 @@ const he = 1e-9, qi = 100, Ui = (r) => ({
   七: 7,
   八: 8,
   九: 9
-}, Vt = {
+}, Nt = {
   壱: 1,
   弐: 2,
   参: 3,
@@ -2264,42 +2378,42 @@ const he = 1e-9, qi = 100, Ui = (r) => ({
   柒: 7,
   捌: 8,
   玖: 9
-}, ge = {
+}, xe = {
   十: 10,
   拾: 10,
   百: 100,
   佰: 100,
   千: 1e3,
   仟: 1e3
-}, an = {
+}, xn = {
   万: 1e4,
   萬: 1e4
-}, cn = /* @__PURE__ */ new Set([
-  ...Object.keys(Lt),
-  ...Object.keys(Vt),
-  ...Object.keys(ge),
-  ...Object.keys(an)
-]), dn = (r) => cn.has(r), hn = (r) => /[壱弐参肆伍陸柒捌玖拾萬佰仟]/.test(r) ? "traditional" : "modern", me = (r) => {
+}, bn = /* @__PURE__ */ new Set([
+  ...Object.keys(_t),
+  ...Object.keys(Nt),
+  ...Object.keys(xe),
+  ...Object.keys(xn)
+]), Mn = (r) => bn.has(r), Rn = (r) => /[壱弐参肆伍陸柒捌玖拾萬佰仟]/.test(r) ? "traditional" : "modern", be = (r) => {
   if (!r)
     return null;
-  const t = hn(r);
+  const t = Rn(r);
   if (r.includes("万") || r.includes("萬")) {
     const o = /^([一二三四五六七八九壱弐参肆伍陸柒捌玖])?(万|萬)$/.exec(r);
     if (!o)
       return null;
     const l = o[1];
-    return l ? (Lt[l] ?? Vt[l]) !== 1 ? null : { num: 1e4, style: t } : { num: 1e4, style: t };
+    return l ? (_t[l] ?? Nt[l]) !== 1 ? null : { num: 1e4, style: t } : { num: 1e4, style: t };
   }
   let e = 0, i = 0, n = Number.POSITIVE_INFINITY, s = !1;
   for (const o of r) {
-    const l = Lt[o] ?? Vt[o];
+    const l = _t[o] ?? Nt[o];
     if (l) {
       if (s)
         return null;
       i = l, s = !0;
       continue;
     }
-    const a = ge[o];
+    const a = xe[o];
     if (a) {
       if (a >= n)
         return null;
@@ -2309,13 +2423,13 @@ const he = 1e-9, qi = 100, Ui = (r) => ({
     return null;
   }
   return e += i, e <= 0 || e > 1e4 ? null : { num: e, style: t };
-}, un = (r) => {
+}, kn = (r) => {
   const t = [];
   let e = "", i = 0, n = 0;
   for (const c of r)
-    dn(c) ? (e || (i = n), e += c) : e && (t.push({ start: i, end: n, text: e }), e = ""), n += c.length;
+    Mn(c) ? (e || (i = n), e += c) : e && (t.push({ start: i, end: n, text: e }), e = ""), n += c.length;
   e && t.push({ start: i, end: n, text: e });
-  const s = t.map((c) => ({ run: c, parsed: me(c.text) })).filter((c) => c.parsed !== null);
+  const s = t.map((c) => ({ run: c, parsed: be(c.text) })).filter((c) => c.parsed !== null);
   if (s.length !== 1)
     return null;
   const o = s[0], l = r.slice(0, o.run.start), a = r.slice(o.run.end);
@@ -2325,7 +2439,7 @@ const he = 1e-9, qi = 100, Ui = (r) => ({
     suffix: a,
     style: o.parsed.style
   };
-}, pe = (r, t) => {
+}, Me = (r, t) => {
   if (!Number.isFinite(r) || r <= 0 || r > 1e4)
     return null;
   const e = t === "traditional" ? ["", "壱", "弐", "参", "肆", "伍", "陸", "柒", "捌", "玖"] : ["", "一", "二", "三", "四", "五", "六", "七", "八", "九"], i = t === "traditional" ? "拾" : "十", n = t === "traditional" ? "萬" : "万";
@@ -2338,174 +2452,194 @@ const he = 1e-9, qi = 100, Ui = (r) => ({
   a > 0 && (a > 1 && (o += e[a]), o += "百", s %= 100);
   const c = Math.floor(s / 10);
   return c > 0 && (c > 1 && (o += e[c]), o += i, s %= 10), s > 0 && (o += e[s]), o || null;
-}, fn = (r, t, e) => {
+}, In = (r, t, e) => {
   let i = 0;
   return {
     next() {
       i += 1;
-      const n = r + t * i, s = pe(n, e);
+      const n = r + t * i, s = Me(n, e);
       return s ? { value: s, done: !1 } : { value: void 0, done: !0 };
     }
   };
-}, gn = (r, t, e) => {
+}, En = (r, t, e) => {
   let i = 0;
   return {
     next() {
       i += 1;
-      const n = t + e * i, s = pe(n, r.style);
+      const n = t + e * i, s = Me(n, r.style);
       return s ? { value: `${r.prefix}${s}${r.suffix}`, done: !1 } : { value: void 0, done: !0 };
     }
   };
-}, tt = (r) => {
+}, Q = (r) => {
   if (r.length < 2)
     return null;
   const t = r[1] - r[0];
   for (let e = 2; e < r.length; e += 1)
-    if (Math.abs(r[e] - r[e - 1] - t) > he)
+    if (Math.abs(r[e] - r[e - 1] - t) > ve)
       return null;
   return t;
-}, mn = (r) => {
+}, Tn = (r) => {
   if (r.length < 2 || r[0] === 0)
     return null;
   const t = r[1] / r[0];
   for (let e = 2; e < r.length; e += 1)
-    if (r[e - 1] === 0 || Math.abs(r[e] / r[e - 1] - t) > he)
+    if (r[e - 1] === 0 || Math.abs(r[e] / r[e - 1] - t) > ve)
       return null;
   return t;
-}, pn = (r) => {
-  const t = r.map((o) => tn(o));
-  if (t.every(Boolean)) {
-    const o = t[0], l = t[t.length - 1];
-    if (t.every(
-      (a) => a?.prefix === o.prefix && a?.suffix === o.suffix
+}, An = (r) => {
+  const t = r.map((l) => gn(l));
+  if (t.every((l) => l !== null)) {
+    const l = t, a = l[0];
+    if (l.every(
+      (c) => c.prefix === a.prefix && c.suffix === a.suffix && c.format === a.format
+    )) {
+      const c = l.map((d) => d.num), h = Q(c);
+      if (h !== null) {
+        const d = l[l.length - 1];
+        return {
+          kind: "arithmetic",
+          iterator: mn(
+            { prefix: a.prefix, suffix: a.suffix, format: a.format },
+            d.num,
+            h
+          )
+        };
+      }
+    }
+  }
+  const e = r.map((l) => fn(l));
+  if (e.every(Boolean)) {
+    const l = e[0], a = e[e.length - 1];
+    if (e.every(
+      (c) => c?.prefix === l.prefix && c?.suffix === l.suffix
     )) {
-      const a = t.map((d) => d?.num ?? 0), c = tt(a);
-      if (c !== null)
+      const c = e.map((d) => d?.num ?? 0), h = Q(c);
+      if (h !== null)
         return {
           kind: "arithmetic",
-          iterator: en(
-            { prefix: l.prefix, suffix: l.suffix, width: l.width },
-            l.num,
-            c
+          iterator: pn(
+            { prefix: a.prefix, suffix: a.suffix, width: a.width },
+            a.num,
+            h
           )
         };
     }
   }
-  const e = r.map((o) => fe(o));
-  if (e.every((o) => o !== null)) {
-    const o = e, l = tt(o);
-    if (l !== null) {
-      const a = o[o.length - 1];
+  const i = r.map((l) => Se(l));
+  if (i.every((l) => l !== null)) {
+    const l = i, a = Q(l);
+    if (a !== null) {
+      const c = l[l.length - 1];
       return {
         kind: "arithmetic",
-        iterator: nn(a, l)
+        iterator: yn(c, a)
       };
     }
   }
-  const i = r.map((o) => me(o));
-  if (i.every((o) => o !== null)) {
-    const o = i, l = o[0].style;
-    if (o.every((a) => a.style === l)) {
-      const a = o.map((d) => d.num), c = tt(a);
-      if (c !== null) {
-        const d = o[o.length - 1];
+  const n = r.map((l) => be(l));
+  if (n.every((l) => l !== null)) {
+    const l = n, a = l[0].style;
+    if (l.every((c) => c.style === a)) {
+      const c = l.map((d) => d.num), h = Q(c);
+      if (h !== null) {
+        const d = l[l.length - 1];
         return {
           kind: "arithmetic",
-          iterator: fn(d.num, c, d.style)
+          iterator: In(d.num, h, d.style)
         };
       }
     }
   }
-  const n = r.map((o) => rn(o));
-  if (n.every((o) => o !== null)) {
-    const o = n, l = o[0];
-    if (o.every(
-      (a) => a.prefix === l.prefix && a.suffix === l.suffix
+  const s = r.map((l) => Cn(l));
+  if (s.every((l) => l !== null)) {
+    const l = s, a = l[0];
+    if (l.every(
+      (c) => c.prefix === a.prefix && c.suffix === a.suffix
     )) {
-      const a = o.map((d) => d.num), c = tt(a);
-      if (c !== null) {
-        const d = a[a.length - 1];
+      const c = l.map((d) => d.num), h = Q(c);
+      if (h !== null) {
+        const d = c[c.length - 1];
         return {
           kind: "arithmetic",
-          iterator: ln(
-            { prefix: l.prefix, suffix: l.suffix },
+          iterator: Sn(
+            { prefix: a.prefix, suffix: a.suffix },
             d,
-            c
+            h
           )
         };
       }
     }
   }
-  const s = r.map((o) => un(o));
-  if (s.every((o) => o !== null)) {
-    const o = s, l = o[0];
-    if (o.every(
-      (a) => a.prefix === l.prefix && a.suffix === l.suffix && a.style === l.style
+  const o = r.map((l) => kn(l));
+  if (o.every((l) => l !== null)) {
+    const l = o, a = l[0];
+    if (l.every(
+      (c) => c.prefix === a.prefix && c.suffix === a.suffix && c.style === a.style
     )) {
-      const a = o.map((d) => d.num), c = tt(a);
-      if (c !== null) {
-        const d = o[o.length - 1];
+      const c = l.map((d) => d.num), h = Q(c);
+      if (h !== null) {
+        const d = l[l.length - 1];
         return {
           kind: "arithmetic",
-          iterator: gn(
-            { prefix: l.prefix, suffix: l.suffix, style: l.style },
+          iterator: En(
+            { prefix: a.prefix, suffix: a.suffix, style: a.style },
             d.num,
-            c
+            h
           )
         };
       }
     }
   }
   return null;
-}, yn = (r, t) => {
+}, Hn = (r, t) => {
   const e = t.match(r);
   return e ? {
     kind: "list",
-    iterator: Yi(e, r)
+    iterator: cn(e, r)
   } : null;
 };
-function Kt(r, t) {
-  const e = t?.registry ?? de();
+function Lt(r, t) {
+  const e = t?.registry ?? we();
   if (r.length === 0)
-    return X.fromSeed(r, "seed-repeat", ee(r));
+    return X.fromSeed(r, "seed-repeat", le(r));
   if (r.length === 1)
-    return X.fromSeed(r, "copy", Ui(r[0]));
-  if (Zi(r)) {
-    const i = yn(r, e);
+    return X.fromSeed(r, "copy", on(r[0]));
+  if (un(r)) {
+    const i = Hn(r, e);
     if (i)
       return X.fromSeed(r, i.kind, i.iterator);
-    const n = pn(r);
+    const n = An(r);
     if (n)
       return X.fromSeed(r, n.kind, n.iterator);
   }
-  if (Qi(r)) {
-    const i = tt(r);
+  if (dn(r)) {
+    const i = Q(r);
     if (i !== null)
       return X.fromSeed(
         r,
         "arithmetic",
-        Xi(r[r.length - 1], i)
+        rn(r[r.length - 1], i)
       );
-    const n = mn(r);
+    const n = Tn(r);
     if (n !== null)
       return X.fromSeed(
         r,
         "geometric",
-        Gi(r[r.length - 1], n)
+        an(r[r.length - 1], n)
       );
   }
-  if (Ji(r)) {
-    const i = r.map((s) => s.getTime()), n = tt(i);
+  if (hn(r)) {
+    const i = r.map((s) => s.getTime()), n = Q(i);
     if (n !== null)
       return X.fromSeed(
         r,
         "arithmetic",
-        zi(r[r.length - 1], n)
+        ln(r[r.length - 1], n)
       );
   }
-  return X.fromSeed(r, "seed-repeat", ee(r));
+  return X.fromSeed(r, "seed-repeat", le(r));
 }
-function wn(r) {
+function Dn(r) {
   return {
     ...r,
     startRow: Math.min(r.startRow, r.endRow),
@@ -2514,7 +2648,7 @@ function wn(r) {
     endCol: Math.max(r.startCol, r.endCol)
   };
 }
-function Cn(r) {
+function Kn(r) {
   if (r instanceof Date) return r;
   if (typeof r == "number" && Number.isFinite(r)) return new Date(r);
   if (typeof r == "string") {
@@ -2528,7 +2662,7 @@ function Cn(r) {
   }
   return null;
 }
-function vn(r) {
+function Ln(r) {
   if (r instanceof Date) return r;
   if (typeof r == "number" && Number.isFinite(r)) return new Date(r);
   if (typeof r == "string") {
@@ -2537,9 +2671,9 @@ function vn(r) {
   }
   return null;
 }
-function ye(r, t) {
+function Re(r, t) {
   if (t.length !== 1) return null;
-  const e = wn(t[0]);
+  const e = Dn(t[0]);
   if (e.kind !== "cells") return null;
   const i = e.endCol - e.startCol + 1, n = e.endRow - e.startRow + 1;
   if (i !== 1 || n < 1) return null;
@@ -2558,7 +2692,7 @@ function ye(r, t) {
     mode: "sequence"
   } : null : null;
 }
-function Sn(r, t, e) {
+function Vn(r, t, e) {
   const i = r.getSchema(), n = r.listRows(), s = i.columns[t.colIndex];
   if (!s) return null;
   const o = [];
@@ -2571,73 +2705,73 @@ function Sn(r, t, e) {
     const a = o[o.length - 1];
     return () => a;
   }
-  const l = de(e);
+  const l = we(e);
   if (s.type === "number") {
     const a = o.map((u) => typeof u == "number" ? u : Number(u));
     if (!a.every((u) => Number.isFinite(u))) return null;
-    const c = Kt(a, { registry: l }), d = [];
-    let h = !1;
+    const c = Lt(a, { registry: l }), h = [];
+    let d = !1;
     return (u) => {
-      for (; !h && d.length < u; ) {
+      for (; !d && h.length < u; ) {
         const g = c.next();
         if (g.done) {
-          h = !0;
+          d = !0;
           break;
         }
-        d.push(g.value);
+        h.push(g.value);
       }
-      return u <= 0 ? null : d[u - 1] ?? null;
+      return u <= 0 ? null : h[u - 1] ?? null;
     };
   }
   if (s.type === "date" || s.type === "time" || s.type === "datetime") {
     const a = o.map(
-      (u) => s.type === "time" ? Cn(u) : vn(u)
+      (u) => s.type === "time" ? Kn(u) : Ln(u)
     );
     if (!a.every((u) => u instanceof Date)) return null;
-    const c = Kt(a, { registry: l }), d = [];
-    let h = !1;
+    const c = Lt(a, { registry: l }), h = [];
+    let d = !1;
     return (u) => {
-      for (; !h && d.length < u; ) {
+      for (; !d && h.length < u; ) {
         const g = c.next();
         if (g.done) {
-          h = !0;
+          d = !0;
           break;
         }
-        d.push(g.value);
+        h.push(g.value);
       }
-      return u <= 0 ? null : d[u - 1] ?? null;
+      return u <= 0 ? null : h[u - 1] ?? null;
     };
   }
   if (s.type === "string") {
-    const a = o.map((u) => String(u ?? "")), c = Kt(a, { registry: l }), d = [];
-    let h = !1;
+    const a = o.map((u) => String(u ?? "")), c = Lt(a, { registry: l }), h = [];
+    let d = !1;
     return (u) => {
-      for (; !h && d.length < u; ) {
+      for (; !d && h.length < u; ) {
         const g = c.next();
         if (g.done) {
-          h = !0;
+          d = !0;
           break;
         }
-        d.push(g.value);
+        h.push(g.value);
       }
-      return u <= 0 ? null : d[u - 1] ?? null;
+      return u <= 0 ? null : h[u - 1] ?? null;
     };
   }
   return null;
 }
-const we = 12, Ce = 14;
-function ve(r, t = we) {
+const ke = 12, Ie = 14;
+function Ee(r, t = ke) {
   return new DOMRect(r.right - t - 1, r.bottom - t - 1, t, t);
 }
-function Se(r, t, e) {
+function Te(r, t, e) {
   return r >= e.left && r <= e.right && t >= e.top && t <= e.bottom;
 }
-function Rt(r, t, e, i, n) {
+function Mt(r, t, e, i, n) {
   if (n === "readonly") return !1;
-  const s = ye(r, t);
+  const s = Re(r, t);
   return !(!s || !e || e === "__all__" || i === null || i === "__all__" || i === null || i !== s.colKey || r.isReadonly(e, i));
 }
-function Mt(r) {
+function Rt(r) {
   const t = r.style, e = t?.decorations;
   return {
     backgroundColor: t?.backgroundColor,
@@ -2650,7 +2784,7 @@ function Mt(r) {
     disabled: t?.disabled
   };
 }
-function Q(r, t) {
+function J(r, t) {
   return t ? {
     backgroundColor: t.backgroundColor ?? r.backgroundColor,
     textColor: t.textColor ?? r.textColor,
@@ -2662,11 +2796,11 @@ function Q(r, t) {
     disabled: t.disabled ?? r.disabled
   } : r;
 }
-function xn(r, t, e) {
-  const i = Mt(e), n = r.resolveConditionalStyle(t, e).delta ?? {}, s = r.getCellStyle(t, e.key) ?? {}, o = Q(Q(i, n), s);
+function Fn(r, t, e) {
+  const i = Rt(e), n = r.resolveConditionalStyle(t, e).delta ?? {}, s = r.getCellStyle(t, e.key) ?? {}, o = J(J(i, n), s);
   return { columnStyle: i, cellStyle: s, resolved: o };
 }
-function ie(r) {
+function ae(r) {
   let t = "";
   r.backgroundColor && (t += `background-color:${r.backgroundColor};`), r.textColor && (t += `color:${r.textColor};`), r.bold && (t += "font-weight:600;"), r.italic && (t += "font-style:italic;");
   const e = [];
@@ -2678,7 +2812,7 @@ function ut(r) {
   const t = r, e = t.label, i = t.command, n = t.commandfor;
   return typeof e != "string" ? null : typeof i == "string" && typeof n == "string" ? { label: e, command: i, commandfor: n } : null;
 }
-function lt(r) {
+function rt(r) {
   if (typeof r == "string") return r;
   if (!r || typeof r != "object") return "";
   const t = r.label;
@@ -2690,17 +2824,17 @@ function ft(r) {
   const t = r, e = t.label, i = t.href, n = t.target;
   return typeof e != "string" || typeof i != "string" ? null : typeof n == "string" ? { label: e, href: i, target: n } : n === void 0 ? { label: e, href: i } : null;
 }
-function at(r) {
+function lt(r) {
   if (typeof r == "string") return r;
   if (!r || typeof r != "object") return "";
   const t = r, e = t.label, i = t.href;
   return typeof e == "string" ? e : typeof i == "string" ? i : "";
 }
-function xe(r, t) {
+function Ae(r, t) {
   const e = r.sorts?.[0];
   return e && e.key === t ? e.dir : null;
 }
-function be(r, t) {
+function He(r, t) {
   if ((r.filters ?? []).some((n) => {
     const s = n;
     return s?.kind === "values" && s.key === t;
@@ -2708,27 +2842,27 @@ function be(r, t) {
   const i = r.columnDiagnostics?.[t];
   return !!(i?.errors || i?.warnings);
 }
-function bn() {
+function _n() {
   return `
     <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" focusable="false">
       <path d="M3 5h18l-7 8v6l-4 2v-8L3 5z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/>
     </svg>
   `.trim();
 }
-function Rn(r) {
+function Nn(r) {
   return `
     <svg viewBox="0 0 24 24" width="16" height="16" aria-hidden="true" focusable="false">
       <path d="${r === "asc" ? "M12 6l6 8H6l6-8z" : "M12 18l-6-8h12l-6 8z"}" fill="currentColor"/>
     </svg>
   `.trim();
 }
-function Mn(r, t, e, i, n, s) {
+function Bn(r, t, e, i, n, s) {
   const o = Math.min(10, Math.floor(Math.min(i, n) / 2));
   if (o <= 0) return;
   const l = s === "error" ? "#ef4444" : "#f59e0b";
   r.save(), r.fillStyle = l, r.beginPath(), r.moveTo(t + i, e), r.lineTo(t + i - o, e), r.lineTo(t + i, e + o), r.closePath(), r.fill(), r.restore();
 }
-class Re {
+class De {
   constructor() {
     this.numberFormatCache = /* @__PURE__ */ new Map(), this.dateParseCache = /* @__PURE__ */ new Map();
   }
@@ -2740,22 +2874,35 @@ class Re {
   parseIsoDate(t) {
     const e = this.dateParseCache.get(t);
     if (e) return e;
-    const i = Ft(t);
+    const i = Pt(t);
     return !i || Number.isNaN(i.getTime()) ? null : (this.dateParseCache.set(t, i), i);
   }
 }
-function kn(r, t, e, i, n) {
+function Pn(r, t, e, i, n) {
   r.save(), r.globalAlpha = n, r.strokeStyle = "rgba(15,23,42,1)", r.lineWidth = 2, r.lineJoin = "round", r.beginPath(), r.moveTo(t, e), r.lineTo(t + i, e), r.lineTo(t + Math.round(i * 0.62), e + Math.round(i * 0.46)), r.lineTo(t + Math.round(i * 0.38), e + Math.round(i * 0.46)), r.closePath(), r.stroke(), r.beginPath(), r.moveTo(t + Math.round(i * 0.46), e + Math.round(i * 0.46)), r.lineTo(t + Math.round(i * 0.46), e + i), r.lineTo(t + Math.round(i * 0.54), e + i - 2), r.lineTo(t + Math.round(i * 0.54), e + Math.round(i * 0.46)), r.stroke(), r.restore();
 }
-function In(r, t, e, i, n, s) {
+function $n(r, t, e, i, n, s) {
   r.save(), r.globalAlpha = n, r.fillStyle = "rgba(15,23,42,1)", r.beginPath(), s === "asc" ? (r.moveTo(t + i / 2, e), r.lineTo(t + i, e + i), r.lineTo(t, e + i)) : (r.moveTo(t, e), r.lineTo(t + i, e), r.lineTo(t + i / 2, e + i)), r.closePath(), r.fill(), r.restore();
 }
-class Nt {
+function Bt(r) {
+  if (Array.isArray(r) && r.every((t) => typeof t == "string"))
+    return r;
+  if (r && typeof r == "object") {
+    const t = r;
+    if (t.kind === "tags") {
+      const e = t.values;
+      if (Array.isArray(e))
+        return e.filter((i) => typeof i == "string");
+    }
+  }
+  return null;
+}
+class Ot {
   constructor(t) {
     this.n = t, this.tree = new Array(t + 1).fill(0);
   }
   static from(t) {
-    const e = new Nt(t.length);
+    const e = new Ot(t.length);
     for (let i = 0; i < t.length; i += 1) e.add(i, t[i] ?? 0);
     return e;
   }
@@ -2797,7 +2944,7 @@ class Nt {
 }
 class bt {
   constructor(t) {
-    this.dataModel = t, this.tableEl = null, this.defaultRowHeight = ht, this.rowHeaderWidth = ot, this.activeRowId = null, this.activeColKey = null, this.selection = [], this.valueFormatCache = new Re(), this.measureCache = /* @__PURE__ */ new Map(), this.frame = 0;
+    this.dataModel = t, this.tableEl = null, this.defaultRowHeight = ht, this.rowHeaderWidth = st, this.activeRowId = null, this.activeColKey = null, this.selection = [], this.valueFormatCache = new De(), this.measureCache = /* @__PURE__ */ new Map(), this.frame = 0;
   }
   mount(t) {
     this.tableEl = document.createElement("table"), this.tableEl.dataset.extableRenderer = "html", t.innerHTML = "", t.appendChild(this.tableEl), this.render();
@@ -2812,22 +2959,22 @@ class bt {
     if (this.frame += 1, !this.tableEl) return;
     const e = this.tableEl.parentElement, i = e?.scrollTop ?? 0, n = e?.scrollLeft ?? 0, s = this.dataModel.getSchema(), o = this.dataModel.getView(), l = this.dataModel.listRows();
     this.tableEl.innerHTML = "";
-    const a = G(s, o), c = s.columns.map((p) => Mt(p)), d = c.map((p) => ie(p)), h = this.rowHeaderWidth + a.reduce((p, C) => p + (C ?? 0), 0), u = document.createElement("colgroup"), g = document.createElement("col");
+    const a = G(s, o), c = s.columns.map((p) => Rt(p)), h = c.map((p) => ae(p)), d = this.rowHeaderWidth + a.reduce((p, v) => p + (v ?? 0), 0), u = document.createElement("colgroup"), g = document.createElement("col");
     g.style.width = `${this.rowHeaderWidth}px`, u.appendChild(g);
     for (const p of a) {
-      const C = document.createElement("col");
-      p && (C.style.width = `${p}px`), u.appendChild(C);
+      const v = document.createElement("col");
+      p && (v.style.width = `${p}px`), u.appendChild(v);
     }
-    this.tableEl.appendChild(u), this.tableEl.style.width = `${h}px`, this.tableEl.appendChild(this.renderHeader(s, a));
+    this.tableEl.appendChild(u), this.tableEl.style.width = `${d}px`, this.tableEl.appendChild(this.renderHeader(s, a));
     const m = document.createElement("tbody");
     for (const p of l)
-      m.appendChild(this.renderRow(p, s, a, c, d));
+      m.appendChild(this.renderRow(p, s, a, c, h));
     this.tableEl.appendChild(m), this.updateActiveClasses(), this.applySelectionClasses(), e && (e.scrollTop = i, e.scrollLeft = n);
-    for (const [p, C] of Array.from(this.measureCache.entries()))
-      C.frame !== this.frame && this.measureCache.delete(p);
+    for (const [p, v] of Array.from(this.measureCache.entries()))
+      v.frame !== this.frame && this.measureCache.delete(p);
   }
   destroy() {
-    $(this.tableEl), this.tableEl = null;
+    j(this.tableEl), this.tableEl = null;
   }
   getCellElements() {
     return this.tableEl?.querySelectorAll("tr[data-row-id] td[data-col-key]") ?? null;
@@ -2865,15 +3012,27 @@ class bt {
   hitTestAction(t) {
     const e = t.target;
     if (!e) return null;
-    const i = e.closest("[data-extable-action]");
-    if (!i) return null;
-    const n = i.closest("td[data-col-key]"), s = n?.closest("tr[data-row-id]");
-    if (!n || !s) return null;
-    const o = i.dataset.extableAction;
-    return o !== "button" && o !== "link" ? null : {
-      rowId: s.dataset.rowId ?? "",
-      colKey: n.dataset.colKey ?? "",
-      kind: o
+    const i = e.closest("[data-extable-tag-remove]");
+    if (i && !i.disabled) {
+      const a = i.closest("td[data-col-key]"), c = a?.closest("tr[data-row-id]");
+      if (!a || !c) return null;
+      const h = i.dataset.extableTagIndex, d = h ? Number.parseInt(h, 10) : Number.NaN;
+      return Number.isFinite(d) ? {
+        rowId: c.dataset.rowId ?? "",
+        colKey: a.dataset.colKey ?? "",
+        kind: "tag-remove",
+        tagIndex: d
+      } : null;
+    }
+    const n = e.closest("[data-extable-action]");
+    if (!n) return null;
+    const s = n.closest("td[data-col-key]"), o = s?.closest("tr[data-row-id]");
+    if (!s || !o) return null;
+    const l = n.dataset.extableAction;
+    return l !== "button" && l !== "link" ? null : {
+      rowId: o.dataset.rowId ?? "",
+      colKey: s.dataset.colKey ?? "",
+      kind: l
     };
   }
   renderHeader(t, e) {
@@ -2885,14 +3044,14 @@ class bt {
       if (!a) continue;
       const c = document.createElement("th");
       c.dataset.colKey = a.key;
-      const d = xe(o, a.key), h = be(o, a.key);
-      d ? c.dataset.extableSortDir = d : c.removeAttribute("data-extable-sort-dir"), h ? c.dataset.extableFsActive = "1" : c.removeAttribute("data-extable-fs-active");
+      const h = Ae(o, a.key), d = He(o, a.key);
+      h ? c.dataset.extableSortDir = h : c.removeAttribute("data-extable-sort-dir"), d ? c.dataset.extableFsActive = "1" : c.removeAttribute("data-extable-fs-active");
       const u = document.createElement("div");
       u.className = "extable-col-header";
       const g = document.createElement("span");
       g.className = "extable-col-header-text", g.textContent = a.header ?? a.key;
       const m = document.createElement("button");
-      m.type = "button", m.className = "extable-filter-sort-trigger", m.dataset.extableFsOpen = "1", m.dataset.extableColKey = a.key, m.title = "Filter / Sort", m.innerHTML = d ? Rn(d) : bn(), u.appendChild(g), u.appendChild(m), c.appendChild(u);
+      m.type = "button", m.className = "extable-filter-sort-trigger", m.dataset.extableFsOpen = "1", m.dataset.extableColKey = a.key, m.title = "Filter / Sort", m.innerHTML = h ? Nn(h) : _n(), u.appendChild(g), u.appendChild(m), c.appendChild(u);
       const p = e[l] ?? a.width;
       p && (c.style.width = `${p}px`), c.dataset.colKey = a.key, this.activeColKey !== null && this.activeColKey === a.key && c.classList.add("extable-active-col-header"), n.appendChild(c);
     }
@@ -2905,50 +3064,60 @@ class bt {
     a.scope = "row", a.classList.add("extable-row-header");
     const c = this.dataModel.getDisplayIndex(t.id) ?? "";
     a.textContent = String(c), a.style.width = `${this.rowHeaderWidth}px`, this.activeRowId === t.id && a.classList.add("extable-active-row-header"), o.appendChild(a);
-    for (let h = 0; h < e.columns.length; h += 1) {
-      const u = e.columns[h];
+    for (let d = 0; d < e.columns.length; d += 1) {
+      const u = e.columns[d];
       if (!u) continue;
       const g = document.createElement("td");
       g.classList.add("extable-cell"), g.dataset.colKey = u.key, u.type === "boolean" && g.classList.add("extable-boolean");
-      const m = this.dataModel.hasPending(t.id, u.key), p = this.dataModel.resolveConditionalStyle(t.id, u), C = this.dataModel.getCellStyle(t.id, u.key), f = !!(C?.textColor || p.delta?.textColor || u.style?.textColor);
-      if (!C && !p.delta && !m) {
-        const D = s[h] ?? "";
-        D && (g.style.cssText = D);
+      const m = this.dataModel.hasPending(t.id, u.key), p = this.dataModel.resolveConditionalStyle(t.id, u), v = this.dataModel.getCellStyle(t.id, u.key), f = !!(v?.textColor || p.delta?.textColor || u.style?.textColor);
+      if (!v && !p.delta && !m) {
+        const E = s[d] ?? "";
+        E && (g.style.cssText = E);
       } else {
-        const D = n[h] ?? {}, F = p.delta ? Q(D, p.delta) : D, B = C ? Q(F, C) : F, E = m ? { ...B, textColor: void 0 } : B, A = ie(E);
-        A && (g.style.cssText = A);
+        const E = n[d] ?? {}, B = p.delta ? J(E, p.delta) : E, T = v ? J(B, v) : B, A = m ? { ...T, textColor: void 0 } : T, k = ae(A);
+        k && (g.style.cssText = k);
       }
-      const y = i[h] ?? l.columnWidths?.[u.key] ?? u.width;
+      const y = i[d] ?? l.columnWidths?.[u.key] ?? u.width;
       y && (g.style.width = `${y}px`);
       const w = l.wrapText?.[u.key] ?? u.wrapText;
       g.classList.add(w ? "cell-wrap" : "cell-nowrap");
-      const v = this.dataModel.getRawCell(t.id, u.key), S = this.dataModel.resolveCellValue(t.id, u), b = S.textOverride ?? (p.forceErrorText ? "#ERROR" : void 0), x = b ? { text: b } : this.formatValue(S.value, u), T = this.dataModel.getCellInteraction(t.id, u.key), _ = u.type === "button" || u.type === "link", R = _ ? u.type === "button" ? ut(S.value) : ft(S.value) : null, k = _ ? u.type === "button" ? lt(S.value) : at(S.value) : "";
-      if (_ && !b && R && k) {
-        const D = u.type === "button" ? document.createElement("button") : document.createElement("span");
-        D instanceof HTMLButtonElement && (D.type = "button"), D.className = u.type === "button" ? "extable-action-button" : "extable-action-link", T.disabled && D.classList.add("extable-action-disabled"), u.type === "link" && f && (D.style.color = "inherit"), D.dataset.extableAction = u.type, D.textContent = k, g.replaceChildren(D);
+      const C = this.dataModel.getRawCell(t.id, u.key), S = this.dataModel.resolveCellValue(t.id, u), b = S.textOverride ?? (p.forceErrorText ? "#ERROR" : void 0), x = b ? { text: b } : this.formatValue(S.value, u), D = this.dataModel.getCellInteraction(t.id, u.key), F = u.type === "tags" && !b ? Bt(S.value) : null, R = u.type === "button" || u.type === "link", H = R ? u.type === "button" ? ut(S.value) : ft(S.value) : null, M = R ? u.type === "button" ? rt(S.value) : lt(S.value) : "";
+      if (F && F.length) {
+        const E = document.createElement("div");
+        E.className = "extable-tag-list", F.forEach((B, T) => {
+          const A = document.createElement("span");
+          A.className = "extable-tag";
+          const k = document.createElement("span");
+          k.className = "extable-tag-label", k.textContent = B;
+          const N = document.createElement("button");
+          N.type = "button", N.className = "extable-tag-remove", N.dataset.extableTagRemove = "1", N.dataset.extableTagIndex = String(T), N.textContent = "×", (D.readonly || D.disabled) && (N.disabled = !0), A.appendChild(k), A.appendChild(N), E.appendChild(A);
+        }), g.replaceChildren(E);
+      } else if (R && !b && H && M) {
+        const E = u.type === "button" ? document.createElement("button") : document.createElement("span");
+        E instanceof HTMLButtonElement && (E.type = "button"), E.className = u.type === "button" ? "extable-action-button" : "extable-action-link", D.disabled && E.classList.add("extable-action-disabled"), u.type === "link" && f && (E.style.color = "inherit"), E.dataset.extableAction = u.type, E.textContent = M, g.replaceChildren(E);
       } else
-        g.textContent = k || x.text, x.color && (g.style.color = x.color);
-      const M = this.dataModel.getCellMarker(t.id, u.key);
-      M ? (g.classList.toggle("extable-diag-warning", M.level === "warning"), g.classList.toggle("extable-diag-error", M.level === "error"), g.dataset.extableDiagMessage = M.message) : (g.classList.remove("extable-diag-warning", "extable-diag-error"), g.removeAttribute("data-extable-diag-message"));
-      const K = u.style?.align ?? (u.type === "number" ? "right" : "left");
-      g.classList.add(K === "right" ? "align-right" : "align-left");
-      const L = $e(v, S.value, u);
-      if (L !== null)
-        g.dataset.raw = L;
+        g.textContent = M || x.text, x.color && (g.style.color = x.color);
+      const K = this.dataModel.getCellMarker(t.id, u.key);
+      K ? (g.classList.toggle("extable-diag-warning", K.level === "warning"), g.classList.toggle("extable-diag-error", K.level === "error"), g.dataset.extableDiagMessage = K.message) : (g.classList.remove("extable-diag-warning", "extable-diag-error"), g.removeAttribute("data-extable-diag-message"));
+      const L = u.style?.align ?? (u.type === "number" ? "right" : "left");
+      g.classList.add(L === "right" ? "align-right" : "align-left");
+      const _ = Je(C, S.value, u);
+      if (_ !== null)
+        g.dataset.raw = _;
       else {
-        const D = v == null ? "" : String(v);
-        g.dataset.raw = D;
+        const E = C == null ? "" : String(C);
+        g.dataset.raw = E;
       }
-      m && g.classList.add("pending"), T.readonly ? g.classList.add("extable-readonly") : g.classList.add("extable-editable"), T.muted && g.classList.add("extable-readonly-muted"), T.disabled && g.classList.add("extable-disabled"), this.activeRowId === t.id && this.activeColKey !== null && this.activeColKey === u.key && g.classList.add("extable-active-cell"), o.appendChild(g);
+      m && g.classList.add("pending"), D.readonly ? g.classList.add("extable-readonly") : g.classList.add("extable-editable"), D.muted && g.classList.add("extable-readonly-muted"), D.disabled && g.classList.add("extable-disabled"), this.activeRowId === t.id && this.activeColKey !== null && this.activeColKey === u.key && g.classList.add("extable-active-cell"), o.appendChild(g);
     }
-    if (e.columns.some((h) => l.wrapText?.[h.key] ?? h.wrapText)) {
-      let h = this.defaultRowHeight;
+    if (e.columns.some((d) => l.wrapText?.[d.key] ?? d.wrapText)) {
+      let d = this.defaultRowHeight;
       for (let u = 0; u < e.columns.length; u += 1) {
         const g = e.columns[u];
         if (!g || !g.wrapText) continue;
-        const m = i[u] ?? l.columnWidths?.[g.key] ?? g.width ?? 100, p = this.dataModel.resolveCellValue(t.id, g), C = this.dataModel.resolveConditionalStyle(t.id, g), y = p.textOverride ?? (C.forceErrorText ? "#ERROR" : void 0) ? "#ERROR" : p.value === null || p.value === void 0 ? "" : String(p.value), w = this.dataModel.getRowVersion(t.id), v = `${t.id}|${g.key}|${w}|${m}|${y}`, S = this.measureCache.get(v);
+        const m = i[u] ?? l.columnWidths?.[g.key] ?? g.width ?? 100, p = this.dataModel.resolveCellValue(t.id, g), v = this.dataModel.resolveConditionalStyle(t.id, g), y = p.textOverride ?? (v.forceErrorText ? "#ERROR" : void 0) ? "#ERROR" : p.value === null || p.value === void 0 ? "" : String(p.value), w = this.dataModel.getRowVersion(t.id), C = `${t.id}|${g.key}|${w}|${m}|${y}`, S = this.measureCache.get(C);
         if (S) {
-          S.frame = this.frame, this.measureCache.set(v, S), h = Math.max(h, S.height);
+          S.frame = this.frame, this.measureCache.set(C, S), d = Math.max(d, S.height);
           continue;
         }
         const b = document.createElement("span");
@@ -2956,10 +3125,10 @@ class bt {
         const x = this.tableEl?.parentElement;
         if (!x) continue;
         x.appendChild(b);
-        const T = b.clientHeight + 10;
-        b.remove(), this.measureCache.set(v, { height: T, frame: this.frame }), h = Math.max(h, T);
+        const D = b.clientHeight + 10;
+        b.remove(), this.measureCache.set(C, { height: D, frame: this.frame }), d = Math.max(d, D);
       }
-      o.style.height = `${h}px`, this.dataModel.setRowHeight(t.id, h);
+      o.style.height = `${d}px`, this.dataModel.setRowHeight(t.id, d);
     } else
       o.style.height = `${this.defaultRowHeight}px`, this.dataModel.setRowHeight(t.id, this.defaultRowHeight);
     return o;
@@ -3006,11 +3175,11 @@ class bt {
       for (let a = n; a <= s; a += 1) {
         const c = t[a];
         if (!c) continue;
-        const d = c.querySelector("th.extable-row-header");
-        d && d.classList.add("extable-selected");
-        const h = Array.from(c.querySelectorAll("td"));
+        const h = c.querySelector("th.extable-row-header");
+        h && h.classList.add("extable-selected");
+        const d = Array.from(c.querySelectorAll("td"));
         for (let u = o; u <= l; u += 1) {
-          const g = h[u];
+          const g = d[u];
           g && g.classList.add("extable-selected");
         }
       }
@@ -3019,9 +3188,13 @@ class bt {
   formatValue(t, e) {
     if (t == null) return { text: "" };
     if (e.type === "button")
-      return { text: lt(t) || String(t) };
+      return { text: rt(t) || String(t) };
     if (e.type === "link")
-      return { text: at(t) || String(t) };
+      return { text: lt(t) || String(t) };
+    if (e.type === "tags") {
+      const i = Bt(t);
+      if (i) return { text: i.join(", ") };
+    }
     if (e.type === "boolean")
       return e.format === "checkbox" || !e.format ? { text: t ? "☑" : "☐" } : Array.isArray(e.format) && e.format.length >= 2 ? { text: String(t ? e.format[0] : e.format[1]) } : { text: t ? String(e.format) : "" };
     if (e.type === "number" && typeof t == "number") {
@@ -3031,23 +3204,23 @@ class bt {
       return { text: o, color: l };
     }
     if ((e.type === "date" || e.type === "time" || e.type === "datetime") && (t instanceof Date || typeof t == "string")) {
-      const i = e.format, n = e.type === "date" ? rt(i, "date") : e.type === "time" ? rt(i, "time") : rt(i, "datetime");
+      const i = e.format, n = e.type === "date" ? ot(i, "date") : e.type === "time" ? ot(i, "time") : ot(i, "datetime");
       let s = null;
-      return t instanceof Date ? s = t : s = this.valueFormatCache.parseIsoDate(t), s ? { text: le(s, n) } : { text: String(t) };
+      return t instanceof Date ? s = t : s = this.valueFormatCache.parseIsoDate(t), s ? { text: fe(s, n) } : { text: String(t) };
     }
     return { text: String(t) };
   }
 }
-const q = class q {
+const U = class U {
   constructor(t, e = () => "direct") {
-    this.getEditMode = e, this.root = null, this.canvas = null, this.spacer = null, this.overlayLayer = null, this.tooltip = null, this.tooltipTarget = null, this.tooltipMessage = null, this.rowHeight = ht, this.headerHeight = dt, this.lineHeight = 16, this.padding = 12, this.rowHeaderWidth = ot, this.activeRowId = null, this.activeColKey = null, this.selection = [], this.valueFormatCache = new Re(), this.textMeasureCache = /* @__PURE__ */ new Map(), this.frame = 0, this.cursorTimer = null, this.pendingCursorPoint = null, this.hoverHeaderColKey = null, this.hoverHeaderIcon = !1, this.rowHeightCacheKey = null, this.rowHeightMeasuredVersion = /* @__PURE__ */ new Map(), this.rowHeightMeasureRaf = null, this.rowHeightMeasureTask = null, this.heightIndex = null, this.handleClick = (i) => {
+    this.getEditMode = e, this.root = null, this.canvas = null, this.spacer = null, this.overlayLayer = null, this.tooltip = null, this.tooltipTarget = null, this.tooltipMessage = null, this.rowHeight = ht, this.headerHeight = dt, this.lineHeight = 16, this.padding = 12, this.rowHeaderWidth = st, this.activeRowId = null, this.activeColKey = null, this.selection = [], this.valueFormatCache = new De(), this.textMeasureCache = /* @__PURE__ */ new Map(), this.frame = 0, this.cursorTimer = null, this.pendingCursorPoint = null, this.hoverHeaderColKey = null, this.hoverHeaderIcon = !1, this.hoverActionKey = null, this.activeActionKey = null, this.rowHeightCacheKey = null, this.rowHeightMeasuredVersion = /* @__PURE__ */ new Map(), this.rowHeightMeasureRaf = null, this.rowHeightMeasureTask = null, this.heightIndex = null, this.handleClick = (i) => {
       if (!this.root || !this.canvas) return;
       const n = this.canvas.getBoundingClientRect(), s = i.clientX - n.left, o = i.clientY - n.top, l = s + this.root.scrollLeft, a = o;
       if (a >= this.headerHeight || l < this.rowHeaderWidth) return;
-      const c = this.dataModel.getSchema(), d = this.dataModel.getView(), h = G(c, d);
+      const c = this.dataModel.getSchema(), h = this.dataModel.getView(), d = G(c, h);
       let u = this.rowHeaderWidth, g = -1;
-      for (let S = 0; S < h.length; S += 1) {
-        const b = h[S] ?? 100;
+      for (let S = 0; S < d.length; S += 1) {
+        const b = d[S] ?? 100;
         if (l >= u && l <= u + b) {
           g = S;
           break;
@@ -3057,8 +3230,8 @@ const q = class q {
       if (g < 0) return;
       const m = c.columns[g];
       if (!m) return;
-      const p = h[g] ?? 100, C = 18, y = u + p - C - 4, w = Math.floor((this.headerHeight - C) / 2);
-      l >= y && l <= y + C && a >= w && a <= w + C && this.root.dispatchEvent(
+      const p = d[g] ?? 100, v = 18, y = u + p - v - 4, w = Math.floor((this.headerHeight - v) / 2);
+      l >= y && l <= y + v && a >= w && a <= w + v && this.root.dispatchEvent(
         new CustomEvent("extable:filter-sort-open", { bubbles: !0, detail: { colKey: m.key } })
       );
     }, this.handlePointerMove = (i) => {
@@ -3068,13 +3241,23 @@ const q = class q {
         n && this.updateCanvasCursor(n.x, n.y);
       }, 50));
     }, this.handlePointerLeave = () => {
-      this.canvas && (this.canvas.style.cursor = "cell", this.tooltip && (this.tooltip.dataset.visible = "0"), this.tooltipTarget = null, this.tooltipMessage = null);
+      this.canvas && (this.canvas.style.cursor = "cell", this.tooltip && (this.tooltip.dataset.visible = "0"), this.tooltipTarget = null, this.tooltipMessage = null, (this.hoverActionKey || this.activeActionKey) && (this.hoverActionKey = null, this.activeActionKey = null, this.render()));
+    }, this.handlePointerDown = (i) => {
+      if (!this.canvas) return;
+      const n = this.hitTestAction(
+        new MouseEvent("mousemove", { clientX: i.clientX, clientY: i.clientY })
+      );
+      if (!n || n.kind !== "button" || this.dataModel.getCellInteraction(n.rowId, n.colKey).disabled) return;
+      const o = `${n.rowId}::${n.colKey}::${n.kind}`;
+      o !== this.activeActionKey && (this.activeActionKey = o, this.render());
+    }, this.handlePointerUp = () => {
+      this.activeActionKey && (this.activeActionKey = null, this.render());
     }, this.dataModel = t;
   }
   mount(t) {
     this.root = t, this.canvas = document.createElement("canvas");
-    const e = q.MAX_CANVAS_DIM_PX;
-    this.canvas.width = Math.max(1, Math.min(e, Math.floor(t.clientWidth || 600))), this.canvas.height = Math.max(1, Math.min(e, Math.floor(t.clientHeight || 400))), this.canvas.style.width = `${this.canvas.width}px`, this.canvas.style.height = `${this.canvas.height}px`, this.canvas.dataset.extableRenderer = "canvas", this.canvas.style.position = "sticky", this.canvas.style.top = "0", this.canvas.style.left = "0", this.canvas.style.zIndex = "1", this.canvas.style.cursor = "cell", this.canvas.addEventListener("pointermove", this.handlePointerMove), this.canvas.addEventListener("pointerleave", this.handlePointerLeave), this.canvas.addEventListener("click", this.handleClick), this.spacer = document.createElement("div"), this.spacer.style.width = "1px", this.tooltip && this.tooltip.remove(), this.overlayLayer && this.overlayLayer.remove(), this.overlayLayer = document.createElement("div"), this.overlayLayer.className = "extable-overlay-layer", this.tooltip = document.createElement("div"), this.tooltip.className = "extable-tooltip", this.tooltip.dataset.visible = "0", this.overlayLayer.appendChild(this.tooltip), t.innerHTML = "", t.style.position = "relative", t.appendChild(this.overlayLayer), t.appendChild(this.canvas), t.appendChild(this.spacer), this.render();
+    const e = U.MAX_CANVAS_DIM_PX;
+    this.canvas.width = Math.max(1, Math.min(e, Math.floor(t.clientWidth || 600))), this.canvas.height = Math.max(1, Math.min(e, Math.floor(t.clientHeight || 400))), this.canvas.style.width = `${this.canvas.width}px`, this.canvas.style.height = `${this.canvas.height}px`, this.canvas.dataset.extableRenderer = "canvas", this.canvas.style.position = "sticky", this.canvas.style.top = "0", this.canvas.style.left = "0", this.canvas.style.zIndex = "1", this.canvas.style.cursor = "cell", this.canvas.addEventListener("pointermove", this.handlePointerMove), this.canvas.addEventListener("pointerdown", this.handlePointerDown), this.canvas.addEventListener("pointerup", this.handlePointerUp), this.canvas.addEventListener("pointerleave", this.handlePointerLeave), this.canvas.addEventListener("click", this.handleClick), this.spacer = document.createElement("div"), this.spacer.style.width = "1px", this.tooltip && this.tooltip.remove(), this.overlayLayer && this.overlayLayer.remove(), this.overlayLayer = document.createElement("div"), this.overlayLayer.className = "extable-overlay-layer", this.tooltip = document.createElement("div"), this.tooltip.className = "extable-tooltip", this.tooltip.dataset.visible = "0", this.overlayLayer.appendChild(this.tooltip), t.innerHTML = "", t.style.position = "relative", t.appendChild(this.overlayLayer), t.appendChild(this.canvas), t.appendChild(this.spacer), this.render();
   }
   setActiveCell(t, e) {
     this.activeRowId = t, this.activeColKey = e, this.render();
@@ -3089,156 +3272,163 @@ const q = class q {
       if (!e) return;
       e.font = "14px sans-serif";
       let i = e.font;
-      const n = this.activeRowId === "__all__" && this.activeColKey === "__all__", s = this.dataModel.getSchema(), o = this.dataModel.getView(), l = this.dataModel.listRows(), a = G(s, o), c = s.columns.map((E) => Mt(E)), d = /* @__PURE__ */ new Map(), h = s.columns.some((E) => o.wrapText?.[E.key] ?? E.wrapText), u = h ? this.getRowHeightCacheKey(s, o, a) : null;
-      u !== this.rowHeightCacheKey && (this.rowHeightCacheKey = u, this.rowHeightMeasuredVersion.clear(), this.rowHeightMeasureTask = null), h || this.cancelRowHeightMeasurement(), this.ensureHeightIndex(l, h ? u : null, h);
+      const n = this.activeRowId === "__all__" && this.activeColKey === "__all__", s = this.dataModel.getSchema(), o = this.dataModel.getView(), l = this.dataModel.listRows(), a = G(s, o), c = s.columns.map((T) => Rt(T)), h = /* @__PURE__ */ new Map(), d = s.columns.some((T) => o.wrapText?.[T.key] ?? T.wrapText), u = d ? this.getRowHeightCacheKey(s, o, a) : null;
+      u !== this.rowHeightCacheKey && (this.rowHeightCacheKey = u, this.rowHeightMeasuredVersion.clear(), this.rowHeightMeasureTask = null), d || this.cancelRowHeightMeasurement(), this.ensureHeightIndex(l, d ? u : null, d);
       const g = this.heightIndex;
       if (!g) return;
-      const m = this.rowHeaderWidth + a.reduce((E, A) => E + (A ?? 0), 0), p = t?.clientWidth ?? (this.root.clientWidth || 600), C = t?.clientHeight ?? (this.root.clientHeight || this.canvas.height || 400), f = q.MAX_CANVAS_DIM_PX, y = Math.max(1, Math.min(f, Math.floor(p))), w = Math.max(1, Math.min(f, Math.floor(C)));
+      const m = this.rowHeaderWidth + a.reduce((T, A) => T + (A ?? 0), 0), p = t?.clientWidth ?? (this.root.clientWidth || 600), v = t?.clientHeight ?? (this.root.clientHeight || this.canvas.height || 400), f = U.MAX_CANVAS_DIM_PX, y = Math.max(1, Math.min(f, Math.floor(p))), w = Math.max(1, Math.min(f, Math.floor(v)));
       this.canvas.width !== y && (this.canvas.width = y), this.canvas.height !== w && (this.canvas.height = w), this.canvas.style.width = `${y}px`, this.canvas.style.height = `${w}px`, e.font = "14px sans-serif", i = e.font, this.refreshTooltipPosition();
-      const v = t?.scrollTop ?? this.root.scrollTop, S = t?.scrollLeft ?? this.root.scrollLeft, b = (E) => {
-        const A = E + 1, H = Math.max(
+      const C = t?.scrollTop ?? this.root.scrollTop, S = t?.scrollLeft ?? this.root.scrollLeft, b = (T) => {
+        const A = T + 1, k = Math.max(
           0,
           Math.min(l.length - 1, g.fenwick.lowerBound(A))
-        ), U = g.fenwick.sum(H);
-        let V = H, j = 0;
-        const P = (this.canvas?.height ?? 0) + this.rowHeight * 2;
-        for (let I = H; I < l.length && j < P; I += 1)
-          j += g.heights[I] ?? this.rowHeight, V = I + 1;
-        return { accum: U, visibleStart: H, visibleEnd: V };
+        ), N = g.fenwick.sum(k);
+        let V = k, W = 0;
+        const $ = (this.canvas?.height ?? 0) + this.rowHeight * 2;
+        for (let I = k; I < l.length && W < $; I += 1)
+          W += g.heights[I] ?? this.rowHeight, V = I + 1;
+        return { accum: N, visibleStart: k, visibleEnd: V };
       };
       let x = g.fenwick.total();
-      const T = this.canvas?.height ?? this.root.clientHeight, _ = Math.max(0, T - this.headerHeight);
-      let R = Math.max(0, x - _), k = Math.max(0, Math.min(v, R)), { accum: M, visibleStart: K, visibleEnd: L } = b(k);
-      if (h && u) {
-        const E = {};
+      const D = this.canvas?.height ?? this.root.clientHeight, F = Math.max(0, D - this.headerHeight);
+      let R = Math.max(0, x - F), H = Math.max(0, Math.min(C, R)), { accum: M, visibleStart: K, visibleEnd: L } = b(H);
+      if (d && u) {
+        const T = {};
         for (let A = K; A < L; A += 1) {
-          const H = l[A];
-          if (!H) continue;
-          const U = this.dataModel.getRowVersion(H.id);
-          if (this.rowHeightMeasuredVersion.get(H.id) === U) continue;
-          const V = this.measureRowHeight(e, H, s, a);
-          E[H.id] = V, this.rowHeightMeasuredVersion.set(H.id, U);
+          const k = l[A];
+          if (!k) continue;
+          const N = this.dataModel.getRowVersion(k.id);
+          if (this.rowHeightMeasuredVersion.get(k.id) === N) continue;
+          const V = this.measureRowHeight(e, k, s, a);
+          T[k.id] = V, this.rowHeightMeasuredVersion.set(k.id, N);
         }
-        this.applyRowHeightUpdates(E), x = g.fenwick.total(), this.dataModel.setRowHeightsBulk(E), R = Math.max(0, x - _), k = Math.max(0, Math.min(v, R)), { accum: M, visibleStart: K, visibleEnd: L } = b(k), (this.rowHeightMeasureTask || Object.keys(E).length > 0) && this.scheduleRowHeightMeasurement();
+        this.applyRowHeightUpdates(T), x = g.fenwick.total(), this.dataModel.setRowHeightsBulk(T), R = Math.max(0, x - F), H = Math.max(0, Math.min(C, R)), { accum: M, visibleStart: K, visibleEnd: L } = b(H), (this.rowHeightMeasureTask || Object.keys(T).length > 0) && this.scheduleRowHeightMeasurement();
       }
       this.spacer && (this.spacer.style.height = `${R}px`, this.spacer.style.width = `${m}px`);
-      const D = this.rowHeaderWidth - S;
+      const _ = this.rowHeaderWidth - S;
       e.clearRect(0, 0, this.canvas.width, this.canvas.height), e.fillStyle = "#e5e7eb", e.fillRect(0, 0, this.rowHeaderWidth, this.canvas.height);
-      let F = this.headerHeight + M - k;
-      for (let E = K; E < L; E += 1) {
-        const A = l[E], H = g.heights[E] ?? this.rowHeight;
-        e.strokeStyle = "#d0d7de", e.fillStyle = "#e5e7eb", e.fillRect(0, F, this.rowHeaderWidth, H), e.strokeRect(0, F, this.rowHeaderWidth, H);
-        const U = this.dataModel.getDisplayIndex(A.id) ?? "";
-        this.activeRowId === A.id && (e.fillStyle = "rgba(59,130,246,0.16)", e.fillRect(0, F, this.rowHeaderWidth, H)), e.fillStyle = "#0f172a", e.font = "bold 14px sans-serif", e.textAlign = "center", e.textBaseline = "middle", e.fillText(String(U), this.rowHeaderWidth / 2, F + H / 2), e.font = i, e.textAlign = "left", e.textBaseline = "alphabetic", e.save(), e.beginPath(), e.rect(
+      let E = this.headerHeight + M - H;
+      for (let T = K; T < L; T += 1) {
+        const A = l[T], k = g.heights[T] ?? this.rowHeight;
+        e.strokeStyle = "#d0d7de", e.fillStyle = "#e5e7eb", e.fillRect(0, E, this.rowHeaderWidth, k), e.strokeRect(0, E, this.rowHeaderWidth, k);
+        const N = this.dataModel.getDisplayIndex(A.id) ?? "";
+        this.activeRowId === A.id && (e.fillStyle = "rgba(59,130,246,0.16)", e.fillRect(0, E, this.rowHeaderWidth, k)), e.fillStyle = "#0f172a", e.font = "bold 14px sans-serif", e.textAlign = "center", e.textBaseline = "middle", e.fillText(String(N), this.rowHeaderWidth / 2, E + k / 2), e.font = i, e.textAlign = "left", e.textBaseline = "alphabetic", e.save(), e.beginPath(), e.rect(
           this.rowHeaderWidth,
           this.headerHeight,
           this.canvas.width - this.rowHeaderWidth,
           this.canvas.height - this.headerHeight
-        ), e.clip(), e.translate(D, 0);
-        let V = 0, j = "";
-        for (let P = 0; P < s.columns.length; P += 1) {
-          const I = s.columns[P], N = a[P] ?? 100;
+        ), e.clip(), e.translate(_, 0);
+        let V = 0, W = "";
+        for (let $ = 0; $ < s.columns.length; $ += 1) {
+          const I = s.columns[$], P = a[$] ?? 100;
           if (!I) {
-            V += N;
+            V += P;
             continue;
           }
-          const et = this.dataModel.getCellInteraction(A.id, I.key).muted;
+          const at = this.dataModel.getCellInteraction(A.id, I.key).muted;
           e.strokeStyle = "#d0d7de";
-          const it = this.dataModel.resolveConditionalStyle(A.id, I), ct = this.dataModel.getCellStyle(A.id, I.key), Bt = c[P] ?? {}, Pt = it.delta ? Q(Bt, it.delta) : Bt, z = ct ? Q(Pt, ct) : Pt, Me = et ? "#f3f4f6" : z.backgroundColor ?? "#ffffff";
-          e.fillStyle = Me, e.fillRect(V, F, N, H), e.strokeRect(V, F, N, H);
-          const nt = this.dataModel.resolveCellValue(A.id, I), Ot = nt.textOverride ?? (it.forceErrorText ? "#ERROR" : void 0), It = Ot ? { text: "#ERROR" } : this.formatValue(nt.value, I), Et = I.type === "button" || I.type === "link", $t = Et ? I.type === "button" ? ut(nt.value) : ft(nt.value) : null, jt = Et ? $t?.label ?? (I.type === "button" ? lt(nt.value) : at(nt.value)) : "", gt = !!(Et && $t && jt && !Ot), Wt = jt || It.text, qt = I.style?.align ?? (I.type === "number" ? "right" : "left");
-          if (this.activeRowId === A.id && this.activeColKey !== null && this.activeColKey === I.key && (e.strokeStyle = "#3b82f6", e.lineWidth = 2, e.strokeRect(V + 1, F + 1, N - 2, H - 2), e.lineWidth = 1, Rt(
+          const et = this.dataModel.resolveConditionalStyle(A.id, I), ct = this.dataModel.getCellStyle(A.id, I.key), jt = c[$] ?? {}, Wt = et.delta ? J(jt, et.delta) : jt, z = ct ? J(Wt, ct) : Wt, Ke = at ? "#f3f4f6" : z.backgroundColor ?? "#ffffff";
+          e.fillStyle = Ke, e.fillRect(V, E, P, k), e.strokeRect(V, E, P, k);
+          const it = this.dataModel.resolveCellValue(A.id, I), qt = it.textOverride ?? (et.forceErrorText ? "#ERROR" : void 0), Et = qt ? { text: "#ERROR" } : this.formatValue(it.value, I), Tt = I.type === "button" || I.type === "link", Ut = Tt ? I.type === "button" ? ut(it.value) : ft(it.value) : null, Xt = Tt ? Ut?.label ?? (I.type === "button" ? rt(it.value) : lt(it.value)) : "", gt = !!(Tt && Ut && Xt && !qt), zt = Xt || Et.text, Gt = I.style?.align ?? (I.type === "number" ? "right" : "left");
+          if (this.activeRowId === A.id && this.activeColKey !== null && this.activeColKey === I.key && (e.strokeStyle = "#3b82f6", e.lineWidth = 2, e.strokeRect(V + 1, E + 1, P - 2, k - 2), e.lineWidth = 1, Mt(
             this.dataModel,
             this.selection,
             this.activeRowId,
             this.activeColKey,
             this.getEditMode()
           ))) {
-            const W = we, st = V + N - W - 1, Y = F + H - W - 1;
-            e.fillStyle = "#3b82f6", e.fillRect(st, Y, W, W), e.strokeStyle = "#ffffff", e.strokeRect(st + 0.5, Y + 0.5, W - 1, W - 1);
+            const q = ke, nt = V + P - q - 1, Y = E + k - q - 1;
+            e.fillStyle = "#3b82f6", e.fillRect(nt, Y, q, q), e.strokeStyle = "#ffffff", e.strokeRect(nt + 0.5, Y + 0.5, q - 1, q - 1);
           }
-          const ke = gt && I.type === "link" && !et && !z.textColor ? "#2563eb" : void 0;
-          e.fillStyle = this.dataModel.hasPending(A.id, I.key) ? "#b91c1c" : It.color ? It.color : et ? "#94a3b8" : ke ?? z.textColor ?? "#0f172a";
-          const Ut = o.wrapText?.[I.key] ?? I.wrapText ?? !1, Tt = I.type === "boolean" && (!I.format || I.format === "checkbox"), Ie = I.type === "boolean" && !!(I.format && I.format !== "checkbox");
-          if (Tt)
-            e.font = i, j = "";
+          const Le = gt && I.type === "link" && !at && !z.textColor ? "#2563eb" : void 0;
+          e.fillStyle = this.dataModel.hasPending(A.id, I.key) ? "#b91c1c" : Et.color ? Et.color : at ? "#94a3b8" : Le ?? z.textColor ?? "#0f172a";
+          const Yt = o.wrapText?.[I.key] ?? I.wrapText ?? !1, At = I.type === "boolean" && (!I.format || I.format === "checkbox"), Ve = I.type === "boolean" && !!(I.format && I.format !== "checkbox");
+          if (At)
+            e.font = i, W = "";
           else {
-            const W = `${z.italic ? "i" : ""}${z.bold ? "b" : ""}`;
-            if (W !== j) {
-              const st = d.get(W);
-              if (st) e.font = st;
+            const q = `${z.italic ? "i" : ""}${z.bold ? "b" : ""}`;
+            if (q !== W) {
+              const nt = h.get(q);
+              if (nt) e.font = nt;
               else {
                 const Y = z.bold ? "600 " : "", wt = `${z.italic ? "italic " : ""}${Y}14px sans-serif`.trim();
-                d.set(W, wt), e.font = wt;
+                h.set(q, wt), e.font = wt;
               }
-              j = W;
+              W = q;
             }
           }
-          const mt = V + 8, pt = F + 2, At = Math.max(0, N - 12), Ht = Math.max(0, H - 8), Ee = {
+          const mt = V + 8, pt = E + 2, Ht = Math.max(0, P - 12), Dt = Math.max(0, k - 8), Fe = {
             underline: !!z.underline || gt && I.type === "link",
             strike: !!z.strike
-          }, J = gt && !Tt ? this.measureTextBounds(
+          }, Z = gt && !At ? this.measureTextBounds(
             e,
-            Wt,
+            zt,
             mt,
             pt,
-            At,
             Ht,
-            Ut,
-            qt
+            Dt,
+            Yt,
+            Gt
           ) : null;
-          if (gt && I.type === "button" && J) {
-            const Y = Math.max(mt, J.x - 6), yt = Math.max(pt, J.y - 4), wt = Math.min(mt + At, J.x + J.width + 6), Te = Math.min(pt + Ht, J.y + J.height + 4), zt = Math.max(0, wt - Y), Gt = Math.max(0, Te - yt);
-            e.save(), e.fillStyle = et ? "#f3f4f6" : "#f8fafc", e.strokeStyle = et ? "#e2e8f0" : "#cbd5e1", e.lineWidth = 1, e.beginPath(), typeof e.roundRect == "function" ? e.roundRect(Y, yt, zt, Gt, 6) : e.rect(Y, yt, zt, Gt), e.fill(), e.stroke(), e.restore();
+          if (gt && I.type === "button" && Z) {
+            const Y = Math.max(mt, Z.x - 6), yt = Math.max(pt, Z.y - 4), wt = Math.min(mt + Ht, Z.x + Z.width + 6), _e = Math.min(pt + Dt, Z.y + Z.height + 4), Jt = Math.max(0, wt - Y), Zt = Math.max(0, _e - yt);
+            e.save();
+            const te = `${A.id}::${I.key}::button`, Ne = this.hoverActionKey === te, Be = this.activeActionKey === te;
+            at ? (e.fillStyle = "#f3f4f6", e.strokeStyle = "#e2e8f0") : Be ? (e.fillStyle = "#cbd5e1", e.strokeStyle = "#94a3b8") : Ne ? (e.fillStyle = "#e2e8f0", e.strokeStyle = "#94a3b8") : (e.fillStyle = "#f8fafc", e.strokeStyle = "#cbd5e1"), e.lineWidth = 1, e.beginPath(), typeof e.roundRect == "function" ? e.roundRect(Y, yt, Jt, Zt, 6) : e.rect(Y, yt, Jt, Zt), e.fill(), e.stroke(), e.restore();
           }
           this.drawCellText(
             e,
-            Wt,
+            zt,
             mt,
             pt,
-            At,
             Ht,
-            Ut,
-            qt,
-            Tt,
-            Ie,
-            Ee
+            Dt,
+            Yt,
+            Gt,
+            At,
+            Ve,
+            Fe
           );
-          const Xt = this.dataModel.getCellMarker(A.id, I.key);
-          Xt && Mn(e, V, F, N, H, Xt.level), V += N;
+          const Qt = this.dataModel.getCellMarker(A.id, I.key);
+          Qt && Bn(e, V, E, P, k, Qt.level), V += P;
         }
-        e.restore(), F += H;
+        e.restore(), E += k;
       }
-      e.fillStyle = "#e5e7eb", e.fillRect(0, 0, this.canvas.width, this.headerHeight), e.strokeStyle = "#d0d7de", e.strokeRect(0, 0, this.rowHeaderWidth, this.headerHeight), e.fillStyle = "#9ca3af", e.beginPath(), e.moveTo(4, 4), e.lineTo(16, 4), e.lineTo(4, 16), e.closePath(), e.fill(), this.activeRowId && (e.fillStyle = "rgba(59,130,246,0.16)", e.fillRect(0, 0, this.rowHeaderWidth, this.headerHeight)), e.save(), e.beginPath(), e.rect(this.rowHeaderWidth, 0, this.canvas.width - this.rowHeaderWidth, this.headerHeight), e.clip(), e.translate(D, 0);
+      e.fillStyle = "#e5e7eb", e.fillRect(0, 0, this.canvas.width, this.headerHeight), e.strokeStyle = "#d0d7de", e.strokeRect(0, 0, this.rowHeaderWidth, this.headerHeight), e.fillStyle = "#9ca3af", e.beginPath(), e.moveTo(4, 4), e.lineTo(16, 4), e.lineTo(4, 16), e.closePath(), e.fill(), this.activeRowId && (e.fillStyle = "rgba(59,130,246,0.16)", e.fillRect(0, 0, this.rowHeaderWidth, this.headerHeight)), e.save(), e.beginPath(), e.rect(this.rowHeaderWidth, 0, this.canvas.width - this.rowHeaderWidth, this.headerHeight), e.clip(), e.translate(_, 0);
       let B = 0;
-      for (let E = 0; E < s.columns.length; E += 1) {
-        const A = s.columns[E], H = a[E] ?? 100;
+      for (let T = 0; T < s.columns.length; T += 1) {
+        const A = s.columns[T], k = a[T] ?? 100;
         if (!A) {
-          B += H;
+          B += k;
           continue;
         }
-        this.activeColKey !== null && this.activeColKey === A.key && (e.fillStyle = "rgba(59,130,246,0.16)", e.fillRect(B, 0, H, this.headerHeight)), e.strokeStyle = "#d0d7de", e.strokeRect(B, 0, H, this.headerHeight), e.fillStyle = "#0f172a", e.font = "bold 14px sans-serif", e.fillText(A.header ?? A.key, B + 8, this.headerHeight - 8), e.font = i;
-        const V = xe(o, A.key), j = be(o, A.key), P = this.hoverHeaderColKey !== null && this.hoverHeaderColKey === A.key;
-        if (!!V || j || P) {
-          const N = P ? 0.9 : j || V ? 0.75 : 0.45, O = 16, it = B + H - O - 6, ct = Math.floor((this.headerHeight - O) / 2);
-          V ? In(e, it + 3, ct + 3, O - 6, N, V) : kn(e, it + 2, ct + 2, O - 4, N);
+        this.activeColKey !== null && this.activeColKey === A.key && (e.fillStyle = "rgba(59,130,246,0.16)", e.fillRect(B, 0, k, this.headerHeight)), e.strokeStyle = "#d0d7de", e.strokeRect(B, 0, k, this.headerHeight), e.fillStyle = "#0f172a", e.font = "bold 14px sans-serif", e.fillText(A.header ?? A.key, B + 8, this.headerHeight - 8), e.font = i;
+        const V = Ae(o, A.key), W = He(o, A.key), $ = this.hoverHeaderColKey !== null && this.hoverHeaderColKey === A.key;
+        if (!!V || W || $) {
+          const P = $ ? 0.9 : W || V ? 0.75 : 0.45, O = 16, et = B + k - O - 6, ct = Math.floor((this.headerHeight - O) / 2);
+          V ? $n(e, et + 3, ct + 3, O - 6, P, V) : Pn(e, et + 2, ct + 2, O - 4, P);
         }
-        B += H;
+        B += k;
       }
       if (e.restore(), this.selection.length) {
-        e.save(), e.strokeStyle = "#3b82f6", e.fillStyle = "rgba(59,130,246,0.12)";
-        for (const E of this.selection) {
-          const A = Math.max(0, Math.min(E.startRow, E.endRow)), H = Math.min(l.length - 1, Math.max(E.startRow, E.endRow)), U = Math.max(0, Math.min(E.startCol, E.endCol)), V = Math.min(
+        e.save(), e.beginPath(), e.rect(
+          this.rowHeaderWidth,
+          this.headerHeight,
+          this.canvas.width - this.rowHeaderWidth,
+          this.canvas.height - this.headerHeight
+        ), e.clip(), e.strokeStyle = "#3b82f6", e.fillStyle = "rgba(59,130,246,0.12)";
+        for (const T of this.selection) {
+          const A = Math.max(0, Math.min(T.startRow, T.endRow)), k = Math.min(l.length - 1, Math.max(T.startRow, T.endRow)), N = Math.max(0, Math.min(T.startCol, T.endCol)), V = Math.min(
             s.columns.length - 1,
-            Math.max(E.startCol, E.endCol)
-          ), j = this.headerHeight + g.fenwick.sum(A) - k, P = g.fenwick.sum(H + 1) - g.fenwick.sum(A);
+            Math.max(T.startCol, T.endCol)
+          ), W = this.headerHeight + g.fenwick.sum(A) - H, $ = g.fenwick.sum(k + 1) - g.fenwick.sum(A);
           let I = this.rowHeaderWidth;
-          for (let O = 0; O < U; O += 1)
+          for (let O = 0; O < N; O += 1)
             I += a[O] ?? 100;
-          let N = 0;
-          for (let O = U; O <= V; O += 1)
-            N += a[O] ?? 100;
-          I -= S, e.fillRect(I, j, N, P), e.strokeRect(I + 0.5, j + 0.5, N - 1, P - 1);
+          let P = 0;
+          for (let O = N; O <= V; O += 1)
+            P += a[O] ?? 100;
+          I -= S, e.fillRect(I, W, P, $), e.strokeRect(I + 0.5, W + 0.5, P - 1, $ - 1);
         }
         e.restore();
       }
@@ -3248,7 +3438,7 @@ const q = class q {
     }
   }
   destroy() {
-    this.cancelRowHeightMeasurement(), this.heightIndex = null, this.canvas && (this.canvas.removeEventListener("pointermove", this.handlePointerMove), this.canvas.removeEventListener("pointerleave", this.handlePointerLeave), this.canvas.removeEventListener("click", this.handleClick)), this.cursorTimer && (window.clearTimeout(this.cursorTimer), this.cursorTimer = null), this.pendingCursorPoint = null, $(this.canvas), $(this.spacer), $(this.overlayLayer), $(this.tooltip), this.canvas = null, this.spacer = null, this.overlayLayer = null, this.tooltip = null, this.tooltipTarget = null, this.tooltipMessage = null, this.root = null;
+    this.cancelRowHeightMeasurement(), this.heightIndex = null, this.canvas && (this.canvas.removeEventListener("pointermove", this.handlePointerMove), this.canvas.removeEventListener("pointerdown", this.handlePointerDown), this.canvas.removeEventListener("pointerup", this.handlePointerUp), this.canvas.removeEventListener("pointerleave", this.handlePointerLeave), this.canvas.removeEventListener("click", this.handleClick)), this.cursorTimer && (window.clearTimeout(this.cursorTimer), this.cursorTimer = null), this.pendingCursorPoint = null, j(this.canvas), j(this.spacer), j(this.overlayLayer), j(this.tooltip), this.canvas = null, this.spacer = null, this.overlayLayer = null, this.tooltip = null, this.tooltipTarget = null, this.tooltipMessage = null, this.root = null;
   }
   ensureHeightIndex(t, e, i) {
     const n = this.heightIndex;
@@ -3260,8 +3450,8 @@ const q = class q {
       o.set(a.id, l);
       let c = this.rowHeight;
       if (i && e) {
-        const d = this.dataModel.getRowVersion(a.id), h = this.rowHeightMeasuredVersion.get(a.id), u = this.dataModel.getRowHeight(a.id);
-        h === d && typeof u == "number" && (c = u);
+        const h = this.dataModel.getRowVersion(a.id), d = this.rowHeightMeasuredVersion.get(a.id), u = this.dataModel.getRowHeight(a.id);
+        d === h && typeof u == "number" && (c = u);
       }
       s[l] = c;
     }
@@ -3270,7 +3460,7 @@ const q = class q {
       rowsRef: t,
       idToIndex: o,
       heights: s,
-      fenwick: Nt.from(s)
+      fenwick: Ot.from(s)
     };
   }
   applyRowHeightUpdates(t) {
@@ -3307,15 +3497,15 @@ const q = class q {
     const l = this.rowHeightMeasureTask ?? { key: o, nextIndex: 0 };
     if (l.key !== o) return;
     const a = this.dataModel.listRows(), c = {};
-    let d = 0;
-    const h = performance.now();
-    for (; l.nextIndex < a.length && d < q.ROW_HEIGHT_MEASURE_CHUNK && !(performance.now() - h > q.ROW_HEIGHT_MEASURE_TIME_BUDGET_MS); ) {
+    let h = 0;
+    const d = performance.now();
+    for (; l.nextIndex < a.length && h < U.ROW_HEIGHT_MEASURE_CHUNK && !(performance.now() - d > U.ROW_HEIGHT_MEASURE_TIME_BUDGET_MS); ) {
       const u = a[l.nextIndex];
       if (l.nextIndex += 1, !u) continue;
       const g = this.dataModel.getRowVersion(u.id);
       if (this.rowHeightMeasuredVersion.get(u.id) === g) continue;
       const m = this.measureRowHeight(t, u, e, n);
-      c[u.id] = m, this.rowHeightMeasuredVersion.set(u.id, g), d += 1;
+      c[u.id] = m, this.rowHeightMeasuredVersion.set(u.id, g), h += 1;
     }
     this.rowHeightMeasureTask = l.nextIndex < a.length ? l : null, this.ensureHeightIndex(a, this.rowHeightCacheKey, !0), this.applyRowHeightUpdates(c), this.dataModel.setRowHeightsBulk(c), this.rowHeightMeasureTask && this.scheduleRowHeightMeasurement();
   }
@@ -3324,11 +3514,11 @@ const q = class q {
   }
   hitTest(t) {
     if (!this.root || !this.canvas) return null;
-    const e = this.canvas.getBoundingClientRect(), i = t.clientX - e.left, n = t.clientY - e.top, s = i + this.root.scrollLeft, o = this.dataModel.getSchema(), l = this.dataModel.getView(), a = this.dataModel.listRows(), c = this.headerHeight, d = G(o, l), h = o.columns.some((M) => l.wrapText?.[M.key] ?? M.wrapText), u = h ? this.getRowHeightCacheKey(o, l, d) : null;
-    this.ensureHeightIndex(a, u, h);
+    const e = this.canvas.getBoundingClientRect(), i = t.clientX - e.left, n = t.clientY - e.top, s = i + this.root.scrollLeft, o = this.dataModel.getSchema(), l = this.dataModel.getView(), a = this.dataModel.listRows(), c = this.headerHeight, h = G(o, l), d = o.columns.some((M) => l.wrapText?.[M.key] ?? M.wrapText), u = d ? this.getRowHeightCacheKey(o, l, h) : null;
+    this.ensureHeightIndex(a, u, d);
     const g = this.heightIndex;
     if (!g) return null;
-    const m = g.fenwick.total(), p = this.canvas?.height ?? this.root.clientHeight, C = Math.max(0, p - this.headerHeight), f = Math.max(0, m - C), y = Math.max(0, Math.min(this.root.scrollTop, f));
+    const m = g.fenwick.total(), p = this.canvas?.height ?? this.root.clientHeight, v = Math.max(0, p - this.headerHeight), f = Math.max(0, m - v), y = Math.max(0, Math.min(this.root.scrollTop, f));
     if (n < c && i < this.rowHeaderWidth)
       return {
         rowId: "__all__",
@@ -3337,22 +3527,22 @@ const q = class q {
       };
     if (n < c) {
       let M = this.rowHeaderWidth, K = -1;
-      for (let L = 0; L < d.length; L += 1) {
-        const D = d[L] ?? 100;
-        if (s >= M && s <= M + D) {
+      for (let L = 0; L < h.length; L += 1) {
+        const _ = h[L] ?? 100;
+        if (s >= M && s <= M + _) {
           K = L;
           break;
         }
-        M += D;
+        M += _;
       }
       if (K >= 0) {
-        const L = o.columns[K], D = new DOMRect(
+        const L = o.columns[K], _ = new DOMRect(
           e.left + M - this.root.scrollLeft,
           e.top,
-          d[K] ?? 100,
+          h[K] ?? 100,
           c
         );
-        return { rowId: "__header__", colKey: L.key, rect: D };
+        return { rowId: "__header__", colKey: L.key, rect: _ };
       }
       return null;
     }
@@ -3362,19 +3552,19 @@ const q = class q {
         Math.min(a.length - 1, g.fenwick.lowerBound(M + 1))
       ), L = g.fenwick.sum(K);
       if (K < 0 || K >= a.length) return null;
-      const D = a[K], F = e.top + c + L - y, B = new DOMRect(
+      const _ = a[K], E = e.top + c + L - y, B = new DOMRect(
         e.left,
-        F,
+        E,
         this.rowHeaderWidth,
         g.heights[K] ?? this.rowHeight
       );
-      return { rowId: D.id, colKey: null, rect: B };
+      return { rowId: _.id, colKey: null, rect: B };
     }
-    const w = n - c + y, v = Math.max(0, Math.min(a.length - 1, g.fenwick.lowerBound(w + 1))), S = g.fenwick.sum(v);
-    if (v < 0 || v >= a.length) return null;
+    const w = n - c + y, C = Math.max(0, Math.min(a.length - 1, g.fenwick.lowerBound(w + 1))), S = g.fenwick.sum(C);
+    if (C < 0 || C >= a.length) return null;
     let b = this.rowHeaderWidth, x = -1;
-    for (let M = 0; M < d.length; M += 1) {
-      const K = d[M] ?? 100;
+    for (let M = 0; M < h.length; M += 1) {
+      const K = h[M] ?? 100;
       if (s >= b && s <= b + K) {
         x = M;
         break;
@@ -3382,13 +3572,13 @@ const q = class q {
       b += K;
     }
     if (x === -1) return null;
-    const T = a[v], _ = o.columns[x], R = S, k = new DOMRect(
+    const D = a[C], F = o.columns[x], R = S, H = new DOMRect(
       e.left + b - this.root.scrollLeft,
       e.top + c + R - this.root.scrollTop,
-      d[x] ?? 100,
-      g.heights[v] ?? this.rowHeight
+      h[x] ?? 100,
+      g.heights[C] ?? this.rowHeight
     );
-    return { rowId: T.id, colKey: _.key, rect: k };
+    return { rowId: D.id, colKey: F.key, rect: H };
   }
   hitTestAction(t) {
     if (!this.root || !this.canvas) return null;
@@ -3402,21 +3592,21 @@ const q = class q {
     if (!a || !a.label) return null;
     const c = this.canvas.getContext("2d");
     if (!c) return null;
-    const d = Mt(n), h = o.delta ? Q(d, o.delta) : d, u = this.dataModel.getCellStyle(e.rowId, n.key), g = u ? Q(h, u) : h, m = g.bold ? "600 " : "", p = g.italic ? "italic " : "";
+    const h = Rt(n), d = o.delta ? J(h, o.delta) : h, u = this.dataModel.getCellStyle(e.rowId, n.key), g = u ? J(d, u) : d, m = g.bold ? "600 " : "", p = g.italic ? "italic " : "";
     c.save(), c.font = `${p}${m}14px sans-serif`.trim() || "14px sans-serif", c.textBaseline = "alphabetic";
-    const f = this.dataModel.getView().wrapText?.[n.key] ?? n.wrapText ?? !1, y = n.style?.align ?? "left", w = e.rect.left + 8, v = e.rect.top + 2, S = Math.max(0, e.rect.width - 12), b = Math.max(0, e.rect.height - 8), x = this.measureTextBounds(
+    const f = this.dataModel.getView().wrapText?.[n.key] ?? n.wrapText ?? !1, y = n.style?.align ?? "left", w = e.rect.left + 8, C = e.rect.top + 2, S = Math.max(0, e.rect.width - 12), b = Math.max(0, e.rect.height - 8), x = this.measureTextBounds(
       c,
       a.label,
       w,
-      v,
+      C,
       S,
       b,
       f,
       y
     );
     if (c.restore(), !x) return null;
-    const T = n.type === "button" ? 6 : 2, _ = Math.max(e.rect.left, x.x - T), R = Math.max(e.rect.top, x.y - T), k = Math.min(e.rect.right, x.x + x.width + T), M = Math.min(e.rect.bottom, x.y + x.height + T);
-    return t.clientX >= _ && t.clientX <= k && t.clientY >= R && t.clientY <= M ? { rowId: e.rowId, colKey: String(e.colKey), kind: n.type } : null;
+    const D = n.type === "button" ? 6 : 2, F = Math.max(e.rect.left, x.x - D), R = Math.max(e.rect.top, x.y - D), H = Math.min(e.rect.right, x.x + x.width + D), M = Math.min(e.rect.bottom, x.y + x.height + D);
+    return t.clientX >= F && t.clientX <= H && t.clientY >= R && t.clientY <= M ? { rowId: e.rowId, colKey: String(e.colKey), kind: n.type } : null;
   }
   isPointInSelection(t, e) {
     if (!this.selection.length) return !1;
@@ -3424,8 +3614,8 @@ const q = class q {
     if (n < 0 || s < 0) return !1;
     for (const o of this.selection) {
       if (o.kind !== "cells") continue;
-      const l = Math.min(o.startRow, o.endRow), a = Math.max(o.startRow, o.endRow), c = Math.min(o.startCol, o.endCol), d = Math.max(o.startCol, o.endCol);
-      if (n >= l && n <= a && s >= c && s <= d)
+      const l = Math.min(o.startRow, o.endRow), a = Math.max(o.startRow, o.endRow), c = Math.min(o.startCol, o.endCol), h = Math.max(o.startCol, o.endCol);
+      if (n >= l && n <= a && s >= c && s <= h)
         return !0;
     }
     return !1;
@@ -3450,8 +3640,8 @@ const q = class q {
     if (!this.root || !this.canvas) return null;
     const i = this.canvas.getBoundingClientRect(), n = this.dataModel.getSchema(), s = this.dataModel.getView(), o = this.dataModel.listRows(), l = this.dataModel.getRowIndex(t), a = n.columns.findIndex((p) => p.key === e);
     if (l < 0 || a < 0) return null;
-    const c = G(n, s), d = n.columns.some((p) => s.wrapText?.[p.key] ?? p.wrapText), h = d ? this.getRowHeightCacheKey(n, s, c) : null;
-    this.ensureHeightIndex(o, h, d);
+    const c = G(n, s), h = n.columns.some((p) => s.wrapText?.[p.key] ?? p.wrapText), d = h ? this.getRowHeightCacheKey(n, s, c) : null;
+    this.ensureHeightIndex(o, d, h);
     const u = this.heightIndex;
     if (!u) return null;
     const g = u.fenwick.sum(l);
@@ -3472,41 +3662,41 @@ const q = class q {
       return;
     }
     {
-      const d = this.canvas.getBoundingClientRect(), h = t - d.left, u = e - d.top, g = h + this.root.scrollLeft, m = u, p = this.hoverHeaderColKey, C = this.hoverHeaderIcon;
-      let f = null, y = !1;
-      if (m >= 0 && m < this.headerHeight && g >= this.rowHeaderWidth) {
-        const v = this.dataModel.getSchema(), S = this.dataModel.getView(), b = G(v, S);
-        let x = this.rowHeaderWidth, T = -1;
-        for (let R = 0; R < b.length; R += 1) {
-          const k = b[R] ?? 100;
-          if (g >= x && g <= x + k) {
-            T = R;
+      const d = this.canvas.getBoundingClientRect(), u = t - d.left, g = e - d.top, m = u + this.root.scrollLeft, p = g, v = this.hoverHeaderColKey, f = this.hoverHeaderIcon;
+      let y = null, w = !1;
+      if (p >= 0 && p < this.headerHeight && m >= this.rowHeaderWidth) {
+        const S = this.dataModel.getSchema(), b = this.dataModel.getView(), x = G(S, b);
+        let D = this.rowHeaderWidth, F = -1;
+        for (let H = 0; H < x.length; H += 1) {
+          const M = x[H] ?? 100;
+          if (m >= D && m <= D + M) {
+            F = H;
             break;
           }
-          x += k;
+          D += M;
         }
-        const _ = T >= 0 ? v.columns[T] : null;
-        if (_) {
-          f = _.key;
-          const R = b[T] ?? 100, k = 18, K = x + R - k - 4, L = Math.floor((this.headerHeight - k) / 2);
-          y = g >= K && g <= K + k && m >= L && m <= L + k;
+        const R = F >= 0 ? S.columns[F] : null;
+        if (R) {
+          y = R.key;
+          const H = x[F] ?? 100, M = 18, L = D + H - M - 4, _ = Math.floor((this.headerHeight - M) / 2);
+          w = m >= L && m <= L + M && p >= _ && p <= _ + M;
         }
       }
-      const w = String(p ?? "") !== String(f ?? "") || !!C != !!y;
-      if (this.hoverHeaderColKey = f, this.hoverHeaderIcon = y, f !== null) {
-        this.canvas.style.cursor = y ? "pointer" : "default", this.tooltip && (this.tooltip.dataset.visible = "0"), this.tooltipTarget = null, this.tooltipMessage = null, w && this.render();
+      const C = String(v ?? "") !== String(y ?? "") || !!f != !!w;
+      if (this.hoverHeaderColKey = y, this.hoverHeaderIcon = w, y !== null) {
+        this.canvas.style.cursor = w ? "pointer" : "default", this.tooltip && (this.tooltip.dataset.visible = "0"), this.tooltipTarget = null, this.tooltipMessage = null, C && this.render();
         return;
       }
-      w && this.render();
+      C && this.render();
     }
     let i = "cell";
     const n = this.hitTest(new MouseEvent("mousemove", { clientX: t, clientY: e }));
     if (!n) {
-      this.canvas.style.cursor = i, this.tooltip && (this.tooltip.dataset.visible = "0"), this.tooltipTarget = null, this.tooltipMessage = null;
+      this.canvas.style.cursor = i, this.tooltip && (this.tooltip.dataset.visible = "0"), this.tooltipTarget = null, this.tooltipMessage = null, this.hoverActionKey = null;
       return;
     }
     if (n.colKey === "__all__" || n.colKey === null) {
-      this.canvas.style.cursor = "default", this.tooltip && (this.tooltip.dataset.visible = "0"), this.tooltipTarget = null, this.tooltipMessage = null;
+      this.canvas.style.cursor = "default", this.tooltip && (this.tooltip.dataset.visible = "0"), this.tooltipTarget = null, this.tooltipMessage = null, this.hoverActionKey = null;
       return;
     }
     if (this.getEditMode() === "readonly") {
@@ -3515,15 +3705,15 @@ const q = class q {
     }
     const s = this.dataModel.getCellMarker(n.rowId, n.colKey);
     if (this.tooltip && s) {
-      const d = this.tooltipTarget && this.tooltipTarget.rowId === n.rowId && this.tooltipTarget.colKey === n.colKey, h = this.tooltipMessage === s.message;
-      if (!d || !h || this.tooltip.dataset.visible !== "1") {
+      const d = this.tooltipTarget && this.tooltipTarget.rowId === n.rowId && this.tooltipTarget.colKey === n.colKey, u = this.tooltipMessage === s.message;
+      if (!d || !u || this.tooltip.dataset.visible !== "1") {
         this.tooltipTarget = { rowId: n.rowId, colKey: n.colKey }, this.tooltipMessage = s.message, this.tooltip.textContent = s.message;
-        const u = this.getCellRect(n.rowId, n.colKey);
-        u ? (this.positionTooltipAtRect(u), this.tooltip.dataset.visible = "1") : this.tooltip.dataset.visible = "0";
+        const g = this.getCellRect(n.rowId, n.colKey);
+        g ? (this.positionTooltipAtRect(g), this.tooltip.dataset.visible = "1") : this.tooltip.dataset.visible = "0";
       }
     } else this.tooltip && (this.tooltip.dataset.visible = "0", this.tooltipTarget = null, this.tooltipMessage = null);
-    const o = this.hitTestAction(new MouseEvent("mousemove", { clientX: t, clientY: e }));
-    if (o && !this.dataModel.getCellInteraction(o.rowId, o.colKey).disabled) {
+    const o = this.hitTestAction(new MouseEvent("mousemove", { clientX: t, clientY: e })), l = o ? `${o.rowId}::${o.colKey}::${o.kind}` : null;
+    if (l !== this.hoverActionKey && (this.hoverActionKey = l, this.render()), o && !this.dataModel.getCellInteraction(o.rowId, o.colKey).disabled) {
       this.canvas.style.cursor = "pointer";
       return;
     }
@@ -3535,7 +3725,7 @@ const q = class q {
       this.canvas.style.cursor = "cell";
       return;
     }
-    if (this.activeRowId && this.activeColKey !== null && this.activeRowId !== "__all__" && this.activeColKey !== "__all__" && Rt(
+    if (this.activeRowId && this.activeColKey !== null && this.activeRowId !== "__all__" && this.activeColKey !== "__all__" && Mt(
       this.dataModel,
       this.selection,
       this.activeRowId,
@@ -3544,15 +3734,15 @@ const q = class q {
     )) {
       const d = this.getCellRect(this.activeRowId, this.activeColKey);
       if (d) {
-        const h = ve(d, Ce);
-        if (Se(t, e, h)) {
+        const u = Ee(d, Ie);
+        if (Te(t, e, u)) {
           this.canvas.style.cursor = "crosshair";
           return;
         }
       }
     }
-    const a = this.dataModel.getSchema().columns.find((d) => d.key === n.colKey);
-    this.dataModel.getCellInteraction(n.rowId, n.colKey).readonly || a?.type === "boolean" ? i = "default" : i = "text", this.canvas.style.cursor = i;
+    const c = this.dataModel.getSchema().columns.find((d) => d.key === n.colKey);
+    this.dataModel.getCellInteraction(n.rowId, n.colKey).readonly || c?.type === "boolean" ? i = "default" : i = "text", this.canvas.style.cursor = i;
   }
   measureRowHeight(t, e, i, n) {
     let s = this.rowHeight;
@@ -3560,8 +3750,8 @@ const q = class q {
     for (let l = 0; l < i.columns.length; l += 1) {
       const a = i.columns[l];
       if (!a || !(o.wrapText?.[a.key] ?? a.wrapText)) continue;
-      const d = (n[l] ?? 100) - this.padding, h = this.dataModel.resolveCellValue(e.id, a), u = this.dataModel.resolveConditionalStyle(e.id, a), m = h.textOverride ?? (u.forceErrorText ? "#ERROR" : void 0) ? "#ERROR" : this.formatValue(h.value, a).text, C = this.wrapLines(t, m, d).length * this.lineHeight + this.padding;
-      s = Math.max(s, C);
+      const h = (n[l] ?? 100) - this.padding, d = this.dataModel.resolveCellValue(e.id, a), u = this.dataModel.resolveConditionalStyle(e.id, a), m = d.textOverride ?? (u.forceErrorText ? "#ERROR" : void 0) ? "#ERROR" : this.formatValue(d.value, a).text, v = this.wrapLines(t, m, h).length * this.lineHeight + this.padding;
+      s = Math.max(s, v);
     }
     return s;
   }
@@ -3574,14 +3764,14 @@ const q = class q {
     for (const a of o) {
       let c = a;
       for (; t.measureText(c).width > i && c.length > 1; ) {
-        let d = c.length;
-        for (; d > 1 && t.measureText(c.slice(0, d)).width > i; )
-          d -= 1;
-        l.push(c.slice(0, d)), c = c.slice(d);
+        let h = c.length;
+        for (; h > 1 && t.measureText(c.slice(0, h)).width > i; )
+          h -= 1;
+        l.push(c.slice(0, h)), c = c.slice(h);
       }
       l.push(c);
     }
-    for (this.textMeasureCache.set(n, { lines: l }); this.textMeasureCache.size > q.TEXT_MEASURE_CACHE_MAX; ) {
+    for (this.textMeasureCache.set(n, { lines: l }); this.textMeasureCache.size > U.TEXT_MEASURE_CACHE_MAX; ) {
       const a = this.textMeasureCache.keys().next().value;
       if (!a) break;
       this.textMeasureCache.delete(a);
@@ -3601,42 +3791,42 @@ const q = class q {
   measureTextBounds(t, e, i, n, s, o, l, a) {
     const c = this.getTextLinesForBounds(t, e, s, l, o);
     if (!c.length) return null;
-    let d = Number.POSITIVE_INFINITY, h = Number.NEGATIVE_INFINITY, u = Number.POSITIVE_INFINITY, g = Number.NEGATIVE_INFINITY;
+    let h = Number.POSITIVE_INFINITY, d = Number.NEGATIVE_INFINITY, u = Number.POSITIVE_INFINITY, g = Number.NEGATIVE_INFINITY;
     for (let m = 0; m < c.length; m += 1) {
-      const p = c[m] ?? "", C = t.measureText(p).width;
+      const p = c[m] ?? "", v = t.measureText(p).width;
       let f = i;
-      a === "right" ? f = i + s - C : a === "center" && (f = i + (s - C) / 2);
+      a === "right" ? f = i + s - v : a === "center" && (f = i + (s - v) / 2);
       const y = n + this.lineHeight * m, w = y + this.lineHeight;
-      d = Math.min(d, f), h = Math.max(h, f + C), u = Math.min(u, y), g = Math.max(g, w);
+      h = Math.min(h, f), d = Math.max(d, f + v), u = Math.min(u, y), g = Math.max(g, w);
     }
-    return !Number.isFinite(d) || !Number.isFinite(u) ? null : new DOMRect(d, u, h - d, g - u);
+    return !Number.isFinite(h) || !Number.isFinite(u) ? null : new DOMRect(h, u, d - h, g - u);
   }
-  drawCellText(t, e, i, n, s, o, l, a = "left", c = !1, d = !1, h) {
+  drawCellText(t, e, i, n, s, o, l, a = "left", c = !1, h = !1, d) {
     t.save(), t.beginPath(), t.rect(i - 4, n - 4, s + 8, o + 8), t.clip();
     const u = t.font;
-    c ? t.font = "28px sans-serif" : d && (t.font = "14px sans-serif");
+    c ? t.font = "28px sans-serif" : h && (t.font = "14px sans-serif");
     const g = (m, p) => {
-      const C = n + this.lineHeight * p;
+      const v = n + this.lineHeight * p;
       let f = i, y = i;
       if (a === "right")
-        t.textAlign = "right", y = i + s, f = y - t.measureText(m).width, t.fillText(m, y, C);
+        t.textAlign = "right", y = i + s, f = y - t.measureText(m).width, t.fillText(m, y, v);
       else if (a === "center") {
         t.textAlign = "center";
-        const w = i + s / 2, v = t.measureText(m).width;
-        f = w - v / 2, y = w + v / 2, t.fillText(m, w, C);
+        const w = i + s / 2, C = t.measureText(m).width;
+        f = w - C / 2, y = w + C / 2, t.fillText(m, w, v);
       } else
-        t.textAlign = "left", f = i, y = i + t.measureText(m).width, t.fillText(m, i, C);
-      if (h?.underline || h?.strike) {
-        const w = t.strokeStyle, v = t.lineWidth;
-        if (t.strokeStyle = t.fillStyle, t.lineWidth = 1, t.beginPath(), h.underline) {
-          const S = C + 2;
+        t.textAlign = "left", f = i, y = i + t.measureText(m).width, t.fillText(m, i, v);
+      if (d?.underline || d?.strike) {
+        const w = t.strokeStyle, C = t.lineWidth;
+        if (t.strokeStyle = t.fillStyle, t.lineWidth = 1, t.beginPath(), d.underline) {
+          const S = v + 2;
           t.moveTo(f, S), t.lineTo(y, S);
         }
-        if (h.strike) {
-          const S = C - Math.floor(this.lineHeight / 2) + 2;
+        if (d.strike) {
+          const S = v - Math.floor(this.lineHeight / 2) + 2;
           t.moveTo(f, S), t.lineTo(y, S);
         }
-        t.stroke(), t.strokeStyle = w, t.lineWidth = v;
+        t.stroke(), t.strokeStyle = w, t.lineWidth = C;
       }
     };
     if (l) {
@@ -3650,9 +3840,13 @@ const q = class q {
   formatValue(t, e) {
     if (t == null) return { text: "" };
     if (e.type === "button")
-      return { text: lt(t) || String(t) };
+      return { text: rt(t) || String(t) };
     if (e.type === "link")
-      return { text: at(t) || String(t) };
+      return { text: lt(t) || String(t) };
+    if (e.type === "tags") {
+      const i = Bt(t);
+      if (i) return { text: i.join(", ") };
+    }
     if (e.type === "boolean")
       return e.format === "checkbox" || !e.format ? { text: t ? "☑" : "☐" } : Array.isArray(e.format) && e.format.length >= 2 ? { text: String(t ? e.format[0] : e.format[1]) } : { text: t ? String(e.format) : "" };
     if (e.type === "number" && typeof t == "number") {
@@ -3664,45 +3858,49 @@ const q = class q {
     if ((e.type === "date" || e.type === "time" || e.type === "datetime") && (t instanceof Date || typeof t == "string")) {
       const i = e.format, n = e.type === "date" ? i ?? "yyyy-MM-dd" : e.type === "time" ? i ?? "HH:mm" : i ?? "yyyy-MM-dd'T'HH:mm:ss'Z'";
       let s = null;
-      return t instanceof Date ? s = t : s = this.valueFormatCache.parseIsoDate(t), s ? { text: le(s, n) } : { text: String(t) };
+      return t instanceof Date ? s = t : s = this.valueFormatCache.parseIsoDate(t), s ? { text: fe(s, n) } : { text: String(t) };
     }
     return { text: String(t) };
   }
 };
-q.MAX_CANVAS_DIM_PX = 8192, q.ROW_HEIGHT_MEASURE_CHUNK = 500, q.ROW_HEIGHT_MEASURE_TIME_BUDGET_MS = 8, q.TEXT_MEASURE_CACHE_MAX = 2e3;
-let kt = q;
-class En {
-  constructor(t, e, i, n, s, o, l, a, c, d, h, u, g, m, p, C) {
-    this.dataModel = a, this.onActiveChange = u, this.onSelectionChange = m, this.onUndo = p, this.onRedo = C, this.hitAction = null, this.handleDocumentContextMenu = null, this.selectionRanges = [], this.inputEl = null, this.floatingInputWrapper = null, this.selectionInput = null, this.copyToastEl = null, this.copyToastTimer = null, this.selectionMode = !0, this.lastBooleanCell = null, this.selectionAnchor = null, this.dragging = !1, this.dragStart = null, this.pointerDownClient = null, this.dragMoved = !1, this.dragSelectionChanged = !1, this.suppressNextClick = !1, this.fillDragging = !1, this.fillSource = null, this.fillEndRowIndex = null, this.rootCursorBackup = null, this.lastPointerClient = null, this.autoScrollRaf = null, this.autoScrollActive = !1, this.activeCell = null, this.activeHost = null, this.activeHostOriginalText = null, this.composing = !1, this.lastCompositionEnd = 0, this.handleSelectionBlur = () => this.teardownSelectionInput(), this.handleRootKeydown = async (f) => {
+U.MAX_CANVAS_DIM_PX = 8192, U.ROW_HEIGHT_MEASURE_CHUNK = 500, U.ROW_HEIGHT_MEASURE_TIME_BUDGET_MS = 8, U.TEXT_MEASURE_CACHE_MAX = 2e3;
+let kt = U;
+class On {
+  constructor(t, e, i, n, s, o, l, a, c, h, d, u, g, m, p, v) {
+    this.dataModel = a, this.onActiveChange = u, this.onSelectionChange = m, this.onUndo = p, this.onRedo = v, this.hitAction = null, this.handleDocumentContextMenu = null, this.selectionRanges = [], this.inputEl = null, this.floatingInputWrapper = null, this.selectionInput = null, this.copyToastEl = null, this.copyToastTimer = null, this.selectionMode = !0, this.lastBooleanCell = null, this.selectionAnchor = null, this.dragging = !1, this.dragStart = null, this.pointerDownClient = null, this.dragMoved = !1, this.dragSelectionChanged = !1, this.suppressNextClick = !1, this.fillDragging = !1, this.fillSource = null, this.fillEndRowIndex = null, this.rootCursorBackup = null, this.lastPointerClient = null, this.autoScrollRaf = null, this.autoScrollActive = !1, this.activeCell = null, this.activeHost = null, this.activeHostOriginalText = null, this.composing = !1, this.lastCompositionEnd = 0, this.handleInputCompositionStart = () => {
+      this.composing = !0;
+    }, this.handleInputCompositionEnd = () => {
+      this.composing = !1, this.lastCompositionEnd = Date.now();
+    }, this.handleSelectionBlur = () => this.teardownSelectionInput(), this.handleRootKeydown = async (f) => {
       if (f.defaultPrevented || !this.selectionMode || this.inputEl || f.isComposing || this.composing || !(typeof navigator < "u" && /mac/i.test(navigator.platform) ? f.metaKey : f.ctrlKey)) return;
-      const v = f.key.toLowerCase();
-      v === "c" ? (f.preventDefault(), await this.copySelection()) : v === "x" && (f.preventDefault(), await this.copySelection(), this.clearSelectionValues());
+      const C = f.key.toLowerCase();
+      C === "c" ? (f.preventDefault(), await this.copySelection()) : C === "x" && (f.preventDefault(), await this.copySelection(), this.clearSelectionValues());
     }, this.handlePointerDown = (f) => {
       if (f.button !== 0) return;
       const y = f.target;
       if (y?.closest('button[data-extable-fs-open="1"]') || y?.closest(".extable-filter-sort-trigger") || this.inputEl && f.target && this.inputEl.contains(f.target)) return;
       if (this.inputEl && this.activeCell && this.activeCell.colKey !== null) {
-        const { rowId: R, colKey: k } = this.activeCell, M = this.readActiveValue();
-        this.commitEdit(R, k, M), this.onMove(R), this.teardownInput(!1);
+        const { rowId: R, colKey: H } = this.activeCell, M = this.readActiveValue();
+        this.commitEdit(R, H, M), this.onMove(R), this.teardownInput(!1);
       }
       if (this.fillDragging) return;
       const w = this.hitTest(f);
       if (!w || w.rowId === "__all__" && w.colKey === "__all__" || w.colKey === "__all__") return;
-      const v = ye(this.dataModel, this.selectionRanges);
-      if (v && this.activeCell) {
-        const R = this.dataModel.getSchema(), k = this.dataModel.listRows(), M = v.endRowIndex, K = v.colIndex, L = k[M], D = R.columns[K];
-        if (L && D) {
-          const F = this.findHtmlCellElement(L.id, D.key)?.getBoundingClientRect() ?? this.computeCanvasCellRect(L.id, D.key);
-          if (F && Rt(
+      const C = Re(this.dataModel, this.selectionRanges);
+      if (C && this.activeCell) {
+        const R = this.dataModel.getSchema(), H = this.dataModel.listRows(), M = C.endRowIndex, K = C.colIndex, L = H[M], _ = R.columns[K];
+        if (L && _) {
+          const E = this.findHtmlCellElement(L.id, _.key)?.getBoundingClientRect() ?? this.computeCanvasCellRect(L.id, _.key);
+          if (E && Mt(
             this.dataModel,
             this.selectionRanges,
             this.activeCell.rowId,
             this.activeCell.colKey,
             this.editMode
           )) {
-            const B = ve(F, Ce);
-            if (Se(f.clientX, f.clientY, B)) {
-              f.preventDefault(), this.fillDragging = !0, this.fillSource = v, this.fillEndRowIndex = v.endRowIndex, this.root.dataset.extableFillDragging = "1", this.rootCursorBackup === null && (this.rootCursorBackup = this.root.style.cursor || ""), this.root.style.cursor = "crosshair", this.lastPointerClient = { x: f.clientX, y: f.clientY }, this.dragging = !1, this.dragStart = null, this.suppressNextClick = !0;
+            const B = Ee(E, Ie);
+            if (Te(f.clientX, f.clientY, B)) {
+              f.preventDefault(), this.fillDragging = !0, this.fillSource = C, this.fillEndRowIndex = C.endRowIndex, this.root.dataset.extableFillDragging = "1", this.rootCursorBackup === null && (this.rootCursorBackup = this.root.style.cursor || ""), this.root.style.cursor = "crosshair", this.lastPointerClient = { x: f.clientX, y: f.clientY }, this.dragging = !1, this.dragStart = null, this.suppressNextClick = !0;
               try {
                 f.target?.setPointerCapture?.(f.pointerId);
               } catch {
@@ -3710,10 +3908,10 @@ class En {
               this.selectionRanges = [
                 {
                   kind: "cells",
-                  startRow: v.startRowIndex,
-                  endRow: v.endRowIndex,
-                  startCol: v.colIndex,
-                  endCol: v.colIndex
+                  startRow: C.startRowIndex,
+                  endRow: C.endRowIndex,
+                  startCol: C.colIndex,
+                  endCol: C.colIndex
                 }
               ], this.onSelectionChange(this.selectionRanges), this.startAutoScroll();
               return;
@@ -3721,25 +3919,25 @@ class En {
           }
         }
       }
-      const S = this.dataModel.getSchema(), b = this.dataModel.listRows(), x = w.rowId === "__header__" ? 0 : this.dataModel.getRowIndex(w.rowId), T = S.columns.findIndex((R) => String(R.key) === String(w.colKey));
-      if (T < 0) return;
+      const S = this.dataModel.getSchema(), b = this.dataModel.listRows(), x = w.rowId === "__header__" ? 0 : this.dataModel.getRowIndex(w.rowId), D = S.columns.findIndex((R) => String(R.key) === String(w.colKey));
+      if (D < 0) return;
       if (w.rowId === "__header__") {
         if (!b.length) return;
         const R = {
           kind: "cells",
           startRow: 0,
           endRow: b.length - 1,
-          startCol: T,
-          endCol: T
+          startCol: D,
+          endCol: D
         };
         this.selectionRanges = [R], this.onSelectionChange(this.selectionRanges), this.dragging = !1, this.selectionMode = !0, this.dragStart = null, this.selectionAnchor = null, this.suppressNextClick = !1;
-        const k = b[0], M = S.columns[T];
-        k && M && (this.activeCell = { rowId: k.id, colKey: M.key }, this.onActiveChange(k.id, M.key)), this.focusSelectionInput("");
+        const H = b[0], M = S.columns[D];
+        H && M && (this.activeCell = { rowId: H.id, colKey: M.key }, this.onActiveChange(H.id, M.key)), this.focusSelectionInput("");
         return;
       }
       if (x < 0) return;
-      const _ = w.colKey === null ? "rows" : "cells";
-      this.dragging = !0, this.pointerDownClient = { x: f.clientX, y: f.clientY }, this.dragMoved = !1, this.dragSelectionChanged = !1, this.dragStart = { rowIndex: x, colIndex: T, kind: _ }, this.suppressNextClick = !1, this.selectionMode = !0, this.selectionAnchor = null, this.lastPointerClient = { x: f.clientX, y: f.clientY };
+      const F = w.colKey === null ? "rows" : "cells";
+      this.dragging = !0, this.pointerDownClient = { x: f.clientX, y: f.clientY }, this.dragMoved = !1, this.dragSelectionChanged = !1, this.dragStart = { rowIndex: x, colIndex: D, kind: F }, this.suppressNextClick = !1, this.selectionMode = !0, this.selectionAnchor = null, this.lastPointerClient = { x: f.clientX, y: f.clientY };
       try {
         f.target?.setPointerCapture?.(f.pointerId);
       } catch {
@@ -3760,13 +3958,13 @@ class En {
       }
     }, this.handlePointerUp = (f) => {
       if (this.fillDragging && this.fillSource) {
-        const w = this.fillSource, v = this.fillEndRowIndex ?? w.endRowIndex;
+        const w = this.fillSource, C = this.fillEndRowIndex ?? w.endRowIndex;
         this.fillDragging = !1, this.fillSource = null, this.fillEndRowIndex = null, this.root.dataset.extableFillDragging = "", this.rootCursorBackup !== null && (this.root.style.cursor = this.rootCursorBackup, this.rootCursorBackup = null), this.stopAutoScroll();
         try {
           f.target?.releasePointerCapture?.(f.pointerId);
         } catch {
         }
-        this.commitFill(w, v), this.suppressNextClick = !0;
+        this.commitFill(w, C), this.suppressNextClick = !0;
         return;
       }
       if (!this.dragging) return;
@@ -3792,10 +3990,31 @@ class En {
     }, this.handleSelectionPaste = (f) => {
       if (!this.selectionMode) return;
       f.preventDefault();
-      const y = f.clipboardData?.getData("text/html") ?? "", w = f.clipboardData?.getData("text/tab-separated-values") ?? "", v = f.clipboardData?.getData("text/plain") ?? "", S = this.parseClipboardGrid({ html: y, tsv: w, text: v });
+      const y = f.clipboardData?.getData("text/html") ?? "", w = f.clipboardData?.getData("text/tab-separated-values") ?? "", C = f.clipboardData?.getData("text/plain") ?? "", S = this.parseClipboardGrid({ html: y, tsv: w, text: C });
       S && this.applyClipboardGrid(S);
-    }, this.handleSelectionCompositionStart = () => {
-      this.selectionMode && (this.selectionMode = !1, this.teardownSelectionInput(), this.openEditorAtActiveCell());
+    }, this.handleSelectionCompositionStart = (f) => {
+      if (!this.selectionMode) return;
+      const y = this.activeCell;
+      if (!(!y || y.colKey === null)) {
+        if (this.isCellReadonly(y.rowId, y.colKey)) {
+          f?.preventDefault?.(), f?.stopPropagation?.();
+          const w = this.dataModel.getCell(y.rowId, y.colKey), C = this.cellToClipboardString(w);
+          this.teardownSelectionInput(), this.focusSelectionInput(C);
+          return;
+        }
+        this.selectionMode = !1, this.teardownSelectionInput(), this.openEditorAtActiveCell();
+      }
+    }, this.handleSelectionBeforeInput = (f) => {
+      if (!this.selectionMode) return;
+      const y = this.activeCell;
+      if (!(!y || y.colKey === null) && this.isCellReadonly(y.rowId, y.colKey)) {
+        f.preventDefault();
+        try {
+          const w = this.dataModel.getCell(y.rowId, y.colKey), C = this.cellToClipboardString(w), S = this.ensureSelectionInput();
+          S.value = C, S.select();
+        } catch {
+        }
+      }
     }, this.handleSelectionKeydown = async (f) => {
       if (!this.selectionMode || !this.activeCell || f.isComposing || this.composing || f.key === "Shift" || f.key === "Control" || f.key === "Alt" || f.key === "Meta" || f.key === "CapsLock" || f.key === "NumLock" || f.key === "ScrollLock")
         return;
@@ -3836,9 +4055,9 @@ class En {
         this.selectionAnchor = null;
         return;
       }
-      const v = f.key === "Tab", S = f.key === "Enter", b = f.key === "ArrowLeft" || f.key === "ArrowRight" || f.key === "ArrowUp" || f.key === "ArrowDown";
-      if (v || S || b) {
-        if (f.preventDefault(), this.teardownSelectionInput(), v) {
+      const C = f.key === "Tab", S = f.key === "Enter", b = f.key === "ArrowLeft" || f.key === "ArrowRight" || f.key === "ArrowUp" || f.key === "ArrowDown";
+      if (C || S || b) {
+        if (f.preventDefault(), this.teardownSelectionInput(), C) {
           this.moveActiveCell(0, f.shiftKey ? -1 : 1, !1);
           return;
         }
@@ -3850,6 +4069,10 @@ class En {
         f.key === "ArrowLeft" ? this.moveActiveCell(0, -1, x) : f.key === "ArrowRight" ? this.moveActiveCell(0, 1, x) : f.key === "ArrowUp" ? this.moveActiveCell(-1, 0, x) : f.key === "ArrowDown" && this.moveActiveCell(1, 0, x);
         return;
       }
+      if (this.activeCell.colKey !== null && this.isCellReadonly(this.activeCell.rowId, this.activeCell.colKey)) {
+        f.preventDefault(), this.selectionAnchor = null;
+        return;
+      }
       this.selectionMode = !1, this.selectionAnchor = null, this.teardownSelectionInput(), this.openEditorAtActiveCell();
     }, this.handleClick = (f) => {
       if (f.button !== 0 || f.target?.closest('button[data-extable-fs-open="1"]'))
@@ -3861,24 +4084,31 @@ class En {
       if (this.inputEl && f.target && this.inputEl.contains(f.target))
         return;
       if (this.inputEl && this.activeCell && this.activeCell.colKey !== null) {
-        const { rowId: R, colKey: k } = this.activeCell, M = this.readActiveValue();
-        this.commitEdit(R, k, M), this.onMove(R), this.teardownInput(!1);
+        const { rowId: R, colKey: H } = this.activeCell, M = this.readActiveValue();
+        this.commitEdit(R, H, M), this.onMove(R), this.teardownInput(!1);
       }
       const w = typeof document.elementFromPoint == "function" ? this.getHitAtClientPoint(f.clientX, f.clientY) : this.hitTest(f);
       if (!w) return;
-      const v = this.hitAction ? this.hitAction(f) : null;
-      if (v && this.triggerCellAction(v.rowId, v.colKey, v.kind)) {
-        f.preventDefault();
-        return;
-      }
+      const C = this.hitAction ? this.hitAction(f) : null;
+      if (C) {
+        if (globalThis.__EXTABLE_DEBUG_ACTIONS && console.log("[extable][canvas][action-click]", C), C.kind === "tag-remove") {
+          if (this.removeTagValue(C.rowId, C.colKey, C.tagIndex)) {
+            f.preventDefault();
+            return;
+          }
+        } else if (this.triggerCellAction(C.rowId, C.colKey, C.kind)) {
+          f.preventDefault();
+          return;
+        }
+      } else globalThis.__EXTABLE_DEBUG_ACTIONS && console.log("[extable][canvas][action-click]", null);
       const S = this.selectionMode && !f.shiftKey && !f.metaKey && !f.ctrlKey && this.activeCell?.rowId === w.rowId && String(this.activeCell?.colKey) === String(w.colKey);
       if (w.rowId === "__all__" && w.colKey === "__all__") {
-        const R = this.dataModel.getSchema(), k = this.dataModel.listRows();
-        this.teardownInput(!1), k.length && R.columns.length ? (this.selectionRanges = [
+        const R = this.dataModel.getSchema(), H = this.dataModel.listRows();
+        this.teardownInput(!1), H.length && R.columns.length ? (this.selectionRanges = [
           {
             kind: "cells",
             startRow: 0,
-            endRow: k.length - 1,
+            endRow: H.length - 1,
             startCol: 0,
             endCol: R.columns.length - 1
           }
@@ -3886,16 +4116,16 @@ class En {
         return;
       }
       if (this.onRowSelect(w.rowId), w.rowId === "__header__") {
-        const R = this.dataModel.getSchema(), k = this.dataModel.listRows(), M = R.columns.findIndex((K) => String(K.key) === String(w.colKey));
-        k.length && M >= 0 && (this.selectionRanges = [
+        const R = this.dataModel.getSchema(), H = this.dataModel.listRows(), M = R.columns.findIndex((K) => String(K.key) === String(w.colKey));
+        H.length && M >= 0 && (this.selectionRanges = [
           {
             kind: "cells",
             startRow: 0,
-            endRow: k.length - 1,
+            endRow: H.length - 1,
             startCol: M,
             endCol: M
           }
-        ], this.activeCell = { rowId: k[0].id, colKey: w.colKey }, this.onActiveChange(this.activeCell.rowId, this.activeCell.colKey), this.onSelectionChange(this.selectionRanges), this.updateFillHandleFlag(), this.selectionMode = !0, this.selectionAnchor = null, this.focusSelectionInput(""));
+        ], this.activeCell = { rowId: H[0].id, colKey: w.colKey }, this.onActiveChange(this.activeCell.rowId, this.activeCell.colKey), this.onSelectionChange(this.selectionRanges), this.updateFillHandleFlag(), this.selectionMode = !0, this.selectionAnchor = null, this.focusSelectionInput(""));
         return;
       }
       if (this.applySelectionFromHit(f, w), w.colKey === null || w.colKey === "__all__") {
@@ -3922,8 +4152,8 @@ class En {
         return;
       }
       this.lastBooleanCell = null, this.selectionAnchor = null, this.teardownInput(!1);
-      const T = this.dataModel.getCell(w.rowId, w.colKey), _ = this.cellToClipboardString(T);
-      this.focusSelectionInput(_), S && (this.selectionMode = !1, this.teardownSelectionInput(), this.openEditorAtActiveCell());
+      const D = this.dataModel.getCell(w.rowId, w.colKey), F = this.cellToClipboardString(D);
+      this.focusSelectionInput(F), S && (this.selectionMode = !1, this.teardownSelectionInput(), this.openEditorAtActiveCell());
     }, this.handleContextMenu = (f) => {
       const y = f.target;
       if (f.ctrlKey) {
@@ -3932,9 +4162,9 @@ class En {
       }
       if (!y || !this.root.contains(y)) return;
       f.preventDefault(), f.stopPropagation();
-      const w = this.hitTest(f), v = w?.rowId ?? null, S = w?.colKey ?? null;
-      this.onContextMenu(v, S, f.clientX, f.clientY);
-    }, this.root = t, this.editMode = e, this.onEdit = i, this.onRowSelect = n, this.onMove = s, this.hitTest = o, this.hitAction = l, this.sequenceLangs = c, this.isCellReadonly = d, this.onCellAction = h, this.onContextMenu = g, this.bind();
+      const w = this.hitTest(f), C = w?.rowId ?? null, S = w?.colKey ?? null;
+      this.onContextMenu(C, S, f.clientX, f.clientY);
+    }, this.root = t, this.editMode = e, this.onEdit = i, this.onRowSelect = n, this.onMove = s, this.hitTest = o, this.hitAction = l, this.sequenceLangs = c, this.isCellReadonly = h, this.onCellAction = d, this.onContextMenu = g, this.bind();
   }
   setEditMode(t) {
     this.editMode = t;
@@ -3959,15 +4189,15 @@ class En {
           }
         ], y = !0;
       else {
-        const w = this.selectionRanges.map((v) => {
-          const S = (x, T) => Math.max(0, Math.min(T, x)), b = {
-            ...v,
-            startRow: S(v.startRow, i),
-            endRow: S(v.endRow, i),
-            startCol: S(v.startCol, n),
-            endCol: S(v.endCol, n)
+        const w = this.selectionRanges.map((C) => {
+          const S = (x, D) => Math.max(0, Math.min(D, x)), b = {
+            ...C,
+            startRow: S(C.startRow, i),
+            endRow: S(C.endRow, i),
+            startCol: S(C.startCol, n),
+            endCol: S(C.endCol, n)
           };
-          return (b.startRow !== v.startRow || b.endRow !== v.endRow || b.startCol !== v.startCol || b.endCol !== v.endCol) && (y = !0), b;
+          return (b.startRow !== C.startRow || b.endRow !== C.endRow || b.startCol !== C.startCol || b.endCol !== C.endCol) && (y = !0), b;
         });
         this.selectionRanges = w;
       }
@@ -3975,21 +4205,21 @@ class En {
       return;
     }
     const c = o ?? t.columns[0]?.key ?? "";
-    let d = t.columns.findIndex((y) => String(y.key) === String(c));
-    d < 0 && (d = 0);
-    const h = t.columns[d]?.key ?? "", u = s ? this.dataModel.getBaseRowIndex(s) : 0, g = e[e.length - 1] ?? e[0] ?? null, m = e.find((y) => this.dataModel.getBaseRowIndex(y.id) >= u) ?? g;
+    let h = t.columns.findIndex((y) => String(y.key) === String(c));
+    h < 0 && (h = 0);
+    const d = t.columns[h]?.key ?? "", u = s ? this.dataModel.getBaseRowIndex(s) : 0, g = e[e.length - 1] ?? e[0] ?? null, m = e.find((y) => this.dataModel.getBaseRowIndex(y.id) >= u) ?? g;
     if (!m) return;
-    const p = m.id, C = this.dataModel.getRowIndex(p);
+    const p = m.id, v = this.dataModel.getRowIndex(p);
     this.selectionAnchor = null, this.lastBooleanCell = null, this.teardownInput(!1), this.selectionRanges = [
       {
         kind: "cells",
-        startRow: C,
-        endRow: C,
-        startCol: d,
-        endCol: d
+        startRow: v,
+        endRow: v,
+        startCol: h,
+        endCol: h
       }
-    ], this.activeCell = { rowId: p, colKey: h }, this.onActiveChange(p, h), this.onSelectionChange(this.selectionRanges), this.ensureVisibleCell(p, h);
-    const f = this.dataModel.getCell(p, h);
+    ], this.activeCell = { rowId: p, colKey: d }, this.onActiveChange(p, d), this.onSelectionChange(this.selectionRanges), this.ensureVisibleCell(p, d);
+    const f = this.dataModel.getCell(p, d);
     this.focusSelectionInput(this.cellToClipboardString(f)), this.updateFillHandleFlag();
   }
   navigateToCell(t, e) {
@@ -4021,7 +4251,7 @@ class En {
   }
   updateFillHandleFlag() {
     const t = this.activeCell?.colKey ?? null, e = this.activeCell?.rowId ?? null;
-    this.root.dataset.extableFillHandle = Rt(
+    this.root.dataset.extableFillHandle = Mt(
       this.dataModel,
       this.selectionRanges,
       e,
@@ -4073,13 +4303,13 @@ class En {
     return e.className = "extable-toast", e.dataset.extableCopyToast = "1", e.style.position = "absolute", e.style.left = "0", e.style.top = "0", e.style.pointerEvents = "none", e.style.zIndex = "1000", e.style.display = "none", e.style.margin = "0", this.root.appendChild(e), this.copyToastEl = e, e;
   }
   teardownCopyToast() {
-    this.copyToastTimer && (window.clearTimeout(this.copyToastTimer), this.copyToastTimer = null), this.copyToastEl && (this.copyToastEl.style.display = "none", $(this.copyToastEl), this.copyToastEl = null);
+    this.copyToastTimer && (window.clearTimeout(this.copyToastTimer), this.copyToastTimer = null), this.copyToastEl && (this.copyToastEl.style.display = "none", j(this.copyToastEl), this.copyToastEl = null);
   }
   positionCopyToast() {
     if (!this.copyToastEl) return;
     const t = this.copyToastEl.offsetWidth || 0, e = this.copyToastEl.offsetHeight || 0, i = 16, n = Math.max(0, this.root.scrollLeft + this.root.clientWidth - t - i), s = Math.max(0, this.root.scrollTop + this.root.clientHeight - e - i), o = Math.max(0, this.root.scrollLeft + i), l = Math.max(0, this.root.scrollTop + i), a = this.root.getBoundingClientRect(), c = this.getActiveCellRect();
     if (c) {
-      const d = c.right - a.left + this.root.scrollLeft - t + 8, h = c.top - a.top + this.root.scrollTop - e + 8, u = Math.min(n, Math.max(o, d)), g = Math.min(s, Math.max(l, h));
+      const h = c.right - a.left + this.root.scrollLeft - t + 8, d = c.top - a.top + this.root.scrollTop - e + 8, u = Math.min(n, Math.max(o, h)), g = Math.min(s, Math.max(l, d));
       this.copyToastEl.style.left = `${u}px`, this.copyToastEl.style.top = `${g}px`;
       return;
     }
@@ -4094,7 +4324,7 @@ class En {
   ensureSelectionInput() {
     if (this.selectionInput) return this.selectionInput;
     const t = document.createElement("input");
-    return t.type = "text", t.autocomplete = "off", t.spellcheck = !1, t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.transform = "translate(-10000px, 0)", t.style.width = "1px", t.style.height = "1px", t.style.opacity = "0", t.style.pointerEvents = "none", t.addEventListener("keydown", this.handleSelectionKeydown), t.addEventListener("compositionstart", this.handleSelectionCompositionStart), t.addEventListener("copy", this.handleSelectionCopy), t.addEventListener("cut", this.handleSelectionCut), t.addEventListener("paste", this.handleSelectionPaste), t.addEventListener("blur", this.handleSelectionBlur), this.root.appendChild(t), this.selectionInput = t, t;
+    return t.type = "text", t.readOnly = !0, t.inputMode = "none", t.autocomplete = "off", t.spellcheck = !1, t.style.position = "absolute", t.style.left = "0", t.style.top = "0", t.style.transform = "translate(-10000px, 0)", t.style.width = "1px", t.style.height = "1px", t.style.opacity = "0", t.style.pointerEvents = "none", t.addEventListener("keydown", this.handleSelectionKeydown), t.addEventListener("beforeinput", this.handleSelectionBeforeInput), t.addEventListener("compositionstart", this.handleSelectionCompositionStart), t.addEventListener("copy", this.handleSelectionCopy), t.addEventListener("cut", this.handleSelectionCut), t.addEventListener("paste", this.handleSelectionPaste), t.addEventListener("blur", this.handleSelectionBlur), this.root.appendChild(t), this.selectionInput = t, t;
   }
   focusSelectionInput(t) {
     const e = this.ensureSelectionInput();
@@ -4141,19 +4371,19 @@ class En {
     ) ? this.getCanvasCellMetrics(t, e) : null;
   }
   getCanvasCellMetrics(t, e) {
-    const i = this.dataModel.getSchema(), n = this.dataModel.getView(), s = this.dataModel.listRows(), o = s.findIndex((C) => C.id === t), l = i.columns.findIndex((C) => String(C.key) === String(e));
+    const i = this.dataModel.getSchema(), n = this.dataModel.getView(), s = this.dataModel.listRows(), o = s.findIndex((v) => v.id === t), l = i.columns.findIndex((v) => String(v.key) === String(e));
     if (o < 0 || l < 0) return null;
-    const a = dt, c = ot, d = ht, h = G(i, n);
+    const a = dt, c = st, h = ht, d = G(i, n);
     let u = c;
-    for (let C = 0; C < l; C += 1) u += h[C] ?? 100;
+    for (let v = 0; v < l; v += 1) u += d[v] ?? 100;
     let g = a;
-    for (let C = 0; C < o; C += 1) {
-      const f = s[C];
+    for (let v = 0; v < o; v += 1) {
+      const f = s[v];
       if (!f) return null;
-      const y = this.dataModel.getRowHeight(f.id) ?? d;
+      const y = this.dataModel.getRowHeight(f.id) ?? h;
       g += y;
     }
-    const m = this.dataModel.getRowHeight(t) ?? d, p = h[l] ?? 100;
+    const m = this.dataModel.getRowHeight(t) ?? h, p = d[l] ?? 100;
     return { left: u, top: g, width: p, height: m, rowIndex: o, colIndex: l };
   }
   getActiveCellRect() {
@@ -4161,20 +4391,20 @@ class En {
     if (!t) return null;
     const e = this.root.getBoundingClientRect(), i = this.dataModel.getSchema(), n = this.dataModel.getView();
     if (t.rowId === "__all__" && t.colKey === "__all__")
-      return new DOMRect(e.left, e.top, ot, dt);
+      return new DOMRect(e.left, e.top, st, dt);
     if (t.rowId === "__header__" && t.colKey !== null) {
       const o = this.escapeCssAttrValue(String(t.colKey)), l = this.root.querySelector(`th[data-col-key="${o}"]`);
       if (l) return l.getBoundingClientRect();
       const a = i.columns.findIndex((c) => String(c.key) === String(t.colKey));
       if (a >= 0) {
         const c = G(i, n);
-        let d = ot;
-        for (let u = 0; u < a; u += 1) d += c[u] ?? 100;
-        const h = c[a] ?? 100;
+        let h = st;
+        for (let u = 0; u < a; u += 1) h += c[u] ?? 100;
+        const d = c[a] ?? 100;
         return new DOMRect(
-          e.left + d - this.root.scrollLeft,
+          e.left + h - this.root.scrollLeft,
           e.top,
-          h,
+          d,
           dt
         );
       }
@@ -4184,16 +4414,16 @@ class En {
       if (o >= 0) {
         let l = dt;
         const a = this.dataModel.listRows();
-        for (let d = 0; d < o; d += 1) {
-          const h = a[d];
-          if (!h) break;
-          l += this.dataModel.getRowHeight(h.id) ?? ht;
+        for (let h = 0; h < o; h += 1) {
+          const d = a[h];
+          if (!d) break;
+          l += this.dataModel.getRowHeight(d.id) ?? ht;
         }
         const c = this.dataModel.getRowHeight(t.rowId) ?? ht;
         return new DOMRect(
           e.left,
           e.top + l - this.root.scrollTop,
-          ot,
+          st,
           c
         );
       }
@@ -4210,8 +4440,8 @@ class En {
     }
     const n = this.getCanvasCellMetrics(t, e);
     if (!n) return;
-    const s = n.left, o = n.left + n.width, l = n.top, a = n.top + n.height, c = this.root.scrollLeft, d = this.root.scrollLeft + this.root.clientWidth, h = this.root.scrollTop, u = this.root.scrollTop + this.root.clientHeight;
-    s < c ? this.root.scrollLeft = Math.max(0, s) : o > d && (this.root.scrollLeft = Math.max(0, o - this.root.clientWidth)), l < h ? this.root.scrollTop = Math.max(0, l) : a > u && (this.root.scrollTop = Math.max(0, a - this.root.clientHeight));
+    const s = n.left, o = n.left + n.width, l = n.top, a = n.top + n.height, c = this.root.scrollLeft, h = this.root.scrollLeft + this.root.clientWidth, d = this.root.scrollTop, u = this.root.scrollTop + this.root.clientHeight;
+    s < c ? this.root.scrollLeft = Math.max(0, s) : o > h && (this.root.scrollLeft = Math.max(0, o - this.root.clientWidth)), l < d ? this.root.scrollTop = Math.max(0, l) : a > u && (this.root.scrollTop = Math.max(0, a - this.root.clientHeight));
   }
   moveActiveCell(t, e, i = !1) {
     const n = this.dataModel.getSchema(), s = this.dataModel.listRows();
@@ -4220,27 +4450,27 @@ class En {
     i || (this.selectionAnchor = null);
     const a = i && this.selectionAnchor ? this.selectionAnchor : i ? { rowIndex: o, colIndex: l } : null;
     i && !this.selectionAnchor && (this.selectionAnchor = { rowIndex: o, colIndex: l });
-    const c = Math.max(0, Math.min(s.length - 1, o + t)), d = Math.max(0, Math.min(n.columns.length - 1, l + e));
+    const c = Math.max(0, Math.min(s.length - 1, o + t)), h = Math.max(0, Math.min(n.columns.length - 1, l + e));
     {
-      const h = s[c];
-      if (!h) return;
-      const u = n.columns[d];
+      const d = s[c];
+      if (!d) return;
+      const u = n.columns[h];
       if (!u) return;
-      const g = h.id, m = u.key, p = a ? {
+      const g = d.id, m = u.key, p = a ? {
         kind: "cells",
         startRow: a.rowIndex,
         endRow: c,
         startCol: a.colIndex,
-        endCol: d
+        endCol: h
       } : {
         kind: "cells",
         startRow: c,
         endRow: c,
-        startCol: d,
-        endCol: d
+        startCol: h,
+        endCol: h
       };
       this.selectionRanges = [p], this.activeCell = { rowId: g, colKey: m }, this.onActiveChange(g, m), this.onSelectionChange(this.selectionRanges), this.ensureVisibleCell(g, m);
-      const C = this.dataModel.getCell(g, m), f = this.cellToClipboardString(C);
+      const v = this.dataModel.getCell(g, m), f = this.cellToClipboardString(v);
       this.focusSelectionInput(f), this.updateFillHandleFlag();
       return;
     }
@@ -4296,16 +4526,16 @@ class En {
     if (o < 0) return;
     const l = this.dragStart.kind === "rows" ? n.columns.length - 1 : n.columns.findIndex((m) => String(m.key) === String(i.colKey));
     if (l < 0) return;
-    const a = this.dragStart.rowIndex, c = this.dragStart.kind === "rows" ? 0 : this.dragStart.colIndex, d = this.dragStart.kind === "rows" ? n.columns.length - 1 : l;
-    (o !== a || d !== c) && (this.dragSelectionChanged = !0);
-    const h = {
+    const a = this.dragStart.rowIndex, c = this.dragStart.kind === "rows" ? 0 : this.dragStart.colIndex, h = this.dragStart.kind === "rows" ? n.columns.length - 1 : l;
+    (o !== a || h !== c) && (this.dragSelectionChanged = !0);
+    const d = {
       kind: this.dragStart.kind,
       startRow: a,
       endRow: o,
       startCol: c,
-      endCol: d
+      endCol: h
     };
-    this.selectionRanges = [h];
+    this.selectionRanges = [d];
     const u = s[o]?.id ?? i.rowId, g = this.dragStart.kind === "rows" ? n.columns[0]?.key ?? i.colKey : n.columns[l]?.key ?? i.colKey;
     this.activeCell = { rowId: u, colKey: g }, this.onActiveChange(u, g), this.onSelectionChange(this.selectionRanges), this.updateFillHandleFlag();
   }
@@ -4318,10 +4548,10 @@ class En {
     const a = Math.max(this.fillSource.endRowIndex, o);
     if (this.fillEndRowIndex !== a) {
       this.fillEndRowIndex = a;
-      const c = s[a]?.id ?? i.rowId, d = n.columns[this.fillSource.colIndex];
-      if (!d) return;
-      const h = d.key;
-      this.activeCell = { rowId: c, colKey: h }, this.onActiveChange(c, h), this.selectionRanges = [
+      const c = s[a]?.id ?? i.rowId, h = n.columns[this.fillSource.colIndex];
+      if (!h) return;
+      const d = h.key;
+      this.activeCell = { rowId: c, colKey: d }, this.onActiveChange(c, d), this.selectionRanges = [
         {
           kind: "cells",
           startRow: this.fillSource.startRowIndex,
@@ -4364,14 +4594,14 @@ class En {
   commitFill(t, e) {
     const i = this.dataModel.getSchema(), n = this.dataModel.listRows(), s = i.columns[t.colIndex];
     if (!s || e <= t.endRowIndex) return;
-    const o = Sn(this.dataModel, t, this.sequenceLangs);
+    const o = Vn(this.dataModel, t, this.sequenceLangs);
     if (!o) return;
     const l = this.editMode === "direct", a = `fill:${Date.now()}:${Math.random().toString(16).slice(2)}`;
-    for (let h = t.endRowIndex + 1; h <= e; h += 1) {
-      const u = n[h];
+    for (let d = t.endRowIndex + 1; d <= e; d += 1) {
+      const u = n[d];
       if (!u) break;
       if (this.isCellReadonly(u.id, s.key)) continue;
-      const g = h - t.endRowIndex, m = o(g), p = {
+      const g = d - t.endRowIndex, m = o(g), p = {
         kind: "edit",
         rowId: u.id,
         colKey: s.key,
@@ -4391,12 +4621,12 @@ class En {
         endCol: t.colIndex
       }
     ], this.activeCell = { rowId: c.id, colKey: s.key }, this.onActiveChange(c.id, s.key), this.onSelectionChange(this.selectionRanges), this.updateFillHandleFlag(), this.ensureVisibleCell(c.id, s.key);
-    const d = this.dataModel.getCell(c.id, s.key);
-    this.focusSelectionInput(this.cellToClipboardString(d));
+    const h = this.dataModel.getCell(c.id, s.key);
+    this.focusSelectionInput(this.cellToClipboardString(h));
   }
   teardownSelectionInput() {
     const t = this.selectionInput;
-    t && (this.selectionInput = null, t.removeEventListener("keydown", this.handleSelectionKeydown), t.removeEventListener("compositionstart", this.handleSelectionCompositionStart), t.removeEventListener("copy", this.handleSelectionCopy), t.removeEventListener("cut", this.handleSelectionCut), t.removeEventListener("paste", this.handleSelectionPaste), t.removeEventListener("blur", this.handleSelectionBlur), $(t));
+    t && (this.selectionInput = null, t.removeEventListener("keydown", this.handleSelectionKeydown), t.removeEventListener("beforeinput", this.handleSelectionBeforeInput), t.removeEventListener("compositionstart", this.handleSelectionCompositionStart), t.removeEventListener("copy", this.handleSelectionCopy), t.removeEventListener("cut", this.handleSelectionCut), t.removeEventListener("paste", this.handleSelectionPaste), t.removeEventListener("blur", this.handleSelectionBlur), j(t));
   }
   async copySelection() {
     const t = this.buildSelectionClipboardPayload();
@@ -4495,21 +4725,21 @@ class En {
     if (!i || i.kind !== "cells") return null;
     const n = [], s = [], o = "border-collapse:collapse;border-spacing:0;", l = "border:1px solid #d0d7de;padding:4px 6px;vertical-align:top;";
     let a = 0;
-    for (let h = i.startRow; h <= i.endRow; h += 1) {
-      const u = e[h];
+    for (let d = i.startRow; d <= i.endRow; d += 1) {
+      const u = e[d];
       if (!u) continue;
       const g = [], m = [];
       for (let p = i.startCol; p <= i.endCol; p += 1) {
-        const C = t.columns[p];
-        if (!C) continue;
-        const f = this.dataModel.getCell(u.id, C.key), y = this.cellToClipboardString(f);
+        const v = t.columns[p];
+        if (!v) continue;
+        const f = this.dataModel.getCell(u.id, v.key), y = this.cellToClipboardString(f);
         g.push(y), m.push(`<td style="${l}">${this.escapeHtml(y)}</td>`), a += 1;
       }
       n.push(g.join("	")), s.push(`<tr>${m.join("")}</tr>`);
     }
     const c = n.join(`\r
-`), d = `<table style="${o}"><tbody>${s.join("")}</tbody></table>`;
-    return { text: c, html: d, cellCount: a };
+`), h = `<table style="${o}"><tbody>${s.join("")}</tbody></table>`;
+    return { text: c, html: h, cellCount: a };
   }
   clearSelectionValues() {
     const t = this.dataModel.getSchema(), e = this.dataModel.listRows(), i = this.getCopyRange();
@@ -4521,14 +4751,14 @@ class En {
         for (let a = i.startCol; a <= i.endCol; a += 1) {
           const c = t.columns[a];
           if (!c || this.isCellReadonly(l.id, c.key)) continue;
-          const d = c.type === "boolean" ? !1 : "", h = {
+          const h = c.type === "boolean" ? !1 : "", d = {
             kind: "edit",
             rowId: l.id,
             colKey: c.key,
-            next: d,
+            next: h,
             payload: { batchId: s }
           };
-          this.onEdit(h, n);
+          this.onEdit(d, n);
         }
     }
   }
@@ -4582,12 +4812,12 @@ class En {
     for (let a = 0; a < t.length; a += 1) {
       const c = i[n + a];
       if (!c) break;
-      const d = t[a] ?? [];
-      for (let h = 0; h < d.length; h += 1) {
-        const u = e.columns[s + h];
+      const h = t[a] ?? [];
+      for (let d = 0; d < h.length; d += 1) {
+        const u = e.columns[s + d];
         if (!u) break;
         if (this.isCellReadonly(c.id, u.key)) continue;
-        const g = this.coerceCellValue(d[h] ?? "", u.key), m = {
+        const g = this.coerceCellValue(h[d] ?? "", u.key), m = {
           kind: "edit",
           rowId: c.id,
           colKey: u.key,
@@ -4622,26 +4852,26 @@ class En {
     if (i?.type === "enum" || i?.type === "tags") {
       const o = i.enum?.allowCustom ?? i.tags?.allowCustom, l = i.enum?.options ?? i.tags?.options ?? [];
       if (o === !1) {
-        const h = document.createElement("select"), u = document.createElement("option");
-        u.value = "", u.textContent = "", h.appendChild(u);
+        const d = document.createElement("select"), u = document.createElement("option");
+        u.value = "", u.textContent = "", d.appendChild(u);
         for (const g of l) {
           const m = document.createElement("option");
-          m.value = g, m.textContent = g, e === g && (m.selected = !0), h.appendChild(m);
+          m.value = g, m.textContent = g, e === g && (m.selected = !0), d.appendChild(m);
         }
-        return { control: h, value: e };
+        return { control: d, value: e };
       }
       const a = document.createElement("input");
       a.type = "text";
       const c = `extable-datalist-${String(t)}`;
       a.setAttribute("list", c), a.value = e;
-      let d = document.getElementById(c);
-      if (!d) {
-        d = document.createElement("datalist"), d.id = c;
-        for (const h of l) {
+      let h = document.getElementById(c);
+      if (!h) {
+        h = document.createElement("datalist"), h.id = c;
+        for (const d of l) {
           const u = document.createElement("option");
-          u.value = h, d.appendChild(u);
+          u.value = d, h.appendChild(u);
         }
-        this.root.appendChild(d);
+        this.root.appendChild(h);
       }
       return { control: a, value: e, datalistId: c };
     }
@@ -4673,6 +4903,34 @@ class En {
     }
     return !1;
   }
+  removeTagValue(t, e, i) {
+    if (this.isCellReadonly(t, e)) return !1;
+    const n = this.findColumn(e);
+    if (!n || n.type !== "tags") return !1;
+    const s = this.dataModel.getCell(t, e), o = this.normalizeTagValues(s);
+    if (!o || i < 0 || i >= o.length) return !1;
+    const l = o.filter((d, u) => u !== i), a = s && typeof s == "object" && s.kind === "tags" ? { kind: "tags", values: l } : l, c = {
+      kind: "edit",
+      rowId: t,
+      colKey: e,
+      next: a
+    }, h = this.editMode === "direct";
+    return this.onEdit(c, h), !0;
+  }
+  normalizeTagValues(t) {
+    if (Array.isArray(t) && t.every((e) => typeof e == "string"))
+      return t;
+    if (t && typeof t == "object") {
+      const e = t;
+      if (e.kind === "tags" && Array.isArray(e.values))
+        return e.values.filter((i) => typeof i == "string");
+    }
+    if (typeof t == "string") {
+      const e = t.trim();
+      return e ? e.split(/\s*,\s*/).filter(Boolean) : [];
+    }
+    return null;
+  }
   openLink(t, e) {
     if (typeof document > "u" || !t) return;
     const i = document.createElement("a");
@@ -4683,7 +4941,7 @@ class En {
     this.onEdit(o, l), this.onMove(t);
   }
   applySelectionFromHit(t, e) {
-    const i = this.dataModel.getSchema(), n = this.dataModel.getRowIndex(e.rowId), s = e.colKey === null, o = s ? i.columns.length > 0 ? 0 : -1 : i.columns.findIndex((d) => String(d.key) === String(e.colKey));
+    const i = this.dataModel.getSchema(), n = this.dataModel.getRowIndex(e.rowId), s = e.colKey === null, o = s ? i.columns.length > 0 ? 0 : -1 : i.columns.findIndex((h) => String(h.key) === String(e.colKey));
     if (o < 0) return;
     const l = s ? {
       kind: "rows",
@@ -4700,16 +4958,16 @@ class En {
     };
     let a = [];
     if (t.shiftKey && this.activeCell) {
-      const d = this.activeCell, h = this.dataModel.getRowIndex(d.rowId), u = i.columns.findIndex((m) => String(m.key) === String(d.colKey));
+      const h = this.activeCell, d = this.dataModel.getRowIndex(h.rowId), u = i.columns.findIndex((m) => String(m.key) === String(h.colKey));
       a = [s ? {
         kind: "rows",
-        startRow: h,
+        startRow: d,
         endRow: n,
         startCol: 0,
         endCol: i.columns.length - 1
       } : {
         kind: "cells",
-        startRow: h,
+        startRow: d,
         endRow: n,
         startCol: Math.max(0, u),
         endCol: Math.max(0, o)
@@ -4755,14 +5013,14 @@ class En {
     this.teardownInput(), this.activeCell = { rowId: e, colKey: i }, this.activeHost = t, this.activeHostOriginalText = t.textContent ?? "";
     const s = this.dataModel.getCell(e, i), o = n?.initialValueOverride ?? (s == null ? "" : String(s)), { control: l, value: a } = this.createEditor(i, o), c = l;
     c.value = a, c.style.width = "calc(100% - 4px)", c.style.boxSizing = "border-box", c.style.margin = "2px", c.style.padding = "4px 6px", c.style.border = "none", c.style.borderRadius = "0", c.style.boxShadow = "none", c.style.background = "#fff", c.style.outline = "none", c.style.fontSize = "14px", c.style.fontFamily = "inherit", c.style.lineHeight = "1.2", c.style.fontWeight = "inherit";
-    const d = this.findColumn(i);
-    if (c.style.textAlign = d?.style?.align ?? (d?.type === "number" ? "right" : "left"), c.addEventListener("keydown", (h) => this.handleKey(h, t)), c.addEventListener("focus", () => {
+    const h = this.findColumn(i);
+    if (c.style.textAlign = h?.style?.align ?? (h?.type === "number" ? "right" : "left"), c.addEventListener("keydown", (d) => this.handleKey(d, t)), c.addEventListener("focus", () => {
       (c instanceof HTMLInputElement || c instanceof HTMLTextAreaElement) && c.select();
     }), this.bindImmediateCommit(c), t.textContent = "", t.appendChild(c), c.tagName.toLowerCase() === "textarea" && requestAnimationFrame(() => {
       c instanceof HTMLTextAreaElement && this.autosize(c);
     }), c.focus({ preventScroll: !0 }), n?.placeCursorAtEnd && (c instanceof HTMLInputElement || c instanceof HTMLTextAreaElement)) {
-      const h = c.value.length;
-      c.setSelectionRange(h, h);
+      const d = c.value.length;
+      c.setSelectionRange(d, d);
     }
     this.inputEl = c;
   }
@@ -4772,18 +5030,18 @@ class En {
     if (!s) return;
     const o = document.createElement("div");
     this.activeHost = o, this.activeHostOriginalText = null, o.style.position = "absolute", o.dataset.extableFloating = "fixed", o.style.pointerEvents = "auto", o.style.padding = "0", o.style.zIndex = "10";
-    const l = this.dataModel.getCell(e, i), a = n?.initialValueOverride ?? (l == null ? "" : String(l)), { control: c, value: d } = this.createEditor(i, a), h = c;
-    h.value = d, h.style.width = "calc(100% - 4px)", h.style.height = "calc(100% - 4px)", h.style.boxSizing = "border-box", h.style.margin = "2px", h.style.padding = "4px 6px", h.style.border = "none", h.style.borderRadius = "0", h.style.boxShadow = "none", h.style.background = "#fff", h.style.outline = "none", h.style.fontSize = "14px", h.style.fontFamily = "inherit", h.style.lineHeight = "1.2", h.style.fontWeight = "inherit";
+    const l = this.dataModel.getCell(e, i), a = n?.initialValueOverride ?? (l == null ? "" : String(l)), { control: c, value: h } = this.createEditor(i, a), d = c;
+    d.value = h, d.style.width = "calc(100% - 4px)", d.style.height = "calc(100% - 4px)", d.style.boxSizing = "border-box", d.style.margin = "2px", d.style.padding = "4px 6px", d.style.border = "none", d.style.borderRadius = "0", d.style.boxShadow = "none", d.style.background = "#fff", d.style.outline = "none", d.style.fontSize = "14px", d.style.fontFamily = "inherit", d.style.lineHeight = "1.2", d.style.fontWeight = "inherit";
     const u = this.findColumn(i);
-    if (h.style.textAlign = u?.style?.align ?? (u?.type === "number" ? "right" : "left"), h.style.pointerEvents = "auto", h.addEventListener("keydown", (g) => this.handleKey(g, o)), h.addEventListener("focus", () => {
-      (h instanceof HTMLInputElement || h instanceof HTMLTextAreaElement) && h.select();
-    }), this.bindImmediateCommit(h), o.appendChild(h), h.tagName.toLowerCase() === "textarea" && requestAnimationFrame(() => {
-      h instanceof HTMLTextAreaElement && this.autosize(h);
-    }), this.root.appendChild(o), this.positionFloatingContentBox(s, o), h.focus({ preventScroll: !0 }), n?.placeCursorAtEnd && (h instanceof HTMLInputElement || h instanceof HTMLTextAreaElement)) {
-      const g = h.value.length;
-      h.setSelectionRange(g, g);
+    if (d.style.textAlign = u?.style?.align ?? (u?.type === "number" ? "right" : "left"), d.style.pointerEvents = "auto", d.addEventListener("keydown", (g) => this.handleKey(g, o)), d.addEventListener("compositionstart", this.handleInputCompositionStart), d.addEventListener("compositionend", this.handleInputCompositionEnd), d.addEventListener("focus", () => {
+      (d instanceof HTMLInputElement || d instanceof HTMLTextAreaElement) && d.select();
+    }), this.bindImmediateCommit(d), o.appendChild(d), d.tagName.toLowerCase() === "textarea" && requestAnimationFrame(() => {
+      d instanceof HTMLTextAreaElement && this.autosize(d);
+    }), this.root.appendChild(o), this.positionFloatingContentBox(s, o), d.focus({ preventScroll: !0 }), n?.placeCursorAtEnd && (d instanceof HTMLInputElement || d instanceof HTMLTextAreaElement)) {
+      const g = d.value.length;
+      d.setSelectionRange(g, g);
     }
-    this.inputEl = h, this.floatingInputWrapper = o;
+    this.inputEl = d, this.floatingInputWrapper = o;
   }
   handleKey(t, e) {
     if (!this.activeCell || !this.inputEl) return;
@@ -4791,9 +5049,9 @@ class En {
     if (t.isComposing || this.composing || i - this.lastCompositionEnd < 24) return;
     const { rowId: n, colKey: s } = this.activeCell;
     if (s === null) return;
-    const o = this.inputEl.tagName.toLowerCase() === "textarea", l = t.key === "Enter" && t.altKey, a = (c, d) => {
-      const h = this.readActiveValue();
-      this.commitEdit(n, s, h), this.onMove(n), this.teardownInput(!1), this.moveActiveCell(c, d);
+    const o = this.inputEl.tagName.toLowerCase() === "textarea", l = t.key === "Enter" && t.altKey, a = (c, h) => {
+      const d = this.readActiveValue();
+      this.commitEdit(n, s, d), this.onMove(n), this.teardownInput(!1), this.moveActiveCell(c, h);
     };
     if (t.key === "Tab") {
       t.preventDefault(), a(0, t.shiftKey ? -1 : 1);
@@ -4807,8 +5065,8 @@ class En {
     }
     if (t.key === "Escape") {
       if (t.preventDefault(), this.cancelEdit(e), this.onMove(), this.activeCell && this.activeCell.colKey !== null) {
-        const c = this.dataModel.getCell(this.activeCell.rowId, this.activeCell.colKey), d = this.cellToClipboardString(c);
-        this.focusSelectionInput(d);
+        const c = this.dataModel.getCell(this.activeCell.rowId, this.activeCell.colKey), h = this.cellToClipboardString(c);
+        this.focusSelectionInput(h);
       }
     } else t.key === "Backspace" && this.inputEl.value === "" && (t.preventDefault(), this.commitEdit(n, s, ""), this.onMove(n), this.teardownInput(!1), this.moveActiveCell(0, 0));
   }
@@ -4865,19 +5123,19 @@ class En {
     this.teardownInput(!1), (t.dataset?.original !== void 0 || t.dataset?.value !== void 0) && (t.textContent = t.dataset.original ?? t.dataset.value ?? ""), t.blur();
   }
   teardownInput(t = !1) {
-    $(this.inputEl), $(this.floatingInputWrapper), this.activeHost && this.activeHostOriginalText !== null && (this.activeHost.textContent = this.activeHostOriginalText), this.inputEl = null, this.floatingInputWrapper = null, this.activeHost = null, this.activeHostOriginalText = null, t && (this.activeCell = null, this.onActiveChange(null, null));
+    j(this.inputEl), j(this.floatingInputWrapper), this.activeHost && this.activeHostOriginalText !== null && (this.activeHost.textContent = this.activeHostOriginalText), this.inputEl = null, this.floatingInputWrapper = null, this.activeHost = null, this.activeHostOriginalText = null, this.composing = !1, t && (this.activeCell = null, this.onActiveChange(null, null));
   }
 }
-const Hn = (r) => r;
-class Tn {
+const qn = (r) => r;
+class jn {
   constructor(t) {
     this.shell = null, this.viewportEl = null, this.viewportResizeObserver = null, this.selectionManager = null, this.resizeHandler = null, this.scrollHandler = null, this.viewportState = null, this.rafId = null, this.contextMenu = null, this.contextMenuRowId = null, this.handleGlobalPointer = null, this.toast = null, this.toastTimer = null, this.mounted = !1, this.filterSortSidebar = null, this.filterSortSidebarUnsub = null, this.filterSortKeydown = null, this.filterSortClickCapture = null, this.filterSortOpenEvent = null, this.filterSortActiveColumnKey = null, this.filterSortDraft = null, this.tableStateListeners = /* @__PURE__ */ new Set(), this.selectionListeners = /* @__PURE__ */ new Set(), this.lastTableState = null, this.lastSelectionSnapshot = null, this.lastAction = null, this.selectionRanges = [], this.activeCell = null, this.activeErrors = [], this.rowStateListeners = /* @__PURE__ */ new Set(), this.lastRowStates = /* @__PURE__ */ new Map(), this.root = t.root, this.root.classList.add("extable-root"), this.renderMode = t.options?.renderMode ?? "auto", this.editMode = t.options?.editMode ?? "direct", this.lockMode = t.options?.lockMode ?? "none", this.server = t.options?.server, this.user = t.options?.user, this.sequenceLangs = t.options?.langs;
     const e = t.defaultData ?? null, i = e ?? [];
-    this.dataLoaded = e != null, this.dataModel = new Ne(
+    this.dataLoaded = e != null, this.dataModel = new ze(
       i,
       t.schema,
       t.defaultView
-    ), this.commandQueue = new He(), this.lockManager = new Pe(this.lockMode, this.server, this.user), this.renderer = this.chooseRenderer(this.renderMode), this.applyRootDecor(t.options), this.applyReadonlyClass(), this.loadInitial();
+    ), this.commandQueue = new $e(), this.lockManager = new Ye(this.lockMode, this.server, this.user), this.renderer = this.chooseRenderer(this.renderMode), this.applyRootDecor(t.options), this.applyReadonlyClass(), this.loadInitial();
   }
   isCellReadonly(t, e) {
     return this.editMode === "readonly" || this.dataModel.isReadonly(t, e);
@@ -4910,7 +5168,7 @@ class Tn {
     this.mount();
   }
   applyRootDecor(t) {
-    const e = Qt(t?.defaultClass);
+    const e = ie(t?.defaultClass);
     if (e?.length && this.root.classList.add(...e), t?.defaultStyle)
       for (const [i, n] of Object.entries(t.defaultStyle))
         this.root.style[i] = n ?? "";
@@ -4950,7 +5208,7 @@ class Tn {
       this.root.dataset.extable = "loading", this.bindViewport(), this.ensureFilterSort(), this.emitTableState(), this.emitSelection("data");
       return;
     }
-    this.selectionManager = new En(
+    this.selectionManager = new On(
       e,
       this.editMode,
       (i, n) => this.handleEdit(i, n),
@@ -4983,7 +5241,7 @@ class Tn {
   }
   // editMode/lockMode are configured only at construction time for consistency.
   setRootClass(t) {
-    this.root.className = "", this.root.classList.add(...Qt(t) ?? []);
+    this.root.className = "", this.root.classList.add(...ie(t) ?? []);
   }
   setRootStyle(t) {
     for (const [e, i] of Object.entries(t))
@@ -5098,9 +5356,9 @@ class Tn {
     if (o.textOverride) return o.textOverride;
     const l = o.value;
     if (s.type === "button")
-      return lt(l) || (l == null ? "" : String(l));
+      return rt(l) || (l == null ? "" : String(l));
     if (s.type === "link")
-      return at(l) || (l == null ? "" : String(l));
+      return lt(l) || (l == null ? "" : String(l));
     if (l == null) return "";
     if (l instanceof Date) return l.toISOString();
     if (typeof l == "string") return l;
@@ -5109,7 +5367,7 @@ class Tn {
       const a = l;
       if (a.kind === "enum" && typeof a.value == "string") return a.value;
       if (a.kind === "tags" && Array.isArray(a.values))
-        return a.values.filter((d) => typeof d == "string").join(", ");
+        return a.values.filter((h) => typeof h == "string").join(", ");
     }
     return String(l);
   }
@@ -5330,8 +5588,8 @@ class Tn {
     for (const c of Array.from(
       this.contextMenu.querySelectorAll("button[data-action]")
     )) {
-      const d = c.dataset.action;
-      d === "undo" ? c.disabled = !this.commandQueue.canUndo() : d === "redo" && (c.disabled = !this.commandQueue.canRedo());
+      const h = c.dataset.action;
+      h === "undo" ? c.disabled = !this.commandQueue.canUndo() : h === "redo" && (c.disabled = !this.commandQueue.canRedo());
     }
     const n = window.innerWidth, s = window.innerHeight, o = { width: 220, height: 160 };
     let l = e, a = i;
@@ -5404,7 +5662,7 @@ class Tn {
     }, document.addEventListener("pointerdown", this.handleGlobalPointer, !0);
   }
   unbindViewport() {
-    this.resizeHandler && window.removeEventListener("resize", this.resizeHandler), this.scrollHandler && this.getScrollHost().removeEventListener("scroll", this.scrollHandler), this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null), this.handleGlobalPointer && (document.removeEventListener("pointerdown", this.handleGlobalPointer, !0), this.handleGlobalPointer = null), this.contextMenu && (this.contextMenu.hidePopover?.(), this.contextMenu.parentElement && $(this.contextMenu), this.contextMenu = null), this.toast && (this.toast.hidePopover?.(), this.toast.parentElement && $(this.toast), this.toast = null);
+    this.resizeHandler && window.removeEventListener("resize", this.resizeHandler), this.scrollHandler && this.getScrollHost().removeEventListener("scroll", this.scrollHandler), this.rafId !== null && (cancelAnimationFrame(this.rafId), this.rafId = null), this.handleGlobalPointer && (document.removeEventListener("pointerdown", this.handleGlobalPointer, !0), this.handleGlobalPointer = null), this.contextMenu && (this.contextMenu.hidePopover?.(), this.contextMenu.parentElement && j(this.contextMenu), this.contextMenu = null), this.toast && (this.toast.hidePopover?.(), this.toast.parentElement && j(this.toast), this.toast = null);
   }
   remount(t) {
     this.unbindViewport(), this.teardownFilterSort(), this.selectionManager?.destroy(), this.renderer.destroy(), this.root = t, this.applyReadonlyClass(), this.shell = null, this.viewportEl = null, this.viewportResizeObserver?.disconnect(), this.viewportResizeObserver = null, this.renderer = this.chooseRenderer(this.renderMode), this.mounted = !1, this.mount(!0);
@@ -5413,8 +5671,8 @@ class Tn {
   getTableState() {
     const t = this.renderer instanceof bt ? "html" : "canvas", e = this.commandQueue.listApplied(), i = this.editMode === "commit" ? e : [], n = i.length, s = (() => {
       const c = /* @__PURE__ */ new Set();
-      for (const d of i)
-        d.kind === "edit" && (!d.rowId || d.colKey === void 0 || c.add(`${d.rowId}::${String(d.colKey)}`));
+      for (const h of i)
+        h.kind === "edit" && (!h.rowId || h.colKey === void 0 || c.add(`${h.rowId}::${String(h.colKey)}`));
       return c.size;
     })(), o = this.dataModel.getValidationErrors().map((c) => ({
       scope: "validation",
@@ -5425,11 +5683,11 @@ class Tn {
       message: c.diag.message,
       target: { rowId: c.rowId, colKey: c.colKey }
     } : null).filter(Boolean);
-    l.sort((c, d) => {
-      const h = c.target?.rowId ? this.dataModel.getRowIndex(c.target.rowId) : -1, u = d.target?.rowId ? this.dataModel.getRowIndex(d.target.rowId) : -1;
-      if (h !== u) return h - u;
-      const g = c.target?.colKey !== void 0 ? this.dataModel.getColumnIndex(c.target.colKey) : -1, m = d.target?.colKey !== void 0 ? this.dataModel.getColumnIndex(d.target.colKey) : -1;
-      return g !== m ? g - m : c.scope !== d.scope ? c.scope < d.scope ? -1 : 1 : c.message < d.message ? -1 : c.message > d.message ? 1 : 0;
+    l.sort((c, h) => {
+      const d = c.target?.rowId ? this.dataModel.getRowIndex(c.target.rowId) : -1, u = h.target?.rowId ? this.dataModel.getRowIndex(h.target.rowId) : -1;
+      if (d !== u) return d - u;
+      const g = c.target?.colKey !== void 0 ? this.dataModel.getColumnIndex(c.target.colKey) : -1, m = h.target?.colKey !== void 0 ? this.dataModel.getColumnIndex(h.target.colKey) : -1;
+      return g !== m ? g - m : c.scope !== h.scope ? c.scope < h.scope ? -1 : 1 : c.message < h.message ? -1 : c.message > h.message ? 1 : 0;
     });
     const a = [
       ...o,
@@ -5467,13 +5725,13 @@ class Tn {
   }
   // Public API: selection callbacks
   getSelectionSnapshot() {
-    const t = this.selectionRanges, e = this.dataModel.getSchema(), i = this.activeCell, n = i?.rowId ?? null, s = i?.colKey ?? null, o = n ? this.dataModel.getRowIndex(n) : null, l = s !== null ? e.columns.findIndex((f) => String(f.key) === String(s)) : null, a = l !== null && l >= 0 ? e.columns[l] : null, c = n && a ? this.dataModel.resolveCellValue(n, a) : null, d = n && a ? this.dataModel.resolveConditionalStyle(n, a) : null, h = c?.textOverride ?? (d?.forceErrorText ? "#ERROR" : void 0), u = c ? c.value : null, g = (() => {
-      if (h) return h;
+    const t = this.selectionRanges, e = this.dataModel.getSchema(), i = this.activeCell, n = i?.rowId ?? null, s = i?.colKey ?? null, o = n ? this.dataModel.getRowIndex(n) : null, l = s !== null ? e.columns.findIndex((f) => String(f.key) === String(s)) : null, a = l !== null && l >= 0 ? e.columns[l] : null, c = n && a ? this.dataModel.resolveCellValue(n, a) : null, h = n && a ? this.dataModel.resolveConditionalStyle(n, a) : null, d = c?.textOverride ?? (h?.forceErrorText ? "#ERROR" : void 0), u = c ? c.value : null, g = (() => {
+      if (d) return d;
       const f = u;
       if (a?.type === "button")
-        return lt(f) || (f == null ? "" : String(f));
+        return rt(f) || (f == null ? "" : String(f));
       if (a?.type === "link")
-        return at(f) || (f == null ? "" : String(f));
+        return lt(f) || (f == null ? "" : String(f));
       if (f == null) return "";
       if (f instanceof Date) return f.toISOString();
       if (typeof f == "string") return f;
@@ -5482,13 +5740,13 @@ class Tn {
         const y = f, w = y.kind;
         if (w === "enum" && typeof y.value == "string") return y.value;
         if (w === "tags" && Array.isArray(y.values))
-          return y.values.filter((v) => typeof v == "string").join(", ");
+          return y.values.filter((C) => typeof C == "string").join(", ");
       }
       return String(f);
-    })(), m = a?.type ?? null, p = n && s !== null ? this.dataModel.getCellDiagnostic(n, s) : null, C = (() => {
+    })(), m = a?.type ?? null, p = n && s !== null ? this.dataModel.getCellDiagnostic(n, s) : null, v = (() => {
       if (!n || !a)
         return { columnStyle: {}, cellStyle: {}, resolved: {} };
-      const { columnStyle: f, cellStyle: y, resolved: w } = xn(
+      const { columnStyle: f, cellStyle: y, resolved: w } = Fn(
         this.dataModel,
         n,
         a
@@ -5506,7 +5764,7 @@ class Tn {
       activeValueType: m,
       diagnostic: p,
       action: this.lastAction,
-      styles: C
+      styles: v
     };
   }
   subscribeSelection(t) {
@@ -5558,7 +5816,7 @@ class Tn {
   }
   // Public API: value updates
   setCellValue(t, e, i) {
-    const n = typeof t == "string" ? t : this.dataModel.listRows()[t]?.id, s = n ? Be(this.dataModel, { rowId: n, colKey: e }) : null;
+    const n = typeof t == "string" ? t : this.dataModel.listRows()[t]?.id, s = n ? Ge(this.dataModel, { rowId: n, colKey: e }) : null;
     if (!s || this.isCellReadonly(s.rowId, s.colKey)) return;
     const o = this.dataModel.getCell(s.rowId, s.colKey), l = typeof i == "function" ? i(o) : i;
     this.handleEdit(
@@ -5571,17 +5829,17 @@ class Tn {
     for (const s of this.selectionRanges) {
       if (s.kind !== "cells") continue;
       const o = Math.min(s.startRow, s.endRow), l = Math.max(s.startRow, s.endRow), a = Math.min(s.startCol, s.endCol), c = Math.max(s.startCol, s.endCol);
-      for (let d = o; d <= l; d += 1) {
-        const h = i[d];
-        if (h)
+      for (let h = o; h <= l; h += 1) {
+        const d = i[h];
+        if (d)
           for (let u = a; u <= c; u += 1) {
             const g = e.columns[u];
             if (!g) continue;
-            const m = `${h.id}::${String(g.key)}`;
-            if (n.has(m) || (n.add(m), this.isCellReadonly(h.id, g.key))) continue;
-            const p = this.dataModel.getCell(h.id, g.key), C = typeof t == "function" ? t(p) : t;
+            const m = `${d.id}::${String(g.key)}`;
+            if (n.has(m) || (n.add(m), this.isCellReadonly(d.id, g.key))) continue;
+            const p = this.dataModel.getCell(d.id, g.key), v = typeof t == "function" ? t(p) : t;
             this.handleEdit(
-              { kind: "edit", rowId: h.id, colKey: g.key, next: C },
+              { kind: "edit", rowId: d.id, colKey: g.key, next: v },
               this.editMode === "direct"
             );
           }
@@ -5670,17 +5928,17 @@ class Tn {
     `, t.appendChild(e), this.filterSortSidebar = e;
     const i = e.querySelector('button[data-extable-fs="close"]'), n = e.querySelector('input[data-extable-fs="col-errors"]'), s = e.querySelector(
       'input[data-extable-fs="col-warnings"]'
-    ), o = e.querySelector('input[data-extable-fs="search"]'), l = e.querySelector('[data-extable-fs="values"]'), a = e.querySelector('button[data-extable-fs="select-all"]'), c = e.querySelector('button[data-extable-fs="select-none"]'), d = e.querySelector(
+    ), o = e.querySelector('input[data-extable-fs="search"]'), l = e.querySelector('[data-extable-fs="values"]'), a = e.querySelector('button[data-extable-fs="select-all"]'), c = e.querySelector('button[data-extable-fs="select-none"]'), h = e.querySelector(
       'button[data-extable-fs="apply-filter"]'
-    ), h = e.querySelector(
+    ), d = e.querySelector(
       'button[data-extable-fs="clear-filter"]'
     ), u = e.querySelector('button[data-extable-fs="sort-asc"]'), g = e.querySelector(
       'button[data-extable-fs="sort-desc"]'
     ), m = e.querySelector(
       'button[data-extable-fs="clear-sort"]'
     );
-    if (!i || !n || !s || !o || !l || !a || !c || !d || !h || !u || !g || !m) {
-      $(e), this.filterSortSidebar = null;
+    if (!i || !n || !s || !o || !l || !a || !c || !h || !d || !u || !g || !m) {
+      j(e), this.filterSortSidebar = null;
       return;
     }
     i.addEventListener("click", () => this.hideFilterSortPanel()), n.addEventListener("change", () => {
@@ -5690,17 +5948,17 @@ class Tn {
     }), o.addEventListener("input", () => {
       this.filterSortDraft && (this.filterSortDraft.search = o.value, this.renderFilterSortValues());
     }), l.addEventListener("change", (p) => {
-      const C = p.target?.closest(
+      const v = p.target?.closest(
         'input[type="checkbox"][data-fs-val]'
       );
-      if (!C || !this.filterSortDraft) return;
-      const f = C.dataset.fsVal ?? "";
-      f && (f === "__blanks__" ? this.filterSortDraft.includeBlanks = C.checked : C.checked ? this.filterSortDraft.selected.add(f) : this.filterSortDraft.selected.delete(f));
+      if (!v || !this.filterSortDraft) return;
+      const f = v.dataset.fsVal ?? "";
+      f && (f === "__blanks__" ? this.filterSortDraft.includeBlanks = v.checked : v.checked ? this.filterSortDraft.selected.add(f) : this.filterSortDraft.selected.delete(f));
     }), a.addEventListener("click", () => {
       this.filterSortDraft && (this.filterSortDraft.selected = new Set(this.filterSortDraft.values.map((p) => p.key)), this.filterSortDraft.includeBlanks = this.filterSortDraft.hasBlanks, this.renderFilterSortValues());
     }), c.addEventListener("click", () => {
       this.filterSortDraft && (this.filterSortDraft.selected = /* @__PURE__ */ new Set(), this.filterSortDraft.includeBlanks = !1, this.renderFilterSortValues());
-    }), d.addEventListener("click", () => this.applyFilterSortDraft()), h.addEventListener("click", () => this.clearFilterSortForActiveColumn()), u.addEventListener("click", () => this.setSortForActiveColumn("asc")), g.addEventListener("click", () => this.setSortForActiveColumn("desc")), m.addEventListener("click", () => this.clearSort()), this.filterSortSidebarUnsub = this.dataModel.subscribe(() => {
+    }), h.addEventListener("click", () => this.applyFilterSortDraft()), d.addEventListener("click", () => this.clearFilterSortForActiveColumn()), u.addEventListener("click", () => this.setSortForActiveColumn("asc")), g.addEventListener("click", () => this.setSortForActiveColumn("desc")), m.addEventListener("click", () => this.clearSort()), this.filterSortSidebarUnsub = this.dataModel.subscribe(() => {
       this.isFilterSortPanelVisible() && this.filterSortActiveColumnKey && (this.buildFilterSortDraft(this.filterSortActiveColumnKey), this.renderFilterSortSidebar());
     });
   }
@@ -5726,15 +5984,15 @@ class Tn {
       for (const u of a.values ?? []) c.add(this.stableValueKey(u));
     else
       for (const u of l) c.add(u.key);
-    const d = a ? !!a.includeBlanks : o.hasBlanks, h = e.columnDiagnostics?.[String(n.key)];
+    const h = a ? !!a.includeBlanks : o.hasBlanks, d = e.columnDiagnostics?.[String(n.key)];
     this.filterSortDraft = {
       colKey: n.key,
       values: l,
       hasBlanks: o.hasBlanks,
       selected: c,
-      includeBlanks: d,
-      diagErrors: !!h?.errors,
-      diagWarnings: !!h?.warnings,
+      includeBlanks: h,
+      diagErrors: !!d?.errors,
+      diagWarnings: !!d?.warnings,
       search: s
     };
   }
@@ -5757,8 +6015,8 @@ class Tn {
       t.textContent = "Sort/Filter", e.checked = !1, i.checked = !1, n.value = "", s && (s.dataset.active = "0"), o && (o.dataset.active = "0"), this.renderFilterSortValues();
       return;
     }
-    const d = this.dataModel.getSchema().columns.find((g) => String(g.key) === String(l.colKey))?.header ?? String(l.colKey);
-    t.textContent = `Sort/Filter: ${d}`, e.checked = l.diagErrors, i.checked = l.diagWarnings, n.value = l.search;
+    const h = this.dataModel.getSchema().columns.find((g) => String(g.key) === String(l.colKey))?.header ?? String(l.colKey);
+    t.textContent = `Sort/Filter: ${h}`, e.checked = l.diagErrors, i.checked = l.diagWarnings, n.value = l.search;
     const u = this.dataModel.getView().sorts?.find((g) => String(g.key) === String(l.colKey));
     s && (s.dataset.active = u?.dir === "asc" ? "1" : "0"), o && (o.dataset.active = u?.dir === "desc" ? "1" : "0"), this.renderFilterSortValues();
   }
@@ -5841,7 +6099,7 @@ class Tn {
     this.setView(e), this.filterSortActiveColumnKey !== null && (this.buildFilterSortDraft(this.filterSortActiveColumnKey), this.renderFilterSortSidebar());
   }
   teardownFilterSort() {
-    this.filterSortSidebarUnsub?.(), this.filterSortSidebarUnsub = null, this.filterSortSidebar && ($(this.filterSortSidebar), this.filterSortSidebar = null), this.filterSortKeydown && (document.removeEventListener("keydown", this.filterSortKeydown, !0), this.filterSortKeydown = null), this.filterSortClickCapture && ((this.viewportEl ?? this.root).removeEventListener(
+    this.filterSortSidebarUnsub?.(), this.filterSortSidebarUnsub = null, this.filterSortSidebar && (j(this.filterSortSidebar), this.filterSortSidebar = null), this.filterSortKeydown && (document.removeEventListener("keydown", this.filterSortKeydown, !0), this.filterSortKeydown = null), this.filterSortClickCapture && ((this.viewportEl ?? this.root).removeEventListener(
       "click",
       this.filterSortClickCapture,
       !0
@@ -5883,8 +6141,8 @@ class Tn {
     this.rafId = null, this.viewportState && (this.selectionManager?.onScroll(this.viewportState.scrollTop, this.viewportState.scrollLeft), !(this.renderer instanceof bt) && this.safeRender(this.viewportState));
   }
 }
-function Dn(r, t) {
-  return new Tn({
+function Un(r, t) {
+  return new jn({
     root: document.createElement("div"),
     defaultData: r.data,
     defaultView: r.view,
@@ -5892,13 +6150,13 @@ function Dn(r, t) {
     options: t
   });
 }
-function Kn(r, t) {
+function Xn(r, t) {
   return t.remount(r), t;
 }
 export {
-  Tn as ExtableCore,
-  Dn as createTablePlaceholder,
-  Hn as defineSchema,
-  Kn as mountTable
+  jn as ExtableCore,
+  Un as createTablePlaceholder,
+  qn as defineSchema,
+  Xn as mountTable
 };
 //# sourceMappingURL=index.js.map