@mantine/core
Version:
React components library focused on usability, accessibility and developer experience
44 lines (43 loc) • 1.51 kB
JavaScript
"use client";
require("../../../_virtual/_rolldown/runtime.cjs");
const require_Box = require("../../../core/Box/Box.cjs");
const require_Slider_context = require("../Slider.context.cjs");
const require_get_position = require("../utils/get-position/get-position.cjs");
const require_is_mark_filled = require("./is-mark-filled.cjs");
let react = require("react");
let react_jsx_runtime = require("react/jsx-runtime");
//#region packages/@mantine/core/src/components/Slider/Marks/Marks.tsx
function Marks({ marks, min, max, disabled, value, offset, inverted }) {
const { getStyles } = require_Slider_context.useSliderContext();
if (!marks) return null;
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: marks.map((mark, index) => {
if (mark.hidden) return null;
return /* @__PURE__ */ (0, react.createElement)(require_Box.Box, {
...getStyles("markWrapper"),
__vars: { "--mark-offset": `${require_get_position.getPosition({
value: mark.value,
min,
max
})}%` },
key: index
}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
...getStyles("mark"),
mod: {
filled: require_is_mark_filled.isMarkFilled({
mark,
value,
offset,
inverted
}),
disabled
}
}), mark.label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
...getStyles("markLabel"),
children: mark.label
}));
}) });
}
Marks.displayName = "@mantine/core/SliderMarks";
//#endregion
exports.Marks = Marks;
//# sourceMappingURL=Marks.cjs.map