# Changelog of ng-walkthrough

## V0.12.0 (2026-06-04)

### Correction

-    fix: update host classes

## V0.12.0 (2026-04-07)

### Breaking change

-   upgrade to Angular 21.0

## V0.11.0 (2024-07-02)

### Breaking change

-   upgrade to Angular 18.0

## V0.10.2 (2024-06-25)

### New features

-   positioning management when no target
-   add `top-screen-center` position for `verticalAlignContent` when no target

## V0.10.1 (2024-06-24)

### Correction

-   fix `below` position for `verticalAlignContent`

### New feature

-   add `content` position for `alignContent` : to horizontally center on content

## V0.10.0 (2023-08-01)

### Breaking change

-   upgrade to Angular 16.1

### Correction

-   fix typo/wording

## V0.9.8 (2022-02-25)

### New feature

-   add `hideNext` and `hideNav` attributes

## V0.9.7 (2021-12-17)

### Correction

-   add options for DOM detection changes

## V0.9.6 (2021-12-02)

### Corrections

-   close walkthrough when dom changed and focusElement does not exist anymore

## V0.9.5 (2019-09-03)

### New features

-   add `hidePrevious` attribute
-   walkthrough flow parameters can be changed dynamically

## V0.9.4 (2019-08-25)

### Corrections

-   fix error in console
-   rollback on the recalculation timer

## V0.9.3 (2019-08-24)

### Correction

-   fix `notScrollOnResize`

## V0.9.2 (2019-08-18)

### New feature

-   add `notScrollOnResize` attribute

## V0.9.1 (2019-07-23)

### Correction

-   fix the walkthrough pause on resize

## V0.9.0 (2021-06-02)

### Breaking change

-   upgrade to Angular 11

## V0.8.2 (2019-04-04)

### Corrections

-   fix interpretation of `marginZone` to avoid arrow to be inside the highlight zone
-   make the curve of the arrow start nearer the tail to avoid arrow to be messed up

## V0.8.1 (2019-04-02)

### Corrections

-   fix crash if `open()` called on multiple walkthrough at the same time
-   check existence of `focusElementSelector`
-   add `Promise<boolean>` on `open()`
-   add `visibilityCallback` attribute

## V0.8.0 (2019-03-28)

### Breaking change

-   upgrade to Angular 7

### Correction

-   Avoid resize event spamming

## V0.7.4 (2019-02-26)

### New feature

-   Optional parameter `scrollOnTarget` default `true` : if the walkthrough detect that `focusElementSelector` is outside of the current view, scrolls automatically.

## V0.7.3 (2018-10-29)

### Correction

-   Fix a problem the instance is called too early.

## V0.7.2 (2018-10-25)

### New feature

-   Add subjects on `WalkthroughComponent` :
    -   `onOpen` : on open
    -   `onRefresh` : on reshowing the current step
    -   `onClose` : on close
    -   `onFinish` : on close in the last step
    -   `onNavigate` : on navigate
    -   `onNavigatePrevious` : on navigate on the previous step
    -   `onNavigateNext` : on navigate on the next step

## V0.7.1 (2018-09-17)

### Correction

-   Fix crashes with “Toggle focusElementSelector” in demo

## V0.7.0 (2018-06-22)

### Breaking changes

-   **not compatible anymore with Angular 5**
-   upgrade to Angular 6 using Angular CLI
-   change folders architecture to match the Angular CLI `ng new` and `ng generate library`

### Corrections

-   Protection against crashes when the selector is invalid

## V0.6.17 (2018-06-12)

### Correction

-   Fix arrow display on Safari/iOS

## V0.6.16 (2018-06-05)

### New feature

-   Fix hidden zones when using library with fixed elements by adding `rootElement` attribute

### Correction

-   Fix resize event fired every time the address bar display is toggled (Android and iOS). Now the resize event is applied only when the width changes.

## V0.6.15 (2018-05-28)

### Correction

-   Fix case when a step have no `focusElementSelector` (#19)

## V0.6.14 (2018-05-24)

### Correction

-   Fix resize code not firing anymore (bug introduced in last release)

## V0.6.13 (2018-05-23)

### Correction

-   Fix walkthrough visible while on pause when `window:resize` event is fired

## V0.6.12 (2018-05-04)

### Corrections

-   Fix crash on IE11 in certain circumstances
-   Fix issue when using stop/continue container methods outisde of library

## V0.6.11 (2018-05-03)

### Corrections

-   Add verifications on `walkthroughContinue` :
    -   check if `focusElementSelector` still exists. If not, we close the walkthrough (without emitting `closed` and `finished` events)
    -   otherwise, refresh elements positioning

## V0.6.10 (2018-04-27)

### Correction

-   Fix a bug of positioning while scrolling

## V0.6.9 (2018-04-26)

### Corrections

-   Improve content positioning:
    when `verticalAlignContent = top | center | bottom`, if there is enough space on the side but we can't respect the `alignContent center` attribute, we rollback to `left` or `right` (where there is more space)
-   Improve scroll positioning

## V0.6.8 (2018-04-26)

### Correction

-   Fix crash on static method with IE11

## V0.6.5 (2018-04-24)

### Corrections

-   Fix arrow for IE11 and Safari

## V0.6.4 (2018-04-23)

### Corrections

-   Fix javascript error in console (#16)

## V0.6.3 (2018-04-19)

### New features

-   Add `disabled` attribut on `ng-walkghrough`.
-   Add static variable `minimalMargin`on `WalkthroughComponent`

### Corrections

-   Fix arrow position

## V0.6.1 (2018-04-18)

### Corrections

-   Fix crash

## V0.6.0 (2018-04-18)

### New features

-   `justifyContent` has been renamed `alignContent`
-   `finishStep` has been renamed `finishButton`
-   Add `verticalAlignContent` attribut
-   Add `contentSpacing` and `verticalContentSpacing` attribut

### Breaking changes

-   The default attribut for `verticalAlignContent` is `top`,
    which means that content is now horizontaly aligned with the top of the focus zone, and not above or below.
    If there is not not enough place to place the content that way, it rollbacks to `above` or `below`.

-   With `verticalAlignContent` on `top` or `bottom`, the arrow makes a curved line to the side of the content

## V0.5.7 (2018-04-13)

### New features

-   Add `marginZone` attribut
-   add static methods : `WalkthroughComponent.walkthroughStop()`, `WalkthroughComponent.walkthroughContinue()`, `WalkthroughComponent.walkthroughHasShow()`, `WalkthroughComponent.walkthroughHasPause()`
-   add a `WalkthroughEvent` on `finish` and `ready` emitter

## V0.5.6 (2018-02-21)

### Corrections

-   Fix import

## V0.5.5 (2018-02-05)

### Corrections

-   Fix CSS for Safari

## V0.5.3 (2018-01-09)

### New features

-   add output events `finish` and `ready` on `WalkthroughComponent`