expose index

Author: QuentinGab

resources/views/components/stack.blade.php

@@ -7,7 +7,6 @@
     'size-full min-w-0 flex pointer-events-none [&>*]:pointer-events-auto',
 ]) !!} x-data="{
     modalPosition: [null, null],
-    get modalIndexReversed() { return findModalHistoryIndex(modalId, true); },
     get modalStackDirection() {
         const [px, py] = this.modalPosition;
 
@@ -47,9 +46,9 @@
                 return {
                     '--dx': dx,
                     '--dy': dy,
-                    '--i': this.modalIndexReversed,
+                    '--i': modalIndexReversed,
                     transform: `scale(calc(1 - 0.05 * var(--i))) translate(calc(2rem * var(--dx) * var(--i)), calc(2rem * var(--dy) * var(--i)))`,
-                    opacity: this.modalIndexReversed <= 2 ? 1 : 0,
+                    opacity: modalIndexReversed <= 2 ? 1 : 0,
                 };
             }
 

resources/views/livewire/modal.blade.php

@@ -157,6 +157,8 @@ class="fixed left-0 top-0 z-40 grid h-dvh w-full select-none overflow-hidden bg-
             get modalId() { return '{{ $id }}'; },
             get isModalActive() { return modalActiveId === this.modalId; },
             get modal() { return findModalById(this.modalId); },
+            get modalIndex() { return findModalHistoryIndex(modalId); },
+            get modalIndexReversed() { return findModalHistoryIndex(modalId, true); },
             get modalStack() { return this.modal?.stack ?? null; },
             get isModalStacked() { return modalActiveStack && modalActiveStack === this.modalStack; },
         }" class="flex size-full min-h-0 min-w-0 select-text" style="grid-area: stack;"

src/Livewire/Modal.php

@@ -30,7 +30,6 @@ public function mount(null|string|bool $stack = null): void
 
     public function render(): \Illuminate\Contracts\View\View
     {
-        // @phpstan-ignore-next-line
         return view('livewire-modal::livewire.modal');
     }
 }