Keep copies of previous container

daun commented 1 year ago

Description

New plugin option keep: number | { [ container: string ]: number }
Optionally keep the previous container(s) around after the animation has finished
Use case: slideshows, stack layouts, etc.
Requires that parallel plugin replaces containers even if the visit isn't animated
Add CSS custom property on containers for z-index styling: --swup-parallel-container: 1
Treats forward navigation and history visits the same: a pop/push history stack is a bit too complex right now

Questions

Should this be it's own plugin, e.g. Stack Plugin or History Plugin? Considering the added complexity of abstracting a history stack (see last bullet point above), it might make sense to split this off right away. Or not.

Example animation

https://github.com/swup/parallel-plugin/assets/22225348/9750f1f7-a653-4c09-aec6-ee2eb247d3f9

Checks

[x] The PR is submitted to the master branch
[x] The code was linted before pushing (npm run lint)
[ ] ~~All tests are passing (npm run test)~~
[ ] ~~New or updated tests are included~~
[x] The documentation was updated as required

Additional information

Closes #5

hirasso commented 1 year ago

I also prefer alternative 1! And: beautiful 😻

daun commented 1 year ago

@hirasso Thanks, I'll implement alternative one, then.

daun commented 1 year ago

Ready to go :)

swup / parallel-plugin

Keep copies of previous container #6