UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 2.71 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VerticalCardStepper/VerticalCardStepper.css');const e=require("./index.cjs237.js"),n=require("./index.cjs291.js"),m=require("./index.cjs3.js"),u=require("./index.cjs25.js");;/* empty css */const j=require("./index.cjs143.js"),E=require("./index.cjs105.js"),h=require("./index.cjs197.js");var a=(r=>(r.DATE="date",r.HEADLINE="headline",r.ORDERED="ordered",r.CHECK="check",r))(a||{});const R=r=>{const i=m.DateTime.fromISO(r);return{day:i.toFormat("dd"),month:i.toFormat("LLLL"),year:i.toFormat("yyyy")}},p=({steps:r,type:i,asLink:x})=>e.jsxRuntimeExports.jsx("div",{className:"vertical-container",children:e.jsxRuntimeExports.jsx("div",{className:"timeline",children:r.map((s,t)=>{const c=()=>{switch(i){case"date":{if(!s.meta)return null;const{day:l,month:o,year:d}=R(s.meta);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"day",children:l}),e.jsxRuntimeExports.jsx("div",{className:"month",children:o}),e.jsxRuntimeExports.jsx("div",{className:"year",children:d})]})}case"headline":return e.jsxRuntimeExports.jsx("div",{className:"headline",children:s.meta});case"ordered":return e.jsxRuntimeExports.jsx("div",{className:"circle",children:t+1});case"check":return e.jsxRuntimeExports.jsx("div",{className:"circle",children:e.jsxRuntimeExports.jsx("div",{className:"checkmark"})});default:return null}};return e.jsxRuntimeExports.jsxs("div",{className:"step",children:[e.jsxRuntimeExports.jsx("div",{className:"meta",children:c()}),e.jsxRuntimeExports.jsx("div",{className:"vertical-line",children:e.jsxRuntimeExports.jsx("div",{className:"dot"})}),e.jsxRuntimeExports.jsxs("div",{className:"card",children:[e.jsxRuntimeExports.jsx("div",{className:"label",children:s.label}),e.jsxRuntimeExports.jsx("div",{className:"title",children:s.title}),e.jsxRuntimeExports.jsxs("div",{className:"",children:[e.jsxRuntimeExports.jsx("div",{className:"description pb-x12",children:e.jsxRuntimeExports.jsx(j.RichText,{description:s.description,maxLines:5})}),e.jsxRuntimeExports.jsxs("div",{className:"card-footer",children:[s.link&&(s.linkType===n.distExports.LinkTypeEnum.INTERNAL||!s.linkType)&&e.jsxRuntimeExports.jsx(u.ArrowLink,{href:s.link.link,className:"card-footer-detail",children:s.link.title}),s.link&&s.linkType===n.distExports.LinkTypeEnum.EXTERNAL&&e.jsxRuntimeExports.jsx(E.Link,{title:"",src:s.link.link,icon:h.ExternalLink,decoration:"ui-footer-logo-link",transform:"none",external:!0,asLink:x})]})]})]})]},t)})})});exports.StepVariantEnum=a;exports.VerticalCardStepper=p; //# sourceMappingURL=index.cjs137.js.map