# b-blocks/2.1.0/build/timeline/view.js

bBlocks – Essential Gutenberg Blocks & Patterns Collection, version 2.1.0. 1 lines.

- Page: https://pluginprobe.com/plugins/b-blocks/2.1.0/code/build/timeline/view.js
- Raw: https://pluginprobe.com/plugins/b-blocks/2.1.0/raw/build/timeline/view.js
- Modified: 2026-07-27T10:48:26+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/b-blocks/2.1.0/code/build/timeline/view.js#L10-L20`.

```javascript
(()=>{"use strict";const e=window.ReactDOM,l=window.wp.i18n,t=[{label:(0,l.__)("Alternating (left & right)","b-blocks"),value:"alternating"},{label:(0,l.__)("Left side only","b-blocks"),value:"left"},{label:(0,l.__)("Right side only","b-blocks"),value:"right"}].map((e=>e.value)),i=[{label:(0,l.__)("Modern","b-blocks"),value:"modern"},{label:(0,l.__)("Classic","b-blocks"),value:"classic"},{label:(0,l.__)("Minimal","b-blocks"),value:"minimal"}].map((e=>e.value)),s=((0,l.__)("Blue","b-blocks"),(0,l.__)("Indigo","b-blocks"),(0,l.__)("Purple","b-blocks"),(0,l.__)("Pink","b-blocks"),(0,l.__)("Red","b-blocks"),(0,l.__)("Orange","b-blocks"),(0,l.__)("Yellow","b-blocks"),(0,l.__)("Green","b-blocks"),(0,l.__)("Teal","b-blocks"),(0,l.__)("Cyan","b-blocks"),(0,l.__)("Gray","b-blocks"),(0,l.__)("Dark","b-blocks"),(0,l.__)("Light Gray","b-blocks"),e=>`timeline-variant-${i.includes(e)?e:"modern"}`),n=e=>`timeline-layout-${t.includes(e)?e:"alternating"}`,a=e=>e?{"--bBlocks-timeline-accent":e.accentColor||"#0d6efd"}:{},c=window.ReactJSXRuntime,o=({attributes:e})=>{const{items:t=[],layout:i="alternating",variant:o="modern",lineColor:r="#dee2e6",showIcons:b=!0}=e||{},d=["timeline-block",s(o),n(i)].filter(Boolean).join(" "),m={"--bBlocks-timeline-line-color":r};return t.length?(0,c.jsx)("div",{className:d,style:m,children:(0,c.jsx)("ol",{className:"timeline-items",children:t.map(((e,l)=>{const t=b&&!!e.icon;return(0,c.jsxs)("li",{className:"timeline-item",style:a(e),children:[(0,c.jsx)("span",{className:"timeline-marker"+(t?" has-icon":""),"aria-hidden":"true",children:t?e.icon:""}),(0,c.jsxs)("div",{className:"timeline-card",children:[e.date&&(0,c.jsx)("div",{className:"timeline-date",children:(0,c.jsx)("time",{children:e.date})}),e.title&&(0,c.jsx)("h3",{className:"timeline-title",dangerouslySetInnerHTML:{__html:e.title}}),e.description&&(0,c.jsx)("div",{className:"timeline-description",dangerouslySetInnerHTML:{__html:e.description}})]})]},l)}))})}):(0,c.jsx)("div",{className:d,style:m,children:(0,c.jsx)("div",{className:"timeline-empty",children:(0,c.jsx)("p",{children:(0,l.__)("No timeline items to display.","b-blocks")})})})};document.addEventListener("DOMContentLoaded",(function(){document.querySelectorAll(".wp-block-b-blocks-timeline").forEach((l=>{const t=l.dataset.attributes;if(!t)return;let i;try{i=JSON.parse(t)}catch(e){return}(0,e.createRoot)(l).render((0,c.jsx)(o,{attributes:i})),l.removeAttribute("data-attributes")}))}))})();
```