@kapiuara/ui 0.0.0-stage → 0.1.0

package/dist/components/data/KapiTable.js

@@ -0,0 +1,748 @@
+"use client";
+import { useKapiLocale as e, useLabels as t } from "../locale/KapiLocaleProvider.js";
+import { rafThrottle as n } from "../../hooks/rafThrottle.js";
+import { KapiSelect as r } from "../inputs/KapiSelect.js";
+import { joinClasses as i } from "../rootProps.js";
+/* empty css                       */
+import { applyRangeSelection as a, buildCsv as o, clampColumnWidth as ee, computePagination as s, computeStickyOffsets as te, computeVisibleRange as ne, csvFileName as re, csvHeaderOf as ie, effectiveColumnWidth as ae, filterRows as oe, filterSearchColumns as c, lastStickyIndex as se, nextScrollWindow as ce, nextSortState as le, rangeBetween as ue, readCell as l, resizeColumn as de, rowSelectLabel as u, selectionState as fe, sortRowsByColumn as pe, toggleAllIds as me, toggleColumnVisibility as he, toggleId as ge, visibleColumnsOf as _e } from "./tableLogic.js";
+import { KapiContextMenu as ve } from "../overlays/KapiContextMenu.js";
+import { downloadBlob as ye } from "../../hooks/downloadLogic.js";
+import { useDragScroll as be } from "../../hooks/useDragScroll.js";
+import { draftStickyLefts as xe, endResizeDrag as Se, moveResizeDrag as Ce, needsDraftLeftPaint as we, startResizeDrag as Te } from "./tableResizeLogic.js";
+import { KapiSkeleton as Ee } from "../feedback/KapiSkeleton.js";
+import { KapiBulkBar as De } from "../feedback/KapiBulkBar.js";
+import { KapiTableFilter as Oe } from "./KapiTableFilter.js";
+/* empty css              */
+import { Fragment as ke, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { memo as p, useCallback as Ae, useEffect as m, useLayoutEffect as je, useMemo as h, useRef as g, useState as _ } from "react";
+import { Check as Me, ChevronDown as Ne, ChevronLeft as Pe, ChevronRight as Fe, ChevronUp as v, ChevronsUpDown as y, Columns3 as Ie, Copy as Le, Download as Re, Loader2 as ze, MoreHorizontal as Be } from "lucide-react";
+//#region src/components/data/KapiTable.tsx
+var Ve = {
+	empty: "Sin resultados",
+	loading: "Cargando…",
+	selectAll: "Seleccionar todo",
+	selectRow: "Seleccionar fila",
+	selectRowNamed: "Seleccionar",
+	copy: "Copiar",
+	actions: "Acciones",
+	moreActions: "Más acciones",
+	sortBy: "Ordenar por",
+	rowsPerPage: "Filas por página",
+	prevPage: "Página anterior",
+	nextPage: "Página siguiente",
+	expandRow: "Expandir fila",
+	columns: "Columnas",
+	resizeColumn: "Redimensionar columna",
+	filter: "Filtrar tabla",
+	filterPlaceholder: "Filtrar…",
+	filterColumn: "Columna del filtro",
+	filterAll: "Todas",
+	of: "de",
+	exportCsv: "Exportar CSV"
+}, b = "button, a, input, select, textarea, label, [role=button]", He = 600, Ue = 5, We = [
+	96,
+	72,
+	84,
+	60
+], Ge = {
+	text: "",
+	column: null
+}, Ke = (e, t) => {
+	try {
+		navigator.clipboard?.writeText(String(e))?.catch(() => void 0);
+	} catch {}
+	t?.(e);
+}, qe = (e) => typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&"), Je = (e, t, n) => {
+	let r = n[e.key];
+	return r === void 0 ? t === "th" ? {
+		width: e.flex ? "100%" : e.width,
+		minWidth: e.width,
+		maxWidth: e.sticky ? e.width : void 0
+	} : {
+		width: e.sticky ? e.width : e.flex ? "100%" : void 0,
+		maxWidth: e.sticky ? e.width : void 0
+	} : {
+		width: r,
+		minWidth: r,
+		maxWidth: r
+	};
+}, Ye = (e, t = !1) => `${e.sticky ? "is-sticky" : ""}${e.sticky && t ? " is-sticky-last" : ""}${e.flex ? " is-flex" : ""}${e.align ? ` is-align-${e.align}` : ""}`, Xe = (e, t, n, r) => {
+	let i = e.render ? e.render(t) : l(t, e.key);
+	if (!e.copyable) return i;
+	let a = e.copyValue ? e.copyValue(t) : l(t, e.key);
+	return /* @__PURE__ */ f("span", {
+		className: "kapi-cell",
+		children: [/* @__PURE__ */ d("span", {
+			className: "kapi-cell__v",
+			children: i
+		}), /* @__PURE__ */ d("button", {
+			type: "button",
+			className: "kapi-cell__copy",
+			"aria-label": n.copy,
+			onClick: (e) => {
+				e.stopPropagation(), Ke(a, r);
+			},
+			children: /* @__PURE__ */ d(Le, {
+				size: 13,
+				strokeWidth: 2
+			})
+		})]
+	});
+}, Ze = (e) => e === "asc" ? /* @__PURE__ */ d(v, {
+	size: 13,
+	strokeWidth: 2.4
+}) : e === "desc" ? /* @__PURE__ */ d(Ne, {
+	size: 13,
+	strokeWidth: 2.4
+}) : /* @__PURE__ */ d(y, {
+	size: 13,
+	strokeWidth: 2
+});
+function Qe({ columns: p, rows: v, keyField: y = "id", maxHeight: Le = "58vh", fill: Be = !1, bulkActionsPlacement: b = "bottom", className: Ke, style: Xe, id: Qe, labels: $e, actions: tt, rowMenu: x, contextMenu: nt, onCopy: rt, selectable: S = !1, rowSelect: it = !1, rowLabel: at, selectedIds: ot, onSelectedIdsChange: st, bulkActions: ct, rangeSelect: lt = !0, virtual: C = !1, rowHeight: w = 46, sort: ut, defaultSort: dt = null, onSortChange: ft, manualSort: pt = !1, pagination: T, loading: E = !1, loadingRows: mt = Ue, card: ht = !1, emptyMessage: gt, loadingMessage: _t, isRowSelectable: D, renderSubComponent: vt, expandedIds: yt, onExpandedIdsChange: bt, density: xt = "default", rowHover: St = !1, columnToggle: Ct = !1, columnVisibility: wt, defaultColumnVisibility: Tt, onColumnVisibilityChange: Et, resizableColumns: Dt = !1, columnWidths: Ot, defaultColumnWidths: kt, onColumnWidthsChange: At, filterable: jt = !1, filter: Mt, defaultFilter: Nt = Ge, onFilterChange: Pt, manualFilter: O = !1, filterDebounce: Ft = 300, exportCsv: k, mobileCards: It = !1 }) {
+	let A = t("table", Ve, $e), Lt = gt === void 0 ? A.empty : gt, Rt = _t === void 0 ? A.loading : _t, zt = e(), [j, Bt] = _(null), [M, Vt] = _(null), [Ht, Ut] = _({
+		scrollTop: 0,
+		viewHeight: He
+	}), N = be({ onMenu: nt ? (e, t) => Bt({
+		x: e,
+		y: t
+	}) : void 0 }), Wt = ot !== void 0, [Gt, Kt] = _(() => /* @__PURE__ */ new Set()), P = h(() => Wt ? new Set(ot) : Gt, [
+		Wt,
+		ot,
+		Gt
+	]), F = (e) => {
+		Wt || Kt(e), st?.([...e]);
+	}, qt = () => F(/* @__PURE__ */ new Set()), Jt = [...P], Yt = g(null), Xt = ut !== void 0, [Zt, Qt] = _(dt), I = Xt ? ut : Zt, $t = (e) => {
+		let t = le(I, e);
+		Xt || Qt(t), ft?.(t);
+	}, L = !!vt && !C, R = yt !== void 0, [en, tn] = _(() => /* @__PURE__ */ new Set()), nn = h(() => R ? new Set(yt) : en, [
+		R,
+		yt,
+		en
+	]), rn = (e) => {
+		let t = ge(nn, e);
+		R || tn(t), bt?.([...t]);
+	}, an = wt !== void 0, [on, sn] = _(Tt ?? {}), z = an ? wt : on, [cn, ln] = _(!1), un = (e) => {
+		let t = he(z, e);
+		an || sn(t), Et?.(t);
+	}, dn = Ot !== void 0, [fn, pn] = _(kt ?? {}), B = dn ? Ot : fn, mn = (e) => {
+		dn || pn(e), At?.(e);
+	}, V = g(null), hn = g(null), H = h(() => _e(p, z), [p, z]), gn = Mt !== void 0, [_n, vn] = _(Nt), U = gn ? Mt : _n, yn = (e) => {
+		gn || vn(e), Pt?.(e);
+	}, bn = h(() => {
+		if (O) return v;
+		let e = c(H, U.column);
+		return oe(v, (t) => e.map((e) => e.filterValue ? e.filterValue(t) : l(t, e.key)), U.text);
+	}, [
+		v,
+		H,
+		U,
+		O
+	]), W = h(() => pt ? bn : pe(bn, p, I, zt), [
+		bn,
+		p,
+		I,
+		pt,
+		zt
+	]), G = h(() => te(H.map((e) => ({
+		sticky: e.sticky,
+		width: ae(e, B)
+	})), (S ? 46 : 0) + (L ? 44 : 0)), [
+		H,
+		B,
+		S,
+		L
+	]), xn = h(() => se(H), [H]), Sn = p.filter((e) => e.hideable !== !1), K = !!(tt || x), q = H.length + +!!S + +!!K + +!!L, Cn = h(() => W.filter((e) => !D || D(e)).map((e) => e[y]), [
+		W,
+		y,
+		D
+	]), wn = fe(Cn, P), Tn = (e, t) => {
+		let n = !P.has(e), r = Yt.current;
+		if (lt && t && r !== null && r !== e) {
+			let t = ue(Cn, r, e);
+			if (t.length > 0) {
+				F(a(P, t, n));
+				return;
+			}
+		}
+		Yt.current = e, F(ge(P, e));
+	}, { start: En, end: Dn, padTop: On, padBottom: kn } = C ? ne({
+		total: W.length,
+		rowHeight: w,
+		...Ht
+	}) : {
+		start: 0,
+		end: W.length,
+		padTop: 0,
+		padBottom: 0
+	}, An = W.slice(En, Dn), jn = T ? Math.max(0, T.page - 1) * T.pageSize : 0, Mn = g({
+		total: W.length,
+		rowHeight: w
+	});
+	Mn.current = {
+		total: W.length,
+		rowHeight: w
+	};
+	let Nn = Ae((e) => {
+		let t = {
+			scrollTop: e.scrollTop,
+			viewHeight: e.clientHeight || He
+		};
+		Ut((e) => ce(e, t, Mn.current));
+	}, []), J = Ae(() => {
+		let e = N.current;
+		e && Nn(e);
+	}, [N, Nn]);
+	je(() => {
+		C && J();
+	}, [
+		C,
+		Le,
+		w,
+		J
+	]), m(() => {
+		let e = N.current;
+		if (!C || !e || typeof ResizeObserver > "u") return;
+		let t = new ResizeObserver(J);
+		return t.observe(e), () => t.disconnect();
+	}, [
+		C,
+		N,
+		J
+	]);
+	let Pn = (e) => {
+		C && Nn(e.currentTarget);
+	}, Fn = g(!0);
+	m(() => {
+		if (Fn.current) {
+			Fn.current = !1;
+			return;
+		}
+		let e = N.current;
+		e && e.scrollTop > 0 && (e.scrollTop = 0);
+	}, [
+		U.text,
+		U.column,
+		N
+	]);
+	let In = typeof k == "object" ? k : {}, Ln = () => {
+		let e = H.map(ie), t = In.rows, n = (t === void 0 ? W : typeof t == "function" ? t() : t).map((e) => H.map((t) => t.csvValue ? t.csvValue(e) : t.copyValue ? t.copyValue(e) : l(e, t.key)));
+		ye(new Blob([`\uFEFF${o(e, n, In.separator)}`], { type: "text/csv;charset=utf-8" }), re(In.fileName));
+	}, Rn = It && !C, zn = (e, t) => {
+		if (!x) return;
+		let n = e.currentTarget.getBoundingClientRect();
+		Vt({
+			x: n.right,
+			y: n.bottom + 4,
+			items: x(t)
+		});
+	}, Y = g({
+		activateRow: Tn,
+		toggleExpanded: rn,
+		openRowMenu: zn
+	});
+	Y.current = {
+		activateRow: Tn,
+		toggleExpanded: rn,
+		openRowMenu: zn
+	};
+	let Bn = h(() => ({
+		activate: (e, t) => Y.current.activateRow(e, t),
+		toggleExpanded: (e) => Y.current.toggleExpanded(e),
+		openMenu: (e, t) => Y.current.openRowMenu(e, t)
+	}), []), Vn = (e) => {
+		if (!e.sortable) return e.label;
+		let t = I?.key === e.key ? I.direction : "none";
+		return /* @__PURE__ */ f("button", {
+			type: "button",
+			className: `kapi-thsort${t === "none" ? "" : " is-active"}`,
+			onClick: () => $t(e.key),
+			title: typeof e.label == "string" ? `${A.sortBy} ${e.label}` : void 0,
+			children: [/* @__PURE__ */ d("span", { children: e.label }), Ze(t)]
+		});
+	}, Hn = (e) => {
+		if (e.sortable) return I?.key === e.key ? I.direction === "asc" ? "ascending" : "descending" : "none";
+	}, Un = (e) => e.resizable ?? Dt, X = (e) => e.minWidth ?? 60, Wn = g({
+		visibleColumns: H,
+		widths: B,
+		lefts: G,
+		offset: 0
+	});
+	Wn.current = {
+		visibleColumns: H,
+		widths: B,
+		lefts: G,
+		offset: (S ? 46 : 0) + (L ? 44 : 0)
+	};
+	let Z = g(/* @__PURE__ */ new Map()), Gn = g(/* @__PURE__ */ new Map()), [Q] = _(() => n((e) => {
+		let t = hn.current;
+		if (!t) return;
+		let n = Wn.current, r = xe(n.visibleColumns, n.widths, e.key, e.width, n.offset);
+		n.visibleColumns.forEach((i, a) => {
+			let o = i.key === e.key, ee = Gn.current.get(i.key);
+			if (!o && !we(r[a], n.lefts[a], ee)) return;
+			Gn.current.set(i.key, r[a]);
+			let s = `[data-col="${qe(i.key)}"]`;
+			t.querySelectorAll(`:scope > thead > tr > ${s}, :scope > tbody > tr > ${s}`).forEach((t) => {
+				if (Z.current.has(t) || Z.current.set(t, t.style.cssText), o) {
+					let n = `${e.width}px`;
+					t.style.width = n, t.style.minWidth = n, t.style.maxWidth = n;
+				}
+				let n = r[a];
+				n !== void 0 && (t.style.left = `${n}px`);
+			});
+		});
+	})), Kn = () => {
+		Q.cancel(), Z.current.forEach((e, t) => {
+			t.style.cssText = e;
+		}), Z.current.clear(), Gn.current.clear();
+	};
+	m(() => () => Q.cancel(), [Q]);
+	let qn = (e, t) => {
+		if (e.button !== 0) return;
+		e.preventDefault(), e.stopPropagation();
+		let n = e.currentTarget.parentElement, r = n ? n.getBoundingClientRect().width : t.width ?? 120;
+		V.current = Te(t.key, e.clientX, r, X(t)), e.currentTarget.setPointerCapture(e.pointerId);
+	}, Jn = (e) => {
+		let t = V.current;
+		if (!t) return;
+		let n = Ce(t, e.clientX);
+		n && (V.current = n, Q(n));
+	}, Yn = (e) => {
+		let t = V.current;
+		if (V.current = null, e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), !t) return;
+		Kn();
+		let n = e.type === "pointercancel" ? t : Ce(t, e.clientX) ?? t, r = Se(n, B, e.type === "pointercancel" ? "cancel" : "commit");
+		r && mn(r);
+	}, Xn = (e, t) => {
+		if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
+		e.preventDefault();
+		let n = e.currentTarget.parentElement, r = B[t.key] ?? (n ? n.getBoundingClientRect().width : t.width ?? 120), i = e.key === "ArrowRight" ? 16 : -16;
+		mn(de(B, t.key, r, i, X(t)));
+	}, Zn = (e) => {
+		if (!Un(e)) return null;
+		let t = typeof e.label == "string" ? ` ${e.label}` : "", n = B[e.key] ?? e.width;
+		return /* @__PURE__ */ d("div", {
+			role: "separator",
+			"aria-orientation": "vertical",
+			"aria-label": `${A.resizeColumn}${t}`,
+			"aria-valuemin": X(e),
+			"aria-valuenow": n === void 0 ? void 0 : ee(n, X(e)),
+			tabIndex: 0,
+			className: "kapi-colresize",
+			onPointerDown: (t) => qn(t, e),
+			onPointerMove: Jn,
+			onPointerUp: Yn,
+			onPointerCancel: Yn,
+			onClick: (e) => e.stopPropagation(),
+			onKeyDown: (t) => Xn(t, e)
+		});
+	}, $ = T ? s(T) : null, Qn = T && $ && $.page !== T.page ? $.page : null, $n = g(T?.onPageChange);
+	$n.current = T?.onPageChange, m(() => {
+		Qn !== null && $n.current?.(Qn);
+	}, [Qn]);
+	let er = (e, t = !1) => /* @__PURE__ */ d("tr", {
+		className: "kapi-table-staterow",
+		children: /* @__PURE__ */ f("td", {
+			colSpan: q,
+			className: "kapi-table-state",
+			children: [t && /* @__PURE__ */ d(ze, {
+				size: 16,
+				strokeWidth: 2.2,
+				className: "kapi-table-spin",
+				"aria-hidden": !0
+			}), /* @__PURE__ */ d("span", { children: e })]
+		})
+	}), tr = (e, t, n) => {
+		let r = e.flex ? `${[
+			70,
+			55,
+			80
+		][n % 3]}%` : Math.max(32, Math.min(We[(t + n) % We.length] ?? 72, (e.width ?? 120) - 36));
+		return /* @__PURE__ */ d(Ee, {
+			width: r,
+			height: 14,
+			radius: 6
+		});
+	}, nr = Array.from({ length: mt }, (e, t) => /* @__PURE__ */ f("tr", {
+		className: "kapi-table-skrow",
+		"aria-hidden": !0,
+		children: [
+			S && /* @__PURE__ */ d("td", {
+				className: "is-sticky kapi-cbcol",
+				style: { left: 0 },
+				children: /* @__PURE__ */ d(Ee, {
+					width: 16,
+					height: 16,
+					radius: 5
+				})
+			}),
+			L && /* @__PURE__ */ d("td", { className: "kapi-expandcol" }),
+			H.map((e, n) => /* @__PURE__ */ d("td", {
+				"data-col": e.key,
+				className: Ye(e, n === xn),
+				style: {
+					left: G[n],
+					...Je(e, "td", B)
+				},
+				children: tr(e, n, t)
+			}, e.key)),
+			K && /* @__PURE__ */ d("td", {
+				className: "kapi-actcol",
+				children: /* @__PURE__ */ d(Ee, {
+					width: 28,
+					height: 14,
+					radius: 6,
+					style: { marginLeft: "auto" }
+				})
+			})
+		]
+	}, `sk-${t}`)), rr = S && ct && Jt.length > 0 ? /* @__PURE__ */ d(De, {
+		count: Jt.length,
+		onClear: qt,
+		placement: b,
+		children: ct({
+			ids: Jt,
+			clear: qt
+		})
+	}) : null;
+	return /* @__PURE__ */ f("div", {
+		id: Qe,
+		style: Xe,
+		className: i("kapi-table-shell", ht && "kapi-table-shell--card", Be && "kapi-table-shell--fill", Rn && "kapi-table-shell--cards", Ke),
+		children: [
+			b === "top" && rr,
+			(jt || k || Ct && Sn.length > 0) && /* @__PURE__ */ f("div", {
+				className: "kapi-tabletools",
+				children: [
+					jt && /* @__PURE__ */ d(Oe, {
+						value: U,
+						onChange: yn,
+						columns: H,
+						count: O ? void 0 : {
+							shown: W.length,
+							total: v.length
+						},
+						debounce: O ? Ft : 0,
+						labels: A
+					}),
+					k && /* @__PURE__ */ f("button", {
+						type: "button",
+						className: "kapi-filterchip",
+						onClick: Ln,
+						children: [/* @__PURE__ */ d(Re, {
+							size: 14,
+							strokeWidth: 2.2
+						}), /* @__PURE__ */ d("span", {
+							className: "kapi-strong",
+							children: A.exportCsv
+						})]
+					}),
+					Ct && Sn.length > 0 && /* @__PURE__ */ f("div", {
+						className: "kapi-dropdown",
+						onKeyDown: (e) => {
+							e.key === "Escape" && ln(!1);
+						},
+						children: [/* @__PURE__ */ f("button", {
+							type: "button",
+							className: "kapi-filterchip",
+							onClick: () => ln((e) => !e),
+							"aria-haspopup": "menu",
+							"aria-expanded": cn,
+							children: [
+								/* @__PURE__ */ d(Ie, {
+									size: 14,
+									strokeWidth: 2.2
+								}),
+								/* @__PURE__ */ d("span", {
+									className: "kapi-strong",
+									children: A.columns
+								}),
+								/* @__PURE__ */ d(Ne, {
+									size: 14,
+									strokeWidth: 2.2,
+									color: "var(--kapi-muted-2)"
+								})
+							]
+						}), cn && /* @__PURE__ */ f(ke, { children: [/* @__PURE__ */ d("div", {
+							className: "kapi-dropdown__backdrop",
+							onClick: () => ln(!1)
+						}), /* @__PURE__ */ d("div", {
+							className: "kapi-menu kapi-dropdown__menu kapi-dropdown__menu--down kapi-tabletools__menu",
+							role: "menu",
+							"aria-label": A.columns,
+							children: Sn.map((e) => {
+								let t = z[e.key] !== !1;
+								return /* @__PURE__ */ f("button", {
+									type: "button",
+									role: "menuitemcheckbox",
+									"aria-checked": t,
+									className: `kapi-menu__item${t ? " kapi-menu__item--on" : ""}`,
+									onClick: () => un(e.key),
+									children: [/* @__PURE__ */ d("span", { children: e.label }), t && /* @__PURE__ */ d(Me, {
+										size: 14,
+										strokeWidth: 2.6,
+										color: "var(--kapi-primary)"
+									})]
+								}, e.key);
+							})
+						})] })]
+					})
+				]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "kapi-tablewrap",
+				ref: N,
+				style: Be ? void 0 : { maxHeight: Le },
+				onScroll: Pn,
+				children: [
+					/* @__PURE__ */ f("table", {
+						ref: hn,
+						className: `kapi-table2${C ? " is-virtual" : ""}${xt === "card" ? " kapi-table2--card" : ""}${St ? " kapi-table2--hover" : ""}`,
+						children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ f("tr", { children: [
+							S && /* @__PURE__ */ d("th", {
+								className: "is-sticky kapi-cbcol",
+								style: { left: 0 },
+								children: /* @__PURE__ */ d("label", {
+									className: "kapi-check kapi-check--block",
+									children: /* @__PURE__ */ d("input", {
+										type: "checkbox",
+										checked: wn === "all",
+										ref: (e) => {
+											e && (e.indeterminate = wn === "some");
+										},
+										onChange: () => F(me(P, Cn)),
+										"aria-label": A.selectAll
+									})
+								})
+							}),
+							L && /* @__PURE__ */ d("th", { className: "kapi-expandcol" }),
+							H.map((e, t) => /* @__PURE__ */ f("th", {
+								"data-col": e.key,
+								className: `${Ye(e, t === xn)}${e.sortable ? " is-sortable" : ""}`,
+								"aria-sort": Hn(e),
+								style: {
+									left: G[t],
+									...Je(e, "th", B),
+									textAlign: e.align
+								},
+								children: [Vn(e), Zn(e)]
+							}, e.key)),
+							K && /* @__PURE__ */ d("th", {
+								className: "kapi-actcol",
+								children: A.actions
+							})
+						] }) }), /* @__PURE__ */ f("tbody", { children: [
+							E && (mt > 0 ? nr : er(Rt, !0)),
+							!E && W.length === 0 && er(Lt),
+							!E && W.length > 0 && On > 0 && /* @__PURE__ */ d("tr", {
+								"aria-hidden": !0,
+								style: { height: On },
+								children: /* @__PURE__ */ d("td", {
+									colSpan: q,
+									className: "kapi-table-pad"
+								})
+							}),
+							!E && An.map((e, t) => {
+								let n = e[y], r = !D || D(e), i = jn + En + t + 1;
+								return /* @__PURE__ */ d(et, {
+									row: e,
+									id: n,
+									selected: P.has(n),
+									selectLabel: S ? u(e, H, i, A, at) : "",
+									open: L && nn.has(n),
+									canSelect: r,
+									clickSelect: S && it && r,
+									rangeSelect: lt,
+									selectable: S,
+									expandable: L,
+									rowHeight: C ? w : void 0,
+									columns: H,
+									lefts: G,
+									lastSticky: xn,
+									widths: B,
+									text: A,
+									onCopy: rt,
+									hasActions: K,
+									actions: tt,
+									rowMenu: x,
+									renderSubComponent: vt,
+									colSpan: q,
+									handlers: Bn
+								}, n);
+							}),
+							!E && W.length > 0 && kn > 0 && /* @__PURE__ */ d("tr", {
+								"aria-hidden": !0,
+								style: { height: kn },
+								children: /* @__PURE__ */ d("td", {
+									colSpan: q,
+									className: "kapi-table-pad"
+								})
+							})
+						] })]
+					}),
+					j && nt && /* @__PURE__ */ d(ve, {
+						open: !0,
+						x: j.x,
+						y: j.y,
+						items: nt,
+						onClose: () => Bt(null)
+					}),
+					M && /* @__PURE__ */ d(ve, {
+						open: !0,
+						x: M.x,
+						y: M.y,
+						items: M.items,
+						onClose: () => Vt(null)
+					})
+				]
+			}),
+			b === "bottom" && rr,
+			T && $ && /* @__PURE__ */ f("div", {
+				className: "kapi-tablefoot",
+				children: [/* @__PURE__ */ f("div", {
+					className: "kapi-tablefoot__l",
+					children: [/* @__PURE__ */ f("span", { children: [
+						$.from,
+						"–",
+						$.to,
+						" ",
+						A.of,
+						" ",
+						T.total
+					] }), T.pageSizeOptions && T.onPageSizeChange && /* @__PURE__ */ f("div", {
+						className: "kapi-tablefoot__size",
+						children: [/* @__PURE__ */ d("span", { children: A.rowsPerPage }), /* @__PURE__ */ d(r, {
+							size: "sm",
+							searchable: !1,
+							"aria-label": A.rowsPerPage,
+							options: T.pageSizeOptions.map((e) => ({
+								value: String(e),
+								label: String(e)
+							})),
+							value: String(T.pageSize),
+							onChange: (e) => {
+								e !== null && T.onPageSizeChange?.(Number(e));
+							}
+						})]
+					})]
+				}), /* @__PURE__ */ f("div", {
+					className: "kapi-tablefoot__r",
+					children: [
+						/* @__PURE__ */ d("button", {
+							type: "button",
+							className: "kapi-tablefoot__btn",
+							"aria-label": A.prevPage,
+							"aria-disabled": !$.canPrev || void 0,
+							onClick: () => {
+								$.canPrev && T.onPageChange($.page - 1);
+							},
+							children: /* @__PURE__ */ d(Pe, {
+								size: 16,
+								strokeWidth: 2
+							})
+						}),
+						/* @__PURE__ */ f("span", { children: [
+							$.page,
+							" / ",
+							$.totalPages
+						] }),
+						/* @__PURE__ */ d("button", {
+							type: "button",
+							className: "kapi-tablefoot__btn",
+							"aria-label": A.nextPage,
+							"aria-disabled": !$.canNext || void 0,
+							onClick: () => {
+								$.canNext && T.onPageChange($.page + 1);
+							},
+							children: /* @__PURE__ */ d(Fe, {
+								size: 16,
+								strokeWidth: 2
+							})
+						})
+					]
+				})]
+			})
+		]
+	});
+}
+function $e({ row: e, id: t, selected: n, selectLabel: r, open: i, canSelect: a, clickSelect: o, rangeSelect: ee, selectable: s, expandable: te, rowHeight: ne, columns: re, lefts: ie, lastSticky: ae, widths: oe, text: c, onCopy: se, hasActions: ce, actions: le, rowMenu: ue, renderSubComponent: l, colSpan: de, handlers: u }) {
+	return /* @__PURE__ */ f(ke, { children: [/* @__PURE__ */ f("tr", {
+		className: `${n ? "is-selected" : ""}${o ? " is-rowsel" : ""}`,
+		style: ne === void 0 ? void 0 : { height: ne },
+		onClick: o ? (e) => {
+			e.target.closest(b) || u.activate(t, e.shiftKey);
+		} : void 0,
+		onMouseDown: o ? (e) => {
+			ee && e.shiftKey && e.preventDefault();
+		} : void 0,
+		children: [
+			s && /* @__PURE__ */ d("td", {
+				className: "is-sticky kapi-cbcol",
+				style: { left: 0 },
+				children: /* @__PURE__ */ d("label", {
+					className: "kapi-check kapi-check--block",
+					children: /* @__PURE__ */ d("input", {
+						type: "checkbox",
+						checked: n,
+						disabled: !a,
+						onClick: (e) => {
+							a && u.activate(t, e.shiftKey);
+						},
+						onChange: () => void 0,
+						"aria-label": r
+					})
+				})
+			}),
+			te && /* @__PURE__ */ d("td", {
+				className: "kapi-expandcol",
+				children: /* @__PURE__ */ d("button", {
+					type: "button",
+					className: "kapi-expandcol__btn",
+					"aria-label": c.expandRow,
+					"aria-expanded": i,
+					onClick: () => u.toggleExpanded(t),
+					children: d(i ? Ne : Fe, {
+						size: 16,
+						strokeWidth: 2
+					})
+				})
+			}),
+			re.map((t, n) => /* @__PURE__ */ d("td", {
+				"data-col": t.key,
+				className: Ye(t, n === ae),
+				style: {
+					left: ie[n],
+					...Je(t, "td", oe),
+					textAlign: t.align
+				},
+				"data-label": typeof t.label == "string" || typeof t.label == "number" ? String(t.label) : void 0,
+				children: Xe(t, e, c, se)
+			}, t.key)),
+			ce && /* @__PURE__ */ d("td", {
+				className: "kapi-actcol",
+				children: /* @__PURE__ */ f("div", {
+					className: "kapi-actcol__in",
+					children: [le ? le(e) : null, ue && /* @__PURE__ */ d("button", {
+						type: "button",
+						className: "kapi-actcol__dots",
+						"aria-label": c.moreActions,
+						onClick: (t) => u.openMenu(t, e),
+						children: /* @__PURE__ */ d(Be, {
+							size: 16,
+							strokeWidth: 2
+						})
+					})]
+				})
+			})
+		]
+	}), i && l && /* @__PURE__ */ d("tr", {
+		className: "kapi-subrow",
+		children: /* @__PURE__ */ d("td", {
+			colSpan: de,
+			children: l(e)
+		})
+	})] });
+}
+var et = p($e);
+//#endregion
+export { Ve as DEFAULT_TABLE_LABELS, Qe as KapiTable };