lion/docs/fundamentals/tools/singleton-manager/example-complex/index.md

parts	title	eleventyNavigation
Example Complex Singleton Manager Tools	Singleton Manager: Example Complex	key title order parent Tools >> Singleton Manager >> Example Complex Example Complex 40 Tools >> Singleton Manager

Tools >> Singleton Manager >> Example Complex ||40

In this SPA (Single Page Application) demo you will be able to reproduce the solution.

The outcome is the same but this time internally there are two instances of Overlay Managers. And both are kept in sync buy an mediator with which the user actually interacts.

1. Click on Page A
2. Click on block
3. Click on Page B
4. Click on unblock => state is unblocked globally as there is only a single instance

With this solutions users can not break the app anymore.

Loading App...

import './demo-app.js';