v4.1.2

• 🚑 Explicitly set cssFileName to style in vite.config.ts (Fixes #53)

Full Changelog: v4.1.1...v4.1.2

v4.1.1 💥

🏷️ Export more types: TimelineBaseUnits, TimelineScale, TimelineScales and TimelineItemBase (#50)

Warning

This version breaks the style.css export. Update to v4.1.2 instead.

Full Changelog: v4.0.1...v4.1.1

v4.0.1

🔧 Added temporal interval steps for the seconds and minutes scales: show a seconds label every 2 and 5 seconds as well, and minutes every 2 minutes depending on the zoom-level

Full Changelog: v4.0.0...v4.0.1

v4.0.0 - Touch gestures

New features

• ✨ Added support for touch gestures: Pinch-to-zoom and 2-finger panning (thanks @conradfuhrman)
• 🔧 Added temporal interval steps for the hours scale: show a hour label every 4, 6 and 12 hours depending on the zoom-level

Potential breaking changes

• For smooth touch input, touch-action: pan-y is added to the default styling of the component.
  💥 This will block horizontal scrolling when dragging over the component.

Tip

By default, the component sets touch-action: pan-y on the wrapper element. This prevents the browser from interfering with the touch gestures and only allows vertical scrolling.

For an even smoother touch experience, set touch-action: none on the wrapper element.

Read more about touch-action on MDN

Full Changelog: v3.1.0...v4.0.0

v3.1.0

• 💄 Add default print styles (fixes #35)

Full Changelog: v3.0.1...v3.1.0

v3.0.1

• Keeps initialViewportStart and initialViewportEnd reactive: the viewport gets set to those values once they change.

Full Changelog: v3.0.0...v3.0.1

v3.0.0

New features

• ✨ New setViewport method (read more)

Breaking changes

• 💥 The viewport will not reset anymore when the viewportMin and viewportMax props change. Use initialViewportStart/initialViewportEnd props or the new setViewport method instead (e.g. for synced timelines)

Note: when manually calling setViewport after prop changes, make sure to call it after the component received its prop changes (by setting flush: 'post'). E.g.:

  watch([() => props.start, () => props.end], ([start, end]) => {
    timeline.value?.setViewport(start, end);
  }, { flush: 'post' });

Full Changelog: v2.12.0...v3.0.0

v2.12.0

✨ Display up to 100ms intervals by default when zoomed in

✨ Emit changeScale event for initial scale
🐛 Fix gridline labels not always showing (Fixes #32)

Full Changelog: v2.11.0...v2.12.0

v2.11.0

✨ Added weekStartsOn prop
✨ Added weeks scale (thanks @kfina-planxy)
🐛 Fixed bug where the label for year 1970 would always be shown

Full Changelog: v2.10.0...v2.11.0

v2.10.0

✨ Added marker slot

Full Changelog: v2.9.0...v2.10.0