11.0.3

Fixes

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

11.0.2

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.

11.0.1

Fixes

• Fix build errors when TypeScript strict mode is enabled.

11.0.0

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.

[email protected]

Features

• New popoverClass config. Can be used to set custom tour step popover CSS class.

Fixes

• Fix tour step closing when hovering over mat-menu item.

[email protected]

Fixes

• Fix compatibility with Taiga UI v3.24

[email protected]

Features

• Support for Ionic v7

10.6.0

• New tourService.setDefaults() method which can be used to set defaults without specifying tour steps.
• Ionic UI: New showArrow config. Can be used to hide arrow in ios mode.

10.5.1

Fixes

• Fix default step max-width.

10.5.0

Features

• New allowUserInitiatedNavigation config. Enable to keep the tour open while the user navigates to a different page.
  Can cause the tour to get "stuck" if active anchor element is removed from the DOM after the navigation.
  The option is not related to navigation initiated by the UI tour and should not be enabled in most cases.
• NG Bootstrap UI: new popoverClass config. Can be used to set custom popover CSS class.
• New stepDimensions config. Use it to customize tour step width, min-width and max-width. Accepts "width" CSS
  property values, ie "250px" or "auto".

this.tourService.initialize(this.steps, {
    stepDimensions: {
        width: 'auto',
        minWidth: '240px',
        maxWidth: '280px'
    }
});