allow closing modals during transitions

docs/lib/components/LegacyAnimatedInfiniteModal.svelte

@@ -1,7 +1,7 @@
 <script>
   import { createEventDispatcher } from 'svelte'
 
-  import { closeModal, modals } from 'svelte-modals/legacy'
+  import { closeAllModals, closeModal, modals } from 'svelte-modals/legacy'
   import { fade, fly } from 'svelte/transition'
 
   const dispatch = createEventDispatcher()
@@ -46,6 +46,7 @@
       <div class="modal-actions">
         <button on:click={openAnother}>Open</button>
         <button on:click={closeModal}>Close</button>
+        <button on:click={closeAllModals}>Close All</button>
       </div>
     </div>
   </div>

src/lib/modal.svelte.ts

@@ -64,10 +64,6 @@ export class Modal<R = any> {
   }
 
   close(...args: R extends void ? [] : [result: R]) {
-    if (this.modals.transitioning) {
-      return false
-    }
-
     if (this.onBeforeClose?.() === false) {
       return false
     }

src/tests/modals.spec.ts → src/tests/modal-context.spec.ts

@@ -5,6 +5,7 @@ const FakeComponent = class {} as any as ModalComponent<ModalProps<{ foo: 'bar'
 
 afterEach(() => {
   modals.stack.length = 0
+  modals.transitioning = false
 })
 
 describe('open', () => {
@@ -55,6 +56,25 @@ describe('close', () => {
   })
 })
 
+describe('closeAll', () => {
+  test('removes all modals from the stack', () => {
+    modals.open(FakeComponent)
+    modals.open(FakeComponent)
+    modals.open(FakeComponent)
+    modals.closeAll()
+    expect(modals.stack).toHaveLength(0)
+  })
+
+  test('removes all modals from the stack even if transitioning', () => {
+    modals.open(FakeComponent)
+    modals.stack[0].exitBeforeEnter = true
+    modals.open(FakeComponent)
+    modals.open(FakeComponent)
+    modals.closeAll()
+    expect(modals.stack).toHaveLength(0)
+  })
+})
+
 describe('closeById', () => {
   test('removes a modal from the stack', () => {
     modals.open(FakeComponent)