wimui 0.51.1 → 0.51.2

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../icon/chevron-left.cjs"),i=require("../../../icon/chevron-right.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./carousel.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(e,t)=>typeof e==`number`?e:e?t>=1280&&e.xl?e.xl:t>=1024&&e.lg?e.lg:t>=768&&e.md?e.md:t>=640&&e.sm?e.sm:e.base||1:1,d=(0,s.forwardRef)(({children:e,autoPlay:d=!1,interval:f=5e3,showIndicators:p=!0,showControls:m=!0,controlsPlacement:h=`overlay`,loop:g=!0,slidesToShow:_=1,aspectRatio:v,objectFit:y=`cover`,labels:b,className:x,asChild:S,...C},w)=>{let T=S?t.Root:`div`,{t:E}=n.useWimTranslation(`components`),D={slideLabel:e=>E(`carousel.slide`,{number:e}),prevSlide:E(`carousel.prev_slide`),nextSlide:E(`carousel.next_slide`),goToSlide:e=>E(`carousel.go_to_slide`,{number:e}),...b},O=(0,s.useMemo)(()=>s.default.Children.toArray(e),[e]),k=O.length,[A,j]=(0,s.useState)(typeof window<`u`?window.innerWidth:0),[M,N]=(0,s.useState)(g?k:0),[P,F]=(0,s.useState)(!1),[I,L]=(0,s.useState)(!1),R=u(_,A),z=(0,s.useRef)(null),B=(0,s.useRef)(null),V=(0,s.useRef)(null),H=(0,s.useRef)(null);(0,s.useEffect)(()=>{let e=()=>j(window.innerWidth);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let U=(0,s.useMemo)(()=>!g||k===0?O:[...O,...O,...O],[O,g,k]),W=(0,s.useCallback)(()=>{if(!P){if(!g){N(e=>Math.min(e+1,k-R));return}F(!0),N(e=>e+1)}},[P,g,k,R]),G=(0,s.useCallback)(()=>{if(!P){if(!g){N(e=>Math.max(e-1,0));return}F(!0),N(e=>e-1)}},[P,g]),K=e=>{P||(g?(F(!0),N(e+k)):N(e))},q=()=>{g&&(F(!1),M>=k*2?N(M-k):M<k&&N(M+k))};(0,s.useEffect)(()=>(d&&!I&&k>R&&(z.current=window.setInterval(W,f)),()=>{z.current&&window.clearInterval(z.current)}),[d,f,W,k,R,I]);let J=e=>{e.key===`ArrowLeft`?G():e.key===`ArrowRight`&&W()},Y=e=>{V.current=e.targetTouches[0].clientX},X=e=>{H.current=e.targetTouches[0].clientX},Z=()=>{if(!V.current||!H.current)return;let e=V.current-H.current;e>50?W():e<-50&&G(),V.current=null,H.current=null};if(k===0)return null;let Q=100/R,$=-M*Q;return(0,l.jsxs)(T,{ref:w,className:(0,c.default)(`wim-carousel`,o.default.root,h===`outside`&&o.default.controlsOutside,x),onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),onFocus:()=>L(!0),onBlur:()=>L(!1),onKeyDown:J,tabIndex:0,role:`region`,"aria-roledescription":`carousel`,...C,children:[(0,l.jsx)(`div`,{className:o.default.viewport,children:(0,l.jsx)(`div`,{ref:B,className:(0,c.default)(o.default.track,P&&o.default.transition),style:{transform:`translateX(${$}%)`},onTransitionEnd:q,onTouchStart:Y,onTouchMove:X,onTouchEnd:Z,children:U.map((e,t)=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.item,v&&o.default.hasAspectRatio),style:{flex:`0 0 ${Q}%`,width:`${Q}%`,...v?{aspectRatio:v,"--wim-carousel-object-fit":y}:{}},role:`group`,"aria-roledescription":`slide`,"aria-label":D.slideLabel(t%k+1),children:e},t))})}),m&&k>R&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`button`,{className:(0,c.default)(o.default.control,o.default.prev),onClick:G,"aria-label":D.prevSlide,disabled:!g&&M===0,tabIndex:-1,children:(0,l.jsx)(a.Icon,{component:r.default,size:`md`})}),(0,l.jsx)(`button`,{className:(0,c.default)(o.default.control,o.default.next),onClick:W,"aria-label":D.nextSlide,disabled:!g&&M>=k-R,tabIndex:-1,children:(0,l.jsx)(a.Icon,{component:i.default,size:`md`})})]}),p&&k>1&&(0,l.jsx)(`div`,{className:o.default.indicators,children:O.map((e,t)=>{let n=g?M%k===t:M===t;return(0,l.jsx)(`button`,{className:(0,c.default)(o.default.indicator,n&&o.default.active),onClick:()=>K(t),"aria-label":D.goToSlide(t+1),"aria-current":n?`true`:`false`},t)})})]})});d.displayName=`Carousel`,exports.Carousel=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../../icon/chevron-left.cjs"),i=require("../../../icon/chevron-right.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./carousel.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(e,t)=>typeof e==`number`?e:e?t>=1280&&e.xl?e.xl:t>=1024&&e.lg?e.lg:t>=768&&e.md?e.md:t>=640&&e.sm?e.sm:e.base||1:1,d=(0,s.forwardRef)(({children:e,autoPlay:d=!1,interval:f=5e3,showIndicators:p=!0,showControls:m=!0,controlsPlacement:h=`overlay`,loop:g=!0,slidesToShow:_=1,aspectRatio:v,objectFit:y=`cover`,labels:b,className:x,asChild:S,...C},w)=>{let T=S?t.Root:`div`,{t:E}=n.useWimTranslation(`components`),D={slideLabel:e=>E(`carousel.slide`,{number:e}),prevSlide:E(`carousel.prev_slide`),nextSlide:E(`carousel.next_slide`),goToSlide:e=>E(`carousel.go_to_slide`,{number:e}),...b},O=(0,s.useMemo)(()=>s.default.Children.toArray(e),[e]),k=O.length,[A,j]=(0,s.useState)(typeof window<`u`?window.innerWidth:0),[M,N]=(0,s.useState)(g?k:0),[P,F]=(0,s.useState)(!1),[I,L]=(0,s.useState)(!1),R=u(_,A),z=(0,s.useRef)(null),B=(0,s.useRef)(null),V=(0,s.useRef)(null),H=(0,s.useRef)(null);(0,s.useEffect)(()=>{let e=()=>j(window.innerWidth);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let U=(0,s.useMemo)(()=>!g||k===0?O:[...O,...O,...O],[O,g,k]),W=(0,s.useCallback)(()=>{if(!P){if(!g){N(e=>Math.min(e+1,k-R));return}F(!0),N(e=>e+1)}},[P,g,k,R]),G=(0,s.useCallback)(()=>{if(!P){if(!g){N(e=>Math.max(e-1,0));return}F(!0),N(e=>e-1)}},[P,g]),K=e=>{P||(g?(F(!0),N(e+k)):N(e))},q=()=>{g&&(F(!1),M>=k*2?N(M-k):M<k&&N(M+k))};(0,s.useEffect)(()=>(d&&!I&&k>R&&(z.current=window.setInterval(W,f)),()=>{z.current&&window.clearInterval(z.current)}),[d,f,W,k,R,I]);let J=e=>{e.key===`ArrowLeft`?G():e.key===`ArrowRight`&&W()},Y=e=>{V.current=e.targetTouches[0].clientX},X=e=>{H.current=e.targetTouches[0].clientX},Z=()=>{if(!V.current||!H.current)return;let e=V.current-H.current;e>50?W():e<-50&&G(),V.current=null,H.current=null};if(k===0)return null;let Q=100/R,$=-M*Q;return(0,l.jsxs)(T,{ref:w,className:(0,c.default)(`wim-carousel`,o.default.root,h===`outside`&&o.default.controlsOutside,x),onMouseEnter:()=>L(!0),onMouseLeave:()=>L(!1),onFocus:()=>L(!0),onBlur:()=>L(!1),onKeyDown:J,tabIndex:0,role:`region`,"aria-roledescription":E(`carousel.roledescription`),...C,children:[(0,l.jsx)(`div`,{className:o.default.viewport,children:(0,l.jsx)(`div`,{ref:B,className:(0,c.default)(o.default.track,P&&o.default.transition),style:{transform:`translateX(${$}%)`},onTransitionEnd:q,onTouchStart:Y,onTouchMove:X,onTouchEnd:Z,children:U.map((e,t)=>(0,l.jsx)(`div`,{className:(0,c.default)(o.default.item,v&&o.default.hasAspectRatio),style:{flex:`0 0 ${Q}%`,width:`${Q}%`,...v?{aspectRatio:v,"--wim-carousel-object-fit":y}:{}},role:`group`,"aria-roledescription":E(`carousel.slide_roledescription`),"aria-label":D.slideLabel(t%k+1),children:e},t))})}),m&&k>R&&(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(`button`,{className:(0,c.default)(o.default.control,o.default.prev),onClick:G,"aria-label":D.prevSlide,disabled:!g&&M===0,tabIndex:-1,children:(0,l.jsx)(a.Icon,{component:r.default,size:`md`})}),(0,l.jsx)(`button`,{className:(0,c.default)(o.default.control,o.default.next),onClick:W,"aria-label":D.nextSlide,disabled:!g&&M>=k-R,tabIndex:-1,children:(0,l.jsx)(a.Icon,{component:i.default,size:`md`})})]}),p&&k>1&&(0,l.jsx)(`div`,{className:o.default.indicators,children:O.map((e,t)=>{let n=g?M%k===t:M===t;return(0,l.jsx)(`button`,{className:(0,c.default)(o.default.indicator,n&&o.default.active),onClick:()=>K(t),"aria-label":D.goToSlide(t+1),"aria-current":n?`true`:`false`},t)})})]})});d.displayName=`Carousel`,exports.Carousel=d;

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

@@ -5,33 +5,33 @@ import n from "../../../icon/chevron-left.js";
 import r from "../../../icon/chevron-right.js";
 import { Icon as i } from "../../media/Icon/Icon.js";
 import a from "./carousel.module.js";
-import ee, { forwardRef as o, useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
-import f from "classnames";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import o, { forwardRef as s, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+import p from "classnames";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/data-display/Carousel/Carousel.tsx
-var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >= 1024 && e.lg ? e.lg : t >= 768 && e.md ? e.md : t >= 640 && e.sm ? e.sm : e.base || 1 : 1, _ = o(({ children: o, autoPlay: _ = !1, interval: v = 5e3, showIndicators: y = !0, showControls: b = !0, controlsPlacement: x = "overlay", loop: S = !0, slidesToShow: C = 1, aspectRatio: w, objectFit: T = "cover", labels: E, className: D, asChild: O, ...k }, A) => {
-	let j = O ? e : "div", { t: M } = t("components"), N = {
+var _ = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >= 1024 && e.lg ? e.lg : t >= 768 && e.md ? e.md : t >= 640 && e.sm ? e.sm : e.base || 1 : 1, v = s(({ children: s, autoPlay: v = !1, interval: y = 5e3, showIndicators: b = !0, showControls: x = !0, controlsPlacement: S = "overlay", loop: C = !0, slidesToShow: w = 1, aspectRatio: T, objectFit: E = "cover", labels: D, className: O, asChild: ee, ...k }, A) => {
+	let j = ee ? e : "div", { t: M } = t("components"), N = {
 		slideLabel: (e) => M("carousel.slide", { number: e }),
 		prevSlide: M("carousel.prev_slide"),
 		nextSlide: M("carousel.next_slide"),
 		goToSlide: (e) => M("carousel.go_to_slide", { number: e }),
-		...E
-	}, P = l(() => ee.Children.toArray(o), [o]), F = P.length, [I, L] = d(typeof window < "u" ? window.innerWidth : 0), [R, z] = d(S ? F : 0), [B, V] = d(!1), [H, U] = d(!1), W = g(C, I), G = u(null), K = u(null), q = u(null), J = u(null);
-	c(() => {
+		...D
+	}, P = u(() => o.Children.toArray(s), [s]), F = P.length, [I, L] = f(typeof window < "u" ? window.innerWidth : 0), [R, z] = f(C ? F : 0), [B, V] = f(!1), [H, U] = f(!1), W = _(w, I), G = d(null), K = d(null), q = d(null), J = d(null);
+	l(() => {
 		let e = () => L(window.innerWidth);
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let Y = l(() => !S || F === 0 ? P : [
+	let Y = u(() => !C || F === 0 ? P : [
 		...P,
 		...P,
 		...P
 	], [
 		P,
-		S,
+		C,
 		F
-	]), X = s(() => {
+	]), X = c(() => {
 		if (!B) {
-			if (!S) {
+			if (!C) {
 				z((e) => Math.min(e + 1, F - W));
 				return;
 			}
@@ -39,27 +39,27 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 		}
 	}, [
 		B,
-		S,
+		C,
 		F,
 		W
-	]), Z = s(() => {
+	]), Z = c(() => {
 		if (!B) {
-			if (!S) {
+			if (!C) {
 				z((e) => Math.max(e - 1, 0));
 				return;
 			}
 			V(!0), z((e) => e - 1);
 		}
-	}, [B, S]), Q = (e) => {
-		B || (S ? (V(!0), z(e + F)) : z(e));
+	}, [B, C]), Q = (e) => {
+		B || (C ? (V(!0), z(e + F)) : z(e));
 	}, te = () => {
-		S && (V(!1), R >= F * 2 ? z(R - F) : R < F && z(R + F));
+		C && (V(!1), R >= F * 2 ? z(R - F) : R < F && z(R + F));
 	};
-	c(() => (_ && !H && F > W && (G.current = window.setInterval(X, v)), () => {
+	l(() => (v && !H && F > W && (G.current = window.setInterval(X, y)), () => {
 		G.current && window.clearInterval(G.current);
 	}), [
-		_,
 		v,
+		y,
 		X,
 		F,
 		W,
@@ -78,9 +78,9 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 	};
 	if (F === 0) return null;
 	let $ = 100 / W, oe = -R * $;
-	return /* @__PURE__ */ h(j, {
+	return /* @__PURE__ */ g(j, {
 		ref: A,
-		className: f("wim-carousel", a.root, x === "outside" && a.controlsOutside, D),
+		className: p("wim-carousel", a.root, S === "outside" && a.controlsOutside, O),
 		onMouseEnter: () => U(!0),
 		onMouseLeave: () => U(!1),
 		onFocus: () => U(!0),
@@ -88,63 +88,63 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 		onKeyDown: ne,
 		tabIndex: 0,
 		role: "region",
-		"aria-roledescription": "carousel",
+		"aria-roledescription": M("carousel.roledescription"),
 		...k,
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: a.viewport,
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ h("div", {
 					ref: K,
-					className: f(a.track, B && a.transition),
+					className: p(a.track, B && a.transition),
 					style: { transform: `translateX(${oe}%)` },
 					onTransitionEnd: te,
 					onTouchStart: re,
 					onTouchMove: ie,
 					onTouchEnd: ae,
-					children: Y.map((e, t) => /* @__PURE__ */ m("div", {
-						className: f(a.item, w && a.hasAspectRatio),
+					children: Y.map((e, t) => /* @__PURE__ */ h("div", {
+						className: p(a.item, T && a.hasAspectRatio),
 						style: {
 							flex: `0 0 ${$}%`,
 							width: `${$}%`,
-							...w ? {
-								aspectRatio: w,
-								"--wim-carousel-object-fit": T
+							...T ? {
+								aspectRatio: T,
+								"--wim-carousel-object-fit": E
 							} : {}
 						},
 						role: "group",
-						"aria-roledescription": "slide",
+						"aria-roledescription": M("carousel.slide_roledescription"),
 						"aria-label": N.slideLabel(t % F + 1),
 						children: e
 					}, t))
 				})
 			}),
-			b && F > W && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
-				className: f(a.control, a.prev),
+			x && F > W && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
+				className: p(a.control, a.prev),
 				onClick: Z,
 				"aria-label": N.prevSlide,
-				disabled: !S && R === 0,
+				disabled: !C && R === 0,
 				tabIndex: -1,
-				children: /* @__PURE__ */ m(i, {
+				children: /* @__PURE__ */ h(i, {
 					component: n,
 					size: "md"
 				})
-			}), /* @__PURE__ */ m("button", {
-				className: f(a.control, a.next),
+			}), /* @__PURE__ */ h("button", {
+				className: p(a.control, a.next),
 				onClick: X,
 				"aria-label": N.nextSlide,
-				disabled: !S && R >= F - W,
+				disabled: !C && R >= F - W,
 				tabIndex: -1,
-				children: /* @__PURE__ */ m(i, {
+				children: /* @__PURE__ */ h(i, {
 					component: r,
 					size: "md"
 				})
 			})] }),
-			y && F > 1 && /* @__PURE__ */ m("div", {
+			b && F > 1 && /* @__PURE__ */ h("div", {
 				className: a.indicators,
 				children: P.map((e, t) => {
-					let n = S ? R % F === t : R === t;
-					return /* @__PURE__ */ m("button", {
-						className: f(a.indicator, n && a.active),
+					let n = C ? R % F === t : R === t;
+					return /* @__PURE__ */ h("button", {
+						className: p(a.indicator, n && a.active),
 						onClick: () => Q(t),
 						"aria-label": N.goToSlide(t + 1),
 						"aria-current": n ? "true" : "false"
@@ -154,6 +154,6 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 		]
 	});
 });
-_.displayName = "Carousel";
+v.displayName = "Carousel";
 //#endregion
-export { _ as Carousel };
+export { v as Carousel };

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("../../../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:ee=!0,backgroundVariant:C=l.BackgroundVariant.Dots,fitView:w=!0,fitViewOptions:T,defaultEdgeOptions:E,className:D,"aria-label":O,...k},A)=>{let{t:j}=t.useWimTranslation(`common`),M=O??j(`nodeGraph.label`),N=j(`nodeGraph.add_node`),P=j(`nodeGraph.node_name`),F=j(`nodeGraph.new_node`),I=j(`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:A,className:(0,s.default)(`wim-node-graph`,a.default.root,D),role:`region`,"aria-label":M,...k,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:w,fitViewOptions:T,defaultEdgeOptions:E,className:a.default.flow,children:[(0,c.jsx)(l.Background,{variant:C,className:a.default.background}),ee&&(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;

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

@@ -8,36 +8,36 @@ 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 { Background as m, BackgroundVariant as h, Controls as ee, MiniMap as te, ReactFlow as ne } from "@xyflow/react";
 //#region src/components/data-display/NodeGraph/NodeGraph.tsx
-var ne = ["Backspace", "Delete"], _ = 180, v = 80;
-function y(e) {
+var re = ["Backspace", "Delete"], g = 180, _ = 80;
+function v(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
+		x: _,
+		y: _
 	};
-	let t = Math.max(...e.map((e) => e.position.x)), n = e[e.length - 1]?.position.y ?? v;
+	let t = Math.max(...e.map((e) => e.position.x)), n = e[e.length - 1]?.position.y ?? _;
 	return {
-		x: t + _,
+		x: t + g,
 		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;
+var b = a.forwardRef(({ nodes: a, edges: g, onNodesChange: _, onEdgesChange: b, onConnect: x, nodeTypes: S, edgeTypes: C, nodesDraggable: w = !0, nodesConnectable: T = !0, deleteKeyCode: E, showMiniMap: ie = !1, showControls: ae = !0, backgroundVariant: D = h.Dots, fitView: O = !0, fitViewOptions: k, defaultEdgeOptions: A, className: j, "aria-label": M, ...N }, P) => {
+	let { t: F } = e("common"), 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 = E === void 0 ? [...re] : E, H = V != null, [U, W] = u(!1), [G, K] = u(""), q = l(null), J = c(() => a.filter((e) => e.selected), [a]), Y = c(() => g.filter((e) => e.selected), [g]), X = J.length > 0 || Y.length > 0, Z = G.trim(), oe = V == null ? void 0 : Array.isArray(V) ? V.join(" ") : V;
 	s(() => {
 		U && q.current?.focus();
 	}, [U]);
 	let Q = o(() => {
-		H && Z && (v([{
+		H && Z && (_([{
 			type: "add",
 			item: {
-				id: y(a),
-				position: b(a),
+				id: v(a),
+				position: y(a),
 				data: { label: Z }
 			}
 		}]), W(!1), K(""));
@@ -45,8 +45,8 @@ var x = a.forwardRef(({ nodes: a, edges: _, onNodesChange: v, onEdgesChange: x,
 		H,
 		Z,
 		a,
-		v
-	]), oe = o(() => {
+		_
+	]), se = o(() => {
 		if (H) {
 			if (!U) {
 				W(!0);
@@ -58,16 +58,16 @@ var x = a.forwardRef(({ nodes: a, edges: _, onNodesChange: v, onEdgesChange: x,
 		H,
 		U,
 		Q
-	]), se = o((e) => {
+	]), ce = o((e) => {
 		e.stopPropagation(), e.key === "Enter" && (e.preventDefault(), Q()), e.key === "Escape" && (e.preventDefault(), W(!1), K(""));
-	}, [Q]), ce = o(() => {
+	}, [Q]), le = o(() => {
 		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) => ({
+		for (let n of g) (e.has(n.source) || e.has(n.target)) && t.add(n.id);
+		t.size > 0 && b([...t].map((e) => ({
 			type: "remove",
 			id: e
-		}))), e.size > 0 && v([...e].map((e) => ({
+		}))), e.size > 0 && _([...e].map((e) => ({
 			type: "remove",
 			id: e
 		})));
@@ -76,40 +76,40 @@ var x = a.forwardRef(({ nodes: a, edges: _, onNodesChange: v, onEdgesChange: x,
 		X,
 		J,
 		Y,
-		_,
-		x,
-		v
+		g,
+		b,
+		_
 	]), $ = o((e) => {
 		e.stopPropagation();
 	}, []);
 	return /* @__PURE__ */ p("div", {
-		ref: F,
-		className: d("wim-node-graph", i.root, M),
+		ref: P,
+		className: d("wim-node-graph", i.root, j),
 		role: "region",
-		"aria-label": N,
-		...P,
-		children: [/* @__PURE__ */ p(te, {
+		"aria-label": I,
+		...N,
+		children: [/* @__PURE__ */ p(ne, {
 			nodes: a,
-			edges: _,
-			onNodesChange: v,
-			onEdgesChange: x,
-			onConnect: S,
-			nodeTypes: C,
-			edgeTypes: w,
-			nodesDraggable: T,
-			nodesConnectable: E,
+			edges: g,
+			onNodesChange: _,
+			onEdgesChange: b,
+			onConnect: x,
+			nodeTypes: S,
+			edgeTypes: C,
+			nodesDraggable: w,
+			nodesConnectable: T,
 			deleteKeyCode: V,
-			fitView: k,
-			fitViewOptions: A,
-			defaultEdgeOptions: j,
+			fitView: O,
+			fitViewOptions: k,
+			defaultEdgeOptions: A,
 			className: i.flow,
 			children: [
 				/* @__PURE__ */ f(m, {
-					variant: O,
+					variant: D,
 					className: i.background
 				}),
-				ie && /* @__PURE__ */ f(g, { className: i.controls }),
-				re && /* @__PURE__ */ f(ee, { className: i.miniMap })
+				ae && /* @__PURE__ */ f(ee, { className: i.controls }),
+				ie && /* @__PURE__ */ f(te, { className: i.miniMap })
 			]
 		}), H && /* @__PURE__ */ p("div", {
 			className: i.tools,
@@ -118,7 +118,7 @@ var x = a.forwardRef(({ nodes: a, edges: _, onNodesChange: v, onEdgesChange: x,
 				className: d("nodrag", "nopan", i.name),
 				value: G,
 				onChange: (e) => K(e.target.value),
-				onKeyDown: se,
+				onKeyDown: ce,
 				onPointerDown: $,
 				onMouseDown: $,
 				"aria-label": R,
@@ -129,7 +129,7 @@ var x = a.forwardRef(({ nodes: a, edges: _, onNodesChange: v, onEdgesChange: x,
 					type: "button",
 					className: d("nodrag", "nopan", i.tool),
 					disabled: U && !Z,
-					onClick: oe,
+					onClick: se,
 					onPointerDown: $,
 					onMouseDown: $,
 					"aria-label": L,
@@ -142,11 +142,11 @@ var x = a.forwardRef(({ nodes: a, edges: _, onNodesChange: v, onEdgesChange: x,
 					type: "button",
 					className: d("nodrag", "nopan", i.tool),
 					disabled: !X,
-					onClick: ce,
+					onClick: le,
 					onPointerDown: $,
 					onMouseDown: $,
 					"aria-label": B,
-					"aria-keyshortcuts": ae,
+					"aria-keyshortcuts": oe,
 					children: [/* @__PURE__ */ f(r, {
 						component: n,
 						size: "sm"
@@ -156,6 +156,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/ScheduleView/ScheduleView.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../../../node_modules/@fullcalendar/core/locales/ja.cjs"),r=require("../../../node_modules/@fullcalendar/core/locales/pt.cjs"),i=require("../../../node_modules/@fullcalendar/core/locales/pt-br.cjs"),a=require("./schedule-view.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("@fullcalendar/react");l=e.__toESM(l,1);let u=require("@fullcalendar/timegrid");u=e.__toESM(u,1);let d=require("@fullcalendar/daygrid");d=e.__toESM(d,1);let f=require("@fullcalendar/interaction");f=e.__toESM(f,1);var p=[n.default,r.default,i.default],m=[u.default,d.default,f.default],h={left:`prev,next today`,center:`title`,right:`dayGridMonth,timeGridWeek,timeGridDay`},g=o.default.forwardRef(({events:e=[],initialView:n=`timeGridWeek`,editable:r=!0,selectable:i=!0,onEventClick:u,onEventDrop:d,onEventChange:f,onDateSelect:g,unselectAuto:_=!0,slotMinTime:v=`08:00:00`,slotMaxTime:y=`20:00:00`,slotDuration:b=`00:30:00`,locale:x=`en`,className:S,"aria-label":C=`Schedule`,...w},T)=>{let E=(0,o.useRef)(null),D=(0,o.useRef)(null),O=t.useMergedRef(T,D);return(0,o.useEffect)(()=>{let e=D.current;if(!e)return;let t=()=>{e.querySelectorAll(`.fc-icon[role="img"]:not([aria-hidden])`).forEach(e=>e.setAttribute(`aria-hidden`,`true`)),e.querySelectorAll(`a.fc-more-link:not([role])`).forEach(e=>e.setAttribute(`role`,`button`)),e.querySelectorAll(`.fc-scroller`).forEach(e=>{let t=e;t.scrollHeight>t.clientHeight+1||t.scrollWidth>t.clientWidth+1?t.setAttribute(`tabindex`,`0`):t.getAttribute(`tabindex`)===`0`&&t.removeAttribute(`tabindex`)})};t();let n=new MutationObserver(t);n.observe(e,{childList:!0,subtree:!0});let r=typeof ResizeObserver>`u`?null:new ResizeObserver(t);return r?.observe(e),()=>{n.disconnect(),r?.disconnect()}},[]),(0,c.jsx)(`div`,{ref:O,className:(0,s.default)(`wim-schedule-view`,a.default.root,S),role:`region`,"aria-label":C,...w,children:(0,c.jsx)(l.default,{ref:E,plugins:m,initialView:n,headerToolbar:h,events:e,editable:r,selectable:i,selectMirror:!0,unselectAuto:_,dayMaxEvents:!0,weekends:!0,slotMinTime:v,slotMaxTime:y,slotDuration:b,locale:x,locales:p,eventColor:`var(--wim-color-primary)`,eventTextColor:`var(--wim-color-text-on-primary)`,eventClick:u,eventDrop:d,eventChange:f,select:g,height:`auto`})})});g.displayName=`ScheduleView`,exports.ScheduleView=g;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("../../../node_modules/@fullcalendar/core/locales/ja.cjs"),i=require("../../../node_modules/@fullcalendar/core/locales/pt.cjs"),a=require("../../../node_modules/@fullcalendar/core/locales/pt-br.cjs"),o=require("./schedule-view.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime"),u=require("@fullcalendar/react");u=e.__toESM(u,1);let d=require("@fullcalendar/timegrid");d=e.__toESM(d,1);let f=require("@fullcalendar/daygrid");f=e.__toESM(f,1);let p=require("@fullcalendar/interaction");p=e.__toESM(p,1);var m=[r.default,i.default,a.default],h=[d.default,f.default,p.default],g={left:`prev,next today`,center:`title`,right:`dayGridMonth,timeGridWeek,timeGridDay`},_=s.default.forwardRef(({events:e=[],initialView:r=`timeGridWeek`,editable:i=!0,selectable:a=!0,onEventClick:d,onEventDrop:f,onEventChange:p,onDateSelect:_,unselectAuto:v=!0,slotMinTime:y=`08:00:00`,slotMaxTime:b=`20:00:00`,slotDuration:x=`00:30:00`,locale:S=`en`,className:C,"aria-label":w,...T},E)=>{let{t:D}=t.useWimTranslation(`common`),O=w??D(`scheduleView.label`),k=(0,s.useRef)(null),A=(0,s.useRef)(null),j=n.useMergedRef(E,A);return(0,s.useEffect)(()=>{let e=A.current;if(!e)return;let t=()=>{e.querySelectorAll(`.fc-icon[role="img"]:not([aria-hidden])`).forEach(e=>e.setAttribute(`aria-hidden`,`true`)),e.querySelectorAll(`a.fc-more-link:not([role])`).forEach(e=>e.setAttribute(`role`,`button`)),e.querySelectorAll(`.fc-scroller`).forEach(e=>{let t=e;t.scrollHeight>t.clientHeight+1||t.scrollWidth>t.clientWidth+1?t.setAttribute(`tabindex`,`0`):t.getAttribute(`tabindex`)===`0`&&t.removeAttribute(`tabindex`)})};t();let n=new MutationObserver(t);n.observe(e,{childList:!0,subtree:!0});let r=typeof ResizeObserver>`u`?null:new ResizeObserver(t);return r?.observe(e),()=>{n.disconnect(),r?.disconnect()}},[]),(0,l.jsx)(`div`,{ref:j,className:(0,c.default)(`wim-schedule-view`,o.default.root,C),role:`region`,"aria-label":O,...T,children:(0,l.jsx)(u.default,{ref:k,plugins:h,initialView:r,headerToolbar:g,events:e,editable:i,selectable:a,selectMirror:!0,unselectAuto:v,dayMaxEvents:!0,weekends:!0,slotMinTime:y,slotMaxTime:b,slotDuration:x,locale:S,locales:m,eventColor:`var(--wim-color-primary)`,eventTextColor:`var(--wim-color-text-on-primary)`,eventClick:d,eventDrop:f,eventChange:p,select:_,height:`auto`})})});_.displayName=`ScheduleView`,exports.ScheduleView=_;

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

@@ -1,33 +1,34 @@
 "use client";
-import { useMergedRef as e } from "../../../hooks/useMergedRef.js";
-import t from "../../../node_modules/@fullcalendar/core/locales/ja.js";
-import n from "../../../node_modules/@fullcalendar/core/locales/pt.js";
-import r from "../../../node_modules/@fullcalendar/core/locales/pt-br.js";
-import i from "./schedule-view.module.js";
-import a, { useEffect as o, useRef as s } from "react";
-import c from "classnames";
-import { jsx as l } from "react/jsx-runtime";
-import u from "@fullcalendar/react";
-import d from "@fullcalendar/timegrid";
-import f from "@fullcalendar/daygrid";
-import p from "@fullcalendar/interaction";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { useMergedRef as t } from "../../../hooks/useMergedRef.js";
+import n from "../../../node_modules/@fullcalendar/core/locales/ja.js";
+import r from "../../../node_modules/@fullcalendar/core/locales/pt.js";
+import i from "../../../node_modules/@fullcalendar/core/locales/pt-br.js";
+import a from "./schedule-view.module.js";
+import o, { useEffect as s, useRef as c } from "react";
+import l from "classnames";
+import { jsx as u } from "react/jsx-runtime";
+import d from "@fullcalendar/react";
+import f from "@fullcalendar/timegrid";
+import p from "@fullcalendar/daygrid";
+import m from "@fullcalendar/interaction";
 //#region src/components/data-display/ScheduleView/ScheduleView.tsx
-var m = [
-	t,
+var h = [
 	n,
-	r
-], h = [
-	d,
+	r,
+	i
+], g = [
 	f,
-	p
-], g = {
+	p,
+	m
+], _ = {
 	left: "prev,next today",
 	center: "title",
 	right: "dayGridMonth,timeGridWeek,timeGridDay"
-}, _ = a.forwardRef(({ events: t = [], initialView: n = "timeGridWeek", editable: r = !0, selectable: a = !0, onEventClick: d, onEventDrop: f, onEventChange: p, onDateSelect: _, unselectAuto: v = !0, slotMinTime: y = "08:00:00", slotMaxTime: b = "20:00:00", slotDuration: x = "00:30:00", locale: S = "en", className: C, "aria-label": w = "Schedule", ...T }, E) => {
-	let D = s(null), O = s(null), k = e(E, O);
-	return o(() => {
-		let e = O.current;
+}, v = o.forwardRef(({ events: n = [], initialView: r = "timeGridWeek", editable: i = !0, selectable: o = !0, onEventClick: f, onEventDrop: p, onEventChange: m, onDateSelect: v, unselectAuto: y = !0, slotMinTime: b = "08:00:00", slotMaxTime: x = "20:00:00", slotDuration: S = "00:30:00", locale: C = "en", className: w, "aria-label": T, ...E }, D) => {
+	let { t: O } = e("common"), k = T ?? O("scheduleView.label"), A = c(null), j = c(null), M = t(D, j);
+	return s(() => {
+		let e = j.current;
 		if (!e) return;
 		let t = () => {
 			e.querySelectorAll(".fc-icon[role=\"img\"]:not([aria-hidden])").forEach((e) => e.setAttribute("aria-hidden", "true")), e.querySelectorAll("a.fc-more-link:not([role])").forEach((e) => e.setAttribute("role", "button")), e.querySelectorAll(".fc-scroller").forEach((e) => {
@@ -45,39 +46,39 @@ var m = [
 		return r?.observe(e), () => {
 			n.disconnect(), r?.disconnect();
 		};
-	}, []), /* @__PURE__ */ l("div", {
-		ref: k,
-		className: c("wim-schedule-view", i.root, C),
+	}, []), /* @__PURE__ */ u("div", {
+		ref: M,
+		className: l("wim-schedule-view", a.root, w),
 		role: "region",
-		"aria-label": w,
-		...T,
-		children: /* @__PURE__ */ l(u, {
-			ref: D,
-			plugins: h,
-			initialView: n,
-			headerToolbar: g,
-			events: t,
-			editable: r,
-			selectable: a,
+		"aria-label": k,
+		...E,
+		children: /* @__PURE__ */ u(d, {
+			ref: A,
+			plugins: g,
+			initialView: r,
+			headerToolbar: _,
+			events: n,
+			editable: i,
+			selectable: o,
 			selectMirror: !0,
-			unselectAuto: v,
+			unselectAuto: y,
 			dayMaxEvents: !0,
 			weekends: !0,
-			slotMinTime: y,
-			slotMaxTime: b,
-			slotDuration: x,
-			locale: S,
-			locales: m,
+			slotMinTime: b,
+			slotMaxTime: x,
+			slotDuration: S,
+			locale: C,
+			locales: h,
 			eventColor: "var(--wim-color-primary)",
 			eventTextColor: "var(--wim-color-text-on-primary)",
-			eventClick: d,
-			eventDrop: f,
-			eventChange: p,
-			select: _,
+			eventClick: f,
+			eventDrop: p,
+			eventChange: m,
+			select: v,
 			height: "auto"
 		})
 	});
 });
-_.displayName = "ScheduleView";
+v.displayName = "ScheduleView";
 //#endregion
-export { _ as ScheduleView };
+export { v as ScheduleView };

package/dist/components/feedback/Tour/Tour.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../overlay/Portal/Portal.cjs"),r=require("../../form/Button/Button.cjs"),i=require("./tour.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=16;function l(e){let t=getComputedStyle(e);return`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`}async function u(e){let t=document.fonts;if(t&&typeof t.load==`function`){try{await t.load(l(e))}catch{}for(;t.status===`loading`;)await new Promise(e=>{t.addEventListener(`loadingdone`,()=>e(),{once:!0})})}}function d(e){let t=document.fonts;return!t||typeof t.load!=`function`?!1:t.status===`loading`||typeof t.check==`function`&&!t.check(l(e))}function f(e,t){return Math.round(e.top)===Math.round(t.top)&&Math.round(e.left)===Math.round(t.left)&&Math.round(e.width)===Math.round(t.width)&&Math.round(e.height)===Math.round(t.height)}function p(e){return e.top>=c&&e.bottom<=window.innerHeight-c&&e.left>=c&&e.right<=window.innerWidth-c}var m=({steps:e,open:c,onClose:l,onFinish:m})=>{let{t:h}=t.useWimTranslation(`common`),[g,_]=(0,a.useState)(0),[v,y]=(0,a.useState)(null),b=e[g],x=b?.target;if((0,a.useLayoutEffect)(()=>{if(!c||!x){y(null);return}let e=!1,t=t=>{e||y(e=>t?e&&f(e,t)?e:t:null)},n=()=>{let e=document.querySelector(x);if(!e){t(null);return}p(e.getBoundingClientRect())||e.scrollIntoView({block:`center`,inline:`nearest`}),t(e.getBoundingClientRect())},r=()=>{let e=document.querySelector(x);t(e?e.getBoundingClientRect():null)},i=()=>{window.addEventListener(`resize`,r),window.addEventListener(`scroll`,r,!0)},a=async()=>{let t=document.querySelector(x);t&&await u(t),!e&&(n(),i())},o=document.querySelector(x);return o&&d(o)?a():(n(),i()),()=>{e=!0,window.removeEventListener(`resize`,r),window.removeEventListener(`scroll`,r,!0)}},[c,g,x]),!c||!b)return null;let S=()=>{g<e.length-1?_(g+1):(m?m():l(),_(0))},C=()=>{g>0&&_(g-1)},w={},T=b.placement||`bottom`;if(v){let e=window.innerWidth,t=Math.min(300,e-32),n=T;if(e<640&&(n===`left`||n===`right`)&&(n=`bottom`),T=n,n===`top`||n===`bottom`){let r=v.left+v.width/2,i=t/2+16,a=e-t/2-16;r=i>a?e/2:Math.max(i,Math.min(a,r)),w.left=r,n===`top`?(w.top=v.top-12,w.transform=`translate(-50%, -100%)`):(w.top=v.bottom+12,w.transform=`translateX(-50%)`)}else n===`left`?(w.left=v.left-12,w.top=v.top+v.height/2,w.transform=`translate(-100%, -50%)`):n===`right`&&(w.left=v.right+12,w.top=v.top+v.height/2,w.transform=`translateY(-50%)`)}return(0,s.jsxs)(n.Portal,{children:[(0,s.jsx)(`div`,{className:i.default.mask,onClick:l,role:`button`,tabIndex:0,"aria-label":h(`a11y.close_tour`),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&l()}}),v&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`div`,{className:i.default.highlight,style:{top:v.top-4,left:v.left-4,width:v.width+8,height:v.height+8}}),(0,s.jsx)(`div`,{className:(0,o.default)(`wim-tour`,i.default.bubble),"data-placement":T,style:w,children:(0,s.jsxs)(`div`,{className:i.default.inner,children:[(0,s.jsx)(`h3`,{className:i.default.title,children:b.title}),(0,s.jsx)(`p`,{className:i.default.description,children:b.description}),(0,s.jsxs)(`div`,{className:i.default.footer,children:[(0,s.jsxs)(`span`,{className:i.default.progress,children:[g+1,` / `,e.length]}),(0,s.jsxs)(`div`,{className:i.default.buttons,children:[g>0&&(0,s.jsx)(r.Button,{size:`sm`,variant:`outline`,onClick:C,children:h(`action.back`)}),(0,s.jsx)(r.Button,{size:`sm`,variant:`solid`,onClick:S,children:g===e.length-1?h(`action.finish`):h(`action.next`)})]})]})]})})]})]})};exports.Tour=m;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../overlay/Portal/Portal.cjs"),r=require("../../overlay/FocusTrap/FocusTrap.cjs"),i=require("../../form/Button/Button.cjs"),a=require("./tour.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");var l=16;function u(e){let t=getComputedStyle(e);return`${t.fontWeight} ${t.fontSize} ${t.fontFamily}`}async function d(e){let t=document.fonts;if(t&&typeof t.load==`function`){try{await t.load(u(e))}catch{}for(;t.status===`loading`;)await new Promise(e=>{t.addEventListener(`loadingdone`,()=>e(),{once:!0})})}}function f(e){let t=document.fonts;return!t||typeof t.load!=`function`?!1:t.status===`loading`||typeof t.check==`function`&&!t.check(u(e))}function p(e,t){return Math.round(e.top)===Math.round(t.top)&&Math.round(e.left)===Math.round(t.left)&&Math.round(e.width)===Math.round(t.width)&&Math.round(e.height)===Math.round(t.height)}function m(e){return e.top>=l&&e.bottom<=window.innerHeight-l&&e.left>=l&&e.right<=window.innerWidth-l}var h=({steps:e,open:l,onClose:u,onFinish:h})=>{let{t:g}=t.useWimTranslation(`common`),[_,v]=(0,o.useState)(0),[y,b]=(0,o.useState)(null),x=e[_],S=x?.target;(0,o.useLayoutEffect)(()=>{if(!l||!S){b(null);return}let e=!1,t=t=>{e||b(e=>t?e&&p(e,t)?e:t:null)},n=()=>{let e=document.querySelector(S);if(!e){t(null);return}m(e.getBoundingClientRect())||e.scrollIntoView({block:`center`,inline:`nearest`}),t(e.getBoundingClientRect())},r=()=>{let e=document.querySelector(S);t(e?e.getBoundingClientRect():null)},i=()=>{window.addEventListener(`resize`,r),window.addEventListener(`scroll`,r,!0)},a=async()=>{let t=document.querySelector(S);t&&await d(t),!e&&(n(),i())},o=document.querySelector(S);return o&&f(o)?a():(n(),i()),()=>{e=!0,window.removeEventListener(`resize`,r),window.removeEventListener(`scroll`,r,!0)}},[l,_,S]);let C=(0,o.useId)(),w=(0,o.useRef)(null),T=(0,o.useRef)(null),E=l&&!!x&&!!y;if((0,o.useEffect)(()=>{if(!E)return;let e=w.current;e&&!e.contains(document.activeElement)&&T.current?.focus()},[E,_]),(0,o.useEffect)(()=>{if(!l)return;let e=e=>{e.key===`Escape`&&(e.preventDefault(),u())};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[l,u]),!l||!x)return null;let D=()=>{_<e.length-1?v(_+1):(h?h():u(),v(0))},O=()=>{_>0&&v(_-1)},k={},A=x.placement||`bottom`;if(y){let e=window.innerWidth,t=Math.min(300,e-32),n=A;if(e<640&&(n===`left`||n===`right`)&&(n=`bottom`),A=n,n===`top`||n===`bottom`){let r=y.left+y.width/2,i=t/2+16,a=e-t/2-16;r=i>a?e/2:Math.max(i,Math.min(a,r)),k.left=r,n===`top`?(k.top=y.top-12,k.transform=`translate(-50%, -100%)`):(k.top=y.bottom+12,k.transform=`translateX(-50%)`)}else n===`left`?(k.left=y.left-12,k.top=y.top+y.height/2,k.transform=`translate(-100%, -50%)`):n===`right`&&(k.left=y.right+12,k.top=y.top+y.height/2,k.transform=`translateY(-50%)`)}return(0,c.jsx)(n.Portal,{children:(0,c.jsx)(r.FocusTrap,{initialFocus:!1,children:(0,c.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":x.title,"aria-describedby":y?C:void 0,children:[y&&(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`div`,{className:a.default.highlight,style:{top:y.top-4,left:y.left-4,width:y.width+8,height:y.height+8}}),(0,c.jsx)(`div`,{ref:w,className:(0,s.default)(`wim-tour`,a.default.bubble),"data-placement":A,style:k,children:(0,c.jsxs)(`div`,{className:a.default.inner,children:[(0,c.jsx)(`h3`,{className:a.default.title,children:x.title}),(0,c.jsx)(`p`,{id:C,className:a.default.description,children:x.description}),(0,c.jsxs)(`div`,{className:a.default.footer,children:[(0,c.jsxs)(`span`,{className:a.default.progress,children:[_+1,` / `,e.length]}),(0,c.jsxs)(`div`,{className:a.default.buttons,children:[_>0&&(0,c.jsx)(i.Button,{size:`sm`,variant:`outline`,onClick:O,children:g(`action.back`)}),(0,c.jsx)(i.Button,{ref:T,size:`sm`,variant:`solid`,onClick:D,children:_===e.length-1?g(`action.finish`):g(`action.next`)})]})]})]})})]}),(0,c.jsx)(`div`,{className:a.default.mask,onClick:u,role:`button`,tabIndex:0,"aria-label":g(`a11y.close_tour`),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&u()}})]})})})};exports.Tour=h;