Ngx Ui Tour Versions Save

Fixes

• Fix issue preventing the tour from starting when it was closed after navigating back, while the first step is optional and not available.

Fixes

• Fix "Next" button position when progress display is disabled.

Features

• Support for Angular 17
• New asyncStepTimeout config. It's now possible to have optional async steps if asyncStepTimeout is specified.
• Default step template now contains tour progress indicator. Can be disabled using showProgress config.
• ion-popover: Ionic standalone components are now used instead of Ionic module.
• md-menu: tour steps now show an arrow pointing at the anchor element. Can be disabled using showArrow config.

Breaking Changes

• Angular 16 is no longer supported
• md-menu: tour step arrow is now enabled by default and in some cases, for example, when a small anchor element is positioned at the edge of the screen, tour step arrow might not align correctly with the tour anchor. In that case placement config can be used to adjust tour step position and fix the alignment or the arrow can be hidden using showArrow config.
• ion-popover: due to migration to Ionic standalone components, @ionic/angular version requirement has been set to ^7.5.6.

Fixes

• Fix merging deeply nested tour options like backdrop config or step dimensions

Fixes

• Fix backdrop and scroll position when anchor element's height exceeds its scroll container's height (thank you @EliotRagueneau)

Fixes

• Fix issue with SSR compatibility.

Fixes

• Fix backdrop position when anchor element is on the edge of the screen and backdrop offset is greater than zero.

Fixes

• Re-initializing the tour is no longer allowed while it's active. Use tourService.getStatus() to check the tour status if your tour spans multiple routes and there is a possibility of triggering initialize() while the tour is still running.
• Default value for delayAfterNavigation was increased to 100ms to make sure tour anchor is registered before showing the tour step.

Fixes

• Fix build errors when TypeScript strict mode is enabled.

Features

• Support for Angular 16.
• "Disable page scrolling" feature now uses scrollContainer config to determine affected container. Before scrollContainer was only used by "smooth scroll" feature.
• popoverClass config can now be used in all tour UIs.
• md-menu: new placement.horizontal config (ported from bdc-walkthrough library).

• md-menu, ng-bootstrap, tui-dropdown: new backdropConfig.offset step config (thanks @mivanyna).

• bootstrap: tour-step CSS class is now applied to tour popovers.
• bootstrap: new tour step template.

• bootstrap: tour step title style can now be customized.

Fixes

• ionic: fix smooth scroll in Ionic apps using tabs based layout.
• md-menu: allow increasing width above 280px.
• md-menu: popover class applied to one tour step should not affect the other tour steps.
• tui-dropdown, tui-hint: fix "Prev"/"Next" button padding.

Breaking Changes

• Angular 15 is no longer supported.
• overflow: hidden is now used instead of position: fixed to disable page scrolling. If you want to keep scrollbar gutter when scrolling is disabled, you can use CSS scrollbar-gutter property to achieve this.
• centerAnchorOnScroll, disablePageScrolling and smoothScroll options are now enabled by default.
• bootstrap tour UI no longer uses default popover title. If you want to use the old popover title style, you can enable useLegacyTitle config.
• ngx-bootstrap: containerClass config was renamed to popoverClass.