From b64daf8c4407d419e2af683add7ec70bb294380b Mon Sep 17 00:00:00 2001
From: Acentrix_Jordan <jordan@acentrix.co.uk>
Date: Wed, 1 Oct 2025 23:29:34 +0100
Subject: [PATCH] Added supplementary events for input actions

---
 stubs/resources/views/flux/input/clearable.blade.php  | 2 +-
 stubs/resources/views/flux/input/copyable.blade.php   | 2 +-
 stubs/resources/views/flux/input/expandable.blade.php | 2 +-
 stubs/resources/views/flux/input/viewable.blade.php   | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/stubs/resources/views/flux/input/clearable.blade.php b/stubs/resources/views/flux/input/clearable.blade.php
index 3cde8aa..3bda30f 100644
--- a/stubs/resources/views/flux/input/clearable.blade.php
+++ b/stubs/resources/views/flux/input/clearable.blade.php
@@ -13,7 +13,7 @@
     :$attributes
     :size="$size === 'sm' || $size === 'xs' ? 'xs' : 'sm'"
     x-data
-    x-on:click="let input = $el.closest('[data-flux-input]').querySelector('input'); input.value = ''; input.dispatchEvent(new Event('input', { bubbles: false })); input.dispatchEvent(new Event('change', { bubbles: false })); input.focus()"
+    x-on:click="let input = $el.closest('[data-flux-input]').querySelector('input'); input.value = ''; input.dispatchEvent(new Event('input', { bubbles: false })); input.dispatchEvent(new Event('change', { bubbles: false })); input.dispatchEvent(new Event('cleared', { bubbles: false })); input.focus()"
     tabindex="-1"
     aria-label="Clear input"
     data-flux-clear-button
diff --git a/stubs/resources/views/flux/input/copyable.blade.php b/stubs/resources/views/flux/input/copyable.blade.php
index 63d14b4..e8d36dd 100644
--- a/stubs/resources/views/flux/input/copyable.blade.php
+++ b/stubs/resources/views/flux/input/copyable.blade.php
@@ -13,7 +13,7 @@
     :$attributes
     :size="$size === 'sm' || $size === 'xs' ? 'xs' : 'sm'"
     x-data="{ copied: false }"
-    x-on:click="copied = ! copied; navigator.clipboard && navigator.clipboard.writeText($el.closest('[data-flux-input]').querySelector('input').value); setTimeout(() => copied = false, 2000)"
+    x-on:click="copied = ! copied; navigator.clipboard && navigator.clipboard.writeText($el.closest('[data-flux-input]').querySelector('input').value); input.dispatchEvent(new Event('copied', { bubbles: false })); setTimeout(() => copied = false, 2000)"
     x-bind:data-copyable-copied="copied"
     aria-label="{{ __('Copy to clipboard') }}"
 >
diff --git a/stubs/resources/views/flux/input/expandable.blade.php b/stubs/resources/views/flux/input/expandable.blade.php
index 1942129..0684a45 100644
--- a/stubs/resources/views/flux/input/expandable.blade.php
+++ b/stubs/resources/views/flux/input/expandable.blade.php
@@ -12,7 +12,7 @@
 <flux:button
     :$attributes
     :size="$size === 'sm' || $size === 'xs' ? 'xs' : 'sm'"
-    x-on:click="$el.closest('[data-flux-input]').querySelector('input').value = ''"
+    x-on:click="$el.closest('[data-flux-input]').querySelector('input').value = '' input.dispatchEvent(new Event('expanded', { bubbles: false }));"
 >
     <flux:icon.chevron-down variant="micro" />
 </flux:button>
diff --git a/stubs/resources/views/flux/input/viewable.blade.php b/stubs/resources/views/flux/input/viewable.blade.php
index fe14c69..026429f 100644
--- a/stubs/resources/views/flux/input/viewable.blade.php
+++ b/stubs/resources/views/flux/input/viewable.blade.php
@@ -13,7 +13,7 @@
     :$attributes
     :size="$size === 'sm' || $size === 'xs' ? 'xs' : 'sm'"
     x-data="{ open: false }"
-    x-on:click="open = ! open; $el.closest('[data-flux-input]').querySelector('input').setAttribute('type', open ? 'text' : 'password')"
+    x-on:click="open = ! open; $el.closest('[data-flux-input]').querySelector('input').setAttribute('type', open ? 'text' : 'password') input.dispatchEvent(new Event('viewed', { bubbles: false }));"
     x-bind:data-viewable-open="open"
     aria-label="{{ __('Toggle password visibility') }}"