Modal Laravel Package

What's Changed

• Add #[Locked] attributes to prevent client-side property tampering by @PhiloNL in https://github.com/wire-elements/modal/pull/549

Full Changelog: https://github.com/wire-elements/modal/compare/3.0.3...3.0.4

• Add #[Locked] attributes to prevent client-side property tampering (#549)

What's Changed

• Add Livewire v4 compatibility by @bee-interactive in https://github.com/wire-elements/modal/pull/544

New Contributors

• @bee-interactive made their first contribution in https://github.com/wire-elements/modal/pull/544

Full Changelog: https://github.com/wire-elements/modal/compare/3.0.2...3.0.3

What's Changed

• Fix modal content visibility by @edwinvdpol in https://github.com/wire-elements/modal/pull/523

New Contributors

• @edwinvdpol made their first contribution in https://github.com/wire-elements/modal/pull/523

Full Changelog: https://github.com/wire-elements/modal/compare/3.0.1...3.0.2

Full Changelog: https://github.com/wire-elements/modal/compare/2.0.13...3.0.1

• Tailwind v4 support

Full Changelog: https://github.com/wire-elements/modal/compare/2.0.13...3.0.0-beta

What's Changed

• Fixes focusables selector in modal.js by @wlhrtr in https://github.com/wire-elements/modal/pull/500
• Replaces min-h-screen with min-h-dvh by @iRaziul in https://github.com/wire-elements/modal/pull/453

Full Changelog: https://github.com/wire-elements/modal/compare/2.0.12...2.0.13

Fix #474 error when escape key is pressed when modal not opened

What's Changed

• Dispatch an event to a modal being closed before closing it, so that the modal can prevent it based on its state by @osmianski in https://github.com/wire-elements/modal/pull/466

New Contributors

• @osmianski made their first contribution in https://github.com/wire-elements/modal/pull/466

Full Changelog: https://github.com/wire-elements/modal/compare/2.0.10...2.0.11

What's Changed

• Remove always false PHP version comparison if statements by @nimah79 in https://github.com/wire-elements/modal/pull/401
• Update README.md by @iRaziul in https://github.com/wire-elements/modal/pull/435
• fix missing ")" on query selector by @PH7-Jack in https://github.com/wire-elements/modal/pull/432

New Contributors

• @nimah79 made their first contribution in https://github.com/wire-elements/modal/pull/401
• @iRaziul made their first contribution in https://github.com/wire-elements/modal/pull/435
• @PH7-Jack made their first contribution in https://github.com/wire-elements/modal/pull/432

Full Changelog: https://github.com/wire-elements/modal/compare/2.0.9...2.0.10

• Fix event duplication when using wire:navigate

What's Changed

• Update modal.js by @vladrusu in https://github.com/wire-elements/modal/pull/371
• Update WireElementsModalUpgrade.php by @vladrusu in https://github.com/wire-elements/modal/pull/372

New Contributors

• @vladrusu made their first contribution in https://github.com/wire-elements/modal/pull/371

Full Changelog: https://github.com/wire-elements/modal/compare/2.0.7...2.0.8

What's Changed

• Update README.md by @kirgus in https://github.com/wire-elements/modal/pull/353
• [fix] allow enum binding by @fabio-ivona in https://github.com/wire-elements/modal/pull/352

New Contributors

• @kirgus made their first contribution in https://github.com/wire-elements/modal/pull/353
• @fabio-ivona made their first contribution in https://github.com/wire-elements/modal/pull/352

Full Changelog: https://github.com/wire-elements/modal/compare/2.0.6...2.0.7

• Stable release

What's Changed

• [V2] Upgrade pattern improvements by @thermiteplasma in https://github.com/wire-elements/modal/pull/344

Full Changelog: https://github.com/wire-elements/modal/compare/2.0.4-beta...2.0.5-beta

• Rename the config file, make sure to republish and update your config:

php artisan vendor:publish --tag=wire-elements-modal-config

• Update upgrade command

You can automate the required changes using the following command:

php artisan livewire:upgrade --run-only wire-elements-modal-upgrade

• The old component name is being deprecated. Replace [@livewire](https://github.com/livewire)('livewire-ui-modal') with [@livewire](https://github.com/livewire)('wire-elements-modal')
• arguments is the named property to pass arguments to your modal, for example:

$dispatch('openModal', {component: 'edit-user', arguments: {user: 5}})

Livewire v3 now expects named arguments; this means you will have to adjust your events.

<-- Before -->
<button wire:click="$emit('openModal', 'users')">Show Users</button>
<!-- After -->
<button wire:click="$dispatch('openModal', {component: 'users'})">Show Users</button>

<-- Before -->
<button wire:click="$emit('openModal', 'edit-user', {user: 5})">Edit User</button>
<!-- After -->
<button wire:click="$dispatch('openModal', {component: 'edit-user', arguments: {user: 5}})">Edit User</button>

You can use regular expression to automate this change:

// Regular Expression
emit\('openModal', '([^']+)'(?:, (\{[^}]+\}|[@js](https://github.com/js)\(\[[^\]]+\]\)))?\)

// Example 1
$emit('openModal', 'edit-user', {user: 5})

// Matches
$0 = emit('openModal', 'edit-user', {user: 5})
$1 = edit-user
$2 = {user: 5}

// Example 2
$emit('openModal', 'edit-user', [@js](https://github.com/js)(['foo' => 'bar']))

// Matches
$0 = emit('openModal', 'edit-user', [@js](https://github.com/js)(['foo' => 'bar']))
$1 = edit-user
$2 = [@js](https://github.com/js)(['foo' => 'bar'])

// Update all occurrences
dispatch('openModal', {component: '$1', arguments: $2});

In PHPStorm:

What's Changed

• feature: add x-trap by @Silver343 in https://github.com/wire-elements/modal/pull/225
• fix missing bracket by @wit3 in https://github.com/wire-elements/modal/pull/288
• updates modal.php to use route model resolver to inject models by @wlhrtr in https://github.com/wire-elements/modal/pull/296

New Contributors

• @Silver343 made their first contribution in https://github.com/wire-elements/modal/pull/225
• @wlhrtr made their first contribution in https://github.com/wire-elements/modal/pull/296

Full Changelog: https://github.com/wire-elements/modal/compare/1.0.7...1.0.8

What's Changed

• fixes loading speed issue by moving config reads away from View composer ... by @arukompas in https://github.com/wire-elements/modal/pull/239

New Contributors

• @arukompas made their first contribution in https://github.com/wire-elements/modal/pull/239

Full Changelog: https://github.com/wire-elements/modal/compare/1.0.6...1.0.7

What's Changed

• Add id to modal container by @ryangjchandler in https://github.com/wire-elements/modal/pull/198
• Fix bug that would cause dozens of requests when pressing escape

New Contributors

• @ryangjchandler made their first contribution in https://github.com/wire-elements/modal/pull/198

Full Changelog: https://github.com/wire-elements/modal/compare/1.0.5...1.0.6

What's Changed

• Gate instead of Guard facade to authorize actions by @olivsinz in https://github.com/wire-elements/modal/pull/149
• Fix flickering modal with Alpine 3.9.1 by @PhiloNL in https://github.com/wire-elements/modal/pull/193

If you published modal.blade.php you will need to replace x-on:close.stop="show = false" with x-on:close.stop="setShowPropertyTo(false)" (see diff)

New Contributors

• @olivsinz made their first contribution in https://github.com/wire-elements/modal/pull/149

Full Changelog: https://github.com/wire-elements/modal/compare/1.0.4...1.0.5

What's Changed

• Updates to remove flashing/disappearing modal fixes issues 26 by @roni-estein in https://github.com/wire-elements/modal/pull/111
• Fix modalWidthClass and add Exception by @PhiloNL in https://github.com/wire-elements/modal/pull/113
• Add optional chaining to modal.js by @putera in https://github.com/wire-elements/modal/pull/132
• Fix order of actions on closeModalWithEvents by @Hansterdam in https://github.com/wire-elements/modal/pull/117

New Contributors

• @roni-estein made their first contribution in https://github.com/wire-elements/modal/pull/111
• @putera made their first contribution in https://github.com/wire-elements/modal/pull/132
• @Hansterdam made their first contribution in https://github.com/wire-elements/modal/pull/117

Full Changelog: https://github.com/wire-elements/modal/compare/1.0.3...1.0.4

What's Changed

• Update path to vendor resources by @Wit3 in https://github.com/wire-elements/modal/pull/101
• Add option to destroy the modal state by @thermiteplasma in https://github.com/wire-elements/modal/pull/95

New Contributors

• @Wit3 made their first contribution in https://github.com/wire-elements/modal/pull/101

Full Changelog: https://github.com/wire-elements/modal/compare/1.0.2...1.0.3

• Add modal defaults https://github.com/livewire-ui/modal/commit/930791c870b72fa66b62b2f69bfaf169dd736502

v1.0.0 stable release 🚀

Breaking changes to take into account:

The [@livewireUIScripts](https://github.com/livewireUIScripts) has been removed.

Any required Javascript will be loaded inline. If you want to include the Javascript in your bundler like Webpack you can use the config to disable Javascript and require the necessary Javascript require('vendor/livewire-ui/modal/resources/js/modal');

The package namespace has changed to livewire-ui-modal

If you published the modal view make sure to make the required changes.

The setActiveModalComponent is sometimes called multiple times resulting in issues with the component history log and could result in errors. This release prevents an already active modal component to be set active (while it is already active).