wimui 0.51.1 → 0.52.0

package/dist/components/data-display/Kanban/Kanban.js

@@ -1,33 +1,34 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
-import { VisuallyHidden as r } from "../../layout/VisuallyHidden/VisuallyHidden.js";
-import i from "../../../icon/more-horizontal.js";
-import { Icon as a } from "../../media/Icon/Icon.js";
-import o from "./kanban.module.js";
-import s, { forwardRef as c, useState as l } from "react";
-import u from "classnames";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { commonNs as r } from "../../../i18n/generated/common.js";
+import { VisuallyHidden as i } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import a from "../../../icon/more-horizontal.js";
+import { Icon as o } from "../../media/Icon/Icon.js";
+import s from "./kanban.module.js";
+import c, { forwardRef as l, useState as u } from "react";
+import d from "classnames";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/data-display/Kanban/Kanban.tsx
-var p = c(({ columns: r, onMove: i, onCardMove: a, className: c, forceMobileUI: f = !1, children: p, asChild: h = !1, ...g }, v) => {
-	let { t: b } = n("common"), [x, S] = l(null), [C, w] = l(null), [T, E] = l(null), D = i || a, O = (e, t, n) => {
-		S({
+var m = l(({ columns: i, onMove: a, onCardMove: o, className: l, forceMobileUI: p = !1, children: m, asChild: g = !1, ..._ }, y) => {
+	let { t: x } = n(r), [S, C] = u(null), [w, T] = u(null), [E, D] = u(null), O = a || o, k = (e, t, n) => {
+		C({
 			itemId: t,
 			columnId: n
 		}), e.dataTransfer.setData("text/plain", `${n}:${t}`), e.dataTransfer.effectAllowed = "move";
-	}, k = (e, t) => {
-		e.preventDefault(), w(t);
 	}, A = (e, t) => {
-		e.preventDefault(), w(null);
+		e.preventDefault(), T(t);
+	}, j = (e, t) => {
+		e.preventDefault(), T(null);
 		let [n, r] = e.dataTransfer.getData("text/plain").split(":");
-		D?.(r, n, t), S(null);
-	}, j = (e, t, n) => {
-		D?.(e, t, n), E(null);
-	}, M = s.useMemo(() => {
-		if (r) return r;
+		O?.(r, n, t), C(null);
+	}, M = (e, t, n) => {
+		O?.(e, t, n), D(null);
+	}, N = c.useMemo(() => {
+		if (i) return i;
 		let e = [];
-		return s.Children.forEach(p, (t) => {
-			if (s.isValidElement(t)) {
+		return c.Children.forEach(m, (t) => {
+			if (c.isValidElement(t)) {
 				let n = t.props;
 				typeof n.id == "string" && typeof n.title == "string" && e.push({
 					id: n.id,
@@ -36,102 +37,102 @@ var p = c(({ columns: r, onMove: i, onCardMove: a, className: c, forceMobileUI:
 				});
 			}
 		}), e;
-	}, [p, r]), N = () => p || (r ? r.map((e) => /* @__PURE__ */ d(y, {
+	}, [m, i]), P = () => m || (i ? i.map((e) => /* @__PURE__ */ f(b, {
 		id: e.id,
 		title: e.title,
 		cardCount: e.items.length,
-		children: e.items.map((e) => /* @__PURE__ */ d(_, {
+		children: e.items.map((e) => /* @__PURE__ */ f(v, {
 			id: e.id,
 			children: e.content
 		}, e.id))
-	}, e.id)) : null), P = h ? e : "div";
-	return /* @__PURE__ */ d(m.Provider, {
+	}, e.id)) : null), F = g ? e : "div";
+	return /* @__PURE__ */ f(h.Provider, {
 		value: {
-			draggedItem: x,
-			dragOverColumn: C,
-			setDragOverColumn: w,
-			handleDragStart: O,
-			handleDragOver: k,
-			handleDrop: A,
-			handleMobileMove: j,
-			activeMobileMenu: T,
-			setActiveMobileMenu: E,
-			columns: M
+			draggedItem: S,
+			dragOverColumn: w,
+			setDragOverColumn: T,
+			handleDragStart: k,
+			handleDragOver: A,
+			handleDrop: j,
+			handleMobileMove: M,
+			activeMobileMenu: E,
+			setActiveMobileMenu: D,
+			columns: N
 		},
-		children: /* @__PURE__ */ d(P, {
-			...g,
-			ref: v,
-			className: u("wim-kanban", o.root, f && o.touch, c),
+		children: /* @__PURE__ */ f(F, {
+			..._,
+			ref: y,
+			className: d("wim-kanban", s.root, p && s.touch, l),
 			role: "region",
-			"aria-label": b("a11y.kanban_board"),
+			"aria-label": x("a11y.kanban_board"),
 			tabIndex: 0,
-			children: /* @__PURE__ */ d(t, { children: N() })
+			children: /* @__PURE__ */ f(t, { children: P() })
 		})
 	});
-}), m = s.createContext(null), h = () => {
-	let e = s.useContext(m);
+}), h = c.createContext(null), g = () => {
+	let e = c.useContext(h);
 	if (!e) throw Error("Kanban compound components must be used within Kanban");
 	return e;
-}, g = ({ id: e, title: t, cardCount: i, children: a, className: c }) => {
-	let { dragOverColumn: l, handleDragOver: p, handleDrop: m, setDragOverColumn: g } = h(), { t: _ } = n("common"), v = s.useId();
-	return /* @__PURE__ */ f("div", {
-		className: u(o.column, { [o.dragOver]: l === e }, c),
+}, _ = ({ id: e, title: t, cardCount: a, children: o, className: l }) => {
+	let { dragOverColumn: u, handleDragOver: m, handleDrop: h, setDragOverColumn: _ } = g(), { t: v } = n(r), y = c.useId();
+	return /* @__PURE__ */ p("div", {
+		className: d(s.column, { [s.dragOver]: u === e }, l),
 		role: "group",
-		"aria-labelledby": t ? v : void 0,
-		onDragOver: (t) => p(t, e),
-		onDrop: (t) => m(t, e),
-		onDragLeave: () => g(null),
-		children: [/* @__PURE__ */ f("div", {
-			className: o.columnHeader,
-			children: [/* @__PURE__ */ d("div", {
-				id: v,
-				className: o.columnTitle,
+		"aria-labelledby": t ? y : void 0,
+		onDragOver: (t) => m(t, e),
+		onDrop: (t) => h(t, e),
+		onDragLeave: () => _(null),
+		children: [/* @__PURE__ */ p("div", {
+			className: s.columnHeader,
+			children: [/* @__PURE__ */ f("div", {
+				id: y,
+				className: s.columnTitle,
 				"aria-hidden": "true",
 				children: t
-			}), i !== void 0 && /* @__PURE__ */ f("div", {
-				className: o.columnCount,
-				children: [/* @__PURE__ */ d("span", {
+			}), a !== void 0 && /* @__PURE__ */ p("div", {
+				className: s.columnCount,
+				children: [/* @__PURE__ */ f("span", {
 					"aria-hidden": "true",
-					children: i
-				}), /* @__PURE__ */ d(r, { children: _("a11y.kanban_column_count", { count: i }) })]
+					children: a
+				}), /* @__PURE__ */ f(i, { children: v("a11y.kanban_column_count", { count: a }) })]
 			})]
-		}), /* @__PURE__ */ d("div", {
-			className: o.columnBody,
-			children: a
+		}), /* @__PURE__ */ f("div", {
+			className: s.columnBody,
+			children: o
 		})]
 	});
-}, _ = ({ id: e, children: t, disabled: r, className: c }) => {
-	let { t: l } = n("common"), { draggedItem: p, handleDragStart: m, handleMobileMove: g, activeMobileMenu: _, setActiveMobileMenu: y, columns: b } = h(), x = s.useContext(v);
-	return /* @__PURE__ */ f("div", {
-		className: u(o.card, {
-			[o.dragging]: p?.itemId === e,
-			[o.disabled]: r
-		}, c),
-		draggable: !r,
-		onDragStart: (t) => x && m(t, e, x),
-		children: [/* @__PURE__ */ d("div", {
-			className: o.cardContent,
+}, v = ({ id: e, children: t, disabled: i, className: l }) => {
+	let { t: u } = n(r), { draggedItem: m, handleDragStart: h, handleMobileMove: _, activeMobileMenu: v, setActiveMobileMenu: b, columns: x } = g(), S = c.useContext(y);
+	return /* @__PURE__ */ p("div", {
+		className: d(s.card, {
+			[s.dragging]: m?.itemId === e,
+			[s.disabled]: i
+		}, l),
+		draggable: !i,
+		onDragStart: (t) => S && h(t, e, S),
+		children: [/* @__PURE__ */ f("div", {
+			className: s.cardContent,
 			children: t
-		}), /* @__PURE__ */ f("div", {
-			className: o.cardMove,
-			children: [/* @__PURE__ */ d("button", {
+		}), /* @__PURE__ */ p("div", {
+			className: s.cardMove,
+			children: [/* @__PURE__ */ f("button", {
 				type: "button",
-				className: o.cardMoveBtn,
-				onClick: () => y(_ === e ? null : e),
-				"aria-label": l("a11y.move_card"),
-				disabled: r,
-				children: /* @__PURE__ */ d(a, {
-					component: i,
+				className: s.cardMoveBtn,
+				onClick: () => b(v === e ? null : e),
+				"aria-label": u("a11y.move_card"),
+				disabled: i,
+				children: /* @__PURE__ */ f(o, {
+					component: a,
 					size: "sm"
 				})
-			}), _ === e && /* @__PURE__ */ d("div", {
-				className: o.cardMoveMenu,
+			}), v === e && /* @__PURE__ */ f("div", {
+				className: s.cardMoveMenu,
 				role: "listbox",
-				"aria-label": l("a11y.move_to_column"),
-				children: b.filter((e) => e.id !== x).map((t) => /* @__PURE__ */ d("button", {
+				"aria-label": u("a11y.move_to_column"),
+				children: x.filter((e) => e.id !== S).map((t) => /* @__PURE__ */ f("button", {
 					type: "button",
-					className: o.cardMoveOption,
-					onClick: () => x && g(e, x, t.id),
+					className: s.cardMoveOption,
+					onClick: () => S && _(e, S, t.id),
 					role: "option",
 					"aria-selected": !1,
 					children: t.title
@@ -139,10 +140,10 @@ var p = c(({ columns: r, onMove: i, onCardMove: a, className: c, forceMobileUI:
 			})]
 		})]
 	});
-}, v = s.createContext(null), y = (e) => /* @__PURE__ */ d(v.Provider, {
+}, y = c.createContext(null), b = (e) => /* @__PURE__ */ f(y.Provider, {
 	value: e.id,
-	children: /* @__PURE__ */ d(g, { ...e })
-}), b = p;
-b.Column = y, b.Card = _, p.displayName = "Kanban", b.displayName = "KanbanBoard", g.displayName = "KanbanColumn", _.displayName = "KanbanCard", y.displayName = "KanbanColumnWrapper";
+	children: /* @__PURE__ */ f(_, { ...e })
+}), x = m;
+x.Column = b, x.Card = v, m.displayName = "Kanban", x.displayName = "KanbanBoard", _.displayName = "KanbanColumn", v.displayName = "KanbanCard", b.displayName = "KanbanColumnWrapper";
 //#endregion
-export { p as Kanban, b as KanbanBoard, b as default, _ as KanbanCard, g as KanbanColumn };
+export { m as Kanban, x as KanbanBoard, x as default, v as KanbanCard, _ as KanbanColumn };

package/dist/components/data-display/NodeGraph/NodeGraph.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/plus.cjs"),r=require("../../../icon/trash.cjs"),i=require("../../media/Icon/Icon.cjs");;/* empty css                                               */const a=require("./node-graph.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@xyflow/react");var u=[`Backspace`,`Delete`],d=180,f=80;function p(e){let t=1,n=new Set(e.map(e=>e.id));for(;n.has(`node-${t}`);)t+=1;return`node-${t}`}function m(e){if(e.length===0)return{x:f,y:f};let t=Math.max(...e.map(e=>e.position.x)),n=e[e.length-1]?.position.y??f;return{x:t+d,y:n}}var h=o.default.forwardRef(({nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y=!0,nodesConnectable:b=!0,deleteKeyCode:x,showMiniMap:S=!1,showControls:C=!0,backgroundVariant:w=l.BackgroundVariant.Dots,fitView:T=!0,fitViewOptions:E,defaultEdgeOptions:D,className:O,"aria-label":k=`Node graph`,...A},j)=>{let{t:M}=t.useWimTranslation(`common`),N=M(`nodeGraph.add_node`),P=M(`nodeGraph.node_name`),F=M(`nodeGraph.new_node`),I=M(`a11y.delete`),L=x===void 0?[...u]:x,R=L!=null,[z,B]=(0,o.useState)(!1),[V,H]=(0,o.useState)(``),U=(0,o.useRef)(null),W=(0,o.useMemo)(()=>e.filter(e=>e.selected),[e]),G=(0,o.useMemo)(()=>d.filter(e=>e.selected),[d]),K=W.length>0||G.length>0,q=V.trim(),J=L==null?void 0:Array.isArray(L)?L.join(` `):L;(0,o.useEffect)(()=>{z&&U.current?.focus()},[z]);let Y=(0,o.useCallback)(()=>{R&&q&&(f([{type:`add`,item:{id:p(e),position:m(e),data:{label:q}}}]),B(!1),H(``))},[R,q,e,f]),X=(0,o.useCallback)(()=>{if(R){if(!z){B(!0);return}Y()}},[R,z,Y]),Z=(0,o.useCallback)(e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),Y()),e.key===`Escape`&&(e.preventDefault(),B(!1),H(``))},[Y]),Q=(0,o.useCallback)(()=>{if(!R||!K)return;let e=new Set(W.map(e=>e.id)),t=new Set(G.map(e=>e.id));for(let n of d)(e.has(n.source)||e.has(n.target))&&t.add(n.id);t.size>0&&h([...t].map(e=>({type:`remove`,id:e}))),e.size>0&&f([...e].map(e=>({type:`remove`,id:e})))},[R,K,W,G,d,h,f]),$=(0,o.useCallback)(e=>{e.stopPropagation()},[]);return(0,c.jsxs)(`div`,{ref:j,className:(0,s.default)(`wim-node-graph`,a.default.root,O),role:`region`,"aria-label":k,...A,children:[(0,c.jsxs)(l.ReactFlow,{nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y,nodesConnectable:b,deleteKeyCode:L,fitView:T,fitViewOptions:E,defaultEdgeOptions:D,className:a.default.flow,children:[(0,c.jsx)(l.Background,{variant:w,className:a.default.background}),C&&(0,c.jsx)(l.Controls,{className:a.default.controls}),S&&(0,c.jsx)(l.MiniMap,{className:a.default.miniMap})]}),R&&(0,c.jsxs)(`div`,{className:a.default.tools,children:[z&&(0,c.jsx)(`input`,{ref:U,className:(0,s.default)(`nodrag`,`nopan`,a.default.name),value:V,onChange:e=>H(e.target.value),onKeyDown:Z,onPointerDown:$,onMouseDown:$,"aria-label":P,placeholder:F}),(0,c.jsxs)(`div`,{className:a.default.toolRow,children:[(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:z&&!q,onClick:X,onPointerDown:$,onMouseDown:$,"aria-label":N,"aria-expanded":z,children:[(0,c.jsx)(i.Icon,{component:n.default,size:`sm`}),N]}),(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:!K,onClick:Q,onPointerDown:$,onMouseDown:$,"aria-label":I,"aria-keyshortcuts":J,children:[(0,c.jsx)(i.Icon,{component:r.default,size:`sm`}),I]})]})]})]})});h.displayName=`NodeGraph`,exports.NodeGraph=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../icon/plus.cjs"),ee=require("../../../icon/trash.cjs"),i=require("../../media/Icon/Icon.cjs");;/* empty css                                               */const a=require("./node-graph.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("@xyflow/react");var u=[`Backspace`,`Delete`],d=180,f=80;function p(e){let t=1,n=new Set(e.map(e=>e.id));for(;n.has(`node-${t}`);)t+=1;return`node-${t}`}function m(e){if(e.length===0)return{x:f,y:f};let t=Math.max(...e.map(e=>e.position.x)),n=e[e.length-1]?.position.y??f;return{x:t+d,y:n}}var h=o.default.forwardRef(({nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y=!0,nodesConnectable:b=!0,deleteKeyCode:x,showMiniMap:S=!1,showControls:C=!0,backgroundVariant:w=l.BackgroundVariant.Dots,fitView:T=!0,fitViewOptions:E,defaultEdgeOptions:D,className:O,"aria-label":k,...A},j)=>{let{t:M}=t.useWimTranslation(n.commonNs),N=k??M(`nodeGraph.label`),P=M(`nodeGraph.add_node`),F=M(`nodeGraph.node_name`),I=M(`nodeGraph.new_node`),L=M(`a11y.delete`),R=x===void 0?[...u]:x,z=R!=null,[B,V]=(0,o.useState)(!1),[H,U]=(0,o.useState)(``),W=(0,o.useRef)(null),G=(0,o.useMemo)(()=>e.filter(e=>e.selected),[e]),K=(0,o.useMemo)(()=>d.filter(e=>e.selected),[d]),q=G.length>0||K.length>0,J=H.trim(),Y=R==null?void 0:Array.isArray(R)?R.join(` `):R;(0,o.useEffect)(()=>{B&&W.current?.focus()},[B]);let X=(0,o.useCallback)(()=>{z&&J&&(f([{type:`add`,item:{id:p(e),position:m(e),data:{label:J}}}]),V(!1),U(``))},[z,J,e,f]),Z=(0,o.useCallback)(()=>{if(z){if(!B){V(!0);return}X()}},[z,B,X]),Q=(0,o.useCallback)(e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),X()),e.key===`Escape`&&(e.preventDefault(),V(!1),U(``))},[X]),te=(0,o.useCallback)(()=>{if(!z||!q)return;let e=new Set(G.map(e=>e.id)),t=new Set(K.map(e=>e.id));for(let n of d)(e.has(n.source)||e.has(n.target))&&t.add(n.id);t.size>0&&h([...t].map(e=>({type:`remove`,id:e}))),e.size>0&&f([...e].map(e=>({type:`remove`,id:e})))},[z,q,G,K,d,h,f]),$=(0,o.useCallback)(e=>{e.stopPropagation()},[]);return(0,c.jsxs)(`div`,{ref:j,className:(0,s.default)(`wim-node-graph`,a.default.root,O),role:`region`,"aria-label":N,...A,children:[(0,c.jsxs)(l.ReactFlow,{nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y,nodesConnectable:b,deleteKeyCode:R,fitView:T,fitViewOptions:E,defaultEdgeOptions:D,className:a.default.flow,children:[(0,c.jsx)(l.Background,{variant:w,className:a.default.background}),C&&(0,c.jsx)(l.Controls,{className:a.default.controls}),S&&(0,c.jsx)(l.MiniMap,{className:a.default.miniMap})]}),z&&(0,c.jsxs)(`div`,{className:a.default.tools,children:[B&&(0,c.jsx)(`input`,{ref:W,className:(0,s.default)(`nodrag`,`nopan`,a.default.name),value:H,onChange:e=>U(e.target.value),onKeyDown:Q,onPointerDown:$,onMouseDown:$,"aria-label":F,placeholder:I}),(0,c.jsxs)(`div`,{className:a.default.toolRow,children:[(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:B&&!J,onClick:Z,onPointerDown:$,onMouseDown:$,"aria-label":P,"aria-expanded":B,children:[(0,c.jsx)(i.Icon,{component:r.default,size:`sm`}),P]}),(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:!q,onClick:te,onPointerDown:$,onMouseDown:$,"aria-label":L,"aria-keyshortcuts":Y,children:[(0,c.jsx)(i.Icon,{component:ee.default,size:`sm`}),L]})]})]})]})});h.displayName=`NodeGraph`,exports.NodeGraph=h;

package/dist/components/data-display/NodeGraph/NodeGraph.js

@@ -1,22 +1,23 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import t from "../../../icon/plus.js";
-import n from "../../../icon/trash.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import n from "../../../icon/plus.js";
+import r from "../../../icon/trash.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
 /* empty css                                             */
-import i from "./node-graph.module.js";
-import a, { useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
-import d from "classnames";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Background as m, BackgroundVariant as h, Controls as g, MiniMap as ee, ReactFlow as te } from "@xyflow/react";
+import a from "./node-graph.module.js";
+import o, { useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import f from "classnames";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Background as h, BackgroundVariant as ee, Controls as te, MiniMap as ne, ReactFlow as re } from "@xyflow/react";
 //#region src/components/data-display/NodeGraph/NodeGraph.tsx
-var ne = ["Backspace", "Delete"], _ = 180, v = 80;
-function y(e) {
+var g = ["Backspace", "Delete"], _ = 180, v = 80;
+function ie(e) {
 	let t = 1, n = new Set(e.map((e) => e.id));
 	for (; n.has(`node-${t}`);) t += 1;
 	return `node-${t}`;
 }
-function b(e) {
+function y(e) {
 	if (e.length === 0) return {
 		x: v,
 		y: v
@@ -27,26 +28,26 @@ function b(e) {
 		y: n
 	};
 }
-var x = a.forwardRef(({ nodes: a, edges: _, onNodesChange: v, onEdgesChange: x, onConnect: S, nodeTypes: C, edgeTypes: w, nodesDraggable: T = !0, nodesConnectable: E = !0, deleteKeyCode: D, showMiniMap: re = !1, showControls: ie = !0, backgroundVariant: O = h.Dots, fitView: k = !0, fitViewOptions: A, defaultEdgeOptions: j, className: M, "aria-label": N = "Node graph", ...P }, F) => {
-	let { t: I } = e("common"), L = I("nodeGraph.add_node"), R = I("nodeGraph.node_name"), z = I("nodeGraph.new_node"), B = I("a11y.delete"), V = D === void 0 ? [...ne] : D, H = V != null, [U, W] = u(!1), [G, K] = u(""), q = l(null), J = c(() => a.filter((e) => e.selected), [a]), Y = c(() => _.filter((e) => e.selected), [_]), X = J.length > 0 || Y.length > 0, Z = G.trim(), ae = V == null ? void 0 : Array.isArray(V) ? V.join(" ") : V;
-	s(() => {
+var b = o.forwardRef(({ nodes: o, edges: _, onNodesChange: v, onEdgesChange: b, onConnect: x, nodeTypes: S, edgeTypes: C, nodesDraggable: w = !0, nodesConnectable: ae = !0, deleteKeyCode: T, showMiniMap: oe = !1, showControls: E = !0, backgroundVariant: D = ee.Dots, fitView: O = !0, fitViewOptions: k, defaultEdgeOptions: A, className: j, "aria-label": M, ...N }, P) => {
+	let { t: F } = e(t), I = M ?? F("nodeGraph.label"), L = F("nodeGraph.add_node"), R = F("nodeGraph.node_name"), z = F("nodeGraph.new_node"), B = F("a11y.delete"), V = T === void 0 ? [...g] : T, H = V != null, [U, W] = d(!1), [G, K] = d(""), q = u(null), J = l(() => o.filter((e) => e.selected), [o]), Y = l(() => _.filter((e) => e.selected), [_]), X = J.length > 0 || Y.length > 0, Z = G.trim(), se = V == null ? void 0 : Array.isArray(V) ? V.join(" ") : V;
+	c(() => {
 		U && q.current?.focus();
 	}, [U]);
-	let Q = o(() => {
+	let Q = s(() => {
 		H && Z && (v([{
 			type: "add",
 			item: {
-				id: y(a),
-				position: b(a),
+				id: ie(o),
+				position: y(o),
 				data: { label: Z }
 			}
 		}]), W(!1), K(""));
 	}, [
 		H,
 		Z,
-		a,
+		o,
 		v
-	]), oe = o(() => {
+	]), ce = s(() => {
 		if (H) {
 			if (!U) {
 				W(!0);
@@ -58,13 +59,13 @@ var x = a.forwardRef(({ nodes: a, edges: _, onNodesChange: v, onEdgesChange: x,
 		H,
 		U,
 		Q
-	]), se = o((e) => {
+	]), le = s((e) => {
 		e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), Q()), e.key === "Escape" && (e.preventDefault(), W(!1), K(""));
-	}, [Q]), ce = o(() => {
+	}, [Q]), ue = s(() => {
 		if (!H || !X) return;
 		let e = new Set(J.map((e) => e.id)), t = new Set(Y.map((e) => e.id));
 		for (let n of _) (e.has(n.source) || e.has(n.target)) && t.add(n.id);
-		t.size > 0 && x([...t].map((e) => ({
+		t.size > 0 && b([...t].map((e) => ({
 			type: "remove",
 			id: e
 		}))), e.size > 0 && v([...e].map((e) => ({
@@ -77,78 +78,78 @@ var x = a.forwardRef(({ nodes: a, edges: _, onNodesChange: v, onEdgesChange: x,
 		J,
 		Y,
 		_,
-		x,
+		b,
 		v
-	]), $ = o((e) => {
+	]), $ = s((e) => {
 		e.stopPropagation();
 	}, []);
-	return /* @__PURE__ */ p("div", {
-		ref: F,
-		className: d("wim-node-graph", i.root, M),
+	return /* @__PURE__ */ m("div", {
+		ref: P,
+		className: f("wim-node-graph", a.root, j),
 		role: "region",
-		"aria-label": N,
-		...P,
-		children: [/* @__PURE__ */ p(te, {
-			nodes: a,
+		"aria-label": I,
+		...N,
+		children: [/* @__PURE__ */ m(re, {
+			nodes: o,
 			edges: _,
 			onNodesChange: v,
-			onEdgesChange: x,
-			onConnect: S,
-			nodeTypes: C,
-			edgeTypes: w,
-			nodesDraggable: T,
-			nodesConnectable: E,
+			onEdgesChange: b,
+			onConnect: x,
+			nodeTypes: S,
+			edgeTypes: C,
+			nodesDraggable: w,
+			nodesConnectable: ae,
 			deleteKeyCode: V,
-			fitView: k,
-			fitViewOptions: A,
-			defaultEdgeOptions: j,
-			className: i.flow,
+			fitView: O,
+			fitViewOptions: k,
+			defaultEdgeOptions: A,
+			className: a.flow,
 			children: [
-				/* @__PURE__ */ f(m, {
-					variant: O,
-					className: i.background
+				/* @__PURE__ */ p(h, {
+					variant: D,
+					className: a.background
 				}),
-				ie && /* @__PURE__ */ f(g, { className: i.controls }),
-				re && /* @__PURE__ */ f(ee, { className: i.miniMap })
+				E && /* @__PURE__ */ p(te, { className: a.controls }),
+				oe && /* @__PURE__ */ p(ne, { className: a.miniMap })
 			]
-		}), H && /* @__PURE__ */ p("div", {
-			className: i.tools,
-			children: [U && /* @__PURE__ */ f("input", {
+		}), H && /* @__PURE__ */ m("div", {
+			className: a.tools,
+			children: [U && /* @__PURE__ */ p("input", {
 				ref: q,
-				className: d("nodrag", "nopan", i.name),
+				className: f("nodrag", "nopan", a.name),
 				value: G,
 				onChange: (e) => K(e.target.value),
-				onKeyDown: se,
+				onKeyDown: le,
 				onPointerDown: $,
 				onMouseDown: $,
 				"aria-label": R,
 				placeholder: z
-			}), /* @__PURE__ */ p("div", {
-				className: i.toolRow,
-				children: [/* @__PURE__ */ p("button", {
+			}), /* @__PURE__ */ m("div", {
+				className: a.toolRow,
+				children: [/* @__PURE__ */ m("button", {
 					type: "button",
-					className: d("nodrag", "nopan", i.tool),
+					className: f("nodrag", "nopan", a.tool),
 					disabled: U && !Z,
-					onClick: oe,
+					onClick: ce,
 					onPointerDown: $,
 					onMouseDown: $,
 					"aria-label": L,
 					"aria-expanded": U,
-					children: [/* @__PURE__ */ f(r, {
-						component: t,
+					children: [/* @__PURE__ */ p(i, {
+						component: n,
 						size: "sm"
 					}), L]
-				}), /* @__PURE__ */ p("button", {
+				}), /* @__PURE__ */ m("button", {
 					type: "button",
-					className: d("nodrag", "nopan", i.tool),
+					className: f("nodrag", "nopan", a.tool),
 					disabled: !X,
-					onClick: ce,
+					onClick: ue,
 					onPointerDown: $,
 					onMouseDown: $,
 					"aria-label": B,
-					"aria-keyshortcuts": ae,
-					children: [/* @__PURE__ */ f(r, {
-						component: n,
+					"aria-keyshortcuts": se,
+					children: [/* @__PURE__ */ p(i, {
+						component: r,
 						size: "sm"
 					}), B]
 				})]
@@ -156,6 +157,6 @@ var x = a.forwardRef(({ nodes: a, edges: _, onNodesChange: v, onEdgesChange: x,
 		})]
 	});
 });
-x.displayName = "NodeGraph";
+b.displayName = "NodeGraph";
 //#endregion
-export { x as NodeGraph };
+export { b as NodeGraph };

package/dist/components/data-display/PivotTable/PivotTable.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../../hooks/useMergedRef.cjs"),o=require("../Table/Table.cjs"),s=require("./layoutPivot.cjs"),c=require("./pivot-table.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=40,ee=8,te=30,p=`corner`,m=(e,t=[])=>{for(let n of e)n.children?.length&&(t.push(n.key),m(n.children,t));return t},ne=(e,t,n,r)=>{let[i,a]=(0,l.useState)(()=>n??m(e)),o=t??i,s=(0,l.useMemo)(()=>new Set(o),[o]);return[s,(0,l.useCallback)(e=>{let n=s.has(e)?o.filter(t=>t!==e):[...o,e];t===void 0&&a(n),r?.(n)},[o,s,t,r])]},h=l.default.forwardRef(({rows:e,columns:h,getValue:g,rowAxisLabel:_,caption:v,expandedRowValues:re,defaultExpandedRowValues:ie,onExpandedRowChange:ae,expandedColumnValues:oe,defaultExpandedColumnValues:se,onExpandedColumnChange:ce,maxHeight:y,stickyHeader:b=!1,stickyRowHeaders:le=!1,virtualized:x=!1,columnSubtotals:S=!1,totalRow:C=!1,totalColumn:ue=!1,labels:de,className:fe,...w},pe)=>{let{t:me}=t.useWimTranslation(`components`),T=l.default.useId(),E=de?.total??me(`pivottable.total`),[D,he]=ne(e,re,ie,ae),[O,ge]=ne(h,oe,se,ce),k=(0,l.useMemo)(()=>s.layoutPivotColumns(h,{subtotals:S,total:ue,isExpanded:e=>O.has(e)}),[h,S,ue,O]),A=(0,l.useMemo)(()=>s.layoutPivotRows(e,e=>D.has(e)),[e,D]),j=(0,l.useMemo)(()=>m(e).length>0,[e]),M=(0,l.useMemo)(()=>m(h).length>0,[h]),N=_!=null&&_!==!1,P=`${T}corner`,_e=e=>`${T}c${e}`,F=e=>`${T}r${e}`,I=`${T}total`,L=(0,l.useMemo)(()=>k.columns.map(e=>e.headerIds.map(e=>`${T}c${e}`).join(` `)),[k,T]),R=l.default.useRef(null),z=l.default.useRef(null),[B,ve]=l.default.useState(!1),[ye,be]=l.default.useState(!0);l.default.useLayoutEffect(()=>{let e=R.current,t=z.current;if(!e||!t||typeof ResizeObserver>`u`)return;let n=()=>{ve(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight);let n=t.rows[0]?.cells[0];be(!n||n.offsetWidth<=e.clientWidth/2)};n();let r=new ResizeObserver(n);return r.observe(e),r.observe(t),()=>r.disconnect()},[]);let xe=a.useMergedRef(pe,z),V=le&&ye,H=l.default.useRef([]),[Se,Ce]=(0,l.useState)([]),U=k.depth;l.default.useLayoutEffect(()=>{if(!b)return;let e=H.current.slice(0,U),t=()=>{let t=0,n=e.map(e=>{let n=t;return t+=e?.getBoundingClientRect().height??0,n});Ce(e=>e.length===n.length&&e.every((e,t)=>e===n[t])?e:n)};if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(t);return e.forEach(e=>e&&n.observe(e)),()=>n.disconnect()},[b,U]);let W=l.default.useRef(null),[G,we]=(0,l.useState)(0),[K,Te]=(0,l.useState)(null),[q,Ee]=(0,l.useState)(null),[De,Oe]=(0,l.useState)({}),J=l.default.useRef(0),Y=(0,l.useCallback)(()=>{let e=R.current,t=W.current,n=z.current;if(!e||!t||!n)return;let r=t.querySelector(`tr[data-row-index]`)?.getBoundingClientRect().height??0;r>0&&we(e=>Math.abs(e-r)<.01?e:r);let i={scrollTop:e.scrollTop,height:e.clientHeight,bodyOffset:t.getBoundingClientRect().top-e.getBoundingClientRect().top+e.scrollTop};Te(e=>e&&e.scrollTop===i.scrollTop&&e.height===i.height&&e.bodyOffset===i.bodyOffset?e:i);let a=Array.from(n.querySelectorAll(`thead [data-column-key]`)).map(e=>[e.dataset.columnKey,e.getBoundingClientRect().width]),o=J.current!==e.clientWidth;J.current=e.clientWidth,Oe(e=>{let t=o?{}:{...e};for(let[e,n]of a)(n||0)>(t[e]??0)+.01&&(t[e]=n);let n=Object.keys(t);return n.length===Object.keys(e).length&&n.every(n=>t[n]===e[n])?e:t})},[]),X=A.length,ke=k.columns.length,Z=(0,l.useMemo)(()=>k.columns.map(e=>`${e.kind}:${e.key??``}`),[k]),Ae=Z.join(`|`);l.default.useLayoutEffect(()=>{if(!x||(Y(),typeof ResizeObserver>`u`))return;let e=new ResizeObserver(Y);return R.current&&e.observe(R.current),()=>e.disconnect()},[x,Y,X,Ae]);let je=(0,l.useMemo)(()=>new Map(A.map((e,t)=>[e.key,t])),[A]),Me=(0,l.useMemo)(()=>x?K?s.pivotRowWindow({rowCount:X,rowHeight:G||f,scrollTop:K.scrollTop,viewportHeight:K.height,bodyOffset:K.bodyOffset,overscan:ee,keep:q===null?null:je.get(q)??null}):s.pivotRowWindow({rowCount:X,rowHeight:f,scrollTop:0,viewportHeight:Math.min(X,te)*f,bodyOffset:0,overscan:0}):null,[x,K,X,G,q,je]),Ne=(0,l.useMemo)(()=>new Map(k.columns.map((e,t)=>[e.headerIds[e.headerIds.length-1],Z[t]])),[k,Z]),Q=e=>x&&e!==void 0?{"data-column-key":e,style:De[e]?{minWidth:De[e]}:void 0}:null,$=(e,t=!1)=>b?{top:Math.floor(Se[e]??0),zIndex:10+U-e+ +!!t}:void 0,Pe=`${T}caption`,Fe=v?{"aria-labelledby":Pe}:w[`aria-label`]?{"aria-label":w[`aria-label`]}:w[`aria-labelledby`]?{"aria-labelledby":w[`aria-labelledby`]}:null,Ie=(e,t)=>{let a=x?F(t):[...e.ancestors.map(F),F(t)].join(` `),s=[...N?[P]:[],...x?[]:e.ancestors.map(F)].join(` `);return(0,d.jsxs)(o.Table.Row,{className:(0,u.default)(e.hasChildren&&c.default.groupRow),"data-row-index":x?t:void 0,"data-row-key":x?e.key:void 0,"aria-rowindex":x?U+t+1:void 0,children:[(0,d.jsxs)(`th`,{id:F(t),scope:`row`,headers:s||void 0,className:(0,u.default)(c.default.rowHeader,V&&c.default.stickyLeft),style:{"--wim-pivot-table-depth":e.depth},children:[x&&e.ancestors.length>0&&(0,d.jsx)(n.VisuallyHidden,{children:e.ancestors.map(e=>(0,d.jsxs)(l.default.Fragment,{children:[A[e].node.label,`, `]},e))}),e.hasChildren?(0,d.jsxs)(`button`,{type:`button`,className:c.default.toggle,"aria-expanded":e.expanded,onClick:()=>he(e.key),children:[(0,d.jsx)(`span`,{className:(0,u.default)(c.default.chevron,e.expanded&&c.default.open),"aria-hidden":`true`,children:(0,d.jsx)(i.Icon,{component:r.default,size:`sm`})}),e.node.label]}):(0,d.jsx)(`span`,{className:(0,u.default)(j&&c.default.leafLabel),children:e.node.label})]}),k.columns.map((t,n)=>(0,d.jsx)(o.Table.Cell,{headers:`${a} ${L[n]}`,className:(0,u.default)(c.default.value,t.kind!==`leaf`&&c.default.aggregate,t.startsGroup&&!(V&&n===0)&&c.default.groupStart),children:g(e.key,t.key)},n))]},e.key)};return(0,d.jsx)(`div`,{ref:R,className:c.default.scroller,style:y===void 0?void 0:{maxHeight:y},tabIndex:B?0:void 0,onScroll:x?Y:void 0,...B&&Fe?{role:`region`,...Fe}:null,children:(0,d.jsxs)(`table`,{ref:xe,className:(0,u.default)(`wim-pivot-table`,c.default.root,fe),"aria-rowcount":x?U+X+ +!!C:void 0,...w,children:[v&&(0,d.jsx)(`caption`,{id:Pe,className:c.default.caption,children:v}),(0,d.jsx)(`colgroup`,{}),k.groupSpans.map((e,t)=>(0,d.jsx)(`colgroup`,{span:e},t)),(0,d.jsx)(o.Table.Header,{children:k.headerRows.map((e,t)=>(0,d.jsxs)(`tr`,{"aria-rowindex":x?t+1:void 0,ref:e=>{H.current[t]=e},children:[t===0&&(N?(0,d.jsx)(`th`,{id:P,scope:`col`,rowSpan:k.depth,className:(0,u.default)(c.default.columnHeader,c.default.corner,c.default.bottom,b&&c.default.stickyTop,V&&c.default.stickyLeft),...Q(p),style:{...$(0,!0),...Q(p)?.style},children:(0,d.jsx)(`span`,{className:(0,u.default)(M&&c.default.columnLeafLabel),children:_})}):(0,d.jsx)(`td`,{rowSpan:k.depth,className:(0,u.default)(c.default.columnHeader,c.default.bottom,b&&c.default.stickyTop,V&&c.default.stickyLeft),...Q(p),style:{...$(0,!0),...Q(p)?.style}})),e.map((e,n)=>(0,d.jsx)(`th`,{id:_e(e.id),scope:e.kind===`group`&&e.topLevel?`colgroup`:`col`,colSpan:e.colSpan>1?e.colSpan:void 0,rowSpan:e.rowSpan>1?e.rowSpan:void 0,className:(0,u.default)(c.default.columnHeader,e.kind===`group`&&e.expanded&&c.default.group,e.reachesBottom&&c.default.bottom,e.startsGroup&&!(V&&n===0)&&c.default.groupStart,b&&c.default.stickyTop),...e.reachesBottom?Q(Ne.get(e.id)):null,style:{...$(t),...e.reachesBottom?Q(Ne.get(e.id))?.style:null},children:e.kind===`group`?(0,d.jsxs)(`button`,{type:`button`,className:(0,u.default)(c.default.toggle,c.default.columnToggle),"aria-expanded":e.expanded,onClick:()=>ge(e.key),children:[(0,d.jsx)(`span`,{className:(0,u.default)(c.default.chevron,e.expanded&&c.default.open),"aria-hidden":`true`,children:(0,d.jsx)(i.Icon,{component:r.default,size:`sm`})}),e.node?.label]}):(0,d.jsx)(`span`,{className:(0,u.default)(M&&c.default.columnLeafLabel),children:e.kind===`leaf`?e.node?.label:E})},`${e.kind}:${e.key??``}`))]},t))}),(0,d.jsx)(o.Table.Body,{ref:W,onFocus:x?e=>{let t=e.target.closest(`tr`)?.dataset.rowKey;t!==void 0&&Ee(t)}:void 0,onBlur:x?e=>{e.currentTarget.contains(e.relatedTarget)||Ee(null)}:void 0,children:(Me??[{kind:`rows`,from:0,to:X}]).map((e,t)=>e.kind===`gap`?(0,d.jsx)(`tr`,{"aria-hidden":`true`,className:c.default.gap,children:(0,d.jsx)(`td`,{colSpan:ke+1,style:{height:e.count*(G||f)}})},`gap-${t}`):A.slice(e.from,e.to).map((t,n)=>Ie(t,e.from+n)))}),C&&(0,d.jsx)(o.Table.Footer,{children:(0,d.jsxs)(o.Table.Row,{className:c.default.totalRow,"aria-rowindex":x?U+X+1:void 0,children:[(0,d.jsx)(`th`,{id:I,scope:`row`,headers:N?P:void 0,className:(0,u.default)(c.default.rowHeader,V&&c.default.stickyLeft),children:(0,d.jsx)(`span`,{className:(0,u.default)(j&&c.default.leafLabel),children:E})}),k.columns.map((e,t)=>(0,d.jsx)(o.Table.Cell,{headers:`${I} ${L[t]}`,className:(0,u.default)(c.default.value,e.startsGroup&&!(V&&t===0)&&c.default.groupStart),children:g(null,e.key)},t))]})})]})})});h.displayName=`PivotTable`,exports.PivotTable=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),i=require("../../../i18n/generated/components.cjs"),a=require("../../../icon/chevron-right.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../Table/Table.cjs"),c=require("./layoutPivot.cjs"),l=require("./pivot-table.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=40,ee=8,te=30,m=`corner`,h=(e,t=[])=>{for(let n of e)n.children?.length&&(t.push(n.key),h(n.children,t));return t},ne=(e,t,n,r)=>{let[i,a]=(0,u.useState)(()=>n??h(e)),o=t??i,s=(0,u.useMemo)(()=>new Set(o),[o]);return[s,(0,u.useCallback)(e=>{let n=s.has(e)?o.filter(t=>t!==e):[...o,e];t===void 0&&a(n),r?.(n)},[o,s,t,r])]},g=u.default.forwardRef(({rows:e,columns:g,getValue:_,rowAxisLabel:v,caption:y,expandedRowValues:re,defaultExpandedRowValues:ie,onExpandedRowChange:ae,expandedColumnValues:oe,defaultExpandedColumnValues:se,onExpandedColumnChange:ce,maxHeight:le,stickyHeader:b=!1,stickyRowHeaders:ue=!1,virtualized:x=!1,columnSubtotals:S=!1,totalRow:C=!1,totalColumn:w=!1,labels:de,className:fe,...T},pe)=>{let{t:me}=t.useWimTranslation(i.componentsNs),E=u.default.useId(),D=de?.total??me(`pivottable.total`),[O,he]=ne(e,re,ie,ae),[k,ge]=ne(g,oe,se,ce),A=(0,u.useMemo)(()=>c.layoutPivotColumns(g,{subtotals:S,total:w,isExpanded:e=>k.has(e)}),[g,S,w,k]),j=(0,u.useMemo)(()=>c.layoutPivotRows(e,e=>O.has(e)),[e,O]),M=(0,u.useMemo)(()=>h(e).length>0,[e]),N=(0,u.useMemo)(()=>h(g).length>0,[g]),P=v!=null&&v!==!1,F=`${E}corner`,_e=e=>`${E}c${e}`,I=e=>`${E}r${e}`,L=`${E}total`,R=(0,u.useMemo)(()=>A.columns.map(e=>e.headerIds.map(e=>`${E}c${e}`).join(` `)),[A,E]),z=u.default.useRef(null),B=u.default.useRef(null),[V,ve]=u.default.useState(!1),[ye,be]=u.default.useState(!0);u.default.useLayoutEffect(()=>{let e=z.current,t=B.current;if(!e||!t||typeof ResizeObserver>`u`)return;let n=()=>{ve(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight);let n=t.rows[0]?.cells[0];be(!n||n.offsetWidth<=e.clientWidth/2)};n();let r=new ResizeObserver(n);return r.observe(e),r.observe(t),()=>r.disconnect()},[]);let xe=n.useMergedRef(pe,B),H=ue&&ye,U=u.default.useRef([]),[Se,Ce]=(0,u.useState)([]),W=A.depth;u.default.useLayoutEffect(()=>{if(!b)return;let e=U.current.slice(0,W),t=()=>{let t=0,n=e.map(e=>{let n=t;return t+=e?.getBoundingClientRect().height??0,n});Ce(e=>e.length===n.length&&e.every((e,t)=>e===n[t])?e:n)};if(t(),typeof ResizeObserver>`u`)return;let n=new ResizeObserver(t);return e.forEach(e=>e&&n.observe(e)),()=>n.disconnect()},[b,W]);let G=u.default.useRef(null),[K,we]=(0,u.useState)(0),[q,Te]=(0,u.useState)(null),[J,Ee]=(0,u.useState)(null),[De,Oe]=(0,u.useState)({}),ke=u.default.useRef(0),Y=(0,u.useCallback)(()=>{let e=z.current,t=G.current,n=B.current;if(!e||!t||!n)return;let r=t.querySelector(`tr[data-row-index]`)?.getBoundingClientRect().height??0;r>0&&we(e=>Math.abs(e-r)<.01?e:r);let i={scrollTop:e.scrollTop,height:e.clientHeight,bodyOffset:t.getBoundingClientRect().top-e.getBoundingClientRect().top+e.scrollTop};Te(e=>e&&e.scrollTop===i.scrollTop&&e.height===i.height&&e.bodyOffset===i.bodyOffset?e:i);let a=Array.from(n.querySelectorAll(`thead [data-column-key]`)).map(e=>[e.dataset.columnKey,e.getBoundingClientRect().width]),o=ke.current!==e.clientWidth;ke.current=e.clientWidth,Oe(e=>{let t=o?{}:{...e};for(let[e,n]of a)(n||0)>(t[e]??0)+.01&&(t[e]=n);let n=Object.keys(t);return n.length===Object.keys(e).length&&n.every(n=>t[n]===e[n])?e:t})},[]),X=j.length,Ae=A.columns.length,Z=(0,u.useMemo)(()=>A.columns.map(e=>`${e.kind}:${e.key??``}`),[A]),je=Z.join(`|`);u.default.useLayoutEffect(()=>{if(!x||(Y(),typeof ResizeObserver>`u`))return;let e=new ResizeObserver(Y);return z.current&&e.observe(z.current),()=>e.disconnect()},[x,Y,X,je]);let Me=(0,u.useMemo)(()=>new Map(j.map((e,t)=>[e.key,t])),[j]),Ne=(0,u.useMemo)(()=>x?q?c.pivotRowWindow({rowCount:X,rowHeight:K||p,scrollTop:q.scrollTop,viewportHeight:q.height,bodyOffset:q.bodyOffset,overscan:ee,keep:J===null?null:Me.get(J)??null}):c.pivotRowWindow({rowCount:X,rowHeight:p,scrollTop:0,viewportHeight:Math.min(X,te)*p,bodyOffset:0,overscan:0}):null,[x,q,X,K,J,Me]),Pe=(0,u.useMemo)(()=>new Map(A.columns.map((e,t)=>[e.headerIds[e.headerIds.length-1],Z[t]])),[A,Z]),Q=e=>x&&e!==void 0?{"data-column-key":e,style:De[e]?{minWidth:De[e]}:void 0}:null,$=(e,t=!1)=>b?{top:Math.floor(Se[e]??0),zIndex:10+W-e+ +!!t}:void 0,Fe=`${E}caption`,Ie=y?{"aria-labelledby":Fe}:T[`aria-label`]?{"aria-label":T[`aria-label`]}:T[`aria-labelledby`]?{"aria-labelledby":T[`aria-labelledby`]}:null,Le=(e,t)=>{let n=x?I(t):[...e.ancestors.map(I),I(t)].join(` `),i=[...P?[F]:[],...x?[]:e.ancestors.map(I)].join(` `);return(0,f.jsxs)(s.Table.Row,{className:(0,d.default)(e.hasChildren&&l.default.groupRow),"data-row-index":x?t:void 0,"data-row-key":x?e.key:void 0,"aria-rowindex":x?W+t+1:void 0,children:[(0,f.jsxs)(`th`,{id:I(t),scope:`row`,headers:i||void 0,className:(0,d.default)(l.default.rowHeader,H&&l.default.stickyLeft),style:{"--wim-pivot-table-depth":e.depth},children:[x&&e.ancestors.length>0&&(0,f.jsx)(r.VisuallyHidden,{children:e.ancestors.map(e=>(0,f.jsxs)(u.default.Fragment,{children:[j[e].node.label,`, `]},e))}),e.hasChildren?(0,f.jsxs)(`button`,{type:`button`,className:l.default.toggle,"aria-expanded":e.expanded,onClick:()=>he(e.key),children:[(0,f.jsx)(`span`,{className:(0,d.default)(l.default.chevron,e.expanded&&l.default.open),"aria-hidden":`true`,children:(0,f.jsx)(o.Icon,{component:a.default,size:`sm`})}),e.node.label]}):(0,f.jsx)(`span`,{className:(0,d.default)(M&&l.default.leafLabel),children:e.node.label})]}),A.columns.map((t,r)=>(0,f.jsx)(s.Table.Cell,{headers:`${n} ${R[r]}`,className:(0,d.default)(l.default.value,t.kind!==`leaf`&&l.default.aggregate,t.startsGroup&&!(H&&r===0)&&l.default.groupStart),children:_(e.key,t.key)},r))]},e.key)};return(0,f.jsx)(`div`,{ref:z,className:l.default.scroller,style:le===void 0?void 0:{maxHeight:le},tabIndex:V?0:void 0,onScroll:x?Y:void 0,...V&&Ie?{role:`region`,...Ie}:null,children:(0,f.jsxs)(`table`,{ref:xe,className:(0,d.default)(`wim-pivot-table`,l.default.root,fe),"aria-rowcount":x?W+X+ +!!C:void 0,...T,children:[y&&(0,f.jsx)(`caption`,{id:Fe,className:l.default.caption,children:y}),(0,f.jsx)(`colgroup`,{}),A.groupSpans.map((e,t)=>(0,f.jsx)(`colgroup`,{span:e},t)),(0,f.jsx)(s.Table.Header,{children:A.headerRows.map((e,t)=>(0,f.jsxs)(`tr`,{"aria-rowindex":x?t+1:void 0,ref:e=>{U.current[t]=e},children:[t===0&&(P?(0,f.jsx)(`th`,{id:F,scope:`col`,rowSpan:A.depth,className:(0,d.default)(l.default.columnHeader,l.default.corner,l.default.bottom,b&&l.default.stickyTop,H&&l.default.stickyLeft),...Q(m),style:{...$(0,!0),...Q(m)?.style},children:(0,f.jsx)(`span`,{className:(0,d.default)(N&&l.default.columnLeafLabel),children:v})}):(0,f.jsx)(`td`,{rowSpan:A.depth,className:(0,d.default)(l.default.columnHeader,l.default.bottom,b&&l.default.stickyTop,H&&l.default.stickyLeft),...Q(m),style:{...$(0,!0),...Q(m)?.style}})),e.map((e,n)=>(0,f.jsx)(`th`,{id:_e(e.id),scope:e.kind===`group`&&e.topLevel?`colgroup`:`col`,colSpan:e.colSpan>1?e.colSpan:void 0,rowSpan:e.rowSpan>1?e.rowSpan:void 0,className:(0,d.default)(l.default.columnHeader,e.kind===`group`&&e.expanded&&l.default.group,e.reachesBottom&&l.default.bottom,e.startsGroup&&!(H&&n===0)&&l.default.groupStart,b&&l.default.stickyTop),...e.reachesBottom?Q(Pe.get(e.id)):null,style:{...$(t),...e.reachesBottom?Q(Pe.get(e.id))?.style:null},children:e.kind===`group`?(0,f.jsxs)(`button`,{type:`button`,className:(0,d.default)(l.default.toggle,l.default.columnToggle),"aria-expanded":e.expanded,onClick:()=>ge(e.key),children:[(0,f.jsx)(`span`,{className:(0,d.default)(l.default.chevron,e.expanded&&l.default.open),"aria-hidden":`true`,children:(0,f.jsx)(o.Icon,{component:a.default,size:`sm`})}),e.node?.label]}):(0,f.jsx)(`span`,{className:(0,d.default)(N&&l.default.columnLeafLabel),children:e.kind===`leaf`?e.node?.label:D})},`${e.kind}:${e.key??``}`))]},t))}),(0,f.jsx)(s.Table.Body,{ref:G,onFocus:x?e=>{let t=e.target.closest(`tr`)?.dataset.rowKey;t!==void 0&&Ee(t)}:void 0,onBlur:x?e=>{e.currentTarget.contains(e.relatedTarget)||Ee(null)}:void 0,children:(Ne??[{kind:`rows`,from:0,to:X}]).map((e,t)=>e.kind===`gap`?(0,f.jsx)(`tr`,{"aria-hidden":`true`,className:l.default.gap,children:(0,f.jsx)(`td`,{colSpan:Ae+1,style:{height:e.count*(K||p)}})},`gap-${t}`):j.slice(e.from,e.to).map((t,n)=>Le(t,e.from+n)))}),C&&(0,f.jsx)(s.Table.Footer,{children:(0,f.jsxs)(s.Table.Row,{className:l.default.totalRow,"aria-rowindex":x?W+X+1:void 0,children:[(0,f.jsx)(`th`,{id:L,scope:`row`,headers:P?F:void 0,className:(0,d.default)(l.default.rowHeader,H&&l.default.stickyLeft),children:(0,f.jsx)(`span`,{className:(0,d.default)(M&&l.default.leafLabel),children:D})}),A.columns.map((e,t)=>(0,f.jsx)(s.Table.Cell,{headers:`${L} ${R[t]}`,className:(0,d.default)(l.default.value,e.startsGroup&&!(H&&t===0)&&l.default.groupStart),children:_(null,e.key)},t))]})})]})})});g.displayName=`PivotTable`,exports.PivotTable=g;