wimui 0.23.13 → 0.23.14

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../overlay/Portal/Portal.cjs"),n=require("../../form/Button/Button.cjs"),r=require("./tour.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=({steps:e,open:s,onClose:c,onFinish:l})=>{let[u,d]=(0,i.useState)(0),[f,p]=(0,i.useState)(null),m=e[u];if((0,i.useEffect)(()=>{if(s&&m){let e=()=>{let e=document.querySelector(m.target);e?(p(e.getBoundingClientRect()),e.scrollIntoView({behavior:`smooth`,block:`center`})):p(null)};e();let t=setTimeout(e,100);return()=>clearTimeout(t)}else p(null)},[s,u,m]),(0,i.useEffect)(()=>{let e=()=>{if(s&&m){let e=document.querySelector(m.target);e&&p(e.getBoundingClientRect())}};return window.addEventListener(`resize`,e),window.addEventListener(`scroll`,e),()=>{window.removeEventListener(`resize`,e),window.removeEventListener(`scroll`,e)}},[s,m]),!s||!m)return null;let h=()=>{u<e.length-1?d(u+1):(l?l():c(),d(0))},g=()=>{u>0&&d(u-1)},_={},v=m.placement||`bottom`;if(f){let e=window.innerWidth,t=Math.min(300,e-32),n=v;if(e<640&&(n===`left`||n===`right`)&&(n=`bottom`),v=n,n===`top`||n===`bottom`){let r=f.left+f.width/2,i=t/2+16,a=e-t/2-16;r=i>a?e/2:Math.max(i,Math.min(a,r)),_.left=r,n===`top`?(_.top=f.top-12,_.transform=`translate(-50%, -100%)`):(_.top=f.bottom+12,_.transform=`translateX(-50%)`)}else n===`left`?(_.left=f.left-12,_.top=f.top+f.height/2,_.transform=`translate(-100%, -50%)`):n===`right`&&(_.left=f.right+12,_.top=f.top+f.height/2,_.transform=`translateY(-50%)`)}return(0,o.jsxs)(t.Portal,{children:[(0,o.jsx)(`div`,{className:r.default.mask,onClick:c,role:`button`,tabIndex:0,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&c()}}),f&&(0,o.jsx)(`div`,{className:r.default.highlight,style:{top:f.top-4,left:f.left-4,width:f.width+8,height:f.height+8}}),(0,o.jsx)(`div`,{className:(0,a.default)(`wim-tour`,r.default.bubble),"data-placement":v,style:_,children:(0,o.jsxs)(`div`,{className:r.default.inner,children:[(0,o.jsx)(`h3`,{className:r.default.title,children:m.title}),(0,o.jsx)(`p`,{className:r.default.description,children:m.description}),(0,o.jsxs)(`div`,{className:r.default.footer,children:[(0,o.jsxs)(`span`,{className:r.default.progress,children:[u+1,` / `,e.length]}),(0,o.jsxs)(`div`,{className:r.default.buttons,children:[u>0&&(0,o.jsx)(n.Button,{size:`sm`,variant:`outline`,onClick:g,children:`Back`}),(0,o.jsx)(n.Button,{size:`sm`,variant:`solid`,onClick:h,children:u===e.length-1?`Finish`:`Next`})]})]})]})})]})};exports.Tour=s;
+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`?!0: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;

package/dist/components/feedback/Tour/Tour.js

@@ -1,115 +1,145 @@
 "use client";
-import { Portal as e } from "../../overlay/Portal/Portal.js";
-import { Button as t } from "../../form/Button/Button.js";
-import n from "./tour.module.js";
-import { useEffect as r, useState as i } from "react";
-import a from "classnames";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { Portal as t } from "../../overlay/Portal/Portal.js";
+import { Button as n } from "../../form/Button/Button.js";
+import r from "./tour.module.js";
+import { useLayoutEffect as i, useState as a } from "react";
+import o from "classnames";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/feedback/Tour/Tour.tsx
-var c = ({ steps: c, open: l, onClose: u, onFinish: d }) => {
-	let [f, p] = i(0), [m, h] = i(null), g = c[f];
-	if (r(() => {
-		if (l && g) {
-			let e = () => {
-				let e = document.querySelector(g.target);
-				e ? (h(e.getBoundingClientRect()), e.scrollIntoView({
-					behavior: "smooth",
-					block: "center"
-				})) : h(null);
-			};
-			e();
-			let t = setTimeout(e, 100);
-			return () => clearTimeout(t);
-		} else h(null);
-	}, [
-		l,
-		f,
-		g
-	]), r(() => {
-		let e = () => {
-			if (l && g) {
-				let e = document.querySelector(g.target);
-				e && h(e.getBoundingClientRect());
+var u = 16;
+function d(e) {
+	let t = getComputedStyle(e);
+	return `${t.fontWeight} ${t.fontSize} ${t.fontFamily}`;
+}
+async function f(e) {
+	let t = document.fonts;
+	if (!(!t || typeof t.load != "function")) {
+		try {
+			await t.load(d(e));
+		} catch {}
+		for (; t.status === "loading";) await new Promise((e) => {
+			t.addEventListener("loadingdone", () => e(), { once: !0 });
+		});
+	}
+}
+function p(e) {
+	let t = document.fonts;
+	return !t || typeof t.load != "function" ? !1 : t.status === "loading" ? !0 : typeof t.check == "function" && !t.check(d(e));
+}
+function m(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 h(e) {
+	return e.top >= u && e.bottom <= window.innerHeight - u && e.left >= u && e.right <= window.innerWidth - u;
+}
+var g = ({ steps: u, open: d, onClose: g, onFinish: _ }) => {
+	let { t: v } = e("common"), [y, b] = a(0), [x, S] = a(null), C = u[y], w = C?.target;
+	if (i(() => {
+		if (!d || !w) {
+			S(null);
+			return;
+		}
+		let e = !1, t = (t) => {
+			e || S((e) => t ? e && m(e, t) ? e : t : null);
+		}, n = () => {
+			let e = document.querySelector(w);
+			if (!e) {
+				t(null);
+				return;
 			}
+			h(e.getBoundingClientRect()) || e.scrollIntoView({
+				block: "center",
+				inline: "nearest"
+			}), t(e.getBoundingClientRect());
+		}, r = () => {
+			let e = document.querySelector(w);
+			t(e ? e.getBoundingClientRect() : null);
+		}, i = () => {
+			window.addEventListener("resize", r), window.addEventListener("scroll", r, !0);
+		}, a = async () => {
+			let t = document.querySelector(w);
+			t && await f(t), !e && (n(), i());
+		}, o = document.querySelector(w);
+		return o && p(o) ? a() : (n(), i()), () => {
+			e = !0, window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
 		};
-		return window.addEventListener("resize", e), window.addEventListener("scroll", e), () => {
-			window.removeEventListener("resize", e), window.removeEventListener("scroll", e);
-		};
-	}, [l, g]), !l || !g) return null;
-	let _ = () => {
-		f < c.length - 1 ? p(f + 1) : (d ? d() : u(), p(0));
-	}, v = () => {
-		f > 0 && p(f - 1);
-	}, y = {}, b = g.placement || "bottom";
-	if (m) {
-		let e = window.innerWidth, t = Math.min(300, e - 32), n = b;
-		if (e < 640 && (n === "left" || n === "right") && (n = "bottom"), b = n, n === "top" || n === "bottom") {
-			let r = m.left + m.width / 2, i = t / 2 + 16, a = e - t / 2 - 16;
-			r = i > a ? e / 2 : Math.max(i, Math.min(a, r)), y.left = r, n === "top" ? (y.top = m.top - 12, y.transform = "translate(-50%, -100%)") : (y.top = m.bottom + 12, y.transform = "translateX(-50%)");
-		} else n === "left" ? (y.left = m.left - 12, y.top = m.top + m.height / 2, y.transform = "translate(-100%, -50%)") : n === "right" && (y.left = m.right + 12, y.top = m.top + m.height / 2, y.transform = "translateY(-50%)");
+	}, [
+		d,
+		y,
+		w
+	]), !d || !C) return null;
+	let T = () => {
+		y < u.length - 1 ? b(y + 1) : (_ ? _() : g(), b(0));
+	}, E = () => {
+		y > 0 && b(y - 1);
+	}, D = {}, O = C.placement || "bottom";
+	if (x) {
+		let e = window.innerWidth, t = Math.min(300, e - 32), n = O;
+		if (e < 640 && (n === "left" || n === "right") && (n = "bottom"), O = n, n === "top" || n === "bottom") {
+			let r = x.left + x.width / 2, i = t / 2 + 16, a = e - t / 2 - 16;
+			r = i > a ? e / 2 : Math.max(i, Math.min(a, r)), D.left = r, n === "top" ? (D.top = x.top - 12, D.transform = "translate(-50%, -100%)") : (D.top = x.bottom + 12, D.transform = "translateX(-50%)");
+		} else n === "left" ? (D.left = x.left - 12, D.top = x.top + x.height / 2, D.transform = "translate(-100%, -50%)") : n === "right" && (D.left = x.right + 12, D.top = x.top + x.height / 2, D.transform = "translateY(-50%)");
 	}
-	return /* @__PURE__ */ s(e, { children: [
-		/* @__PURE__ */ o("div", {
-			className: n.mask,
-			onClick: u,
-			role: "button",
-			tabIndex: 0,
-			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && u();
-			}
-		}),
-		m && /* @__PURE__ */ o("div", {
-			className: n.highlight,
-			style: {
-				top: m.top - 4,
-				left: m.left - 4,
-				width: m.width + 8,
-				height: m.height + 8
-			}
-		}),
-		/* @__PURE__ */ o("div", {
-			className: a("wim-tour", n.bubble),
-			"data-placement": b,
-			style: y,
-			children: /* @__PURE__ */ s("div", {
-				className: n.inner,
-				children: [
-					/* @__PURE__ */ o("h3", {
-						className: n.title,
-						children: g.title
-					}),
-					/* @__PURE__ */ o("p", {
-						className: n.description,
-						children: g.description
-					}),
-					/* @__PURE__ */ s("div", {
-						className: n.footer,
-						children: [/* @__PURE__ */ s("span", {
-							className: n.progress,
-							children: [
-								f + 1,
-								" / ",
-								c.length
-							]
-						}), /* @__PURE__ */ s("div", {
-							className: n.buttons,
-							children: [f > 0 && /* @__PURE__ */ o(t, {
-								size: "sm",
-								variant: "outline",
-								onClick: v,
-								children: "Back"
-							}), /* @__PURE__ */ o(t, {
-								size: "sm",
-								variant: "solid",
-								onClick: _,
-								children: f === c.length - 1 ? "Finish" : "Next"
-							})]
+	return /* @__PURE__ */ l(t, { children: [/* @__PURE__ */ c("div", {
+		className: r.mask,
+		onClick: g,
+		role: "button",
+		tabIndex: 0,
+		"aria-label": v("a11y.close_tour"),
+		onKeyDown: (e) => {
+			(e.key === "Enter" || e.key === " ") && g();
+		}
+	}), x && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
+		className: r.highlight,
+		style: {
+			top: x.top - 4,
+			left: x.left - 4,
+			width: x.width + 8,
+			height: x.height + 8
+		}
+	}), /* @__PURE__ */ c("div", {
+		className: o("wim-tour", r.bubble),
+		"data-placement": O,
+		style: D,
+		children: /* @__PURE__ */ l("div", {
+			className: r.inner,
+			children: [
+				/* @__PURE__ */ c("h3", {
+					className: r.title,
+					children: C.title
+				}),
+				/* @__PURE__ */ c("p", {
+					className: r.description,
+					children: C.description
+				}),
+				/* @__PURE__ */ l("div", {
+					className: r.footer,
+					children: [/* @__PURE__ */ l("span", {
+						className: r.progress,
+						children: [
+							y + 1,
+							" / ",
+							u.length
+						]
+					}), /* @__PURE__ */ l("div", {
+						className: r.buttons,
+						children: [y > 0 && /* @__PURE__ */ c(n, {
+							size: "sm",
+							variant: "outline",
+							onClick: E,
+							children: v("action.back")
+						}), /* @__PURE__ */ c(n, {
+							size: "sm",
+							variant: "solid",
+							onClick: T,
+							children: y === u.length - 1 ? v("action.finish") : v("action.next")
 						})]
-					})
-				]
-			})
+					})]
+				})
+			]
 		})
-	] });
+	})] })] });
 };
 //#endregion
-export { c as Tour };
+export { g as Tour };

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

@@ -1,2 +1,2 @@
 "use client";
-var e=`_mask_16kde_3`,t=`_highlight_16kde_12`,n=`_bubble_16kde_20`,r=`_inner_16kde_31`,i=`_title_16kde_34`,a=`_description_16kde_39`,o=`_footer_16kde_44`,s=`_progress_16kde_49`,c=`_buttons_16kde_53`,l={mask:e,highlight:t,bubble:n,inner:r,title:i,description:a,footer:o,progress:s,buttons:c};exports.bubble=n,exports.buttons=c,exports.default=l,exports.description=a,exports.footer=o,exports.highlight=t,exports.inner=r,exports.mask=e,exports.progress=s,exports.title=i;
+var e=`_mask_v8tqh_3`,t=`_highlight_v8tqh_9`,n=`_bubble_v8tqh_17`,r=`_inner_v8tqh_27`,i=`_title_v8tqh_30`,a=`_description_v8tqh_35`,o=`_footer_v8tqh_40`,s=`_progress_v8tqh_45`,c=`_buttons_v8tqh_49`,l={mask:e,highlight:t,bubble:n,inner:r,title:i,description:a,footer:o,progress:s,buttons:c};exports.bubble=n,exports.buttons=c,exports.default=l,exports.description=a,exports.footer=o,exports.highlight=t,exports.inner=r,exports.mask=e,exports.progress=s,exports.title=i;

package/dist/components/feedback/Tour/tour.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/feedback/Tour/tour.module.scss
-var e = "_mask_16kde_3", t = "_highlight_16kde_12", n = "_bubble_16kde_20", r = "_inner_16kde_31", i = "_title_16kde_34", a = "_description_16kde_39", o = "_footer_16kde_44", s = "_progress_16kde_49", c = "_buttons_16kde_53", l = {
+var e = "_mask_v8tqh_3", t = "_highlight_v8tqh_9", n = "_bubble_v8tqh_17", r = "_inner_v8tqh_27", i = "_title_v8tqh_30", a = "_description_v8tqh_35", o = "_footer_v8tqh_40", s = "_progress_v8tqh_45", c = "_buttons_v8tqh_49", l = {
 	mask: e,
 	highlight: t,
 	bubble: n,

package/dist/components/layout/Footer/Footer.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./footer.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,bordered:a,fluid:o,background:s=`surface`,...c},l)=>(0,i.jsx)(`footer`,{ref:l,className:(0,r.default)(`wim-footer`,t.default.root,a&&t.default.bordered,s&&t.default[`bg-${s}`],e),"data-bordered":a,...c,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,o&&t.default.fluid),children:n})}));a.displayName=`Footer`;var o=n.default.forwardRef(({className:e,children:n,title:a,...o},s)=>(0,i.jsxs)(`div`,{ref:s,className:(0,r.default)(t.default.section,e),...o,children:[a&&(0,i.jsx)(`h4`,{className:t.default.sectionTitle,children:a}),(0,i.jsx)(`div`,{className:t.default.sectionContent,children:n})]}));o.displayName=`Footer.Section`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.bottom,e),...a,children:n}));s.displayName=`Footer.Bottom`;var c=Object.assign(a,{Section:o,Bottom:s});exports.Footer=c,exports.default=c,exports.FooterBottom=s,exports.FooterSection=o;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("./footer.module.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("classnames");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a=n.default.forwardRef(({className:e,children:n,bordered:a,fluid:o,background:s=`surface`,...c},l)=>(0,i.jsx)(`footer`,{ref:l,className:(0,r.default)(`wim-footer`,t.default.root,a&&t.default.bordered,s&&t.default[`bg-${s}`],e),"data-bordered":a,...c,children:(0,i.jsx)(`div`,{className:(0,r.default)(t.default.container,o&&t.default.fluid),children:n})}));a.displayName=`Footer`;var o=n.default.forwardRef(({className:e,children:n,title:a,...o},s)=>(0,i.jsxs)(`div`,{ref:s,className:(0,r.default)(t.default.section,e),...o,children:[a&&(0,i.jsx)(`p`,{className:t.default.sectionTitle,children:a}),(0,i.jsx)(`div`,{className:t.default.sectionContent,children:n})]}));o.displayName=`Footer.Section`;var s=n.default.forwardRef(({className:e,children:n,...a},o)=>(0,i.jsx)(`div`,{ref:o,className:(0,r.default)(t.default.bottom,e),...a,children:n}));s.displayName=`Footer.Bottom`;var c=Object.assign(a,{Section:o,Bottom:s});exports.Footer=c,exports.default=c,exports.FooterBottom=s,exports.FooterSection=o;

package/dist/components/layout/Footer/Footer.js

@@ -19,7 +19,7 @@ var o = t.forwardRef(({ className: t, children: a, title: o, ...s }, c) => /* @_
 	ref: c,
 	className: n(e.section, t),
 	...s,
-	children: [o && /* @__PURE__ */ r("h4", {
+	children: [o && /* @__PURE__ */ r("p", {
 		className: e.sectionTitle,
 		children: o
 	}), /* @__PURE__ */ r("div", {