Progress bar hidden after 2nd Reveal.configure()

[BitEater21]

I am new to reveal.js and added it to my project now.

I introduced a class for controlling the presentations which are dynamically loaded. At beginning I initialize it and then it is configured each time.

class presentation {
...
    this.#configInitial = {
      plugins: [ Markdown, Highlight ],
      controls: false,
      keyboard: false,
      pause: false,
      autoSlideStoppable: false,
      transition: 'fade',
      embedded: true,
      loop: true,
      progress: true,
      hideInactiveCursor: true,
      autoSlide: 0
    }

    this.#configActive = {
      controls: false,
      keyboard: false,
      pause: false,
      autoSlideStoppable: false,
      transition: 'fade',
      embedded: true,
      loop: true,
      progress: true,
      hideInactiveCursor: true,
      autoSlide: this.#slideInterval
    }

    this.#configInactive = {
      controls: false,
      keyboard: false,
      pause: false,
      autoSlideStoppable: false,
      transition: 'fade',
      embedded: true,
      loop: true,
      progress: true,
      hideInactiveCursor: true,
      autoSlide: 0
    }
}

When the class is first initialized, this is done with Reveal.initialize(this.#configInitial); and after that I am switching between Reveal.configure(this.#configInactive); and Reveal.configure(this.#configActive);.

Unfortunately after starting my 2nd presentation, the progress bar is not visible any more.

Do you have any hints?

Thank you

[BitEater21]

I was able to fix it by using .destroy() and .initialize() each time...