wimui 0.51.2 → 0.52.2

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

package/dist/components/form/RangeSlider/RangeSlider.js

@@ -1,21 +1,22 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
-import { FieldTemplate as r } from "../FieldTemplate/FieldTemplate.js";
-import { useSliderCommon as i } from "../../../utilities/slider-utils.js";
-import a from "./range-slider.module.js";
-import { useCallback as o, useEffect as s, useId as ee, useRef as c, useState as l } from "react";
+import { commonNs as r } from "../../../i18n/generated/common.js";
+import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
+import { useSliderCommon as a } from "../../../utilities/slider-utils.js";
+import o from "./range-slider.module.js";
+import { useCallback as s, useEffect as ee, useId as te, useRef as c, useState as l } from "react";
 import u from "classnames";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/form/RangeSlider/RangeSlider.tsx
-var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step: _ = 1, allowCross: v = !1, disabled: y = !1, onChange: b, onAfterChange: x, className: te, name: S, label: C, error: w, required: ne, layout: re = "vertical", id: ie, "aria-label": T, "aria-labelledby": E, asChild: ae = !1, children: oe, ...se }) => {
-	let { t: D } = n("common"), O = p !== void 0, ce = ee(), k = ie || ce, A = `wim-range-slider-label-${k}`, j = `wim-range-slider-error-${k}`, { clamp: M, calculateValue: N } = i(h, g, _), P = [M(m[0], h, g), M(m[1], h, g)];
+var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step: _ = 1, allowCross: v = !1, disabled: y = !1, onChange: b, onAfterChange: x, className: ne, name: S, label: C, error: w, required: re, layout: ie = "vertical", id: ae, "aria-label": T, "aria-labelledby": E, asChild: oe = !1, children: se, ...ce }) => {
+	let { t: D } = n(r), O = p !== void 0, le = te(), k = ae || le, A = `wim-range-slider-label-${k}`, j = `wim-range-slider-error-${k}`, { clamp: M, calculateValue: N } = a(h, g, _), P = [M(m[0], h, g), M(m[1], h, g)];
 	P[0] > P[1] && P.sort((e, t) => e - t);
-	let [le, F] = l(P), I = O ? p : le, L = c(null), R = c(null), z = c(null), B = c(null), V = c(null), H = c(null), [U, W] = l(null), G = c(null), K = c([...I]), q = o((e) => (e - h) / (g - h) * 100, [h, g]), J = o((e) => {
+	let [ue, F] = l(P), I = O ? p : ue, L = c(null), R = c(null), z = c(null), B = c(null), V = c(null), H = c(null), [U, W] = l(null), G = c(null), K = c([...I]), q = s((e) => (e - h) / (g - h) * 100, [h, g]), J = s((e) => {
 		let t = q(e[0]), n = q(e[1]);
 		R.current && (R.current.style.left = `${t}%`, R.current.setAttribute("aria-valuenow", String(e[0])), R.current.setAttribute("aria-valuemax", String(e[1]))), z.current && (z.current.style.left = `${n}%`, z.current.setAttribute("aria-valuenow", String(e[1])), z.current.setAttribute("aria-valuemin", String(e[0]))), B.current && (B.current.style.left = `${t}%`, B.current.style.width = `${n - t}%`), V.current && (V.current.value = String(e[0])), H.current && (H.current.value = String(e[1]));
 	}, [q]);
-	s(() => {
+	ee(() => {
 		U || J(I);
 	}, [
 		I,
@@ -30,7 +31,7 @@ var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step:
 		a = r < i ? "min" : i < r ? "max" : n < I[0] ? "min" : "max", G.current = a, W(a);
 		let o = [...K.current];
 		a === "min" ? o[0] = Math.min(n, v ? g : o[1]) : o[1] = Math.max(n, v ? h : o[0]), K.current = o, J(o), b?.(o);
-	}, Z = o((e) => {
+	}, Z = s((e) => {
 		if (!G.current || y) return;
 		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = N(t, L.current), r = [...K.current];
 		G.current === "min" ? r[0] = Math.min(n, v ? g : r[1]) : r[1] = Math.max(n, v ? h : r[0]), K.current = r, J(r), b?.(r);
@@ -42,17 +43,17 @@ var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step:
 		h,
 		g,
 		J
-	]), Q = o(() => {
+	]), Q = s(() => {
 		if (G.current) {
 			G.current = null, W(null);
 			let e = K.current;
 			O || F([...e]), x?.(e);
 		}
 	}, [O, x]);
-	s(() => (document.addEventListener("mousemove", Z), document.addEventListener("mouseup", Q), document.addEventListener("touchmove", Z, { passive: !1 }), document.addEventListener("touchend", Q), () => {
+	ee(() => (document.addEventListener("mousemove", Z), document.addEventListener("mouseup", Q), document.addEventListener("touchmove", Z, { passive: !1 }), document.addEventListener("touchend", Q), () => {
 		document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", Q), document.removeEventListener("touchmove", Z), document.removeEventListener("touchend", Q);
 	}), [Z, Q]);
-	let ue = (e, t) => {
+	let de = (e, t) => {
 		if (y) return;
 		let n = [...I], r = t === "min" ? n[0] : n[1], i;
 		if (e.key === "ArrowLeft" || e.key === "ArrowDown") i = Math.max(h, r - _);
@@ -68,38 +69,38 @@ var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step:
 			n[1] = Math.max(i, e);
 		}
 		O || F(n), b?.(n), e.preventDefault();
-	}, $ = q(I[0]), de = q(I[1]);
-	return /* @__PURE__ */ d(r, {
+	}, $ = q(I[0]), fe = q(I[1]);
+	return /* @__PURE__ */ d(i, {
 		label: C,
 		error: w,
-		required: ne,
-		layout: re,
+		required: re,
+		layout: ie,
 		labelId: A,
 		errorId: j,
-		className: te,
-		children: /* @__PURE__ */ f(ae ? e : "div", {
+		className: ne,
+		children: /* @__PURE__ */ f(oe ? e : "div", {
 			role: "presentation",
 			"data-testid": "range-slider-root",
-			className: u("wim-range-slider", a.root, y && a.disabled, w && a.danger),
+			className: u("wim-range-slider", o.root, y && o.disabled, w && o.danger),
 			onMouseDown: X,
 			onTouchStart: X,
-			...se,
+			...ce,
 			children: [
 				/* @__PURE__ */ f("div", {
-					className: a.trackContainer,
+					className: o.trackContainer,
 					ref: L,
 					children: [
 						/* @__PURE__ */ d("div", {
 							ref: B,
-							className: a.track,
+							className: o.track,
 							style: {
 								left: `${$}%`,
-								width: `${de - $}%`
+								width: `${fe - $}%`
 							}
 						}),
 						/* @__PURE__ */ d("div", {
 							ref: R,
-							className: u(a.thumb, U === "min" && a.active),
+							className: u(o.thumb, U === "min" && o.active),
 							style: { left: `${$}%` },
 							role: "slider",
 							"aria-valuemin": h,
@@ -113,12 +114,12 @@ var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step:
 							tabIndex: y ? -1 : 0,
 							onMouseDown: (e) => Y(e, "min"),
 							onTouchStart: (e) => Y(e, "min"),
-							onKeyDown: (e) => ue(e, "min")
+							onKeyDown: (e) => de(e, "min")
 						}),
 						/* @__PURE__ */ d("div", {
 							ref: z,
-							className: u(a.thumb, U === "max" && a.active),
-							style: { left: `${de}%` },
+							className: u(o.thumb, U === "max" && o.active),
+							style: { left: `${fe}%` },
 							role: "slider",
 							"aria-valuemin": I[0],
 							"aria-valuemax": g,
@@ -131,7 +132,7 @@ var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step:
 							tabIndex: y ? -1 : 0,
 							onMouseDown: (e) => Y(e, "max"),
 							onTouchStart: (e) => Y(e, "max"),
-							onKeyDown: (e) => ue(e, "max")
+							onKeyDown: (e) => de(e, "max")
 						})
 					]
 				}),
@@ -147,7 +148,7 @@ var p = ({ value: p, defaultValue: m = [20, 80], min: h = 0, max: g = 100, step:
 					name: S ? `${S}-max` : "",
 					value: I[1]
 				}),
-				/* @__PURE__ */ d(t, { children: oe })
+				/* @__PURE__ */ d(t, { children: se })
 			]
 		})
 	});

package/dist/components/form/Rating/rating.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_10iwc_3`,t=`_sm_10iwc_17`,n=`_md_10iwc_21`,r=`_lg_10iwc_25`,i=`_disabled_10iwc_29`,a=`_star_10iwc_32`,o=`_foreground_10iwc_35`,s=`_full_10iwc_55`,c=`_half_10iwc_58`,l=`_background_10iwc_61`,u=`_icon_10iwc_64`,d={root:e,sm:t,md:n,lg:r,disabled:i,star:a,foreground:o,full:s,half:c,background:l,icon:u};exports.background=l,exports.default=d,exports.disabled=i,exports.foreground=o,exports.full=s,exports.half=c,exports.icon=u,exports.lg=r,exports.md=n,exports.root=e,exports.sm=t,exports.star=a;
+var e=`_root_mt8ed_3`,t=`_sm_mt8ed_17`,n=`_md_mt8ed_21`,r=`_lg_mt8ed_25`,i=`_disabled_mt8ed_29`,a=`_star_mt8ed_32`,o=`_foreground_mt8ed_35`,s=`_full_mt8ed_58`,c=`_half_mt8ed_61`,l=`_background_mt8ed_64`,u=`_icon_mt8ed_67`,d={root:e,sm:t,md:n,lg:r,disabled:i,star:a,foreground:o,full:s,half:c,background:l,icon:u};exports.background=l,exports.default=d,exports.disabled=i,exports.foreground=o,exports.full=s,exports.half=c,exports.icon=u,exports.lg=r,exports.md=n,exports.root=e,exports.sm=t,exports.star=a;

package/dist/components/form/Rating/rating.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Rating/rating.module.scss
-var e = "_root_10iwc_3", t = "_sm_10iwc_17", n = "_md_10iwc_21", r = "_lg_10iwc_25", i = "_disabled_10iwc_29", a = "_star_10iwc_32", o = "_foreground_10iwc_35", s = "_full_10iwc_55", c = "_half_10iwc_58", l = "_background_10iwc_61", u = "_icon_10iwc_64", d = {
+var e = "_root_mt8ed_3", t = "_sm_mt8ed_17", n = "_md_mt8ed_21", r = "_lg_mt8ed_25", i = "_disabled_mt8ed_29", a = "_star_mt8ed_32", o = "_foreground_mt8ed_35", s = "_full_mt8ed_58", c = "_half_mt8ed_61", l = "_background_mt8ed_64", u = "_icon_mt8ed_67", d = {
 	root: e,
 	sm: t,
 	md: n,

package/dist/components/form/RichTextEditor/RichTextEditor.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/bold.cjs"),r=require("../../../icon/eraser.cjs"),i=require("../../../icon/image.cjs"),a=require("../../../icon/italic.cjs"),o=require("../../../icon/link.cjs"),ee=require("../../../icon/list-ordered.cjs"),te=require("../../../icon/list.cjs"),ne=require("../../../icon/strikethrough.cjs"),re=require("../../../icon/underline.cjs"),ie=require("../../../icon/unlink.cjs"),s=require("../../media/Icon/Icon.cjs"),c=require("../Button/Button.cjs"),ae=require("../FieldTemplate/FieldTemplate.cjs"),l=require("../Input/Input.cjs"),u=require("../../overlay/Dialog/Dialog.cjs"),d=require("./safeUrl.cjs"),f=require("./markdown.cjs"),p=require("./rich-text-editor.module.cjs");let m=require("react");m=e.__toESM(m,1);let h=require("classnames");h=e.__toESM(h,1);let g=require("react/jsx-runtime"),_=require("@tiptap/react"),oe=require("@tiptap/core"),v=require("@tiptap/starter-kit"),y=require("@tiptap/extensions"),se=require("@tiptap/extension-image");var ce=[`bold`,`italic`,`underline`,`strikethrough`,`separator`,`h1`,`h2`,`h3`,`separator`,`ul`,`ol`,`separator`,`link`,`unlink`,`separator`,`removeFormat`],le=se.Image.extend({parseHTML(){return[{tag:`img[src]`,getAttrs:e=>d.isSafeImageUrl(e.getAttribute(`src`))?null:!1}]}}),ue=(e,t,n)=>[v.StarterKit.configure({heading:{levels:[1,2,3]},blockquote:!1,code:!1,codeBlock:!1,horizontalRule:!1,trailingNode:!1,...t===`markdown`?{underline:!1}:{},link:{openOnClick:!1,autolink:!1,linkOnPaste:!1,isAllowedUri:e=>d.isSafeLinkUrl(e),HTMLAttributes:{target:null,rel:null}}}),le.configure({inline:!1,allowBase64:!1}),y.Placeholder.configure({placeholder:e}),...t===`markdown`?f.createMarkdownExtensions(n):[]],de=(e,t)=>e.isEmpty?``:t===`markdown`?e.getMarkdown():e.getHTML(),fe=(e,t,n)=>n===`markdown`?f.markdownToHtml(e,t):t,pe=m.default.memo(({onClick:e,active:t,disabled:n,title:r,tabIndex:i,onFocus:a,buttonRef:o,children:ee})=>(0,g.jsx)(`button`,{ref:o,type:`button`,className:(0,h.default)(p.default.toolbarBtn,t&&p.default.active),onClick:e,onFocus:a,disabled:n,title:r,"aria-label":r,"aria-pressed":t,tabIndex:i,children:ee}));pe.displayName=`ToolbarButton`;var me=({value:e,defaultValue:f=``,onChange:v,placeholder:y,disabled:se,intent:le=`default`,variant:me=`outline`,fullWidth:b=!1,width:x,minHeight:S=200,label:C,error:w,required:T,layout:he,className:ge,id:_e,toolbar:E=ce,labels:ve={},"aria-label":ye,"aria-labelledby":D,onImageUpload:O,format:be=`html`})=>{let{t:k}=t.useWimTranslation(`components`),{bold:xe=k(`a11y.rte_bold`),italic:Se=k(`a11y.rte_italic`),underline:Ce=k(`a11y.rte_underline`),strikethrough:we=k(`a11y.rte_strikethrough`),h1:Te=k(`a11y.rte_h1`),h2:Ee=k(`a11y.rte_h2`),h3:De=k(`a11y.rte_h3`),ul:Oe=k(`a11y.rte_ul`),ol:ke=k(`a11y.rte_ol`),link:Ae=k(`a11y.rte_link`),unlink:je=k(`a11y.rte_unlink`),removeFormat:Me=k(`a11y.rte_remove_format`),toolbar:Ne=k(`a11y.rte_toolbar`),linkPrompt:Pe=k(`a11y.rte_link_prompt`),linkApply:Fe=k(`a11y.rte_link_apply`),linkCancel:Ie=k(`a11y.rte_link_cancel`),linkInvalid:Le=k(`a11y.rte_link_invalid`),image:Re=k(`a11y.rte_image`),imageUrl:ze=k(`a11y.rte_image_url`),imageAlt:Be=k(`a11y.rte_image_alt`),imageAltHint:Ve=k(`a11y.rte_image_alt_hint`),imageUpload:He=k(`a11y.rte_image_upload`),imageUploadFailed:A=k(`a11y.rte_image_upload_failed`),imageInvalid:Ue=k(`a11y.rte_image_invalid`)}=ve,We=m.default.useId(),j=_e||`wim-rte-${We}`,M=w?`${j}-error`:void 0,N=C?`${j}-label`:void 0,P=!!se,F=w?`danger`:le,Ge=typeof x==`string`&&[`xs`,`sm`,`md`,`lg`,`xl`].includes(x),Ke=x!==void 0&&!Ge&&!b,qe=Ge&&!b?x:void 0,Je=qe?p.default[`width${qe.charAt(0).toUpperCase()}${qe.slice(1)}`]:void 0,I=m.default.useRef(e??f),Ye=m.default.useRef(v);m.default.useEffect(()=>{Ye.current=v},[v]);let Xe=m.default.useMemo(()=>{let e={id:j,class:p.default.content,role:`textbox`,"aria-multiline":`true`,style:`min-height: ${typeof S==`number`?`${S}px`:S}`,tabindex:P?`-1`:`0`},t=ye??(C||D?void 0:k(`a11y.rte_editor`)),n=D??(C?N:void 0);return t&&(e[`aria-label`]=t),n&&(e[`aria-labelledby`]=n),F===`danger`&&(e[`aria-invalid`]=`true`),M&&(e[`aria-describedby`]=M),T&&(e[`aria-required`]=`true`),P&&(e[`aria-disabled`]=`true`),y&&(e[`aria-placeholder`]=y),e},[j,S,P,ye,C,D,N,F,M,T,y,k]),L=m.default.useRef(O);m.default.useEffect(()=>{L.current=O},[O]);let[Ze,Qe]=m.default.useState(void 0),$e=m.default.useRef(A);m.default.useEffect(()=>{$e.current=A},[A]);let R=m.default.useCallback(async(e,t,n)=>{let r=L.current;if(r){Qe(void 0);for(let i of t)try{let t=await r(i);if(!d.isSafeImageUrl(t))throw Error(`URL not allowed`);if(e.isDestroyed)return;let a=e.chain().focus();(n===void 0?a:a.setTextSelection(n)).setImage({src:t,alt:``}).run()}catch{Qe($e.current)}}},[]),et=e=>Array.from(e??[]).filter(e=>e.type.startsWith(`image/`)),z=m.default.useRef({ed:null}),tt=m.default.useCallback((e,t)=>{let n=et(t.clipboardData?.files),r=z.current.ed;return!L.current||n.length===0||!r?!1:(t.preventDefault(),R(r,n),!0)},[R]),nt=m.default.useCallback((e,t,n,r)=>{let i=et(t.dataTransfer?.files),a=z.current.ed;if(r||!L.current||i.length===0||!a)return!1;t.preventDefault();let o=e.posAtCoords({left:t.clientX,top:t.clientY});return R(a,i,o?.pos),!0},[R]),B=m.default.useMemo(()=>({attributes:Xe,handlePaste:tt,handleDrop:nt}),[Xe,tt,nt]),[V]=m.default.useState(be),rt=e??f,H=(0,_.useEditor)({extensions:ue(y??``,V,V===`markdown`?rt:void 0),content:V===`markdown`?``:rt,editable:!P,immediatelyRender:!1,editorProps:B,onUpdate:({editor:e})=>{let t=de(e,V);t!==I.current&&(I.current=t,Ye.current?.(t))}});m.default.useEffect(()=>{H&&!H.isDestroyed&&H.setOptions({editorProps:B})},[H,B]),m.default.useEffect(()=>{z.current.ed=H},[H]),m.default.useEffect(()=>{H&&!H.isDestroyed&&H.setEditable(!P,!1)},[H,P]),m.default.useEffect(()=>{if(!H||H.isDestroyed)return;let e=H.extensionManager.extensions.find(e=>e.name===`placeholder`);e&&e.options.placeholder!==(y??``)&&(e.options.placeholder=y??``,H.view.dispatch(H.state.tr))},[H,y]),m.default.useEffect(()=>{if(!H||H.isDestroyed||e===void 0||e===I.current||e===de(H,V))return;I.current=e;let t=(0,oe.createDocument)(fe(H,e,V),H.schema);t.eq(H.state.doc)||H.commands.setContent(t.toJSON(),{emitUpdate:!1})},[H,e,V]);let it=(0,_.useEditorState)({editor:H,selector:({editor:e})=>({bold:!!e?.isActive(`bold`),italic:!!e?.isActive(`italic`),underline:!!e?.schema.marks.underline&&e.isActive(`underline`),strikethrough:!!e?.isActive(`strike`),h1:!!e?.isActive(`heading`,{level:1}),h2:!!e?.isActive(`heading`,{level:2}),h3:!!e?.isActive(`heading`,{level:3}),ul:!!e?.isActive(`bulletList`),ol:!!e?.isActive(`orderedList`),image:!!e?.isActive(`image`)})}),U=m.default.useCallback(e=>{!P&&H&&e(H)},[H,P]),at=m.default.useCallback(()=>{U(e=>{let{from:t,to:n,empty:r}=e.state.selection,i=e.chain().focus();r&&i.selectAll(),i.unsetBold().unsetItalic().unsetStrike().clearNodes(),e.schema.marks.underline&&i.unsetUnderline(),r&&i.setTextSelection({from:t,to:n}),i.run()})},[U]),[ot,W]=m.default.useState(!1),[G,st]=m.default.useState(`https://`),[ct,K]=m.default.useState(void 0),lt=m.default.useCallback(()=>{if(P||!H)return;let{from:e,to:t}=H.state.selection,n=H.state.doc.textBetween(e,t,` `),r=H.getAttributes(`link`).href;st(r??(n.startsWith(`http`)?n:`https://`)),K(void 0),W(!0)},[H,P]),ut=m.default.useCallback(()=>{let e=G.trim();if(!e){W(!1);return}if(!d.isSafeLinkUrl(e)){K(Le);return}W(!1),U(t=>{t.state.selection.empty&&!t.isActive(`link`)?t.chain().focus().insertContent({type:`text`,text:e,marks:[{type:`link`,attrs:{href:e}}]}).run():t.chain().focus().extendMarkRange(`link`).setLink({href:e}).run()})},[G,Le,U]),[dt,q]=m.default.useState(!1),[J,Y]=m.default.useState(``),[X,ft]=m.default.useState(``),[pt,Z]=m.default.useState(void 0),[mt,ht]=m.default.useState(!1),gt=m.default.useRef(null),_t=`${j}-image-alt-hint`,vt=m.default.useCallback(()=>{if(P||!H)return;let e=H.isActive(`image`)?H.getAttributes(`image`):{};Y(e.src??``),ft(e.alt??``),Z(void 0),q(!0)},[H,P]),yt=m.default.useCallback(()=>{let e=J.trim();if(!e){q(!1);return}if(!d.isSafeImageUrl(e)){Z(Ue);return}q(!1),U(t=>t.chain().focus().setImage({src:e,alt:X.trim()}).run())},[J,X,Ue,U]),bt=m.default.useCallback(async e=>{let t=e.target.files?.[0];if(e.target.value=``,t&&O){ht(!0),Z(void 0);try{let e=await O(t);if(!d.isSafeImageUrl(e))throw Error(`URL not allowed`);Y(e)}catch{Z(A)}finally{ht(!1)}}},[O,A]),xt=m.default.useRef([]),[Q,St]=m.default.useState(0),$=m.default.useMemo(()=>{let e=V===`markdown`?E.filter(e=>e!==`underline`):E;return e.filter((t,n)=>t!==`separator`||n>0&&n<e.length-1&&e[n-1]!==`separator`)},[E,V]),Ct=m.default.useMemo(()=>$.filter(e=>e!==`separator`),[$]),wt=m.default.useMemo(()=>$.map((e,t)=>e===`separator`?-1:$.slice(0,t).filter(e=>e!==`separator`).length),[$]),Tt=m.default.useCallback(e=>{let t=Ct.length;if(t===0)return;let n;e.key===`ArrowRight`?n=(Q+1)%t:e.key===`ArrowLeft`?n=(Q-1+t)%t:e.key===`Home`?n=0:e.key===`End`&&(n=t-1),n!==void 0&&(e.preventDefault(),St(n),xt.current[n]?.focus())},[Ct.length,Q]),Et=m.default.useCallback(e=>{e.preventDefault()},[]),Dt={bold:{title:xe,icon:(0,g.jsx)(s.Icon,{component:n.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleBold().run())},italic:{title:Se,icon:(0,g.jsx)(s.Icon,{component:a.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleItalic().run())},underline:{title:Ce,icon:(0,g.jsx)(s.Icon,{component:re.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleUnderline().run())},strikethrough:{title:we,icon:(0,g.jsx)(s.Icon,{component:ne.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleStrike().run())},h1:{title:Te,icon:(0,g.jsx)(`span`,{"aria-hidden":`true`,children:`H1`}),onClick:()=>U(e=>e.chain().focus().toggleHeading({level:1}).run())},h2:{title:Ee,icon:(0,g.jsx)(`span`,{"aria-hidden":`true`,children:`H2`}),onClick:()=>U(e=>e.chain().focus().toggleHeading({level:2}).run())},h3:{title:De,icon:(0,g.jsx)(`span`,{"aria-hidden":`true`,children:`H3`}),onClick:()=>U(e=>e.chain().focus().toggleHeading({level:3}).run())},ul:{title:Oe,icon:(0,g.jsx)(s.Icon,{component:te.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleBulletList().run())},ol:{title:ke,icon:(0,g.jsx)(s.Icon,{component:ee.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleOrderedList().run())},link:{title:Ae,icon:(0,g.jsx)(s.Icon,{component:o.default,size:`sm`}),onClick:lt},unlink:{title:je,icon:(0,g.jsx)(s.Icon,{component:ie.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().extendMarkRange(`link`).unsetLink().run())},image:{title:Re,icon:(0,g.jsx)(s.Icon,{component:i.default,size:`sm`}),onClick:vt},removeFormat:{title:Me,icon:(0,g.jsx)(s.Icon,{component:r.default,size:`sm`}),onClick:at}};return(0,g.jsx)(ae.FieldTemplate,{label:C,error:w,required:T,layout:he,labelId:N,errorId:M,className:ge,children:(0,g.jsxs)(`div`,{className:(0,h.default)(`wim-rich-text-editor`,p.default.root,p.default[F],P&&p.default.disabled,p.default[me],b&&p.default.fullWidth,Ke&&p.default.hasCustomWidth,Je),style:Ke?{"--wim-input-width":typeof x==`number`?`${x}px`:x}:void 0,children:[(0,g.jsx)(`div`,{className:p.default.toolbar,role:`toolbar`,"aria-label":Ne,"aria-controls":j,onMouseDown:Et,onKeyDown:Tt,children:$.map((e,t)=>{if(e===`separator`)return(0,g.jsx)(`span`,{className:p.default.toolbarSep,"aria-hidden":`true`},`sep-${t}`);let n=wt[t],r=Dt[e],i=e===`link`||e===`unlink`||e===`removeFormat`?void 0:it?.[e]??!1;return(0,g.jsx)(pe,{buttonRef:e=>{xt.current[n]=e},tabIndex:n===Math.min(Q,Ct.length-1)?0:-1,onFocus:()=>St(n),disabled:P,active:i,title:r.title,onClick:r.onClick,children:r.icon},`${e}-${t}`)})}),(0,g.jsx)(_.EditorContent,{editor:H,className:p.default.contentHost}),Ze&&(0,g.jsx)(`p`,{role:`alert`,className:p.default.uploadError,children:Ze}),(0,g.jsx)(u.Dialog,{open:ot,onOpenChange:W,children:(0,g.jsxs)(u.DialogContent,{children:[(0,g.jsx)(u.DialogHeader,{children:(0,g.jsx)(u.DialogTitle,{children:Ae})}),(0,g.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),ut()},children:[(0,g.jsx)(l.Input,{label:Pe,type:`url`,value:G,error:ct,onChange:e=>{st(e.target.value),K(void 0)},fullWidth:!0}),(0,g.jsxs)(u.DialogFooter,{children:[(0,g.jsx)(u.DialogClose,{asChild:!0,children:(0,g.jsx)(c.Button,{variant:`ghost`,type:`button`,children:Ie})}),(0,g.jsx)(c.Button,{variant:`solid`,type:`submit`,children:Fe})]})]})]})}),(0,g.jsx)(u.Dialog,{open:dt,onOpenChange:q,children:(0,g.jsxs)(u.DialogContent,{children:[(0,g.jsx)(u.DialogHeader,{children:(0,g.jsx)(u.DialogTitle,{children:Re})}),(0,g.jsxs)(`form`,{className:p.default.imageForm,onSubmit:e=>{e.preventDefault(),yt()},children:[(0,g.jsx)(l.Input,{label:ze,type:`url`,value:J,error:pt,onChange:e=>{Y(e.target.value),Z(void 0)},fullWidth:!0}),O&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(`input`,{ref:gt,type:`file`,accept:`image/*`,hidden:!0,onChange:bt}),(0,g.jsx)(c.Button,{type:`button`,variant:`outline`,loading:mt,onClick:()=>gt.current?.click(),children:He})]}),(0,g.jsxs)(`div`,{children:[(0,g.jsx)(l.Input,{label:Be,"aria-describedby":_t,value:X,onChange:e=>ft(e.target.value),fullWidth:!0}),(0,g.jsx)(`p`,{id:_t,className:p.default.imageHint,children:Ve})]}),(0,g.jsxs)(u.DialogFooter,{children:[(0,g.jsx)(u.DialogClose,{asChild:!0,children:(0,g.jsx)(c.Button,{variant:`ghost`,type:`button`,children:Ie})}),(0,g.jsx)(c.Button,{variant:`solid`,type:`submit`,disabled:mt,children:Fe})]})]})]})})]})})};me.displayName=`RichTextEditor`,exports.RichTextEditor=me;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../../../icon/bold.cjs"),i=require("../../../icon/eraser.cjs"),a=require("../../../icon/image.cjs"),o=require("../../../icon/italic.cjs"),ee=require("../../../icon/link.cjs"),te=require("../../../icon/list-ordered.cjs"),ne=require("../../../icon/list.cjs"),re=require("../../../icon/strikethrough.cjs"),ie=require("../../../icon/underline.cjs"),ae=require("../../../icon/unlink.cjs"),s=require("../../media/Icon/Icon.cjs"),c=require("../Button/Button.cjs"),oe=require("../FieldTemplate/FieldTemplate.cjs"),l=require("../Input/Input.cjs"),u=require("../../overlay/Dialog/Dialog.cjs"),d=require("./safeUrl.cjs"),f=require("./markdown.cjs"),p=require("./rich-text-editor.module.cjs");let m=require("react");m=e.__toESM(m,1);let h=require("classnames");h=e.__toESM(h,1);let g=require("react/jsx-runtime"),_=require("@tiptap/react"),se=require("@tiptap/core"),v=require("@tiptap/starter-kit"),y=require("@tiptap/extensions"),ce=require("@tiptap/extension-image");var le=[`bold`,`italic`,`underline`,`strikethrough`,`separator`,`h1`,`h2`,`h3`,`separator`,`ul`,`ol`,`separator`,`link`,`unlink`,`separator`,`removeFormat`],ue=ce.Image.extend({parseHTML(){return[{tag:`img[src]`,getAttrs:e=>d.isSafeImageUrl(e.getAttribute(`src`))?null:!1}]}}),de=(e,t,n)=>[v.StarterKit.configure({heading:{levels:[1,2,3]},blockquote:!1,code:!1,codeBlock:!1,horizontalRule:!1,trailingNode:!1,...t===`markdown`?{underline:!1}:{},link:{openOnClick:!1,autolink:!1,linkOnPaste:!1,isAllowedUri:e=>d.isSafeLinkUrl(e),HTMLAttributes:{target:null,rel:null}}}),ue.configure({inline:!1,allowBase64:!1}),y.Placeholder.configure({placeholder:e}),...t===`markdown`?f.createMarkdownExtensions(n):[]],fe=(e,t)=>e.isEmpty?``:t===`markdown`?e.getMarkdown():e.getHTML(),pe=(e,t,n)=>n===`markdown`?f.markdownToHtml(e,t):t,me=m.default.memo(({onClick:e,active:t,disabled:n,title:r,tabIndex:i,onFocus:a,buttonRef:o,children:ee})=>(0,g.jsx)(`button`,{ref:o,type:`button`,className:(0,h.default)(p.default.toolbarBtn,t&&p.default.active),onClick:e,onFocus:a,disabled:n,title:r,"aria-label":r,"aria-pressed":t,tabIndex:i,children:ee}));me.displayName=`ToolbarButton`;var he=({value:e,defaultValue:f=``,onChange:v,placeholder:y,disabled:ce,intent:ue=`default`,variant:he=`outline`,fullWidth:b=!1,width:x,minHeight:S=200,label:C,error:w,required:T,layout:ge,className:_e,id:ve,toolbar:E=le,labels:ye={},"aria-label":be,"aria-labelledby":D,onImageUpload:O,format:xe=`html`})=>{let{t:k}=t.useWimTranslation(n.componentsNs),{bold:Se=k(`a11y.rte_bold`),italic:Ce=k(`a11y.rte_italic`),underline:we=k(`a11y.rte_underline`),strikethrough:Te=k(`a11y.rte_strikethrough`),h1:Ee=k(`a11y.rte_h1`),h2:De=k(`a11y.rte_h2`),h3:Oe=k(`a11y.rte_h3`),ul:ke=k(`a11y.rte_ul`),ol:Ae=k(`a11y.rte_ol`),link:je=k(`a11y.rte_link`),unlink:Me=k(`a11y.rte_unlink`),removeFormat:Ne=k(`a11y.rte_remove_format`),toolbar:Pe=k(`a11y.rte_toolbar`),linkPrompt:Fe=k(`a11y.rte_link_prompt`),linkApply:Ie=k(`a11y.rte_link_apply`),linkCancel:Le=k(`a11y.rte_link_cancel`),linkInvalid:Re=k(`a11y.rte_link_invalid`),image:ze=k(`a11y.rte_image`),imageUrl:Be=k(`a11y.rte_image_url`),imageAlt:Ve=k(`a11y.rte_image_alt`),imageAltHint:He=k(`a11y.rte_image_alt_hint`),imageUpload:Ue=k(`a11y.rte_image_upload`),imageUploadFailed:A=k(`a11y.rte_image_upload_failed`),imageInvalid:We=k(`a11y.rte_image_invalid`)}=ye,Ge=m.default.useId(),j=ve||`wim-rte-${Ge}`,M=w?`${j}-error`:void 0,N=C?`${j}-label`:void 0,P=!!ce,F=w?`danger`:ue,Ke=typeof x==`string`&&[`xs`,`sm`,`md`,`lg`,`xl`].includes(x),qe=x!==void 0&&!Ke&&!b,Je=Ke&&!b?x:void 0,Ye=Je?p.default[`width${Je.charAt(0).toUpperCase()}${Je.slice(1)}`]:void 0,I=m.default.useRef(e??f),Xe=m.default.useRef(v);m.default.useEffect(()=>{Xe.current=v},[v]);let Ze=m.default.useMemo(()=>{let e={id:j,class:p.default.content,role:`textbox`,"aria-multiline":`true`,style:`min-height: ${typeof S==`number`?`${S}px`:S}`,tabindex:P?`-1`:`0`},t=be??(C||D?void 0:k(`a11y.rte_editor`)),n=D??(C?N:void 0);return t&&(e[`aria-label`]=t),n&&(e[`aria-labelledby`]=n),F===`danger`&&(e[`aria-invalid`]=`true`),M&&(e[`aria-describedby`]=M),T&&(e[`aria-required`]=`true`),P&&(e[`aria-disabled`]=`true`),y&&(e[`aria-placeholder`]=y),e},[j,S,P,be,C,D,N,F,M,T,y,k]),L=m.default.useRef(O);m.default.useEffect(()=>{L.current=O},[O]);let[Qe,$e]=m.default.useState(void 0),et=m.default.useRef(A);m.default.useEffect(()=>{et.current=A},[A]);let R=m.default.useCallback(async(e,t,n)=>{let r=L.current;if(r){$e(void 0);for(let i of t)try{let t=await r(i);if(!d.isSafeImageUrl(t))throw Error(`URL not allowed`);if(e.isDestroyed)return;let a=e.chain().focus();(n===void 0?a:a.setTextSelection(n)).setImage({src:t,alt:``}).run()}catch{$e(et.current)}}},[]),tt=e=>Array.from(e??[]).filter(e=>e.type.startsWith(`image/`)),z=m.default.useRef({ed:null}),nt=m.default.useCallback((e,t)=>{let n=tt(t.clipboardData?.files),r=z.current.ed;return!L.current||n.length===0||!r?!1:(t.preventDefault(),R(r,n),!0)},[R]),rt=m.default.useCallback((e,t,n,r)=>{let i=tt(t.dataTransfer?.files),a=z.current.ed;if(r||!L.current||i.length===0||!a)return!1;t.preventDefault();let o=e.posAtCoords({left:t.clientX,top:t.clientY});return R(a,i,o?.pos),!0},[R]),B=m.default.useMemo(()=>({attributes:Ze,handlePaste:nt,handleDrop:rt}),[Ze,nt,rt]),[V]=m.default.useState(xe),it=e??f,H=(0,_.useEditor)({extensions:de(y??``,V,V===`markdown`?it:void 0),content:V===`markdown`?``:it,editable:!P,immediatelyRender:!1,editorProps:B,onUpdate:({editor:e})=>{let t=fe(e,V);t!==I.current&&(I.current=t,Xe.current?.(t))}});m.default.useEffect(()=>{H&&!H.isDestroyed&&H.setOptions({editorProps:B})},[H,B]),m.default.useEffect(()=>{z.current.ed=H},[H]),m.default.useEffect(()=>{H&&!H.isDestroyed&&H.setEditable(!P,!1)},[H,P]),m.default.useEffect(()=>{if(!H||H.isDestroyed)return;let e=H.extensionManager.extensions.find(e=>e.name===`placeholder`);e&&e.options.placeholder!==(y??``)&&(e.options.placeholder=y??``,H.view.dispatch(H.state.tr))},[H,y]),m.default.useEffect(()=>{if(!H||H.isDestroyed||e===void 0||e===I.current||e===fe(H,V))return;I.current=e;let t=(0,se.createDocument)(pe(H,e,V),H.schema);t.eq(H.state.doc)||H.commands.setContent(t.toJSON(),{emitUpdate:!1})},[H,e,V]);let at=(0,_.useEditorState)({editor:H,selector:({editor:e})=>({bold:!!e?.isActive(`bold`),italic:!!e?.isActive(`italic`),underline:!!e?.schema.marks.underline&&e.isActive(`underline`),strikethrough:!!e?.isActive(`strike`),h1:!!e?.isActive(`heading`,{level:1}),h2:!!e?.isActive(`heading`,{level:2}),h3:!!e?.isActive(`heading`,{level:3}),ul:!!e?.isActive(`bulletList`),ol:!!e?.isActive(`orderedList`),image:!!e?.isActive(`image`)})}),U=m.default.useCallback(e=>{!P&&H&&e(H)},[H,P]),ot=m.default.useCallback(()=>{U(e=>{let{from:t,to:n,empty:r}=e.state.selection,i=e.chain().focus();r&&i.selectAll(),i.unsetBold().unsetItalic().unsetStrike().clearNodes(),e.schema.marks.underline&&i.unsetUnderline(),r&&i.setTextSelection({from:t,to:n}),i.run()})},[U]),[st,W]=m.default.useState(!1),[G,ct]=m.default.useState(`https://`),[lt,K]=m.default.useState(void 0),ut=m.default.useCallback(()=>{if(P||!H)return;let{from:e,to:t}=H.state.selection,n=H.state.doc.textBetween(e,t,` `),r=H.getAttributes(`link`).href;ct(r??(n.startsWith(`http`)?n:`https://`)),K(void 0),W(!0)},[H,P]),dt=m.default.useCallback(()=>{let e=G.trim();if(!e){W(!1);return}if(!d.isSafeLinkUrl(e)){K(Re);return}W(!1),U(t=>{t.state.selection.empty&&!t.isActive(`link`)?t.chain().focus().insertContent({type:`text`,text:e,marks:[{type:`link`,attrs:{href:e}}]}).run():t.chain().focus().extendMarkRange(`link`).setLink({href:e}).run()})},[G,Re,U]),[ft,q]=m.default.useState(!1),[J,Y]=m.default.useState(``),[X,pt]=m.default.useState(``),[mt,Z]=m.default.useState(void 0),[ht,gt]=m.default.useState(!1),_t=m.default.useRef(null),vt=`${j}-image-alt-hint`,yt=m.default.useCallback(()=>{if(P||!H)return;let e=H.isActive(`image`)?H.getAttributes(`image`):{};Y(e.src??``),pt(e.alt??``),Z(void 0),q(!0)},[H,P]),bt=m.default.useCallback(()=>{let e=J.trim();if(!e){q(!1);return}if(!d.isSafeImageUrl(e)){Z(We);return}q(!1),U(t=>t.chain().focus().setImage({src:e,alt:X.trim()}).run())},[J,X,We,U]),xt=m.default.useCallback(async e=>{let t=e.target.files?.[0];if(e.target.value=``,t&&O){gt(!0),Z(void 0);try{let e=await O(t);if(!d.isSafeImageUrl(e))throw Error(`URL not allowed`);Y(e)}catch{Z(A)}finally{gt(!1)}}},[O,A]),St=m.default.useRef([]),[Q,Ct]=m.default.useState(0),$=m.default.useMemo(()=>{let e=V===`markdown`?E.filter(e=>e!==`underline`):E;return e.filter((t,n)=>t!==`separator`||n>0&&n<e.length-1&&e[n-1]!==`separator`)},[E,V]),wt=m.default.useMemo(()=>$.filter(e=>e!==`separator`),[$]),Tt=m.default.useMemo(()=>$.map((e,t)=>e===`separator`?-1:$.slice(0,t).filter(e=>e!==`separator`).length),[$]),Et=m.default.useCallback(e=>{let t=wt.length;if(t===0)return;let n;e.key===`ArrowRight`?n=(Q+1)%t:e.key===`ArrowLeft`?n=(Q-1+t)%t:e.key===`Home`?n=0:e.key===`End`&&(n=t-1),n!==void 0&&(e.preventDefault(),Ct(n),St.current[n]?.focus())},[wt.length,Q]),Dt=m.default.useCallback(e=>{e.preventDefault()},[]),Ot={bold:{title:Se,icon:(0,g.jsx)(s.Icon,{component:r.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleBold().run())},italic:{title:Ce,icon:(0,g.jsx)(s.Icon,{component:o.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleItalic().run())},underline:{title:we,icon:(0,g.jsx)(s.Icon,{component:ie.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleUnderline().run())},strikethrough:{title:Te,icon:(0,g.jsx)(s.Icon,{component:re.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleStrike().run())},h1:{title:Ee,icon:(0,g.jsx)(`span`,{"aria-hidden":`true`,children:`H1`}),onClick:()=>U(e=>e.chain().focus().toggleHeading({level:1}).run())},h2:{title:De,icon:(0,g.jsx)(`span`,{"aria-hidden":`true`,children:`H2`}),onClick:()=>U(e=>e.chain().focus().toggleHeading({level:2}).run())},h3:{title:Oe,icon:(0,g.jsx)(`span`,{"aria-hidden":`true`,children:`H3`}),onClick:()=>U(e=>e.chain().focus().toggleHeading({level:3}).run())},ul:{title:ke,icon:(0,g.jsx)(s.Icon,{component:ne.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleBulletList().run())},ol:{title:Ae,icon:(0,g.jsx)(s.Icon,{component:te.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().toggleOrderedList().run())},link:{title:je,icon:(0,g.jsx)(s.Icon,{component:ee.default,size:`sm`}),onClick:ut},unlink:{title:Me,icon:(0,g.jsx)(s.Icon,{component:ae.default,size:`sm`}),onClick:()=>U(e=>e.chain().focus().extendMarkRange(`link`).unsetLink().run())},image:{title:ze,icon:(0,g.jsx)(s.Icon,{component:a.default,size:`sm`}),onClick:yt},removeFormat:{title:Ne,icon:(0,g.jsx)(s.Icon,{component:i.default,size:`sm`}),onClick:ot}};return(0,g.jsx)(oe.FieldTemplate,{label:C,error:w,required:T,layout:ge,labelId:N,errorId:M,className:_e,children:(0,g.jsxs)(`div`,{className:(0,h.default)(`wim-rich-text-editor`,p.default.root,p.default[F],P&&p.default.disabled,p.default[he],b&&p.default.fullWidth,qe&&p.default.hasCustomWidth,Ye),style:qe?{"--wim-input-width":typeof x==`number`?`${x}px`:x}:void 0,children:[(0,g.jsx)(`div`,{className:p.default.toolbar,role:`toolbar`,"aria-label":Pe,"aria-controls":j,onMouseDown:Dt,onKeyDown:Et,children:$.map((e,t)=>{if(e===`separator`)return(0,g.jsx)(`span`,{className:p.default.toolbarSep,"aria-hidden":`true`},`sep-${t}`);let n=Tt[t],r=Ot[e],i=e===`link`||e===`unlink`||e===`removeFormat`?void 0:at?.[e]??!1;return(0,g.jsx)(me,{buttonRef:e=>{St.current[n]=e},tabIndex:n===Math.min(Q,wt.length-1)?0:-1,onFocus:()=>Ct(n),disabled:P,active:i,title:r.title,onClick:r.onClick,children:r.icon},`${e}-${t}`)})}),(0,g.jsx)(_.EditorContent,{editor:H,className:p.default.contentHost}),Qe&&(0,g.jsx)(`p`,{role:`alert`,className:p.default.uploadError,children:Qe}),(0,g.jsx)(u.Dialog,{open:st,onOpenChange:W,children:(0,g.jsxs)(u.DialogContent,{children:[(0,g.jsx)(u.DialogHeader,{children:(0,g.jsx)(u.DialogTitle,{children:je})}),(0,g.jsxs)(`form`,{onSubmit:e=>{e.preventDefault(),dt()},children:[(0,g.jsx)(l.Input,{label:Fe,type:`url`,value:G,error:lt,onChange:e=>{ct(e.target.value),K(void 0)},fullWidth:!0}),(0,g.jsxs)(u.DialogFooter,{children:[(0,g.jsx)(u.DialogClose,{asChild:!0,children:(0,g.jsx)(c.Button,{variant:`ghost`,type:`button`,children:Le})}),(0,g.jsx)(c.Button,{variant:`solid`,type:`submit`,children:Ie})]})]})]})}),(0,g.jsx)(u.Dialog,{open:ft,onOpenChange:q,children:(0,g.jsxs)(u.DialogContent,{children:[(0,g.jsx)(u.DialogHeader,{children:(0,g.jsx)(u.DialogTitle,{children:ze})}),(0,g.jsxs)(`form`,{className:p.default.imageForm,onSubmit:e=>{e.preventDefault(),bt()},children:[(0,g.jsx)(l.Input,{label:Be,type:`url`,value:J,error:mt,onChange:e=>{Y(e.target.value),Z(void 0)},fullWidth:!0}),O&&(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(`input`,{ref:_t,type:`file`,accept:`image/*`,hidden:!0,onChange:xt}),(0,g.jsx)(c.Button,{type:`button`,variant:`outline`,loading:ht,onClick:()=>_t.current?.click(),children:Ue})]}),(0,g.jsxs)(`div`,{children:[(0,g.jsx)(l.Input,{label:Ve,"aria-describedby":vt,value:X,onChange:e=>pt(e.target.value),fullWidth:!0}),(0,g.jsx)(`p`,{id:vt,className:p.default.imageHint,children:He})]}),(0,g.jsxs)(u.DialogFooter,{children:[(0,g.jsx)(u.DialogClose,{asChild:!0,children:(0,g.jsx)(c.Button,{variant:`ghost`,type:`button`,children:Le})}),(0,g.jsx)(c.Button,{variant:`solid`,type:`submit`,disabled:ht,children:Ie})]})]})]})})]})})};he.displayName=`RichTextEditor`,exports.RichTextEditor=he;