@cascivo/react 0.18.0 → 1.1.0

package/dist/node/context-menu/context-menu.js

@@ -1,93 +1 @@
-"use client";
-
-import e from "./context-menu.module.js";
-import { Children as t, isValidElement as n, useRef as r } from "react";
-import { useSignal as i, useSignalEffect as a, useSignals as o } from "@cascivo/core";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../components/src/context-menu/context-menu.tsx
-function l() {
-	return globalThis.process?.env?.NODE_ENV !== "production";
-}
-function u({ children: u }) {
-	o();
-	let f = r(null), p = r(null), m = i(!1), h = () => {
-		let e = f.current;
-		return e ? Array.from(e.querySelectorAll("[role=\"menuitem\"]:not([aria-disabled=\"true\"])")) : [];
-	}, g = (e) => {
-		let t = h();
-		t.length !== 0 && t[e(t, t.indexOf(document.activeElement))]?.focus();
-	}, _ = (e) => {
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), g((e, t) => t < 0 ? 0 : (t + 1) % e.length);
-				break;
-			case "ArrowUp":
-				e.preventDefault(), g((e, t) => t < 0 ? e.length - 1 : (t - 1 + e.length) % e.length);
-				break;
-			case "Home":
-				e.preventDefault(), g(() => 0);
-				break;
-			case "End":
-				e.preventDefault(), g((e) => e.length - 1);
-				break;
-		}
-	};
-	a(() => {
-		let e = f.current;
-		if (e) if (m.value) {
-			try {
-				e.showPopover();
-			} catch {}
-			h()[0]?.focus();
-		} else try {
-			e.hidePopover();
-		} catch {}
-	}), a(() => {
-		let e = f.current;
-		if (!e) return;
-		let t = (e) => {
-			e.newState === "closed" && (m.value = !1);
-		};
-		return e.addEventListener("toggle", t), () => e.removeEventListener("toggle", t);
-	});
-	function v(e) {
-		e.preventDefault();
-		let t = p.current;
-		t && (t.style.setProperty("--cascivo-context-x", `${e.clientX}px`), t.style.setProperty("--cascivo-context-y", `${e.clientY}px`), m.value = !0);
-	}
-	let y = t.toArray(u), b = y.filter((e) => n(e) && e.type === d), x = y.filter((e) => !b.includes(e));
-	if (b.length === 0 && l()) throw Error("<ContextMenu> requires at least one <ContextMenuItem> child. Items are matched by component identity, so they must be direct children — not wrapped in a fragment or another component.");
-	return /* @__PURE__ */ c("div", {
-		ref: p,
-		onContextMenu: v,
-		className: e.wrapper,
-		children: [x, /* @__PURE__ */ s("div", {
-			ref: f,
-			popover: "auto",
-			role: "menu",
-			"data-state": m.value ? "open" : "closed",
-			className: e.menu,
-			onKeyDown: _,
-			children: b
-		})]
-	});
-}
-function d({ children: t, onSelect: n, disabled: r }) {
-	function i() {
-		r || n();
-	}
-	function a(e) {
-		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), i());
-	}
-	return /* @__PURE__ */ s("div", {
-		role: "menuitem",
-		tabIndex: r ? -1 : 0,
-		"aria-disabled": r,
-		onClick: i,
-		onKeyDown: a,
-		className: e.item,
-		children: t
-	});
-}
-//#endregion
-export { u as ContextMenu, d as ContextMenuItem };
+"use client";import e from"./context-menu.module.js";import{Children as t,isValidElement as n,useRef as r}from"react";import{useSignal as i,useSignalEffect as a,useSignals as o}from"@cascivo/core";import{jsx as s,jsxs as c}from"react/jsx-runtime";function l(){return globalThis.process?.env?.NODE_ENV!==`production`}function u({children:u}){o();let f=r(null),p=r(null),m=i(!1),h=()=>{let e=f.current;return e?Array.from(e.querySelectorAll(`[role="menuitem"]:not([aria-disabled="true"])`)):[]},g=e=>{let t=h();t.length!==0&&t[e(t,t.indexOf(document.activeElement))]?.focus()},_=e=>{switch(e.key){case`ArrowDown`:e.preventDefault(),g((e,t)=>t<0?0:(t+1)%e.length);break;case`ArrowUp`:e.preventDefault(),g((e,t)=>t<0?e.length-1:(t-1+e.length)%e.length);break;case`Home`:e.preventDefault(),g(()=>0);break;case`End`:e.preventDefault(),g(e=>e.length-1);break}};a(()=>{let e=f.current;if(e)if(m.value){try{e.showPopover()}catch{}h()[0]?.focus()}else try{e.hidePopover()}catch{}}),a(()=>{let e=f.current;if(!e)return;let t=e=>{e.newState===`closed`&&(m.value=!1)};return e.addEventListener(`toggle`,t),()=>e.removeEventListener(`toggle`,t)});function v(e){e.preventDefault();let t=p.current;t&&(t.style.setProperty(`--cascivo-context-x`,`${e.clientX}px`),t.style.setProperty(`--cascivo-context-y`,`${e.clientY}px`),m.value=!0)}let y=t.toArray(u),b=y.filter(e=>n(e)&&e.type===d),x=y.filter(e=>!b.includes(e));if(b.length===0&&l())throw Error(`<ContextMenu> requires at least one <ContextMenuItem> child. Items are matched by component identity, so they must be direct children — not wrapped in a fragment or another component.`);return c(`div`,{ref:p,onContextMenu:v,className:e.wrapper,children:[x,s(`div`,{ref:f,popover:`auto`,role:`menu`,"data-state":m.value?`open`:`closed`,className:e.menu,onKeyDown:_,children:b})]})}function d({children:t,onSelect:n,disabled:r}){function i(){r||n()}function a(e){(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i())}return s(`div`,{role:`menuitem`,tabIndex:r?-1:0,"aria-disabled":r,onClick:i,onKeyDown:a,className:e.item,children:t})}export{u as ContextMenu,d as ContextMenuItem};

package/dist/node/context-menu/context-menu.module.js

@@ -1,7 +1 @@
-var e = {
-	wrapper: "_wrapper_dfne7_2",
-	menu: "_menu_dfne7_6",
-	item: "_item_dfne7_45"
-};
-//#endregion
-export { e as default };
+var e={wrapper:`_wrapper_dfne7_2`,menu:`_menu_dfne7_6`,item:`_item_dfne7_45`};export{e as default};

package/dist/node/copy-button/copy-button.js

@@ -1,60 +1 @@
-"use client";
-
-import e from "./copy-button.module.js";
-import { forwardRef as t } from "react";
-import { cn as n, useSignal as r, useSignals as i } from "@cascivo/core";
-import { builtin as a, t as o } from "@cascivo/i18n";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-//#region ../components/src/copy-button/copy-button.tsx
-var l = t(function({ value: t, size: l = "md", labels: u, className: d, ...f }, p) {
-	i();
-	let m = r(!1), h = u?.copy ?? o(a.copyButton.copy), g = u?.copied ?? o(a.copyButton.copied);
-	return /* @__PURE__ */ s("button", {
-		type: "button",
-		"aria-label": m.value ? g : h,
-		"data-state": m.value ? "copied" : "idle",
-		"data-size": l,
-		className: n(e.copyButton, d),
-		onClick: () => {
-			navigator.clipboard.writeText(t), m.value = !0, setTimeout(() => {
-				m.value = !1;
-			}, 2e3);
-		},
-		ref: p,
-		...f,
-		children: m.value ? /* @__PURE__ */ s("svg", {
-			"aria-hidden": "true",
-			viewBox: "0 0 16 16",
-			className: e.icon,
-			children: /* @__PURE__ */ s("path", {
-				d: "M13.5 4.5 6 12 2.5 8.5",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5",
-				strokeLinecap: "round",
-				strokeLinejoin: "round"
-			})
-		}) : /* @__PURE__ */ c("svg", {
-			"aria-hidden": "true",
-			viewBox: "0 0 16 16",
-			className: e.icon,
-			children: [/* @__PURE__ */ s("rect", {
-				x: "5.5",
-				y: "5.5",
-				width: "8",
-				height: "8",
-				rx: "1.5",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5"
-			}), /* @__PURE__ */ s("path", {
-				d: "M3.5 10.5h-1a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1",
-				fill: "none",
-				stroke: "currentColor",
-				strokeWidth: "1.5"
-			})]
-		})
-	});
-});
-//#endregion
-export { l as CopyButton };
+"use client";import e from"./copy-button.module.js";import{forwardRef as t}from"react";import{cn as n,useSignal as r,useSignals as i}from"@cascivo/core";import{builtin as a,t as o}from"@cascivo/i18n";import{jsx as s,jsxs as c}from"react/jsx-runtime";var l=t(function({value:t,size:l=`md`,labels:u,className:d,...f},p){i();let m=r(!1),h=u?.copy??o(a.copyButton.copy),g=u?.copied??o(a.copyButton.copied);return s(`button`,{type:`button`,"aria-label":m.value?g:h,"data-state":m.value?`copied`:`idle`,"data-size":l,className:n(e.copyButton,d),onClick:()=>{navigator.clipboard.writeText(t),m.value=!0,setTimeout(()=>{m.value=!1},2e3)},ref:p,...f,children:m.value?s(`svg`,{"aria-hidden":`true`,viewBox:`0 0 16 16`,className:e.icon,children:s(`path`,{d:`M13.5 4.5 6 12 2.5 8.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`})}):c(`svg`,{"aria-hidden":`true`,viewBox:`0 0 16 16`,className:e.icon,children:[s(`rect`,{x:`5.5`,y:`5.5`,width:`8`,height:`8`,rx:`1.5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`}),s(`path`,{d:`M3.5 10.5h-1a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`})]})})});export{l as CopyButton};

package/dist/node/copy-button/copy-button.module.js

@@ -1,6 +1 @@
-var e = {
-	copyButton: "_copyButton_w0pqt_2",
-	icon: "_icon_w0pqt_45"
-};
-//#endregion
-export { e as default };
+var e={copyButton:`_copyButton_w0pqt_2`,icon:`_icon_w0pqt_45`};export{e as default};

package/dist/node/data-list/data-list.js

@@ -1,25 +1 @@
-import e from "./data-list.module.js";
-import { cn as t } from "@cascivo/core/pure";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region ../components/src/data-list/data-list.tsx
-function i({ items: i, orientation: a = "horizontal", dividers: o = !1, size: s = "md", className: c, ...l }) {
-	return /* @__PURE__ */ n("dl", {
-		"data-orientation": a,
-		"data-size": s,
-		"data-dividers": o ? "" : void 0,
-		className: t(e.list, c),
-		...l,
-		children: i.map((t, i) => /* @__PURE__ */ r("div", {
-			className: e.row,
-			children: [/* @__PURE__ */ n("dt", {
-				className: e.term,
-				children: t.label
-			}), /* @__PURE__ */ n("dd", {
-				className: e.detail,
-				children: t.value
-			})]
-		}, t.id ?? i))
-	});
-}
-//#endregion
-export { i as DataList };
+import e from"./data-list.module.js";import{cn as t}from"@cascivo/core/pure";import{jsx as n,jsxs as r}from"react/jsx-runtime";function i({items:i,orientation:a=`horizontal`,dividers:o=!1,size:s=`md`,className:c,...l}){return n(`dl`,{"data-orientation":a,"data-size":s,"data-dividers":o?``:void 0,className:t(e.list,c),...l,children:i.map((t,i)=>r(`div`,{className:e.row,children:[n(`dt`,{className:e.term,children:t.label}),n(`dd`,{className:e.detail,children:t.value})]},t.id??i))})}export{i as DataList};

package/dist/node/data-list/data-list.module.js

@@ -1,8 +1 @@
-var e = {
-	list: "_list_prsqy_2",
-	row: "_row_prsqy_21",
-	term: "_term_prsqy_45",
-	detail: "_detail_prsqy_51"
-};
-//#endregion
-export { e as default };
+var e={list:`_list_prsqy_2`,row:`_row_prsqy_21`,term:`_term_prsqy_45`,detail:`_detail_prsqy_51`};export{e as default};

package/dist/node/data-table/column-filter.js

@@ -0,0 +1 @@
+function e(e){if(!e)return!1;switch(e.kind){case`text`:return e.value.trim()!==``;case`select`:return e.values.length>0;case`range`:return e.min!==void 0||e.max!==void 0}}function t(t){let n=0;for(let r in t)e(t[r])&&n++;return n}function n(e,t){switch(t.kind){case`text`:{let n=t.value.trim().toLowerCase();return n===``||String(e??``).toLowerCase().includes(n)}case`select`:return t.values.length===0||t.values.includes(String(e??``));case`range`:{if(t.min===void 0&&t.max===void 0)return!0;let n=typeof e==`number`?e:Number(e);return!(Number.isNaN(n)||t.min!==void 0&&n<t.min||t.max!==void 0&&n>t.max)}}}function r(t,r,i){let a=[];for(let t in r){let n=r[t];n&&e(n)&&a.push([t,n])}if(a.length===0)return t;let o=[];for(let e of t){let t=!0;for(let[r,o]of a)if(!n(i(e,r),o)){t=!1;break}t&&o.push(e)}return o}function i(e,t){let n=new Map;for(let r of e){let e=String(t(r)??``);n.set(e,(n.get(e)??0)+1)}let r=new Intl.Collator().compare;return[...n.entries()].map(([e,t])=>({value:e,count:t})).sort((e,t)=>t.count-e.count||r(e.value,t.value))}function a(e,t){let n=1/0,r=-1/0;for(let i of e){let e=t(i),a=typeof e==`number`?e:Number(e);Number.isNaN(a)||e==null||e===``||(a<n&&(n=a),a>r&&(r=a))}return n<=r?{min:n,max:r}:void 0}export{r as applyColumnFilters,t as countActiveFilters,i as facetValues,e as isFilterActive,a as numericExtent};

package/dist/node/data-table/column-layout.js

@@ -0,0 +1 @@
+function e(e,t){let n=t.order;if(!n||n.length===0)return[...e];let r=new Map(e.map(e=>[e.key,e])),i=[];for(let e of n){let t=r.get(e);t&&(i.push(t),r.delete(e))}for(let t of e)r.has(t.key)&&i.push(t);return i}function t(t,n){let r=new Set(n.hidden??[]),i=n.pinned??{},a=e(t,n).filter(e=>!r.has(e.key));if(a.length===0)return[...t];let o=a.filter(e=>i[e.key]===`start`),s=a.filter(e=>i[e.key]===void 0),c=a.filter(e=>i[e.key]===`end`);return[...o,...s,...c]}function n(t,n,r,i){let a=new Set(n.hidden??[]),o=n.pinned??{},s=e(t,n).map(e=>e.key),c=s.indexOf(r);if(c===-1)return n;let l=o[r],u=c+i;for(;u>=0&&u<s.length;){let e=s[u];if(!a.has(e)&&o[e]===l)break;if(o[e]!==l)return n;u+=i}if(u<0||u>=s.length)return n;let d=[...s];return d.splice(c,1),d.splice(u,0,r),{...n,order:d}}function r(e,t,n){let r={...e.pinned};return n===null?delete r[t]:r[t]=n,{...e,pinned:r}}function i(e,t,n){let r={...e.widths};return n===void 0?delete r[t]:r[t]=Math.max(48,Math.round(n)),{...e,widths:r}}function a(e,t,n){let r=t.hidden??[];return r.includes(n)?{...t,hidden:r.filter(e=>e!==n)}:e.filter(e=>!r.includes(e.key)).length<=1?t:{...t,hidden:[...r,n]}}function o(e,t){let n=Array.from({length:e.length}),r=0;for(let i=0;i<e.length;i++)t[i]===`start`&&(n[i]=r,r+=e[i]);r=0;for(let i=e.length-1;i>=0;i--)t[i]===`end`&&(n[i]=r,r+=e[i]);return n}export{t as displayColumns,n as moveColumn,r as pinColumn,i as resizeColumn,o as stickyOffsets,a as toggleColumnHidden};

package/dist/node/data-table/data-table.js

@@ -1,371 +1 @@
-"use client";
-
-import { Button as e } from "../button/button.js";
-import { Checkbox as t } from "../checkbox/checkbox.js";
-import n from "./data-table.module.js";
-import { Fragment as r, useId as i, useRef as a } from "react";
-import { batch as o, cn as s, useComputed as c, useControllableSignal as l, useSignal as u, useSignalEffect as ee, useSignals as te } from "@cascivo/core";
-import { builtin as d, t as f } from "@cascivo/i18n";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { flushSync as ne } from "react-dom";
-//#region ../components/src/data-table/data-table.tsx
-function h(e, t) {
-	return e[t];
-}
-function re(e, t) {
-	return typeof e == "number" && typeof t == "number" ? e - t : String(e ?? "").localeCompare(String(t ?? ""));
-}
-function g({ columns: g, rows: ie, getRowId: _, sort: ae, defaultSort: oe, sortMode: se = "client", onSortChange: ce, searchable: v = !1, pagination: y, selection: b, batchActions: x, renderExpandedRow: S, density: le = "normal", zebra: ue = !1, stickyHeader: de = !1, loading: C = !1, emptyState: fe, title: w, description: T, labels: E, className: pe, virtualized: D = !1, rowHeight: O = 40, windowSize: me = 20, overscan: he = 3 }) {
-	te();
-	let k = i(), A = {
-		search: E?.search ?? f(d.dataTable.search),
-		empty: E?.empty ?? f(d.dataTable.empty),
-		selectAll: E?.selectAll ?? f(d.dataTable.selectAll),
-		selectRow: E?.selectRow ?? f(d.dataTable.selectRow),
-		itemsSelected: (e) => E?.itemsSelected?.(e) ?? f(d.dataTable.itemsSelected, { count: e }),
-		expandRow: E?.expandRow ?? f(d.dataTable.expandRow),
-		previousPage: E?.previousPage ?? f(d.dataTable.previousPage),
-		nextPage: E?.nextPage ?? f(d.dataTable.nextPage)
-	}, [ge] = l({ value: ie }), [_e] = l({ value: g }), [j, ve] = l({
-		value: ae,
-		defaultValue: oe
-	}), M = u([]), N = b?.selected ?? M.value, P = (e) => {
-		b?.selected === void 0 && (M.value = e), b?.onChange?.(e);
-	}, F = u(""), I = u(1), L = u(y?.pageSize ?? 0), R = u(/* @__PURE__ */ new Set()), z = a(null), B = u(0);
-	ee(() => {
-		if (!D) return;
-		let e = z.current;
-		if (!e) return;
-		let t = () => {
-			ne(() => {
-				B.value = e.scrollTop;
-			});
-		};
-		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
-	});
-	let V = c(() => ge.value.map((e, t) => ({
-		row: e,
-		id: _ ? _(e) : String(t)
-	}))), H = c(() => {
-		let e = F.value.trim().toLowerCase();
-		if (!e) return V.value;
-		let t = _e.value;
-		return V.value.filter((n) => t.some((t) => String(h(n.row, t.key) ?? "").toLowerCase().includes(e)));
-	}), U = c(() => {
-		let e = j.value;
-		if (!e || se === "server") return H.value;
-		let t = H.value.map((e, t) => [e, t]);
-		return t.sort((t, n) => {
-			let r = re(h(t[0].row, e.key), h(n[0].row, e.key));
-			return e.direction === "desc" && (r = -r), r === 0 ? t[1] - n[1] : r;
-		}), t.map(([e]) => e);
-	}), ye = c(() => y ? Math.max(1, Math.ceil(H.value.length / L.value)) : 1), W = c(() => Math.min(I.value, ye.value)), G = c(() => {
-		if (!y) return U.value;
-		let e = (W.value - 1) * L.value;
-		return U.value.slice(e, e + L.value);
-	}), K = c(() => D ? Math.floor(B.value / O) : 0), be = c(() => D ? Math.min(K.value + me + he * 2, G.value.length) : G.value.length), xe = c(() => D ? G.value.slice(K.value, be.value) : G.value), Se = (e) => {
-		let t = j.value, n;
-		n = !t || t.key !== e ? {
-			key: e,
-			direction: "asc"
-		} : t.direction === "asc" ? {
-			key: e,
-			direction: "desc"
-		} : void 0, o(() => {
-			ve(n), I.value = 1;
-		}), ce?.(n);
-	}, Ce = (e) => {
-		if (![
-			"ArrowUp",
-			"ArrowDown",
-			"ArrowLeft",
-			"ArrowRight"
-		].includes(e.key)) return;
-		let t = e.currentTarget, n = Array.from(t.querySelectorAll("th button, td button, td input[type=\"checkbox\"]")), r = n.indexOf(document.activeElement);
-		if (r === -1) return;
-		e.preventDefault();
-		let i = (e) => e.closest("tr"), a;
-		if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
-			let t = n[r + (e.key === "ArrowRight" ? 1 : -1)];
-			t && i(t) === i(n[r]) && (a = t);
-		} else {
-			let t = e.key === "ArrowDown" ? 1 : -1, o = n[r];
-			for (let e = r + t; e >= 0 && e < n.length; e += t) if (i(n[e]) !== i(o)) {
-				a = n[e];
-				break;
-			}
-		}
-		a?.focus();
-	}, we = (e) => {
-		let t = N;
-		b?.mode === "single" ? P(t.includes(e) ? [] : [e]) : P(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, Te = (e) => {
-		let t = new Set(R.value);
-		t.has(e) ? t.delete(e) : t.add(e), R.value = t;
-	}, q = G.value, Ee = R.value, J = q.length > 0 && q.every((e) => N.includes(e.id)), De = q.some((e) => N.includes(e.id)), Y = xe.value, X = K.value, Oe = be.value, ke = () => {
-		let e = q.map((e) => e.id);
-		P(J ? N.filter((t) => !e.includes(t)) : [...new Set([...N, ...e])]);
-	}, Z = g.length + +!!b + +!!S, Ae = y && !D && Y.length > 0 ? Math.max(0, L.value - Y.length) : 0, je = `${k}-title`, Me = `${k}-description`, Q = H.value.length, $ = Q === 0 ? 0 : (W.value - 1) * L.value + 1, Ne = Q === 0 ? 0 : $ + q.length - 1, Pe = !!x && x.length > 0 && N.length > 0;
-	return /* @__PURE__ */ m("div", {
-		className: s(n.root, pe),
-		"data-density": le,
-		"data-zebra": ue || void 0,
-		"data-sticky-header": de || void 0,
-		"data-paginated": y ? !0 : void 0,
-		"data-fixed-layout": g.every((e) => e.width !== void 0) || void 0,
-		children: [
-			/* @__PURE__ */ p("span", {
-				"aria-live": "polite",
-				className: n.srOnly,
-				children: N.length > 0 ? A.itemsSelected(N.length) : ""
-			}),
-			(w !== void 0 || T !== void 0 || v) && /* @__PURE__ */ m("div", {
-				className: n.toolbar,
-				children: [(w !== void 0 || T !== void 0) && /* @__PURE__ */ m("div", {
-					className: n.heading,
-					children: [w !== void 0 && /* @__PURE__ */ p("div", {
-						id: je,
-						className: n.title,
-						children: w
-					}), T !== void 0 && /* @__PURE__ */ p("div", {
-						id: Me,
-						className: n.description,
-						children: T
-					})]
-				}), v && /* @__PURE__ */ p("input", {
-					type: "search",
-					className: n.search,
-					"aria-label": A.search,
-					placeholder: A.search,
-					value: F.value,
-					onChange: (e) => {
-						F.value = e.target.value, I.value = 1;
-					}
-				})]
-			}),
-			Pe && /* @__PURE__ */ m("div", {
-				className: n.batchBar,
-				children: [/* @__PURE__ */ p("span", {
-					className: n.batchCount,
-					children: A.itemsSelected(N.length)
-				}), /* @__PURE__ */ p("div", {
-					className: n.batchActions,
-					children: x.map((t, n) => /* @__PURE__ */ p(e, {
-						size: "sm",
-						variant: "secondary",
-						onClick: () => t.onClick(N),
-						children: t.label
-					}, t.id ?? `${n}-${t.label}`))
-				})]
-			}),
-			/* @__PURE__ */ p("div", {
-				ref: D ? z : void 0,
-				className: s(n.scroller, D && n.scrollerVirtualized),
-				children: /* @__PURE__ */ m("table", {
-					className: n.table,
-					"aria-labelledby": w === void 0 ? void 0 : je,
-					"aria-describedby": T === void 0 ? void 0 : Me,
-					"aria-busy": C || void 0,
-					"aria-rowcount": D ? q.length : void 0,
-					onKeyDown: Ce,
-					children: [
-						/* @__PURE__ */ m("colgroup", { children: [
-							S && /* @__PURE__ */ p("col", { className: n.controlCol }),
-							b && /* @__PURE__ */ p("col", { className: n.controlCol }),
-							g.map((e) => /* @__PURE__ */ p("col", { style: e.width !== void 0 || e.minWidth !== void 0 ? {
-								...e.width === void 0 ? {} : { width: e.width },
-								...e.minWidth === void 0 ? {} : { minWidth: e.minWidth }
-							} : void 0 }, e.key))
-						] }),
-						/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
-							S && /* @__PURE__ */ p("th", {
-								scope: "col",
-								className: n.controlCell,
-								children: /* @__PURE__ */ p("span", {
-									className: n.srOnly,
-									children: A.expandRow
-								})
-							}),
-							b && /* @__PURE__ */ p("th", {
-								scope: "col",
-								className: n.controlCell,
-								children: b.mode === "multi" ? /* @__PURE__ */ p(t, {
-									"aria-label": A.selectAll,
-									checked: J,
-									indeterminate: De && !J,
-									onChange: ke
-								}) : /* @__PURE__ */ p("span", {
-									className: n.srOnly,
-									children: A.selectRow
-								})
-							}),
-							g.map((e) => {
-								let t = j.value?.key === e.key ? j.value.direction : void 0, r = t === "asc" ? "ascending" : t === "desc" ? "descending" : "none";
-								return /* @__PURE__ */ p("th", {
-									scope: "col",
-									"data-align": e.align ?? "start",
-									"data-sized": e.width !== void 0 || void 0,
-									"aria-sort": e.sortable ? r : void 0,
-									children: e.sortable ? /* @__PURE__ */ p("button", {
-										type: "button",
-										className: n.sortButton,
-										"data-state": r,
-										onClick: () => Se(e.key),
-										children: e.header
-									}) : e.header
-								}, e.key);
-							})
-						] }) }),
-						/* @__PURE__ */ m("tbody", { children: [
-							C && Array.from({ length: 5 }, (e, t) => /* @__PURE__ */ p("tr", {
-								className: n.row,
-								children: Array.from({ length: Z }, (e, t) => /* @__PURE__ */ p("td", { children: /* @__PURE__ */ p("span", {
-									className: n.shimmer,
-									"aria-hidden": "true"
-								}) }, t))
-							}, t)),
-							!C && q.length === 0 && /* @__PURE__ */ p("tr", {
-								"data-empty-row": !0,
-								children: /* @__PURE__ */ p("td", {
-									colSpan: Z,
-									className: n.emptyCell,
-									children: fe ?? A.empty
-								})
-							}),
-							!C && D && X > 0 && /* @__PURE__ */ p("tr", {
-								"aria-hidden": "true",
-								style: { height: X * O }
-							}),
-							!C && Y.map((e, i) => {
-								let a = D ? X + i : i, o = N.includes(e.id), s = Ee.has(e.id);
-								return /* @__PURE__ */ m(r, { children: [/* @__PURE__ */ m("tr", {
-									className: n.row,
-									"data-parity": a % 2 == 0 ? "even" : "odd",
-									"data-state": o ? "selected" : void 0,
-									"aria-rowindex": D ? X + i + 1 : void 0,
-									children: [
-										S && /* @__PURE__ */ p("td", {
-											className: n.controlCell,
-											children: /* @__PURE__ */ p("button", {
-												type: "button",
-												className: n.expandButton,
-												"aria-expanded": s,
-												"aria-label": A.expandRow,
-												"data-state": s ? "open" : "closed",
-												onClick: () => Te(e.id),
-												children: /* @__PURE__ */ p("span", {
-													className: n.chevron,
-													"aria-hidden": "true"
-												})
-											})
-										}),
-										b && /* @__PURE__ */ p("td", {
-											className: n.controlCell,
-											children: /* @__PURE__ */ p(t, {
-												"aria-label": A.selectRow,
-												checked: o,
-												onChange: () => we(e.id)
-											})
-										}),
-										g.map((t) => /* @__PURE__ */ p("td", {
-											"data-align": t.align ?? "start",
-											"data-sized": t.width !== void 0 || void 0,
-											children: t.render ? t.render(e.row) : String(h(e.row, t.key) ?? "")
-										}, t.key))
-									]
-								}), S && /* @__PURE__ */ p("tr", {
-									className: n.expansionRow,
-									"data-state": s ? "open" : "closed",
-									children: /* @__PURE__ */ p("td", {
-										colSpan: Z,
-										children: /* @__PURE__ */ p("div", {
-											className: n.expansionGrid,
-											"data-state": s ? "open" : "closed",
-											children: /* @__PURE__ */ p("div", {
-												className: n.expansionInner,
-												children: S(e.row)
-											})
-										})
-									})
-								})] }, e.id);
-							}),
-							!C && D && Oe < q.length && /* @__PURE__ */ p("tr", {
-								"aria-hidden": "true",
-								style: { height: (q.length - Oe) * O }
-							}),
-							Ae > 0 && /* @__PURE__ */ p("tr", {
-								"aria-hidden": "true",
-								"data-filler-row": !0,
-								children: /* @__PURE__ */ p("td", {
-									colSpan: Z,
-									style: {
-										blockSize: `calc(var(--_row-height) * ${Ae})`,
-										padding: 0
-									}
-								})
-							})
-						] })
-					]
-				})
-			}),
-			y && /* @__PURE__ */ m("div", {
-				className: n.footer,
-				children: [
-					y.pageSizeOptions && /* @__PURE__ */ m("label", {
-						className: n.pageSize,
-						children: [/* @__PURE__ */ p("span", { children: "Rows per page" }), /* @__PURE__ */ p("select", {
-							value: L.value,
-							onChange: (e) => {
-								L.value = Number(e.target.value), I.value = 1;
-							},
-							children: y.pageSizeOptions.map((e) => /* @__PURE__ */ p("option", {
-								value: e,
-								children: e
-							}, e))
-						})]
-					}),
-					/* @__PURE__ */ m("span", {
-						className: n.range,
-						children: [
-							$,
-							"–",
-							Ne,
-							" of ",
-							Q
-						]
-					}),
-					/* @__PURE__ */ m("div", {
-						className: n.pageButtons,
-						children: [/* @__PURE__ */ p("button", {
-							type: "button",
-							className: n.pageButton,
-							"aria-label": A.previousPage,
-							disabled: W.value <= 1,
-							onClick: () => {
-								I.value = W.value - 1;
-							},
-							children: /* @__PURE__ */ p("span", {
-								"aria-hidden": "true",
-								children: "‹"
-							})
-						}), /* @__PURE__ */ p("button", {
-							type: "button",
-							className: n.pageButton,
-							"aria-label": A.nextPage,
-							disabled: W.value >= ye.value,
-							onClick: () => {
-								I.value = W.value + 1;
-							},
-							children: /* @__PURE__ */ p("span", {
-								"aria-hidden": "true",
-								children: "›"
-							})
-						})]
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { g as DataTable };
+"use client";import{Button as e}from"../button/button.js";import{Checkbox as t}from"../checkbox/checkbox.js";import{OverflowMenu as n}from"../overflow-menu/overflow-menu.js";import{Editable as r}from"../editable/editable.js";import{Popover as i,PopoverContent as a,PopoverTrigger as o}from"../popover/popover.js";import s from"./data-table.module.js";import{applyColumnFilters as c,countActiveFilters as l,facetValues as ee,isFilterActive as te,numericExtent as ne}from"./column-filter.js";import{displayColumns as re,moveColumn as ie,pinColumn as ae,resizeColumn as oe,stickyOffsets as se,toggleColumnHidden as ce}from"./column-layout.js";import{moveGridFocus as le}from"./grid-keys.js";import{aggregate as u,groupItems as ue,headerSpans as de}from"./row-group.js";import{createRowSearch as fe}from"./row-search.js";import{downloadCsv as pe,toCsv as me}from"./to-csv.js";import{sortRowsBy as he}from"./row-sort.js";import{computeWindow as ge,scrollTopForRow as _e}from"./virtual-window.js";import{Fragment as ve,useId as ye,useRef as d}from"react";import{batch as f,cn as be,persistedSignal as xe,useComputed as p,useControllableSignal as m,useSignal as h,useSignalEffect as g,useSignals as Se}from"@cascivo/core";import{builtin as _,formatNumber as v,t as y}from"@cascivo/i18n";import{jsx as b,jsxs as x}from"react/jsx-runtime";import{flushSync as Ce}from"react-dom";var we=``;function Te(e,t){let n=e.aggregate;if(n===void 0)return null;if(typeof n==`function`)return n(t);let r=u(t.map(t=>S(t,e.key)),n);return r===void 0?null:n===`count`?v(r):v(r,{maximumFractionDigits:2})}var Ee=new Map;function De(e){let t=Ee.get(e);return t||(t=xe(`cascivo.data-table.${e}`,{columnState:{}}),Ee.set(e,t)),t}var Oe=new Set;function ke(){return globalThis.process?.env?.NODE_ENV!==`production`}var Ae=new Set;function je(e,t,n){if(!ke())return;let r=e.scrollWidth-e.clientWidth;if(r<=1)return;let i=`${n}:${e.clientWidth}`;Ae.has(i)||(Ae.add(i),console.warn(`cascivo DataTable: the table overflows its container (scrollWidth ${e.scrollWidth}px > clientWidth ${e.clientWidth}px, by ${r}px), so the last column is cut off. `+(t.length>0?`Drop a \`width\` from one of the sized columns (${t.join(`, `)}), or lower the \`minWidth\` on the free-form one.`:"Lower the `minWidth` on the widest column.")))}function Me(e,t,n){ke()&&(e!==void 0||t!==void 0||Oe.has(n)||(Oe.add(n),console.warn(`cascivo DataTable: this table has no accessible name (columns: ${n}). Pass \`title\` for a visible caption, or \`ariaLabel\` for a name only screen readers hear.`)))}function S(e,t){return e[t]}function Ne({columns:u,rows:xe,getRowId:v,sort:Ee,defaultSort:Oe,sortMode:ke=`client`,onSortChange:Ae,searchable:Ne=!1,pagination:C,selection:w,batchActions:Pe,renderExpandedRow:T,filters:Fe,defaultFilters:Ie,onFiltersChange:Le,noResultsState:Re,toolbar:ze,rowActions:E,columnState:Be,defaultColumnState:Ve,onColumnStateChange:He,columnSettings:D,server:O,multiSort:Ue=!1,stateKey:We,keyboardNavigation:Ge=`row`,onCellEdit:Ke,groupBy:qe,totals:Je=!1,pinnedRows:Ye,columnGroups:Xe,exportable:Ze=!1,density:Qe=`normal`,zebra:$e=!1,stickyHeader:et=!1,loading:k=!1,emptyState:tt,title:A,ariaLabel:nt,description:rt,labels:j,className:it,virtualized:M=!1,rowHeight:at,windowSize:ot,overscan:st=3}){Se();let ct=ye(),N={search:j?.search??y(_.dataTable.search),empty:j?.empty??y(_.dataTable.empty),selectAll:j?.selectAll??y(_.dataTable.selectAll),selectRow:j?.selectRow??y(_.dataTable.selectRow),itemsSelected:e=>j?.itemsSelected?.(e)??y(_.dataTable.itemsSelected,{count:e}),expandRow:j?.expandRow??y(_.dataTable.expandRow),previousPage:j?.previousPage??y(_.dataTable.previousPage),nextPage:j?.nextPage??y(_.dataTable.nextPage),columns:j?.columns??y(_.dataTable.columns),actions:j?.actions??y(_.dataTable.actions),noResults:j?.noResults??y(_.dataTable.noResults),clearFilters:j?.clearFilters??y(_.dataTable.clearFilters),filterColumn:e=>j?.filterColumn?.(e)??y(_.dataTable.filterColumn,{column:e}),min:j?.min??y(_.dataTable.min),max:j?.max??y(_.dataTable.max),all:j?.all??y(_.dataTable.all),columnMenu:e=>j?.columnMenu?.(e)??y(_.dataTable.columnMenu,{column:e}),sortAscending:j?.sortAscending??y(_.dataTable.sortAscending),sortDescending:j?.sortDescending??y(_.dataTable.sortDescending),clearSort:j?.clearSort??y(_.dataTable.clearSort),moveLeft:j?.moveLeft??y(_.dataTable.moveLeft),moveRight:j?.moveRight??y(_.dataTable.moveRight),pinStart:j?.pinStart??y(_.dataTable.pinStart),pinEnd:j?.pinEnd??y(_.dataTable.pinEnd),unpin:j?.unpin??y(_.dataTable.unpin),hideColumn:j?.hideColumn??y(_.dataTable.hideColumn),resizeColumn:e=>j?.resizeColumn?.(e)??y(_.dataTable.resizeColumn,{column:e}),editCell:e=>j?.editCell?.(e)??y(_.dataTable.editCell,{column:e}),totals:j?.totals??y(_.dataTable.totals),exportCsv:j?.exportCsv??y(_.dataTable.exportCsv)},[lt]=m({value:xe}),[ut]=m({value:u}),dt=We===void 0?void 0:De(We),[P,ft]=m({value:Ee,defaultValue:dt?.value.sort??Oe}),[pt]=m({value:(typeof qe==`string`?[qe]:qe??[]).join(we)}),mt=h(new Set),ht=h([]),F=w?.selected??ht.value,gt=e=>{w?.selected===void 0&&(ht.value=e),w?.onChange?.(e)},_t=h(``),[vt,I]=m({value:C?.page,defaultValue:1,onChange:C?.onPageChange}),[yt,bt]=m({value:Fe,defaultValue:Ie??{},onChange:Le}),[L,R]=m({value:Be,defaultValue:dt?.value.columnState??Ve??{},onChange:He});g(()=>{let e={columnState:L.value};P.value&&(e.sort=P.value),dt&&(dt.value=e)});let xt=p(()=>re(ut.value,L.value)),z=d(null),St=h([]);g(()=>{let e=L.value.pinned;if(!e||Object.keys(e).length===0)return;let t=V.current;if(!t||typeof ResizeObserver>`u`)return;let n=()=>{let e=t.querySelector(`thead tr:not([data-group-header])`);e&&(St.value=Array.from(e.children,e=>e.getBoundingClientRect().width))};n();let r=new ResizeObserver(n);r.observe(t);let i=t.querySelector(`table`);return i&&r.observe(i),()=>r.disconnect()});let Ct=h(null);g(()=>{let e=Ct.value;if(!e)return;let t=z.current?getComputedStyle(z.current).direction===`rtl`:!1,n=n=>{let r=(n.clientX-e.startX)*(t?-1:1);R(oe(L.value,e.key,e.startWidth+r))},r=()=>{Ct.value=null};return window.addEventListener(`pointermove`,n),window.addEventListener(`pointerup`,r),()=>{window.removeEventListener(`pointermove`,n),window.removeEventListener(`pointerup`,r)}});let B=h(C?.pageSize??0),wt=h(new Set),Tt=Ge===`grid`,Et=h({row:-1,col:0}),Dt=d(!1),V=d(null),Ot=h(0),kt=h(0),At=h(0);g(()=>{let e=V.current;if(!e||typeof ResizeObserver>`u`)return;let t=u.filter(e=>e.width!==void 0).map(e=>e.key),n=u.map(e=>e.key).join(`,`),r=0,i=new ResizeObserver(()=>{cancelAnimationFrame(r),r=requestAnimationFrame(()=>{je(e,t,n);let r=e.querySelector(`thead tr[data-group-header]`);e.style.setProperty(`--_group-h`,`${r?r.getBoundingClientRect().height:0}px`);let i=e.querySelector(`thead tr:not([data-group-header])`);i&&e.style.setProperty(`--_head-h`,`${i.getBoundingClientRect().height}px`);let a=e.querySelector(`thead`);a&&e.style.setProperty(`--_thead-h`,`${a.getBoundingClientRect().height}px`)})});return i.observe(e),()=>{cancelAnimationFrame(r),i.disconnect()}}),g(()=>{if(!M)return;let e=V.current;if(!e)return;let t=()=>{Ce(()=>{Ot.value=e.scrollTop})};return e.addEventListener(`scroll`,t,{passive:!0}),()=>e.removeEventListener(`scroll`,t)}),g(()=>{if(!M)return;let e=V.current;if(!e||typeof ResizeObserver>`u`)return;let t=()=>{kt.value=e.clientHeight;let t=e.querySelector(`tbody tr[aria-rowindex]`)?.getBoundingClientRect().height??0;t>0&&(At.value=t)};t();let n=new ResizeObserver(t);n.observe(e);let r=e.querySelector(`table`);return r&&n.observe(r),()=>n.disconnect()});let jt=p(()=>(xt.value,lt.value.map((e,t)=>({row:e,id:v?v(e):String(t)})))),Mt=p(()=>{let e=P.value;return!e||ke===`server`||O?jt.value:he(jt.value,[e,...e.thenBy??[]].map(e=>({keyOf:t=>S(t.row,e.key),direction:e.direction})))}),Nt=p(()=>O?Mt.value:c(Mt.value,yt.value,(e,t)=>S(e.row,t))),Pt=p(()=>{let e=xt.value;return fe(t=>{if(t.haystack===void 0){let n=``;for(let r of e)n+=String(S(t.row,r.key)??``)+`\0`;t.haystack=n.toLowerCase()}return t.haystack})});g(()=>{if(!Ne)return;let e=jt.value,t=Pt.value,n=typeof requestIdleCallback==`function`,r,i=0,a=()=>{i=t.prime(e,i,2e4),i<e.length&&o()},o=()=>{r=n?requestIdleCallback(a,{timeout:500}):setTimeout(a,16)};return o(),()=>{n?cancelIdleCallback(r):clearTimeout(r)}});let Ft=p(()=>{if(O)return Mt.value;let e=_t.value.trim().toLowerCase();return e?Pt.value.filter(Nt.value,e):Nt.value}),It=p(()=>{let e=pt.value===``?[]:pt.value.split(we);return e.length===0?Ft.value:ue(Ft.value,e,(e,t)=>S(e.row,t),mt.value)}),Lt=p(()=>C?Math.max(1,Math.ceil(It.value.length/B.value)):1),Rt=p(()=>Math.min(vt.value,Lt.value)),zt=p(()=>{if(!C||O)return It.value;let e=(Rt.value-1)*B.value;return It.value.slice(e,e+B.value)}),Bt=p(()=>pt.value===``?zt.value:zt.value.filter(e=>e.group===void 0)),Vt=p(()=>{let e=new Map,t=ut.value.filter(e=>e.aggregate!==void 0);if(t.length===0)return e;let n=Ft.value.map(e=>e.row);for(let r of t)e.set(r.key,Te(r,n));return e}),Ht=d(O);Ht.current=O;let Ut=d(!1);g(()=>{let e={sort:P.value,search:_t.value.trim(),filters:yt.value,page:vt.value,pageSize:B.value};if(!Ut.current){Ut.current=!0;return}Ht.current?.onQueryChange(e)});let Wt=(e,t)=>{let n={...yt.value};t&&te(t)?n[e]=t:delete n[e],f(()=>{bt(n),I(1)})},Gt=()=>f(()=>{bt({}),I(1)}),Kt=e=>R(ce(ut.value,L.value,e)),qt=(e,t)=>{let n=L.value,r=z.current?getComputedStyle(z.current).direction===`rtl`:!1;switch(t){case`sort-asc`:return $t({key:e.key,direction:`asc`});case`sort-desc`:return $t({key:e.key,direction:`desc`});case`sort-clear`:return $t(void 0);case`move-left`:return R(ie(ut.value,n,e.key,r?1:-1));case`move-right`:return R(ie(ut.value,n,e.key,r?-1:1));case`pin-start`:return R(ae(n,e.key,`start`));case`pin-end`:return R(ae(n,e.key,`end`));case`unpin`:return R(ae(n,e.key,null));case`hide`:return Kt(e.key);default:return}},Jt=h(null),Yt=d(null),Xt=()=>{let e=jt.value;return Yt.current?.entries!==e&&(Yt.current={entries:e,facets:new Map,extents:new Map}),Yt.current},Zt=e=>{let t=Xt(),n=t.facets.get(e);return n||(n=ee(t.entries,t=>S(t.row,e)),t.facets.set(e,n)),n},Qt=e=>{let t=Xt();return t.extents.has(e)||t.extents.set(e,ne(t.entries,t=>S(t.row,e))),t.extents.get(e)},$t=e=>{f(()=>{ft(e),I(1)}),Ae?.(e)},en=(e,t=!1)=>{let n=P.value;if(t&&Ue&&n&&n.key!==e){let t=n.thenBy??[],r=t.findIndex(t=>t.key===e),i=r===-1?[...t,{key:e,direction:`asc`}]:t.map((t,n)=>n===r?{key:e,direction:t.direction===`asc`?`desc`:`asc`}:t);return $t({...n,thenBy:i})}let r;r=!n||n.key!==e?{key:e,direction:`asc`}:n.direction===`asc`?{key:e,direction:`desc`}:void 0,$t(r)},tn=e=>{let t=P.value;if(!t)return;if(t.key===e)return{index:0,direction:t.direction};let n=(t.thenBy??[]).findIndex(t=>t.key===e);return n===-1?void 0:{index:n+1,direction:(t.thenBy??[])[n].direction}},nn=e=>{if(![`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`].includes(e.key))return;let t=e.currentTarget,n=Array.from(t.querySelectorAll(`th button, td button, td input[type="checkbox"]`)),r=n.indexOf(document.activeElement);if(r===-1)return;e.preventDefault();let i=e=>e.closest(`tr`),a;if(e.key===`ArrowRight`||e.key===`ArrowLeft`){let t=n[r+(e.key===`ArrowRight`?1:-1)];t&&i(t)===i(n[r])&&(a=t)}else{let t=e.key===`ArrowDown`?1:-1,o=n[r];for(let e=r+t;e>=0&&e<n.length;e+=t)if(i(n[e])!==i(o)){a=n[e];break}}a?.focus()},rn=d(null);rn.current?.ids!==F&&(rn.current={ids:F,set:new Set(F)});let H=rn.current.set,an=e=>{let t=F;w?.mode===`single`?gt(H.has(e)?[]:[e]):gt(H.has(e)?t.filter(t=>t!==e):[...t,e])},on=e=>{let t=new Set(wt.value);t.has(e)?t.delete(e):t.add(e),wt.value=t},U=zt.value,W=Bt.value,sn=wt.value,cn=d(null);(cn.current?.page!==W||cn.current.set!==H)&&(cn.current={page:W,set:H,all:W.length>0&&W.every(e=>H.has(e.id)),some:W.some(e=>H.has(e.id))});let ln=cn.current.all,un=cn.current.some,dn=at??(At.value>0?At.value:40),fn=ot===void 0?kt.value>0?kt.value:20*dn:ot*dn,G=M?ge({scrollTop:Ot.value,viewportHeight:fn,rowHeight:dn,count:U.length,overscan:st}):void 0,pn=G?U.slice(G.start,G.end):U,mn=G?.start??0,hn=()=>{if(ln){let e=new Set(W.map(e=>e.id));gt(F.filter(t=>!e.has(t)))}else{let e=new Set(F);for(let t of W)e.add(t.id);gt([...e])}},K=xt.value,q=L.value,gn=new Set(q.hidden??[]),_n=D?.visibility===!0,vn=D!==void 0&&(D.reorderable===!0||D.pinnable===!0||D.visibility===!0),yn=D?.resizable===!0,bn=Object.keys(q.widths??{}).length>0,J=q.pinned??{},Y=+!!T+ +!!w,xn=K.some(e=>J[e.key]===`start`),Sn=K.some(e=>J[e.key]===`end`),X=[...Array.from({length:Y},()=>xn?`start`:void 0),...K.map(e=>J[e.key]),...E?[Sn?`end`:void 0]:[]],Cn=St.value,wn=Cn.length===X.length?se(Cn,X):X.map(()=>void 0),Tn=X.lastIndexOf(`start`),En=X.indexOf(`end`),Z=e=>{let t=X[e];if(!t)return{};let n=wn[e];return{"data-pinned":t,"data-pinned-edge":e===Tn||e===En?!0:void 0,style:n===void 0?void 0:t===`start`?{insetInlineStart:n}:{insetInlineEnd:n}}},Dn=Math.min(Et.value.row,U.length-1),On={row:Dn,col:U[Dn]?.group?Y:Math.min(Et.value.col,X.length-1)},kn=e=>{e&&Dt.current&&(Dt.current=!1,e.focus())},Q=(e,t)=>{if(!Tt||e===void 0)return{};let n=On.row===e&&On.col===t;return{tabIndex:n?0:-1,"data-cell":`${e},${t}`,ref:n?kn:void 0,onFocus:()=>{n||(Et.value={row:e,col:t})}}},$=Tt?{tabIndex:-1}:{},An=Math.max(1,Math.floor(fn/dn)),jn=e=>{if(Dt.current=!0,Et.value=e,G&&e.row>=0&&(e.row<G.start||e.row>=G.end)){let t=V.current;t&&(t.scrollTop=_e(e.row,{viewportHeight:fn,rowHeight:dn,count:U.length,overscan:st}))}},Mn=e=>{let t=e.target,n=t.closest(`[data-cell]`);if(!n)return;if(t!==n){e.key===`Escape`&&(e.preventDefault(),n.focus());return}if(e.key===`Enter`||e.key===`F2`){let t=n.querySelector(`button, input, select, a[href], [tabindex]`);if(!t)return;e.preventDefault(),t.focus(),n.hasAttribute(`data-editable`)&&t.click();return}let[r=-1,i=0]=(n.dataset.cell??``).split(`,`).map(Number),a=le({row:r,col:i},e.key,{rowCount:U.length,colCount:X.length,pageRows:An},e.ctrlKey||e.metaKey);a&&(e.preventDefault(),jn(U[a.row]?.group?{row:a.row,col:Y}:a))},Nn=()=>{pe(me(Ft.value.map(e=>e.row),K.map(e=>({key:e.key,header:e.header})),S),(typeof Ze==`object`?Ze.filename:void 0)??A??`export`)},Pn=e=>{let t=new Set(mt.value);t.has(e)?t.delete(e):t.add(e),mt.value=t},Fn=d(new WeakMap),In=(e,t)=>(e??[]).map((e,n)=>({row:e,id:v?v(e):`${t}-${n}`})),Ln=In(Ye?.top,`pinned-top`),Rn=In(Ye?.bottom,`pinned-bottom`),zn=e=>{let t=[];if(e.sortable&&(t.push({id:`sort-asc`,label:N.sortAscending},{id:`sort-desc`,label:N.sortDescending}),P.value?.key===e.key&&t.push({id:`sort-clear`,label:N.clearSort})),D?.reorderable){let n=K.filter(t=>J[t.key]===J[e.key]),r=n.indexOf(e);t.push({id:`move-left`,label:N.moveLeft,disabled:r===0},{id:`move-right`,label:N.moveRight,disabled:r===n.length-1})}if(D?.pinnable){let n=J[e.key];n!==`start`&&t.push({id:`pin-start`,label:N.pinStart}),n!==`end`&&t.push({id:`pin-end`,label:N.pinEnd}),n&&t.push({id:`unpin`,label:N.unpin})}return D?.visibility&&t.push({id:`hide`,label:N.hideColumn,disabled:K.length===1}),t},Bn=(e,t)=>{let n=z.current?getComputedStyle(z.current).direction===`rtl`:!1,r=t.shiftKey?64:16,i=n?`ArrowLeft`:`ArrowRight`,a=n?`ArrowRight`:`ArrowLeft`,o=q.widths?.[e.key]??(t.currentTarget.parentElement?.getBoundingClientRect().width||0);if(t.key===i)R(oe(q,e.key,o+r));else if(t.key===a)R(oe(q,e.key,o-r));else if(t.key===`Home`)R(oe(q,e.key,void 0));else return;t.preventDefault()},Vn=l(yt.value),Hn=K.some(e=>e.filter!==void 0),Un=K.length+ +!!w+ +!!T+ +!!E,Wn=(_t.value.trim()!==``||Vn>0)&&(O?!0:xe.length>0),Gn=O?O.totalItems??xe.length:It.value.length,Kn=C?Math.max(1,Math.ceil(Gn/B.value)):1,qn=Math.min(vt.value,Kn),Jn=C&&!M&&pn.length>0?Math.max(0,B.value-pn.length):0;Me(A,nt,u.map(e=>e.key).join(`,`));let Yn=`${ct}-title`,Xn=`${ct}-description`,Zn=Gn===0?0:(qn-1)*B.value+1,Qn=Gn===0?0:Zn+U.length-1,$n=!!Pe&&Pe.length>0&&F.length>0,er=n=>{let r=yt.value[n.key],c=N.filterColumn(n.header);switch(n.filter){case`text`:return b(`input`,{type:`search`,className:s.filterInput,"aria-label":c,value:r?.kind===`text`?r.value:``,onChange:e=>Wt(n.key,{kind:`text`,value:e.target.value})});case`range`:{let e=r?.kind===`range`?r.min:void 0,t=r?.kind===`range`?r.max:void 0,i=Qt(n.key),a=e=>e===``?void 0:Number(e);return x(`div`,{className:s.rangeInputs,children:[b(`input`,{type:`number`,className:s.filterInput,"aria-label":`${c}: ${N.min}`,placeholder:i?String(i.min):N.min,value:e??``,onChange:e=>{let r={kind:`range`},i=a(e.target.value);i!==void 0&&!Number.isNaN(i)&&(r.min=i),t!==void 0&&(r.max=t),Wt(n.key,r)}}),b(`input`,{type:`number`,className:s.filterInput,"aria-label":`${c}: ${N.max}`,placeholder:i?String(i.max):N.max,value:t??``,onChange:t=>{let r={kind:`range`};e!==void 0&&(r.min=e);let i=a(t.target.value);i!==void 0&&!Number.isNaN(i)&&(r.max=i),Wt(n.key,r)}})]})}case`select`:{let l=r?.kind===`select`?r.values:[],ee=Jt.value===n.key;return x(i,{placement:`bottom`,open:ee,onOpenChange:e=>{Jt.value=e?n.key:null},children:[b(o,{asChild:!0,children:b(e,{size:`sm`,variant:`secondary`,"aria-label":c,children:l.length>0?N.itemsSelected(l.length):N.all})}),b(a,{className:s.menu,children:ee&&Zt(n.key).map(e=>{let r=l.includes(e.value);return b(t,{label:`${e.value===``?`—`:e.value} (${e.count})`,checked:r,onChange:()=>Wt(n.key,{kind:`select`,values:r?l.filter(t=>t!==e.value):[...l,e.value]})},e.value)})})]})}default:return null}},tr=(e,i,a,o)=>{let c=H.has(e.id),l=sn.has(e.id);return x(ve,{children:[x(`tr`,{className:s.row,"data-parity":i%2==0?`even`:`odd`,"data-state":c?`selected`:void 0,"aria-rowindex":M&&!o?i+1:void 0,"data-pinned-row":o,style:o===`top`?{"--_pin-index":i}:void 0,children:[T&&b(`td`,{className:s.controlCell,...Z(0),...Q(a,0),children:b(`button`,{type:`button`,className:s.expandButton,"aria-expanded":l,"aria-label":N.expandRow,"data-state":l?`open`:`closed`,onClick:()=>on(e.id),...$,children:b(`span`,{className:s.chevron,"aria-hidden":`true`})})}),w&&b(`td`,{className:s.controlCell,...Z(+!!T),...Q(a,+!!T),children:b(t,{"aria-label":N.selectRow,checked:c,onChange:()=>an(e.id),...$})}),K.map((t,n)=>{let i=Ke!==void 0&&t.editable&&!t.render;return b(`td`,{"data-align":t.align??`start`,"data-sized":t.width!==void 0||q.widths?.[t.key]!==void 0||void 0,"data-editable":i||void 0,...Z(Y+n),...Q(a,Y+n),children:t.render?t.render(e.row):i?b(r,{value:String(S(e.row,t.key)??``),onValueChange:n=>Ke(e.row,t.key,n),"aria-label":N.editCell(t.header),...$}):String(S(e.row,t.key)??``)},t.key)}),E&&b(`td`,{className:s.controlCell,...Z(Y+K.length),...Q(a,Y+K.length),children:(()=>{let t=E(e.row);return t.length===0?null:b(n,{size:`sm`,ariaLabel:N.actions,items:t.map(e=>({id:e.id,label:e.label,...e.destructive!==void 0&&{destructive:e.destructive},...e.disabled!==void 0&&{disabled:e.disabled},...e.icon!==void 0&&{icon:e.icon}})),onSelect:n=>t.find(e=>e.id===n)?.onSelect(e.row),...$})})()})]}),T&&b(`tr`,{className:s.expansionRow,"data-state":l?`open`:`closed`,children:b(`td`,{colSpan:Un,children:b(`div`,{className:s.expansionGrid,"data-state":l?`open`:`closed`,children:b(`div`,{className:s.expansionInner,children:T(e.row)})})})})]},e.id)},nr=(e,t)=>{let{group:n}=e,r=Fn.current.get(e);r||(r=new Map,Fn.current.set(e,r));let i=r,a,o=t=>t.aggregate===void 0?null:(i.has(t.key)||(a??=e.leaves.map(e=>e.row),i.set(t.key,Te(t,a))),i.get(t.key));return x(`tr`,{className:s.groupRow,"data-depth":n.depth,"data-state":n.collapsed?`closed`:`open`,"aria-rowindex":M?t+1:void 0,children:[T&&b(`td`,{className:s.controlCell,...Z(0)}),w&&b(`td`,{className:s.controlCell,...Z(+!!T)}),K.map((e,r)=>b(`td`,{"data-align":r===0?`start`:e.align??`start`,...Z(Y+r),...Q(r===0?t:void 0,Y+r),children:r===0?x(`button`,{type:`button`,className:s.groupToggle,"aria-expanded":!n.collapsed,"data-state":n.collapsed?`closed`:`open`,style:{marginInlineStart:`${n.depth*1.25}rem`},onClick:()=>Pn(n.key),...$,children:[b(`span`,{className:s.chevron,"aria-hidden":`true`}),b(`span`,{children:String(n.value??``)||`—`}),x(`span`,{className:s.groupCount,children:[`(`,n.count,`)`]})]}):o(e)},e.key)),E&&b(`td`,{className:s.controlCell,...Z(Y+K.length)})]},e.id)};return x(`div`,{ref:z,className:be(s.root,it),"data-density":Qe,"data-resized":bn||void 0,"data-zebra":$e||void 0,"data-sticky-header":et||void 0,"data-paginated":C?!0:void 0,"data-fixed-layout":K.every(e=>e.width!==void 0)||void 0,children:[b(`span`,{"aria-live":`polite`,className:s.srOnly,children:F.length>0?N.itemsSelected(F.length):``}),(A!==void 0||rt!==void 0||Ne||ze!==void 0||_n||Ze!==!1||Vn>0)&&x(`div`,{className:s.toolbar,children:[(A!==void 0||rt!==void 0)&&x(`div`,{className:s.heading,children:[A!==void 0&&b(`div`,{id:Yn,className:s.title,children:A}),rt!==void 0&&b(`div`,{id:Xn,className:s.description,children:rt})]}),x(`div`,{className:s.toolbarActions,children:[Ne&&b(`input`,{type:`search`,className:s.search,"aria-label":N.search,placeholder:N.search,value:_t.value,onChange:e=>{f(()=>{_t.value=e.target.value,I(1)})}}),Vn>0&&x(e,{size:`sm`,variant:`ghost`,onClick:Gt,children:[N.clearFilters,` (`,Vn,`)`]}),Ze!==!1&&b(e,{size:`sm`,variant:`secondary`,onClick:Nn,children:N.exportCsv}),ze,_n&&x(i,{placement:`bottom`,children:[b(o,{asChild:!0,children:b(e,{size:`sm`,variant:`secondary`,children:N.columns})}),b(a,{className:s.menu,children:u.map(e=>{let n=!gn.has(e.key);return b(t,{label:e.header,checked:n,disabled:n&&K.length===1,onChange:()=>Kt(e.key)},e.key)})})]})]})]}),$n&&x(`div`,{className:s.batchBar,children:[b(`span`,{className:s.batchCount,children:N.itemsSelected(F.length)}),b(`div`,{className:s.batchActions,children:Pe.map((t,n)=>b(e,{size:`sm`,variant:`secondary`,onClick:()=>t.onClick(F),children:t.label},t.id??`${n}-${t.label}`))})]}),b(`div`,{ref:V,className:be(s.scroller,M&&s.scrollerVirtualized),children:x(`table`,{className:s.table,"aria-labelledby":A===void 0?void 0:Yn,"aria-label":A===void 0?nt:void 0,"aria-describedby":rt===void 0?void 0:Xn,"aria-busy":k||void 0,role:Tt?`grid`:void 0,"aria-rowcount":M?U.length:void 0,onKeyDown:Tt?Mn:nn,children:[x(`colgroup`,{children:[T&&b(`col`,{className:s.controlCol}),w&&b(`col`,{className:s.controlCol}),K.map(e=>{let t=q.widths?.[e.key],n=t===void 0?e.width:`${t}px`;return b(`col`,{style:n!==void 0||e.minWidth!==void 0?{...n===void 0?{}:{width:n},...e.minWidth===void 0?{}:{minWidth:e.minWidth}}:void 0},e.key)}),E&&b(`col`,{className:s.controlCol})]}),x(`thead`,{children:[Xe&&x(`tr`,{"data-group-header":!0,children:[Y>0&&b(`th`,{colSpan:Y,className:s.controlCell}),de(K.map(e=>e.key),Xe).map((e,t)=>b(`th`,{scope:`colgroup`,colSpan:e.span,className:s.groupHeader,children:e.header},t)),E&&b(`th`,{className:s.controlCell})]}),x(`tr`,{children:[T&&b(`th`,{scope:`col`,className:s.controlCell,...Z(0),...Q(-1,0),children:b(`span`,{className:s.srOnly,children:N.expandRow})}),w&&b(`th`,{scope:`col`,className:s.controlCell,...Z(+!!T),...Q(-1,+!!T),children:w.mode===`multi`?b(t,{"aria-label":N.selectAll,checked:ln,indeterminate:un&&!ln,onChange:hn,...$}):b(`span`,{className:s.srOnly,children:N.selectRow})}),K.map((e,t)=>{let r=tn(e.key),i=r?.direction,a=i===`asc`?`ascending`:i===`desc`?`descending`:`none`,o=r!==void 0&&(P.value?.thenBy?.length??0)>0,c=q.widths?.[e.key];return x(`th`,{scope:`col`,className:s.headerCell,"data-align":e.align??`start`,"data-sized":e.width!==void 0||c!==void 0||void 0,"aria-sort":e.sortable?a:void 0,...Z(Y+t),...Q(-1,Y+t),children:[x(`span`,{className:s.headerInner,children:[e.sortable?x(`button`,{type:`button`,className:s.sortButton,"data-state":a,onClick:t=>en(e.key,t.shiftKey),...$,children:[e.header,o&&b(`sup`,{className:s.sortIndex,"aria-hidden":`true`,children:r.index+1})]}):e.header,vn&&b(n,{size:`sm`,ariaLabel:N.columnMenu(e.header),items:zn(e),onSelect:t=>qt(e,t),...$})]}),yn&&b(`span`,{role:`separator`,"aria-orientation":`vertical`,"aria-label":N.resizeColumn(e.header),"aria-valuenow":c,tabIndex:Tt?-1:0,className:s.resizeHandle,"data-state":Ct.value?.key===e.key?`resizing`:void 0,onKeyDown:t=>Bn(e,t),onDoubleClick:()=>R(oe(q,e.key,void 0)),onPointerDown:t=>{t.preventDefault();let n=t.currentTarget.parentElement;Ct.value={key:e.key,startX:t.clientX,startWidth:n?n.getBoundingClientRect().width:0}}})]},e.key)}),E&&b(`th`,{scope:`col`,className:s.controlCell,...Z(Y+K.length),...Q(-1,Y+K.length),children:b(`span`,{className:s.srOnly,children:N.actions})})]}),Hn&&x(`tr`,{className:s.filterRow,children:[T&&b(`th`,{...Z(0)}),w&&b(`th`,{...Z(+!!T)}),K.map((e,t)=>b(`th`,{"data-align":e.align??`start`,...Z(Y+t),children:e.filter!==void 0&&er(e)},e.key)),E&&b(`th`,{...Z(Y+K.length)})]})]}),x(`tbody`,{children:[k&&Array.from({length:5},(e,t)=>b(`tr`,{className:s.row,children:Array.from({length:Un},(e,t)=>b(`td`,{children:b(`span`,{className:s.shimmer,"aria-hidden":`true`})},t))},t)),!k&&Ln.map((e,t)=>tr(e,t,void 0,`top`)),!k&&U.length===0&&b(`tr`,{"data-empty-row":!0,children:b(`td`,{colSpan:Un,className:s.emptyCell,children:Wn?Re??N.noResults:tt??N.empty})}),!k&&G&&G.topPad>0&&b(`tr`,{"aria-hidden":`true`,style:{height:G.topPad}}),!k&&pn.map((e,t)=>{let n=M?mn+t:t;return e.group?nr(e,n):tr(e,n,n)}),!k&&G&&G.bottomPad>0&&b(`tr`,{"aria-hidden":`true`,style:{height:G.bottomPad}}),Jn>0&&b(`tr`,{"aria-hidden":`true`,"data-filler-row":!0,children:b(`td`,{colSpan:Un,style:{blockSize:`calc(var(--_row-height) * ${Jn})`,padding:0}})}),!k&&Rn.map((e,t)=>tr(e,t,void 0,`bottom`))]}),Je&&b(`tfoot`,{className:s.totals,children:x(`tr`,{"data-totals-row":!0,children:[T&&b(`td`,{className:s.controlCell,...Z(0)}),w&&b(`td`,{className:s.controlCell,...Z(+!!T)}),K.map((e,t)=>x(`td`,{"data-align":e.align??`start`,...Z(Y+t),children:[t===0&&b(`span`,{className:e.aggregate===void 0?void 0:s.srOnly,children:N.totals}),Vt.value.get(e.key)]},e.key)),E&&b(`td`,{className:s.controlCell,...Z(Y+K.length)})]})})]})}),C&&x(`div`,{className:s.footer,children:[C.pageSizeOptions&&x(`label`,{className:s.pageSize,children:[b(`span`,{children:`Rows per page`}),b(`select`,{value:B.value,onChange:e=>{f(()=>{B.value=Number(e.target.value),I(1)})},children:C.pageSizeOptions.map(e=>b(`option`,{value:e,children:e},e))})]}),x(`span`,{className:s.range,children:[Zn,`–`,Qn,` of `,Gn]}),x(`div`,{className:s.pageButtons,children:[b(`button`,{type:`button`,className:s.pageButton,"aria-label":N.previousPage,disabled:qn<=1,onClick:()=>I(qn-1),children:b(`span`,{"aria-hidden":`true`,children:`‹`})}),b(`button`,{type:`button`,className:s.pageButton,"aria-label":N.nextPage,disabled:qn>=Kn,onClick:()=>I(qn+1),children:b(`span`,{"aria-hidden":`true`,children:`›`})})]})]})]})}export{Ne as DataTable};