UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 3.09 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/VerticalCardStepper/VerticalCardStepper.css');const e=require("./index.cjs278.js"),c=require("./index.cjs332.js"),j=require("./index.cjs280.js"),E=require("./index.cjs3.js"),h=require("./index.cjs21.js");;/* empty css */const R=require("./index.cjs218.js"),p=require("./index.cjs180.js"),N=require("./index.cjs128.js");var l=(r=>(r.DATE="date",r.HEADLINE="headline",r.ORDERED="ordered",r.CHECK="check",r))(l||{});const v=r=>{const i=E.DateTime.fromISO(r);return{day:i.toFormat("dd"),month:i.toFormat("LLLL"),year:i.toFormat("yyyy")}},k=({steps:r,type:i,asLink:n})=>{const x=n??"a";return e.jsxRuntimeExports.jsx("div",{className:"vertical-container",children:e.jsxRuntimeExports.jsx("div",{className:"timeline",children:r.map((s,t)=>{var a;const o=()=>{switch(i){case"date":{if(!s.meta)return e.jsxRuntimeExports.jsx("div",{className:"date"});const{day:d,month:m,year:u}=v(s.meta);return e.jsxRuntimeExports.jsxs("div",{className:"date",children:[e.jsxRuntimeExports.jsx("div",{className:"day",children:d}),e.jsxRuntimeExports.jsx("div",{className:"month",children:m}),e.jsxRuntimeExports.jsx("div",{className:"year",children:u})]})}case"headline":return e.jsxRuntimeExports.jsx("div",{className:"headline",children:s.meta});case"ordered":return e.jsxRuntimeExports.jsx("div",{className:"circle-container",children:e.jsxRuntimeExports.jsx("div",{className:"circle",children:t+1})});case"check":return e.jsxRuntimeExports.jsx("div",{className:"circle-container",children: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:o()}),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("h3",{className:j.clsx("title","cursor-pointer hover-underline"),children:e.jsxRuntimeExports.jsx(x,{className:"link-unstyled",href:((a=s.link)==null?void 0:a.link)??"#",children:s.title})}),e.jsxRuntimeExports.jsxs("div",{className:"",children:[e.jsxRuntimeExports.jsx("div",{className:"description pb-x12",children:e.jsxRuntimeExports.jsx(R.RichText,{description:s.description,maxLines:5})}),e.jsxRuntimeExports.jsxs("div",{className:"card-footer",children:[s.link&&(s.linkType===c.distExports.LinkTypeEnum.INTERNAL||!s.linkType)&&e.jsxRuntimeExports.jsx(h.ArrowLink,{href:s.link.link,className:"card-footer-detail",children:s.link.title}),s.link&&s.linkType===c.distExports.LinkTypeEnum.EXTERNAL&&e.jsxRuntimeExports.jsx(p.Link,{title:"",src:s.link.link,icon:N.ExternalLink,decoration:"ui-footer-logo-link",transform:"none",external:!0,asLink:n})]})]})]})]},t)})})})};exports.StepVariantEnum=l;exports.VerticalCardStepper=k; //# sourceMappingURL=index.cjs236.js.map