@toolbox-web/grid 1.3.0 → 1.3.1

package/lib/plugins/selection/index.js

@@ -1,4 +1,4 @@
-function p(r) {
+function A(r) {
   if (!r) return -1;
   const e = r.getAttribute("data-row");
   if (e) return parseInt(e, 10);
@@ -14,7 +14,7 @@ function p(r) {
 function b(r) {
   r && r.querySelectorAll(".cell-focus").forEach((e) => e.classList.remove("cell-focus"));
 }
-const A = {
+const m = '<svg viewBox="0 0 16 16" width="12" height="12"><path fill="currentColor" d="M6 10.5a.5.5 0 0 1 .5-.5h3a.5.5 0 0 1 0 1h-3a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7a.5.5 0 0 1-.5-.5zm-2-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5z"/></svg>', y = {
   expand: "▶",
   collapse: "▼",
   sortAsc: "▲",
@@ -22,9 +22,11 @@ const A = {
   sortNone: "⇅",
   submenuArrow: "▶",
   dragHandle: "⋮⋮",
-  toolPanel: "☰"
+  toolPanel: "☰",
+  filter: m,
+  filterActive: m
 };
-class y {
+class v {
   /**
    * Plugin dependencies - declare other plugins this one requires.
    *
@@ -248,7 +250,7 @@ class y {
    */
   get gridIcons() {
     const e = this.grid?.gridConfig?.icons ?? {};
-    return { ...A, ...e };
+    return { ...y, ...e };
   }
   // #region Animation Helpers
   /**
@@ -324,7 +326,7 @@ class y {
   }
   // #endregion
 }
-function h(r) {
+function g(r) {
   return r.meta?.utility === !0;
 }
 function u(r) {
@@ -335,34 +337,34 @@ function u(r) {
     endCol: Math.max(r.startCol, r.endCol)
   };
 }
-function v(r) {
+function I(r) {
   const e = u(r);
   return {
     from: { row: e.startRow, col: e.startCol },
     to: { row: e.endRow, col: e.endCol }
   };
 }
-function R(r) {
-  return r.map(v);
+function C(r) {
+  return r.map(I);
 }
 function S(r, e, t) {
   const s = u(t);
   return r >= s.startRow && r <= s.endRow && e >= s.startCol && e <= s.endCol;
 }
-function m(r, e, t) {
+function R(r, e, t) {
   return t.some((s) => S(r, e, s));
 }
-function I(r) {
+function E(r) {
   const e = [], t = u(r);
   for (let s = t.startRow; s <= t.endRow; s++)
     for (let i = t.startCol; i <= t.endCol; i++)
       e.push({ row: s, col: i });
   return e;
 }
-function E(r) {
+function x(r) {
   const e = /* @__PURE__ */ new Map();
   for (const t of r)
-    for (const s of I(t))
+    for (const s of E(t))
       e.set(`${s.row},${s.col}`, s);
   return [...e.values()];
 }
@@ -374,8 +376,8 @@ function f(r, e) {
     endCol: e.col
   };
 }
-const x = "@layer tbw-plugins{tbw-grid.selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}tbw-grid[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}tbw-grid[data-selection-mode=row] .cell-focus{outline:none}tbw-grid .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}tbw-grid .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row[data-selectable=false].row-focus{background-color:var(--tbw-color-row-alt)}tbw-grid .data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row>.cell[data-selectable=false].selected{background-color:var(--tbw-color-warning-bg, rgba(255, 243, 205, .5))}tbw-grid .tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}";
-function q(r, e, t) {
+const q = "@layer tbw-plugins{tbw-grid.selecting .data-grid-row>.cell{-webkit-user-select:none;user-select:none}tbw-grid[data-has-focus] .data-grid-row.row-focus{background-color:var(--tbw-focus-background, rgba(from var(--tbw-color-accent) r g b / 12%))}tbw-grid[data-selection-mode=row] .cell-focus{outline:none}tbw-grid .data-grid-row>.cell.selected{background-color:var(--tbw-range-selection-bg)}tbw-grid .data-grid-row>.cell.selected.top{border-top:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.bottom{border-bottom:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.first{border-left:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row>.cell.selected.last{border-right:2px solid var(--tbw-range-border-color)}tbw-grid .data-grid-row[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row[data-selectable=false].row-focus{background-color:var(--tbw-color-row-alt)}tbw-grid .data-grid-row>.cell[data-selectable=false]{cursor:not-allowed;opacity:.6}tbw-grid .data-grid-row>.cell[data-selectable=false].selected{background-color:var(--tbw-color-warning-bg, rgba(255, 243, 205, .5))}tbw-grid .tbw-selection-summary{font-size:var(--tbw-font-size-sm, .8125rem);color:var(--tbw-color-fg-muted);white-space:nowrap}}";
+function k(r, e, t) {
   if (r === "cell" && e.selectedCell)
     return {
       mode: r,
@@ -393,9 +395,9 @@ function q(r, e, t) {
     }));
     return { mode: r, ranges: s };
   }
-  return r === "range" && e.ranges.length > 0 ? { mode: r, ranges: R(e.ranges) } : { mode: r, ranges: [] };
+  return r === "range" && e.ranges.length > 0 ? { mode: r, ranges: C(e.ranges) } : { mode: r, ranges: [] };
 }
-class K extends y {
+class _ extends v {
   /**
    * Plugin manifest - declares configuration validation rules.
    * @internal
@@ -415,7 +417,7 @@ class K extends y {
   /** @internal */
   name = "selection";
   /** @internal */
-  styles = x;
+  styles = q;
   /** @internal */
   get defaultConfig() {
     return {
@@ -476,7 +478,7 @@ class K extends y {
     const { rowIndex: t, colIndex: s, originalEvent: i } = e, { mode: l, triggerOn: n = "click" } = this.config;
     if (i.type !== n)
       return !1;
-    const o = this.columns[s], d = o && h(o);
+    const o = this.columns[s], d = o && g(o);
     if (l === "cell")
       return d || !this.isCellSelectable(t, s) || (this.selectedCell = { row: t, col: s }, this.emit("selection-change", this.#e()), this.requestAfterRender()), !1;
     if (l === "row")
@@ -484,11 +486,11 @@ class K extends y {
     if (l === "range") {
       if (d || !this.isCellSelectable(t, s))
         return !1;
-      const a = i.shiftKey, g = i.ctrlKey || i.metaKey;
+      const a = i.shiftKey, h = i.ctrlKey || i.metaKey;
       if (a && this.cellAnchor) {
         const c = f(this.cellAnchor, { row: t, col: s });
-        g ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = c : this.ranges.push(c) : this.ranges = [c], this.activeRange = c;
-      } else if (g) {
+        h ? this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] = c : this.ranges.push(c) : this.ranges = [c], this.activeRange = c;
+      } else if (h) {
         const c = {
           startRow: t,
           startCol: s,
@@ -546,7 +548,7 @@ class K extends y {
   onCellMouseDown(e) {
     if (this.config.mode !== "range" || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
     const t = this.columns[e.colIndex];
-    if (t && h(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
+    if (t && g(t) || !this.isCellSelectable(e.rowIndex, e.colIndex) || e.originalEvent.shiftKey && this.cellAnchor)
       return;
     this.isDragging = !0;
     const s = e.rowIndex, i = e.colIndex;
@@ -564,8 +566,8 @@ class K extends y {
     if (this.config.mode !== "range" || !this.isDragging || !this.cellAnchor || e.rowIndex === void 0 || e.colIndex === void 0 || e.rowIndex < 0) return;
     let t = e.colIndex;
     const s = this.columns[t];
-    if (s && h(s)) {
-      const l = this.columns.findIndex((n) => !h(n));
+    if (s && g(s)) {
+      const l = this.columns.findIndex((n) => !g(n));
       l >= 0 && (t = l);
     }
     const i = f(this.cellAnchor, { row: e.rowIndex, col: t });
@@ -591,24 +593,24 @@ class K extends y {
     if (l.forEach((n) => {
       n.classList.remove("selected", "row-focus"), s && n.removeAttribute("data-selectable");
     }), t === "row" && (b(e), l.forEach((n) => {
-      const o = n.querySelector(".cell[data-row]"), d = p(o);
+      const o = n.querySelector(".cell[data-row]"), d = A(o);
       d >= 0 && (s && !this.isRowSelectable(d) && n.setAttribute("data-selectable", "false"), this.selected.has(d) && n.classList.add("selected", "row-focus"));
     })), (t === "cell" || t === "range") && s && e.querySelectorAll(".cell[data-row][data-col]").forEach((o) => {
       const d = parseInt(o.getAttribute("data-row") ?? "-1", 10), a = parseInt(o.getAttribute("data-col") ?? "-1", 10);
       d >= 0 && a >= 0 && (this.isCellSelectable(d, a) || o.setAttribute("data-selectable", "false"));
     }), t === "range" && this.ranges.length > 0) {
       b(e);
-      const n = this.activeRange ? u(this.activeRange) : null, o = this.columns.findIndex((a) => !h(a));
+      const n = this.activeRange ? u(this.activeRange) : null, o = this.columns.findIndex((a) => !g(a));
       this.columns.length - 1, e.querySelectorAll(".cell[data-row][data-col]").forEach((a) => {
-        const g = parseInt(a.getAttribute("data-row") ?? "-1", 10), c = parseInt(a.getAttribute("data-col") ?? "-1", 10);
-        if (g >= 0 && c >= 0) {
+        const h = parseInt(a.getAttribute("data-row") ?? "-1", 10), c = parseInt(a.getAttribute("data-col") ?? "-1", 10);
+        if (h >= 0 && c >= 0) {
           const w = this.columns[c];
-          if (w && h(w))
+          if (w && g(w))
             return;
-          if (m(g, c, this.ranges) && (a.classList.add("selected"), n)) {
-            g === n.startRow && a.classList.add("top"), g === n.endRow && a.classList.add("bottom");
-            const C = Math.max(n.startCol, o);
-            c === C && a.classList.add("first"), c === n.endCol && a.classList.add("last");
+          if (R(h, c, this.ranges) && (a.classList.add("selected"), n)) {
+            h === n.startRow && a.classList.add("top"), h === n.endRow && a.classList.add("bottom");
+            const p = Math.max(n.startCol, o);
+            c === p && a.classList.add("first"), c === n.endCol && a.classList.add("last");
           }
         }
       });
@@ -667,13 +669,13 @@ class K extends y {
    * Get all selected cells across all ranges.
    */
   getSelectedCells() {
-    return E(this.ranges);
+    return x(this.ranges);
   }
   /**
    * Check if a specific cell is in range selection.
    */
   isCellSelected(e, t) {
-    return m(e, t, this.ranges);
+    return R(e, t, this.ranges);
   }
   /**
    * Clear all selection.
@@ -692,13 +694,13 @@ class K extends y {
       endCol: t.to.col
     })), this.activeRange = this.ranges.length > 0 ? this.ranges[this.ranges.length - 1] : null, this.emit("selection-change", {
       mode: this.config.mode,
-      ranges: R(this.ranges)
+      ranges: C(this.ranges)
     }), this.requestAfterRender();
   }
   // #endregion
   // #region Private Helpers
   #e() {
-    return q(
+    return k(
       this.config.mode,
       {
         selectedCell: this.selectedCell,
@@ -711,6 +713,6 @@ class K extends y {
   // #endregion
 }
 export {
-  K as SelectionPlugin
+  _ as SelectionPlugin
 };
 //# sourceMappingURL=index.js.map