@synopackageland/ui 0.20.6 → 0.20.8

package/dist/grid.js

@@ -1,4 +1,4 @@
-/*! @synopackageland/ui/grid includes code ported from Teable packages/sdk (MIT, Copyright (c) 2023-2025 Teable, Inc.) and Baserow (MIT, Copyright (c) 2019-present Baserow B.V.); see LICENSES/ux-grid-teable.md and LICENSES/ux-grid-baserow.md */
+/*! @synopackageland/ui/grid: MIT, Copyright (c) 2023-2025 Teable, Inc. and Copyright (c) 2019-present Baserow B.V. in parts; see LICENSES/source-notices.md */
 import { watch as ue, toValue as eo, getCurrentScope as qo, onScopeDispose as to, shallowRef as ce, defineComponent as Xo, useId as Yo, ref as xe, computed as _, onMounted as jo, onBeforeUnmount as Qo, openBlock as pe, createElementBlock as Ce, unref as J, createElementVNode as ee, toDisplayString as we, normalizeStyle as Be, Fragment as Zo, renderList as Jo, createCommentVNode as Oe, renderSlot as hn, createTextVNode as ei, inject as ti } from "vue";
 import { useUiText as ni } from "./index.js";
 var H = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.Cells = "Cells", e.None = "None", e))(H || {}), x = /* @__PURE__ */ ((e) => (e.Cell = "Cell", e.ActiveCell = "ActiveCell", e.AppendRow = "AppendRow", e.AppendColumn = "AppendColumn", e.ColumnHeader = "ColumnHeader", e.ColumnHeaderMenu = "ColumnHeaderMenu", e.ColumnPrimaryIcon = "ColumnPrimaryIcon", e.ColumnDescription = "ColumnDescription", e.ColumnResizeHandler = "ColumnResizeHandler", e.ColumnFreezeHandler = "ColumnFreezeHandler", e.RowHeaderDragHandler = "RowHeaderDragHandler", e.RowHeaderExpandHandler = "RowHeaderExpandHandler", e.RowHeaderCheckbox = "RowHeaderCheckbox", e.RowGroupControl = "RowGroupControl", e.RowGroupHeader = "RowGroupHeader", e.RowHeader = "RowHeader", e.AllCheckbox = "AllCheckbox", e.FillHandler = "FillHandler", e.Blank = "Blank", e.None = "None", e))(x || {}), O = /* @__PURE__ */ ((e) => (e.Rows = "Rows", e.Columns = "Columns", e.None = "None", e))(O || {}), X = /* @__PURE__ */ ((e) => (e.Spacer = "Spacer", e.Drag = "Drag", e.Expand = "Expand", e.Checkbox = "Checkbox", e))(X || {}), de = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e))(de || {}), $ = /* @__PURE__ */ ((e) => (e.All = "all", e.None = "none", e.Column = "column", e.Row = "row", e.Cell = "cell", e))($ || {}), se = /* @__PURE__ */ ((e) => (e[e.Group = 0] = "Group", e[e.Row = 1] = "Row", e[e.Append = 2] = "Append", e))(se || {});
@@ -18,7 +18,7 @@ const B = {
   columnResizeHandlerPaddingTop: 4,
   columnFreezeHandlerWidth: 8,
   columnFreezeHandlerHeight: 30,
-  /** Teable's hard-coded minimum while resizing. */
+  /** The minimum while resizing. */
   columnMinWidth: 100,
   cellHorizontalPadding: 8,
   cellVerticalPaddingMD: 10,
@@ -936,7 +936,7 @@ const ma = ({ isEditing: e, eventTarget: t, hiddenFocusEl: n }) => {
     if (o && n?.write) {
       const a = new o({
         "text/plain": e.then(({ text: s }) => new Blob([s], { type: "text/plain" })),
-        // Baserow passes null for no HTML; an empty table keeps the blob type valid in every browser.
+        // Null means no HTML; an empty table keeps the blob type valid in every browser.
         "text/html": e.then(({ text: s, html: r }) => new Blob([r ?? Ra(s)], { type: "text/html" }))
       });
       return n.write([a]);
@@ -2279,7 +2279,7 @@ class Rs {
   /**
    * Touch on a grid no wider than 640 px. There a tap opens the record (the
    * cell and its editor cannot fit beside the keyboard), the row header shows
-   * numbers only and no column is frozen: Teable's phone grid.
+   * numbers only and no column is frozen.
    */
   get isPhone() {
     return !!this.config.touch && this.width > 0 && this.width <= Ss;
@@ -2315,7 +2315,7 @@ class Rs {
   }
   /**
    * Frozen columns that fit: the scrolling part keeps at least 240 px, so on a
-   * phone a wide first column stops freezing (Teable's getMaxFreezeColumnCount).
+   * phone a wide first column stops freezing.
    */
   freezeCount(t) {
     const { columns: n } = this.config, o = Math.min(t, n.length);
@@ -2398,7 +2398,7 @@ class Rs {
       height: this.coord.getRowHeight(o)
     };
   }
-  /** Minimal scroll that shows the cell with Teable's 16 px buffer; instant. */
+  /** Minimal scroll that shows the cell with a 16 px buffer; instant. */
   scrollToCell(t) {
     const [n, o] = t, { coord: i } = this, a = B.cellScrollBuffer;
     let { scrollLeft: s, scrollTop: r } = this.scroll;
@@ -2434,7 +2434,7 @@ class Rs {
   get isFillEnabled() {
     return !!this.config.fillable && !this.config.readonly && this.config.selectable !== "none" && !this.config.touch;
   }
-  /** No resize handle on touch: a 5 px edge is no finger target (Teable has none on touch either). */
+  /** No resize handle on touch: a 5 px edge is no finger target. */
   get isResizeEnabled() {
     return this.config.columnResizable && !this.config.touch;
   }
@@ -2579,11 +2579,11 @@ class Rs {
    * The tapped row or header keeps a pressed tint until `clearTapFeedback`.
    *
    * - A cell on a phone (`isPhone`): selects it and opens the record
-   *   (`rowExpand` with the column), as Teable's touch grid.
+   *   (`rowExpand` with the column).
    * - A cell on a wider touch screen: the first tap selects it, a second tap
    *   on the selected cell asks for an edit (`tap` trigger).
-   * - A header with a menu opens the menu, as in Teable's touch layer (the
-   *   16 px chevron is no finger target); without one it selects the column.
+   * - A header with a menu opens the menu (the 16 px chevron is no finger
+   *   target); without one it selects the column.
    * - The row header is one target: on a phone it opens the record; wider, it
    *   expands the row with the `expand` control, else toggles the checkbox.
    *
@@ -2648,7 +2648,7 @@ class Rs {
   }
   /**
    * After an edit of `cell` commits: Enter moves down, Tab right, Shift+Tab
-   * left (Teable's enterCommitSelection / tabSelection), from the edited cell.
+   * left, from the edited cell.
    */
   moveAfterEdit(t, n) {
     const { rowCount: o, columns: i } = this.config;
@@ -3619,7 +3619,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
     });
   },
   describe: (e, { labels: t }) => e.value ? t.checked : t.unchecked,
-  // Teable hit-tests the icon box exactly; ours adds 4 px around it (a 24 px target at 16 px).
+  // The icon box is hit exactly, plus 4 px around it (a 24 px target at 16 px).
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (e.readonly) return null;
     const i = Xn(n.width, n.height, o), a = { x: i.x - 4, y: Math.max(0, i.y - 4), width: i.width + 8, height: Math.min(n.height, i.height + 8) };
@@ -3634,7 +3634,7 @@ const Xe = (e, t) => e.x >= t.x && e.x < t.x + t.width && e.y >= t.y && e.y < t.
       er(e, c, s, a, n.value > l ? i.ratingOn : i.ratingOff), c += a + At;
   },
   describe: (e, { labels: t }) => e.value > 0 ? yo(t.rating, { value: e.value, max: st(e) }) : "",
-  // Click the n-th star: value n; click the current value again: clear (Teable).
+  // Click the n-th star: value n; click the current value again: clear.
   hitTest: (e, { point: t, size: n, metrics: o }) => {
     if (e.readonly) return null;
     const i = o.icon + At, a = st(e), s = { x: o.padding, y: Math.max(0, n.height / 2 - o.icon), width: a * i, height: Math.min(n.height, 2 * o.icon) };