@anoki/fse-ui
Version:
FSE UI components library
78 lines (77 loc) • 3.38 kB
JavaScript
import { j as e } from "./index.es237.js";
import { d as l } from "./index.es292.js";
import { DateTime as m } from "./index.es3.js";
import { ArrowLink as h } from "./index.es25.js";
import './components/ui/VerticalCardStepper/VerticalCardStepper.css';/* empty css */
import { RichText as x } from "./index.es143.js";
import { Link as j } from "./index.es105.js";
import { ExternalLink as N } from "./index.es197.js";
var v = /* @__PURE__ */ ((i) => (i.DATE = "date", i.HEADLINE = "headline", i.ORDERED = "ordered", i.CHECK = "check", i))(v || {});
const k = (i) => {
const a = m.fromISO(i);
return {
day: a.toFormat("dd"),
month: a.toFormat("LLLL"),
year: a.toFormat("yyyy")
};
}, R = ({ steps: i, type: a, asLink: c }) => /* @__PURE__ */ e.jsx("div", { className: "vertical-container", children: /* @__PURE__ */ e.jsx("div", { className: "timeline", children: i.map((r, s) => {
const n = () => {
switch (a) {
case "date": {
if (!r.meta) return null;
const { day: d, month: t, year: o } = k(r.meta);
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
/* @__PURE__ */ e.jsx("div", { className: "day", children: d }),
/* @__PURE__ */ e.jsx("div", { className: "month", children: t }),
/* @__PURE__ */ e.jsx("div", { className: "year", children: o })
] });
}
case "headline":
return /* @__PURE__ */ e.jsx("div", { className: "headline", children: r.meta });
case "ordered":
return /* @__PURE__ */ e.jsx("div", { className: "circle", children: s + 1 });
case "check":
return /* @__PURE__ */ e.jsx("div", { className: "circle", children: /* @__PURE__ */ e.jsx("div", { className: "checkmark" }) });
default:
return null;
}
};
return /* @__PURE__ */ e.jsxs("div", { className: "step", children: [
/* @__PURE__ */ e.jsx("div", { className: "meta", children: n() }),
/* @__PURE__ */ e.jsx("div", { className: "vertical-line", children: /* @__PURE__ */ e.jsx("div", { className: "dot" }) }),
/* @__PURE__ */ e.jsxs("div", { className: "card", children: [
/* @__PURE__ */ e.jsx("div", { className: "label", children: r.label }),
/* @__PURE__ */ e.jsx("div", { className: "title", children: r.title }),
/* @__PURE__ */ e.jsxs("div", { className: "", children: [
/* @__PURE__ */ e.jsx("div", { className: "description pb-x12", children: /* @__PURE__ */ e.jsx(x, { description: r.description, maxLines: 5 }) }),
/* @__PURE__ */ e.jsxs("div", { className: "card-footer", children: [
r.link && (r.linkType === l.LinkTypeEnum.INTERNAL || !r.linkType) && /* @__PURE__ */ e.jsx(
h,
{
href: r.link.link,
className: "card-footer-detail",
children: r.link.title
}
),
r.link && r.linkType === l.LinkTypeEnum.EXTERNAL && /* @__PURE__ */ e.jsx(
j,
{
title: "",
src: r.link.link,
icon: N,
decoration: "ui-footer-logo-link",
transform: "none",
external: !0,
asLink: c
}
)
] })
] })
] })
] }, s);
}) }) });
export {
v as StepVariantEnum,
R as VerticalCardStepper
};
//# sourceMappingURL=index.es137.js.map