wimui 0.51.0 → 0.51.2

package/dist/components/media/Video/components/VideoAdvancedMenu.js

@@ -1,14 +1,15 @@
 "use client";
-import e from "../../../../icon/check.js";
-import t from "../../../../icon/chevron-left.js";
-import n from "../../../../icon/chevron-right.js";
-import r from "../../../../icon/close.js";
-import i from "../../../../icon/play.js";
-import { Icon as a } from "../../Icon/Icon.js";
+import { useWimTranslation as e } from "../../../../i18n/useWimTranslation.js";
+import t from "../../../../icon/check.js";
+import n from "../../../../icon/chevron-left.js";
+import r from "../../../../icon/chevron-right.js";
+import i from "../../../../icon/close.js";
+import a from "../../../../icon/play.js";
+import { Icon as o } from "../../Icon/Icon.js";
 import "react";
-import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/media/Video/components/VideoAdvancedMenu.tsx
-var l = [
+var u = [
 	.25,
 	.5,
 	.75,
@@ -17,81 +18,81 @@ var l = [
 	1.5,
 	1.75,
 	2
-], u = [
+], d = [
 	"contain",
 	"cover",
 	"fill",
 	"scale-down",
 	"none"
 ];
-function d({ activeMenu: d, setActiveMenu: f, qualities: p, currentQualityIndex: m, handleQualityChange: h, playbackRate: g, setPlaybackRate: _, activeFit: v, setActiveFit: y, playlist: b, currentPlayIndex: x, playPlaylistItem: S, labels: C = {}, styles: w }) {
-	let { settings: T = "Settings", quality: E = "Quality", playbackRate: D = "Playback Speed", aspectRatio: O = "Aspect Ratio", standard: k = "Standard", playlist: A = "Playlist", contain: j = "Contain", cover: M = "Cover", fill: N = "Fill", scaleDown: P = "Scale Down", none: F = "None" } = C;
-	if (!d) return null;
-	let I = (e) => {
+function f({ activeMenu: f, setActiveMenu: p, qualities: m, currentQualityIndex: h, handleQualityChange: g, playbackRate: _, setPlaybackRate: v, activeFit: y, setActiveFit: b, playlist: x, currentPlayIndex: S, playPlaylistItem: C, labels: w = {}, styles: T }) {
+	let { t: E } = e("common"), { settings: D = E("a11y.settings"), quality: O = E("quality"), playbackRate: k = E("playback.speed"), aspectRatio: A = E("aspect.ratio"), standard: j = E("standard"), playlist: M = E("a11y.playlist"), contain: N = E("video.fit_contain"), cover: P = E("video.fit_cover"), fill: F = E("video.fit_fill"), scaleDown: I = E("video.fit_scale_down"), none: L = E("common.none") } = w;
+	if (!f) return null;
+	let R = (e) => {
 		switch (e) {
-			case "contain": return j;
-			case "cover": return M;
-			case "fill": return N;
-			case "scale-down": return P;
-			case "none": return F;
+			case "contain": return N;
+			case "cover": return P;
+			case "fill": return F;
+			case "scale-down": return I;
+			case "none": return L;
 			default: return e;
 		}
 	};
-	return /* @__PURE__ */ c(o, { children: [
-		d === "main" && /* @__PURE__ */ c("div", {
-			className: w.advancedMenu,
+	return /* @__PURE__ */ l(s, { children: [
+		f === "main" && /* @__PURE__ */ l("div", {
+			className: T.advancedMenu,
 			onClick: (e) => e.stopPropagation(),
 			onKeyDown: (e) => {
-				e.key === "Escape" && f(null);
+				e.key === "Escape" && p(null);
 			},
 			role: "menu",
 			tabIndex: -1,
-			children: [/* @__PURE__ */ s("div", {
-				className: w.menuTitle,
-				children: /* @__PURE__ */ s("span", { children: T })
-			}), /* @__PURE__ */ c("div", {
-				className: w.menuItems,
+			children: [/* @__PURE__ */ c("div", {
+				className: T.menuTitle,
+				children: /* @__PURE__ */ c("span", { children: D })
+			}), /* @__PURE__ */ l("div", {
+				className: T.menuItems,
 				children: [
-					p && p.length > 0 && /* @__PURE__ */ c("button", {
-						className: w.menuBtn,
-						onClick: () => f("quality"),
-						children: [/* @__PURE__ */ s("span", { children: E }), /* @__PURE__ */ c("span", {
+					m && m.length > 0 && /* @__PURE__ */ l("button", {
+						className: T.menuBtn,
+						onClick: () => p("quality"),
+						children: [/* @__PURE__ */ c("span", { children: O }), /* @__PURE__ */ l("span", {
 							style: { opacity: .7 },
 							children: [
-								p[m].label,
+								m[h].label,
 								" ",
-								/* @__PURE__ */ s(a, {
-									component: n,
+								/* @__PURE__ */ c(o, {
+									component: r,
 									size: "sm"
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ c("button", {
-						className: w.menuBtn,
-						onClick: () => f("rate"),
-						children: [/* @__PURE__ */ s("span", { children: D }), /* @__PURE__ */ c("span", {
+					/* @__PURE__ */ l("button", {
+						className: T.menuBtn,
+						onClick: () => p("rate"),
+						children: [/* @__PURE__ */ c("span", { children: k }), /* @__PURE__ */ l("span", {
 							style: { opacity: .7 },
 							children: [
-								g,
+								_,
 								"x ",
-								/* @__PURE__ */ s(a, {
-									component: n,
+								/* @__PURE__ */ c(o, {
+									component: r,
 									size: "sm"
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ c("button", {
-						className: w.menuBtn,
-						onClick: () => f("fit"),
-						children: [/* @__PURE__ */ s("span", { children: O }), /* @__PURE__ */ c("span", {
+					/* @__PURE__ */ l("button", {
+						className: T.menuBtn,
+						onClick: () => p("fit"),
+						children: [/* @__PURE__ */ c("span", { children: A }), /* @__PURE__ */ l("span", {
 							style: { opacity: .7 },
 							children: [
-								I(v),
+								R(y),
 								" ",
-								/* @__PURE__ */ s(a, {
-									component: n,
+								/* @__PURE__ */ c(o, {
+									component: r,
 									size: "sm"
 								})
 							]
@@ -100,117 +101,117 @@ function d({ activeMenu: d, setActiveMenu: f, qualities: p, currentQualityIndex:
 				]
 			})]
 		}),
-		d === "quality" && /* @__PURE__ */ c("div", {
-			className: w.advancedMenu,
+		f === "quality" && /* @__PURE__ */ l("div", {
+			className: T.advancedMenu,
 			onClick: (e) => e.stopPropagation(),
 			onKeyDown: (e) => {
-				e.key === "Escape" && f("main");
+				e.key === "Escape" && p("main");
 			},
 			role: "menu",
 			tabIndex: -1,
-			children: [/* @__PURE__ */ c("div", {
-				className: w.menuTitle,
-				children: [/* @__PURE__ */ s("button", {
-					onClick: () => f("main"),
-					className: w.btn,
-					children: /* @__PURE__ */ s(a, {
-						component: t,
+			children: [/* @__PURE__ */ l("div", {
+				className: T.menuTitle,
+				children: [/* @__PURE__ */ c("button", {
+					onClick: () => p("main"),
+					className: T.btn,
+					children: /* @__PURE__ */ c(o, {
+						component: n,
 						size: "sm"
 					})
-				}), /* @__PURE__ */ s("span", { children: E })]
-			}), /* @__PURE__ */ s("div", {
-				className: w.menuItems,
-				children: p?.map((t, n) => /* @__PURE__ */ c("button", {
-					className: w.menuBtn,
-					"data-active": m === n,
-					onClick: () => h(n),
-					children: [m === n && /* @__PURE__ */ s(a, {
-						component: e,
+				}), /* @__PURE__ */ c("span", { children: O })]
+			}), /* @__PURE__ */ c("div", {
+				className: T.menuItems,
+				children: m?.map((e, n) => /* @__PURE__ */ l("button", {
+					className: T.menuBtn,
+					"data-active": h === n,
+					onClick: () => g(n),
+					children: [h === n && /* @__PURE__ */ c(o, {
+						component: t,
 						size: "sm"
-					}), /* @__PURE__ */ s("span", {
-						style: { marginLeft: m === n ? 0 : 24 },
-						children: t.label
+					}), /* @__PURE__ */ c("span", {
+						style: { marginLeft: h === n ? 0 : 24 },
+						children: e.label
 					})]
 				}, n))
 			})]
 		}),
-		d === "rate" && /* @__PURE__ */ c("div", {
-			className: w.advancedMenu,
+		f === "rate" && /* @__PURE__ */ l("div", {
+			className: T.advancedMenu,
 			onClick: (e) => e.stopPropagation(),
 			onKeyDown: (e) => {
-				e.key === "Escape" && f("main");
+				e.key === "Escape" && p("main");
 			},
 			role: "menu",
 			tabIndex: -1,
-			children: [/* @__PURE__ */ c("div", {
-				className: w.menuTitle,
-				children: [/* @__PURE__ */ s("button", {
-					onClick: () => f("main"),
-					className: w.btn,
-					children: /* @__PURE__ */ s(a, {
-						component: t,
+			children: [/* @__PURE__ */ l("div", {
+				className: T.menuTitle,
+				children: [/* @__PURE__ */ c("button", {
+					onClick: () => p("main"),
+					className: T.btn,
+					children: /* @__PURE__ */ c(o, {
+						component: n,
 						size: "sm"
 					})
-				}), /* @__PURE__ */ s("span", { children: D })]
-			}), /* @__PURE__ */ s("div", {
-				className: w.menuItems,
-				children: l.map((t) => /* @__PURE__ */ c("button", {
-					className: w.menuBtn,
-					"data-active": g === t,
+				}), /* @__PURE__ */ c("span", { children: k })]
+			}), /* @__PURE__ */ c("div", {
+				className: T.menuItems,
+				children: u.map((e) => /* @__PURE__ */ l("button", {
+					className: T.menuBtn,
+					"data-active": _ === e,
 					onClick: () => {
-						_(t), f("main");
+						v(e), p("main");
 					},
-					children: [g === t && /* @__PURE__ */ s(a, {
-						component: e,
+					children: [_ === e && /* @__PURE__ */ c(o, {
+						component: t,
 						size: "sm"
-					}), /* @__PURE__ */ s("span", {
-						style: { marginLeft: g === t ? 0 : 24 },
-						children: t === 1 ? k : `${t}x`
+					}), /* @__PURE__ */ c("span", {
+						style: { marginLeft: _ === e ? 0 : 24 },
+						children: e === 1 ? j : `${e}x`
 					})]
-				}, t))
+				}, e))
 			})]
 		}),
-		d === "fit" && /* @__PURE__ */ c("div", {
-			className: w.advancedMenu,
+		f === "fit" && /* @__PURE__ */ l("div", {
+			className: T.advancedMenu,
 			onClick: (e) => e.stopPropagation(),
 			onKeyDown: (e) => {
-				e.key === "Escape" && f("main");
+				e.key === "Escape" && p("main");
 			},
 			role: "menu",
 			tabIndex: -1,
-			children: [/* @__PURE__ */ c("div", {
-				className: w.menuTitle,
-				children: [/* @__PURE__ */ s("button", {
-					onClick: () => f("main"),
-					className: w.btn,
-					children: /* @__PURE__ */ s(a, {
-						component: t,
+			children: [/* @__PURE__ */ l("div", {
+				className: T.menuTitle,
+				children: [/* @__PURE__ */ c("button", {
+					onClick: () => p("main"),
+					className: T.btn,
+					children: /* @__PURE__ */ c(o, {
+						component: n,
 						size: "sm"
 					})
-				}), /* @__PURE__ */ s("span", { children: O })]
-			}), /* @__PURE__ */ s("div", {
-				className: w.menuItems,
-				children: u.map((t) => /* @__PURE__ */ c("button", {
-					className: w.menuBtn,
-					"data-active": v === t,
+				}), /* @__PURE__ */ c("span", { children: A })]
+			}), /* @__PURE__ */ c("div", {
+				className: T.menuItems,
+				children: d.map((e) => /* @__PURE__ */ l("button", {
+					className: T.menuBtn,
+					"data-active": y === e,
 					onClick: () => {
-						y(t), f("main");
+						b(e), p("main");
 					},
-					children: [v === t && /* @__PURE__ */ s(a, {
-						component: e,
+					children: [y === e && /* @__PURE__ */ c(o, {
+						component: t,
 						size: "sm"
-					}), /* @__PURE__ */ s("span", {
-						style: { marginLeft: v === t ? 0 : 24 },
-						children: I(t)
+					}), /* @__PURE__ */ c("span", {
+						style: { marginLeft: y === e ? 0 : 24 },
+						children: R(e)
 					})]
-				}, t))
+				}, e))
 			})]
 		}),
-		d === "playlist" && /* @__PURE__ */ c("div", {
-			className: w.advancedMenu,
+		f === "playlist" && /* @__PURE__ */ l("div", {
+			className: T.advancedMenu,
 			onClick: (e) => e.stopPropagation(),
 			onKeyDown: (e) => {
-				e.key === "Escape" && f(null);
+				e.key === "Escape" && p(null);
 			},
 			style: {
 				bottom: 60,
@@ -219,38 +220,38 @@ function d({ activeMenu: d, setActiveMenu: f, qualities: p, currentQualityIndex:
 			},
 			role: "menu",
 			tabIndex: -1,
-			children: [/* @__PURE__ */ c("div", {
-				className: w.menuTitle,
-				children: [/* @__PURE__ */ s("span", { children: A }), /* @__PURE__ */ s("button", {
-					onClick: () => f(null),
+			children: [/* @__PURE__ */ l("div", {
+				className: T.menuTitle,
+				children: [/* @__PURE__ */ c("span", { children: M }), /* @__PURE__ */ c("button", {
+					onClick: () => p(null),
 					style: { marginLeft: "auto" },
-					className: w.btn,
-					children: /* @__PURE__ */ s(a, {
-						component: r,
+					className: T.btn,
+					children: /* @__PURE__ */ c(o, {
+						component: i,
 						size: "sm"
 					})
 				})]
-			}), /* @__PURE__ */ s("div", {
-				className: w.menuItems,
-				children: b?.map((e, t) => /* @__PURE__ */ s("button", {
-					className: w.menuBtn,
-					"data-active": x === t,
-					onClick: () => S(t),
+			}), /* @__PURE__ */ c("div", {
+				className: T.menuItems,
+				children: x?.map((e, t) => /* @__PURE__ */ c("button", {
+					className: T.menuBtn,
+					"data-active": S === t,
+					onClick: () => C(t),
 					style: {
 						flexDirection: "column",
 						alignItems: "flex-start",
 						gap: 4
 					},
-					children: /* @__PURE__ */ c("div", {
+					children: /* @__PURE__ */ l("div", {
 						style: {
 							display: "flex",
 							alignItems: "center",
 							gap: 8
 						},
-						children: [x === t ? /* @__PURE__ */ s(a, {
-							component: i,
+						children: [S === t ? /* @__PURE__ */ c(o, {
+							component: a,
 							size: "sm"
-						}) : /* @__PURE__ */ s("div", { style: { width: 20 } }), /* @__PURE__ */ s("span", { children: e.title || `Track ${t + 1}` })]
+						}) : /* @__PURE__ */ c("div", { style: { width: 20 } }), /* @__PURE__ */ c("span", { children: e.title || `Track ${t + 1}` })]
 					})
 				}, t))
 			})]
@@ -258,4 +259,4 @@ function d({ activeMenu: d, setActiveMenu: f, qualities: p, currentQualityIndex:
 	] });
 }
 //#endregion
-export { d as VideoAdvancedMenu };
+export { f as VideoAdvancedMenu };

package/dist/components/navigation/Tabs/tabs.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_hj4gd_30`,t=`_root_hj4gd_44`,n=`_vertical_hj4gd_53`,r=`_list_hj4gd_61`,i=`_trigger_hj4gd_80`,a=`_active_hj4gd_102`,o=`_content_hj4gd_106`,s=`_dragging_hj4gd_134`,c=`_ready_hj4gd_138`,l=`_slider_hj4gd_138`,u={container:e,root:t,vertical:n,list:r,trigger:i,active:a,content:o,dragging:s,ready:c,slider:l};exports.active=a,exports.container=e,exports.content=o,exports.default=u,exports.dragging=s,exports.list=r,exports.ready=c,exports.root=t,exports.slider=l,exports.trigger=i,exports.vertical=n;
+var e=`_container_1rl5y_30`,t=`_root_1rl5y_44`,n=`_vertical_1rl5y_53`,r=`_list_1rl5y_61`,i=`_trigger_1rl5y_80`,a=`_active_1rl5y_102`,o=`_content_1rl5y_106`,s=`_dragging_1rl5y_134`,c=`_ready_1rl5y_138`,l=`_slider_1rl5y_138`,u={container:e,root:t,vertical:n,list:r,trigger:i,active:a,content:o,dragging:s,ready:c,slider:l};exports.active=a,exports.container=e,exports.content=o,exports.default=u,exports.dragging=s,exports.list=r,exports.ready=c,exports.root=t,exports.slider=l,exports.trigger=i,exports.vertical=n;

package/dist/components/navigation/Tabs/tabs.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/navigation/Tabs/tabs.module.scss
-var e = "_container_hj4gd_30", t = "_root_hj4gd_44", n = "_vertical_hj4gd_53", r = "_list_hj4gd_61", i = "_trigger_hj4gd_80", a = "_active_hj4gd_102", o = "_content_hj4gd_106", s = "_dragging_hj4gd_134", c = "_ready_hj4gd_138", l = "_slider_hj4gd_138", u = {
+var e = "_container_1rl5y_30", t = "_root_1rl5y_44", n = "_vertical_1rl5y_53", r = "_list_1rl5y_61", i = "_trigger_1rl5y_80", a = "_active_1rl5y_102", o = "_content_1rl5y_106", s = "_dragging_1rl5y_134", c = "_ready_1rl5y_138", l = "_slider_1rl5y_138", u = {
 	container: e,
 	root: t,
 	vertical: n,