wimui 0.51.1 → 0.52.0

package/dist/components/form/QueryBuilder/QueryBuilder.js

@@ -1,20 +1,21 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { Button as t } from "../Button/Button.js";
-import { Input as n } from "../Input/Input.js";
-import { DatePicker as r } from "../DatePicker/DatePicker.js";
-import { NumberInput as i } from "../NumberInput/NumberInput.js";
-import { SegmentedControl as a } from "../SegmentedControl/SegmentedControl.js";
-import { Select as o } from "../Select/Select.js";
-import { Switch as s } from "../Switch/Switch.js";
-import { IconButton as c } from "../IconButton/IconButton.js";
-import l from "./querybuilder.module.js";
-import { warnUnknownOperator as u } from "./warn-unknown-operator.js";
-import { useCallback as d, useId as f, useRef as p, useState as m } from "react";
-import h from "classnames";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { componentsNs as t } from "../../../i18n/generated/components.js";
+import { Button as n } from "../Button/Button.js";
+import { Input as r } from "../Input/Input.js";
+import { DatePicker as i } from "../DatePicker/DatePicker.js";
+import { NumberInput as a } from "../NumberInput/NumberInput.js";
+import { SegmentedControl as o } from "../SegmentedControl/SegmentedControl.js";
+import { Select as s } from "../Select/Select.js";
+import { Switch as c } from "../Switch/Switch.js";
+import { IconButton as l } from "../IconButton/IconButton.js";
+import u from "./querybuilder.module.js";
+import { warnUnknownOperator as d } from "./warn-unknown-operator.js";
+import { useCallback as f, useId as p, useRef as m, useState as h } from "react";
+import g from "classnames";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/form/QueryBuilder/QueryBuilder.tsx
-var v = 0, y = () => typeof window < "u" && window.__VRT__ ? (v += 1, `vrt-id-${v}`) : Math.random().toString(36).substring(2, 11), b = {
+var y = 0, b = () => typeof window < "u" && window.__VRT__ ? (y += 1, `vrt-id-${y}`) : Math.random().toString(36).substring(2, 11), x = {
 	string: [
 		{
 			value: "=",
@@ -131,19 +132,19 @@ var v = 0, y = () => typeof window < "u" && window.__VRT__ ? (v += 1, `vrt-id-${
 			key: "is_not_null"
 		}
 	]
-}, x = ({ fields: v, query: x, defaultQuery: S, onChange: C, maxDepth: w = 3, className: T, id: ee, labels: te = {} }) => {
-	let { t: E } = e("components"), { ruleAdded: D = E("query.builder.rule_added"), groupAdded: O = E("query.builder.group_added"), removed: k = E("query.builder.removed"), ruleAriaLabel: A = E("query.builder.rule"), fieldAriaLabel: j = E("query.builder.field"), operatorAriaLabel: M = E("query.builder.operator"), valueAriaLabel: N = E("query.builder.value"), trueLabel: P = E("query.builder.true"), falseLabel: F = E("query.builder.false"), removeRuleAriaLabel: I = E("query.builder.remove_rule"), removeGroupAriaLabel: L = E("query.builder.remove_group"), addRuleLabel: R = E("query.builder.add_rule"), addGroupLabel: z = E("query.builder.add_group"), regionAriaLabel: B = E("query.builder.region_label"), combinatorAriaLabel: V = E("query.builder.combinator"), operators: H = {} } = te, U = f(), W = ee || `wim-qb-${U}`, G = p(null), [K, q] = m(S || {
-		id: y(),
+}, S = ({ fields: y, query: S, defaultQuery: C, onChange: w, maxDepth: ee = 3, className: te, id: ne, labels: T = {} }) => {
+	let { t: E } = e(t), { ruleAdded: D = E("query.builder.rule_added"), groupAdded: O = E("query.builder.group_added"), removed: k = E("query.builder.removed"), ruleAriaLabel: A = E("query.builder.rule"), fieldAriaLabel: j = E("query.builder.field"), operatorAriaLabel: M = E("query.builder.operator"), valueAriaLabel: N = E("query.builder.value"), trueLabel: P = E("query.builder.true"), falseLabel: F = E("query.builder.false"), removeRuleAriaLabel: I = E("query.builder.remove_rule"), removeGroupAriaLabel: L = E("query.builder.remove_group"), addRuleLabel: R = E("query.builder.add_rule"), addGroupLabel: z = E("query.builder.add_group"), regionAriaLabel: B = E("query.builder.region_label"), combinatorAriaLabel: V = E("query.builder.combinator"), operators: H = {} } = T, U = p(), W = ne || `wim-qb-${U}`, G = m(null), [K, q] = h(C || {
+		id: b(),
 		combinator: "and",
 		not: !1,
 		rules: []
-	}), J = x === void 0 ? K : x, Y = d((e) => {
+	}), J = S === void 0 ? K : S, Y = f((e) => {
 		G.current && (G.current.textContent = "", setTimeout(() => {
 			G.current && (G.current.textContent = e);
 		}, 50));
-	}, []), X = d((e) => {
-		x === void 0 && q(e), C?.(e);
-	}, [x, C]), Z = (e, t) => {
+	}, []), X = f((e) => {
+		S === void 0 && q(e), w?.(e);
+	}, [S, w]), Z = (e, t) => {
 		let n = (r) => r.id === e ? {
 			...r,
 			...t
@@ -155,9 +156,9 @@ var v = 0, y = () => typeof window < "u" && window.__VRT__ ? (v += 1, `vrt-id-${
 			} : "rules" in r ? n(r) : r)
 		};
 		X(n(J));
-	}, ne = (e) => {
-		let t = v[0], n = {
-			id: y(),
+	}, re = (e) => {
+		let t = y[0], n = {
+			id: b(),
 			field: t?.name || "",
 			operator: "=",
 			value: t?.type !== "boolean" && ""
@@ -169,9 +170,9 @@ var v = 0, y = () => typeof window < "u" && window.__VRT__ ? (v += 1, `vrt-id-${
 			rules: t.rules.map((e) => "rules" in e ? r(e) : e)
 		};
 		X(r(J)), Y(D);
-	}, re = (e) => {
+	}, ie = (e) => {
 		let t = {
-			id: y(),
+			id: b(),
 			combinator: "and",
 			not: !1,
 			rules: []
@@ -189,18 +190,18 @@ var v = 0, y = () => typeof window < "u" && window.__VRT__ ? (v += 1, `vrt-id-${
 			rules: n.rules.filter((t) => t.id !== e).map((e) => "rules" in e ? t(e) : e)
 		});
 		X(t(J)), Y(k);
-	}, $ = (e, n, r) => {
+	}, $ = (e, t, r) => {
 		let i = `${e.combinator.toUpperCase()} group`;
-		return /* @__PURE__ */ _("div", {
+		return /* @__PURE__ */ v("div", {
 			role: "group",
 			"aria-label": i,
-			className: h(l.group, n > 0 && l.nested, r && l.excluded),
+			className: g(u.group, t > 0 && u.nested, r && u.excluded),
 			children: [
-				/* @__PURE__ */ _("div", {
-					className: l.groupHeader,
-					children: [/* @__PURE__ */ _("div", {
-						className: l.groupHeaderLeft,
-						children: [/* @__PURE__ */ g(a, {
+				/* @__PURE__ */ v("div", {
+					className: u.groupHeader,
+					children: [/* @__PURE__ */ v("div", {
+						className: u.groupHeaderLeft,
+						children: [/* @__PURE__ */ _(o, {
 							size: "md",
 							options: [{
 								label: "AND",
@@ -213,88 +214,88 @@ var v = 0, y = () => typeof window < "u" && window.__VRT__ ? (v += 1, `vrt-id-${
 							onChange: (t) => Z(e.id, { combinator: t }),
 							"aria-label": V,
 							styles: {
-								root: l.segmentedControl,
-								item: l.segmentedControlItem,
-								slider: l.segmentedControlSlider
+								root: u.segmentedControl,
+								item: u.segmentedControlItem,
+								slider: u.segmentedControlSlider
 							}
-						}), /* @__PURE__ */ g(s, {
+						}), /* @__PURE__ */ _(c, {
 							size: "md",
 							checked: e.not,
 							onChange: (t) => Z(e.id, { not: t.target.checked }),
 							children: "NOT"
 						})]
-					}), n > 0 && /* @__PURE__ */ g(c, {
+					}), t > 0 && /* @__PURE__ */ _(l, {
 						iconName: "TrashIcon",
 						"aria-label": L,
 						variant: "ghost",
 						size: "md",
 						intent: "danger",
 						onClick: () => Q(e.id),
-						className: l.removeGroup
+						className: u.removeGroup
 					})]
 				}),
-				/* @__PURE__ */ g("div", {
-					className: l.ruleList,
-					children: e.rules.map((e) => "rules" in e ? $(e, n + 1, r) : ie(e))
-				}),
 				/* @__PURE__ */ _("div", {
-					className: l.groupActions,
-					children: [/* @__PURE__ */ g(t, {
+					className: u.ruleList,
+					children: e.rules.map((e) => "rules" in e ? $(e, t + 1, r) : ae(e))
+				}),
+				/* @__PURE__ */ v("div", {
+					className: u.groupActions,
+					children: [/* @__PURE__ */ _(n, {
 						size: "md",
 						variant: "ghost",
 						icon: "PlusIcon",
-						onClick: () => ne(e.id),
+						onClick: () => re(e.id),
 						children: R
-					}), n < w && /* @__PURE__ */ g(t, {
+					}), t < ee && /* @__PURE__ */ _(n, {
 						size: "md",
 						variant: "ghost",
 						icon: "PlusIcon",
-						onClick: () => re(e.id),
+						onClick: () => ie(e.id),
 						children: z
 					})]
 				})
 			]
 		}, e.id);
-	}, ie = (e) => {
-		let t = v.find((t) => t.name === e.field)?.type || "string", a = b[t].map((e) => ({
+	}, ae = (e) => {
+		let t = y.find((t) => t.name === e.field)?.type || "string", n = x[t].map((e) => ({
 			...e,
 			label: H[e.key] || E(`query.builder.operators.${e.key}`)
-		})), s = (t) => {
-			let n = v.find((e) => e.name === t);
+		})), o = (t) => {
+			let n = y.find((e) => e.name === t);
 			Z(e.id, {
 				field: t,
 				operator: "=",
 				value: n?.type !== "boolean" && ""
 			});
 		};
-		a.some((t) => t.value === e.operator) || u(e.operator, t, a.map((e) => e.value));
-		let d = e.operator === "is_null" || e.operator === "is_not_null";
-		return /* @__PURE__ */ g("div", {
-			className: l.rule,
+		n.some((t) => t.value === e.operator) || d(e.operator, t, n.map((e) => e.value));
+		let c = e.operator === "is_null" || e.operator === "is_not_null";
+		return /* @__PURE__ */ _("div", {
+			className: u.rule,
 			role: "group",
 			"aria-label": A,
-			children: /* @__PURE__ */ _("div", {
-				className: l.ruleFields,
+			children: /* @__PURE__ */ v("div", {
+				className: u.ruleFields,
 				children: [
-					/* @__PURE__ */ g(o, {
-						className: l.field,
-						options: v.map((e) => ({
+					/* @__PURE__ */ _(s, {
+						className: u.field,
+						options: y.map((e) => ({
 							label: e.label,
 							value: e.name
 						})),
 						value: e.field,
-						onChange: s,
+						onChange: o,
 						"aria-label": j,
 						fullWidth: !0,
 						styles: {
-							root: l.select,
-							trigger: l.selectTrigger,
-							inputBase: { root: l.inputBase }
+							root: u.select,
+							trigger: u.selectTrigger,
+							inputBase: { root: u.inputBase }
 						}
 					}),
-					/* @__PURE__ */ g(o, {
-						className: l.operator,
-						options: a.map((e) => ({
+					/* @__PURE__ */ _(s, {
+						className: u.operator,
+						options: n.map((e) => ({
 							label: e.label,
 							value: e.value
 						})),
@@ -303,22 +304,22 @@ var v = 0, y = () => typeof window < "u" && window.__VRT__ ? (v += 1, `vrt-id-${
 						"aria-label": M,
 						fullWidth: !0,
 						styles: {
-							root: l.select,
-							trigger: l.selectTrigger,
-							inputBase: { root: l.inputBase }
+							root: u.select,
+							trigger: u.selectTrigger,
+							inputBase: { root: u.inputBase }
 						}
 					}),
-					!d && /* @__PURE__ */ g("div", {
-						className: l.value,
-						children: t === "number" ? /* @__PURE__ */ g(i, {
+					!c && /* @__PURE__ */ _("div", {
+						className: u.value,
+						children: t === "number" ? /* @__PURE__ */ _(a, {
 							value: typeof e.value == "boolean" ? void 0 : e.value ?? void 0,
 							onChange: (t) => Z(e.id, { value: t.target.value }),
 							"aria-label": N
-						}) : t === "date" ? /* @__PURE__ */ g(r, {
+						}) : t === "date" ? /* @__PURE__ */ _(i, {
 							value: typeof e.value == "string" || typeof e.value == "number" ? new Date(e.value) : void 0,
 							onChange: (t) => Z(e.id, { value: t ? t.toISOString() : "" }),
 							"aria-label": N
-						}) : t === "boolean" ? /* @__PURE__ */ g(o, {
+						}) : t === "boolean" ? /* @__PURE__ */ _(s, {
 							options: [{
 								label: P,
 								value: "true"
@@ -331,42 +332,42 @@ var v = 0, y = () => typeof window < "u" && window.__VRT__ ? (v += 1, `vrt-id-${
 							"aria-label": N,
 							fullWidth: !0,
 							styles: {
-								root: l.select,
-								trigger: l.selectTrigger,
-								inputBase: { root: l.inputBase }
+								root: u.select,
+								trigger: u.selectTrigger,
+								inputBase: { root: u.inputBase }
 							}
-						}) : /* @__PURE__ */ g(n, {
+						}) : /* @__PURE__ */ _(r, {
 							value: typeof e.value == "boolean" ? void 0 : e.value ?? void 0,
 							onChange: (t) => Z(e.id, { value: t.target.value }),
 							"aria-label": N,
-							styles: { root: l.inputBase }
+							styles: { root: u.inputBase }
 						})
 					}),
-					/* @__PURE__ */ g(c, {
+					/* @__PURE__ */ _(l, {
 						iconName: "TrashIcon",
 						"aria-label": I,
 						variant: "ghost",
 						size: "md",
 						intent: "danger",
 						onClick: () => Q(e.id),
-						className: l.removeRule
+						className: u.removeRule
 					})
 				]
 			})
 		}, e.id);
 	};
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ v("div", {
 		id: W,
 		role: "region",
 		"aria-label": B,
-		className: h("wim-query-builder", l.root, T),
-		children: [/* @__PURE__ */ g("div", {
+		className: g("wim-query-builder", u.root, te),
+		children: [/* @__PURE__ */ _("div", {
 			ref: G,
 			"aria-live": "polite",
 			"aria-atomic": "true",
-			className: l.srOnly
+			className: u.srOnly
 		}), $(J, 0, !1)]
 	});
 };
 //#endregion
-export { x as QueryBuilder };
+export { S as QueryBuilder };

package/dist/components/form/RangeSlider/RangeSlider.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("../FieldTemplate/FieldTemplate.cjs"),r=require("../../../utilities/slider-utils.cjs"),i=require("./range-slider.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=({value:e,defaultValue:c=[20,80],min:l=0,max:u=100,step:d=1,allowCross:f=!1,disabled:p=!1,onChange:m,onAfterChange:h,className:g,name:_,label:v,error:y,required:ee,layout:te=`vertical`,id:ne,"aria-label":b,"aria-labelledby":x,asChild:S=!1,children:re,...C})=>{let w=e!==void 0,T=(0,a.useId)(),E=ne||T,D=`wim-range-slider-label-${E}`,O=`wim-range-slider-error-${E}`,{clamp:k,calculateValue:A}=r.useSliderCommon(l,u,d),j=[k(c[0],l,u),k(c[1],l,u)];j[0]>j[1]&&j.sort((e,t)=>e-t);let[M,N]=(0,a.useState)(j),P=w?e:M,F=(0,a.useRef)(null),I=(0,a.useRef)(null),L=(0,a.useRef)(null),R=(0,a.useRef)(null),z=(0,a.useRef)(null),B=(0,a.useRef)(null),[V,H]=(0,a.useState)(null),U=(0,a.useRef)(null),W=(0,a.useRef)([...P]),G=(0,a.useCallback)(e=>(e-l)/(u-l)*100,[l,u]),K=(0,a.useCallback)(e=>{let t=G(e[0]),n=G(e[1]);I.current&&(I.current.style.left=`${t}%`,I.current.setAttribute(`aria-valuenow`,String(e[0])),I.current.setAttribute(`aria-valuemax`,String(e[1]))),L.current&&(L.current.style.left=`${n}%`,L.current.setAttribute(`aria-valuenow`,String(e[1])),L.current.setAttribute(`aria-valuemin`,String(e[0]))),R.current&&(R.current.style.left=`${t}%`,R.current.style.width=`${n-t}%`),z.current&&(z.current.value=String(e[0])),B.current&&(B.current.value=String(e[1]))},[G]);(0,a.useEffect)(()=>{V||K(P)},[P,V,K]);let q=(e,t)=>{p||(W.current=[...P],U.current=t,H(t),e.stopPropagation(),e.preventDefault())},J=e=>{if(p)return;let t=`touches`in e?e.touches[0].clientX:e.clientX,n=A(t,F.current),r=Math.abs(P[0]-n),i=Math.abs(P[1]-n),a;a=r<i?`min`:i<r?`max`:n<P[0]?`min`:`max`,U.current=a,H(a);let o=[...W.current];a===`min`?o[0]=Math.min(n,f?u:o[1]):o[1]=Math.max(n,f?l:o[0]),W.current=o,K(o),m?.(o)},Y=(0,a.useCallback)(e=>{if(!U.current||p)return;let t=`touches`in e?e.touches[0].clientX:e.clientX,n=A(t,F.current),r=[...W.current];U.current===`min`?r[0]=Math.min(n,f?u:r[1]):r[1]=Math.max(n,f?l:r[0]),W.current=r,K(r),m?.(r)},[p,m,f,A,l,u,K]),X=(0,a.useCallback)(()=>{if(U.current){U.current=null,H(null);let e=W.current;w||N([...e]),h?.(e)}},[w,h]);(0,a.useEffect)(()=>(document.addEventListener(`mousemove`,Y),document.addEventListener(`mouseup`,X),document.addEventListener(`touchmove`,Y,{passive:!1}),document.addEventListener(`touchend`,X),()=>{document.removeEventListener(`mousemove`,Y),document.removeEventListener(`mouseup`,X),document.removeEventListener(`touchmove`,Y),document.removeEventListener(`touchend`,X)}),[Y,X]);let Z=(e,t)=>{if(p)return;let n=[...P],r=t===`min`?n[0]:n[1],i;if(e.key===`ArrowLeft`||e.key===`ArrowDown`)i=Math.max(l,r-d);else if(e.key===`ArrowRight`||e.key===`ArrowUp`)i=Math.min(u,r+d);else if(e.key===`Home`)i=l;else if(e.key===`End`)i=u;else return;if(t===`min`){let e=f?u:n[1];n[0]=Math.min(i,e)}else{let e=f?l:n[0];n[1]=Math.max(i,e)}w||N(n),m?.(n),e.preventDefault()},Q=G(P[0]),$=G(P[1]);return(0,s.jsx)(n.FieldTemplate,{label:v,error:y,required:ee,layout:te,labelId:D,errorId:O,className:g,children:(0,s.jsxs)(S?t.Root:`div`,{role:`presentation`,"data-testid":`range-slider-root`,className:(0,o.default)(`wim-range-slider`,i.default.root,p&&i.default.disabled,y&&i.default.danger),onMouseDown:J,onTouchStart:J,...C,children:[(0,s.jsxs)(`div`,{className:i.default.trackContainer,ref:F,children:[(0,s.jsx)(`div`,{ref:R,className:i.default.track,style:{left:`${Q}%`,width:`${$-Q}%`}}),(0,s.jsx)(`div`,{ref:I,className:(0,o.default)(i.default.thumb,V===`min`&&i.default.active),style:{left:`${Q}%`},role:`slider`,"aria-valuemin":l,"aria-valuemax":P[1],"aria-valuenow":P[0],"aria-disabled":p,"aria-labelledby":v?D:x,"aria-label":v?`Start ${v}`:b||`Start`,"aria-describedby":y?O:void 0,"aria-invalid":y?!0:void 0,tabIndex:p?-1:0,onMouseDown:e=>q(e,`min`),onTouchStart:e=>q(e,`min`),onKeyDown:e=>Z(e,`min`)}),(0,s.jsx)(`div`,{ref:L,className:(0,o.default)(i.default.thumb,V===`max`&&i.default.active),style:{left:`${$}%`},role:`slider`,"aria-valuemin":P[0],"aria-valuemax":u,"aria-valuenow":P[1],"aria-disabled":p,"aria-labelledby":v?D:x,"aria-label":v?`End ${v}`:b||`End`,"aria-describedby":y?O:void 0,"aria-invalid":y?!0:void 0,tabIndex:p?-1:0,onMouseDown:e=>q(e,`max`),onTouchStart:e=>q(e,`max`),onKeyDown:e=>Z(e,`max`)})]}),(0,s.jsx)(`input`,{ref:z,type:`hidden`,name:_?`${_}-min`:``,value:P[0]}),(0,s.jsx)(`input`,{ref:B,type:`hidden`,name:_?`${_}-max`:``,value:P[1]}),(0,s.jsx)(t.Slottable,{children:re})]})})};c.displayName=`RangeSlider`,exports.RangeSlider=c;
+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("../../../i18n/generated/common.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../../utilities/slider-utils.cjs"),o=require("./range-slider.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=({value:e,defaultValue:u=[20,80],min:d=0,max:f=100,step:p=1,allowCross:m=!1,disabled:h=!1,onChange:g,onAfterChange:_,className:v,name:y,label:b,error:x,required:ee,layout:te=`vertical`,id:ne,"aria-label":S,"aria-labelledby":C,asChild:re=!1,children:ie,...ae})=>{let{t:w}=n.useWimTranslation(r.commonNs),T=e!==void 0,oe=(0,s.useId)(),E=ne||oe,D=`wim-range-slider-label-${E}`,O=`wim-range-slider-error-${E}`,{clamp:k,calculateValue:A}=a.useSliderCommon(d,f,p),j=[k(u[0],d,f),k(u[1],d,f)];j[0]>j[1]&&j.sort((e,t)=>e-t);let[M,N]=(0,s.useState)(j),P=T?e:M,F=(0,s.useRef)(null),I=(0,s.useRef)(null),L=(0,s.useRef)(null),R=(0,s.useRef)(null),z=(0,s.useRef)(null),B=(0,s.useRef)(null),[V,H]=(0,s.useState)(null),U=(0,s.useRef)(null),W=(0,s.useRef)([...P]),G=(0,s.useCallback)(e=>(e-d)/(f-d)*100,[d,f]),K=(0,s.useCallback)(e=>{let t=G(e[0]),n=G(e[1]);I.current&&(I.current.style.left=`${t}%`,I.current.setAttribute(`aria-valuenow`,String(e[0])),I.current.setAttribute(`aria-valuemax`,String(e[1]))),L.current&&(L.current.style.left=`${n}%`,L.current.setAttribute(`aria-valuenow`,String(e[1])),L.current.setAttribute(`aria-valuemin`,String(e[0]))),R.current&&(R.current.style.left=`${t}%`,R.current.style.width=`${n-t}%`),z.current&&(z.current.value=String(e[0])),B.current&&(B.current.value=String(e[1]))},[G]);(0,s.useEffect)(()=>{V||K(P)},[P,V,K]);let q=(e,t)=>{h||(W.current=[...P],U.current=t,H(t),e.stopPropagation(),e.preventDefault())},J=e=>{if(h)return;let t=`touches`in e?e.touches[0].clientX:e.clientX,n=A(t,F.current),r=Math.abs(P[0]-n),i=Math.abs(P[1]-n),a;a=r<i?`min`:i<r?`max`:n<P[0]?`min`:`max`,U.current=a,H(a);let o=[...W.current];a===`min`?o[0]=Math.min(n,m?f:o[1]):o[1]=Math.max(n,m?d:o[0]),W.current=o,K(o),g?.(o)},Y=(0,s.useCallback)(e=>{if(!U.current||h)return;let t=`touches`in e?e.touches[0].clientX:e.clientX,n=A(t,F.current),r=[...W.current];U.current===`min`?r[0]=Math.min(n,m?f:r[1]):r[1]=Math.max(n,m?d:r[0]),W.current=r,K(r),g?.(r)},[h,g,m,A,d,f,K]),X=(0,s.useCallback)(()=>{if(U.current){U.current=null,H(null);let e=W.current;T||N([...e]),_?.(e)}},[T,_]);(0,s.useEffect)(()=>(document.addEventListener(`mousemove`,Y),document.addEventListener(`mouseup`,X),document.addEventListener(`touchmove`,Y,{passive:!1}),document.addEventListener(`touchend`,X),()=>{document.removeEventListener(`mousemove`,Y),document.removeEventListener(`mouseup`,X),document.removeEventListener(`touchmove`,Y),document.removeEventListener(`touchend`,X)}),[Y,X]);let Z=(e,t)=>{if(h)return;let n=[...P],r=t===`min`?n[0]:n[1],i;if(e.key===`ArrowLeft`||e.key===`ArrowDown`)i=Math.max(d,r-p);else if(e.key===`ArrowRight`||e.key===`ArrowUp`)i=Math.min(f,r+p);else if(e.key===`Home`)i=d;else if(e.key===`End`)i=f;else return;if(t===`min`){let e=m?f:n[1];n[0]=Math.min(i,e)}else{let e=m?d:n[0];n[1]=Math.max(i,e)}T||N(n),g?.(n),e.preventDefault()},Q=G(P[0]),$=G(P[1]);return(0,l.jsx)(i.FieldTemplate,{label:b,error:x,required:ee,layout:te,labelId:D,errorId:O,className:v,children:(0,l.jsxs)(re?t.Root:`div`,{role:`presentation`,"data-testid":`range-slider-root`,className:(0,c.default)(`wim-range-slider`,o.default.root,h&&o.default.disabled,x&&o.default.danger),onMouseDown:J,onTouchStart:J,...ae,children:[(0,l.jsxs)(`div`,{className:o.default.trackContainer,ref:F,children:[(0,l.jsx)(`div`,{ref:R,className:o.default.track,style:{left:`${Q}%`,width:`${$-Q}%`}}),(0,l.jsx)(`div`,{ref:I,className:(0,c.default)(o.default.thumb,V===`min`&&o.default.active),style:{left:`${Q}%`},role:`slider`,"aria-valuemin":d,"aria-valuemax":P[1],"aria-valuenow":P[0],"aria-disabled":h,"aria-labelledby":b?D:C,"aria-label":b?w(`rangeSlider.start_of`,{label:b}):S||w(`rangeSlider.start`),"aria-describedby":x?O:void 0,"aria-invalid":x?!0:void 0,tabIndex:h?-1:0,onMouseDown:e=>q(e,`min`),onTouchStart:e=>q(e,`min`),onKeyDown:e=>Z(e,`min`)}),(0,l.jsx)(`div`,{ref:L,className:(0,c.default)(o.default.thumb,V===`max`&&o.default.active),style:{left:`${$}%`},role:`slider`,"aria-valuemin":P[0],"aria-valuemax":f,"aria-valuenow":P[1],"aria-disabled":h,"aria-labelledby":b?D:C,"aria-label":b?w(`rangeSlider.end_of`,{label:b}):S||w(`rangeSlider.end`),"aria-describedby":x?O:void 0,"aria-invalid":x?!0:void 0,tabIndex:h?-1:0,onMouseDown:e=>q(e,`max`),onTouchStart:e=>q(e,`max`),onKeyDown:e=>Z(e,`max`)})]}),(0,l.jsx)(`input`,{ref:z,type:`hidden`,name:y?`${y}-min`:``,value:P[0]}),(0,l.jsx)(`input`,{ref:B,type:`hidden`,name:y?`${y}-max`:``,value:P[1]}),(0,l.jsx)(t.Slottable,{children:ie})]})})};u.displayName=`RangeSlider`,exports.RangeSlider=u;