https://mensenlinq.nl/build/assets/Progress-Cx_0JXoM.js

1import { a as require_react, n as require_jsx_runtime } from "./axios-D_Zw0bxE.js";
2import { Q as FontAwesomeIcon, S as faChevronDown } from "./entry-app.js";
3import { t as faCircleCheck } from "./free-regular-svg-icons-Bb-21HtU.js";
4var Progress_module_default = {
5	progressContainer: "_progressContainer_9wane_1",
6	progress: "_progress_9wane_1",
7	checkbox: "_checkbox_9wane_49",
8	index: "_index_9wane_52",
9	chevron: "_chevron_9wane_65",
10	checked: "_checked_9wane_71",
11	completed: "_completed_9wane_71",
12	active: "_active_9wane_79",
13	unchecked: "_unchecked_9wane_99",
14	labelWrapper: "_labelWrapper_9wane_102",
15	label: "_label_9wane_102"
16};
17require_react();
18var import_jsx_runtime = require_jsx_runtime();
19function Progress({ step: currentStep, steps, subStep, subSteps, onStepClick, ...rest }) {
20	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
21		...rest,
22		className: [Progress_module_default.progressContainer, rest.className].join(" "),
23		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", {
24			className: Progress_module_default.progress,
25			children: steps.map((step, index) => {
26				const className = index < currentStep ? Progress_module_default.checked : index > currentStep ? Progress_module_default.unchecked : Progress_module_default.active;
27				const isClickable = index < currentStep;
28				const percentage = index === currentStep && subStep != null && subSteps != null ? subStep / subSteps * 100 : null;
29				return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("li", {
30					className,
31					children: [
32						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
33							className: Progress_module_default.index,
34							"data-percentage": percentage,
35							onClick: () => isClickable && onStepClick && onStepClick(index),
36							children: index < currentStep ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FontAwesomeIcon, {
37								icon: faCircleCheck,
38								className: Progress_module_default.completed
39							}) : index === currentStep ? subStep != null ? `${subStep}/${subSteps}` : index + 1 : index + 1
40						}),

41						index === currentStep && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FontAwesomeIcon, {
42							icon: faChevronDown,
43							className: Progress_module_default.chevron
44						}),
45						/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
46							className: Progress_module_default.labelWrapper,
47							onClick: () => isClickable && onStepClick && onStepClick(index),
48							children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
49								className: Progress_module_default.label,
50								children: step
51							})
52						})
53					]
54				}, index);
55			})
56		})
57	});
58}
59//#endregion
60export { Progress as t };
61
62//# sourceMappingURL=Progress-Cx_0JXoM.js.map